body { background:#faf9ef; margin:0 auto;}
img{vertical-align:top;}
.content{width:auto; margin:0 auto; text-align:center; background:url(images/bg_main.jpg) repeat-x center top; position:relative;}
/*主視覺*/
.visual{width:auto; margin:0 auto;  }
.vd{margin:0 auto; width:100%; text-align:center; background-image: url(images/bg_v22.jpg);background-position-x: center;}
.vd a { display:block; height:480px;}
.vd a .mmmm{display: none;}


@media only screen and (max-width: 800px) {

.vd{ background-image: none;}
.vd a {  height:auto;}
.vd a .mmmm{display: block;width: 100%;}

}


/*商品*/
.main{margin:0 auto; width:auto; background:url(images/bg_pro.jpg) repeat center top; position:relative; z-index:5px;
 -webkit-box-shadow: 0px -3px 5px 0px rgba(140, 140, 140, 0.5);
 box-shadow: 0px -3px 5px 0px rgba(140, 140, 140, 0.5); }
.product{margin:0 auto;width:100%; max-width:1050px; box-sizing:border-box; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; padding-bottom:40px; display:inline-block;  }
/* 左側-C23 */
.main-left{ margin: -13px 0 0 1.5%;width:28%; max-width:280px; box-sizing:border-box; text-align:left; padding-top:20px; display:inline-block; float:left; }
.main-left h3{/*border-left:7px solid #011f92;*/ color:#333; font-size:24px; padding:0 0 0 7px; margin:0px 0 -20px;  text-align:left; }
q:before, q:after{content:"";} 
*+html .carrier li{min-height:1%;}
.carrier li::after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.main-left .carrier h4 {background: url(images/left_title.jpg) no-repeat left top; height:40px; text-align: left; font-size:22px; font-weight:normal; padding:5px 0 0 20px; color: #fff; }
.main-left .carrier ul{ margin:-32px 0 0; padding:0; background-color:#FFF; width:100%; max-height:260px; overflow:hidden;
-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2); position:relative; }

.main-left .carrier li {border-top: 1px dotted #F7C499; height:36px; display: block; padding-left:13px; }
.main-left .carrier li:first-child + li{ border-top:none;}
.main-left .carrier li:nth-child(odd){ background-color:#f6f6f6; border-left:#a89371 solid 4px;}
.main-left .carrier li:nth-child(even){ background-color:#fefefe; border-left:#ff9046 solid 4px;}



.main-left .carrier li a{width:100%; box-sizing:border-box;  }

.main-left .carrier li a:link, .carrier li a:visited {text-decoration: none; font-size:0;  }
.main-left .carrier li a::after{content:""; display:block; width:10px; height:15px; position:absolute; z-index:20; background:url(images/arrow_go.png) no-repeat 0 0; margin:-26px 0 0 240px;}
.main-left .carrier li a strong {font-weight: normal; display: block; font-size: 16px; color: #222; line-height:36px; width:14em; height:36px; overflow:hidden;}
.main-left .carrier li em.price {display:none;}
.main-left .carrier li:hover, .main-left .carrier li a:hover strong  { background-color:#e1e1e1; text-decoration:none;}

/* 右側-C23 */
.main-right{width:68%; max-width:740px; box-sizing:border-box; text-align:left; margin-left:2%; display:inline-block; float:left;}
.main-right h3{ font-size:0; margin-top:18px;}
.main-right ul.intro-tab{background:none; height:28px; font-size:14px; font-weight:normal; padding:0; position:relative; margin-bottom:0;}
.intro-tab li{display:block; float:left; border-left:#999 dotted 1px; text-align:center; }
.intro-tab li:first-child{margin-left:0; border-left:0;}
.intro-tab li.lead-tab{margin-right:95px;}

.intro-tab li.tab-on{ background:#f57921; }
.main-right ul.intro-tab li a:link, .main-right ul.intro-tab li a:visited{display:block; height:auto; color:#000; padding:4px 8px 6px; text-decoration:none;}

.main-right ul.intro-tab li.tab-on a:link, .main-right ul.intro-tab li.tab-on a:visited{background:#f57921; color:#fff; text-shadow:none; text-decoration:none; font-weight:bold;}
/*.main-right ul.intro-tab li.tab-on::after{content:""; display:block; width:12px; height:12px; position:absolute; background:url(images/arrow_down.png) no-repeat 0 0; margin:20px 0 0 20px; }*/
.main-right .inside{ border-top:#f57921 solid 2px; background:#FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2); box-sizing:border-box; }
.main-right .intro-box{padding:0 10px 7px;}
.intro-box::after, .intro-anchors::after, .box-head::after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.main-right .intro-anchors{padding:0; padding:0 0 10px \9; margin:15px 0 -7px; display:block;}
.main-right .intro-anchors a:link, .main-right .intro-anchors a:visited{display:block; float:left; color:#06c; padding:2px 10px; border-left:#ccc solid 1px; text-decoration:none; font-size:13px; font-family:'新細明體','PMingLiU',Arial,sans-serif;  font-weight:normal;}
.main-right .intro-anchors a:hover{ text-decoration:underline;}
.main-right .intro-anchors a:first-child{border-left:0;}
q:before, q:after{content:"";} 

.main-right .carrier h4 {background:#eeeeee; height:36px; text-align: left; font-size:22px; padding:3px 0 0 15px; color:#222; }
.main-right .carrier ul{ margin-top:-20px; padding:0; }

.main-right .carrier .box-head{ padding:0 10px 5px;}
.main-right .carrier li.box-head:hover, .main-right .carrier li.box-head a:hover{background:#faf5f4; cursor:pointer;}
.main-right .carrier  li.box-head a{ overflow:visible;}
.main-right .carrier  li.box-head a, .main-right .carrier  li.box-head a:link, .main-right .carrier li.box-head a:visited{display:block; padding:0;}
.main-right .carrier  li.box-head a:hover{text-decoration:none;}
.main-right .carrier  li.box-head a::after{display:none;}
.main-right .carrier .box-head p{line-height:1.4; height:140px; margin-left:220px; padding-top:10px;}
.main-right .carrier .box-head strong{font-size:16px; margin-bottom:5px; color:#0187ef; float:none;}
.main-right .carrier .box-head q{color:#222; margin:0 0 10px;}
.main-right .carrier .box-head span{display:block; float:right; text-align:right; margin-right:10px; color:#0187ef;}
.main-right .carrier .box-head img{display:block; float:left; margin-top:10px;}

.main-right .carrier li {border-bottom: 1px dotted #F7C499; display: block; padding-left:13px; padding:3px 0;}
.main-right .carrier li:first-child{ border-top:none;}

.main-right .carrier li a{width:100%; display:block; box-sizing:border-box; line-height:1.5em;  background:url(images/ponit.jpg) no-repeat 8px 16px; padding-left:20px; line-height:36px; height:36px; overflow:hidden;  }

.main-right .carrier li a:link, .main-right .carrier li a:visited {text-decoration:none; color:#877b68; }
.main-right .carrier li a strong {display: inline-block; font-size: 16px; color:#0187ef; height:36px; width:290px; overflow:hidden; float:left;}
.main-right .carrier li em.price {display:none;}
.main-right .carrier li:hover, .main-right .carrier li a:hover strong  {background:#faf5f4; text-decoration:none; color:#ff5e00;}
.main-right .carrier li a::after{content:"morer»"; display:block; color:#0187ef; float:right; margin-right:6px; } 

.main-left .carrier .box-head{ display:block;}

.box-head a img {
    display: none;
    float: left;
    margin: 0 10px 0 0;
    border: none;}
.box-head q {
    display: block;
	font-size:13px;
    margin: 0px 0 0;
	color:#F57921;
	}
	
.box-head p span{display:none;}

.main-left .carrier li.box-head a:link, .carrier li.box-head a:visited{font-size:13px; cursor:default; outline: none; pointer-events:none; /* for Firefox */}
.main-left .carrier li.box-head{height:75px; background-color:#F5EBC8;}
.carrier li.box-head a::after{display:none; }
/* 左側A01Banner */
.banners{margin-top:16px; position:relative; z-index:50; width:280px; height:170px; overflow:hidden;}
.banners img{ width:280px; height:160px; overflow:hidden;}
.banners ul{list-style-type:none; position:relative; top:3px; width:500px;}
.banners li{display:block; float:left; width:167px; height:32px; background:url(/st_ec/img/index/banner_tg_spacer.gif) no-repeat left center; text-align:center;}
.banners .pager-on{background:url(/st_ec/img/index/banner_tg.gif) no-repeat 0 0;}
.banners .no-spacer{background-image:none;}
.banners .last-pager{width:166px; background:none;}
.banners .last-pager.pager-on{background:url(/st_ec/img/index/banner_tg_last.gif) no-repeat 0 0;}
.banners li a:link, .banner-pagers li a:visited{display:block; padding:7px 5px; padding:9px 5px 5px \9; color:#06c; pointer-events:none;}
.banners .pager-on a:link, .banners .pager-on a:visited{font-weight:bold; color:#222;}
.banners .pager-on a:hover{text-decoration:none;}
.banner-ads{float:left; background:#fff; /*border:1px solid #ccc; padding:4px 4px; width:490px; height:275px;*/ width:280px; height:160px; margin-left:-3px; /*box-shadow:0 2px 1px 1px rgba(160,160,160,.2);*/}
.banner-ads a:link, .banner-ads a:visited{display:block; /*padding:4px;*/ pointer-events:none;}
.index.home .banner-ads{box-shadow:none; padding:0; border:0; width:487px; margin-left:0;}
.index.home .banner-ads a:link, .index.home .banner-ads a:visited{padding:0; width:280px !important; height:160px !important; overflow:hidden; display:none;}
.dot-pager{clear:left; position:relative; background:#fff; height:37px; width:486px; border:1px solid #ddd; border-top:0; border-radius:0 0 4px 4px;}
.dot-pager a:link, .dot-pager a:visited{float:left; display:block;}
.dot-pager a:first-child{margin-left:410px;}
.dot-pager a strong{float:left; display:none; color:#06c; font-size:15px;}
.dot-pager a.p-on strong{display:block; position:absolute; left:10px; top:9px;}
.dot-pager a b{display:block; font-size:0; width:14px; height:14px; margin-top:11px; margin-left:8px; background:url(/st_ec/img/cms_sprite.png) no-repeat -206px -180px;}
.dot-pager a.p-on b{background-position:-192px -180px;}



/*20170622新增*/
.bannerBase {background: rgba(0,0,0,0.0); max-width:1080px;}
.bannerBase a{margin: 25px 1.5% -3px; width:30%; display:inline-block;}

@media only screen and (max-width: 660px) {
.bannerBase a{width:90%;margin: 5px 1.5% -3px;}

}

/* .bannerBase a:nth-child(1) {margin-left:-15px; }
.bannerBase a:nth-child(3) {margin-right:0; } */
.bannerBase a > img { margin: 25px 0 0 0; width:100%; }


.tgoBtn{
    display: block;
    margin:24px auto 0;
    padding:8px 0;
    color:#fff;
    font:700 20px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    border:1px solid #ff6600;
    background: #ff7032; /* Old browsers */
    background: -moz-linear-gradient(top, #ff7032 0%, #ff6730 49%, #ff5a28 50%, #ff864f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff7032 0%,#ff6730 49%,#ff5a28 50%,#ff864f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff7032 0%,#ff6730 49%,#ff5a28 50%,#ff864f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7032', endColorstr='#ff864f',GradientType=0 ); /* IE6-9 */
    text-align: center;
    cursor: pointer;
}
.tgoBtn:hover{
    background:#f75100;
}

.tgoDiv{
    display:none;
    margin:0 auto;
    padding:15px;
    font:normal 14px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    color:#333;
    background-color:#fff;
    box-shadow: 0px 2px 4px 0px rgba(140, 140, 140, 0.3); 
}
.tgoDiv.off{
    display:none;
}
.tgoDiv.on{
    display:block;
}
.tgoDiv h6{
    font:bold 18px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    color:#ff6600; 
    margin:0 auto 6px;
    padding:0;    
}
.tgoDiv p{
    margin:0 auto;
    padding:15px 0;
    font:normal 14px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    color:#333;    
}
.tgoDiv ol{
    list-style: decimal;
    margin:0 auto;
    padding:0 0 0 24px;
    font:normal 14px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    color:#333;    
}
.tgoDiv ol li{
     list-style: decimal;
    font:normal 14px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
    color:#333;       
    padding:0 0 8px;
    margin:0 auto;
}
.tgoDiv blockquote{
    margin:0 auto;
    padding:0;
    font:normal 14px/1.2 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial;
}