@charset "utf-8";
#append-btn, #append-list{display:none !important;}
body, div, ul, ol, li, h1, h2, h3, p, img, a{padding:0; margin:0;}
img {vertical-align:top;}
[class*="col-"]{padding-left:0 !important; padding-right:0 !important;}
.clearfix:after{content:"."; font-size:0; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.row img, [class*="col-"] img{width:100%; height:auto;}

/* 各家信用卡內容 header 覆寫 */
.header{width:100%; z-index:999999; line-height:36px; position:absolute; margin:0 auto;}
.bk .navbar{height:48px; margin-bottom:0; overflow: hidden;}
.header-box{position:relative;}
.push-box{text-align:right; padding:6px 0 0; float:right;}
.push-box .facebook, .push-box .btn-google{display:inline-block; vertical-align:text-top;}
.push-box .facebook{width:28px; height:28px; background:url(/act/img/icon-facebook.png) no-repeat;}
.push-box .btn-google{margin-right:10px; padding-top:3px;}
.header-box .logo{display:block; width:290px; height:48px; background:url(/info/card/img/bankpage_logo.png) no-repeat 0 0; position:absolute; right:105px; padding:0;}
.header-box .logo em{text-indent:-9999em;}

body{background:#fff url(/info/card/img/bg.jpg) repeat; margin:0 auto; font-size:12px; text-align:left; margin:auto;}
.main{margin-top:-48px; background:url(/info/card/img/left_bg.jpg) repeat-x scroll 5px top #f1f1f1;}
.main .bar, .main .top{margin-left:-15px; margin-right:-15px;}

.bar{background:url(/info/card/img/bar.jpg); text-align:left;}
.top img{width:100%;}

.left{}
.left-mid ul{list-style-type:none; margin-top:5px;}
.left-mid ul li{font-size:15px; border:1px solid #ccc; border-width:0 0 1px 0; /*-webkit-box-shadow:0px 1px 0px 0 #f6f6f6; box-shadow:0px 1px 0px 0 #f6f6f6; color:#545454;*/}
.left-mid ul li a{margin:0 7px 2px; line-height:18px; font-weight:100;  padding:.5em .5em .5em 2em; display:block; border-radius:10px;  }
.left-mid ul li a:link, .left-mid ul li a:visited{ text-decoration:none; color:#666; }
.left-mid ul li.hov a, .left-mid ul li a:hover, .left-mid ul li a:active{color:#222; text-decoration:none; background:url(/info/card/img/btn_icon.png) no-repeat 10px 11px #eee;}
.left-mid ul li.hov a{pointer-events:none; cursor:default;}
.left-mid ul li.home a{background:url(/info/card/img/back_btn.png); width:205px; height:40px; text-indent:-999px; margin:10px 0 15px; border-radius:0px; border-top-right-radius: 4px; border-bottom-right-radius:4px; }

.right{text-align:left; background-color:#fff;}
.right ol{font-size:13px; color:#666; margin:20px 15px 30px;}
.right ol li{line-height:1.5em; word-spacing:1px; letter-spacing:1px; list-style-position:outside; margin:3px 0 3px 20px;}
/* scroll to top *//* goto fb  */
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:956px;}

/*內頁三則優惠*/
.right h4{font-size:18px; font-family:Verdana, Geneva, 微軟正黑體; margin:3px 15px 2px 25px; color:#333;}
.gift01{margin:20px -5px 10px 20px; padding:10px; height:218px; border:#CC3300 1px dashed; width:220px; float:left; overflow:hidden;}
.gift01 img{margin-top:10px;}
.txt-gift{ font-family:Verdana,Geneva,"微軟正黑體"; font-size:15px;}

.txt-pro{margin:10px 0px; display:inline-block; width:100%;}
.txt-pro h4{margin:5px 0 0 20px; font-size:15px; }
.txt-pro span{font-size:13px; font-family:Verdana, Geneva, "新細明體"; color:#666; font-weight:normal; margin:0 0 0 5px; }
a.go-pro, a.go-pro:link, a.go-pro:visited{padding:10px; display:block; text-decoration:none;color:#2187ec; margin:10px -6px 10px 18px;  border:#CC3300 1px dashed; width:220px; height:230px; float:left; overflow:hidden;}
a.go-pro:hover{ color:#0066cc; background-color:#f1f1f1; border:#CC3300 1px solid; } 

h3{font-size:16px; line-height:1.5em;}
h3 em{ float:right; color:#C00; font-stretch:normal; font-variant:normal;}

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

@media (min-width: 992px) and (max-width: 1199px){
	.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:936px;}
}

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

@media (min-width: 769px) and (max-width: 991px){
.main{background:none;}
.header-box .logo{ width:145px; right:10px;}
.header-box .push-box{display:none;}	
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}
}

/*@media (min-width: 768px){
}*/

@media (min-width: 651px) and (max-width: 767px){
.main{background:none;}
.header-box .logo{ width:145px; right:10px;}
.header-box .push-box{display:none;}
.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 (orientation: landscape){
}

@media (min-width: 480px) and (max-width: 650px){
.main{background:none;}
.header-box .logo{ width:145px; right:10px;}
.header-box .push-box{display:none;}
.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){
}

@media (max-width: 479px){
.main{background:none;}
.header-box .logo{ width:145px; right:10px;}
.header-box .push-box{display:none;}
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:0px; margin-right:0px; right:20px;}

}

@media (max-width:360px){
}