/* 信用卡 全年推新优惠********/ .inner_box{width:100%; max-width: 960px; margin: 0 auto;overflow: hidden;margin-top: 40px;} .inner_box ul>li{ float: left; width:calc(33.333% - 8px); height: 178px;border: 1px solid #eeeeee; margin-right: 12px;margin-bottom: 12px;padding: 10px;} .inner_box ul>li:nth-child(3n){margin-right: 0px;} .inner_box ul>li.mr0{margin-right: 0px;} .inner_box ul>li a{display:block;line-height: 1.5;font-size: 14px;color: #666;cursor: pointer;margin-top:5px;} .inner_box ul>li a.mt0{margin-top:0} .inner_box ul>li a img{margin-bottom: 10px; max-width: 100%; display: block;} .inner_box ul>li a:hover{color: #0066b3} /* 新闻列表的页面 及 ****/ .inner_news{width:100%; max-width: 960px;margin: 0 auto 60px;overflow: hidden;} .inner_news ul>li{border-bottom: 1px solid #eeeeee;line-height: 1.5;padding:10px 0;} .inner_news ul>li a{color: #333;font-size:14px;} .inner_news ul>li a:hover{color: #0066b3} .inner_news ul>li span{float: right;color: #999;font-size: 12px;} a:not([href]) h2{ text-indent: -9999px; height: 0; margin: 0;} /*页码数 START*/ /* .page_bottom{margin-bottom: 20px;} */ .pager{height: 28px;line-height: 28px;display: flex;justify-content: center} /*.pager span {text-align: center; cursor: pointer; line-height: 24px;font-size: 14px;height:24px;}*/ /*總頁數*/ /*.page_total{display:inline-block; margin-right:18px;color:#666;}*/ /*上一页 下一页按钮*/ /*.page_prev,.page_next {margin-right:6px; background-color: #0066b3; color: #FFFFFF; width: 78px;padding: 0px 5px;margin-left:3px;}*/ /*輸入框*/ /*.pager .page_go input {width: 40px;height:24px;text-align: center;margin: 0px 2px; color: #666666;border:1px solid #0066b3}*/ /*确认按钮*/ /*.page_ok{background-color: #0066b3;color: #FFFFFF;width: 55px;padding: 0px 5px; margin-left:6px;display: inline-block}*/ /*.pager ul li { float: left;font-size: 14px; padding: 0px 8px;height:24px;display:inline-block;line-height:24px; text-align:center;cursor: pointer;margin-right: 9px; color: #666666;}*/ /*.pager ul li:hover { background-color: #0066b3; color: #FFFFFF;}*/ /*.pager ul li.active {background-color: #0066b3; color: #FFFFFF;}*/ /*页码数 END*/ /******信用卡的積分建獎賞 start*******/ .section-integral { border: 1px solid #cdcdcd; margin-top: 30px; } .section-integral:after{ content: ''; display: table; clear: both; } .integral-left { width: 145px; float: left; } .integral-leftTop{ height: 70px; display: table; width: 100%; color: #fff; background: #0065b3; } .integral-left h2{ vertical-align: middle; display: table-cell; padding: 10px 15px; font-size: 20px; } body.small-font-size .integral-left h2 {font-size: 18px;} body.large-font-size .integral-left h2 {font-size: 22px;} .integral-bg { height: 250px; background-size: cover; } .integral-right{ width: calc(100% - 145px); float: left; padding: 13px 0; } .integral-row:after{ content: ''; display: table; clear: both; } .integral-item { width: 20%; float: left; text-align:center; padding: 0 10px; } .integral-itemBrief:after{ content: ''; display: table; clear: both; } .integral-number { border: 1px solid #7f7e7a; width: 25px; height: 25px; color: #0065b3; font-size: 10px; padding: 8px 0 0 1px; text-align: left; float: left; } .integral-title { text-align: left; padding-left: 33px; font-size: 11px; line-height: 1.2; font-weight: bold; } body.small-font-size .integral-left h2 {font-size: 10px;} body.large-font-size .integral-left h2 {font-size: 12px;} .integral-title span{ font-weight: normal; display: block; } .point_text{margin-top: 20px;} .point_text ul>li{padding-left: 16px;position: relative;font-size: 14px;color: #666} .point_text ul>li span{position: absolute;left: 0px;} .dowload a{display:block;float:right;padding-left: 30px;background: url(../../../hongkong/personal/images/index/icons/dowload.png) no-repeat left center;text-align: right;color:#0066b3;cursor: pointer; } /******信用卡的推广优惠 start********/ .plan_scroll .card_zh_info{border: none;} .line_tit{border-bottom: 2px solid#eee;margin-bottom: 16px;margin-top: 40px;} .mess_secure p{margin-top: 12px;} .mess_secure a{display: block;position: absolute;bottom: 10px;} .mess_secure ul li{width: 207px;height: 142px;border: 1px solid #eeeeee;float: left;padding: 10px;padding-left: 235px;margin-bottom: 10px; position: relative;} .mess_secure ul li.item_li1{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance1.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li2{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance2.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li3{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance3.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li4{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance5.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li5{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance6.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li6{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance7.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li7{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance8.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li8{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance9.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li9{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance10.png) no-repeat 10px 10px ; } .mess_secure ul li.item_li10{ background: url(../../../hongkong/personal/images/personal/personal_banking/promotion_offer/insurance9.png) no-repeat 10px 10px ; } .news_massage h4{line-height: 2.0; color: #666; font-size: 16px } .news_massage p{font-size: 12px; color: #666; line-height: 1.4;} .tabsBox h3{ font-size: 1.2em;color:#0066b3;} /**/ /******信用卡的推广优惠 Bossini購物禮遇 start********/ .Shop_courtesy{padding: 18px;border: 1px solid #eee;} .Shop_courtesy .point_text p{margin-bottom: 10px;} .Shop_courtesy h3{height: 32px;font-size: 18px;background-color:#bad8fa;line-height: 32px;color: #fff;text-indent: 0.5em;margin-top: 20px;} .courtesy1{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/courtesy1.png) no-repeat left center;height: 180px;padding-left: 220px;margin-top: 10px;} .courtesy1 ul li{font-size: 14px;color: #666;line-height: 2.0;} .courtesy2{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/courtesy2.png) no-repeat left center;height: 180px;padding-left: 220px;margin-top: 10px;} .courtesy2 ul li{font-size: 14px;color: #666;line-height: 2.0;} .courtesy2 ul li a{text-decoration: underline;color: #0066b3;font-size: 14px;} .courtesy_tle {margin: 10px 0px 10px;} .courtesy_tle ul li{height: 36px;line-height:36px;display: inline-block;} .courtesy_tle ul li.tle1{height: 36px;width: 106px; background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/courtesy_icon2.png) no-repeat left center;} .courtesy_tle ul li.tle2{height: 36px;width: 106px; background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/courtesy_icon3.png) no-repeat left center;} .courtesy_tle ul li.tle3{height: 36px;width: 85px; background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/courtesy_icon1.png) no-repeat 45px center;font-size: 14px;color: #666;float: right;vertical-align: top;line-height: 32px;} /* 协议文本的样式***/ .protocol_line{width: 110px;;font-size: 16px;line-height: 2.0;color:#006BB6;cursor: pointer;} .cle_up{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/up1.png) no-repeat 85px center;} .cle_down{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/down2.png) no-repeat 85px center;} .protocol_text{display: none;} /* .topBanner{position: relative;margin-bottom: 15px;clear: both;} */ /* .inner h1{color: #003576; font-size: 20px;font-weight: normal; margin-bottom: 10px;} */ /* .inner .topBanner p{position: absolute; left: 23px; top: 25px; width: 92%; color:#fff;text-align: left;font-size: 20px;} */ /*貴賓理財詳情頁*/ .topBanner{border:1px solid #ccc;margin-bottom:40px; background-position: top right; min-height: 250px;} /* background-size: cover; height:128px*/ .topBanner h2{ font-size:24px;/*position:absolute;left:56px;*/line-height: 1.2;top:20px; font-weight: bold; } body.large-font-size .topBanner h2{font-size: 26px;} body.small-font-size .topBanner h2{font-size: 22px;} .whitePlate { background: rgb(255,255,255); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); padding: 20px; margin: 40px 0; width: 60%; min-height: 170px; } .whitePlate h3, .whitePlate h2 { margin-bottom: 6px; } .whitePlate h3 { font-weight: bold; font-size: 0.9rem; margin-bottom: 5px; line-height: 1.5em; } .whitePlate p { color: #333; font-weight: normal; } .topBanner h2.ttlPlate { background: rgb(255,255,255); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); padding: 60px 20px 30px; margin: 30px 0; width: 50%; min-height: 170px; color: #E6740A!important; /*max-width: 350px;*/ padding-right: 70px; } .topBanner .pTop45{top:45px;} .topBanner.tall {height: 350px;background-position: center center;border: none;} .topBanner.imgOnly{height: 128px;} .mess_box li{line-height: 2} .mess_box .relativeli{position:relative;} .mess_box .absolutespan{position:absolute;left:-20px;top:0;} /*.mess_box h3{font-size: 14px;font-weight: bold;margin:10px 0;line-height: normal}*/ .mess_box>img{margin-right:10px;vertical-align: text-bottom;} .mess_box a{color:#0066b3} .mess_box a:hover{text-decoration: underline;} .conImg{max-width: 100%; margin: 0;} /* 港澳通 start******/ .important_section:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both} /*delete*/ ul.lt_tick>li{padding-left: 24px;background: url("../../../hongkong/personal/images/index/icons/ico_tick.gif") no-repeat left 4px; margin: 0 0 10px 0;} /*.tabsBox ul.lt_tick>li img{position: absolute;left: 0px;top: 4px;}*/ .tabsBox{margin-top: 10px;} .mess_show h2, .tabsBox h2, .mess_box h2{font-weight: bold;color: #0066b3;font-size:1.2em;} body.large-font-size .mess_show h2, body.large-font-size .tabsBox h2, body.large-font-size .mess_box h2{font-size:1.4em;} body.small-font-size .mess_show h2, body.small-font-size .tabsBox h2, body.small-font-size .mess_box h2{font-size:1em;} .tabsBox dl{position: relative;padding-left: 28px;margin-bottom: 4px;} .tabsBox dl dt{width: 28px;position: absolute;left: 0px;} .tabsBox dl dd{margin-bottom: 10px;} .tabsBox dl dd b{color: #333; font-weight:normal;/*font-size:16px;*/} .tabsBox dd.ex p{color:#999;} .tabsBox p{/*font-size:14px;*/color:#333;line-height: 1.5;} .tabsBox p a{color: #0066B3;} .callForAct{height:100px;background: url(../../../hongkong/personal/images/index/icons/action-bg.jpg) no-repeat;padding-left: 150px;margin-top:20px;} .callForA{background: #efefef url(../../../hongkong/personal/images/index/icons/action-bg2.jpg) no-repeat!important;} .callForA:after{content: ''; display: table; clear: both;} .tc .callForAct{height:100px;background: url(../../../hongkong_tc/personal/images/index/icons/action-bg.jpg) no-repeat;padding-left: 150px;margin-top:20px;} .tc .callForA, .tc .callForAct4 {height:100px;background: #efefef url(../../../hongkong_tc/personal/images/index/icons/action-bg2.jpg) no-repeat!important;} .tc .callForA:after{content: ''; display: table; clear: both;} .sc .callForAct{height:100px;background: url(../../../hongkong_sc/personal/images/index/icons/action-bg.jpg) no-repeat;padding-left: 150px;margin-top:20px;} .sc .callForA, .sc .callForAct4 {height:100px;background: #efefef url(../../../hongkong_sc/personal/images/index/icons/action-bg2.jpg) no-repeat!important;} .sc .callForA:after{content: ''; display: table; clear: both;} .callForAct div, .callForAct > a{ padding:36px 0 40px 60px; color: #666; vertical-align:middle; display:inline-block; width: 23%; /*float: left;*/ } .callForAct a:hover{color:#0066b3;} .callForAct p{float: left;line-height: 50px;} .callForAct b{font-weight: normal;vertical-align: middle;display:table-cell;/*width: 205px;*/} .callForAct img{float: left;margin-right:6px;margin-top:24px;} .callForAct4.callForAct div, .callForAct4.callForAct > a{ padding: 15px 0 15px 60px; vertical-align: middle; width: 24%; line-height: 1.3; } .callForAct4.callForAct .act_app{padding-left: 40px;} .act_doc { background: url(../../../hongkong/commercial/images/index/icons/icon_download_doc.png) no-repeat 0 center; } .act_online { background: url(../../../hongkong/personal/images/index/icons/action_01.png) no-repeat 0 center; } .act_hotline { background: url(../../../hongkong/personal/images/index/icons/action_02.png) no-repeat 0 center; } .act_visit { background: url(../../../hongkong/personal/images/index/icons/action_03.png) no-repeat 0 center; } .act_app{ background: url(../../../hongkong/personal/images/index/icons/action_smartphone.png) no-repeat 0 center; } .act_aia{ background: url(../../../hongkong/personal/credit_cards/images/asia_aia_mastercard_credit_card/action_064.png) no-repeat 0 center; } .act_service{ background: url(../../../hongkong/commercial/images/index/icons/ico_rm.png) no-repeat 0 center; } .act_chatbot { background: url(../../../hongkong/personal/images/index/icons/action_04.png) no-repeat 0 center; } body.large-font-size .callForAct div, body.large-font-size .callForAct > a { padding:20px 0 20px 60px; } body.large-font-size .callForAct div.act_hotline { padding:20px 0 20px 60px!important; } body.large-font-size .callForAct4.callForAct div, body.large-font-size .callForAct4.callForAct > a { padding: 4px 0 4px 60px; font-size: 15px; } body.sc.large-font-size .callForAct div, body.sc.large-font-size .callForAct > a, body.tc.large-font-size .callForAct div, body.tc.large-font-size .callForAct > a { padding:35px 0 35px 60px; } body.large-font-size .callForAct4.callForAct .act_app{padding-left: 40px;} /*非槓桿式外匯保證金交易*/ .ta_l{position: relative;} .ta_l img{position: absolute;right: 96px;} .ta_l .ta_1Img{right:435px;} .ta_l ul li span{display: inline-block;width: 66px;height: 26px;line-height: 26px;} /*保安提示start*/ .mes_box h2{font-size:18px;color: #0066B3;line-height: 2.0; font-weight: bold;} .mes_list{padding-left: 70px;position: relative;} .mes_list img{position: absolute;left: 0px;top: 0px;} .mes_list li{padding-left: 24px;background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 8px 10px;line-height: 2.0;} .mes_list .mt1_top{line-height:1.5; padding: 10px 0 10px 24px;height:44px;background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 8px 30px;} .mes_list .mt_top{line-height: 65px; height:65px;background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 8px 30px;} .mes_list .mt2_top img{position: relative; max-width: 100%;} /*.mes_list ul.pd40 li{padding-left: 24px;background: url(../images/common/btn_dot_blue.gif) no-repeat 8px 10px;line-height: 2.0;}*/ .note_box {margin:15px 0 10px; padding:10px 15px; background-color:#fffcd2; border-radius:5px; border:solid 1px #FF0000;} /*保安提示end*/ /*table*/ table.xtables td{padding:15px; vertical-align: middle;} table.xtables tr:last-child td{border-bottom: 1px solid #e2e2e2;} /*表格的通用样式*/ /*样式一：蓝色表头，纵向表格*/ table.step_up{text-align: center;margin-top: 20px;line-height: 2;background: #fff;} table.step_up th{background-color: #0066b3;color: #ffffff;border:1px solid #ddd;padding:0 12px;} table.step_up td{border:1px solid #ddd;padding:0 12px;} table.step_up th[aria-label="No value"]{text-indent: -999em;} .light_blue{background: #83c6ff;color:#000;} .dark_blue{background: #0066b3;color:#fff;} .trbg {background: #f9f9f9;} table.noBorder td, table.noBorder tr{border:none;} /*样式二：横向表格*/ table.step_up2{text-align: left;line-height: 2;background: #fff;} table.step_up2 td{border:1px solid #ddd;padding-left:12px;} /*样式三：无边框的表格*/ table.step_up3{text-align: left;background: #fff;margin-top: 20px;} table.step_up3 th{border:2px solid #fff;padding:5px 12px;background: #0066b3;color:#fff;} table.step_up3 td{padding:10px 0 5px 12px;} table.step_up3 a{color:#0066b3} table.step_up0{text-align: left;line-height: 2;background: #fff;} table.step_up0 td, table.step_up0 th{border:1px solid #ddd;padding-left:12px;} /*分行／自動櫃員機網絡*/ .step_up tr td i{background: url(../../../hongkong/personal/images/index/icons/blue_tick.gif) no-repeat center center;width: 100%;height:10px;display: block;text-align: center} .last_td_center tr td:last-child{text-align: center} /***********************表格的通用样式***************************************/ /*积分永久生效*/ .mess_box .mess_list{margin-left:28px;} /*.mess_box .mess_list img{vertical-align: middle}*/ .videosection{margin: 30px 0;} ul.tab-video { float: left; width: 250px; border: 1px solid #f0f0f0; } ul.tab-video li{ background: #fafafa; padding: 10px 20px; border-bottom: 1px solid #f0f0f0; cursor: pointer; } ul.tab-video li:last-child{ border-bottom: none; } ul.tab-video li h2{ color: #000; position: relative; padding-left: 25px; margin-top: 0; } ul.tab-video li h2 span{ position: absolute; left: 0; top:0; color: inherit; font-weight: bold; margin-left: 0px; } ul.tab-video li.active{ background: #fff; } ul.tab-video li.active h2{ color: #0066b3; } ul.tab-video li a.btn-pdf{ width: auto; padding-left: 0; background: inherit; display: none; } ul.tab-video li.active a.btn-pdf{ display: inline-block; } .videoMain{float: left;} /*tab*/ .service_list .mess_tag ul{float: left;} .border_rt{background: url(../../../hongkong/personal/accounts/images/consolidated/border.png) no-repeat right center;font-size: 16px;} .ser_list{margin-top:20px;} .ser_list img{margin:16px 0;} .ser_list p{padding-bottom:5px;} /*.ser_list ul{margin-left:20px;}*/ /*.ser_list li{padding-bottom: 5px;}*/ .remarktxt{/*font-size: 14px;*/margin:20px 0;} .remarktxt a{color:#0066b3} /*本行資料 -- 新聞中心*/ .guide_nav{ float: left; margin: 0px 40px 0 20px; width: 190px; border-top: 1px #f2f2f2 solid; } .guide_nav ul li{ margin-bottom: 2px; line-height: 32px; } .guide_nav a{ display: block; height: 32px; padding: 0 18px 0 12px; cursor: pointer; color: #333333; background: #eeeeee; } .guide_nav li:hover a,.guide_nav li.bur a{ background: #0066b3; color: #fff; } .list_content{width:710px;float: right;max-width: 100%;} .list_content .content_tit{background: #0066b3; font-weight: bold;color: #ffffff;text-align: left;padding:5px;line-height:25px;height:25px;} .list_content ul>li{border-top: 1px solid #eeeeee;line-height: 1.5;padding:10px 0;} .list_content ul>li.last{border:none;} .list_content ul>li a { color: #333; display: inline-block; width: 630px; } .list_content ul>li a:hover{color: #0066b3} .list_content ul>li span { float: left; color: #666; font-size: 12px; width: 80px; } body.large-font-size .list_content ul>li span{font-size: 14px;} body.small-font-size .list_content ul>li span{font-size: 11px;} /*本行資料 --監管披露*/ /*寬度960*/ .regul_box ul>li{ /*margin-bottom:6px;*/ margin-left:16px;} .regul_box ul>li.content_tit{margin-left:0; background: #0066b3; font-weight: bold; color: #ffffff; text-align: left; padding: 5px; } /* online banking */ .serviceGrid { padding: 20px 50px; box-sizing: border-box; min-height: 201px; } .greyFrame { border:solid 1px #ebebeb; border-radius: 5px; } .bgGrey { background-color: #F4F4F4; } .ob_serviceTtl01, .ob_serviceTtl02, .ob_serviceTtl03, .ob_serviceTtl04 { font-size: 1.4em; padding-left: 50px; margin-bottom: 10px; } .ob_serviceTtl01 { background: url("../../../hongkong/personal/banking_channels/images/online_banking/01.png") no-repeat left; background-size: 30px; } .ob_serviceTtl02{ background: url("../../../hongkong/personal/banking_channels/images/online_banking/02.png") no-repeat left; background-size: 30px; } .ob_serviceTtl03{ background: url("../../../hongkong/personal/banking_channels/images/online_banking/03.png") no-repeat left; background-size: 30px; } .ob_serviceTtl04{ background: url("../../../hongkong/personal/banking_channels/images/online_banking/04.png") no-repeat left; background-size: 30px; } a.infoLink { text-decoration: none; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 30px 20px 30px 30px; display: inline-block; box-sizing: border-box; } a.infoLink:hover, a.infoLink:focus { text-decoration: underline; color: #0066B3; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 30px 20px 30px 30px; display: inline-block; box-sizing: border-box; } a.downloadLink { text-decoration: none; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 10px 20px 10px 0; display: inline-block; box-sizing: border-box; font-size: 1.2em; } a.downloadLink:hover, a.downloadLink:focus { text-decoration: underline; color: #0066B3; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 10px 20px 10px 0; display: inline-block; box-sizing: border-box; font-size: 1.2em; } .appIconFloat { float: right; } .dlIconsFloat { float: right; } .btn_main { font-size: 1.1rem; height: auto; padding: 10px 20px; } .ttlControl { padding-left: 0; } /* end - online banking */ /* mobile banking */ .sysRequireCol { background: url("../../../hongkong/personal/banking_channels/images/mobile-banking/sys_bg.png") repeat-x bottom; padding: 40px 20px 20px; box-sizing: border-box; text-align: left; } .sysRequireTtl { font-size: 1.2em; color: #003576; } .sysRequireTtl span { font-weight: bold; text-decoration: underline; } .sysRequireTtl span a { color: #003576; } .downloadInfo { width: 40%; } .appIcon { width: 150px; vertical-align: top; float: none; } .appQr { width: 150px; vertical-align: top; display: inline-block; } /* end - mobile banking */ /*本行資料 -- 銀行年度報告*/ .czff_list{margin-bottom:50px;float: left} .czff_list li{width:240px;float: left; text-align: center;} .czff_list li p{line-height: 30px;} .czff_list li span{display:block;height: 60px;line-height: 30px;} .czff_list li a{color:#333;font-size: 14px;} .czff_list li a:hover{color:#0066b3} /*本行資料 -- 企業文化*/ .bg_list{padding:10px;margin-bottom:60px;} .bg_list h2{font-size: 18px;font-weight: bold;color:#0066b3;line-height: 40px;} .bg_list p{line-height: 30px; margin-top: 10px;} .bg_list p b{margin-right:16px;} #tabsBox li{padding:0;} .boldTitle { font-weight: bold; color: #0066b3; font-size: 18px; } .text1{ line-height:30px; margin-bottom:20px; } /*本行資料 -- 105週年歷史紀念短片*/ .video_item{width:800px;padding-left:160px;margin-bottom:60px;} /*本行資料 -- 銀行歷史*/ .main_wrap{margin:0 auto;width:575px;margin-bottom:60px;} .main_wrap a{font-size: 0;} /* atm demo */ .sliderWrap {width: 1000px;max-width: 100%;margin: 40px auto 0px;position: relative;} .sliderWrap-text { position: absolute; text-align: center; width: calc(100% - 40px); bottom: 330px; padding: 0 15px; } .sliderWrap-text h1{ color: #0060B0; font-size: 42px; margin-bottom: 20px; } body.small-font-size .sliderWrap-text h1{ font-size: 38px; } body.large-font-size .sliderWrap-text h1{ font-size: 44px; } .sliderWrap-text h2 { font-size: 20px; } body.small-font-size .sliderWrap-text h2{ font-size: 18px; } body.large-font-size .sliderWrap-text h2{ font-size: 22px; } .sliderWrap img{width: 100%;} .sliderWrap .btn-play { color: #fff; background: #0060B0; border-radius: 8px; width: 210px; max-width: 100%; margin: 30px auto; } .sliderWrap .btn-play:before{ content: ''; display: inline-block; width: 12px; height: 15px; background: url(../../../hongkong/personal/images/index/icons/icon-play.png); background-size: cover; vertical-align: middle; margin-right: 10px; } .bxslider-caption { position: absolute; top: 25px; width: 550px; left: 50%; margin-left: -287px; font-size: 18px; padding: 15px 10px; text-align: left; border: 5px solid #47b4f8; border-radius: 4px; background: url(../../../hongkong/personal/images/index/icons/bubble_bg.jpg) repeat-x; } .bxslider-caption:after{ content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top:10px solid #47b4f8; position: absolute; bottom: -15px; right: 25px; } .bxslider-caption h1>div{margin-bottom: 5px;} .bxslider-caption h1{font-weight: bold;} body.small-font-size .bxslider-caption {font-size: 16px;} body.large-font-size .bxslider-caption {font-size: 20px;} /* 港澳卡 start*** */ p.list_tle{font-size: 16px;color: #333;} body.small-font-size p.list_tle {font-size: 14px;} body.large-font-size p.list_tle {font-size: 18px;} .blueBold { color: #003576!important; font-weight: bold; padding: 20px 0 10px; } /*delete*/ p.tle{background: url(../../../hongkong/personal/images/index/icons/ico_dot_07.gif) no-repeat left -1px;padding-left: 25px;color: #333} p.tle1{background: url(../../../hongkong/personal/images/index/icons/ico_dot_05.gif) no-repeat left 1px;padding-left: 20px;color: #333} p.tel2{background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat left 10px;padding-left:16px;color: #333} p.tle3{background: url(../../../hongkong/personal/images/index/icons/ico_dot_02.gif) no-repeat left 4px;padding-left:28px;color: #333} .tabsBox ul li a{color:#0066B3;font-size:14px;line-height: 2.4; } body.small-font-size .tabsBox ul li a {font-size: 12px;} body.large-font-size .tabsBox ul li a {font-size: 16px;} .ahover ul li a:hover{text-decoration: underline;} /*delete*/ ul.pd40 li{padding-left: 40px;background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 25px 10px;line-height: 2.0;} ul.pd28 li{padding-left: 28px;background: url(../../../hongkong/personal/images/index/icons/ico_dot_05.gif) no-repeat 0px 4px;line-height: 2.0;} ul.pd20 li{padding-left: 24px;background: url(../../../hongkong/personal/investment/images/ico_tick.gif) no-repeat 0px 4px;line-height: 2.0;} /* 港澳卡 end*** */ /* 商务卡 及相关页面 start********* */ ul.bg_list li{padding-left: 125px;margin-top: 20px;position: relative;} ul.bg_list li img{position: absolute;left: 0px;top: 0px;} .bg_list a.btn_blue{color: #fff} .bg_list li.blue a{display: block;line-height: 2.0;} .bg_list li.blue a:hover{text-decoration: underline;} .tabsBox .bg_list ul.pd40 li{padding-left: 40px;margin-top: 0px;} .new_gift img.pad280{padding-left:280px;margin-top: 20px;} /* 家庭服务 start *******/ .col1{width: 244px;} .contentPrivate{width: 680px;float: left;margin: 0 0 0 16px;} ul.pd24 li{padding-left: 24px;background: url(../../../hongkong/personal/images/index/icons/ico_dot_07.gif) no-repeat 0px 2px;line-height:1.75em;color: #333} /* 家庭服务 end *******/ /*最新消息 start ****** */ .new_infomation{border: 1px solid #eeeeee;padding:4px 10px} .new_infomation li.content2{background-color: #333;} .new_infomation ul li a{font-size: 14px;display: block;line-height: 1.5;} /*最新消息 end ****** */ /*銀聯雙幣信用卡 start ****** */ .card_coins{background: url(../../../hongkong/personal/credit_cards/images/cup/title-bg.png) no-repeat; width: 100%;height: 63px;font-size: 25px; line-height: 63px;} .card_coins img{float: left;padding: 0 10px 0 0;} .card_orange{text-align: left;position: absolute;;margin: -87px 180px;*margin: 27px -363px;font-size: 12px;} .card_orange .orange_title{background-color: #F98C25;color: #FFF;border-bottom: 2px solid #FFF;width: 160px;padding: 3px 5px;} .card_orange .orange_content{background-color: #FADEAE;color: #1C3440;width: 160px;padding: 3px 5px;} .card_orange .orange_icon{background-image: url(../../../hongkong/personal/credit_cards/images/cup/orange-circle.png);width: 43px;height: 43px;line-height: 43px;text-align: center;color: #FFF;font-size: 24px;position: relative;top: -80px;left: 135px;} .card_blue{text-align: left;position: absolute;margin: -87px 364px;*margin: 27px -179px;font-size: 12px;} .card_blue .blue_title{background-color: #3874B0;color: #FFF;border-bottom: 2px solid #FFF;width: 160px;padding: 3px 5px;} .card_blue .blue_content{background-color: #A1D9F4;color: #1C3440;width: 160px;padding: 3px 5px;} .card_blue .blue_icon{background-image: url(../../../hongkong/personal/credit_cards/images/cup/blue-circle.png);width: 43px;height: 43px;line-height: 43px;text-align: center;color: #FFF;font-size: 24px;position: relative;top: -80px;left: 135px;} /*銀聯雙幣信用卡 end 未完结 ****** */ /*手机银行 start ********/ div.galleryMask{width: 596px; max-width: 100%;} div.galleryMask .mobile_box{position: absolute;left: 75px;overflow: hidden;width: 440px; } div.galleryMask a.abtn{height: 510px;} .scroll_x .mobile_box .mobile_lis {width: 90000px;position:relative;} .stepBox {width: 440px; height: 510px;float: left;} /*delete*/ .password_box{padding-left:20px;position: relative;} .qr_code{position: absolute;left: 270px;top:25px;width: 145px;} /*delete*/ .password_box a{color: #0066B3;} /*手机银行 end 未完待补充文本内容********/ /*中國遊保險 start ********** */ .form .top {background-color: #006bb6;font-weight: bold;color: #ffffff; text-align: left;} .form td {padding: 5px;} .tabsBox .form td {padding: 5px;} .form .content2{background-color: #dbebf8; } .form .content3{background-color: #fff; } /*中國遊保險 end ********** */ /*人寿保险 start ********/ .insurance_tabl{margin-top: 10px;} #product-col {width: 460px;clear: right;float: left;} #product-col1{float: left;padding-left: 10px;margin-left: 10px;border-left: 1px dotted #bbb;width:471px;} .row1{height: 40px;color: #666;font-size: 0.9em; line-height: 130%; margin-top: 5px; background-color:#efefef;} .large-font-size .row1{height: 80px;color: #666;font-size: 1em; line-height: 1.5em; margin-top: 5px; background-color:#efefef;} .tc .large-font-size .row1, .sc .large-font-size .row1 {height: 40px;color: #666;font-size: 0.9em; line-height: 130%; margin-top: 5px; background-color:#efefef;} .row1>.cell1{float: left;width: 88px;padding: 5px 0 5px 5px;line-height: 28px;} .row1>.cell2{float: left; border-left: 1px dotted #bbb;padding: 5px 0 5px 5px;width:349px; line-height: 28px;} .lifein_product a{color:#333;display: inline-block} .lifein_product li div{float: left; line-height: 1.5; padding: 0 5px;} .lifein_product li{margin: 10px 0;height: 162px;border-bottom: 1px solid #eee} .lifein_product li a{display:inline-block;} .product_type{width: 95px;} .product_text{width: 230px;border-left: 1px dotted #bbb;} .product_text h1{font-size: 16px;color: #333;} .product_pic img{width: 100px;height: 120px;} /*人寿保险 end 待补充文本 ********/ /*个人银行 - 投资 - 外匯掛鈎存款 - 本金保證存款 start ***/ .product_mix{width: 450px;margin: 0 auto;} .ppdeposit {width: 480px;margin: 0 auto; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);border-radius: 12px;} .ppd_header {height: 43px; background: url(../../../hongkong/personal/investment/images/fx/ppdeposit_header.jpg) no-repeat;} .tabsBox .ppd_header span { text-align: center; padding: 10px 0px;font-size: 16px;float: left;color: #fff; width: 50%;} .ppd_list {background: url(../../../hongkong/personal/investment/images/fx/ppdeposit_content.jpg) no-repeat center bottom;height: 192px;} /*投资---外匯掛鈎存款 - 本金保證存款 add*/ .ppd_header span { display: inline-block; text-align: center; color: #fff; padding: 10px 0px; font-size: 14px; width: 50%; } .ppd_list ul { text-align: center;padding: 10px 0;float: left; width: 50%;list-style: none;} .ppd_list ul li { list-style: none; text-align: center; padding: 4px 0px; } .ppd_bottom { height: 8px; background: url(../../../hongkong/personal/investment/images/fx/ppdeposit_bottom.jpg) no-repeat; } /*.ppd_text{margin-left: 240px;}*/ /*个人银行 - 投资 - 外匯掛鈎存款 - 本金保證存款 end ***/ /*个人 - 电子银行 -電子支票 start *******/ .Electronic_group{text-align: center; width: 600px; max-width: 100%;} .Electronic_group img{margin: 0 auto 6px;} .Electronic_img{position: relative;} .Electronic_img a{display: block;padding: 3px 120px;} .Electronic_img img{display: block;padding: 3px 26px;margin-bottom: 6px; max-width: 100%;} .Electronic_img img.web_li{margin-left: 200px;margin-top: 20px;} .Electronic_img p{font-size: 12px;position: absolute;left:60px;line-height: 1.2;} .Electronic_img .p1{top: 70px;} .Electronic_img .p2{width: 224px;top: 370px;} .Electronic_img .p3{width: 224px;bottom: 180px;} /*電子支票 end *******/ /*个人银行 - 电子银行 - 户口绑定服务 start ***/ /*delete*/ p.tel_text{color: #333;text-decoration: underline;line-height: 2} p.tel_balck{color: #333;/*font-size:16px;*/line-height: 2.0;} p.tel_height{color: #333; line-height: 2.0;} /*个人银行 - 电子银行 - 户口绑定服务 end ***/ /*个人银行 - 投資 - 高息貨幣存款 start ***/ .trigger {height: 30px; width: 100px;background: url(../../../hongkong/personal/images/index/icons/bg-hid.jpg) no-repeat left; cursor: pointer;line-height: 20px;font-size: 14px;cursor: pointer;padding: 10px;} .tc .trigger {background: url(../../../hongkong_tc/personal/images/index/icons/bg-hid.jpg) no-repeat left;} .sc .trigger {background: url(../../../hongkong_sc/personal/images/index/icons/bg-hid.jpg) no-repeat left;} div.toggle { display: none; margin-top: 20px; padding: 15px; background-color: #f6f6f6; width: 100%; } .tnc-active {background: url(../../../hongkong/personal/images/index/icons/bg-ex.jpg) no-repeat left!important; } .sc .tnc-active {background: url(../../../hongkong_sc/personal/images/index/icons/bg-ex.jpg) no-repeat left!important; } .tc .tnc-active {background: url(../../../hongkong_tc/personal/images/index/icons/bg-ex.jpg) no-repeat left!important; } /*table.styled1 tr td { border: 1px solid #ccc; background-color: #FFFFFF; padding: 3px; box-sizing: border-box; }*/ .topbtn{background:url(../../../hongkong/personal/investment/images/fx/btn_arrow_blue2.jpg) no-repeat 0px 2px;padding-left:20px;height:20px;line-height:20px;display:inline-block;font-size: 14px;} /*.styled1 tbody tr.top td{background: #006bb6;color: #ffffff;}*/ /*个人银行 - 投資 - 高息貨幣存款 end ***/ /*个人银行 - 电子银行 - 推廣優惠 start ***/ .preferential_img li{margin-bottom: 20px;position:relative;height:90px;} .preferential_img li img{vertical-align: top; } .preferential_img li div{width: 460px;margin-left: 26px; display: inline-block;} .preferential_img li a{color: #ffffff;margin-left: 100px;/*position:absolute;*/top:29px;} .preferential_img li p a{ color: #0066B3;margin-left: 0px;} .tableOuter{width: 100%; overflow-x: auto;} .tableInner{width:770px;margin:0 auto;} table.cursor .btn{display: block;font-weight: normal; color: inherit; border: none;padding: 0;font-size: inherit;line-height: inherit; border-radius: 0;transition: none; } .table_blue {font-family: Arial, Helvetica, sans-serif;font-size: 14px; line-height: 18px; background-color: #eef8fd; color: #333333;font-weight: bold;} .table_lightblue {font-family: Arial, Helvetica, sans-serif;font-size: 14px; line-height: 16px;color: #333333;background-color: #fafdfe;} .txt { font-family: Arial, Helvetica, sans-serif;font-size: 14px; color: #666666;} .table_green {font-family: Arial, Helvetica, sans-serif; font-size: 14px;color: #82c03c;; background-color: #f9fff2;font-weight: bold;} .conImg>img{max-width: 100%;} /*个人银行 - 电子银行 - 推廣優惠 end ***/ /*个人银行 - 电子银行 - 啓動自動櫃員機海外交易功能 start ***/ .stepper{ } .stepbox { margin-right: -20px; height: 29px; display: inline-block;} .stepper .stepbg {height: 29px; text-align: center; padding: 2px 10px 5px 20px; background-color: #e2f1f0; display: inline-block; box-sizing: border-box; margin:0;} .stepper .stepbg a { color: #0073bb; font-size: 16px; } .stepper .stepbg2 { width: 17px; height: 29px; display: inline-block; background: url(../../../hongkong/personal/accounts/images/atm_overseas_activation/step_bg1.gif) no-repeat; position: relative;left: -5px; top: 10px;} .atm_img img{ width: 100%; max-width: 414px; display: block; margin: 0 auto;} /*个人银行 - 电子银行 - 啓動自動櫃員機海外交易功能 end ***/ /*个人银行 - 电子银行 - 借记卡 -建行(亞洲)銀聯雙幣(提款)卡 start ***/ .step-up td { padding:0 5px; border: solid 1px #ccc;} /*个人银行 - 电子银行 - 借记卡 -建行(亞洲)銀聯雙幣(提款)卡 end ***/ /*个人银行私人银行 特殊 start ********/ .list{margin-top: 10px;} .menu_l p{margin-top: 40px;padding-left: 40px; font-size: 18px;color: #333;font-weight: bold;} /*个人银行私人银行 特殊 end ********/ /*!*个人银行 - 戶口 -常見問題 start******!*/ /*.back{float: right;text-align: right;}*/ /*.back a{color: #0066b3;}!*20171211 vivian修改色值*!*/ /*.back img{padding-top: 2px;}*/ p.list_faq {/*20171211 vivian增加*/ font-size: 14px; color: #333; font-weight: 600; } .it p{ color:#666; font-size:12px; } /*个人银行 - 戶口 -常見問題 end******/ /*个人银行 - 精明使用網上銀行 start******/ .top_banner { background-position: top center; position: relative; min-height: 500px;padding-top: 20px; } .top_banner h1 { font-size: 42px; font-weight: bold; text-align: center; } .top_banner h2{font-size: 42px;font-weight: bold; text-align: center;} h1.pageTitle{font-size: 42px;font-weight: bold; padding: 0px 40px 10px 40px;} .secureContent{padding:2em 40px 1em 40px} .fps-top {position: relative; padding-left: 110px; min-height: 88px;} .fps-top img{position: absolute; width: 90px; left: 0; top: 0;} .blockBox {border: 1px solid #ccc;border-radius: 5px;margin-top: 20px;} .blockBox.rightAngle{border-radius: 0;} .blockBox h2{ background: #054c9b; color: #fff; font-size: 1.5em; font-weight: bold; padding: 10px; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px;} .blockBox-content{padding: 20px;} .fps-item{position: relative; padding-left: 170px;} .fps-item img{width: 150px; position: absolute;left: 0; top: 0;} .fps-item h3{font-size: 20px; font-weight: bold; margin-bottom: 10px;} .blockBox-content hr{border-top: 1px solid #cccccc; margin: 20px 0;} ul.kbenefit li{float: left;width: 33.3333%; text-align: center;padding: 0 10px;} ul.kbenefit:after{content: '';display: table; clear: both;} .imgWrapper img {width: 150px; max-width: 100%;} .advtext strong{font-size: 16px;} .tablx2 { position: relative; margin-top: 20px;border: 2px solid #054c9b;border-radius: 5px;padding: 40px;} .tablx2 img{width: 70px;position: absolute; top: 50%;left: 40px; margin-top: -35px;} .tablx2 p{font-size: 16px;margin-left: 110px;} .close_btn { font-size: 18px; font-weight: bold; background-image: url(../../../hongkong/promotions/banking_channels/faster-payment-system/images/close_btn.png); background-repeat: no-repeat; background-position: 98% center; } .close_btn.open{ background-image: url(../../../hongkong/promotions/banking_channels/faster-payment-system/images/open_btn.png); } body.small-font-size .advtext strong{font-size: 14px;} body.small-font-size .close_btn { font-size: 16px; } body.large-font-size .advtext strong{font-size: 18px;} body.large-font-size .close_btn { font-size: 20px; } .blueborder { padding: 3px 50px; max-width: 100%; position: relative; border-radius: 15px; background-color: #054c9b; display: inline-block; color: #fff; border: 0; } .blueborder:hover{ color: #fff; } .blueborder:focus, .blueborder:active, .btn:focus, .btn:active .btn.focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 1)!important; } #step{display: none; padding-top: 30px;} #step h3{font-size: 20px;} h3.slogan {font-size: 18px;font-weight: bold;color: #054c9b;margin: 30px auto;} .remark { font-size: 12px; color: #666666; line-height: 120%; } .list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc { margin: 0; padding-left: 20px; } .list-decimal>li{ list-style-type: decimal; } .list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li { margin: 3px 0; position: relative; } #shareContent{margin-top: 20px; border-top: 1px solid #666; padding-top: 20px;} .shareUp span { clear: right; font-size: 16px; font-weight: bold; color: #054c9b; padding: 10px 0px; margin-right: 10px; } .shareUp a img { width: 40px; clear: right; margin-right: 8px; } .shareDown{margin-top: 15px;} .shareDown img { height: 20px; } p.warning{color: #666666;font-weight: bold;padding: 10px 0;text-align:left;} .tncClose{text-decoration: underline;color: #006BB6;font-size: 12px;} .tncClose:after { content: ''; width: 25px; height: 25px; display: block; float: right; margin-top: -4px; background-image: url(../../../hongkong/personal/images/index/icons/arrow-next.png); background-size: cover; margin-left: 10px; transform: rotate(90deg); } .tncClose.Expand:after { transform: rotate(-90deg); } #tncContent { display: none; margin-top: 15px; font-size: 12px; line-height: 1.5em; color: #666666; } p.tncList{position: relative; padding-left: 20px;} p.tncList>span{position: absolute;top:0;left: 0;} .sublist {margin-left: 20px;position: relative; padding-left: 20px;} .sublist>span{position: absolute;top:0;left: 0;} table.xtncTable2 {margin: 5px 0 5px 20px;width: calc(100% - 20px);border-bottom: solid 1px #666;} .xtncTable2 .tnchead { background-color: #666666; color: #fff; font-weight: bold; } .xtncTable2 td { text-align: center; padding: 5px; border: 1px solid #999 } ul li.sec{margin-bottom: 20px;padding-left: 180px; position: relative;} ul li.sec:before{content: ''; display: block;width: 160px; height: 120px;position: absolute; left: 0; top: 0; background-size: cover;} ul li.tip1:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip01.jpg);} ul li.tip2:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip02.jpg);} ul li.tip3:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip03.jpg);} ul li.tip4:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip04.jpg);} ul li.tip5:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip05.jpg);} ul li.tip6:before{background-image: url(../../../hongkong/promotions/banking_channels/security-tips/images/tip06.jpg);} .sec-text {background-color: #eeeeee;border-right: 10px solid #0066B3; padding: 15px; -webkit-border-radius: 5px;border-radius: 5px;min-height: 120px;} .sec-text > .title {color: #0066B3;font-size: 18px;font-weight: bold; margin-bottom: 0.5em;} /*个人银行 - 精明使用網上銀行 end******/ /*个人银行 - 貸款 - 按揭計算 start******/ .deposit_btn input,#divResult input{line-height: 0px;margin:0 30px;} .deposit_btn input.btn_blue,.deposit_btn input.btn_grey,#divResult input.btn_blue,#divResult input.btn_grey{ width: 80px;} .deposit_btn input.btn_blue,#divResult input.btn_blue{ margin:0 0 0 0px;} .deposit_btn input.btn_grey,#divResult input.btn_grey{ margin:0 0 0 24px;} .deposit_box{display: none;} .deposit_box table td,#divResult table td{padding: 5px;} .deposit_box tr .top, #divResult tr .top{ background-color: #eeeeee; color: #666;text-align: left;} .deposit_box tr .content2, #divResult tr .content2{background-color: #dbebf8;} .deposit_box h2, #divResult h2{font-size:16px;line-height: 2.0;color: #333;} .styled {border-collapse: collapse;} .styled td.grey-bg { background-color: #dbebf8;} table.styled td {border: 1px solid #ccc;padding: 8px; box-sizing: border-box;} .rate-wrap{border-collapse: collapse; margin-top: 1em; padding: 15px 0; border-top: 1px dotted #00509c; } .rate-table {border-collapse: collapse; } .rate-table th{background-color: #eeeeee;} .rate-table td,.rate-table th {text-align: center; padding: 8px; border: 1px solid #ccc;} /*个人银行 - 貸款 - 按揭計算 end******/ /*信用卡結欠還款計算機 start******/ .cc_result input.pbd_input{ margin:0 0px; width: 65px;} .cc_result td,.cc_result th{padding: 5px 12px;} .onlineRate img{width: 300px; max-width: 100%; float: right;} /*信用卡結欠還款計算機 end******/ /*个人银行 - 相片銀行卡 ***/ .kids_img li{width: 40%;float: left;padding: 16px;} /*本行資料 - 就業規劃 - 管理學員培訓計劃*/ .txtBlue2{margin-left:40px;} .txtBlue2 td{line-height: 1.5} .txtBlue2 a{color:#0066b3;cursor: help;margin-left: 10px;display: inline-block;} .txtBlue2 a:hover{color:#0066b3;text-decoration: underline} .txtBlue3 a{ color:#1693f0; font-size:14px;} .txtBlue2 img{vertical-align: top;} /*最下面的內容*/ .txtBlue{margin-left: 225px;} .txtBlue li{float: left;font-size: 12px;color:#0066b3;margin-bottom:60px;} /*藍色懸浮框的樣式*/ .popup_layer_ezpz {cursor:help;} .popup_layer_tooltipHelper {position:absolute;padding-top:10px;display:none;z-index:5000;max-width:100%;background:url('../../../hongkong/aboutus/images/career_opportunities/popup_layer-tooltip-arrow.gif') no-repeat 50% 0 ;text-align:left;color:#FFF;} .popup_layer_tooltipHelper p {background:url('../../../hongkong/aboutus/images/career_opportunities/popup_layer-tooltip-bg.jpg') 0 50% repeat-x #3d94db;padding:10px 15px;border:3px solid #d6ebfe;} .popup_layer_tooltipHelper u {display:none;} .popup_layer_tooltipHelper br {display:none;} /*本行資料 - 就業規劃 - 我們的成長歷程*/ .hrWrapper{margin-top: 16px;margin-bottom:60px;} .hrWrapper li{border-bottom:1px solid #ccc;padding:30px 20px;} .hrWrapper li p{color:#0066b3;text-align: right;padding-top:20px;line-height: 1.5em} /*本行資料 - 就業規劃 - 事業發展*/ .career{margin-bottom:60px;padding:0;} .career li{padding-right:160px;margin-top:30px;line-height: 2; background-position: right center; background-repeat: no-repeat;} .career li.li1{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_ico6_img.jpg);} .career li.li2{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_ico7_img.jpg);} .career li.li3{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_ico8_img.gif);} .career li.li4{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_rewards_ico1_img.jpg);} .career li.li5{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_rewards_ico2_img.jpg);} .career li.li6{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_rewards_ico3_img.jpg);} .career li.li7{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/section_rewards_ico4_img.jpg);} /*本行資料 -- 就業規劃 -- 申請方式*/ /*本行資料 --就業規劃 --員工關係*/ .career2{margin-bottom:60px;padding:0;} .career2 li{margin-top:30px;line-height: 2} /*貸款 -- 好現金私人貸款 -- 好現金私人分期貸款*/ .table1 td{padding-left:6px;} /*貸款 -- 好現金結餘轉賬計劃*/ /*個人銀行服務-戶口-本地證券買賣*/ /*本行資料 -- 就業規劃 -- 個人信貸中心*/ .mapList li{height:258px;margin-bottom:20px;padding-left:360px; display: table} .mapList li>div{vertical-align: middle;display: table-cell;line-height: 2;} /*信用卡 --- 建行(亞洲)銀聯雙幣信用卡*/ .credit_txt{ background: url(../../../hongkong/personal/credit_cards/images/index/banner/title-bg.png) no-repeat; width: 100%; height: 63px; color: #2C83CA; font-size: 25px; line-height: 63px; margin:30px 0 20px 0; } .credit_txt img{float: left;} .orange_sub_tit{color: #ba5c1c;font-size: 16px;line-height: 2} .service_list.card h2.mt60{margin-top:60px;} .fr_img{ background: url(../../../hongkong/personal/credit_cards/images/pui_ching/img_annualfeewaiver.jpg) repeat-x; width: 166px; height: 80px; color: #C93600; text-align: center; font-size: 18px; padding: 18px 0 0; float: right; margin-top:30px; } /*有標註的表格樣式*/ .relat{position: relative;padding-bottom:10px;} .relat span.circle{ color:#d62f2f; background: url(../../../hongkong/personal/credit_cards/images/cup/pink-circle.png) no-repeat; width: 85px; text-align: center; font-size: 10px; height: 33px; line-height: 13px; padding: 10px 0; position: absolute; /*left:183px;*/ /*bottom:-18px;*/ left: 250px; bottom: -17px; } .relat span.square{ color:#fff; background: url(../../../hongkong/personal/credit_cards/images/aia_unionpay_diamond_card/bg5.png) no-repeat; width: 74px; font-size: 10px; height: 33px; line-height: 13px; padding: 3px 0; position: absolute; margin: 0px 30px; transform: rotate(11deg); } .cell_list li{width:400px;padding:0 40px ;margin-bottom:20px;height:35px;line-height: normal;float: left} .pl_table td,.pl_table th{padding: 0 15px;} .call_now{margin-top:20px;padding-left:80px;height:55px;padding-top:20px;background: #eee url(../../../hongkong/personal/credit_cards/images/cup/hotline.png) no-repeat 30px center;} .call_now1 { margin: 20px 0; padding-left: 43px; height: 55px; padding-top: 11px; color: #fff; font-size: 15px; background: url(../../../hongkong/personal/credit_cards/images/index/icons/hotline.png) no-repeat left center; } .call_now1 span{font-size: 0.8em;} .call_now1 p { display: inline-block; margin-top:24px; margin-left: -43px; color: #333; } .call_now a{color:#333;} .call_now a:hover{color:#0066b3} .sub_list{max-width:720px;/*float: left;*/line-height: 1.5; word-break: break-word;} .sub_list img{margin-top:30px;} /*白金卡尊享優惠*/ .exck {width:960px;height:164px;margin-top:20px;} .exck a { margin-top: 110px;margin-left: 30px;} .exck a:hover { color:#fff;} .exck1 {background:url(../../../hongkong/personal/credit_cards/images/index/banner/exclusive1.jpg)} .exck2 {background:url(../../../hongkong/personal/credit_cards/images/index/banner/exclusive2.jpg)} .exck3 {background:url(../../../hongkong/personal/credit_cards/images/index/banner/exclusive3.jpg)} .exck4 {background:url(../../../hongkong/personal/credit_cards/images/index/banner/exclusive4.jpg)} /*信用卡 -- 建行亞洲培正銀聯變幣信用卡*/ .card_center{ /*background: url(../images/personal/credit_cards/pui_ching/2011_welcomegift_hkd6000.jpg) no-repeat;*/ width: 258px; text-align: center; font-size: 18px; margin-left:60px; } /*信用卡 -- tiramisu信用卡*/ .card_list{margin-bottom: 40px;} .card_list .sub_list img{margin-top:20px;} .tir_tab1,.tir_tab3{ cursor: pointer; color: #FFF !important; text-decoration: none!important; height: 14px; padding: 6px 13px 9px 30px; background-color: #af44ac; font-size: 13px; display: inline-block; border-radius: 30px; background-image: url(../../../hongkong/personal/credit_cards/images/eye_credit_card/arrow-down.png); background-repeat: no-repeat; background-position: 12px center; } .tir_tab1.active,.tir_tab3.active{background-image: url(../../../hongkong/personal/credit_cards/images/eye_credit_card/arrow-up.png);} .tir_tab1_content,.tir_tab3_content{display: none; background-color: #f1f1ff; padding: 10px; width: 400px;} .tir_tab2{height: 70px; width: 340px; cursor: pointer; background: url(../../../hongkong/personal/credit_cards/images/tiramisu/tir_tab2.png) center bottom no-repeat; } .tir_tab2.active{background: url(../../../hongkong/personal/credit_cards/images/tiramisu/tir_tab2.png) center top no-repeat;} .tir_tab2_content{margin-top: 10px;display: none;border-bottom:1px solid #ccc;} /*個人銀行 -- 下載表格*/ .downList{margin:20px 0;} .downList li{padding-left:26px;background: url(../../../hongkong/personal/images/index/icons/pdf.gif) no-repeat 5px center;margin-bottom:16px;color:#333;} .downList li a{color:#0066b3} /*如何使用手機銀行服務*/ .anchor_tit{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .anchor_tit a{color:#0066b3;cursor: pointer;font-size: 18px;} .anchor_tit a:hover{text-decoration: underline} .ach_cont{margin-bottom:40px;border-bottom:1px solid #ccc;} .ach_cont ol{margin: 0 20px;list-style: decimal;float: left} .ach_cont ol li{line-height: 2;} .ach_cont ol li.Guideli{line-height:20px;margin-bottom:10px;} .card_list .sub_list img{margin-top:20px;} /*存款利率查詢*/ .message_tag .depratesul li { width:80px; font-size:16px;} /*.tablex thead tr {color:#ffffff}*/ /*.tablex thead td {border-color:#003269; border-style:solid; border-width:1px; background-color:#003269; font-weight:bold; text-align:center; height:45px}*/ /*.tablex tbody td {border-color:#003269; border-style:solid; border-width:1px; text-align:center; height:45px}*/ .mess_box h2 span { font-size:0.9em; color:#333; font-weight:normal; margin-left:50px } h2.underlin{text-decoration: underline;color:#333;font-size:1em;font-weight: bold; margin-top: 20px;} body.small-font-size h2.underlin{font-size: 0.8em;} body.large-font-size h2.underlin{font-size: 1.2em;} /*「分分盡賞」積分計劃*/ .fun_plus_bg { width:960px; height:476px; background: url(../../../hongkong/personal/banking_channels/images/fun_plus_rewards/landing_bg.png) no-repeat 80px 0; padding-top:60px} .fun_plus_bg p { color: #003576;font-size: 30px; line-height: 40px; text-align:center} .fun_plus_bg .btnc { background: url(../../../hongkong/personal/banking_channels/images/fun_plus_rewards/landing_btn.png) no-repeat; width: 164px;height: 48px; color: #FFFFFF; font-size: 18px; line-height: 45px; margin: 0 auto; cursor: pointer; margin-top: 10px; display:block; text-align:center; } /*個人銀行 -- 下載表格*/ .downList{margin:20px 0;} .downList li{padding-left:26px;background: url(../../../hongkong/personal/images/index/icons/pdf.gif) no-repeat 5px center;margin-bottom:16px;color:#333;} .downList li a{color:#0066b3;} /*如何使用手機銀行服務*/ .anchor_tit{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } .anchor_tit a{color:#0066b3;cursor: pointer;font-size: 18px;} .anchor_tit a:hover{text-decoration: underline;} .ach_cont{margin-bottom:40px;border-bottom:1px solid #ccc;} .ach_cont ol{margin: 0 20px;list-style: decimal;float: left;} .ach_cont ol li{line-height: 2;} .ach_cont ol.discol li{list-style: disc;} .ach_cont ol.nofloat{float:none;margin-bottom:30px;} /*分行／自動櫃員機網絡*/ .atmtit1 li { padding-left:50px; background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 33px 14px; line-height:32px; } .atmtit1 li a { color:#0066b3;} /*delete*/ .tablex tbody .address1 { text-align:left; padding-left:10px;} /*信用卡 -- 银联钻石信用卡*/ .sub_list ol li{padding-left:14px;} .numList{list-style: decimal outside;margin-left:22px;} .diamond_title{ color: #243a4a; font-size: 19px; background: url(../../../hongkong/personal/credit_cards/images/aia_unionpay_diamond_card/title-bg.png) no-repeat -4px bottom; /*height: 30px;*/ margin: 60px 0 10px; padding: 0 10px 5px 40px; display: inline-block; } .mess_box .diamond_sub_tit{color: #a3475e;font-weight: normal;margin:0;line-height: 1.5em} /*信用卡 -- 八達通銀聯變幣信用卡*/ .eye_list{padding:30px 0;} .eye_list li{float: left;height:80px;line-height: 80px;margin-right:12px;color:#0066b3;font-size: 18px;font-weight: bold;text-align: center} .eye_product{margin-bottom:40px;} .eye_product>ul>li{float: left;font-size: 18px;} .eye_product .font_money{font-size: 18px;} .eye_product .font_pink{font-size: 18px;color:#eb008b;text-align: center} .eye_product ol li{margin-left:20px;list-style: disc} .numList{list-style: decimal outside;margin-left:22px;} /*信用卡 -- 建行（亞洲）Visa Infinite信用卡*/ .box .privilege { margin: 0px 10px 54px 10px;} .privilege_header { background-image: url(../../../hongkong/personal/credit_cards/images/premier_infinite_card/vi_header.png); background-repeat: repeat-x; background-position: bottom left; padding: 50px 0 5px 37px; } .privilege_header h4 { font-size: 16px; float: left; color: #134554; } .privilege_content { padding: 12px 0 20px 37px; background-image: url(../../../hongkong/personal/credit_cards/images/premier_infinite_card/vi_bg.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: -14.5px ; zoom: 1; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/personal/credit_cards/premier_infinite_card/vi_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/personal/credit_cards/premier_infinite_card/vi_bg.png', sizingMethod='scale')"; } .privilege_content .left { width: 700px; } .privilege_content ul { margin: 5px 0 0 19px; } .privilege_content ul li { list-style-image: url(../../../hongkong/personal/credit_cards/images/premier_infinite_card/dot.png); padding: 3px 0; } .privilege_content table ul { margin: 0 0 20px; } .privilege_content table ul li { list-style-image: none; padding: 3px 0; line-height: 18px; } .point { background-image: url(../../../hongkong/personal/credit_cards/images/premier_infinite_card/point_line.png); background-repeat: no-repeat; background-size: 1px 100%; background-position: 6px top; } .point_redeem { padding: 15px 20px; } .remarks { padding: 7px 0 0px; } .remarks p { line-height: 1.3em; padding: 2px 0; } .right { float: right; text-align: right; } .right img { display: block; } .left { float: left; } .insurance { margin: 10px 0; border: 1px solid #00828f; float: right; } .insurance tr th { background-color: #00828f; color: #FFF; padding: 4px; } .insurance tr td { padding: 4px 2px; } .line { border: solid #00828f; border-width: 1px 0 0; width: 100%; float: right; margin: 2px 1px; } .insurance_title, .insurance_space { min-height: 17px; font-weight: bold; } .small-txt { font-size: 10px; } /*数字的列表*/ /*delete */ /*ol.number {*/ /*list-style-type: decimal;*/ /*margin: 0 0 0 19px;*/ /*}*/ /*ol.number li {*/ /*list-style: inherit;*/ /**list-style: decimal;*/ /**margin: 0 0 0 5px;*/ /*}*/ ul.alpha { list-style-type: upper-alpha; margin: 0px 0 0 35px !important; } ul.alpha li { list-style: inherit; *list-style: upper-alpha; *list-style-image: none; padding: 0 0 7px !important; *padding: 0 0 34px; height: 45px; height: 40px\9; *height: auto; } ul.null { list-style-type: none; margin: 0 0 0 0px; } ul.null li { list-style: inherit; *list-style: none; *list-style-image: none; padding: 0; } .contact { margin: 0px 0 10px; font-size: 11px; } #tabsBox { margin: 0 0 20px 0; } .group { min-height: 45px; min-height: 40px\9; padding: 0 0 7px; } .action-left { float: left; } .action-left +.action-left { position: relative; top: 26px; color: #025f7b; right: 4px; } .action-img-A, .action-img-B { height: 108px; position: relative; } .action-img-A { top: 0px; left: 4px; } .action-img-B { top: 58px; left: -37px; margin: 0 -12px 0 0; } .logo { /* width: 132px; float: right; text-align: center;*/ padding-top: 10px; } .date { /*margin: 0px 0 10px;*/ font-size: 10px; } #tabsBox .box .bg { padding: 0 10px 10px 10px; } .eye_product ol li{margin-left:20px;list-style: disc} .numList{list-style: decimal outside;margin-left:22px;} .occ_title{ background: url(../../../hongkong/personal/credit_cards/images/octopus_unionpay_dual_currency/octopus-title-bg.png) no-repeat; width: 100%; height: 63px; color: #F78C22; font-size: 24px; line-height: 63px; margin: 20px 0; } .occ_title img{float: left;} /*投資 - 外匯孖展交易*/ table.step_up{border: 1px solid #ccc; margin-bottom:20px;} .bg_list .fxtxt2 { font-size: 16px;color: #0066b3;line-height: 24px; } .bg_list .fxtxt3 { font-size: 16px;color: #ff0000;line-height: 24px; } .fxchart1 { width:567px; height:281px; background:url(../../../hongkong/personal/investment/images/fx_margin_trading/img-fx-margin-trading-chart1.png) no-repeat; margin-top:40px;} .fxchart2 { width:567px; height:281px; background:url(../../../hongkong/personal/investment/images/fx_margin_trading/img-fx-margin-trading-chart2.png) no-repeat;margin-top:40px;} .fxbtext p{ font-size: 14px; color: #666; line-height: 2.0;} .fxchart3 { width:567px; height:281px; background:url(../../../hongkong/personal/investment/images/fx_option_investment/fx_option_investment-chart1.png) no-repeat; margin-top:40px; margin-bottom:20px} .fxchart4 { width:567px; height:281px; background:url(../../../hongkong/personal/investment/images/fx_option_investment/fx_option_investment-chart2.png) no-repeat;margin-top:40px;margin-bottom:20px} /*delete*/ .fx_bg { background:#EDF5FF; padding:10px 20px 20px; } /*到这里*/ .fx_bg .fx_list li img.img_right{ position:absolute; right: 299px; top: -5px; } .fx_bg .fx_list li img.img_right1{ position: absolute; right:158px; top:65px; } .fx_bg .fx_list li img { /*position: relative;*/ max-width: 100%; } .fx_bg .fx_list li { padding-left: 0px; margin-top: 20px; position: relative; } .fx_bg .fx_list h3 { font-size: 18px; color: #0066b3; font-weight:bold; } .fx_list .fxtxt2 { font-size: 16px; color: #0066b3; line-height: 24px; } .fx_list .fxtxt3 { font-size: 16px; color: #DB0000; line-height: 24px; } /*信用卡 X*/ .bg_list2 h3 {font-size: 18px;color: #333;line-height: 40px;} .content1x { background-color:#eeeeee; padding-left: 12px; font-weight: normal;} .xtable2 { border: 1px solid #ccc; margin-bottom:20px;text-align:center; margin:10px 40px; width:920px; text-align:left;} .bg_list2 { color:#666; padding:0px } .bg_list2 .insurance_tit { color:#0066b3; margin-top:20px; line-height:32px} .tabsBox2 ul.bg_list li{ margin-top:40px;} .tabsBox2 { padding:0px; } .ul_list li { width: 250px; float: left; } h2.titlebg { height: 70px; padding: 30px 15px 20px; color: #fff; background-size: cover; font-size: 1em; } body.large-font-size h2.titlebg{ font-size: 1.1em; } body.small-font-size h2.titlebg{ font-size: 0.8em; } .intit { margin-top:30px;} .mess_box h3.insuretipTitle { color: #C33109/*ca5111*/; display: inline-block; background: #fff; margin-top: -10px; padding: 0 10px; margin-left: -10px; } .insuretip { padding: 0 30px 30px 30px; margin-top: 40px; border: 2px solid #ff8034; border-radius: 15px; } .insuretip .text1 {margin: 20px 0px 20px 75px; color: #fff; background: #C33109; position: relative; padding: 0 15px; min-height: 75px;} .insuretip .text1 img{ position: absolute; top: -6px; right: 100%; } .tc .insuretip .text1,.sc .insuretip .text1{min-height: 40px} .register { background: #063190; padding: 10px 15px; margin: 40px 0px 40px 80px; position: relative;} .register img{ position: absolute; right: calc(100% - 5px); top: -30px; } .register p { color:#fff} .foottxt { line-height:21px} .btnApply img { float:right} /*.message_tag .loan1 { width:135px}*/ .massage_show .bluetext1 { font-size:18px; color:#0066b3; line-height:60px; } /* .massage_show img { margin-left:20px}*/ .massage_show .bluetext2 { font-size:18px; color:#0066b3; line-height:32px; } .massage_show .bluetext2 b { font-weight:bold; color:#0066b3} .mt36 span{ font-size:14px; line-height:2.0;float: right;margin-top: 36px;} .massage_show .loandl b{ font-weight:bold;} .booking { width:575px; height:248px; background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/main-area.jpg) no-repeat; position:relative } .booking a {position: absolute; top: 0; left: 1px; width: 155px; height: 234px; display: block; z-index: 1;} .flybox { width:100%;} .cloud_bg { background: url(../../../hongkong/personal/credit_cards/images/index/banner/cloud-bg.jpg) no-repeat; box-shadow: inset 0px 0px 35px 28px #FFF; background-size: cover; padding:10px; } .massage_show .flydl dt{ width:60px} .massage_show .flydl dd{ margin-left:30px} .massage_show .orangetext1 { color:#ff8a00; line-height:24px; } .flychart0 { padding:10px 60px} .flychart0 .bluetext2 { font-size: 1em; } .flychart0 p { line-height:1.5} .massage_show .orangetext2 { font-size:18px; color:#ff8a00; line-height:24px; text-align:center; font-weight: bold; } .flystep li { float:left; width:214px; margin-right:10px; margin-top:20px} .flystep img {margin-bottom: 10px;} .flystep { padding: 0 20px; background-color: #FFEBCD; height: 590px; } .flystep li p {line-height:1.5;} .massage_show .orangetext3 { font-size:18px; color:#ff8a00; line-height:24px; width:860px; height:51px; background: url(../../../hongkong/personal/credit_cards/images/index/icons/plane-title-line.png) no-repeat; padding: 30px 20px; margin:20px 20px; } .flyaw { margin:20px 0px;} .flyaw dt { width:740px; float:left } .flyaw h3 { font-size: 18px; font-weight: bold; margin: 0; background-image: url(../../../hongkong/personal/credit_cards/images/fly_away_credit_card/header_bg.png); /* height: 32px;*/ background-repeat: no-repeat; line-height: 37px; background-position: right; display: inline-block; zoom: 1; padding: 0 35px 0 0; margin: 0 0 10px; color:#0095d9 !important; } .flyaw dd { width:181px; float:left; margin-left:20px } .flyaw i { display:block; height:18px; width:19px ; } .flyaw a { color:#0066b3} .flylist1 li { padding-left:30px; background: url(../../../hongkong/personal/credit_cards/images/fly_away_credit_card/plane-dot.png) no-repeat 3px 8px; } .flylist1 .flylist2 { padding-left:50px; background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 33px 8px; } .orange { color:#ff8a00} .blue {color:#0066b3} .courtesy_tle ul li.tle4 { float:right; height: 31px; width: 160px; background: url(../../../hongkong/personal/credit_cards/images/index/icons/hka_logo.png) no-repeat left center; } .tablex thead tr {color:#ffffff} .tablex thead td {border-color:#d6d6d6; border-style:solid; border-width:1px; background-color:#0095d9; font-weight:bold; text-align:center; height:45px} .tablex tbody td {border-color:#d6d6d6; border-style:solid; border-width:1px; text-align:center; height:45px} .title1 {font-size: 18px;color: #333;line-height: 40px; height:40px;margin-top: 10px;} .bg_listd li{ padding-left: 125px; margin-top: 10px; position: relative; min-height:100px;} ul.bg_listd li img { position: absolute; left: 0px; top: 0px; } .diamond1 li { padding-left: 21px; background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 6px 13px; margin-top: 0px; line-height: 32px; min-height:32px;} .mb0 { margin-bottom:0px !important; cursor:pointer;} .diamond_con { padding-bottom:20px} .diamondprestige { background-image: url(../../../hongkong/personal/credit_cards/images/index/icons/offer_bk.jpg); background-repeat: no-repeat; background-position: bottom; padding:0px 20px; } .diamondprestige h2 { padding:20px 0;} .mb0 i { display: block; width: 25px; height: 25px; float: right; right: 0px; top: 0px; cursor: pointer; } .open11{ background-image: url(../../../hongkong/personal/credit_cards/images/index/icons/head-arrow-close.png); background-repeat: no-repeat; } .open11.on { background-image: url(../../../hongkong/personal/credit_cards/images/index/icons/head-arrow-expand.png); } .link1 { color:#0066b3} .massage_show .diamondvip { font-weight:bold; font-size:18px; text-align:center; border: #b88f45 solid 2px;padding: 10px; color:#b88f45; margin:20px} .tastie_content { margin:30px 0px;} .tastie_content dt { width:640px; float:left; margin-top:40px } .tastie_content h3 { font-size: 18px;font-weight: bold;color: #0066b3; margin: 20px 0; line-height: normal;} .tastie_content dd { width:200px; float:left; margin-left:20px } .asia_credit_ul { margin-left:35px} .asia_credit_ul li { padding-left:20px; background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 5px 10px; float:left; width:300px } .ml38 { margin-left:38px} .ml18 { margin-left:18px} .asia_credit_content { margin:0px 0px;} .asia_credit_content dt { width:820px; float:left } .asia_credit_content h3 { font-size: 18px;font-weight: bold;color: #0066b3; margin: 20px 0; line-height: normal;} .asia_credit_content dd { width:120px; float:left; margin-left:20px } .asia_credit_content a { color:#0066b3} .mess_box h2,.mess_box h3 {margin: 10px 0;} .massage_show .callForAct span { font-size:14px;} .ida_title { font-size: 20px; font-weight: bold; margin: 7px 0 10px; border-width: 0px 0px 2px; line-height: 29px; } .features { background-image: url(../../../hongkong/personal/credit_cards/images/tastie_pass_credit_card/feature_s.png); position: relative; background-position: -3px 24px; background-repeat: no-repeat; width:550px; margin:0 auto; } .gift-description ul {} .gift-description ul li { list-style-type: disc; } .title { font-weight: bold; font-size: 1.1em; } .orange { color: #E6740A/*f07c10*/; } .li-orange { color: #f69200; background-image: url(../../../hongkong/personal/credit_cards/images/tastie_pass_credit_card/title-bg_01.html); background-position: right bottom; display: inline-table; padding: 0 45px 0px 1px; height: 32px; background-repeat: no-repeat; } .li-pink { color: #1e57a7; background-image: url(../../../hongkong/personal/credit_cards/images/tastie_pass_credit_card/title-bg_02.png); background-position: right bottom; display: inline-table; padding: 0 45px 0px 1px; height: 32px; background-repeat: no-repeat; } .purple { color: #72318e; } .li-purple { color: #784095; background-image: url(../../../hongkong/personal/credit_cards/images/tastie_pass_credit_card/title-bg_03.png); background-position: right bottom; display: inline-table; padding: 0 45px 0px 1px; height: 30px; background-repeat: no-repeat; } .green { color: #067774; } .li-green { color: #07b1a5; background-image: url(../../../hongkong/personal/credit_cards/images/tastie_pass_credit_card/title-bg_04.png); background-position: right bottom; display: inline-table; padding: 0 45px 0px 1px; height: 30px; background-repeat: no-repeat; } .light-green { color: #658400; } .blue { color: #0a558a; } .price { margin: -20px 0 15px; } .description { margin: 10px 0 0; } .high-light { font-size: 17px; font-weight: bold; } .tnc-table{ border-width: 0 0 1px 1px; border-collapse: collapse; border-style: solid; border-color: #999; margin: 10px 0; } .tnc-table td{ border-width: 1px 1px 0 0; border-collapse: collapse; border-style: solid; border-color: #999; padding: 5px; } .tnc-table .head{ background-color: #E6E7E8; } @media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ie-only { position: relative; top: -18px; } } .cookies { margin: -52px 0px -21px 162px; margin: -29px 0px -26px 162px \9; } @-moz-document url-prefix() { .ie-only { position: relative; top: -24px !important; } .cookies { margin: -23px 0px -30px 162px !important; } } .massage_show .title_high-light { font-size: 18px; line-height: 30px; vertical-align: middle;} .food_btn_g { padding: 4px; background-color: #ffffff; display: inline-block; border-radius: 37px; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3); margin: 10px 0; } .food_btn { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b860a4+1,71bc00+100 */ background: #b860a4; /* Old browsers */ background: -moz-linear-gradient(top, #b860a4 1%, #82326f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b860a4 1%, #82326f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b860a4 1%, #82326f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ *filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b860a4', endColorstr='#82326f', GradientType=0); /* IE6-9 */ background-color: #b860a4; padding: 10px 17px; color: #FFF; border-radius: 32px; display: inline-block; border: 2px solid #FFF; font-weight: normal; font-size: 14px; } .food_btn:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e2d85+0,508600+100 */ background: #9e2d85; /* Old browsers */ background: -moz-linear-gradient(top, #9e2d85 0%, #631f53 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #9e2d85 0%, #631f53 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #9e2d85 0%, #631f53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ *filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9e2d85', endColorstr='#631f53', GradientType=0); /* IE6-9 */ background-color: #9e2d85; } .limited-offer-gp { padding: 3px; background-color: #d20d0d; float: right; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); margin: -56px -30px -20px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4); } .limited-offer { padding: 3px 0px; background-color: #d20d0d; color: #FFF; font-size: 13px; border: 1px solid #FFF; text-align: center; } @-moz-document url-prefix() { .central { margin: 5px 68px 1px 103px !important; } } .ida_title { } .activationul li { padding-left:30px; background: url(../../../hongkong/personal/investment/images/ico_tick.gif) no-repeat; } .diamondprestige h2 {color: #b88f45;} .loan-table-wrap{ width: 100%; overflow-x: auto; } .loan-table{ border-collapse:collapse; width: 750px; } .loan-table td, .loan-table th{ border: 1px solid #666666; padding:5px 10px; } .loan-table .blue-head{ color:#FFF; background-color:#0066B3; font-weight:bold; text-align: center; } .table1{ border-collapse:collapse; color:#666; line-height: 2; min-width: 750px; width: 100%; } .bg-blue{ background-color: #007DB8; color: #ffffff; } .hightlight-box{ border-left: 5px solid #027F2D; padding: 0 12px ; font-size: 18px; color: #027F2D; display: inline-block; line-height: 18px; } body.large-font-size .hightlight-box{ font-size: 20px; } body.small-font-size .hightlight-box{ font-size: 16px; } .inline-icon{ width: 50px; height: auto; vertical-align: middle; display: inline-block; padding-right: 10px } .featureLarge{ font-size: 24px; color: #027F2D; line-height: 100% } body.large-font-size .featureLarge{ font-size: 26px; } body.small-font-size .featureLarge{ font-size: 22px; } /*如果全是同样的样式的列表项，就直接用ul>li的结构的样式*/ .ul_icon1 li{background: url(../../../hongkong/personal/investment/images/ico_tick.gif) no-repeat 3px 6px;padding-left: 29px;line-height: 2} /*投資 -- 建證在線手機客戶端*/ .download_box{margin-left:30px;position: relative} .download_box p{margin: 10px 0 18px 0;} /*投資 -- 投資資源中心 -- 認識金融衍生工具*/ .deriv_list{margin:20px 0;} .deriv_list td{line-height: 2;padding:0 3px;} .deriv_list td a{display: inline-block;color:#0066b3} /*貨幣轉存 .table-case-info*/ .table-case-bg {background:#E3EFFD;width:100%; padding: 10px 12px; margin-top: 10px;} .table-case-brief {width:936px;} .table-case-brief tr{height:33px;} .table-case-brief td.title {font-size:17px;font-weight:bold;} h3.titleImg{position: relative;padding: 15px 80px 15px 0;} h3.titleImg.trading{padding-right: 160px;} h3.titleImg img {position: absolute;top: 50%;right: 0;margin-top: -20px;} .table-case-list {font-weight:normal;} .table-case-list li{list-style-type:disc;margin-left:20px;line-height:1.5em;padding:5px 0px;} .table-case-bg h2 { color: #0066B3; font-size: 18px; } .red, .mess_box h3.red { color: #D62F2E!important; } .table-case-brief h2 span{font-size: 18px;} .step_up_wrap { width: 100%; overflow-x: auto; } .onlineBankingPromo_table{width: 100%;} .step_up_wrap table.step_up{margin-top: 0; width: 100%; min-width: 800px;} .step_up_wrap table.step_up0{ width: 100%; min-width: 700px;} .step_up_wrap table.step_up3{min-width: 800px;} .step_up_wrap table.noBorder, .step_up_wrap table.cc_result {width: 100%; min-width: 700px;} table.borderGrayTb.step_up.form.mt20 {width: 622px;min-width: 622px;} /*家居財物保險*/ /*.service_list .mess_box table.step_up td{vertical-align: middle; background: #FFF;}*/ /*信用卡會員指引 (銀聯雙幣信用卡)*/ /*.borderGrayTb td{padding: 5px 0px;}*/ /*p.tle1 { background-position:left 6px;}*/ .remarktxt { margin: 20px 0px; color:#666} .remarktxt>span { color: #333;font-size: 14px !important;line-height: 2; font-weight: bold;} body.large-font-size .remarktxt>span{font-size: 16px!important;} body.small-font-size .remarktxt>span{font-size: 12px!important;} .pSymbol {position: relative; padding-left: 20px;} span.symbol {position: absolute;left: 0;top: 0;} /*.important_section { margin:0px}*/ .bg_list .list_tle { font-size: 16px; color: #333;line-height: 16px; margin-bottom: 10px; height: 20px;} /*.bg_list p {height: 32px; line-height: 32px;}*/ /*.mt20 { margin-top:20px !important}*/ .ser_list p { line-height: 32px;} .ser_list li { line-height: 32px;padding-bottom:0px} .ser_list a { color:#0066b3} .important_section .remarktxt{margin: 5px 0px; } .ccbblue {color:#0066b3;} .skid { margin:20px 30px;} .skid li { margin-right:30px } .skid li a { display:block; width:223px; height:50px} .ulskid li a{width:274px;} .uploadphoto {background:url(../../../hongkong/personal/accounts/images/kids_savings/kids_saving_upload_icon.jpg) no-repeat;} .enphoto {background:url(../../../hongkong/personal/accounts/images/kids_savings/kids_saving_enquiry_photo.jpg) no-repeat;} .trphoto {background:url(../../../hongkong/personal/accounts/images/kids_savings/kids_saving_trial_photo.jpg) no-repeat;} .tc .uploadphoto {background:url(../../../hongkong_tc/personal/accounts/images//kids_savings/kids_saving_upload_icon.jpg) no-repeat;} .tc .enphoto {background:url(../../../hongkong_tc/personal/accounts/images/kids_savings/kids_saving_enquiry_photo.jpg) no-repeat;} .tc .trphoto {background:url(../../../hongkong_tc/personal/accounts/images/kids_savings/kids_saving_trial_photo.jpg) no-repeat;} .sc .uploadphoto {background:url(../../../hongkong_sc/personal/accounts/images/kids_savings/kids_saving_upload_icon.jpg) no-repeat;} .sc .enphoto {background:url(../../../hongkong_sc/personal/accounts/images/kids_savings/kids_saving_enquiry_photo.jpg) no-repeat;} .sc .trphoto {background:url(../../../hongkong_sc/personal/accounts/images/kids_savings/kids_saving_trial_photo.jpg) no-repeat;} .massage_show .bold1 {font-size: 14px; font-weight: bold; vertical-align: middle;} .depratesul li { padding: 0px} /*私人銀行服務*/ .priv_ser li .li1{background-image: url(../../../hongkong/private/images/thumbnail/services1.png);} .priv_ser li .li2{background-image: url(../../../hongkong/private/images/thumbnail/services2.png);} .priv_ser li .li3{background-image: url(../../../hongkong/private/images/thumbnail/services3.png);} .priv_ser li .li4{background-image: url(../../../hongkong/private/images/thumbnail/services4.png);} body.large-font-size .priv_ser li a{ height: 180px; } /*表单-输入框 START*/ .pbd_input{ width:280px; height:30px; line-height:30px; text-indent: 5px; border:1px #0066B3 solid; } .jiage{padding-right:8px;} .pbd_input_text{ width:130px; height:20px; line-height:20px; padding:4px 9px; border:1px #0066B3 solid; } .pbd_input_btn{ position:absolute; right:16px; top:142px; text-align: center; height:28px; line-height:28px; overflow:hidden; color:#0066B3; width:28px; background:#DBEBF8; } /*.deposit_btn { margin-left:184px; margin-top:20px; margin-bottom:20px;}*/ .pbd_select{ width:300px; height:32px; line-height:20px; padding:4px 9px; border:1px #0066B3 solid; } .example { background-color: #f3f3f3; padding: 1px 20px 10px; margin-bottom: 10px; } .ml30 { margin-left:30px} .list_tle .fx_option { font-size:16px; vertical-align: inherit;} .tabsBox dl { margin-bottom: 20px;} p.tel3 { background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat left 10px; padding-left: 16px; color: #666; } /*信用卡列表*/ /*!*.ins .item_show [class*="li"]{height: 215px;}*!20171229 jww注释*/ .item_show.scroll_li li.item_li>div{ margin: 25px 14px 10px 20px;} .item_show .iceTit.w221{width: 221px;} /*戶口 -- 出糧增值服務*/ .btn_eg{ cursor: pointer; margin-top: 20px; padding-top: 6px; color: #006bb6; font-size: 16px; height: 32px; padding-left: 32px; width: 928px; display: block; text-align: left; background:#f7f7f7 url(../../../hongkong/personal/accounts/images/consolidated/btn-showhideeg.jpg) 0 0 no-repeat; } .btn_eg.active{background-position: 0 -45px;} .content_eg{display:none;background: #f7f7f7;text-align: center} .content_eg li{ color: #666666; font-size: 16px; padding-top: 5px; padding-bottom: 5px; } /*人壽保險*/ .product_type { width: 83px; } .product_text { width: 245px; } /*人民幣列表*/ .row1>.cell2 { /*width:64px;*/ line-height: 28px;} /*自動櫃員機*/ .mess_box .list td{line-height: 28px;} .mess_show .list td b{color: #333; font-size: 16px;} .mess_show .list td{color: #666; padding-top:20px;line-height: 28px;} /*尊享禮遇*/ .exclu .item_show .li1 { background: url(../../../hongkong/crossborder_services/images/applepay_landing_banner.png) no-repeat 160px center; } .exclu .item_show .li2 { background: url(../../../hongkong/crossborder_services/images/landing_banner_bonus_point.png) no-repeat 160px center; } .exclu .item_show .li3 { background: url(../../../hongkong/crossborder_services/images/instant_travelclub_landing_banner.png) no-repeat 160px center; } .exclu .item_show .li4 { background: url(../../../hongkong/crossborder_services/images/premium_free_plan.png) no-repeat 160px center; } .exclu .item_show .li5 { background: url(../../../hongkong/crossborder_services/images/landing_banner_installment_plan.png) no-repeat 160px center; } .exclu .item_show .li6 { background: url(../../../hongkong/crossborder_services/images/landing_banner_installment_loan.png) no-repeat 160px center; } .exclu .item_show .li7 { background: url(../../../hongkong/crossborder_services/images/landing_banner_concert.png) no-repeat 160px center; } .exclu .item_show .li8 { background: url(../../../hongkong/crossborder_services/images/landing_banner_aavs.png) no-repeat 160px center; } .exclu .item_show .li9 { background: url(../../../hongkong/crossborder_services/images/landing_banner_masterpass.png) no-repeat 160px center; } .exclu .item_show .li10 { background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/e-statement.jpg) no-repeat 160px center; } /*个人银行-投资-证券买卖*/ .setrc .item_show .li1{ background: url(../../../hongkong/personal/investment/images/securities_trading/landing_banner1.png) no-repeat 160px center;} .setrc .item_show .li2{ background: url(../../../hongkong/personal/investment/images/securities_trading/landing_banner2.png) no-repeat 160px center;} /*.setrc .item_show .li2{ background: url(../images/personal/investments/landing_banner2.png) no-repeat 160px center;}*/ .setrc .item_show .li3{ background: url(../../../hongkong/personal/investment/images/securities_trading/landing_banner3.png) no-repeat 160px center;} .setrc .item_show .li4{ background: url(../../../hongkong/personal/investment/images/securities_trading/landing_banner4.png) no-repeat 160px center;} /*个人银行-投资-外匯投資服務*/ .serves .item_show .li1{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_1.png);} .serves .item_show .li2{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_2.png);} .serves .item_show .li3{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_3.png);} .serves .item_show .li4{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_4.png);} .serves .item_show .li5{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_5.png);} .serves .item_show .li6{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_6.png);} .serves .item_show .li7{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_7.png);} .serves .item_show .li8{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_8.jpg);} .serves .item_show .li9{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_9.jpg);} .serves .item_show .li10{ background-image: url(../../../hongkong/personal/investment/images/fx_investment_service/landing_banner_10.jpg);} /*个人银行-投资-非香港居民之人民幣服務*/ .exlon .item_show .li1{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing8.jpg) no-repeat 160px center;} .exlon .item_show .li2{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing10.jpg) no-repeat 160px center;} .exlon .item_show .li3{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing9.jpg) no-repeat 160px center;} .exlon .item_show .li4{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing14.jpg) no-repeat 160px center;} .exlon .item_show .li5{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing11.jpg) no-repeat 160px center;} .exlon .item_show .li6{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing15.jpg) no-repeat 160px center;} .exlon .item_show .li7{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing12.jpg) no-repeat 160px center;} .exlon .item_show .li8{ background: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing13.jpg) no-repeat 160px center;} /*个人银行-電子銀行-保安提示*/ .online .item_show .li1{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner1.jpg) no-repeat 160px center;} .online .item_show .li2{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner2.jpg) no-repeat 160px center;} .online .item_show .li3{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner3.jpg) no-repeat 160px center;} .online .item_show .li4{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner4.jpg) no-repeat 160px center;} .online .item_show .li5{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner5.jpg) no-repeat 160px center;} .online .item_show .li6{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner6.jpg) no-repeat 160px center;} .online .item_show .li7{ background: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing_banner7.jpg) no-repeat 160px center;} /*啓動自動櫃員機海外交易功能*/ @media only screen and (max-width:768px) { .online .item_show .li1, .online .item_show .li2, .online .item_show .li3, .online .item_show .li4, .online .item_show .li5, .online .item_show .li6, .online .item_show .li7 { background-size: 125px!important; } } .atm_img li p { margin-top:20px} .atm_img li img { margin-top:20px} .Electronic_img2 img { margin:0 auto;} .Electronic_img2 {padding-left: 100px; position: relative;} .Electronic_img2 a { padding: 0; width: 300px; margin-left: 229px; } /*fly_away*/ .threeXtenX { margin: 0 0 10px; } .threeX { color: #008ED0; font-size: 16px; font-weight: bold; line-height: 24px; } .spend_td { border: solid #D6D6D6; border-width: 1px 0; background-color: #FFF; } .three_ten { border: solid #D6D6D6; border-width: 0 0 1px; background-size: 100% 100%; background-color: #FFF; background-repeat: no-repeat; } .three-circle { background-color: #008ED0; color: #FFF; padding: 0px 7px; border-radius: 30px; display: inline-block; } .ten-circle { background-color: #F7931D; color: #FFF; padding: 0px 7px; border-radius: 30px; display: inline-block; } .tenX { color: #F7931D; font-size: 16px; font-weight: bold; margin: 0 0 10px; line-height: 24px; } /*建行(亞洲)銀聯雙幣(提款)卡*/ /*delete by chenyi*/ /*p.smalltxt,table.smalltxt-table td, table.smalltxt-table th{line-height: 28px;}*/ /*table.smalltxt-table td img,table.list td img,table.list_faq td img{margin-top: 5px;}*/ /*常見問題-自動櫃員機、建行（亞洲）戶口綁定服務*/ /*delete*/ table.list_faq th,table.list_faq td{color: #333; line-height: 28px; padding-top: 20px;} table.list_faq td strong,table.list_faq td b{font-size: 16px; font-weight: 600;} table.list_faq table th,table.list_faq table td{padding-top: 0px;} .tokenStepBox { width: 555px; height: 465px; float: left; } .scroll_x .token_box .token_lis { width: 90000px; position: relative; } div.token_div .token_box { float: left; position: absolute; left: 75px; overflow: hidden; width: 555px; } div.token_div{width: 721px;} .scroll_x.token_div a.abtn{height: 510px;} /*建行(亞洲) Visa Infinite 信用卡*/ .privilege_header h4 { font-size: 16px !important; float: left; color: #134554 !important; } /*分期計劃*/ p.tle11 { background-position: left 2px; } /*新聞*/ /*.news_list2 li{ font-size:1.143em;*/ /*float: left;*/ /*width: 440px;*/ /*margin-right: 20px;*/ /*margin-bottom: 20px;*/ /*padding-left: 20px;*/ /*background: url(../images/common/btn_dot_blue.gif) no-repeat 5px 10px;}*/ /*.news_list2 li a{ color:#333}*/ /*.news_list2 li a:hover{ color:#0066b3}*/ /*h2*/ /*免息分期付款计划*/ h5.mil_rewards_title{ display: block; text-align: left; font-size: 18px; color: #0066b3; line-height: 24px; padding-left:50px; margin:20px 0 8px; font-weight: normal; border: none; background-repeat: no-repeat; background-position:15px center; } h5.title_01{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_01.gif);} h5.title_02{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_02.gif);} h5.title_03{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_03.gif);} h5.title_04{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_04.gif);} h5.title_05{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_05.gif);} h5.title_06{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_06.gif);} h5.title_07{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_07.gif);} h5.title_08{background-image: url(../../../hongkong/personal/credit_cards/images/mil_rewards_program/ico_08.gif);} /*信用卡分期計劃*/ .bigFont{font-size:16px;} .formTable td{line-height: 28px;} /*「港股直通」交易軟件*/ .h180{height: 180px;} /*資本投資者入境計劃 (適用於訪港內地居民)*/ .w30{width: 30%;} .w70{width: 70%;} /*手機應用程式*/ .mess dt { font-size: 16px; font-weight: 600; color: #0066b3; } .mess dd { background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 10px center; text-indent: 25px; margin-bottom: 10px; } /**************add at 2018/1/13****************/ .mess_box .list{margin-bottom:20px;} /*環球投資視野*/ .fRight{float: right;} .w466{width: 466px;} .video-top{ padding-top: 55px; width: 100%; min-height: 425px; overflow: hidden; position: relative; /*background-position: 50%; background-size: cover;*/ background: #0066B3; } .video-top .w960{ position: relative; } .listTab{ margin-bottom: 20px; } div.video-image { float: left; width: 520px; height: 294px; border:2px solid #fff; margin-right: 16px; } .videoRight{width: 300px;} .list_view_change { width: 194px; height: 30px; border: 1px solid #fff; display: inline-block; text-align: center; } .list_view_change a { float: left; width: 50%; height: 28px; display: inline-block; font-size: 12px; background: #0364b3; color: #fff; line-height: 15px; } .list_view_change a.on { background: #fff; color: #0364b3; } ul.icon_left_sm { margin-left: -9px;} ul.icon_left_sm.leftMargin { margin-left: 19px;} p.wTitle{font-size: 20px; color: #fff; word-wrap:break-word; word-break:break-all;width: 258px; line-height: 1.15;} #video-gallery.scroll-pane { /*filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2;*/ background: none; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; height: 190px; white-space: nowrap; margin-right: 0px; margin-top: 12px; } #video-gallery .scroll-content{ width: 620px; height:150px; } #video-gallery a{float: left;} a.sharefacebook-icon { } a.sendtofriend-icon{ } a.sendtofriend-icon em{ width: 27px; height: 26px; padding-right: 6px; background: url(../../../hongkong/personal/investment/images/portal/wealth_commentary/btn-mailIcon.png) top no-repeat; vertical-align: middle; display: inline-block; } a.sharefacebook-icon em{ width: 27px; height: 26px; padding-right: 6px; background: url(../../../hongkong/personal/investment/images/portal/wealth_commentary/btn-fbIcon.png) top no-repeat; vertical-align: middle; display: inline-block; } a.sharefacebook-icon:hover em, a.sendtofriend-icon:hover em{background-position: bottom;} div.thumbnail-box { border: 4px solid #fff; width: 144px; height: 92px; margin-right: 12px; } div.thumbnail-box img{width: 136px;height: 84px;} .rltpostioin { position: relative; } .InvtopBanner{border:1px solid #ccc;margin-bottom:40px; padding: 18px; position: relative;} .InvtopBanner img{width: 100%; overflow: hidden;} .InvtopBanner p{margin-top: 15px; line-height: 1.5;} .InvtopBanner .btn_blue,.btn_blue.btn_fix{position:absolute; right:18px; bottom: 18px;} p.bottom18{color: #666;} .global_li{float: left;} .global_li .iTitle{ margin-bottom: 3px; height: 50px;} .global_li .iTitle img{ height:40px; width: 40px; margin: 0 10px; } .global_li .iTitle p{ font-size: 18px; display: inline-block; margin: 9px 0;} .global_li .invest_box1{position: relative; width: 442px; height: 130px; padding: 15px;} .global_li .invest_box2{position: relative; width: 442px; height: 150px; border: 1px solid #cccccc; padding: 15px;} .global_li .btn_blue{ position: absolute; right: 15px; bottom: 15px;} .global_li .invest_box2 .btn_blue{ position: absolute; left: 15px; bottom: 15px; width: 56px;} .global_li .invest_box span{ display:inline-block; width: 105px; margin-top: 6px; height: 32px; } p.invclaim{ position:absolute; bottom:55px;} p.invclaim1{ position:absolute; bottom:15px;} .invest_image_box{ position: absolute; right: 15px; bottom: 15px; height: 120px; width: 310px; } .invest_image_box1{ position: absolute; right: 15px; bottom: 0px; height: 170px; width: 290px; } a#seminar_tab{cursor: pointer;} .mess_tit_tle1{ display: block; color: #333; float: left; padding-right: 12px; border-left: 10px solid #ccc; padding-left: 12px; border-bottom: 2px solid #eee; } .mess_tit1{ height: 50px; overflow: hidden; font-size: 30px; line-height: 30px; border-bottom: 2px solid #eee; } /*delete*/ .line_box ul li span.pL18{ padding-left:18px; text-align: left;} /*橫向滾動條--環球投資視野*/ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; -moz-border-top-right-radius: 3px; behavior: url(../../../not-found.html); position: relative; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; behavior: url(../../../not-found.html); position: relative; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; behavior: url(../../../not-found.html); position: relative; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; behavior: url(../../../not-found.html); position: relative; } .ui-widget-content { width: 300px; height: 8px; background: #bbbbbb; position: relative; } .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-slider-range { } .ui-slider .ui-slider-handle{ position: absolute; z-index: 2; } .ui-widget-header,.ui-slider-handle.ui-state-default.ui-corner-all { background: #fff; height: 8px; } .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; } .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; } div.bg-caption { /*background: url("../images/personal/investments/portal/wealth_commentary/bg-videoCaption.png") repeat;*/ position: absolute; width: 144px; /*height: 50px;*/ overflow: hidden; white-space: normal; display: block; } div.video-caption { font-size: 12px; line-height: 1.2; color: #fff; padding: 5px; width: 135px; height: 45px; } /*環球投資視野-免責條款/風險聲明彈窗*/ a:hover{text-decoration: none;} .ccb_mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: url("../../../hongkong/personal/investment/images/portal/wealth_commentary/bg_black_5.png") repeat; } .more_deal { position: absolute; left: 50%; top: 50%; width: 960px; height: auto; margin-top: -290px; margin-left: -480px; background: #fff; } .more_deal .top_title{ height: 48px; line-height: 48px; width: 100%; background: #0066b3; } .more_deal .top_title .title_span{ padding-left: 25px; font-size: 18px; color: #fff; } .more_deal .top_title .btn_close{ display: block; float: right; width: 14px; height: 14px; margin-top: 17px; margin-right: 12px; /*background: url(../data/images/btn_close_ico.jpg) no-repeat;*/ cursor: pointer; } .deal_title{ position: relative; padding-right: 10px; width: 950px; height: 56px; line-height: 56px; color: #0066b3; font-size: 18px; border-bottom: 1px solid #cccccc; } .ico_span{ line-height: 15px; position: absolute; top: 22px; padding-left: 20px; font-size: 14px; cursor: pointer; color: #0066b3; } .print_span{ right: 180px; /*background: url(../data/images/print-ico.png) no-repeat;*/ } .download_span{ right: 110px; /*background: url(../data/images/download-ico.png) no-repeat;*/ } .unfold_span{ right: 40px; /*background: url(../data/images/unfold_ico.png) no-repeat;*/ } .more_deal .item{ width: 100%; height: 337px; padding: 10px 20px; } .more_deal .item p{ font-size: 14px; line-height: 25px; color: #333; } .more_deal .item p.p_title{ line-height: 40px; color: #0066b3; } .more_deal .more_bottom_p{ margin-top: 3px; height: 52px; width: 100%; background: #eeeeee; } .more_deal .more_bottom_p .btn_confirm,.more_deal .more_bottom_p .btn_cancel{float: right;} .more_deal .more_bottom_p .btn_confirm{ margin-right: 24px; margin-top: 11px; cursor: pointer; } .more_deal .more_bottom_p .btn_cancel{ margin-right: 24px; margin-top: 11px; cursor: pointer; } .pbd_table_form_tip { width: 918px; height: 30px; line-height: 30px; padding-left: 20px; margin: 0 auto; font-size: 14px; color: #333; margin-left: 25px; margin-top: 10px; margin-bottom: 5px; /*background: url(../data/images/icon_16_arrow_r_blue.png) left 7px no-repeat;*/ } #list { width: 918px; margin: 0 auto; border: 1px solid #ccc; border-bottom: none; } #list li { border-bottom: 1px solid #ccc; background: #fff; transition: background 0.4s ease 0s; height: 30px; line-height: 30px; cursor: pointer; color: #0066b3; font-size: 14px; } #list li a {color: #0066b3;} #list li:hover, #list li.on {background: #DBEBF8;} #list li.on span {background: #333;} #list li.on a {color: #333;} #list li span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #0F6FB8; margin: 0 10px; } .deal_title.two_deal_title{ margin-top: 10px; position: relative; width: 908px; margin-left: 20px; height: 56px; line-height: 56px; color: #0066b3; font-size: 18px; border: 1px solid #cccccc; border-bottom: none; margin-bottom: -10px; } /*.item.more_item{width: 920px;padding-left: 15px;}*/ .slimScrollDiv {margin: 0 auto;left: 0px; position: relative; overflow: hidden;} .scroll_box_pop{overflow: hidden;} #video video{width: 100%; height: 290px;} .video-item{position:relative; padding:15px;border: 1px solid #EBEBEB;margin: 20px 0; background: #FAFAFA; cursor: pointer;} .video-item:after{content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: inline-block; width: 10px; height: 10px; position: absolute; top: 20px; right: 20px; border-color: #0060B0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);} .video-item.active{background: #fff;} .video-item.active:after{border-color: #999;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .video-item-title {position: relative;padding-left: 25px;color: #0060B0;} .video-item.active .video-item-title{font-weight: bold; color: #222;} .video-item.active .video-item-title span.lightGrey{font-weight: normal;} .video-item-title span.number {position: absolute;left: 0;top: 0;} .video-item-content{display: none;} .video-item.active .video-item-content{display: block;} .video-item a.link{padding: 0; margin: 15px 0 15px 20px; display: inline-block;} .latest_video{ height:100px; margin-bottom: 40px;} .latest_video a{float:left;} #columnist_capital_weekly,#columnist_capital_weekly1{height: 152px; width: 442px; } #columnist_capital_weekly.ban_new_r,#columnist_capital_weekly1.ban_new_r{overflow-y: scroll; overflow-x: hidden;} /*弹窗公用部分*/ .hide { display: none; } .layer_fixed { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; left: 0; top: 0; z-index: 9999; } .win_place { left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); position: fixed; z-index: 10000; background: #fff; } .win_title { background: #0066b3; height: 48px; line-height: 48px; color: #fff; font-size: 18px; padding: 0 24px; } .win_title b.s_close { display: inline-block; background-size: 24px; width: 24px; height: 100%; line-height: 0; font-size: 0; overflow: hidden; cursor: pointer; float: right; background: url(../../../hongkong/personal/images/index/icons/close_ico.png) no-repeat center; } .win_title span { display: inline-block; } .win_box { padding: 20px 24px; background-color: #FFF; min-height: 50px; min-width: 312px; } .w480 .win_box>p{ margin: 0 6px; padding-left:80px; } .fs_14 { font-size: 14px !important; } .fs_16 { font-size: 16px !important; font-weight: bold; } .fs_18 { font-size: 18px !important; } .win_footer { height: 52px; background-color: #eee; clear: both; } .win_footer_div { padding: 10px 24px; float: right; } .aberrant{ background:url(../../../hongkong/personal/images/index/icons/warning.png) no-repeat; background-size:60px; line-height:60px; height: 64px; } /*layer1 弹窗结束*/ /*氣泡 start*/ i.fa_faicon_Message{ width: 20px; height: 20px; margin-left: 3px; display: inline-block; background: url("../../../hongkong/personal/images/index/icons/icon_i.jpg") center no-repeat; cursor: pointer; position: relative; top: 5px; } .ts_this_Message { position: absolute; width: 250px; border: 1px solid #0ca6f3; border-radius: 4px; line-height: 20px; padding: 10px; font-size: 14px; color: #333; font-style: normal; z-index: 5; top: 27px; left: -125px; background: #fbfdfe; display: none; font-weight: normal; z-index: 999; } i.fa_faicon_Message .arrow_up { position: absolute; padding: 0 30px; top: -9px; left: 95px; width: 15px; height: 9px; background: url("../../../hongkong/personal/insurance/images/mEssageTipup.png") no-repeat 30px; } i.fa_faicon_Message:hover .ts_this_Message{ display: block; } /*氣泡 end*/ /*调整0205 start*/ .callForAct2 {background: url("../../../hongkong/personal/images/index/icons/action-bg2.jpg") no-repeat;} table.step_upx td{ line-height:1.2;padding: 6px 12px;} .cintactx dl dd { margin-bottom:20px} .cintactx dl dt { margin-bottom:20px} /*信用卡 -建行(亞洲)八達通銀聯雙幣信用卡 查看詳情*/ .card_detail{ color: #FFF !important; text-decoration: none!important; height: 14px; padding: 6px 13px 9px 30px; background-color: #af44ac; font-size: 13px; display: inline-block; border-radius: 30px; background-image: url(../../../hongkong/personal/credit_cards/images/eye_credit_card/arrow-down.png); background-repeat: no-repeat; background-position: 12px center; } .tabsBox p.sellcur{ font-size:16px; margin-left:68px; } .ticketCall{ width: 315px; display: inline-block; } .ticketDesc{ width: 530px; display: inline-block; } .borderBox { border: 1px solid #666666; padding: 10px; } .xtncTable{ border:1px solid #666666; padding:10px; border-collapse: collapse; } .xtncTable td { text-align: left; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 0.5em; } /*綜合理財*/ .consolidate .item_show .li1 { background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing7.png); } .consolidate .item_show .li2 { background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing8.png); } .consolidate .item_show .li3 { background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing9.png); } .consolidate .item_show .li4 { background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing10.png); } .bg_list .blueBold{ color: #003576; font-weight: bold; } #docFrame{ display: none; width: 770px; max-width: 100%; height: 561px; position: absolute; left: 50%; margin-left: -385px; top: 20%; margin-top: 0; background-color: #fff; z-index: 1000; } .terms { display: inline-block; } .sysRequireTxt { text-align: left; font-size: 0.85em; } /* =========== 1024 ========== */ @media (max-width: 1023px){ .inner_box ul>li{ width:calc(50% - 6px);} .inner_box ul>li:nth-child(3n){margin-right:12px;} .inner_box ul>li:nth-child(2n){margin-right:0;} .topBanner{ /*border: 1px solid #ebebeb; padding-top: 80px; max-height: 128px; margin-bottom: 200px;*/ border: 1px solid #ebebeb; /*height: 128px; */ position: static; /*background-size: 100%; background-size: auto 128px;*/ background-size: auto; background-repeat: no-repeat; background-position: right 0; /*-56px*/ min-height: auto!important; margin: 0; padding-top: 96px; } .topBanner.tall{ border: none; padding-top: 270px; margin-bottom: 110px; height: 270px; background-size: cover; } .topBanner.tall .whitePlate{ border: none; margin-top: 0; } .topBanner.tall .inner{ background: #fafafa; padding-top: 0px; } .topBanner h2 { font-size: 16px; top: 40px; line-height: 1.5em; } .topBanner .pTop45{ top: 40px; } body.large-font-size .topBanner h2{font-size: 18px;} body.small-font-size .topBanner h2{font-size: 14px;} .whitePlate { background: #fafafa; padding: 15px 20px; display: block; position: static; line-height: 1.4; width: calc(100% + 2px); font-weight: bold; color: #C75300; border: solid 1px #ebebeb; min-height: auto; margin-top: 126px; margin-left: -1px; margin-bottom: 0; } .topBanner h2.ttlPlate { background: #fafafa; padding: 15px 20px; display: block; position: static; line-height: 1.4; width: calc(100% + 2px); font-weight: bold; color: #C75300; border: solid 1px #ebebeb; min-height: 0; margin-top: 126px!important; margin-left: -1px; margin-bottom: 0; max-width: calc(100% + 2px); box-sizing: border-box; } .topBanner h1.ttlPlate { padding: 15px 0; display: block; margin: 0 0 0 0; position: relative; left: 0; line-height: 1.4; width: 100%; font-weight: bold; color: #003576; } .video-top {padding-top: 0px; padding-bottom: 30px;} div.video-image {float: none; position: relative; left: 50%; margin: 20px 0 20px -237px; border: none;} div.video-image img {border: 2px solid #fff; max-width: 100%;} .listTab {position: relative; top: auto; right: auto;} .list_view_change { width: 100%; height: 42px; border: none; display: table; margin-left: 0px;} .list_view_change a {height: 42px; float: none; display: table-cell; vertical-align: middle; border-bottom: 2px solid #EBEBEB; font-size: 14px; background: #fff; color: #222; line-height: 1.3; } .list_view_change a.on { border-bottom: 2px solid #0060B0; } .videoRight{float: none; width: 100%;} .ui-widget-content{width: 100%;} a.sharefacebook-icon { float: none;} a.sendtofriend-icon{ float: none; margin-left: 0;} .more_deal { width: 720px; margin-left: -360px; } #video-gallery.scroll-pane {background: none;padding: 0; border: none; height: 173px;} .scroll-bar-wrap .ui-widget-content{ width: 100%;} #video-gallery .scroll-content { height: 165px;} div.bg-caption { background: none; height: auto; margin-top: 0; display: block;} div.video-caption {padding: 0; height: auto; line-height: 1.2; margin-top: 10px;} .qr_code {position: relative; left: auto; top: auto;} .callForAct { height: 200px; background: #efefef url(../../../hongkong/personal/images/index/icons/action-bg.jpg) no-repeat; padding-left: 125px; /*110px*/ margin-top: 20px; } .tc .callForAct { height: 200px; background: #efefef url(../../../hongkong_tc/personal/images/index/icons/action-bg.jpg) no-repeat; padding-left: 125px; /*110px*/ margin-top: 20px; } .sc .callForAct { height: 200px; background: #efefef url(../../../hongkong_sc/personal/images/index/icons/action-bg.jpg) no-repeat; padding-left: 125px; /*110px*/ margin-top: 20px; } .callForA {background: #efefef url(../../../hongkong/personal/images/index/icons/action-bg1.jpg) no-repeat;} .tc .callForA {background: #efefef url(../../../hongkong_tc/personal/images/index/icons/action-bg1.jpg) no-repeat;} .sc .callForA {background: #efefef url(../../../hongkong_sc/personal/images/index/icons/action-bg1.jpg) no-repeat;} .callForAct.callForShort{height: 100px;} .callForAct div, .callForAct > a{ display: block; width: 50%; padding: 20px 0 20px 60px; } body.sc.large-font-size .callForAct div, body.sc.large-font-size .callForAct > a, body.tc.large-font-size .callForAct div, body.tc.large-font-size .callForAct > a { padding: 22px 0 22px 60px; } .callForAct4.callForAct{ height: 270px; } .callForAct4.callForAct div, .callForAct4.callForAct > a{ width: 100%; } .callForAct4.callForAct .act_app{padding-left: 60px;} .fx_bg .fx_list li img.img_right1{position: relative; right: auto; top:auto;} .sliderWrap{padding: 0 20px;} .bxslider-caption { width: 390px; margin-left: -190px; font-size: 14px; padding: 0px 10px; } body.small-font-size .bxslider-caption {font-size: 12px;} body.large-font-size .bxslider-caption {font-size: 13px;} .integral-left { width: 100%; float: none; } .integral-bg{display: none;} .integral-right { width: 100%; float: none; } .guide_nav{ float: none; margin: 0px; width: auto; border-top: none; } .guide_nav ul li{ display: inline-block; } .list_content { width: 100%; float: none; margin-top: 20px; } .list_content ul>li:first-child{ border-top: none; } .list_content ul>li a{ display: block; width: 100%; } .recruitProcess img{display: none;} ul.txtBlue{margin-left: 20px;} ul.txtBlue li{width: 100%!important;margin-bottom: 0;margin-top: 5px;list-style-type: decimal;} .contentPrivate{width: 100%;float: none;margin: 20px 0 0 0;} /* online banking*/ .mobile .row-OverOriginal { display: block!important; /*overwrite*/ } .col-xs { display: block!important; width: 100%; max-width: fit-content; flex: auto; } .col-xs-5 { display: inline-block!important; width: 50%; max-width: fit-content; flex: auto; } a.infoLink { text-decoration: none; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 10px 25px 10px 10px; display: block; box-sizing: border-box; } a.infoLink:hover, a.infoLink:focus { text-decoration: underline; color: #0066B3; background: url("../../../hongkong/personal/banking_channels/images/index/icons/darkArrow.png") no-repeat right; padding: 10px 25px 10px 10px; display: block; box-sizing: border-box; } /* end - online banking*/ /*mobile banking*/ .sysRequireCol { background: url("../../../hongkong/personal/banking_channels/images/mobile-banking/sys_bg.png") repeat-x bottom; padding: 40px 20px 20px; box-sizing: border-box; text-align: center; } .downloadInfo { width: 100%; } .appIcon { width: 45%; max-width: 150px; vertical-align: top; float: left; } .appQr { display: none; } .appIconFloat { float: none; margin-bottom: 20px; display: inline-block; } .dlIconsFloat { float: none; display: inline-block; max-width: 48%; } /* end - mobile banking*/ } /* =========== 768 ========== */ @media (max-width: 768px){ /* mobile banking */ .ttlControl { padding-left: 15px; } /* end- mobile banking */ .InvtopBanner img{ /*display: none;*/ margin-bottom: 10px; } .InvtopBanner p{ margin: 0 0 15px 0; } .InvtopBanner .btn_blue, .btn_blue.btn_fix{ position: relative; right: auto; bottom: auto; } #docFrame{ left: 0; margin-left: 0; } .listTab {margin: 0 -15px;} .more_deal { left: 0; width: calc(100% - 40px); margin: -290px 20px 0;} div.video-image {left: 0; margin: 20px 0; width: 100%; height: auto;} div.video-image #video video{ height: auto; border: 2px solid #fff;} #videoCenter video,#videoCenter object { width: 100%; height: auto;} .videoWrap video, .videoWrap object { width: 100%; height: auto;} div.galleryMask .mobile_box{left: 0px;width: 100%; } .top_banner{min-height:400px; margin-right: -15px; margin-left: -15px;margin-bottom: 70px;} .top_banner h2 {position: absolute;top: calc(100% + 10px);text-align: left;font-size: 21px;left: 15px;} .topBanner.tall { padding-top: 73px; margin-bottom: 40px; margin-top: 0; height: auto; background-size: auto 128px; background-position: top center; } .topBanner.tall .whitePlate { margin-top: 42px; } .secureContent {padding: 0;} ul li.sec:before {width: 100px; height: 75px;} ul li.sec { padding-left: 120px;} .sec-text{min-height: 75px;} h1.pageTitle {font-size: 28px;padding: 0px 0px 10px 15px;} #fpsTop{background-image: url(../../../hongkong/promotions/banking_channels/faster-payment-system/images/fps-mobile.jpg)!important;background-repeat: no-repeat;background-size: cover;background-position: 50%;} p.warning {border-top: 1px solid #666; border-bottom: 1px solid #666; margin: 20px 0;} .fps-item img {width: 100px;} .fps-item {padding-left: 120px;} ul.kbenefit li {width: 100%; margin-bottom: 20px;} .tablx2 {padding: 15px;} .tablx2 img {left: 20px;} .tablx2 p { margin-left: 90px;} .tncClose:after{ content: ''; width: 25px; height: 25px; display: block; float: right; margin-top: -4px; background-image: url(../../../hongkong/personal/images/index/icons/arrow-next.png); background-size: cover; margin-left: 10px; } .inner_news ul>li a {display: block;position: relative; padding-right: 30px;} .inner_news ul>li>a:after { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: inline-block; width: 8px; height: 8px; position: absolute; top: 50%; right: 3px; margin-top: -6px; border-color: #666; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .callForAct { height: 235px; background: #efefef url(../../../hongkong/personal/images/index/icons/action-bg.jpg) no-repeat; margin-top: 20px; padding-top: 10px; } .callForAct4.callForAct { height: 290px; } .callForAct div, .callForAct > a{ padding:20px 0px 20px 60px; width: 100%; } .tc .callForAct { height: 235px; background: #efefef url(../../../hongkong_tc/personal/images/index/icons/action-bg.jpg) no-repeat; margin-top: 20px; padding-top: 10px; } .tc .callForAct4.callForAct { height: 290px; } .tc .callForAct div, .tc .callForAct > a{ padding:20px 0px 20px 60px; width: 100%; } .sc .callForAct { height: 235px; background: #efefef url(../../../hongkong_sc/personal/images/index/icons/action-bg.jpg) no-repeat; margin-top: 20px; padding-top: 10px; } .sc .callForAct4.callForAct { height: 290px; } .sc .callForAct div, .sc .callForAct > a{ padding:20px 0px 20px 60px; width: 100%; } .Electronic_img a { padding: 3px 0px; } .Electronic_img img { padding: 3px 0px; } .Electronic_img p { position: relative; left: auto; margin-bottom: 15px; } .Electronic_img .p1{top: auto;} .Electronic_img .p2{width: 100%;top: auto;} .Electronic_img .p3{width: 100%;bottom: auto;} h3.titleImg img {margin-top: -42px;} h3.titleImg.trading{padding-right: 90px; margin-bottom: 20px;} h3.titleImg.trading img{width: 90px;margin-top: -33px;} .onlineRate{text-align: center;} .onlineRate img{float: none;} .bxslider-caption { width: 100%; margin-left: 0; left: 0; top:0; border: none; border-radius: 0; padding:0; background:none; } .bxslider-caption:after{ display: none; } .sliderWrap img{padding-top: 60px;} .sliderWrap-text { bottom: 250px; } .integral-item {width: 25%;min-height: 154px;} .txtBlue2{margin-left: 0;} .w70{width: 100%;} .contentPrivate{float: left;} } /* =========== 576 ========== */ @media (max-width: 576px){ .inner_box ul>li{ width:100%;margin-right:0px;} .inner_box ul>li:nth-child(3n){margin-right:0px;} .video-box { height: 200px; background-position: 35% 50%; } .callForAct { height: 265px; background: #efefef url(../../../hongkong/personal/images/index/icons/action-bg.jpg) no-repeat; margin-top: 20px; padding-top: 10px; } .callForAct4.callForAct { height: 325px; } .large-font-size .callForAct { height: 277px; } .large-font-size .tc .callForAct { height: 337px; } .tc .callForAct { height: 245px; background: #efefef url(../../../hongkong_tc/personal/images/index/icons/action-bg.jpg) no-repeat; padding-left: 126px; margin-top: 20px; padding-top: 10px; } .sc .callForAct{ height: 245px; background: #efefef url(../../../hongkong_sc/personal/images/index/icons/action-bg.jpg) no-repeat; padding-left: 126px; margin-top: 20px; padding-top: 10px; } .mes_list{padding-left: 0px;} .mes_list img{position: relative;left: 50%; top: auto;margin-left: -32px;} .mes_list .mt2_top img{left: auto; margin-left: 0;} .mess_box h2 span{margin-left: 0; display: block;} .sliderWrap-text { bottom: auto; top: 115px; } .sliderWrap-text h1{ font-size: 24px; margin-bottom: 0px; } body.small-font-size .sliderWrap-text h1{ font-size: 20px; } body.large-font-size .sliderWrap-text h1{ font-size: 26px; } .sliderWrap-text h2{ font-size: 14px; } body.small-font-size .sliderWrap-text h2{ font-size: 12px; } body.large-font-size .sliderWrap-text h2{ font-size: 16px; } .integral-item {width: 50%;min-height: 141px;} .career li{background-position: right bottom;padding:0 0 95px 0;} .topBanner{ border: 1px solid #ebebeb; /*height: 128px; */ position: static; /*background-size: 100%;*/ background-size: auto 138px; background-repeat: no-repeat; background-position: right 0; min-height: 0!important; margin: 0; padding-top: 0; } } @media (max-width: 414px){ .call_now1 span { font-size: 0.8em; display: block; color: #333; } /*.large-font-size .callForAct { height: 380px; } .large-font-size .tc .callForAct { height: 337px; }*/ } @media (max-width: 320px){ .callForAct4.callForAct { height: 365px; } .callForAct div, .callForAct > a { padding: 18px 0px 18px 60px; } .large-font-size .callForAct div, .large-font-size .callForAct > a { padding: 10px 0px 10px 60px; } .large-font-size .callForAct{ height: 337px; } /*.topBanner { border: 1px solid #ebebeb; padding-top: 80px; max-height: 128px; margin-bottom: 220px; }*/ }