.fl { float: left; }
.fr { float: right; }
.fc { float: none; clear: both; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.hd { display: none; }
.js-hd {}
.abs { position: absolute; }
.rel { position: relative; }
.blod { font-weight: bold; }
.block { display: block; }
.lc { margin: 0 auto; }

.box:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .box { zoom:1; }
*:first-child+html .box { zoom:1; }

.w960 { width: 960px; }

.main-container { width: 1040px; margin: 0 auto; }
.main-content { width: 960px; margin: 0 auto; background: #fff; height: 100%; }

.bottom-nav { height: 36px; background: #fff; }
.bn-item { float: left; width: 480px; padding: 0px; margin: 0px; }
.bn-item a { display: block; width: 478px; height: 35px; border-width: 1px 1px 0; border-style: solid; border-color: #b9ccc6; background: url(../images/text/bottom_nav.png)  no-repeat center -40px; }
.bn-item a:hover, .bn-item .curr { background-position: center 0px; }
.bn-item .curr { border-color: #fff; }
.bn-item1 a { background-position: center -120px; border-left: 0px; width: 479px; }
.bn-item1 a:hover, .bn-item1 .curr { background-position: center -80px; }
.bn-item2 a { border-right: 0px; width: 479px; }

.page-item { position: relative; background: #fff; height: 500px; width: 960px; }
.page-5 {  }
.do-start { position: absolute; width: 89px; height: 25px; top: 377px; left: 620px; background: url(../images/text/start_now.jpg) no-repeat 0 0; }

.q-item { position: absolute; }
.q-tip { top: 438px; left: 417px; }
.q-hover { cursor: pointer; }
.do-next { position: absolute; top: 398px; left: 555px; width: 74px; height: 16px; background: url(../images/text/next.png) no-repeat 0 0; }
.do-prev { position: absolute; top: 398px; left: 372px; width: 74px; height: 16px; background: url(../images/text/prev.png) no-repeat 0 0; }
.do-find { position: absolute; top: 398px; left: 535px; width: 126px; height: 16px; background: url(../images/text/find.png) no-repeat 0 0; }
.do-back { position: absolute; top: 46px ; left: 747px; width: 147px; height: 14px;  }
.do-print { position: absolute; top: 460px; left: 840px; }
.do-email { position: absolute; top: 460px; left: 725px; }
.do-testimonial { position: absolute; top: 460px; left: 85px; }

.page-2 .do-next { left: 458px; }

.q-hover { opacity: 0.4; filter: Alpha(opacity=40); }
.q-hovered { opacity: 1; filter: Alpha(opacity=100); }
.q-selected { opacity: 1; filter: Alpha(opacity=100); }

.q1 { background: url(../images/text/q1.jpg) no-repeat 0 0; }
.q1-0 { top: 62px; left: 345px; width: 290px; height: 28px; }
.q1-1 { top: 110px; left: 458px; width: 157px; height: 42px; }
.q1-2 { top: 155px; left: 289px; width: 244px; height: 46px; }
.q1-3 { top: 209px; left: 487px; width: 162px; height: 47px; }
.q1-4 { top: 266px; left: 367px; width: 184px; height: 52px; }
.q1-5 { top: 329px; left: 497px; width: 140px; height: 45px; }

/*
 used background to control
.q1-1 { background-position: 0px -52px; }
.q1-1-hover { background-position: -520px -52px; }
.q1-2 { background-position: 0px -102px; }
.q1-2-hover { background-position: -520px -102px; }
.q1-3 { background-position: 0px -146px; }
.q1-3-hover { background-position: -520px -146px; }
.q1-4 { background-position: 0px -203px; }
.q1-4-hover { background-position: -520px -203px; }
.q1-5 { background-position: 0px -257px; }
.q1-5-hover { background-position: -520px -257px; }
*/

.q1-1 { background-position: -300px -48px; }
.q1-2 { background-position: -300px -93px; }
.q1-3 { background-position: -300px -148px; }
.q1-4 { background-position: -300px -204px; }
.q1-5 { background-position: -300px -268px; }


.q2 { background: url(../images/text/q2.jpg) no-repeat 0 0; }
.q2-0 { width: 206px; height: 28px; top: 60px; left: 386px; }
.q2-1 { width: 160px; height: 45px; top: 120px; left: 354px; }
.q2-2 { width: 147px; height: 45px; top: 178px; left: 452px; }
.q2-3 { width: 212px; height: 49px; top: 237px; left: 340px; }
.q2-4 { width: 171px; height: 50px; top: 302px; left: 484px; }

/*
.q2-1 { background-position: 0px -58px; }
.q2-1-hover { background-position: -311px -58px;}
.q2-2 { background-position: 0px -121px; }
.q2-2-hover { background-position: -311px -121px; }
.q2-3 { background-position: 0px -170px; }
.q2-3-hover { background-position: -311px -170px; }
.q2-4 { background-position: 0px -222px; }
.q2-4-hover { background-position: -311px -222px; }
*/
.q2-1 { background-position: -225px -60px;}
.q2-2 { background-position: -225px -119px; }
.q2-3 { background-position: -225px -177px; }
.q2-4 { background-position: -225px -242px; }

.q3 { background: url(../images/text/q3.jpg) no-repeat 0 0; }
.q3-0 { width: 292px; height: 23px; top: 50px; left: 335px; }
.q3-1 { width: 227px; height: 46px; top: 111px; left: 324px; }
.q3-2 { width: 263px; height: 48px; top: 168px; left: 415px; }
.q3-3 { width: 264px; height: 42px; top: 229px; left: 257px; }
.q3-4 { width: 235px; height: 46px; top: 279px; left: 434px; }
.q3-5 { width: 257px; height: 51px; top: 341px; left: 324px; }

/*
.q3-1 { background-position: 0px -51px; }
.q3-1-hover { background-position: -530px -51px;}
.q3-2 { background-position: 0px -111px; }
.q3-2-hover { background-position: -530px -111px; }
.q3-3 { background-position: 0px -169px; }
.q3-3-hover { background-position: -530px -169px; }
.q3-4 { background-position: 0px -231px; }
.q3-4-hover { background-position: -530px -231px; }
.q3-5 { background-position: 0px -280px; }
.q3-5-hover { background-position: -530px -280px; }
*/
.q3-1 { background-position: -315px -62px;}
.q3-2 { background-position: -315px -118px; }
.q3-3 { background-position: -315px -180px; }
.q3-4 { background-position: -315px -229px; }
.q3-5 { background-position: -315px -292px; }

.result-item { position: absolute; }
.result-core { top: 78px; left: 85px; width: 530px; padding-top: 36px; padding-left: 4px; }
.result-text {  background: url(../images/text/desc_all.png) no-repeat 0 0; display: block; }

.result-core .result-text-wrap { width: 520px; height: 90px; overflow: hidden; }
.result-core .result-text { background: none; }
.rc1 .result-text { margin-top: 0px; }
.rc2 .result-text { margin-top: -89px; }
.rc3 .result-text { margin-top: -179px; }
.rc4 .result-text { margin-top: -269px; }
.rc5 .result-text { margin-top: -359px; }

.result-core .product { display: block; width: 190px; height: 209px; margin: 0 auto; }

.result-optima { top: 154px; left: 668px; width: 230px; height: 120px; }
.result-optima .product { margin: 0 auto; width: 72px; height: 95px; display: block; }

.result-others { top: 305px; left: 668px; width: 230px; height: 120px; }
.result-others .product { margin: 0 auto; width: 92px; height: 90px; display: block; padding: 0px 0 0px 12px; }

.ro-text { position: absolute; top: 147px; left: 411px; width: 336px; height: 87px; background: url(../images/text/result_box.png) no-repeat 0 0; }

.product-title { width: 200px; height: 30px; overflow: hidden; }
.ro1 .product-title img { margin-top: 0px; }
.ro2 .product-title img { margin-top: -30px; }
.ro3 .product-title img { margin-top: -60px; }
.ro4 .product-title img { margin-top: -90px; }
.ro-bottom { top: 297px; }
.ro-text .result-text { margin: 10px auto; display: block; width: 300px; height: 60px; background: url(../images/text/desc_all.png) no-repeat 0 -612px; }
.ro2-text .result-text { background-position: 0 -692px; }
.ro3-text .result-text { background-position: 0 -450px; }
.ro4-text .result-text { background-position: 0 -528px; }

.print-tip { position: absolute; top: 426px; left: 738px; }
.email-tip { position: absolute; top: 426px; left: 665px; }

.mc-fym { border-top: 1px solid #7a9a8d; border-bottom: 1px solid #7a9a8d; }

.lamer-address { position: absolute; top: 520px; }

/*result panel*/
.subscribe-form {
    color: #FFFFFF;
    height: 25px;
    left: 525px;
    position: absolute;
    top: 455px;
}
.subscribe-input {
    background-color: #A5BAB2;
    border: 0 none;
    color: #FFFFFF;
    height: 100%;
    padding: 0 5px;
    vertical-align: top;
    width: 170px;
}
.do-subscribe {
    background-color: #7B998D;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 100%;
    line-height: 100%;
    padding: 0 10px;
}

.subscribe-input::-webkit-input-placeholder { color:#FFFFFF; }
.subscribe-input::-moz-placeholder { color:#FFFFFF; } /* firefox 19+ */
.subscribe-input:-ms-input-placeholder { color:#FFFFFF; } /* ie */
.subscribe-input:-moz-placeholder { color:#FFFFFF; }

.page-1 { height: 100%; position: relative;}
.page-1 img { left: 50%; top: 50%; position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
.page-1 .para { width: 420px; color: #fff; left: -28px; top: -106px; position: absolute; }
.page-1 .para .tit { margin: 0 0 3.76%; font-size: 230%; line-height: 100%; }
.page-1 .para p { font-size:115.38%; line-height: 138.46%; padding: 1.04% 0; }
.wrap { height: 500px; }