@charset "utf-8";
/* CSS Document */

.active-index a { outline: none; position: absolute; display: block; }
.active-index { background: #000 url(//img.8891.com.tw/active/shop/active-index.png) center 0 no-repeat; }
.active-content { width:910px; margin: 0 auto; padding-top: 500px; }
.active-menu {background:url(//img.8891.com.tw/active/shop/active-menu.png) center 0 no-repeat;width:910px;height:200px;position:relative;}
.active-menu .menu-one, .active-menu .menu-two, .active-menu .menu-three {width:90px;height:25px;position:absolute;top:162px;display:block;}
.active-menu .menu-one{left: 45px;}
.active-menu .menu-two{left:355px}
.active-menu .menu-three{left:647px}
.active-one-top, .active-two-top, .active-three-top, .active-four-top, .msg  {padding-top:50px;}
.active-one-top {width:910px;height:43px;text-align:center;}
.active-one, .active-two, .active-three, .active-four { margin-top:20px; }
.active-one {background: #ffffb5 url(//img.8891.com.tw/active/shop/active-one.png) center 0 no-repeat;width:910px;position:relative;}
.active-one-href{width:200px;height:47px;top:333px;left:350px;}
.active-two-top {width:910px;height:43px;text-align:center}
.active-two {width:910px;height:450px;position:relative;}
.active-two-href{width:230px;height:80px;top:82px;left:585px;}
.active-three-top {width:910px;height:43px;text-align:center}
.active-three {width:910px;height:420px;}
.active-four-top {background:url(//img.8891.com.tw/active/shop/active-four-top.png) 0 no-repeat;width:910px;height:43px;margin-top:50px;}
.active-four {/*background:url(//img.8891.com.tw/active/shop/active-four.png) center 0 no-repeat;*/width:910px;}
.msg{width:910px;}
.msg .msg-top{font-size:24px;color:#FFF;}
.msg .msg-content{font-size:15px;color:#FFF;padding-bottom:120px;}
.msg .msg-content a{position:relative;color:#FFF;display:inline;font-size:12px}

.wangshop-top {  width: 100%; height: 60px; background: #FFD84F; }
.wangshop-top .wangshop-menu { width: 1000px; height:60px; margin: 0 auto;  }
.wangshop-top .wangshop-menu .link { margin-top:10px; float: left; width:170px; }
.wangshop-top .wangshop-menu ul { background: url(//img.8891.com.tw/active/shop/wangshop-menu.png) 0 no-repeat; width:560px; height:60px; float: left;}
.wangshop-top .wangshop-menu li { float: left; width: 140px; height: 60px; display: block; }
.wangshop-top .wangshop-menu li a { width: 140px; height: 60px; display: block; }

.wangshop-content { width: 100%; background: #1A51A3 url(//img.8891.com.tw/active/shop/wangshop-bg.png) top no-repeat; padding-bottom: 50px;}
.wangshop-index { background: #1A51A3 url(//img.8891.com.tw/active/shop/wangshop-bg.png) top no-repeat; }
.wangshop-content, .wangshop-banner , .wangshop-one-top { width:1000px; }
.wangshop-content { margin: 0 auto; }
.wangshop-banner { height:455px;}
.wangshop-banner img { margin-top: 75px; }
.wangshop-one-content,.wangshop-two-content,.wangshop-three-content,.wangshop-four-content { width: 980px; margin: 5px auto 0px; }
.wangshop-one-top { height: 81px; }
.wangshop-one-content { background: #478AD8; height: 243px; margin: 5px auto 0px; }
.wangshop-one-content ul { width: 950px; height: 200px; margin: 0 auto; }
.wangshop-one-content li { float: left; display: block; width: 180px; height: 200px; margin-top: 20px; margin-right: 10px; }
.wangshop-one-content li .one-img{ width: 180px; height: 135px; border: solid 1px #FFF; }
.wangshop-one-content li .one-shop{ font-weight: bold; color: #FFF; margin-top: 8px;  }
.wangshop-one-content li .one-shop .wangshop-icon{ width:38px; height: 19px; background: url(//img.8891.com.tw/active/shop/tuijian-btn.png) 0 no-repeat; display: block; float: left; margin-left: 5px;}
.wangshop-one-content li .one-shop a,.wangshop-two-content li .one-shop a,.wangshop-three-content li .one-shop a{ display:block; color:#FFF;font-size:15px; }
.wangshop-one-content li .one-shop span{ float:left; display: block;}


.wangshop-two-top { height: 81px; padding-top: 70px; position: relative; }
.wangshop-two-top .more{ display: block; position: absolute; right: 30px; top:105px; font-weight: bold; color: #FFF; }
.wangshop-two-content { background: #478AD8;  }
.wangshop-two-content ul { width: 925px; margin: 0 auto; padding-bottom:25px;}
.wangshop-two-content li { float: left; display: block; width: 160px; height: 180px; margin-top: 25px; margin-right: 25px; }
.wangshop-two-content li .one-img{ width: 160px; height: 120px; border: solid 2px #FFF; }
.wangshop-two-content li .one-shop{ font-weight: bold; color: #FFF; margin-top: 8px;  }
.wangshop-two-content li .one-shop .two-btn{ width:70px; height: 25px; background: url(//img.8891.com.tw/active/shop/two-btn.png) 0 no-repeat; display: block; color:#ff0000; line-height: 25px; text-align: center; margin-top: 10px; }
.wangshop-two-content li .one-shop span{ display: block;}

.wangshop-three-top { height: 81px; padding-top: 50px; position: relative; }
.wangshop-three-top .more{ display: block; position: absolute; right: 30px; top:85px; font-weight: bold; color: #FFF; }
.wangshop-three-content { background: #478AD8;  }
.wangshop-three-content .three-nav { background: url(//img.8891.com.tw/active/shop/three-nav.png) bottom no-repeat; width: 105px; height: 36px; padding-top: 10px; line-height: 36px; text-align: center; font-weight: bold; }

.wangshop-three-content ul { width: 925px; margin: 0 auto; padding-bottom:25px;}
.wangshop-three-content li { float: left; display: block; width: 160px; height: 230px; margin-top: 25px; margin-right: 25px; overflow:hidden; }
.wangshop-three-content li .one-img{ width: 155px; height: 120px; border: solid 2px #FFF; }
.wangshop-three-content li .one-shop{ font-weight: bold; color: #FFF; margin-top: 8px;  }
.wangshop-three-content li .one-shop .two-btn{ width:70px; height: 25px; background: url(//img.8891.com.tw/active/shop/two-btn.png) 0 no-repeat; display: block; color:#ff0000; line-height: 25px; text-align: center; margin-top: 10px; font-style: normal; }
.wangshop-three-content li .one-shop span{ display: block;}
.wangshop-three-content li .pick-up{ color:#C5CCD3; margin:5px 0px; height: 33px; overflow: hidden; }
.wangshop-four-top { height: 81px; padding-top: 50px; position: relative; }
.wangshop-four-top .more{ display: block; position: absolute; right: 30px; top:85px; font-weight: bold; color: #FFF; width:300px; height: 35px; }
.wangshop-four-content { background: #478AD8; margin: 5px auto 0px; }
.wangshop-four-content ul { width: 908px; margin: 0 auto; padding-bottom:10px;}
.wangshop-four-content li { float: left; display: block; width: 260px; height: 200px; margin-top: 20px; margin-right: 40px; border: dashed 1px #FFF;}
.wangshop-four-content li .one-img{ width: 240px; height: 180px; margin:10px auto;}
.wangshop-four-content li .one-shop{ font-weight: bold; color: #FFF; margin-top: 8px;  }
.wangshop-four-content li .one-shop .wangshop-icon{ width:38px; height: 19px; background: url(//img.8891.com.tw/active/shop/tuijian-btn.png) 0 no-repeat; display: block; float: left; margin-left: 5px;}
.wangshop-four-content li .one-shop span{ float:left; display: block;}
.four-tishi { color: #FFF; width: 1000px; text-align: center; font-size:15px; font-weight: bold; padding-bottom: 10px;}
.wangshop-five { width: 1000px; margin-top: 30px; text-align: center; }
.wangshop-five a { margin-right: 70px; }

.names-lists { margin: 0 35px; padding-bottom: 15px; }
    .names-tit { font-size: 21px; color: #e32b1e; float: left; }
    .names-slide { float: left; position: relative; margin-left: 10px; width: 734px; height: 25px; overflow: hidden; }
    .names-list { position: absolute; width: 100000000000000em; left: 0; top: 0; }
        .names-li { float: left; line-height: 27px; margin-right: 20px; }
            .active-index .names-link { color: #000; position: static; }
.loading { margin: 50px auto; text-align: center; }



/* 移動版置頂預售活動 */

.banner { width: 100%; height: 575px; background: #333 url(//img.8891.com.tw/active/mobile/banner-bg.png) top repeat-x;    }

.banner-img,.banner-hint { margin: 0 auto; width: 1000px; }
.banner-hint {  }
.stick-main { width: 100%; background: #fff5ad; }
.stick-top,.stick-two,.stick-three,.stick-four,.stick-five,.stick-six { width: 1000px; margin: 0 auto; }
.stick-top { height: 290px; background: #FFF; }

.stick-two { height: 460px; padding-top: 20px; }
.stick-three { height: 983px; padding-top: 20px; }
.stick-four { height: 255px; padding-top: 20px; }
.stick-five { height: 1175px; padding-top: 20px; }
.stick-six { height: 480px; margin-top: 20px; margin-bottom: 50px; }
.arrow { margin: 0px 50px; }
.top-left,.top-right { float: left; }
.top-left { width: 316px; height: 227px; margin-top: 30px; margin-left: 60px; }
.top-right { width: 440px; height: 227px; margin-top: 30px; margin-left: 150px; }
.top-right .down{ background: url(//img.8891.com.tw/active/mobile/top-right.png) bottom left no-repeat; width: 420px; height: 36px; margin-top: 10px; text-indent: 165px; }
.top-right .down font{ font-size: 34px; margin-top: -5px; margin-right: 26px;  }
.top-right .btn{ margin-top: 50px; position: relative;  }
.top-right .btn .count{ position: absolute; top: 38px; left: 209px; font-size: 20px; font-weight: bold;  }
.top-right .order{ font-size: 15px; text-indent: 15px; font-family: "微软雅黑"; margin-top: 15px; }
.stick-four-top,.stick-five-top { background: url(//img.8891.com.tw/active/mobile/stick-bg.png) bottom no-repeat; height: 64px; text-align: center; }
.stick-four-content { border: solid 4px #ff2549; width: 992px; height: 188px; background: #FFF; }
.stick-four-content ul{ margin-top: 25px; margin-left: 50px; height: 160px; overflow: hidden; }
.stick-four-content li{ height: 20px; margin-bottom: 15px; font-size: 15px; }
.stick-four-content li span{ margin-right: 140px; font-weight: bold; }

.stick-five-content { border: solid 4px #ff2549; width: 992px; height: 1105px; background: #FFF; }
.stick-five-content p{ margin-left: 45px; font-weight: bold; }
.f18 { font-size: 18px; line-height: 38px;  }
.t-order { position:fixed; left:50%; top:50%; width:534px; height:330px; background: url(//img.8891.com.tw/active/mobile/t-order.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9; }
.t-order .t-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.t-order .t-phone { width: 430px; height: 50px; position: absolute;left: 41px; top: 90px; }
.t-order .t-phone #t-phone{ width: 430px; height: 50px; border: none; font-size: 24px; line-height: 50px; }
.t-order .t-btn { width: 200px; height: 65px; position: absolute;left: 154px; top: 242px; }
.t-order-done { position:fixed; left:50%; top:50%; width:534px; height:330px; background: url(//img.8891.com.tw/active/mobile/t-order-done.png) top no-repeat; margin:-134px 0 0 -267px; z-index:9; }
.t-order-done .done-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 13px; }
.t-order-done .done-btn { width: 200px; height: 65px; position: absolute;left: 154px; top: 242px; }
.wrapbg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}