@charset "utf-8";
/* CSS Document */
/*
<!--<link rel="shortcut icon" href="/home/img/favicon.ico">-->
<!--<link rel="apple-touch-icon" href="/home/img/apple-touch-icon.png">-->
<!--<link rel="stylesheet" type="text/css" href="/home/css/jquery.fancybox.css" />-->
<!--@import url('/home/css/style_hero.css'); index only -->
*/
@import url('/home/css/font-awesome/font-awesome.min.css');
/*
<!--<link rel="stylesheet" type="text/css" href="/home/js/fancyapps-fancyBox/source/jquery.fancybox.css" media="screen" />-->
<!--@import url('/home/css/imagehover.min.css');-->
*/
@import url('/home/css/hover.css');
/*
<!--@import url('/home/js/OwlCarousel/dist/assets/owl.carousel.css'); index only-->
<!--@import url('/home/js/OwlCarousel/dist/assets/owl.carousel.min.css'); index only-->
<!--@import url('/home/js/OwlCarousel/dist/assets/owl.theme.default.min.css'); index only-->
<!--@import url('/home/css/animate.css');-->
<!--@import url('/home/css/effects.css');-->
*/
@import url('/home/css/bootstrap.min.css');
@import url('/home/css/style.css');
@import url('/home/css/responsive .css');
@import url('/home/js/SpryAssets/SpryMenuBarHorizontal.css');
/*
<!--@import url('/home/js/SpryAssets/SpryTooltip.css');--><!-- Seminar overview only -->
<!--@import url('/home/js/SpryAssets/SpryTabbedPanels.css');--><!-- Contact Us only -->
*/
@import url('/home/js/SpryAssets/SpryMenuBarHorizontal.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700&display=swap');

