@charset "UTF-8";

/* Desktop CSS */
@media only screen and (min-width: 768px) {
.mobile { display: none; }
.notmobile { display: block; }
.tablet { display: block; }
.nottablet { display: none; }
.desktop { display: none; }
.notdesktop { display: block; }
.maxsize { display: none; }
.contentspacer { }
.headspacer { height: 121px; }
.breadcrumb {display:none; }
img { }
#mobile {position:relative; }
#sidecolour { display:block; }
/* Header */
header { height: 120px; }
header #logo { width: 220px; }
header #mobile-menu { width: 58px; height: 120px; }
header #mobile-menu #button-thumb { width: 45px; margin-top: 20px; }
header #mobile-menu #button-search { width: 45px; }
header #mobile-lang { position: absolute; top: 120px; right: 0; width: 22px; margin-top: 16px; display: block; margin-right: 23px }
header #mobile-lang .top-lang {border-right: 0 none; border-bottom: 1px solid #bdbdbd; padding-bottom: 5px; margin-bottom: 5px; float:none; padding-top:0;}
header #mobile-lang .top-lang a, header #mobile-lang .bottom-lang a { color: #989898; font-weight: normal !important; text-decoration: none }
header #mobile-lang .top-lang a:hover, header #mobile-lang .bottom-lang a:hover { color: #bdbdbd; }
header #mobile-lang .top-lang a.activelnk, header #mobile-lang .bottom-lang a.activelnk { color: #bdbdbd; text-decoration: none !important }
header #mobile-lang .bottom-lang { width:35px; float:none; padding-top:0px; margin-left:0px;}
/* Footer */
.footspace { height:60px; margin:0; padding:0; clear:both; }
footer { }
footer #foot-block-dark { width: 22%; height: 192px; float: left; }
footer #foot-block-dark #foot-logo { margin-left: 10%; top: 15px; transform: translateY(0px);margin-top: 0; }
footer #foot-block-green { width: 35%; height: 96px; }
footer .foot-image { }
footer .foot-block-text { }
footer .foot-block-text p { }
footer .foot-block-text p.lightext { }
footer #foot-block-green:hover .foot-block-text p { }
footer .foot-block-text .foot-arrow { }
footer #foot-block-purple { width: 35%; height: 96px; float: left; }
footer #foot-block-purple:hover .foot-block-text p { }
footer #foot-bigblock { width: 43%; height: 192px; position: absolute; right: 0; top: 0; }
footer #foot-bigblock #foot-block-grey { }
footer #foot-bigblock #foot-block-grey #foot-list { width: 30%; }
footer #foot-bigblock #foot-block-grey #foot-list ul { }
footer #foot-bigblock #foot-block-grey #foot-list ul li { }
footer #foot-bigblock #foot-block-grey #foot-list ul li p { }
footer #foot-bigblock #foot-block-grey #foot-list ul li p a { }
footer #foot-bigblock #foot-block-grey #foot-list ul li p a:hover { }
footer #foot-bigblock #foot-block-grey #foot-list ul li ul li p { }
footer #foot-bigblock #foot-block-grey #foot-list ul li ul li p a { }
footer #foot-bigblock #foot-block-grey #foot-list ul li.foot-list-last { }
footer #foot-bigblock #foot-block-grey #foot-social { width: 58px; height: 192px; float: right; position: absolute; }
footer #foot-bigblock #foot-block-grey #foot-social ul { }
footer #foot-bigblock #foot-block-grey #foot-social ul li { }
footer #foot-bigblock #foot-block-grey #foot-social ul li #foot-twitter { margin: 15px 0 0 5px; }
footer #foot-bigblock #foot-block-grey #foot-social ul li #foot-instagram { margin: 2px 0 0 5px; }
footer #foot-bigblock #foot-block-grey #foot-social ul li #foot-youtube { margin: 2px 0 0 5px; }
footer #foot-block-lightgrey { box-sizing: border-box; width: 100%; padding: 10px 0 0 2.5%; height: 35px;/* background-image: url(../images/site/grey.gif); background-repeat: no-repeat; background-size: 58px 58px; background-position: top right;*/ }
footer #foot-block-lightgrey p { display: inline; }
footer #foot-block-lightgrey p a { display: inline; }

/* Navigation */
div#drybox { }
div#navbox { padding-top: 79px;}

#navbox ul { }
#navbox ul li { }
#navbox ul li .navbox-link { }
#navbox ul li .navbox-link.selected { }
#navbox ul li p { }
#navbox ul li p a { }
#navbox ul li ul { }
#navbox ul li ul li { }
#navbox ul li ul li p { }
#navbox ul li ul li p a { }
#navbox ul li:hover { }
#navbox ul li.selected:hover { }

/* Search */
div#searchbox { }
#searchbox #search-input { }
#searchbox #search-input input { }
#searchbox #search-input #search-arrow { }
#searchbox #search-input #search-term { }
#searchbox #search-input #search-term p { }
#searchbox #search-input #search-term h2 { }
#searchbox ul#search-results { }
#searchbox ul#search-results li { }
#searchbox ul#search-results li .search-result { }
#searchbox ul#search-results li .search-result p { }
#searchbox ul#search-results li .search-result a { }
#searchbox ul#search-results li .search-result h3 { }
#searchbox #search-pages { }
#searchbox #search-pages ul { }
#searchbox #search-pages ul li { }
#searchbox #search-pages ul li .search-page { }
#searchbox #search-powered #searchbox #search-powered p { }

/* Pages */
div.anchor { top:-120px; }
div.content { width: -moz-calc(100% - 58px); width: -webkit-calc(100% - 58px); width: -o-calc(100% - 58px); width: calc(100% - 58px); }
div.content .contentmargins{ position:relative; width:47.4%; margin:0 2.5%; }
div.content .contentmargins.single { width:94%; }
div.content .contentmargins.quadruple{ position:relative; width:96%; margin:0 2.5%; }
div.content .backimage { top:auto; bottom:0; }
div.content .bottomimage { }
div.content .breadcrumb { width:70%; margin-left: 2.5%; float:left; margin:30px 0 30px 2.5%; }
div.content .breadcrumb li {  }
div.content .breadcrumb li, div.content #breadcrumb a, div.content #breadcrumb span { f }
div.content .title { width: auto; }
div.content .title h1 { font-size: 38px; line-height: 44px; }
div.content .title h2 { font-size: 32px; line-height: 38px; }
body#首页-ID div.fluid.content.bottomline div.contentmargins div.title h2 { font-size: 45px; width:200%; margin-top:-20px; }
div.content .text { }
div.content .text p { }
div.content .cwhite .text p,
div.content .cwhite .text h1, 
div.content .cwhite .text h2,
div.content .cwhite .text h3,
div.content .cwhite .text h4,
div.content .cwhite .title h1, 
div.content .cwhite .title h2,
div.content .cwhite .title h3,
div.content .cwhite .title h4,
div.content .cwhite .text ul,
div.content .cwhite .text li,
div.content .cwhite .text a { color:#ffffff; }
div.content .mod-spacer-top { width:100%; height:100px; padding:0; margin:0;}
div.content .mod-spacer-bottom { width:100%; height:150px; padding:0; margin:0;}
body .content .dropdown { display: block; float: left; margin-bottom: 20px; margin-right: 2.5%; width:22%; }
body .content .greenbutton { display: inline-block; margin-bottom: 20px; }
div.content .sections { }
.sections ul { }
.sections ul.left { }
.sections ul.right { }
.sections ul li.section { }
.sections .section-links { margin: 0 20% 0 0; }
.section-links {  }
.section-links .sect-text { margin-left: 5px; }
.cwhite .section-links .sect-text { color: #ffffff; border-bottom: 1px solid #ffffff; }
.cwhite .section-links .sect-text a{ color: #ffffff; }
.cwhite .section-links .sect-text:hover { color: #ffffff; border-bottom: 1px solid #ffffff; }
.cwhite .section-links .sect-text a:hover { color: #ffffff; }
.section-links:hover .sect-text { }
.section-links .sect-arrow { }
div.content .cwhite .section-links .sect-arrow {background-image: url(../images/site/arrow-white.png);}
.section-links:hover .sect-arrow { }
div.content .nextarrow { left: 2.5%; }
div.content .uparrow { left: 2.5%; }
div.side { }

/* Gallery Page */
#leadership #sections { display: block; }
#leadership #sections .section .section-links { }
#filter.dropdown { margin-left: 2.5%; margin-right: 0; }
#filter2.dropdown { /*margin-left: auto;*/ margin-left: 20px; margin-right: 0; }
#sort.greenbutton { /*margin-left: auto;*/ margin-left: 20px; margin-right: 0; }
.gallery { }
/*.gallery .gal-item { width: 45%!important; margin-left: 2.5%; margin-left: 20px; margin-right: 0px; }*/
.gallery .gal-item.double { width: 92.5%; }
.gallery  .gal-head { margin: 15px 2.5%; }
.gallery  .gal-head h3 { }
.gallery .gal-item .gal-placeholder { width: 100%!important; }
.gallery .gal-item .gal-placeholder .gal-photo { }
.gallery .gal-item .gal-placeholder .gal-text { }
.gallery .gal-item .gal-placeholder .gal-text h4 { }
.gallery .gal-item .gal-placeholder .gal-text p { }
.gallery .gal-item .gal-placeholder .gal-text .gal-arrow { }
.gallery .gal-pages { margin-left: 2.5%; }

.gallery .slider .gal-item { width: 240px;  margin-right: 0px; margin-bottom: 20px; }
.content .navoutslider { margin-left:2.5%; }
.gallery .gal-item { width: 42.5%; margin-left:2.5%; margin-bottom: 5%;}
.contentmargins .title h1 { margin-left: 0; }
.contentmargins .text p { margin-left: 0; }

/* Personal */
#personal .personal-photo { margin: 20px 2.5%; width: 20%; position: absolute; }
#personal #breadcrumbs { margin: 0 2.5% 0 25%; display: block; }
#personal .title { margin: 0 2.5% 0 25%; border-bottom:1px solid #009987; }
#personal .text { margin: 0 2.5% 0 25%; }
#personal .back-links { margin: 0 28.75% 25px 25%; width:24%; }
#personal .section-links.section-page-links { margin: 0 28.75% 0px 25%; width:24%; }
#personal #sections.sidelinks { margin: 0 28.75% 25px 25%; }

/* newsroom */
#newsroom #sections.sidelinks { margin: 0 51.25% 50px 2.5%; }

/* Faq */
.pullitemlist .widelinks { margin:0 2.5%; }
body .content .schbox { margin-left: 0; margin-right: 10px; margin-bottom: 20px; display: inline-block; width:22%; }
.pullitemlist .widelinks.govern { margin: 0 26% 0 2.5%; }
.content .widelinks.govern .sectionpulldown .content { width:133%; }
/* Overview Page*/
.carousel-container { background: red; max-height: 538px; }
.left-container, .right-container, .center-container { float: left; }
.left-container { margin-left: 1.83824%; width: 22.70221%; min-height:1px; }
.center-container { margin-left: 1.83824%; width: 47.24265% }
.right-container { margin-left: 1.83824%; margin-right:2.5%; width: 22.04044%;  }
.right-container.submenu { position:absolute;top:0; right:0; z-index:1; margin-top:20px; }
.right-container ul { list-style-type: none; padding-left: 0 }
.right-container li { width: 100% }

.center-container .title, .center-container .text, .left-container .text { width: 100%; }
.center-container .title { width: 100%; }
.right-container .section-links { margin: 0 2.5% 0 0 }
.video-container, .media-container { margin-left: 2.5%; width: 71.12124%;  margin-bottom: 30px; float:left; }
.left-container blockquote { padding: 0; margin: 0; font-weight: 700; font-size: 14px }
.center-container .module-1 { border-top: #834292 1px solid; border-bottom: 1px solid #834292; margin: 30px 0; text-align: center; }
blockquote { display: block !important }

/* Contact Page */
#contact .left-container { float: left; margin-left: 3.1348%; width: 45.61129%; margin-right: auto }
#contact .right-container { float: left; margin-left: 3.1348%; margin-right: 3.1348%; width: 44.98433%; }
#contact .left-container #breadcrumbs, #contact .left-container .title { margin-left: 0 }
#contact .left-container #breadcrumbs { margin-top: 30px }
#contact .title { margin-top: 30px; width: 95%; margin-bottom: 0 }

/* Flex Slider */
.carousel-container.simple { width:95%; margin:0 2.5%; }
.content .quotes  { width:95%; margin:0 2.5%; }
.content .quotes  ul.listquotes {}
/* Pullouts */
.pullout {width:47%; margin:0 26.5%;}
.greybox { float: right; height: 58px; width: 58px; background: #363636; margin-top: -10px; position: relative; }

/* Two Block */
.content .twoblock { margin: 0px 0px 0px 2.5%; border: 0px; }
.content .contentmargins.twoblock ul { list-style:none; padding:0; margin: 0; width:49%; float:left;  }
.content .contentmargins.twoblock ul.left {margin-right:2%;}
.content .contentmargins.twoblock ul.right {}

/* Triple List */
.content .triplelist div.triple1 { width:18%; float:left; }
.content .triplelist div.triple2 { width:60%; margin:0 1.5%; float:left; }
.content .triplelist div.triple3 { width:18%; float:left; }
.content .triplelist div.triple2 ul { width:32%; float:left; margin-right:2%; }

/* Quadruple List */
.content .quadruplelist div.quadruple1 { width:18%; float:left; }
.content .quadruplelist div.quadruple2 { width:78%; margin:0 1.5%; float:left; }
.content .quadruplelist div.quadruple3 { width:18%; float:left; }
.content .quadruplelist div.quadruple2 ul { width:22%; float:left; margin-right:4%; }

.content .contentmargins.twoblock ul:first-child li.twoblock-sub { width:99%; }
.content .contentmargins.twoblock ul:first-child li.twoblock-text { width:99%; }
.content .contentmargins.twoblock ul:last-child li.twoblock-sub { color:#7eccc3; }

#HistoryBanner { background-image:url('/images/gic/GIC-UpperBanner-Final.jpg'); }
}