html{ height: 100%;}hr{ height: 3px; width: 27px; background-color: #023365; border: none; margin: 12px 0 16px;}.img-responsive{ display: block; max-width: 100%; height: auto;}.clear{clear: both;}/* age page style */.age-page { padding: 0; width: 100%; height: 100%; margin: 0 auto; background-color: #e5e5e5; background-image: url(../images/age-bg.png); background-repeat: no-repeat; background-position:center; font-family: "Microsoft YaHei"; font-size: 12px; line-height: 1.75;}.block-age { display: table; width: 100%; height: 100%; text-align: center; color: #052e6b; /*padding-bottom: 100px;*/}.block-age-inner { display: table-cell; vertical-align: middle;}.block-age p { margin: 15px 0; color: #052e6b; font-size: 12px;}.block-age p.errormsg{ color: red;}.ymd{ width: 320px; text-align: center; display: block; margin: 0 auto; height: 80px;}#age-form input { text-align: center; padding: 5px 5px; width: 125px; font-size: 30px; letter-spacing: 4px; border: 1px solid #021f4b; background: #FBFBFB; font-family: 'DIN-Regular';}#age-form input[type='text']{ height: 56px; line-height: 56px; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; outline: none; display: block; float: left;}#age-form input[type='text']:focus{ outline: none;}#age-form input.birthdaymonth{ width: 80px;}#age-form input.birthdayday{ width: 80px;}#age-form ::-webkit-input-placeholder { /*font-family: 'DIN-Regular'; */font-size:30px;color:rgba(2,52,103,0.2); }#age-form ::-moz-placeholder { font-family: 'DIN-Regular';font-size:30px;color:rgba(2,52,103,0.2); } /* firefox 19+ */#age-form :-ms-input-placeholder { font-family: 'DIN-Regular';font-size:30px;color:rgba(2,52,103,0.2); } /* ie */#age-form input:-moz-placeholder { font-family: 'DIN-Regular';font-size:30px;color:rgba(2,52,103,0.2); }input.birthdayday,input.birthdaymonth { margin-left: -5px;}.input-box { width: 100px; margin: 15px auto; font-size: 14px;}#age-form .checkbox{ position: relative; width: 12px; height: 12px; border: #021f4b 1px solid; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -1px;}#age-form .checkbox.selected:after{ content: ''; position: absolute; width: 10px; height: 5px; border-left: #021f4b 1px solid; border-bottom: #021f4b 1px solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 1px; top: 1px;}#age-form .btn-submit { background-color: #023467; color: #fff; padding: 10px 18px; display: inline-block; zoom: 1; *display: inline; cursor: pointer;}#age-form .btn-submit span { margin-right: 8px;}.age-logo{ margin-top: 68px;}.age-page .footer { width: auto; height: 37px; padding: 15px 0; margin-left: 20px; color: #9ea7b5; font-size: 9px; line-height: 1.5; /*border-top: 1px solid #ced1d6;*/ /*margin-top: -68px;*/ background-color: #e5e5e5; text-align:left; margin-top: 100px;}.age-page .footer p{ color: #023467; font-size: 9px;}.age-page .footer-inner{ border-left: 4px solid #b7bec8; padding-left: 15px;}.block-age hr{ width: 50px; height: 1px; border: none; background: #023365; margin:10px auto 0;}@media screen and (max-width:1023px ){ .age-page .footer{ display: none; }}@media screen and (max-width:767px ){ #age-form .btn-submit{ font-size: 12px; } .block-age p{ font-size: 13px; }}/* Home page*//* slides (just make display) */.flexslider{ position: relative;}ul.slides { height: 500px; background-color: rgb(7,7,4);}ul.slides li{ text-align: center}.custom-navigation a.arrow{ display: block; width: 70px; height: 127px; position: absolute; z-index: 1000 ; top: 30%}.custom-navigation a.flex-prev{ background: url(../images/slider_arrow.png) no-repeat 0px 0px ;}.custom-navigation a.flex-next{ background: url(../images/slider_arrow.png) no-repeat -181px 0px ; right:0;}.custom-controls-container{ position: absolute; z-index: 1001 ; width: 100%; text-align: center; color: #ced1d6; bottom: 30px;}.custom-controls-container ol li{ display: inline-block; margin-right: 15px;}.flex-control-paging li a { background-position: -43px -289px; cursor: pointer; display: block; height: 21px; text-indent: -9999px; width: 21px;}.flex-control-paging li a.flex-active { background-position: -43px -318px; cursor: default;}.flex-control-nav a{ background: rgba(0, 0, 0, 0) url("../images/sprite-a.png") no-repeat scroll 0 0;}.home-page .content{ margin: 0 auto; font-family: "Microsoft YaHei";}.home.container{ width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; padding-bottom: 60px; overflow: hidden;}.home-section .inner { position: relative; margin-bottom: 50px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}.home-section .image-text { position: absolute;}.home-section h3 { font-size: 18px; color: #052e6a; line-height: 1.5; margin: 10px 0;}.home-section p { font-size: 14px; line-height: 1.5; margin: 10px 0;}.home-section .content-link { text-decoration: none; font-size: 12px; line-height: 1.5; color: #052e6a; margin-right: 15px;}.home-section.about .image-text { top: 85px; right: -90px;}.home-section.family { text-align: right; margin: 5% 8% 5% 0; position: relative;}.home-section.family .hp-image{float: right; width: 49%;margin-right: 4%;}.home-section.family .hp-text{left: 0%;top: 15%;opacity: 0;}.home-family-china-hr{width: 30px;}.home-section.family .inner{ position: absolute; top: 52%; width: 43%; opacity: 0; right: 50%;}.home-section.join{text-align: left;position: relative;}.home-section.join .hp-image{width: 48%;margin-left: 10%;}.home-section.join .inner{position: absolute;left: 56%;top: 46%;width: 39%;opacity: 0;}.home-section.join .hp-text{width: 32%;left: 52%;top: 15%;position: absolute;opacity: 0;}.home-section.responsibility {text-align: right;margin: 5% 0 0;position: relative;width: 1160px}.home-section.responsibility .hp-image{float: right;}.home-section.responsibility .hp-text{left: 0%;top: 10%;opacity: 0;}.home-section.responsibility img{max-width:100%;}.home-section.responsibility .inner {text-align: left;width: 80%;top: 10px;}.home-section.responsibility .image-text {top: 85px;left: -133px;}.home-section.join .image-text {top: 175px;right: -166px;}.home-section.media{text-align: left;position: relative;margin: 5% 0 0;}.home-section.media .hp-image{float:right;}.home-section.media .inner{text-align: left;width: 80%;top:10px;left:25%;}.home-section.media .hp-text{opacity: 0;left:9%;top:10%;}/**Home page**/.home-pr-china{ position: relative;}.media .hp-image{width: 75%;}.hp-image{width: 80%;}.hp-text{width:50%;position: absolute;}.hp-image img,.hp-text img{max-width:100%;}.home-pr-china .hp-text{top:15%;left: 55.7%;opacity: 0;}.home-pr-china .desc-container{ position: absolute; left: 75.3%; opacity: 0; top: 59%; text-align: left; width: 208px;}.home-pr-china .desc-container h3.title{ font-size: 30px; color: #013f7d; font-weight: unset;}hr.home-pr-china-hr { color: #013f7d; height: 3px; margin: 15px 0; text-align: left; width: 40px;}.home-pr-china .desc-container .desc { font-size: 14px; line-height: 24px;}.content-link { position: relative; font-size: 12px; color: #013f7d; text-decoration: none; margin-top: 10px; display: inline-block;}.content-link:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(1, 63, 125, 0); border-left-color: #013f7d; border-width: 5px 8px 5px; margin-top:-5px; margin-left: 7px;}/**Home page**//* terms and conditions page && Consumer Privacy page */.terms-conditions, .consumer-privacy { max-width: 940px; padding: 0 10px; margin: 70px auto;}.terms-conditions .page-title span{font-size: 40px;}hr.left { height: 2px; width: 15px; display: inline-block; zoom: 1; *display: inline;}.terms-conditions .last-p { margin: 50px 0; padding-left: 25px; background: url(../images/t-c-icon.png) left center no-repeat;}/* terms and conditions page */.search-page { max-width: 940px; padding: 0 10px; margin: 70px auto;}.search-filter input { width: 100%; padding: 30px 10%; font-size: 24px; margin-bottom: 15px; background: url(../images/search.jpg) 3% center no-repeat; border: 1px solid #b0b7c5; color: #b0b7c5;}.search-page .block-wrap { margin-top: 40px;}.result-list { margin-bottom: 40px; width: 235px; float: left;}@media(max-width: 480px) { .result-list { margin-bottom: 40px; width: 100%; float: none; margin-left: auto; margin-right: auto; } .terms-conditions .page-title{font-size: 40px;} .terms-conditions .page-title span{font-size: 30px;}}.result-list img { display: block; width: 235px; height: 132px;}.result-list h2 { margin-top: 10px; color: #464646; font-family: 'Microsoft YaHei', sans-serif; font-size: 22px; line-height: 1.5; font-weight: normal; letter-spacing: 1px; height: 33px; overflow: hidden; padding-right: 35px;}hr.left.light { height: 1px; background-color: #b0b7c5;}.result-list p { margin-bottom: 15px; font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: #7a7a7a; height: 44px; overflow: hidden; padding-right: 35px;}@media(max-width: 480px){ .result-list h2 ,.result-list p { padding-right: 0; height: auto; overflow: auto; } .search-filter input{ padding: 4% 5% 4% 12%; } .result-list img{max-width:100%;width: auto;}}.result-list .link { font-size: 14px; padding-right: 15px; color: #002454; background: url(../images/icon-arrow-dark.png) right center no-repeat; text-decoration: none; letter-spacing: 1px;}/* recruitment page */div.recruitment-part1 .recruitment-text { margin: 30px 0; font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: #7a7a7a; line-height: 150%;}div.recruitment-part1 .recruitment-text p { width: 740px; margin-left: 130px;}@media(max-width: 768px){ div.recruitment-part1 .recruitment-text p { width: 100%; margin-left: 0px; } .result-list .link{font-size: 18px;}}/* campus recruitment page */.campus-recruitment { max-width: 960px; padding: 0 10px; margin: 30px auto;}.campus-recruitment .left-ct { float: left; width: 65%; color: #8d8d8d; line-height: 1.6;}.campus-recruitment .right-side { float: right; width: 33%;}.campus-recruitment .left-ct p,.campus-recruitment .left-ct dl { margin-bottom: 30px;}.campus-recruitment .left-ct dt,.campus-recruitment .iammt .title { color: #062e6a; font-size: 22px; line-height: 1; margin-top: 12px;}.campus-recruitment .left-ct hr { float: left; margin: 15px 0;}.campus-recruitment .left-ct dd { margin-bottom: 32px; clear: both;}.campus-recruitment .left-ct dd span,.campus-recruitment .left-ct .know-more,.campus-recruitment .iammt p span { color: #062e6a;}.campus-recruitment .left-ct h4 { font-size: 14px; color: #062e6a;}.campus-recruitment .left-ct .programe { display: block; margin: 64px 0 32px;}.campus-recruitment .right-side .trend { margin-bottom: 24px;}.campus-recruitment .right-side ul { padding-left: 29px; background: url(../images/campus-recruitment-ul-arrow.jpg) left bottom no-repeat;}.campus-recruitment .right-side li { font-size: 14px; padding: 10px 22px; margin-bottom: 5px;}.campus-recruitment .right-side li a { color: #062554; text-decoration: none;}.campus-recruitment .right-side li.list-1 { background-color: #e2efe0;}.campus-recruitment .right-side li.list-2 { background-color: #cbe3c8;}.campus-recruitment .right-side li.list-3 { background-color: #b3d4b0;}.campus-recruitment .right-side li.list-4 { background-color: #bfd5ee;}.campus-recruitment .right-side li.list-5 { background-color: #98bce2;}.campus-recruitment .right-side li.list-6 { background-color: #6ea3d6;}.campus-recruitment .right-side li.list-7 { background-color: #5974a4;}.campus-recruitment .right-side li.list-8 { background-color: #19497e;}.campus-recruitment .right-side li.list-7 a,.campus-recruitment .right-side li.list-8 a { color: #fff;}.campus-recruitment .right-side .apply { background-color: #062553; border: none; color: #fff; height: 35px; width: 100%; font-family: 'Microsoft YaHei', sans-serif; border-bottom: 5px solid #98bce2; margin-bottom: 6px; cursor: pointer;}.campus-recruitment .right-side .apply.join { margin-top: 60px;}.campus-recruitment .right-side .apply span { background: url("../images/contact-right-arrow-icon.png") no-repeat; width: 8px; height: 10px; display: inline-block; zoom:1; *display: inline; position: relative; top: 1px; left: 10px;}.campus-recruitment .right-side .deadline { margin-bottom: 64px;}.campus-recruitment .right-side .earth { margin-bottom: 36px;}.campus-recruitment .iammt .p-list { margin-bottom: 40px;}.campus-recruitment .iammt .headimg { float: left;}.campus-recruitment .iammt .description { float: left; margin-left: 60px;}/* jobList page (5.0) */.society-recruitment{ max-width: 960px; margin: 30px auto;}#society-job { margin: 0 -10px;}#society-job li.post { width: 240px; height: 275px; float: left; border: 1px solid #c1c1c1; margin: 10px; padding: 30px;}@media(max-width: 768px){ #society-job { margin: 0; } #society-job li.post { width: 100%; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.society-recruitment .post .position-desc { height: 150px; }}/* about us page (FMR) */div.ablutus-content .page-title { font-family: 'DINCond-Bold', sans-serif; font-weight: normal;}div.ablutus-content .page-title span { font-size: 40px; line-height: 1.5; font-family: 'Microsoft YaHei', sans-serif; font-weight: bold;}div.ablutus-content .part2 .part-content ul.item-list li ul li h1 { font-family: 'DIN-Regular'; font-weight: 100;}div.part4 .part-content .data-left ul li h1 { font-family: 'DIN-Regular'; font-weight: 100;}div.part4 .part-content .data-right ul { padding-top: 15px;}div.part4 .part-content .data-right ul li h1 { font-family: 'DIN-Regular'; font-weight: 100; font-size: 30px;}div.part4 .part-content .data-right ul li.area1 h1,div.part4 .part-content .data-right ul li.area3 h1 { height: 46px;}div.part4 .part-content .data-right ul li.area2 h1 { height: 46px}div.part4 .part-content .data-right ul li.area2 { margin-top: 0px;}div.part4 .part-content .data-right ul li.area3 { margin-top: 0;}/* csr page style */#csr-container .part1 h2.page-title { line-height: normal; font-family: 'DINCond-Bold','Microsoft YaHei', sans-serif;}#csr-container .part1 h2.page-title span { font-size: 40px; line-height: 1.5;}div#csr-container .massageandmore { font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: #7a7a7a;}div#csr-container .part4 .massageandmore p { width: 458px;}/* recruitment page style */.recruitment-content .position span { font-family: 'Microsoft YaHei', sans-serif; font-size: 40px; line-height: 1.5;}/* joblist page style */.society-recruitment .position span { font-family: 'Microsoft YaHei', sans-serif; font-size: 40px; line-height: 1.5; font-weight: bold;}.society-recruitment .requirement p { font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: #7a7a7a;}ul.sub{ list-style: circle; margin-left: 1em; margin-bottom: 10px;}ul.sub li{ list-style: circle;}/* campus-recruitment page style */.campus-recruitment .position span { font-family: 'Microsoft YaHei', sans-serif; font-size: 40px; line-height: 1.5; font-weight: bold;}/* ec page style */.onlineshopbox .page-title span { font-family: 'Microsoft YaHei', sans-serif; font-size: 40px; line-height: 1.5; font-weight: bold;}div#online-shopping-container .onlineshopbox p { font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: #7a7a7a;}#online-shopping-container div.shoppingbox .left .onlineshopbox { padding-bottom: 5px;}#online-shopping-container div.shoppingbox .left .djbox { margin-top: 0;}/* contact us page style */div.contact-us-content .contact-us .title { font-family: DINCond-Bold; font-size: 50px;}div.contact-us-content .contact-us h1 { font-family: 'Microsoft YaHei', sans-serif; font-size: 40px;}div.contact-us-content .contact-us hr { float: left; background-color: #fff; margin: 15px 0;}.ie9 .contact-us-content .contact-us .contact-fields table td .contact-department select,.ie9 .contact-us-content .contact-us .contact-fields table td .contact-country select,.ie10 .contact-us-content .contact-us .contact-fields table td .contact-department select,.ie10 .contact-us-content .contact-us .contact-fields table td .contact-country select,.ie11 .contact-us-content .contact-us .contact-fields table td .contact-department select,.ie11 .contact-us-content .contact-us .contact-fields table td .contact-country select { padding-left: 35px;}div.contact-us-content .contact-us .contact-fields table td .contact-subbtn { background: rgba(10, 27, 54, 0.57); border: 1px solid #6a7c98; width: 115px; font-size: 14px;}.atext{ text-align: center; margin: 20px 0;}/* home page style */.home .content-link { font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px;}.home .home-section.responsibility p{ width: 48%;}div.home-section p,div.home-pr-china .desc-container .desc { font-family: 'Microsoft YaHei', sans-serif; letter-spacing: 1px; color: rgba(0, 0, 0, 0.6);}@media screen and (max-width:768px ){ .home .home-section.responsibility p { width: 95%; } .campus-recruitment .left-ct h4,.campus-recruitment .left-ct dd{font-size: 18px;} .campus-recruitment .left-ct .programe { width: 100%; }}