@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans:300,300i,400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:500|Noto+Serif+TC:500&display=swap&subset=chinese-simplified,chinese-traditional');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK:100,300,400|Noto+Sans+SC:100,300,400&display=swap');
@import "style_hero.css";
@import "font-awesome/font-awesome.min.css";
@import "font-awesome/all.css";
@import "bootstrap.min.css";
@import "style.css";
@import "responsive.css";
@import "ie.css";

/* 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>.row { max-width: 1170px; }
}
@media (min-width: 992px) and (max-width:1199px) {
#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; overflow: hidden; width:392px;}
#main-navigation-wrapper .logo img {width:auto; height:36px; position: relative;}
#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;}
}
@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 }
}
#MenuBar-lang>li>a{font-weight:bold; padding-right:15px;}
.navbar-toggle { margin: 0; }
#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;}
}
/****** 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; }
}
