#append-btn, #append-list{display:none !important;}
.tbs li a{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
a:focus, a:active{outline:0 none;}
.c-f{clear:both;}
.clearfix:after, .tbs:after, .dtl-box:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
body{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) center top;}
.restriction{font-size:0; height:2px;}
.container{max-width:950px;}
.content{margin:0;}
.card-content{background:#efefef; margin:0 -15px 0; padding:0;}


.card-banner{background:none; height:auto;}
.card-banner img{max-width:100%;}
.card .co-bank{height:auto;}
.card .co-bank .title{float:none; width:auto; height:auto; padding:.5em 1em; border:none;}

.card .bank-box{width:auto; float:none; padding:0 0 8px 10px}
/*合作logo*/
.bank-item{display:block; width:68px; height:60px; text-align:center; float:left; margin:5px 0 0 3px;  border:none; cursor: auto;}
.bank-item a, .bank-item a:link, .bank-item a:visited{color:#222; display:block;  padding:0 5px 5px;  border:none;}
.bank-item:hover{border:none; background:none;}
.bank-item a:hover{color:#06c; text-decoration:none; background:url(/st_ec/img/card/bank-item-bg.jpg) repeat-x 0 2px; border-radius:4px; border:1px solid #ccc;}
.bank-item img{margin-top:6px; border:none;}
.bank-item span{margin-top:1px; margin-top:3px \9; display:block;}

.dtl-box{background:#fff; padding:30px 5px 10px;}
.dtl-box .logo{width:auto; height:auto; float:none;} /* 反寫 set.css 的 .logo */
.dtl-box .logo img{ margin:5px 8px;}

.bank-section{float:left; margin:0 3px 18px 9px; width:222px; /*height:360px;*/ height: 380px; overflow:hidden; }
.bank-section .cont{width:auto; margin:10px 5px 5px 5px; line-height:1.5em;}
.cont .btn{ height:32px; display:block; font-size:15px; font-weight:bold; background:url(/st_ec/img/card/btn-bg.png) repeat-x 0 0; text-align:center; line-height:32px; color:#fff; width:96%; border:#207fb6; border-radius:3px;}
.cont .btn:hover{background-position:0 -30px; text-decoration:none;}
.bank-section .cont ul{margin-top:10px;}
.bank-section .cont li{margin-bottom:3px; background:url(/st_ec/img/card/list-icon.png) no-repeat 0 4px; padding-left:11px; list-style-type:none; font-size:12px;}
.cont .tag{width:72px; background:#e47d04; border-radius:15px; padding:1px 10px; padding:3px 6px 0 \9; color:#fff; text-align:center; font-size:13px;}
.cont .time{display:block; text-align:left; font-family:Verdana, Geneva, sans-serif;}
.cont .bottom-box{position:absolute; left:4px; bottom:6px; width:100%;}
.cont .get-desc{height:45px; margin:5px 0 0 0; font-size:12px;}
#dtl-box-4 .bank-section{ height:150px;}
.announce {clear:both; text-align:center;  padding-top:30px; width:auto; line-height:1.85em; font-family:"微軟正黑體";}
.announce h3{font-size:27px; border-top:#CCC 1px solid; padding-top:10px;}
.announce strong{display:inline-block; margin:0 5px;  font-size:36px;}
.announce h3 span{font-size:14px; display:block; font-weight:normal; font-family:"微軟正黑體";} 
.desc-box{ clear:both; text-align:center; font-size:12px;  width:auto; color:#333; }

.tab-set{margin:0;}
.tbs{margin:0;}
.tbs li{list-style-type:none; margin:0; padding:0; display:block; float:left; cursor:pointer; width:25%; height:50px; text-align:center;position: relative;}
.tbs li a:link, .tbs li a:visited{display:block; text-align:center; line-height:50px; font-size:21px; color:#666; font-weight:bold;
border:1px solid #dedede; border-right:none; background:#ebebeb;
background:-webkit-linear-gradient(top, #fefefe 0%, #ebebeb 100%);
background:linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%); position:relative;
}
.tbs li a:hover, .tbs li.curr a{color:#000; text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #fffff2 100%);
background:linear-gradient(to bottom, #fff 0%, #fac946 100%);
}

.tbs li a.one{border-bottom:#e6ad15 5px solid;}
.tbs li a.two{border-bottom:#5db1b7 5px solid;}
.tbs li a.three{border-bottom:#e55487 5px solid; }
.tbs li a.four{border-bottom:#5096d7 5px solid; }
.tbs li a.five{border-bottom:#a362f4 5px solid; height: 56px;}


.curr[rel="1"] a:link, .curr[rel="1"] a:visited, .tbs li a.one:hover, .high-y .tbs li a.one{ text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #fffff2 100%);
background:linear-gradient(to bottom, #fff 0%, #fac946 100%); border-bottom:#e6ad15 5px solid; color:#222;
}

.curr[rel="2"] a:link, .curr[rel="2"] a:visited, .tbs li a.two:hover, .high-g .tbs li a.two{ text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #edffff 100%);
background:linear-gradient(to bottom, #fff 0%, #7cc3c9 100%); border-bottom:#5db1b7 5px solid; color:#222;
}


.curr[rel="3"] a:link, .curr[rel="3"] a:visited, .tbs li a.three:hover, .high-r .tbs li a.three{ text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #ffd1e4 100%);
background:linear-gradient(to bottom, #fff 0%, #f095b5 100%); border-bottom:#e55487 5px solid; color:#222;
}

.curr[rel="4"] a:link, .curr[rel="4"] a:visited, .tbs li a.four:hover, .high-b .tbs li a.four{ text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #cbefff 100%);
background:linear-gradient(to bottom, #fff 0%, #89bcec 100%); border-bottom:#5096d7 5px solid; color:#222;
}

.curr[rel="5"] a:link, .curr[rel="5"] a:visited, .tbs li a.five:hover, .high-p .tbs li a.five{ text-decoration:none; background:#fff;
background:-webkit-linear-gradient(top, #fff 0%, #ecddff 100%);
background:linear-gradient(to bottom, #fff 0%, #cca2ff 100%); border-bottom:#a362f4 5px solid; color:#222;
}


.curr[rel="1"] a:after, .curr[rel="2"] a:after, .curr[rel="3"] a:after, .curr[rel="4"] a:after, .curr[rel="5"] a:after, .high-y .tbs li a.one:after, .high-g .tbs li a.two:after, .high-r .tbs li a.three:after, .high-b .tbs li a.four:after, .high-p .tbs li a.five:after{content:'.'; font-size:0; display:block; position:absolute; z-index:55; width:100%; height:9px; background:url(/st_ec/img/card/arrow_1.png) no-repeat center 0; margin:5px auto;} 
.curr[rel="2"] a:after, .high-g .tbs li a.two:after{background:url(/st_ec/img/card/arrow_2.png) no-repeat center 0; } 
.curr[rel="3"] a:after, .high-r .tbs li a.three:after{background:url(/st_ec/img/card/arrow_3.png) no-repeat center 0; } 
.curr[rel="4"] a:after, .high-b .tbs li a.four:after{background:url(/st_ec/img/card/arrow_4.png) no-repeat center 0; } 
.curr[rel="5"] a:after, .high-p .tbs li a.five:after{background:url(/st_ec/img/card/arrow_5.png) no-repeat center 0;    top: 50px;} 
.tbs li a.four:link, .tbs li a.four:visited{ border-right:1px solid #dedede;}


/* fixed bottom bar */
.container.navbar-fixed-bottom{border-top:1px solid #dedede; height:50px; padding:0 30px; z-index:600 !important; background:#8e1526; background:rgba(142,21,38,.87);}
.btn-top, .ad-md, .ad-sm{float:right; vertical-align:middle;}
.btn-top:link, .btn-top:visited{margin:3px 0 0 8px; width:72px; height:42px; text-align:center; font-weight:bold; color:#5d5d5d; border-radius:2px; background:#fff;
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 38%, rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 38%, rgba(221,221,221,1) 100%);
-webkit-box-shadow:inset 0 0 3px 2px rgba(255,255,255,.5); box-shadow:inset 0 0 3px 2px rgba(255,255,255,.5);
}
.btn-top b{display:block; width:20px; height:8px; background:url(images/btn_top_arr.png) no-repeat center bottom; margin:9px auto 0;}
.ad-md, .ad-sm{margin:5px 0 0;}
.ad-sm{display:none;}
.btn-push:link, .btn-push:visited{display:inline-block; vertical-align:middle; width:130px; height:40px; margin:5px 0 0; padding-left:45px; background:url(images/btn_push.png) no-repeat 0 -40px; color:#fff; line-height:40px; font-size:18px; font-weight:bold;}
.btn-push:hover{text-decoration:none;}
.btn-push.pressed{background-position:0 0; text-decoration:none;}
.drawer{position:fixed; padding-bottom:50px; width:100%; height:0; bottom:0; opacity:0; z-index:400; -webkit-transition:opacity 0.35s ease; transition:opacity 0.35s ease;}
.drawer.lifted{display:block; height:auto; opacity:1;}
.drawer a:link, .drawer a:visited{margin:0 30px; padding:10px 5px 10px 25px; font-size:15px; display:block; background:#f27bae url(images/drawer_link_arr.png) no-repeat 10px center; color:#fff; border-top:1px solid #ffb8d6;}
.drawer a:hover, .drawer a:active{background-color:#fff389; color:#000;}

/*單頁標題*/
.card-content h1.tbs { padding:15px 0 5px;}
.card-content h1.tbs li a{ width:220px; font-size:21px;}
.card-content h1.tbs span{ display:block; float:right; font-weight:normal; margin:25px 0 0;} 

.card-content h1.tbs span a, .card-content h1.tbs span a:link, .card-content h1.tbs span a:visited{
	background:url(/st_ec/img/card/arrow_back.png) #1784d7 no-repeat 8px 5px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:6px 10px 6px 25px;
	/*border-left:solid 1px #2ab7ec;*/
	margin-right:5px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 3px 0px 0px #156785, 0px 5px 3px #999;}

.card-content h1.tbs span a:hover{
	top:3px;
	background-color:#38a0ee;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785, 0px 2px 2px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 1px 0px 0px #156785, 0px 2px 2px #999;} 



/*注意事項*/
.nor-box{width:auto; clear:both; border:1px solid #ccc; background-color:#f9f9f9; margin:0 10px;}
.nor-box h4{background:url(/st_ec/img/card/attention-title.jpg) no-repeat 0 0; height:37px; display:block;}
.nor-box ol{padding:12px 30px 15px;}
.nor-box li{ list-style-position:outside; line-height:1.3em; margin:5px 0;}

/*分期*/
.bank-list-box-all{width:100%; display:block; padding:70px 20px 20px; margin:0 auto; float:left; }
.bank-list-box-all ul{margin:0 auto; display:block;}
.bank-list-box-all li{float:left; list-style-type:none; display:block; line-height:30px; width:25%; margin:10px 0; color:#666;}
.bank-list-box-all li img{margin-right:6px;}
.in-1, .in-2, .in-3, .in-4{ background:url(/st_ec/img/card/installment-title-01.jpg) no-repeat 0 0;} 
.in-2{ background:url(/st_ec/img/card/installment-title-02.jpg) no-repeat 0 0;} 
.in-3{ background:url(/st_ec/img/card/installment-title-10.jpg) no-repeat 0 0;} 
.in-4{ background:url(/st_ec/img/card/installment-title-12.jpg) no-repeat 0 0;} 

/*紅利 .data-tb 表格 */
.data-tb{width:98%; border:1px solid #ccc; border-width:1px 0 0 1px; text-align:center; line-height:1.5; border-collapse:collapse;}

.data-tb th, .data-tb td{padding:2px 3px; border:1px solid #ccc; border-width:0 1px 1px 0; vertical-align:middle; border-collapse:collapse}
.data-tb thead th, .data-tb tbody th{background:#eee9ff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom; border-left-color:#ccc; padding:5px 2px; padding:7px 2px 3px \9; text-align:center;}
.data-tb thead td{font-weight:bold; padding:5px 2px; text-align:center; background:#f8f8f8;}
.data-tb th p, .data-tb td p{text-align:left; padding:2px; line-height:2em; word-break:break-all; margin:0; color:#222;}
.data-tb span, .data-tb q{text-align:left;}
.data-tb input[type="text"]{margin-bottom:3px;}
.data-color tbody tr:hover{background:#fff8e0;}
#tb-bonus tbody td strong{display:none;}

.nor-box .data-tb{width:94%; background-color:#FFF; margin-bottom:30px;}
.nor-box .data-tb td{padding:5px; line-height:1.5em;}

.data-tb ul li{list-style-type:decimal; list-style-position:inside; margin:5px;}

.b-note .logo img{display:block;}

/* scroll to top *//* goto fb  */
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:936px;}





@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 992px){
}

@media (min-width: 767px) and (max-width: 991px){
	.tbs li a:link, .tbs li a:visited{font-size:20px;}
	.bank-section{float:left; margin:0 3px 18px 12px; width:31%; }
	.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

}

/*@media (min-width: 768px){
.tbs li a:link, .tbs li a:visited{font-size:24px;}
}

@media (max-width: 767px){


}*/

@media (orientation: landscape){
.is-mobile .drawer{width:50%;}
.is-mobile .drawer a:link, .is-mobile .drawer a:visited{padding:8px 5px 8px 25px;}
	
}

@media (min-width: 651px) and (max-width: 766px){
.tbs li{width:48%; margin:1%; }
.tbs li a:link, .tbs li a:visited{font-size:16px;}
.bank-section{float:left; margin:0 3px 18px 9px; width:48%;}
#tb-bonus tbody td .logo img{display:block;}
.footer{background:#ebf2f6;}
.footer-logo{position:static; display:table-cell; width:180px;}
.footer-nav{margin:10px 30px 15px; text-align:center;}
.footer-nav a:link, .footer-nav a:visited{ font-size:15px; width:30%; text-align:center; padding:.5em; border:1px dashed #9ec7de;  -webkit-box-shadow:0px 0px 0px 0 #fff; box-shadow:0px 0px 0px 0 #fff; margin:5px 2px 0;}
.footer-nav a:hover, .footer-nav a:active{color:#06c; text-decoration:underline;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

}


@media (min-width: 480px) and (max-width: 650px){
.tbs li a:link, .tbs li a:visited{font-size:16px;}
.tbs li{width:48%; margin:1%; }
.top-tab .tbs li a{font-size:16px;}
.bank-section{float:none; margin:0 auto 18px; width:90%;}
#tb-bonus tbody td .logo img{display:block;}
#tb-bonus tbody td strong{display:none;}

.bank-list-box-all li{ width:50%;}
#tb-bonus tbody td .logo{ font-weight:bold;}
#tb-bonus tbody td .logo img{display:inline-block;}
.footer-logo{position:static; display:table-cell; width:180px;}
.footer-nav{margin:10px 30px 15px; text-align:center;}
.footer-nav a:link, .footer-nav a:visited{ font-size:15px; width:30%; text-align:center; padding:.5em; border:1px dashed #9ec7de;  -webkit-box-shadow:0px 0px 0px 0 #fff; box-shadow:0px 0px 0px 0 #fff; margin:5px 2px 0;}
.footer-nav a:hover, .footer-nav a:active{color:#06c; text-decoration:underline;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

}



@media (max-width: 480px){
.tbs li a:link, .tbs li a:visited{font-size:16px;}


}

@media (max-width: 479px){
.visible-xxs{display:block !important;}
.hidden-xxs{display:none !important;}
.container.main{margin:0;}
.container.navbar-fixed-bottom{padding:0 15px;}
.top-tab .tbs li{width:48%; margin:1%; }
.top-tab .tbs li a{font-size:20px;}
.tbs li a:link, .tbs li a:visited{border:#CCC 1px solid;}
.top-tab .tbs li a.one{border-bottom:#e6ad15 5px solid;}
.top-tab .tbs li a.two{border-bottom:#5db1b7 5px solid;}
.top-tab .tbs li a.three{border-bottom:#e55487 5px solid; }
.top-tab .tbs li a.four{border-bottom:#5096d7 5px solid; }
.top-tab .tbs li a.five{border-bottom:#a362f4 5px solid; }

.btn-top:link, .btn-top:visited{width:44px; font-size:12px; font-weight:normal;}
.btn-top b{margin-bottom:3px;}
.btn-push:link, .btn-push:visited{margin-left:-10px;}
.drawer a:link, .drawer a:visited{margin:0 15px;}
#tb-bonus thead{display:none;}
#tb-bonus tbody tr:after{content:"."; display:none; clear:both; line-height:0; height:0; visibility:hidden;}
#tb-bonus tbody tr{margin-bottom:0px;}
#tb-bonus tbody td{display:block; float:left; width:100%; text-align:left;}
#tb-bonus tbody td:first-child{margin:0; vertical-align:middle; border-bottom:2px #999 solid; padding-top:2px;}
#tb-bonus tbody td strong{display:inline-block; width:45%;}
#tb-bonus tbody td .logo{ font-weight:bold;}
#tb-bonus tbody td .logo img{display:inline-block;}
.bank-section{float:left; margin:0 3px 18px 9px; width:314px;}
.bank-list-box-all li{ width:50%;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

}

@media (max-width:360px){
.bank-section{float:left; margin:0 3px 18px 9px; width:290px;
}
.card-content h1.tbs li a{ width:180px; font-size:20px;}
.is-mobile .price{font-size:11px;}
.bank-list-box-all li{ width:50%;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}
}