img {vertical-align: bottom;}
body {background-color: #b00f17;}
.top-pic,
.product-nav,
.project,
.footer   {width: 7.5rem; margin: 0 auto; position: relative; z-index: 1;}

.top-pic {height: 4.51rem;}
.nav-wrapper {height: 1.74rem; background-color: #b00f17; position: relative;}
.product-nav {height: 1.74rem; position: relative;}
.product-nav.fixed {position: fixed; left: 0; top: 0; right: 0; z-index: 99;}
.project1 {height: 9.13rem;}
.project2 {height: 9.03rem;}
.project3 {height: 4.39rem;}
.project4 {height: 9.08rem;}
.project5 {height: 5.35rem;}
.project6 {height: 9rem;}
.project7 {height: 4.34rem;}
.project8 {height: 9.17rem;}
.project9 {height: 9.1rem;}
.project10 {height: 5.2rem;}
.footer {height: 1.93rem;}

.popular-product a,
.product-nav a,
.project a         {position: absolute; display: block; z-index: 10;}

.project a        {width: 2.16rem; height: 3.6rem;}
.product-nav a {width: 1.6rem; height: .52rem;}

.link-nav-1 {left: .34rem; top: .28rem;}
.link-nav-2 {left: 2.11rem; top: .28rem;}
.link-nav-3 {left: 3.86rem; top: .28rem;}
.link-nav-4 {left: 5.64rem; top: .28rem;}
.link-nav-5 {left: .34rem; top: 1.01rem;}
.link-nav-6 {left: 2.11rem; top: 1.01rem;}
.link-nav-7 {left: 3.86rem; top: 1.01rem;}
.link-nav-8 {left: 5.64rem; top: 1.01rem;}

.link-project1-1 {left: .41rem; top: 1.27rem;}
.link-project1-2 {left: 2.7rem; top: 1.27rem;}
.link-project1-3 {left: 4.98rem; top: 1.27rem;}
.link-project1-4 {left: .41rem; top: 5.07rem;}
.link-project1-5 {left: 2.7rem; top: 5.07rem;}
.link-project1-6 {left: 4.98rem; top: 5.07rem;}

.link-project2-1 {left: .41rem; top: 1.25rem;}
.link-project2-2 {left: 2.7rem; top: 1.25rem;}
.link-project2-3 {left: 4.98rem; top: 1.25rem;}
.link-project2-4 {left: .41rem; top: 5.05rem;}
.link-project2-5 {left: 2.7rem; top: 5.05rem;}
.link-project2-6 {left: 4.98rem; top: 5.05rem;}


.link-project3-1 {left: .41rem; top: .35em;}
.link-project3-2 {left: 2.7rem; top: .35rem;}
.link-project3-3 {left: 4.98rem; top: .35rem;}


.link-project4-1 {left: .41rem; top: 1.29em;}
.link-project4-2 {left: 2.7rem; top: 1.29rem;}
.link-project4-3 {left: 4.98rem; top: 1.29rem;}
.link-project4-4 {left: .41rem; top: 5.09em;}
.link-project4-5 {left: 2.7rem; top: 5.09rem;}
.link-project4-6 {left: 4.98rem; top: 5.09rem;}

.link-project5-1 {left: .41rem; top: 1.32em;}
.link-project5-2 {left: 2.7rem; top: 1.32rem;}
.link-project5-3 {left: 4.98rem; top: 1.32rem;}

.link-project6-1 {left: .41rem; top: 1.28em;}
.link-project6-2 {left: 2.7rem; top: 1.28rem;}
.link-project6-3 {left: 4.98rem; top: 1.28rem;}
.link-project6-4 {left: .41rem; top: 5.07em;}
.link-project6-5 {left: 2.7rem; top: 5.07rem;}
.link-project6-6 {left: 4.98rem; top: 5.07rem;}

.link-project7-1 {left: .41rem; top: .37rem;}
.link-project7-2 {left: 2.7rem; top: .37rem;}
.link-project7-3 {left: 4.98rem; top: .37rem;}

.link-project8-1 {left: .41rem; top: 1.35em;}
.link-project8-2 {left: 2.7rem; top: 1.35rem;}
.link-project8-3 {left: 4.98rem; top: 1.35rem;}
.link-project8-4 {left: .41rem; top: 5.14rem;}
.link-project8-5 {left: 2.7rem; top: 5.14rem;}
.link-project8-6 {left: 4.98rem; top: 5.14rem;}

.link-project9-1 {left: .41rem; top: 1.28em;}
.link-project9-2 {left: 2.7rem; top: 1.28rem;}
.link-project9-3 {left: 4.98rem; top: 1.28rem;}
.link-project9-4 {left: .41rem; top: 5.07em;}
.link-project9-5 {left: 2.7rem; top: 5.07rem;}
.link-project9-6 {left: 4.98rem; top: 5.07rem;}

.link-project10-1 {left: .41rem; top: 1.29em;}
.link-project10-2 {left: 2.7rem; top: 1.29rem;}
.link-project10-3 {left: 4.98rem; top: 1.289rem;}
.footer {height: 1.93rem; font-size: 0;}
.anchor-points {position: absolute; bottom: 1.74rem;}