/* hide scrollbars */
#main-navigation::-webkit-scrollbar {
    width: 0; height:0;
}
.container {position: relative;width: 100%;padding: 0;}
.row { padding: 0; width: 100%; }
@media (min-width: 1200px) {
.container { max-width: 1170px; }
}
@media (min-width: 992px) and (max-width:1199px) {
.container { max-width: 970px; }
#top-banner { max-width: 100%; }
}
@media (min-width: 768px) and (max-width:991px) {
#top-banner { max-width: 100%; }
}
 @media (min-width:1200px) {
.top-line,
#main-navigation-wrapper.navbar-default { font-size: 14px; }
}
@media (max-width:1199px) and (min-width:992px) {
.top-line,
#main-navigation-wrapper.navbar-default { font-size: 13px; }
}
@media (max-width:991px) {
#top-banner .row { margin: 0; }
}
@media (max-width:768px){
.keep-in{padding-top:20px;}
}
.top-line *,
#main-navigation-wrapper.navbar-default * { font-size: inherit !important; }
#main-navigation-wrapper.navbar-default i.fa{font-size:18px !important;}
#main-navigation-wrapper .logo>a{display:inline-block;}
#main-navigation-wrapper .logo img {width:auto; height:50px;}
#main-navigation-wrapper .navbar-nav ul li.tag { border-bottom: 0 none; padding: 16px 16px 0 16px; color: #AAA; }
#main-navigation-wrapper .navbar-nav ul li.tag:not(:first-child) { border-top: 1px solid #222; margin-top: 1px; }
#main-navigation-wrapper .navbar-nav ul li.tag:first-child { padding-top: 12px; }
@media (min-width:992px) {
.navbar-nav { width: calc(100% - 230px); display: -webkit-flex; align-content: space-between; display: flex; }
.navbar-nav>li.mobile-menu{display:none;}
.navbar-nav>li:not(.mobile-menu) { display: inline-block; margin: 0 auto; }
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu{margin-top:14px; z-index:0;}
#main-navigation-wrapper .navbar-nav > li:hover > .dropdown-submenu, #main-navigation-wrapper .navbar-nav > .open > .dropdown-submenu{z-index:1000;}
}
@media (max-width:991px){
#main-navigation-wrapper .container>.navbar-header{float:right;}
}
@media (min-width:992px) and (max-width:1199px) {
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu { margin-left: 5px }
}
@media (min-width:1200px) {
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu { margin-left: 14px;}
}
@media (max-width:325px){
#main-navigation-wrapper .logo>a{height:50px !important; position:static; overflow: hidden; float: left;}
#main-navigation-wrapper .logo img{position:absolute; clip:rect(0, 50px, 50px, 0);}
}
#important-notice td:nth-child(2) a { color: #999; }
#important-notice td:nth-child(2) a:hover { color: #666; text-decoration: none; }
#top-banner { padding: 0; margin: 0 auto 80px auto;/* position:  relative; */ }
#top-banner .row { white-space: nowrap; overflow: visible; margin: 0 auto; }
#top-banner .row * { white-space: normal; }
#top-banner div[class*="col"] { padding: 0; box-sizing: border-box; }
#top-banner section { width: 100%; height: 500px; }
@media (max-width:991px) {
#top-banner section { height: auto; }
#top-banner { margin-bottom: 40px; }
}
.cd-hero-slider li img { display: block; width: 100%; height: auto; }
@media (max-width:991px) and (min-width:769px) {
}
.seminar-banner { height: inherit; background: rgba(255,255,255,.6); /*padding: 30px 25px;*/padding: 5px 25px 0px 25px; text-align: left; font-size: 14px;overflow-y: auto; }
.seminar-banner h2 { font-size: 16px; font-weight: 300; padding: 0; color:#999; }
.seminar-banner dl { text-align:right; border-bottom: 1px solid #EEE; padding: 1em 0 0 0; margin: 0 0 .7em 0; }
.seminar-banner dl>*{text-align:left;}
.seminar-banner dl:after { display: inline-block; margin: .5em 0 -.1em auto; color: #0068bd; border-bottom: 3px solid; width: fit-content; padding: 0 0 .2em 0; font-weight: 400; }
.seminar-banner dt { font-weight: normal; padding: 0 0 .1em 0; font-size: 1.2em; line-height: 135%; -webkit-font-smoothing: antialiased; }
.seminar-banner dd { padding: .25em 0 0 0; }
.seminar-banner dd.venue,
.seminar-banner dd.fee { display: none; }
.seminar-banner dd.time>s:before {content:" "; padding:0 .3em;}
.seminar-banner dl:hover { opacity: .6; cursor: pointer; }
html .seminar-banner dd:before { display: inline-block; width: 60px; opacity: .5; }
html[lang="tc"] .seminar-banner dl:after { content: "立即報名"; }
html[lang="tc"] .seminar-banner dd.date:before { content: "日期:" }
html[lang="tc"] .seminar-banner dd.time:before { content: "時間:" }
html[lang="tc"] .seminar-banner dd.venue:before { content: "地點:" }
html[lang="tc"] .seminar-banner dd.fee:before { content: "費用:" }
html[lang="sc"] .seminar-banner dl:after { content: "立即报名";}
html[lang="sc"] .seminar-banner dd.date:before { content: "日期:" }
html[lang="sc"] .seminar-banner dd.time:before { content: "时间:"}
html[lang="sc"] .seminar-banner dd.venue:before { content: "地点:"}
html[lang="sc"] .seminar-banner dd.fee:before { content: "费用:"}
html[lang="en"] .seminar-banner dl:after { content: "Register Now"; }
html[lang="en"] .seminar-banner dd.date:before { content: "Date:" }
html[lang="en"] .seminar-banner dd.time:before { content: "Time:" }
html[lang="en"] .seminar-banner dd.venue:before { content: "Venue:" }
html[lang="en"] .seminar-banner dd.fee:before { content: "Fee:" }
.boxmenu { background: rgba(0,0,0, 0.8); width: 120px; }
.boxmenu a { position: relative; display: flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; z-index: 2; height: calc(100%/8); background-color: inherit; font-size: 13px; color: #DDD; padding: 0 13px 0 36px; white-space: normal; }
.boxmenu a:hover { background: rgba(255,255,255,.1); }
.boxmenu a:not(:last-child) { border-bottom: 1px solid #5A5A5A; }
.boxmenu a>i.fa { font-style: normal; font-size: 13px; font-family: inherit; line-height: 16px; display: inline-block; vertical-align: middle; }
.boxmenu a>i:before { font-size: 15px; font-family: FontAwesome; width: 20px; display: inline-block; vertical-align: middle; float: none; position: absolute; left: 13px; margin: 0; padding: 0; }
#request-call-form:before,
#request-call-form:after { content: none; }
#request-call-form small { display: inline-block; width: 100%; line-height: 135%; padding: 1em 0; }
#request-call-form small,
#request-call-form small>a {font-size: 12px;color: #FFF;visibility: hidden;padding: 0;}
#request-call-form small>a { font-weight: bold; border-bottom: 1px solid #FFF; }
.top-header div[class*="col-"] { white-space: nowrap; }
.top-header div[class*="col-"]>* { vertical-align: middle; }
#MenuBar-lang>li>a{font-weight:bold; padding-right:15px;}
#market-glance h6 { color: #df2e1b; }
#market-glance h6>small { font-size: .8em; float: right; padding-top: .4em; }
.Our-services .date,
#card-RMM h4 { vertical-align: middle; }
.boxSTI h5>a { display: inline-block; width: 30%; text-align: left; font-weight: normal; color: #999; }
.boxSTI h5>a.on { font-weight: bold; color: #df2e1b; }
.box.market-news iframe:not(.selected) { display: none; }
.box h3>a { font-size: 13px; display: inline-block; font-weight: normal; color: #888; margin: 0 10px 0 0; }
.box h3>a:last-child { margin: 0; }
.box h3>a:hover { color: #df2e1b; }
.box h3>a.on { font-weight: bold; color: #df2e1b; }
.form-grp.mandatory-field>label:first-child:after { content: "*"; color: red; padding-left: .25em; position: absolute;}
.form-grp>label:first-child{display:block;padding-right:1em;padding-bottom: .5em;}
.form-grp{margin-bottom:20px;}
.checklist input[type="text"]{margin-bottom:0 !important;margin-left:10px;}
input[type="radio"],input[type="checkbox"]{margin:0 .25em 0 0; width: 1em; height: 1em; position: relative;}
input[type="checkbox"]{top: .1em;}
.checklist.selectOne .invalid+.error-msg{top:0; right:0;}
.checklist.selectOne >label{display: inline-flex;display:-webkit-inline-flex;align-items:center;-webkit-align-items:center;font-weight:normal;position: relative;}
.checklist.selectOne >label:nth-child(1){width: 29%;}
.checklist.selectOne >label:nth-child(2){width:70%;}
.checklist.selectOne.contact-us >label{width:100%; height:35px;}
.checklist.selectOne.contact-us >label>input[type="text"]{height:100%;}
.checklist.way-to-know{margin:0;padding: 0;}
.checklist.way-to-know>label{display: inline-flex;display:-webkit-inline-flex;align-items:center;-webkit-align-items:center;width: 49.5%;font-weight:normal;height: 35px;min-width: fit-content;max-width: 100%;}
html[lang="en"] .checklist{font-size:.95rem;}
html[lang="en"] .checklist>label{white-space:nowrap;}
.checklist.way-to-know>label>input[type="text"]{margin-left: .5em;margin-bottom: 0 !important;height:100%;}
.form-survey>h3{padding:20px 15px !important;}
*[class*="client-only"]{display:none;}
*[data-client="no_rID"] *.non-client-only,
*[data-client="got_rID"] *.client-only{display:block !important;}
.agreement-check{padding-top:20px;}
.agreement-check>.form-grp{margin-bottom:0;}
.agreement-check label{font-weight:normal; padding-left:1.25em;}
.agreement-check label>input[type="checkbox"]{margin-left:-1.25em;}
@media (max-width:640px) {
.checklist.selectOne >label:nth-child(1){width:100%;}
.checklist.selectOne >label:nth-child(2){width:100%;}
.checklist.way-to-know>label{display:block; width:100%; height:auto; padding:.5em 0 0 0;}
.checklist.way-to-know>label>input[type="text"]{width:calc(100% - 22px) !important;margin:2px 0 0 22px;float:none;display: block;}
div.mobile {display: none;}
}
.contact-box.seminar-info h4 { font-weight: bold; font-size: 22px; line-height: 130%; }
.prompt-content {position: fixed;background: #FFF;padding: 40px 3%;z-index: 999;box-shadow: 0 0 0 100vmax rgba(0,0,0,.5);border-radius: 5px;display: block;margin: auto;}
.prompt-content:not([data-auto-width]) {left:0;right:0;width: 80vw; max-width: 1140px; min-width: 350px; }
.prompt-content:not([data-auto-height]) {top:0;bottom:0; height: auto; max-height: 80vh; }
.prompt-content:not(.show) { display: none; }
.btn-prompt-close.fa.fa-close { position: absolute; top: 0; right: 0; font-size: 2em; line-height: 40px; cursor: pointer; display: block; width: 40px; height: 40px; text-align: center; z-index: 999; }
.prompt-content[data-caller="#enews-tnc"] iframe { width: 100%; height: 100%; margin: auto; }
.prompt-content[data-auto-width] {max-width: 800px;left: 0; top: 0;}
.contact_us-second,
.Products-page,
.Research-page,
.register { padding-top: 50px; }
.header h2 { margin: 0 0 40px 0; position: relative;}
.header h3 { font-size: 30px; opacity: .4; font-weight: 100; padding: 0; margin: 0 0 10px 0; line-height: normal; }
.header h2:before {bottom:-4px;}

@media (max-width:480px) {
.contact_us-second,
.Products-page,
.Research-page,
.register { padding-top: 40px; }
}
@media (max-width:800px) {
.prompt-content[data-auto-width] { max-width: 90%; }
}
.navbar-toggle { margin: 0; }
#market-glance { display:-webkit-flex; display: flex;  -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; }
#market-glance>div {-webkit-order:1; order: 1; max-width: 100%; }
#card-promo{display:inline-flex; display:-webkit-inline-flexbox; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; max-width:1200px; margin:0 auto; align-items:flex-end;}
#card-promo>div{width:33%; margin: 0 auto; display:inline-block;}
@media (max-width: 768px){
	#card-promo{flex-flow:column nowrap; -webkit-flex-flow:column nowrap; align-items:center; max-width:370px;}
	#card-promo>div{width:100%;}
}
.our-futured-services h4>span{white-space:nowrap; display:inline-block;}
@media (min-width: 992px){
#card-promo{margin: 0;}
#card-promo>div{display: inline-block;float: none;}
}
#request-call-form { display:-webkit-flex;display:flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; }
#request-call-form>input {-webkit-order:1; order: 1;width: calc(50% - 80px);padding: 5px 1em;margin: 0 auto 0 0;}
#request-call-form>a {-webkit-order:2;  order: 2; width: 140px; margin: 0 0 0 auto; padding: 0; }
#request-call-form>small {-webkit-order:3;  order: 3; width: 100%; }
.error-msg:not(.show) { display: none; }
#request-call-form>.error-msg.show { font-size: .8em; color: #FFCC00; width: 100%; text-align: right; padding-right: 170px; }
#request-call-form>.error-msg.show+input { box-shadow: 0 0 0 1px #FFCC00; }
input.invalid, select.invalid { border: 1px solid #F00 !important; }
.invalid+.error-msg {position: absolute;margin-top: -1.4em;color: #F00;font-size: .8rem;right: 1.2em;display: block;}
@media (max-width:640px){
.invalid+.error-msg{right:0;}
}
.checkbox-grp {padding: 0 0 .5em 0;margin: 0;}
.checkbox-grp p { line-height: 130%; padding: 9px 0; }
.checkbox-grp p:last-child { padding-bottom: 0; }
.checkbox-grp p>input[type="checkbox"],
.checkbox-grp p>input[type="radio"] { vertical-align: -10%; margin: 0 5px 0 0;}
div.control-attendant>a { cursor: pointer; font-size: 18px; padding: 0; height: 56px; line-height: 56px; display: block; margin: 0 auto 20px auto; text-decoration: none; }
div.control-attendant>a:hover { color: #c33b32; opacity: .8 }
div.control-attendant>a>b { font-family: 'Open Sans', Arial, Verdana; padding-left: .5em; font-weight: normal; }
div.control-attendant.add>a { text-align: center; background: #c33b32; color: #FFF; height: 50px; line-height: 50px; border-radius: 5px; }
div.control-attendant.remove>a { text-align: right; }
div.control-attendant.remove>a>b { font-size: .8em; }
.contact_us-second h3 { padding: 25px 0; }
*[data-popup]:before{opacity:0;z-index:-1;content:attr(data-popup);display:block;font-size: .7em;line-height: 130%;position:absolute;right: -10px;bottom: 60px;padding: .65em 1em;background:rgba(0,0,0,.75);color:#DDD;max-width: calc(100% - 75px);width: fit-content;}
*[data-popup].showHint:before{opacity:1; z-index:1; transition:all .2s ease; -webkit-transition:all .2s ease;}
.additional_form{clear:both; padding: 0 15px;margin: 0 -15px;}
.form-attendant { margin: 3em 0; }
.form-attendant:not(.added)>div:not(.control-attendant) { display: none; }
.form-attendant:not(.added)>div.remove { display: none; }
.form-attendant.added>div.control-attendant:not(.remove) { display: none; }
.form-attendant.added h3 { padding: 0; margin: 1em 0; opacity: .25; font-weight: bold; }
.form-attendant:not(.added)+.form-attendant { display: none; }
#my-orders-table { margin: 0 auto; background: #FFF; border-radius: 5px; border: 1px solid #EEE; border-collapse: separate; }
#my-orders-table td { padding: 15px; border-top: 1px solid #F9F9F9; background: #FDFDFD; }
#my-orders-table td a:not([class*="btn"]) { color: inherit; }
#my-orders-table td small {display: block;line-height: normal;font-size:.7rem;white-space: normal;}
#my-orders-table th { font-weight: bold; padding: 1em; border-bottom: 1px solid #FCFCFC; color: #777; }
#my-orders-table tr>*:nth-child(7)>a.btn-register { font-weight: bold; }
#my-orders-table tr>*:nth-child(7)>a.btn-cancel { color: #999; }
#my-orders-table tr>*:nth-child(7)>a.btn-cancel:hover { color: #333; }
#my-orders-table tr>*:nth-child(6),
#my-orders-table tr>*:nth-child(7) { text-align: center; }
#my-orders-table tr>*:nth-child(1),
#my-orders-table tr>*:nth-child(6),
#my-orders-table tr>*:nth-child(7) { white-space: nowrap; }
#my-orders-table tr>*:nth-child(7) s { display: inline-block; padding-right: .5em; margin-left: .5em; border-left: 1px solid #DDD; height: 1.4em; vertical-align: middle; }
#my-orders-table tr>*:nth-child(2) {min-width: 100px;}
#my-orders-table tr>*:nth-child(2) s{white-space: pre !important;display:inline;margin:0 .25em;}
#my-orders-table tr>*:nth-child(2) s:after{content:" ";}
#my-orders-table tr>*:nth-child(3) {min-width:180px;}
#my-orders-table tr>*:nth-child(3) *{font-weight:inherit;}
#my-orders-table tr>*:nth-child(4) {min-width:180px;}
#my-orders-table tr>*:nth-child(5) {min-width: 135px;max-width: 230px;width: auto;}
#my-orders-table tr>*:nth-child(4) small{width: 150px;}
#my-orders-table tr>*:nth-child(5) small{width: 200px;}
@media (max-width:1199px) {
    /*#my-orders-table td small { display: none; }*/
    #my-orders-table tr>*:nth-child(4){min-width: 135px;}
}
@media (min-width:640px){
    #my-orders-table tr>*:nth-child(2) s:after{content:"-\A";}
}
#market-glance h3 {display:block; width:100%;}
#market-glance [class*="box"] { position: relative; }
.dbp-footer { height: 14px; line-height: 14px; font-size: 13px; color: #DDD; position: absolute; bottom: 10px; }
.dbp-footer a,
.dbp-footer a:link,
.dbp-footer a:active { color: #BBB; display: inline-block; }
.dbp-footer a:last-child { float: right; }
@media (max-width:991px) {
#top-banner section {height:66vw; max-height: 500px;}
#top-banner div[class*="col"]:nth-child(1),
#top-banner div[class*="col"]:nth-child(3){ display: none; }
#market-glance {padding-bottom: 50px;padding-right: 15px;}
#market-glance>div#card-RMM { margin-bottom: 0; }
#my-orders-table tr>*:nth-child(4),
/*#my-orders-table tr>*:nth-child(5),*/
#my-orders-table tr>*:nth-child(6) { display: none; }
}
@media (min-width:992px) {
#top-banner .col-md-8 { width: calc(75% - 120px) !important; }
#top-banner .col-md-1 { width: 120px !important; position: absolute; right: 0; }
#top-banner section{height: calc((75vw - 120px)*0.66); max-height: 500px; min-height: 430px;}
#market-glance>div {padding: 0 0 0 15px;}
}
@media (max-width:991px) {
#market-glance{padding-right:0}
#market-glance>div { margin-bottom: 20px; }
#market-glance>div#card-HK-Indices {  -webkit-order: 2; order: 2; }
#market-glance>div#card-Key-Indices {  -webkit-order: 3;order: 3; }
#market-glance>div:not(#card-RMM) { width: calc(50% - 7px); padding: 0 0 15px 15px; margin: 0; }
}
@media (max-width: 720px) {
#top-banner {/* padding: 0 15px; */ }
#market-glance>div { width: 100% !important; max-width: 500px; margin: 20px auto 0 auto !important; }
#request-call-form>input { font-size: 14px; }
#request-call-form>input[id*=email] { width: calc(50% - 40px); }
#request-call-form>input[id*=name] { width: calc(50% - 100px); }
#request-call-form>a { width: 120px }
}
#main-navigation-wrapper .nav > li.select-lang { display: none; }
@media (max-width: 991px) {
#main-navigation-wrapper .nav > li:first-child { width: calc(100% - 160px); display: inline-block; vertical-align: top; }
#main-navigation-wrapper .nav > li.select-lang { width: 150px; display: block; vertical-align: top; float: right; }
#main-navigation-wrapper .nav > li.select-lang>a { width: 50px; float: left; border-top: 0 none; color: #999; }
html[lang="tc"] #main-navigation-wrapper .nav > li.select-lang>a[href*="('tc')"],
html[lang="sc"] #main-navigation-wrapper .nav > li.select-lang>a[href*="('sc')"],
html[lang="en"] #main-navigation-wrapper .nav > li.select-lang>a[href*="('en')"]
{ color: #FFF; font-weight:bold;}
.cd-menu i.fa-lock { margin-right: 10px; }
}
 @media (max-width: 640px) {
#request-call-form>input { width: 100%!important; margin: 0 auto 10px auto }
#request-call-form>a { -webkit-order: 2;order: 2; width: 100%; margin: 0 auto 10px auto; }
#request-call-form>small {-webkit-order: 3; order: 3; width: 100%; margin: 0 auto; }
#request-call-form>.error-msg.show { padding-right: 0; }
#my-orders-table tr>*:nth-child(5),
#my-orders-table tr>*:nth-child(2),
#my-orders-table tr>*:nth-child(7) { white-space: nowrap; }
#my-orders-table tr>*:nth-child(7)>s { display: none; }
#my-orders-table tr>*:nth-child(7)>a { display: block; font-size: .8em; font-weight: bold; width: 100%; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 1em; margin: .5em 0; }
#my-orders-table tr>*:nth-child(7)>a:hover { opacity: .8; }
#my-orders-table tr>*:nth-child(7)>a.btn-register { background: #c33b32; color: #FFF; }
#my-orders-table tr>*:nth-child(7)>a.btn-cancel { background: #F0F0F0; color: #999; }
#my-orders-table tbody td:nth-child(2),
#my-orders-table tbody td:nth-child(2) * {white-space: normal !important;}
#my-orders-table tbody td:nth-child(2) { min-width: 7em; }
#my-orders-table tr>*:nth-child(5) small{width: 500px;font-size: 16px}
}
@media (min-width:501px) {
#my-orders-table tbody td { font-size: 15px; }
}
@media (max-width:640px) {
#my-orders-table thead { display: none; }
#my-orders-table tbody td { font-size: 16px; }
#my-orders-table tr { display: -webkit-flex; -webkit-flex-wrap: wrap;display: flex; flex-wrap: wrap; }
#my-orders-table td { display: block; width: 100%; padding: .25em 1em 0 1em; }
#my-orders-table td:not(:nth-child(3)) {
border-top:0 none;
}
#my-orders-table td:before { color: #777; }
#my-orders-table td:nth-child(3) {-webkit-order:1; order: 1; font-weight: bold; padding-top: 1em; }
#my-orders-table td:nth-child(5) {-webkit-order:2; order: 2; }
#my-orders-table td:nth-child(1) {-webkit-order:3; order: 3; }
#my-orders-table td:nth-child(2) {-webkit-order:4; order: 4; }
#my-orders-table td:nth-child(7) {-webkit-order:5; order: 5; text-align: left; padding-bottom: 1em; }
#my-orders-table tr>*:nth-child(7)>a { display: inline-block; font-size: .85rem;
width: 120px; text-align: center; }
body[lang="en"] #my-orders-table td:nth-child(1):before { content: "Date: " }
body[lang="en"] #my-orders-table td:nth-child(2):before { content: "Time: " }
}
@media (max-width:480px) {
.Our-services .date { padding: 10px 10px 8px 10px; font-size: 90%; line-height: 100%; }
#card-RMM h4 { padding: 15px 0 0 0; display: block; width: 100%; line-height: 130%; }
.Our-services .date>small { display: inline-block; padding-left: 10px; font-size: inherit; }
.Our-services p { line-height: inherit; padding: 10px 0 10px 0; }
}
.marketNews { height: 248px; overflow: auto; position: relative; margin: 5px 0 10px 0; font-size: 13px; font-family: 'Open Sans', Arial; color: #222; }
/*.marketNews>a, .marketNews>a:link, .marketNews>a:active, .marketNews>a:visited, .marketNews>a:hover{text-decoration:none; color:#333;}*/
.marketNews>ul,
.marketNews>ul li { display: block; }
.marketNews>ul { padding: 0; margin: 0; width: 100%; white-space: normal; }
.marketNews>ul li { width: 100%; padding: .5em .8em; }
/*.marketNews>ul li>a{display:block; padding:.5em .8em; line-height:140%;}*/
.marketNews>ul li:not(:last-child) { border-bottom: 1px solid #F9F9F9; }
/*.marketNews>ul li:hover{background:#FAFAFA;}*/
.marketNews>ul li>span { display: block; font-size: .9em; padding: .3em 0; opacity: .7; }
.marketNews>ul li>p { margin: 0; padding: 0 0 .5em 0; line-height: 140%; }
.marketNews::-webkit-scrollbar {
 width: 5px;
}
.marketNews::-webkit-scrollbar-track {
 background: #f1f1f1;
}
.marketNews::-webkit-scrollbar-thumb {
 background: #888;
}
.marketNews::-webkit-scrollbar-thumb:hover {
 background: #555;
}
/****** Override responsive ******/
.service1-section .service-right-content .service-business i.fa+i.fa{padding-left:.25em;}
@media screen and (max-width: 991px) {
.service1-section { padding: 60px 0; }
.service1-section>.container>.row {display: -webkit-flex; -webkit-flex-flow: wrap-reverse;display: flex; flex-flow: wrap-reverse; }
.service1-section aside { padding-right: 0; padding-top: 20px; }
.service1-section aside .request-quote { margin-top: 50px; }
.service1-section .col-xs-12 { margin-bottom: 40px; }
}
@media screen and (max-width:480px) {
.container{padding:0 15px;}
.service1-section { padding: 40px 0; }
.service1-section .service-right-content p,
.service1-section .service-right-content div,
.service1-section .service-right-content table { font-size: inherit; line-height: inherit; }
*[class*="col-"], #market-glance>div:not(#card-RMM){padding-left: 0; padding-right:0;}
.header h2:before{}
body,
table {font-size:14px; line-height:150%;}
}
/****** Override Bootstrap ******/
code { background: none; color: inherit; opacity: .7; }
.navbar-collapse { border: 0 none; }
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover { cursor: default; }
.small,small{font-size: .8rem; line-height:150%;
}
aside .list-group>h4 {padding-bottom: 5px;opacity: .3;}
aside .list-group>h4 {font-weight: 500;opacity: .8;font-size: .94rem;display: inline-block;max-width: 105px;line-height: 120%;vertical-align: middle;padding: 0;}
aside .list-group>h4+.list-group-item { border-top-left-radius: 4px; border-top-right-radius: 4px; }
@media (max-width:992px) {
.row { margin-left: 0; margin-right: 0; }
}
/****** Content Styles ******/
.main-footer h3 a { color: inherit; font: inherit; display: inline-block; }
.main-footer h3 a:not(:last-child) { padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #555; }
@media (min-width:992px) {
.social-icons { max-width: calc(100% - 265px); }
.get-in-touch { min-width: 265px; }
}
form[action] { position: relative; }
html[lang="tc"] form[action]:after { content: "必須填寫"; }
html[lang="sc"] form[action]:after { content: "必须填写"; }
html[lang="en"] form[action]:after { content: "Mandatory fields"; }
form[action]:after { color: #333; font-size: 80%; position: absolute; bottom: 0; right: 0; }
form[action]:before { content: "*"; color: #F33; font-weight: bold; font-size: 80%; position: absolute; bottom: 0; right: 8.2em; }
img[src*="/download-"] {width: auto;height: inherit;max-height:  46px;}
/*
.app-download>a,
a[href*="itunes.apple.com"],
a[href*="play.google.com"],
a[href*="download.php"],
a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"] { display: inline-block; height:46px; width: auto; margin:5px 0; }
.app-download>a:not(:last-child),
a[href*="itunes.apple.com"]:not(:last-child),
a[href*="play.google.com"]:not(:last-child),
a[href*="download.php"]:not(:last-child),
a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"]:not(:last-child) { margin-bottom:10px; margin-right:10px;}
*/
.apps-group{margin: 10px 0 20px 0 !important;}
.apps-group a{position:relative;text-align: center;line-height:30px;width: 30px;height: 30px;padding: 0 !important;margin: 0 0 0 20px !important;display: inline-block;vertical-align: middle;}
.apps-group:hover a>i.fa{color: rgba(0,0,0,.6);}
.apps-group a>i.fa{margin:0 auto;float:none;position:relative;font-size: 36px;line-height:inherit;color: rgba(0,0,0,.3);}
.apps-group a>i.fa.fa-download{top: 1px;}
.apps-group a>i.fa.fa-download:before{font-size: .95em;}
.apps-group a>i.fa.fa-download{display:inline-block; position:relative;}
.apps-group a>i.fa.fa-download:after{content:"APK";color:#FFF;position:absolute;left:0;bottom:-2px;font-size: 8px;font-family:"Open Sans";font-weight: 500;display:inline-block;padding: 1px 2px;background:rgb(174, 176, 179);line-height: 0;width:100%;text-align: left;border-bottom: 4px solid rgb(174, 176, 179);border-radius: 0 0 2px 2px;}
@media (min-width: 480px){
/*
.app-download>a,.apps-group:not(.desktop)>a::after,
a[href*="itunes.apple.com"],
a[href*="play.google.com"],
a[href*="download.php"],
a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"] {padding-right:65px;}
*/
.app-download>a::after,.apps-group:not(.desktop)>a::after,
a[href*="itunes.apple.com"]:after,
a[href*="play.google.com"]:after,
a[href*="download.php"]:after,
a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"]:after{padding:0;vertical-align:middle;background-color:none;display:inline-block;background-repeat:no-repeat;background-position:top left;background-size:cover;position:absolute;content:'';transition:all 0.2s ease-in;} 
.app-download>a:hover::after,.apps-group>a:hover::after,
a[href*="itunes.apple.com"]:hover::after,
a[href*="play.google.com"]:hover::after,
a[href*="download.php"]:hover::after,
a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"]:hover::after{opacity:1;width:60px; height:60px; margin:-5px 0 0 5px;}
a[href="https://itunes.apple.com/hk/app/id575851619"]:after{background-image:url(/home/img/中国国际证券-HK-Mobile-iOS.svg);}
a[href="https://play.google.com/store/apps/details?id=com.uob.android"]:after{background-image:url(/home/img/中国国际证券-HK-Mobile-Android.svg);}
a[href="https://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券HKMobile"]:after{background-image:url(/home/img/中国国际证券-HK-Mobile-APK.svg);}
/*
a[href="https://itunes.apple.com/hk/app/id976001690"]:after{background-image:url(/home/img/中国国际证券-HK-for-US-Markets-iOS.svg);}
a[href="https://play.google.com/store/apps/details?id=com.aastocks.uobl"]:after{background-image:url(/home/img/中国国际证券-HK-for-US-Markets-Android.svg);}
a[href="http://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券HKforUSMarkets"]:after{background-image:url(/home/img/中国国际证券-HK-for-US-Markets-APK.svg);}
*/
a[href="https://itunes.apple.com/hk/app/id1043451438"]:after{background-image:url(/home/img/中国国际证券-HK-Futures-iOS.svg);}
a[href="https://play.google.com/store/apps/details?id=hk.com.sharppoint.spmobile.sptraderprohd"]:after{background-image:url(/home/img/中国国际证券-HK-Futures-Android.svg);}
a[href="https://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券Futures/v11.9.17.apk"]:after{background-image:url(https://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券Futures/中国国际证券Futures.svg);background-size: 110% !important;background-position: 50% 50% !important;}
    
a[href="https://apps.apple.com/hk/app/中国国际证券-hk-stock-options/id1518206309"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-Stock-Options-iOS.svg);}
a[href="https://play.google.com/store/apps/details?id=hk.com.ayers.uobo.trade.de&hl=zh_HK&gl=US"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-Stock-Options-Android.svg);}
a[href="https://play.google.com/store/apps/details?id=hk.com.ayers.uobojg.trade.de"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-Stock-Options-Android-cn.svg);}
a[href="https://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券StockOptionsApp/index.html"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-Stock-Options-APK.svg);}
a[href="https://apps.apple.com/hk/app/secure/id1367822345"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-secure-iOS.svg);}
a[href="https://play.google.com/store/apps/details?id=hk.com.ayers.uob.token"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-secure-Andriod.svg);}
a[href="https://drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/中国国际证券Secure/"]:after{background-image:url(https://www.中国国际证券.com.hk//home/img/中国国际证券-secure-APK.svg);}
    
#mobile-reminder a[href*="itunes.apple.com"]:after,
#mobile-reminder a[href*="play.google.com"]:after,
#mobile-reminder a[href*="download.php"]:after,
#mobile-reminder a[href*="drive.中国国际证券.com.hk/中国国际证券_Download/中国国际证券-Apps/"]:after{border:2px solid #FFF; background-color:#FFF; border-radius:2px;}
.apps-group a::after{position:absolute; opacity:0; width:50%;height:50%;margin:25%;top:0;left:0;background-color:#FFF; border:3px solid #FFF; border-radius:3px; }
.apps-group a:hover::after{width:200%; height:200%; margin:-50%; cursor:none;}
.apps-group.desktop>a:after{content:none !important;}
}
.Products-page p { height: auto; }
.Products-page h4 { margin-top: 10px; font-size: 120%; }
.Products-page figure { position: absolute; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.Products-page figure>img { height: auto; width: auto; min-width: 100%; min-height: 100%; }
.service-right-content a:not([class]):not([role="tab"]) { color: inherit; font: inherit; border-bottom: 1px dashed #CCC; }
.service-right-content a:not([class]):not([role="tab"]):hover { opacity: .6; }
.service1-section .service-right-content ul li { font-size: inherit; }
.service1-section aside .request-quote a.btn { overflow: hidden; }
.service1-section .service-right-content .service-first,
.service1-section .service-right-content .service-first p,
.service1-section .service-right-content p { margin: 0 0 10px 0; }
.service1-section .service-right-content .service-first h2>small { color: inherit; font: inherit; text-transform: none; }
.service1-section li>h6 { font-weight: bold; font-size: 1em; display: block; }
.service-right-content div.row { margin-top: 50px; }
.list-group-item.download-pdf { padding-left: 45px; }
.list-group-item.download-pdf i { display: block; text-align: center; width: 45px; height: 45px; line-height: 45px; font-size: 18px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
.list-group-item.download-pdf i.fa.fa-laptop+i.fa.fa-mobile-phone::before{background:#FFF;display:inline-block;padding:1px;height:12px;line-height:11px;top:3px;position: relative;margin-left: 16px;font-size: 17px;border-radius: 1px;}
.service1-section .service-right-content ul li {font-weight: normal;}
.nav-tabs>li{padding:10px 5px 0 5px;margin: -1px -5px;overflow:hidden;}
.nav-tabs>li.active>a {box-shadow: 0 -1px 10px 0 rgba(0,0,0,.1);}
.service1-section .service-right-content h3+* { margin-top: 30px; max-width:100%;}
.hyphen-list { padding: 0 0 .5em 0; margin: 0; }
.hyphen-list>li {display: block;padding: .5em 0 0 1em;font-weight: normal;line-height: 150%;position: relative;}
.hyphen-list>li:before { content: "-"; display: inline-block; width: 1em; list-style: none; line-height: 130%; position: absolute; left: 0; }
ol.decimal { padding: 0 0 .2em 1.5em; margin: 0; }
ol.decimal>li { padding-top: .3em; font-weight: normal; line-height: 150%; }
.small ol.decimal li { padding-top: .75em; line-height: 140%; }
.small ol.decimal li:first-child { padding-top: 0; }
.toggle { margin-bottom: 0; }
.accordion .toggle i { line-height: 14px; top: 4px; margin: 0; }
.accordion .toggle .toggle-heading a:not(.collapsed) i.fa.fa-plus { display: none; }
.toggle:not(:last-child) { margin-bottom: 25px; }
.toggle .toggle-heading a { padding: 0 0 0 30px; font-size: 100%; border-bottom:0 none !important;}
.small .toggle .toggle-heading a{line-height:200%;}
.toggle .toggle-body { padding-left: 32px; padding-top: 0; padding-bottom: 0; font-size: 100%; }
.toggle .toggle-body a.end-link { font-weight: normal; }
.toggle .toggle-body>*:last-child {/* padding-bottom: 0 !important; */ margin-bottom: 0 !important; }
.toggle-card .toggle { background: rgba(255,255,255,.5); }
.toggle-card .toggle .toggle-heading a { padding: 15px 15px 15px 38px; }
.toggle-card.accordion .toggle .toggle-heading a i { top: 18px; }
.toggle-card .toggle-body { padding: 0 40px; }
.toggle-card .toggle-body>*:first-child { padding-top: 0 !important; }
.accordion.toggle-card .toggle i { width: 32px; }
div[onclick]:hover { opacity: .75; cursor: pointer; }
@media (max-width:480px){
.toggle .toggle-heading a{padding:0 0 0 23px;}
.accordion .toggle i { line-height:20px; top:0; left: 0; width:20px;}
.toggle .toggle-body{padding-left:23px;}
}
/****** Login ******/
.tab-pane { padding: 1em 0; }
.tab-content p { padding: 0 0 .5em 0; }
/****** Research ******/
.Research-page h4 { text-transform: uppercase; line-height: 135%; }
.Research-page h4>small { text-transform: lowercase; font: inherit; color: inherit; }
.Research-page figure { width:120px; overflow: hidden; }
.Research-page figure>img{height:100%; width:auto;}
.Research-page p,
.Research-page .box .header {width: 100%;padding-left:135px;}
.Research-page p{font-weight:300;clear: both;float: none;}
.Research-page p>small { display: block; margin: 16px 0 0 0; }
@media (max-width: 480px) {
.Research-page h4 { font-size: 120%; display: inline-block; vertical-align: middle; }
.Research-page .box .header {text-align: left;height: 165px;line-height: 165px;padding: 0 20px 0 140px;}
.Research-page p { width: 100%; padding: 15px; font-size: 100%; }
.Research-page p>small { font-size: 100% }
}
/****** Seminar / Contact us form ******/
.opt_other{display:flex; display:-webkit-flex; align-items:baseline; flex-flow:row nowrap; -webkit-flex-flow:row nowrap;}
.opt_other>span{padding-right:.5em; white-space:nowrap;}
.contact_us-second form {margin: 0 0 2rem 0;padding: 0;text-align: left;display: block;position: relative;overflow:visible;}
.contact_us-second form>div{margin: 0 15px 0 -15px;height: auto;}
.contact_us-second form .col-md-12 {float: none;clear: both;}
.contact_us-second form div[class*="col-"]{padding-top:10px;}
.contact_us-second form .form-survey{padding-top:20px;}
.additional_form:hover { background: rgba(255,255,255,.25); }
.additional_form:after, .additional_form:before{content:""; display:block; clear:both; height:0; width:100%;}
.additional_form .col-md-8,
.additional_form .col-md-4 { display: inline-block; float: none; }
.additional_form .col-md-8 { width: calc(100% - 120px); margin: 0 auto 0 0; }
.additional_form .col-md-4 { width: 110px; margin: 0 0 0 auto; text-align: right; position: relative; }
.additional_form div.control-attendant.remove { padding: 0; }
.additional_form div.control-attendant.remove>a { padding: 1em; height: auto; margin: 0; line-height: normal; }
.additional_form h3 { padding: 1em 0; }
.address-box:last-child { border-bottom: 0 none; }
.address-box small { display: block; line-height: normal; }
.contact-box .address-box .address-text+.address-text{padding-top:.5em;}
.contact-box .address-box .address-text>s:before{content:" "; display:inline; margin:0 .5em;}
.captcha-field input[type="text"]{width:calc(100% - 160px) !important; float: right;}
.captcha-field .captcha_image{display: inline-block; width: auto;}
.captcha-field .captcha_image>div{vertical-align: top; display:inline-block;}
.captcha-field .captcha_image>div.reload_icon{width:35px; height:45px; line-height: 45px; font-size:25px; text-align: center;}
.captcha-field .captcha_image>div.reload_icon>*{font-size: 25px;}
.captcha-field .captcha_image>div.reload_icon>a, .captcha-field .captcha_image>div.reload_icon>a:link, .captcha-field .captcha_image>div.reload_icon>a:visited{color:#b1b1b1; text-decoration:none;}
.captcha-field .captcha_image>div.reload_icon>a:hover{color:#c33b32; text-decoration:none;}
.captcha-field .captcha_image>div#captchaImg{width:auto; display:inline-block; font-size: 0;}
.captcha-field .captcha_image>div#captchaImg>img{width:105px; height: 45px;}
@media (max-width:768px){
.contact_us-second form>div{margin:0; padding:0;}
}
@media (max-width:480px) {
.additional_form div.control-attendant.remove>a{margin-right:-1em;}
.contact_us-second h3{padding-top:0;padding: 0 0 1rem  0 !important;font-size: 1rem;}
.contact_us-second form{/* margin-left:auto; */margin-bottom: 50px;font-size: 1rem;}
.contact_us-second form>div{left:0; margin-left:0;margin-right:0;padding-right:0;clear: both;}
.projects-section { padding-top: 40px; }
}
/****** Tools ******/
.tools .toggle .toggle-body>p { padding: 1em 0; margin: 0; }
.tools .toggle .toggle-body>img { width: 80%; height: auto; padding: 0; margin: 0 auto 1em auto; display: block; }
.tools .toggle .toggle-body>div.small { padding: 0 0 1em 0; }
.tools .toggle .toggle-body>div.small>u { display: block; margin: 0 0 .5em 0; }
/****** why 中国国际证券 ******/
.why-中国国际证券 .box { border: 1px solid #cfcfcf; width: 100%; position: relative; padding: 20px; padding-bottom: 50px; background: #C5C3C3; color: #404856; transition: all 0.3s linear; text-align: left; }
.why-中国国际证券 .box:hover { background: #c33b32; color: #FFFFFF; }
.why-中国国际证券 .box * { color: inherit; }
.why-中国国际证券 .box h4 { text-align: left; font-size: 24px; font-weight: bold; line-height: 125%; margin: 10px 0; }
.why-中国国际证券 .box .icon-box { text-align: right; display: block; position: absolute; bottom: 0; left: 0; right: 5px; }
.why-中国国际证券 .box i { color: #000; opacity: 0.5; font-size: 45px; position: relative; }
.why-中国国际证券 .box i.fa-laptop,
.why-中国国际证券 .box i.fa-bar-chart,
.why-中国国际证券 .box i.fa-book { bottom: -3px; }
.why-中国国际证券 .box>* { width: 100% !important; }
@media (min-width:992px) {
.why-中国国际证券 .box {height: 320px !important;}
.Products-page .box {height: 320px;}
}
@media (max-width: 991px) and (min-width: 640px) {
.Products-page .box:after { content: ""; display: block; height: 0; width: 100%; clear: both; }
.Products-page .box p,
.Products-page .box .header { float: right; min-width: 290px; text-align: left; width: 60%; }
.Products-page .box .header { height: 36px; }
.Products-page figure { float: left; max-width: 300px; min-width: 80px; margin-top: -36px; width: 40%; height: 160px; padding: 0; text-align: center; position: relative; }
.Products-page figure>img { width: auto; height: 100%; margin: 0 auto; }
}
@media (max-width: 639px) {
.Products-page figure { position: relative; }
}
@media (max-width:480px) {
.TabbedPanelsTab { font: inherit; padding: 12px; }
}
/****** Notice ******/
.Notices{height:600px;}
.Notices .text-box .text { margin-bottom: 0; }
.Notices .text-box .text h4 {font-weight: 600;/* font-size: 14px; */margin: .25em 0;line-height: 140%;}
.Notices .text-box .text>div>div{ padding-top:.3rem; }
.Notices a { color: #c33b32; }
.Notices .img-box { margin-bottom: .5em; }
.Notices .blog-wraper {height:520px;overflow: auto;font-size: 15px;line-height: 140%;}
.Notices .blog-wraper .date { width: auto; height: auto; padding: 5px 15px; background: #c33b32; text-align: center; color: #FFFFFF; display: inline-block; margin: 0 0 5px -32px; }
.Notices .text-box { padding: 16px 0; margin: 0 32px; }
.Notices .text-box:not(:last-child) { border-bottom: 1px solid #DDD; }
.Notices a[data-toggle="collapse"]:before {display: inline-block; margin-top: 10px;}
.Notices a[data-toggle="collapse"].collapsed:before {margin-top: 0;}
.Notices div.text h4:empty+div.collapse{display:block; height:auto !important;}
.Notices div.text h4:empty+div.collapse+small{display:none;}
.Notices .blog-wraper::scrollbars, .Notices .blog-wraper::-webkit-scrollbar { width: 5px;}
.Notices .blog-wraper::scrollbar-track, .Notices .blog-wraper::-webkit-scrollbar-track { background: #f1f1f1;}
.Notices .blog-wraper::scrollbar-thumb, .Notices .blog-wraper::-webkit-scrollbar-thumb { background: #888;}
.Notices .blog-wraper::scrollbar-thumb:hover, .Notices .blog-wraper::-webkit-scrollbar-thumb:hover { background: #555;}

/****** Risk Disclosure of Products ******/
#risk{margin-top:15px;}
#risk h5{margin:15px 0 0 0; font-weight:bold;}
#risk .toggle-body{font-size:85%; line-height:inherit;}
#risk .toggle-body>*:last-child{padding-bottom:10px;}
#risk .toggle:not(:last-child){margin-bottom:15px;}
#risk .toggle:last-child{margin-bottom:20px;}
.risk-disclosure{background:rgba(255,255,255,.5);padding:20px;}
.risk-disclosure table.price{padding:0; margin:0 auto 10px auto;}
.risk-disclosure table.price tr>*{text-align:center; padding:5px 10px;}
.risk-disclosure table.price tr>th{font-weight:bold;}
.risk-disclosure table.price tr>td{background:rgba(255,255,255,.9); border:1px solid #F3F3F3;}

/****** Tab Panel ******/
dl.tab-panel {display:grid; display:-ms-grid; display:-webkit-grid; position:relative;}
dl.tab-panel>dt{display:flex; display:-ms-flexbox; display:-webkit-flex; position:relative; border: 1px solid; border-color:transparent; width:100%; grid-row:1; -ms-grid-row:1; margin: 0 auto 0 0; align-items:center; position:relative; border-radius: 4px 4px 0 0;}
dl.tab-panel>dt:not(.expanded):hover{background: #eee;}
dl.tab-panel>dt>*{display:inline-block; align-self:center; opacity:1 !important; z-index:2; border:0 none !important; padding: 10px 15px; font-weight:600 !important; color:#c33b32 !important; text-align:center; margin: 0;}
dl.tab-panel>dt>*>span{display:inline-block; white-space:nowrap;}
dl.tab-panel>dt::before{content:""; opacity:0; display:block; top:0; left:0; right:0; bottom:10px; z-index:-1; position:absolute; box-shadow: 0 -1px 10px 0 rgba(0,0,0,.1);}
dl.tab-panel>dd{grid-row:2; grid-column: 1 / span 10; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:10; visibility:hidden; padding:30px 16px; margin-top:-1px}
dl.tab-panel>dt:not(.expanded){cursor:pointer}
dl.tab-panel>dt.expanded{border-color:#ddd; border-bottom-color:#FFF; background:#FFF;}
dl.tab-panel>dt.expanded>*{border-radius:inherit; border-bottom:0 none;}
dl.tab-panel>dt.expanded::before{opacity:1;}
dl.tab-panel>dt.expanded+dd{visibility:visible; border-top:1px solid #ddd;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
dl.tab-panel>dt:nth-of-type(1){-ms-grid-column:1;}
dl.tab-panel>dt:nth-of-type(2){-ms-grid-column:2;}
dl.tab-panel>dt:nth-of-type(3){-ms-grid-column:3;}
dl.tab-panel>dt:nth-of-type(4){-ms-grid-column:4;}
dl.tab-panel>dt:nth-of-type(5){-ms-grid-column:5;}
dl.tab-panel>dt:nth-of-type(6){-ms-grid-column:6;}
dl.tab-panel>dt:nth-of-type(7){-ms-grid-column:7;}
dl.tab-panel>dt:nth-of-type(8){-ms-grid-column:8;}
dl.tab-panel>dt:nth-of-type(9){-ms-grid-column:9;}
dl.tab-panel>dt:nth-of-type(10){-ms-grid-column:10;}
dl.tab-panel>dt>*{margin:auto;}
}
address.HK-Office{display:inline;}
html[lang="tc"] address.HK-Office::before{content:"香港告士打道39號夏慤大廈6樓";}
html[lang="sc"] address.HK-Office::before{content:"香港告士打道39号夏悫大厦6楼";}
html[lang="en"] address.HK-Office::before, html address.HK-Office[lang="en"]::before{content:"6/F Harcourt House, 39 Gloucester Road, Hong Kong";}