@charset "utf-8";
/* .data-tb 表格 */
.data-tb{width:100%; 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;}
.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:1.5; 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;}
.data-tb ul li{list-style-type:decimal; list-style-position:inside;}

/*信用卡專區*/
.card:after, .bank-box:after, .dtl-box-1:after, .dtl-box-2:after, .dtl-box-3:after, .dtl-box-4:after, .bank-list-box:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.card{width:100%; background:#fff; border:1px solid #ccc; margin:0 0 14px;}
.card .banner{width:100%; height:160px; background:url(/st_ec/img/card/card-banner.jpg) no-repeat 0 0; border-bottom:1px solid #ccc;}
.card .co-bank{width:100%; height:140px;}
.card .co-bank .title{width:13px; height:112px; line-height:20px; display:block;padding:28px 10px 0 7px; font-size:15px; font-weight:bold; border:1px solid #ddd; border-width:0 1px 1px 0; background:url(/st_ec/img/card/co-bank-title-bg.jpg) repeat-x 0 0; float:left;}
.bank-box{display:block; width:918px; float:right;}
.bank-item{display:block; width:68px; height:60px; display:block; text-align:center; float:left; margin:5px 0 0 0; border:1px solid #fff; background:url(/st_ec/img/card/bank-item-bg.jpg) repeat-x 0 -60px; cursor:pointer;}
.bank-item:hover{background-position:0 0; border:1px solid #ccc; border-radius:4px;}
.bank-item a:link, .bank-item a:visited{color:#222;}
.bank-item:hover a, .bank-item a:hover{color:#06c; text-decoration:none;}
.bank-item img{margin-top:6px;}
.bank-item span{margin-top:1px; margin-top:3px \9; display:block;}
.bank-item-nolink{display:block; width:68px; height:60px; display:block; text-align:center; float:left; margin:5px 0 0 0; border:1px solid #FFF;}
.bank-box .bank-item-nolink a:link, .card .co-bank .bank-box .bank-item-nolink a:visited{color:#222;}
.bank-box .bank-item-nolink a:hover{color:#222; text-decoration:none;}
.bank-box .bank-item-nolink img{ margin-top:6px;}
.bank-box .bank-item-nolink span{ margin-top:1px; margin-top:3px \9; display:block;}

/* 覆寫 jquery-ui tabs頁籤樣式 */
.ui-tabs{border:0; background:none;}
.ui-tabs-title{padding:0 10px 0 10px;}
.tab-box{width:100%; background:#fff; border:1px solid #ccc; margin:32px 9px 14px 0;}
.tab-box + .title{text-align:center;}
.tab-box + .title img{margin:0 auto;}
.tab-set{padding:0; margin-top:-20px;}
.tab-set .ui-tabs-panel{padding:10px 5px;}
.tab-set .ui-widget-header{background:none; border-width:0; border-color:#ccc; border-radius:0; margin:0; padding:0;}
.tab-set .ui-tabs-nav .ui-tabs-selected, .tab-box .tab-set .ui-tabs-nav .ui-state-active{border:none; background:#fff;}
.tab-set .ui-tabs-nav li{margin-right:0px; margin-top:12px; border:none; background:url(/st_ec/img/card/card-tab-nav.png) no-repeat 0 0; cursor:pointer; display:block; width:240px; height:50px;}
.tab-set .ui-tabs-nav .gift{background-position:0 0;}
.tab-set .ui-tabs-nav .installment{background-position:-240px 0;}
.tab-set .ui-tabs-nav .reward{background-position:-480px 0;}
.tab-set .ui-tabs-nav .preferential{background-position:-720px 0; width:230px;}
.tab-set .ui-tabs-nav li.ui-tabs-selected{margin-top:0;}
.tab-set .ui-tabs-nav li a{display:block; width:100%; height:100%;}
.tab-set .ui-tabs-nav li.ui-tabs-selected a{display:block; width:240px; height:70px; padding:0; background:url(/st_ec/img/card/card-tab-nav.png) no-repeat 0 0;}
.tab-set .ui-tabs-nav .gift.ui-tabs-selected a{background-position:0 -50px;}
.tab-set .ui-tabs-nav .installment.ui-tabs-selected a{background-position:-240px -50px;}
.tab-set .ui-tabs-nav .reward.ui-tabs-selected a{background-position:-480px -50px;}
.tab-set .ui-tabs-nav li.preferential.ui-tabs-selected a{background-position:-720px -50px; width:230px;}

.tab-box .data-tb{width:920px; margin:0 auto; margin-bottom:12px;}
.tab-box .data-tb tr:hover{background:#fff8e0;}
.tab-box .data-tb tr.att{background:#f9f9f9;}
.tab-box .data-tb a:link, .tab-box .data-tb a:visited{text-decoration:underline; color:#06c;}
.tab-box .data-tb td .logo{line-height:30px; height:30px; display:block; width:100%; text-align:left; padding:10px 0 10px 5px; position:static;}
.tab-box .data-tb td .logo img{margin-right:8px;}
.result-col{float:left; margin:0 2px 0 11px; width:220px;}
.nor-box{width:100%; clear:both;}
.nodata{width:920px; margin:0 auto; padding:100px 0; background:#f3f3f3; margin-bottom:10px; font-size:30px; font-weight:bold; text-align:center;}
.desc-box{width:920px; clear:both; text-align:center; margin:0px auto; margin-bottom:15px; margin-top:5px;}

.bank-section, .bank-section2{display:block; width:220px; margin:0 0 18px 0; background:#f9f9f9; border:1px solid #ccc; height:360px; position:relative;}
.bank-section .cont, .bank-section2 .cont{width:210px; margin:5px auto; line-height:20px;}
.cont .txt-high2{color:#e47d04;}
.cont p{margin-top:10px;}
.cont p img{margin-bottom:10px;}
.cont .btn{width:210px; height:32px; display:block; font-size:15px; font-weight:bold; background:url(/st_ec/img/card/btn-bg.png) no-repeat 0 0; text-align:center; line-height:32px; color:#fff;}
.cont .btn:hover{background-position:0 -32px; text-decoration:none;}
.bank-section .cont ul, .bank-section2 .cont ul{margin-top:0;}
.bank-section .cont li, .bank-section2 .cont li{margin-bottom:5px; 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{background:#e47d04; border-radius:15px; padding:1px 10px; padding:3px 6px 0 \9; color:#fff; width:60px; text-align:center;}
.cont .time{display:block; width:100%; text-align:center; font-family:Verdana, Geneva, sans-serif;}
.cont .bottom-box{position:absolute; bottom:6px;}
.cont .get-desc{height:50px; margin:10px 0 -10px 0;}
.cont .get-desc span{font-size:12px; line-height:12px;}

.bank-section2{height:140px;}
.bank-section2 .cont ul{margin-top:8px;}

.bank-list-box-all{width:950px;}
.bank-list-box-all .title{width:950px; border:1px solid #ccc; border-width:1px 0; margin-left:-5px;}
.bank-list-box{padding-bottom:20px;}
.bank-list-box ul{margin:15px 0 0 70px;}
.bank-list-box li{float:left; list-style-type:none; display:block; line-height:30px; width:150px; margin:0 70px 20px 0; color:#666;}
.bank-list-box li img{margin-right:6px;}

.attention-box{width:920px; margin:0 auto; border:1px solid #ccc; margin-bottom:0; background-color:#f9f9f9;}
.attention-box .cont{padding-right:10px;}
.attention-box .cont ul{margin-left:35px; margin-top:10px; padding-bottom:10px;}
.attention-box .cont li{list-style-type:decimal; margin-bottom:5px;}
.attention-box .data-tb{width:900px; margin:0 auto; margin-bottom:12px; background-color:#fff;}
.attention-box .data-tb li{list-style-type:square; list-style-position:outside;}
.attention-box .data-tb td.att{padding:0;}
.attention-box .data-tb tr.none:hover{background-color:none;}