/* CSS Document */

@charset "utf-8";@import url(http://fonts.googleapis.com/css?family=Muli:300,400);

html,body{height:100%}
body{margin:0;padding:0;font-size:14px;font-family:'Muli',Arial,sans-serif;color:#333}
img{border:0;text-decoration:none}
input,textarea,select,label{font-family:'Muli',Arial,sans-serif}
textarea{resize:none}
a,a:hover{text-decoration:none}.clearBoth{height:0;font-size:0;line-height:0;clear:both}
.displayNo{display:none}
.scrollToTop{width:40px;height:40px;position:fixed;bottom:150px;right:50%;display:none;z-index:999;opacity:.7}



#iLogo{width:220px;height:70px;overflow:hidden;top:0;left:0;z-index:19}
#header,#headerBi{width:100%;min-width:1250px}
#header h1{width:220px;height:70px;overflow:hidden;margin:0;position:absolute;top:0;left:0;z-index:20}
#nav{width:100%;min-width:1000px;height:70px;padding-bottom:5px;background:url(http://www.changser.com.tw/cs/pic/menu_bg.png) top repeat-x;position:absolute;top:0;left:0;z-index:10}
#menu{width:770px;margin:0 auto;padding:0;list-style:none}
#menu li{float:left;width:78px;text-align:center;position:relative;margin-right:5px}
#menu li.w110{width:110px}
#menu li.w135{width:135px}
#menu li.w165{width:165px}
#menu li a{display:block;font-size:13px;padding:18px 0;height:34px;line-height:34px;color:#fff}
#menu li.last a{padding-right:0}
#menu li >a:hover{background:url(http://www.changser.com.tw/cs/pic/menu_aw.png) bottom center no-repeat}
#menu li a:hover{color:#000;text-decoration:none}
#header .subBg,#header .subBg2,#header .subBg3{display:none;position:absolute;top:70px;width:100%;height:40px;background-color:rgba(0,0,0,.8);z-index:5}
#menu .secNav,#menu .secNav2,#menu .secNav3{display:none;position:absolute;top:70px;left:0;width:1000px;height:40px;z-index:8;text-align:left}
#header .subBg2,#menu .secNav2{height:185px}
#header .subBg3,#menu .secNav3{height:auto}
#menu .secNav3{left:-175px;text-align:left}
#menu .secNav2 .subNavBlock,#menu .secNav3 .subNavBlock{float:left;overflow:hidden;margin:15px 15px 0 0}
#menu .secNav2 .subNavBlock .imgBox,#menu .secNav3 .subNavBlock .imgBox{height:108px;overflow:hidden;border:1px solid #aaa;border-bottom:2px solid #0f96c3;margin-bottom:5px}
#menu .secNav2 .subNavBlock .imgBox:hover img,#menu .secNav3 .subNavBlock .imgBox:hover img{opacity:.7}
#menu .secNav2 .subNavBlock .imgBox a,#menu .secNav3 .subNavBlock .imgBox a{margin:0}
#menu .secNav4{left:-280px}
#menu .secNavR{right:0;left:inherit;text-align:right}
#menu .secNav a,#menu .secNav2 a,#menu .secNav3 a{display:inline-block;margin:0 10px;padding:0;height:auto;line-height:36px;color:#006d91}
#menu .secNav a:hover,#menu .secNav2 a:hover,#menu .secNav3 a:hover{text-decoration:none;color:#ffffff;background-image:none}
#menu .secNav2 a{margin:0 5px}
#menu .secNav3 a{margin:0}
#menu .secNav2 .box{float:left}
#menu .secNav2 .box:last-child{float:right}
#menu .secNav2 .box a{display:block;line-height:24px;margin:0 5px 0 0}
#menu .secNavR.newSpeace{right:-24px}
#header .qlinkBox{width:210px;position:absolute;top:20px;right:20px;z-index:10}
#header .qlinkBox .cartBtn,#header .qlinkBox .fbBtn{width:30px;height:30px;overflow:hidden;float:right;background:url(http://www.changser.com.tw/cs/pic/cart_bg.png) 0 0 no-repeat}
#header .qlinkBox .cartBtn a,#header .qlinkBox .fbBtn a,#headerBi #biHead .qlinkBox .box a.cartBtn,#headerBi #biHead .qlinkBox .box a.fbBtn{width:30px;height:30px;overflow:hidden;display:block;background:url(http://www.changser.com.tw/cs/pic/cart_icon.png) 0 0 no-repeat;text-indent:-999px}
#header .qlinkBox .fbBtn a,#headerBi #biHead .qlinkBox .box a.fbBtn{background:url(http://www.changser.com.tw/cs/pic/fb_icon.png) 0 0 no-repeat}

#headerBi{min-width:800px}
#headerBi #biHead{width:100%;height:100px;padding-bottom:5px;background:url(http://www.changser.com.tw/cs/pic/menu_bg2.png) top repeat-x;position:relative;z-index:5}#headerBi #biHead .hdColor{width:inherit;height:3px;position:absolute;top:0;background-color:#64d0d2}
#headerBi #biHead h1{width:210px;height:100px;overflow:hidden;margin:0;position:absolute;top:0;left:50%;margin-left:-105px;z-index:10}
#headerBi #biHead a.goClassic{width:135px;height:38px;overflow:hidden;position:absolute;top:35px;left:30px;display:block}
#headerBi #biHead a.goClassic:hover{left:29px}#headerBi #biHead .qlinkBox{width:70px;height:30px;overflow:hidden;position:absolute;top:35px;right:30px}
#headerBi #biHead .qlinkBox .box{width:30px;height:30px;float:left;margin-right:5px;overflow:hidden;background-color:#64d7d9;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
#headerBi #biHead .qlinkBox .box a.homeBtn{width:30px;height:30px;overflow:hidden;display:block;text-indent:-999px;background:url(http://www.changser.com.tw/cs/pic/home_icon.png) 0 0 no-repeat}
#header .qlinkBox .auluxeBiBtn a:hover,#header .qlinkBox .auluxeBiBtn a:hover,#header .qlinkBox .cartBtn a:hover,#header .qlinkBox .fbBtn a:hover,#headerBi #biHead .qlinkBox .box a:hover{background-position:0 bottom}
#navAw{width:52px;height:23px;overflow:hidden;position:absolute;top:100px;left:50%;margin-left:-26px;z-index:5;background:url(http://www.changser.com.tw/cs/pic/menu_bi_aw.png) 0 -1px no-repeat;cursor:pointer}
#navAw:hover{background-position:0 0}
#navBi{width:100%;min-width:1000px;height:0;background:url(http://www.changser.com.tw/cs/pic/menu_bi_sub.png) top center no-repeat;position:absolute;top:100px;left:0;z-index:4}
#menuBi,#menuBiList{width:220px;margin:0 auto;padding:0;list-style:none}
#menuBi li,#menuBiList li{float:left;width:110px;text-align:center}
#menuBi li>a,#menuBiList li>a{display:block;font-size:13px;padding:20px 0;height:40px;line-height:0;color:#fff}#headerBi .subBg{display:none;position:absolute;top:100px;width:100%;height:180px;background-color:rgba(244,252,255,.9);z-index:0}
#menuBi .secNav{display:none;position:absolute;top:40px;left:0;width:100%;overflow:hidden;height:130px;text-align:center;z-index:5}
#menuBi .secNav a{display:inline-block;margin:10px;width:90px;height:110px;padding:0;line-height:18px;color:#666;vertical-align:top}
#menuBi .secNav a:hover{text-decoration:none;color:#000;background-image:none}
#menuBi .secNav a span{display:block}
#menuBiList{width:600px}#menuBiList li{width:100px}
#menuBiList li.w120{width:120px}
#menuBiList li.w140{width:140px}
#menuBiList li a:hover ,#menuBiList .current a{color:#003233;font-weight:bold}

.qlinkBox{width:210px;position:absolute;top:20px;right:20px;z-index:10}
#header .qlinkBox .auluxeBiBtn{width:110px;height:30px;overflow:hidden;float:left;background:url(http://www.changser.com.tw/cs/pic/menubi_bg.png) 0 0 no-repeat}#header .qlinkBox .auluxeBiBtn a{width:110px;height:30px;overflow:hidden;display:block;background:url(http://www.changser.com.tw/cs/pic/menubi_icon.png) 0 0 no-repeat;text-indent:-999px;}
#header .qlinkBox .cartBtn,#header .qlinkBox .fbBtn{width:30px;height:30px;overflow:hidden;float:right;background:url(http://www.changser.com.tw/cs/pic/cart_bg.png) 0 0 no-repeat}
#header .qlinkBox .cartBtn a,#header .qlinkBox .fbBtn a,#headerBi #biHead .qlinkBox .box a.cartBtn,#headerBi #biHead .qlinkBox .box a.fbBtn{width:30px;height:30px;overflow:hidden;display:block;background:url(http://www.changser.com.tw/cs/pic/cart_icon.png) 0 0 no-repeat;text-indent:-999px}
#header .qlinkBox .fbBtn a,#headerBi #biHead .qlinkBox .box a.fbBtn{background:url(http://www.changser.com.tw/cs/pic/fb_icon.png) 0 0 no-repeat}


#gFooter,.copyright,.winner{width:100%;min-width:1250px;height:150px;overflow:hidden;padding-top:30px;background-color:#009ecc;position:relative;z-index:50;clear:both}
#gFooter >div,.copyright >div,.winner >div{width:1110px;margin:0 auto;overflow:hidden}
#pFooter{position:absolute;bottom:0;z-index:99;width:100%;min-width:1000px;height:375px;overflow:hidden;margin-top:120px;clear:both}
.sitemapL{width:805px;float:left;overflow:hidden;color:#fff;padding-bottom:10px;background:url(http://www.changser.com.tw/cs/pic/code_line.png) right repeat-y}
.sitemapL .linkBox{width:120px;float:left;overflow:hidden}
.sitemapL .linkBox.w140{width:120px}
.sitemapL .linkBox.w260{width:260px}
.sitemapL .linkBox.w260 >div{float:left;padding-right:30px}
.sitemapL .linkBox strong{display:block;margin-bottom:10px}
.sitemapL .linkBox strong a{font-size:14px;color:#fff;text-decoration:none;margin-bottom:15px}
.sitemapL .linkBox a{display:block;margin-bottom:6px;color:#cff4ff;text-decoration:none;font-size:12px}
.sitemapL .linkBox a:hover{position:relative;top:1px;left:1px}
.sitemapR{width:220px;float:right;overflow:hidden}
.sitemapR .searchForm{width:220px;height:28px;margin-bottom:10px;overflow:hidden;border:1px solid #67c9e6;background-color:#087ea0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sitemapR .searchForm .inBox{float:left;padding:2px 0 2px 10px;width:140px;height:24px;overflow:hidden;line-height:24px;border:none;background-color:transparent;color:#fff;outline:none}
.sitemapR .searchForm .btnSearch{float:right;width:18px;height:18px;margin:5px 6px 0 0;overflow:hidden;background:url(http://www.changser.com.tw/cs/pic/search.png) 0 0 no-repeat;border:0;cursor:pointer}
.sitemapR .shareForm{width:inherit;margin:0 auto;overflow:hidden}
.sitemapR .shareForm .LBox{width:100px;float:left;overflow:hidden;padding:30px 0 0 0}
.sitemapR .shareForm .RBox{width:100px;height:100px;float:right;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.sitemapL{width:860px}.sitemapL .linkBox:last-child{width:115px}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff;opacity:1}::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff}

.copyright{height:155px;padding:0;background-color:#000;font-size:12px;color:#777}
.copyright .shareBox{padding:30px 0 10px;width:500px;margin:0 auto}
.copyright .shareBox .LBox{padding-top:10px;float:left}
.copyright .shareBox span{padding:0 30px;color:#fff;font-size:20px;font-weight:100}
.copyright .shareBox span.tel{background:url(http://www.changser.com.tw/cs/pic/aw_tel.png) 0 0 no-repeat}
.copyright .shareBox span.mail{background:url(http://www.changser.com.tw/cs/pic/aw_mail.png) 0 0 no-repeat}
.copyright .shareBox span.mail a{color:#fff;text-transform:none}
.copyright .shareBox span.mail a:hover{color:#ddd}
.copyright .shareBox a.comm{width:40px;height:40px;overflow:hidden;display:block;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-indent:-999px;float:left;margin:0 10px}
.copyright .shareBox a.fb{background:url(http://www.changser.com.tw/cs/pic/ishare_f.png) 0 0 no-repeat rgba(0,158,204,0.2)}
.copyright .shareBox a.pinterest{background:url(http://www.changser.com.tw/cs/pic/ishare_p.png) 0 0 no-repeat rgba(0,158,204,0.2)}
.copyright .shareBox a.mail{background:url(http://www.changser.com.tw/cs/pic/ishare_m.png) 0 0 no-repeat rgba(0,158,204,0.2)}
.copyright .shareBox a:hover{background-position:0 -44px}

.copyright .infoBox{border-top:1px solid #151515;padding:0 270px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.copyright .infoBox .LBox{float:left;line-height:48px;line-height:48px}
.copyright .infoBox .LBox a,.copyright .infoBox span a{color:#888;text-decoration:none}
.copyright .infoBox .LBox a:hover,.copyright .infoBox span a:hover{color:#aaa}
.copyright .infoBox span{float:right;display:block;line-height:32px;padding-right:10px;color:#888}
.copyright .infoBox a.flag{width:19px;height:13px;overflow:hidden;float:right;margin:16px 5px;display:block;background:url(http://www.changser.com.tw/cs/pic/flag.gif) 0 0 no-repeat;text-indent:-999px}
.copyright .infoBox a.tw{background-position:0 0}
.copyright .infoBox a.ch{background-position:-19px 0}
.copyright .infoBox a.en{background-position:-38px 0}
.copyright .infoBox a.in{background-position:-57px 0}
.copyright .infoBox a.flag:hover{position:relative;top:1px;left:1px}


.topImg{z-index:1}
.bottomImg{z-index:0}
.content-holder{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative;z-index:2}
.content-holder >li{position:absolute;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
.content-holder >li .txtBlockR{padding:0;text-align:center;color:#fff;position:absolute;top:59%;right:3%;margin-top:-220px;z-index:2}
.content-holder >li .txtBlockL{padding:0;text-align:center;color:#fff;position:absolute;top:59%;left:3%;margin-top:-220px;z-index:0}
.content-holder >li a.ilinkBtn{width:100%;height:100%;display:block;text-indent:-999px}
.thumb-holder,.biGood .thumb-holder{padding:0;margin:0;list-style:none;display:block;position:absolute;bottom:80px;left:0;width:100%;text-align:center;z-index:2;overflow:hidden;opacity:0}
.biGood .thumb-holder{bottom:25px}
.thumb-holder li{margin-right:5px;display:inline}
.fs-btn{background:url(http://www.changser.com.tw/cs/pic/thumbs.png) 0 0 no-repeat;width:14px;height:14px;display:inline-table}
.fs-btn-over{background-position:0 -14px;position:absolute}
.fs-btn-out{}.imgSpinner{}.loading-placeholder{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,1)}
.content-holder a.youtube{width:63px;height:63px;overflow:hidden;background:url(http://www.changser.com.tw/cs/pic/imov.png) 0 0 no-repeat;display:block;margin:15px auto 0;text-indent:-999px}
.content-holder a.youtube:hover{background-position:-63px 0}
.content-holder a{color:inherit}
.content-holder h2{width:500px;overflow:hidden;margin:0 auto 10px;font-size:50px;font-weight:normal;text-transform:uppercase}
.content-holder p{width:500px;margin:0;padding:0;text-align:center;display:block;font-size:14px;line-height:25px}

.iftWrap{width:100%;height:50px;overflow:hidden;background-color:#000000;position:fixed;bottom:0;z-index:0;font-size:12px;line-height:50px;color:#03516a}
.iftWrap p{float:right;margin:0 10px 0 0}a.grnet{color:#03516a;text-decoration:none}
.iftWrap a.grnet:hover{color:#02303f;text-decoration:none}
.iftWrap .iShare{height:28px;float:right;margin:11px 30px 0 10px;overflow:hidden}
.share,.sharePro{width:27px;height:28px;overflow:hidden;float:left;margin:0 3px 5px;background:url(http://www.designstar.tw/cs/index/index_botton_bg.png) 0 0 no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sharePro{background:#666;width:28px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}
.share a{width:28px;height:28px;overflow:hidden;display:block;text-indent:-999px}

a.google{background-image:url(http://www.changser.com.tw/cs/pic/share_g.png)}
a.pinterest{background-image:url(http://www.changser.com.tw/cs/pic/share_p.png)}
a.mail{background-image:url(http://www.changser.com.tw/cs/pic/share_m.png)}
.share a:hover{background-position:0 bottom;background-color:#f78413}
.share a.fb:hover{background-color:#3b5998}
.share a.google:hover{background-color:#c03121}
.share a.pinterest:hover{background-color:#f81a1b}
.share a,#header .qlinkBox a,#headerBi #biHead .qlinkBox a,#goodsList .goodsBox .shareBox a,#goodsBiWrap .boxGrid .shareBox a{position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.iScrollDown,.pScrollDown{width:78px;height:14px;padding-top:22px;overflow:hidden;background:url(http://www.changser.com.tw/cs/pic/scrolldown.gif) top center no-repeat;position:fixed;left:50%;bottom:105px;margin-left:-39px;z-index:2}
.pScrollDown{bottom:55px}
.scrollDownBlue{width:78px;height:14px;padding-top:22px;overflow:hidden;background:url(http://www.changser.com.tw/cs/pic/scrolldown1.gif) top center no-repeat;position:fixed;right:141px;bottom:50px;z-index:10}