@charset "UTF-8";
.show_for_pc { display: block; }
.show_for_mobile { display: none; }
.banner_kv { background-image: url(top_banner.gif); }
.main_banner_section { background-position: top left; }
/* Animation for Top banner */
#kv_f2 { display: none; }
/* new offer */
.offers { margin: 20px 0; position: relative; }
.offer2 { padding-bottom: 0; }
.offers .title_line { text-align: center; background: url(title_line_bg.gif) no-repeat center; }
.offers .title_line b { display: inline-block; background-color: #ffffff; color: #039542; padding: 0 8px; }
.offers .bg_offer { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 636px; z-index: 0; }
.transaction { margin: 20px 0; width: 60%; }
.transaction .tip { margin-top: 10px; }
.transaction .tip img { margin-right: 10px; display: inline-block; vertical-align: middle; }
.transaction .tip b { display: inline-block; vertical-align: middle; width: 75%; }
.offers .title_line, .offers h2, .transaction, .extra_offer { position: relative; z-index: 1; }
.extra_offer { text-align: right; min-height: 180px; }
.extra_offer div { width: 60%; display: inline-block; text-align: center; padding-top: 70px; }
.transaction .tip b, .transaction p, .extra_offer b { font-size: 18px; color: #000000; line-height: 22px; }
.detail_box { text-align: right; margin: 0 0 0 0; display: table; width: 100%; position: relative; padding: 0 0 20px 0; }
.detail:after { content: ' '; text-indent: -999em; background: url(arrow.png) no-repeat 0px 0px; width: 20px; height: 20px; margin-left: 10px; display: inline-block; vertical-align: middle; vertical-align: middle; }
.detail_box .detail, .hidden .btn_tnc:focus { font-size: 13px; padding: 0 10px; font-weight: bold; background: none; color: #39b54a; }
.border-box { border: 1px solid; padding: 10px; background-color: #f1f1f1; }
.black { border-color: #010101; }
.grey { color: #414042; }
.red { color: #ff0000; }
.text-19 { font-size: 19px; margin-top: 25px; }
.remark ol { padding-left: 15px; }
.remark ul { padding-left: 15px; }
.remark a { color: #222222; text-decoration: underline; }
.remarkTable td { border: 1px solid #000; padding: 0; text-align: center; background-color: #ffffff; font-size: 11px; }
.logo_columns { float: left; width: 10% }
.logo-img { min-width: 50px; }
.wording_columns { float: left; width: 90% }
.ui-list { display: table; border-collapse: collapse; width: 100%; }
.ui-list ul { display: table-row; }
.ui-list li { display: table-cell; border: 1px solid #e6e6e6; width: 100%; position: relative; vertical-align: top; padding: 0.5rem 0.625rem 0.625rem; padding: 10px; }
.left-arrow-g1, .left-arrow-g2, .left-arrow-g3 { position: relative; padding: 10px; height: 90px; margin-left: 50px; padding-right: 230px; }
.left-arrow-g1 { background-color: #0d6c29; }
.left-arrow-g2 { background-color: #39b549; }
.left-arrow-g3 { background-color: #8fb430; }
.left-arrow-g1:after, .left-arrow-g2:after, .left-arrow-g3:after { content: ''; display: block; position: absolute; right: 100%; top: 50%; margin-top: -45px; width: 0; height: 0; border-top: 45px solid transparent; border-bottom: 45px solid transparent; border-left: 45px solid transparent; }
.left-arrow-g1:after { border-right: 45px solid #0d6c29; }
.left-arrow-g2:after { border-right: 45px solid #39b549; }
.left-arrow-g3:after { border-right: 45px solid #8fb430; }
.cta { font-size: 22px; text-align: center; margin-top: 25px; }
.cta h1 { margin-bottom: 10px; }
.cta h2 { margin-bottom: 10px; text-align: center; }
.cta img { padding-right: 5px; vertical-align: text-bottom; }
.cta_content { padding-bottom: 10px; margin-bottom: 10px; }
.cta_content p { margin-bottom: 10px; }
.cta_content h2 { margin-bottom: 0px; text-align: left; }
.green_line { border-right: solid 2px #39b54a }
.hotline { color: #39b54a; }
.hotline_m { color: #39b54a; display: none; }
.btn_action { width: auto; }
.feature table { margin-top: 20px; }
.feature thead, tbody, tfoot { border: 0; background-color: #ffffff; }
.feature tbody th, tbody td { border: 0; background-color: #ffffff; padding: 5px 0px; font-size: 15px; }
.trade_video { padding-top: 20px; padding-bottom: 20px; text-align: center; }
.trade_video .video-container { display: inline-block; float: none; vertical-align: top; padding-left: 0; margin: 0; max-width: none; }
.currency-th { width: 100%; background-color: #39b54a; color: #ffffff; line-height: 18px; padding: 13px 10px; font-size: 14px; font-weight: bold; text-align: center; }
.currency-th { width: 100%; background-color: #39b54a; color: #ffffff; line-height: 18px; padding: 13px 10px; font-size: 14px; font-weight: bold; text-align: center; }
.currency .ui-table td td, .currency .ui-table tr tr, .currency .ui-table tbody tbody { border: 0; }
.currency .currency_name { font-size: 25px; font-weight: bold; }
.currency .currency_statu { font-size: 25px; font-weight: bold; color: #0000ff; }
.currency .slide-inner { border-right: 1px solid #39b54a; overflow: hidden; }
.currency .ui-table { border-right: 0; }
.currency .ui-table tbody { border-right: 0; }
.currency .ui-table td { border-right: 0; }
.video-th { margin-top: 20px; width: 100%; background-color: #39b54a; color: #ffffff; line-height: 18px; padding: 13px 10px; font-size: 14px; font-weight: bold; text-align: center; }
.video-link { width: 100%; line-height: 18px; padding: 13px 10px; font-size: 14px; text-align: center; }
.video-link a { color: #222222; text-decoration: underline; }
.btn-trade { width: 100%; text-align: center; }
.btn_detail:before { content: ''; display: none; }
.btn_detail:after { content: ' '; text-indent: -999em; background: url(http://www.hangseng.com/cms/emkt/pmo/common/img/icon_15px.png) no-repeat -30px -60px; width: 15px; height: 15px; margin-left: 5px; margin-top: -2px; display: inline-block; vertical-align: middle; }
.btn_detail:hover:after { background-position: -30px -75px; }

@media (max-width: 970px) {
.currency { margin-top: 20px }
.btn-trade { margin-top: 10px; }
.hotline { display: none; }
.hotline_m { color: #39b54a; display: inline-block; }
.hotline_m a b { color: #39b54a; }
.green_line { border-right: 0px; }
.cta h2 { text-align: left; }
.cta_content { margin-left: 17px; margin-bottom: 0px; }
.ui-list { border-bottom: 1px solid #e6e6e6; }
.ui-list li { display: block; width: 100%; border-bottom: 0; }
.ui-list li:after { clear: both; content: ' '; display: table; }
.transaction { width: 100%; }
.transaction .tip b { width: 85%; }
.offers { padding-bottom: 160px; }
.offers .bg_offer { max-width: 480px; }
.extra_offer { min-height: auto; }
.extra_offer div { width: 100%; min-height: auto; padding-top: 10px; padding-bottom: 30px; }
}

@media (max-width: 890px) {
.left-arrow-g1, .left-arrow-g2, .left-arrow-g3 { height: 120px; }
.left-arrow-g1:after, .left-arrow-g2:after, .left-arrow-g3:after { content: ''; display: block; position: absolute; right: 100%; top: 50%; margin-top: -60px; width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 30px solid transparent; margin-right: -1px; }
.left-arrow-g1:after { border-right: 50px solid #0d6c29; }
.left-arrow-g2:after { border-right: 50px solid #39b549; }
.left-arrow-g3:after { border-right: 50px solid #8fb430; }
}

@media (max-width: 847px) {
.btn_action { width: 100%; }
}

@media (max-width: 660px) {
.left-arrow-g1, .left-arrow-g2, .left-arrow-g3 { padding-right: 20px; }
}

@media (max-width: 969px) {
.show_for_pc { display: none; }
.show_for_mobile { display: block; }
}