@charset "UTF-8";

/*Mobile*/
/*SL -230 - help (10px around text box)*/
.gallery .gal-item .gal-placeholder .gal-text-margin { padding: 10px; min-height: 15px }
.gallery .gal-item .gal-placeholder .gal-text p, .gallery .gal-item .gal-placeholder .gal-text-2 p { padding-right: 16px/*Fix text overlapping arrow*/ }
body#企业监管-ID div.content div.gallery div.gal-item div.gal-placeholder a div.gal-text.scaleme div.gal-text-margin p.members-position { /* padding-right:70px; */
}
/*SL -279*/
.pullitemlist .widelinks ul li.longlist:hover { background-image: url(../images/site/arrow-plus-purple.png); }
.pullitemlist .widelinks ul li.longlist:hover.active { background-image: url("../images/site/arrow-minus-purple.png"); }
.pullitemlist .widelinks ul { margin: 0 0 60px 0; }
.pullitemlist .widelinks ul li.longlist .longlist-link .sect-text { text-transform: none; }
/*SL -204*/
.carousel-container { margin-top: 00px }
/*SL -195*/
.footer-gap { height: 35px }
/*SL -188*/
div.content .title h1 { margin-bottom: 15px; margin-top: 30px; margin-left: 5%; }
div.content .title h2 { margin-bottom: 15px; margin-top: 30px; margin-left: 5%; line-height: 40px; color: #009987; }
/*SL -189*/
/*.center-container,.left-container {margin-bottom:-9px}*/
/*SL -191*/
.contentmargins p { margin-bottom: 10px }
/* Responsive Fixes */

/* Site */
html { height: 100%; }
body { min-height: 100%; }
h3 { margin-left: 5%; }
p { margin-left: 5%; }
div.content .text ul { margin-left: 5%; }
div.content .breadcrumb { margin-top: 30px; margin-bottom: 30px }
#footer { margin-top: 60px; overflow-x: hidden; }
.pullout { width: 90%; margin-left: 5% }
/* Home */
.section-page-links { margin: 0 0% 20px 0; }
body { background: #ffffff }
#GIC-ID div.content .contentmargins { width: 90%; }
/*.gallery .gal-item {width:100%}*/
.contact-form-wrapper { margin-left: 5%; }
/*Overview */

#car1 p img { width: 100%; height: auto; }/* this class has been harcoded into the image in the backend*/
.content .submenu ul li a { width: 75%; margin-left: 5% }
.flex-viewport { background: #ffffff }
.flexslider .flex-viewport .slides li p.flex-caption { padding: 10px 5.5%; }
/*History*/
.history-img { width: 100%; height: auto; }

#navbox ul#nav li.parent ul.nav-child li.active a { background-color: #009b87; /*background-image: url("../images/site/arrow-white.png"); */background-position-x: 95%; background-position-y: center; background-position: right 10px center; background-repeat: no-repeat; }
/* CORPORATE GOVERNANCE */
.gal-text-margin p { font-family: 'ITCFranklinGothicW01-Bk 812647', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: normal; font-size: 11px!important; line-height: 14px!important; padding-right: 16px; letter-spacing: 1px; }
.members-position { font-style: italic; }
/* FAQ */
.box-close { width: 20px; height: 40px; position: absolute; right: 0; bottom: 0; cursor: pointer; display: none; }
.box-linkedin { width: 20px; height: 30px; position: absolute; right: 25px; bottom: 0; cursor: pointer; display: none; }
.box-linkedin img { width: 25px; }
.box-email { width: 20px; height: 30px; position: absolute; right: 70px; bottom: 0; cursor: pointer; display: none; }
.box-email img { width: 40px; }
/* NEWSROOM SECOND LEVEL */
.left-container .text img { margin-top: 4px; }
/* OUR HISTORY */
.pullout { margin-bottom: 30px; }

/* FOOTER */
/*.greybox { float: right; height: 58px; width: 58px; background: #363636; margin-top: -10px; }*/


/* Tablet CSS */
@media only screen and (min-width: 768px) {
/* SL - 147 - help (Error occurs on Safari)*/
.flexslider { background: none; background-color: transparent; position: inherit }
.flexslider .flex-viewport .slides li p.flex-caption { padding: 10px 2.5%; }
.carousel-container { background: none }
/*SL -226*/
body .content .dropdown, body .content .greenbutton { margin-bottom: 30px }
.carousel-container { margin-top: 0px }
/*Responsive Fixes*/

/* Site */
div.content .title h1 { margin-left: 0; margin-top: 0; }
div.content .title h2 { margin-left: 0; margin-top: 20px; line-height: 40px; color: #009987; }
p, h3, div.content .text ul { margin-left: 0%; width: auto }
.pullout { margin: 0 26.5%; width: 47%; }
/*.gallery .gal-item {width:45%}*/
#footer { margin-top: auto }
.center-container .infographic { width: 150%;  }
/* Home */
body { background: #f2f2f2 }
.section-page-links { margin: 0 20% 20px 0; }
#GIC-ID div.content .contentmargins { width: 47.4%; }
#GIC-ID div.content .title h1 { margin-top: 0px }
/*Overview */
.content .submenu ul li a { width: 105%; margin-left: 0; font-size: 12px }
/*History*/
.history-img { width: 100%; height: auto; margin-left: -10% }
/*.gallery .gal-item .gal-placeholder{width:75%}*/

.contact-form-wrapper { margin-left: 0%; width: 480% }
}

/* Desktop CSS */
@media only screen and (min-width: 960px) {
/* SL - 147 - help (Error occurs on Safari)*/
.flexslider { background: none; background-color: transparent; position: inherit }
.flexslider .flex-viewport .slides li p.flex-caption { padding: 10px 2.5%; }
.carousel-container { background: none }
/*SL -226*/
body .content .dropdown, body .content .greenbutton { margin-bottom: 30px }
div.content .contentmargins.single { margin-bottom: 20px; }
.right-container.submenu .contact-form-wrapper .form-horizontal .field-wrapper input.form-control { font-weight: normal }
.right-container.submenu .contact-form-wrapper .form-horizontal .field-wrapper { margin-bottom: -5px }
.contact-form-wrapper { margin-top: 110px }
/*Responsive Fixes*/
.center-container .infographic { width: 150%!important; margin-left: -50%; }
/* Site */
/*div.content .title h1 { margin-left: 0; margin-top: 0; width: auto }*/
div.content .title h2 { margin-left: 0; margin-top: 0; line-height: 40px; color: #009987; }

p, h3, div.content .text ul { margin-left: 0%; width: auto }
#footer { margin-top: auto }
.pullout { margin: 0 26.5%; width: 47%; }
.gallery .gal-item { width: 22% }
/* Home */
body { background: #f2f2f2 }
.section-page-links { margin: 0 52% 0 0; }
#GIC-ID div.content .contentmargins { width: 47.4%; }
#GIC-ID div.content .title h1 { margin-top: 0px }
/*Overview */
.content .submenu ul li a { width: 100%; margin-left: 0; font-size: 14px }
/*History*/
.history-img { width: 1088px; height: auto; border-width: 0px; border-style: solid; margin: 0px; float: left; margin-left: 0 }
.gallery .gal-item .gal-placeholder { width: auto }
.contact-form-wrapper { margin-left: 0%; width: 100% }

}

@media only screen and (max-width: 1100px) {
.content .quotes ul.listquotes li p { font-family: 'ITCFranklinGothicW01-Md 812695', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 2; margin: 0; padding: 0; font-size: 14px; line-height: 16px;font-weight: normal; width: 90%; }
}

/* NEWSROOM */
@media only screen and (max-width : 767px) {
#newsArticleBody p { margin-right: 5%; }
.gallery .slider .gal-item { width: 240px !important; /*margin-left: 2.5%;*/ margin-left: 20px; margin-right: 0px; margin-bottom: 20px; }
#menu-social { display: none; }
}

/* MOBILE */
@media only screen and (max-width: 480px) {
.right-container.submenu { display: none; }
.content .title h1 { margin-top: 0px!important; }
.contentmargins .title h1, .contentmargins p { margin-left: 0px!important; }
.contentmargins .title h1 { margin-top: 30px!important; }
.greybox { display: none; }
}


@media only screen and (max-width : 480px) {
.gallery .slider .gal-item .gal-placeholder { width: 100% }
.gallery .gal-item { width: 90%!important; margin-bottom: 5%; /*margin-left: 2.5%; margin-left: 20px; margin-right: 0px;*/ }
.gallery .gal-item .gal-placeholder { width: 100% }
}