/*!
 * myCss v1.0.0
 * Copyright © 2003 NetSoft Limited. All rights reserved.
 */

/*======================Temp Css========================*/
html, body{
	height:100%;
	font-family:Arial, Helvetica, sans-serif;/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#wrap{min-height:100%;height:auto;}
a#fontSizeM, a#fontSizeL, a#fontSizeXL{color:#000;}
body.mySize0 #boxes,body.mySize0 .bodyArea,body.mySize0 .footerArea,body.mySize0 .footerArea1{font-size:1em;}
body.mySize1 #boxes,body.mySize1 .bodyArea,body.mySize1 .footerArea,body.mySize1 .footerArea1{font-size:1.2em;}
body.mySize2 #boxes,body.mySize1 .bodyArea,body.mySize2 .footerArea,body.mySize2 .footerArea1{font-size:1.4em;}

body.mySize0 .headerMenu{font-size:15px;}
body.mySize1 .headerMenu{font-size:16px;}
body.mySize2 .headerMenu{font-size:17px;}

body.mySize0 .bodyArea,body .mainContent,body .leftMenu .subTitle,body.mySize0 .mainContent,body.mySize0 .leftMenu .subTitle,body.mySize0 .highlight,body .leftMenu{font-size:100%;}
body.mySize1 .bodyArea,body.mySize1 .mainContent,body.mySize1 .leftMenu .subTitle,body.mySize1 .highlight{font-size:120%;}
body.mySize2 .bodyArea,body.mySize2 .mainContent,body.mySize2 .leftMenu .subTitle,body.mySize2 .highlight{font-size:140%;}
.clearBoth{clear:both;}
body .nonDisplay{display:none;}
body .deep1{background-color:#333;color:#fff;}
body .deepBg a{color:#fff;}
body .deepBg a:hover, body .deepBg a:focus{color:#fff;}
body h2{margin-right:0px;padding-right:0px;}
#home h2{font-size:3.1em !important;font-weight:600!important;text-align:center;display:block;color:#00024f;padding-top:20px;padding-bottom:20px;letter-spacing:-0.015em;font-family:'Open Sans', 'Arial', 'sans-serif', 'Microsoft JhengHei';}
body h1{font-weight:600;color:#000;text-align:left;display:block;margin-right:auto;margin-left:auto;clear:both;font-size:29px;}
body label{font-weight:inherit;}
.mainContent hr{color:#bbb;max-width:100%;}
.headerTool .headerToolLeft{float:left;}
.headerTool .headerToolRight{float:right;}
.headerTool .headerToolRight>div{float:left;}
.headerToolRight .AStyleArea{margin-top:2px;}
.imgBar{margin-top:6px;}
.imgBar img{margin-top:-6px;margin-right:3px;}
.headerToolRight .AStyleArea, .headerToolRight .clfSeachBar{float:left;}
div.org{display:none;}
body .row{margin:0;}
img, table{border:0;}
table{border-collapse:collapse;}
.access{position:absolute !important;left:-9999px;font-size:0 !important;padding:0 !important;width:0 !important;height:0 !important;z-index:-1 !important;}
.disNone{display:none;}
.navbar-menu{position:relative;padding:0;margin:0;background-color:transparent;background-image:none;border:0;}
.navbar-toggle:focus{outline:none;}
.navbar-my-mainmenu{position:relative;padding:0;margin:0;background-color:transparent;background-image:none;border:0;}
.desktop{display:inherit;}
.mobile{display:none;}
.mobileLangTool{float:right;}
.headerTool .nav > li > a{padding:0;}
.headerTool .nav > li > a:hover, .headerTool .nav > li > a:focus{}
.headerTool .nav .open > a, .headerTool .nav .open > a:hover, .headerTool .nav .open > a:focus{}
.mainMenu li.dropActive ul.menuItem{background-color:#f9f9f9;}
.mainMenu .menuItem li a{background-color:#f9f9f9;}
.headerArea .headerImg{background-color:#cce6f3;padding:25px 20px;}
.headerImg .headerTxt p{margin:22px 0;}
.bs-example-js-navbar-quick, .iconTool{z-index:700;}
.bs-example-js-navbar-search{z-index:600;}
.headerMenu.collapse{display:block;height:inherit !important;}
.headerTool{background-color:#333;}
.headerTool .btnStyleDivide, .headerTool .btnStyleDivide2{color:#fff;float:right;font-size:1.4em;}
.headerTool .btnStyleDivide li{padding:14px 10px 14px 0;border-right:solid 1px #666;}
.headerTool .btnStyleDivide li.imgOver{background:#fff;}
.headerTool .btnStyleDivide li.imgOver a{color:#000;}
.headerTool .btnStyleDivide a, .headerTool .btnStyleDivide2 a{padding:0 15px;color:#fff;}
.headerTool .btnStyleDivide a:focus, .headerTool .btnStyleDivide a:hover, .headerTool .btnStyleDivide a:focus, .headerTool .btnStyleDivide2 a:focus, .headerTool .btnStyleDivide2 a:hover, .headerTool .btnStyleDivide2 a:focus{color:#fff;}
.headerTool .btnStyleDivide2 li{padding:13px 5px;border-right:solid 1px #666;}
.headerTool .btnStyleDivide2 li.imgOver{background:#fff;}
.headerTool .quickList{position:absolute;}
.headerTool .bs-example-js-navbar-quick{min-width:300px;}
.mainMenu .menuItem{}
.mainMenu .menuItem .menuItemHr{margin:0 5%;padding:0;color:#D3D8E2;background:#D3D8E2;height:0px;}
.shareBar>div{display:inline-block;margin:10px 30px 0 0;}
.shareBar .shareBtn{margin:5px 0 0 0;}
.shareBar .shareBtn img{margin:0 3px 0 0;}
.indexVersion .footerMenu{display:block;}
.footerMenu ul{list-style-type:none;list-style-position:outside;padding:0;margin:0;}
.footerMenu ul>li{display:inline;padding:0;margin:0;}
.copyrightMenu ul{list-style-type:none;list-style-position:outside;padding:0;margin:0;}
.copyrightMenu ul>li{display:inline;padding:0;margin:0;}
.menuDivide2{margin:0 2px 0 4px;color:#3f84a7;}
.menuDivide3{margin:0 2px 0 4px;}
.headerArea .breadcrumb{margin:3px 0 20px 0;color:#005c8a;}
.headerArea .breadcrumb ul, .headerArea .breadcrumb li{list-style:none;}
.headerArea .breadcrumb ul{padding:0;margin:0;}
.headerArea .breadcrumb li{margin-right:3px;}
.headerArea .breadcrumb a, .headerArea .breadcrumb a:link, .headerArea .breadcrumb a:active, .headerArea .breadcrumb a:visited{color:#000;text-decoration:none;}
.headerArea .breadcrumb a:hover, .headerArea .breadcrumb a:focus{color:#005c8a;text-decoration:underline;}
.hiddenLabel{visibility:hidden;position:absolute;}

/*====================Left Menu================================*/
.leftMenu .mainTitle{padding-top:0;color:#005c8a;font-size:2.6em;line-height:1.2em;}
.leftMenu .subTitle{color:#000;}
.leftMenu .subTitle a, .leftMenu .subTitle a:link, .leftMenu .subTitle a:active, .leftMenu .subTitle a:visited{color:#000;}
.leftMenu .subTitle a:hover, .leftMenu .subTitle a:focus{color:#005c8a;}

/*=====================Content Css=============================*/
.listStyle0, .listStyle0>li, .mainContent .listStyle0, .mainContent .listStyle0>li{list-style-type:none;}
.listStyle0, .mainContent .listStyle0{padding:5px 0;}
.listStyle1, .listStyle1>li{list-style-type:none;}
.listStyle1{padding:5px;}
.listStyleNone, .listStyleNone>li{list-style-type:none;}
.listStyleRoman{list-style-type:lower-roman;}
.listStyleAlpha{list-style:lower-alpha;}
body .subMenu>li{margin:0;list-style-type:none;border-top:2px solid #e1e1e1;}
body .subMenu>li.firstLi{border-top:0;}
body .subMenu>li ul{padding-left:0;list-style-type:none;}
body .subMenu>li li{margin:0;list-style-type:none;line-height:30px;list-style-position:outside;}
body .subMenu>li li a{line-height:1em;list-style-type:none;list-style-position:outside;display:list-item;margin-left:15px;padding-top:8px;padding-bottom:8px;letter-spacing:-0.015em;color:#565656;}
body .subMenu>li li li a{margin-left:30px;}
.subMenu>li.borderB{border-bottom:1px #ddd solid;}
ul.subMenu{width:300px}
.subMenu2>li.borderB{border-bottom:1px #ddd solid;}
.leftMenu .subMenu li>a{position:relative;}
.leftMenu .subMenu li li:last-child{border-bottom:1px #fdfdfd solid !important}
.leftMenu .subMenu li>a>span{padding-right:40px;display:block;padding-left:0;line-height:1.5em;}
.leftMenu .subMenu li>a>span:hover{color:#504098;text-decoration:underline;}
.leftMenu .subMenu li>a>span.caret{padding-right:0px;position:absolute;right:25px;top:50%;width:13px;height:13px;;margin-top:-6px !important;border:0;}
.subMenu>li>a{letter-spacing:-0.025em;display:block;padding-top:16px;padding-right:10px;padding-bottom:16px;padding-left:0px;}
.subMenu>li>a,.subMenu>li>a:visited{color:#063e7c;padding-bottom:10px;padding-top:10px;}
.subMenu>li>a.active_section.active_section_sub{color:#504098;font-weight:bold;}
.subMenu .listStyle0>li{margin:0;}
.subMenu li.lastLi>a, .subMenu li.firstLi>a{}
.subMenu li.lastLi>a, .subMenu li.firstLi>a.active_section{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:0;}
.subMenu li.lastLi>a.activeObj, .subMenu li.firstLi>a.activeObj{border-bottom:solid 1px;}
.subMenu2>li{padding:2px 0 2px 20px;}
.menuStyleDivide .activeObj>a{color:#005c8a;}
.leftMenu .subMenu a.activeObj{color:#005c8a;}
.leftMenu .subMenu .borderB>a.activeObj{border-color:#005c8a;border-width:1px;}
.leftMenu .subMenu{text-align:left;padding-top:0;margin-left:0px;padding-left:0px;}
.leftMenu .subMenu ul li{}
.pStyle0 img{float:left;padding:5px;}
.pStyle1 img{float:right;padding:5px;}
.lrs{padding:5px;}
.sectionPage table, .sectionPage table th, .sectionPage table td{vertical-align:top;}
.styleTable table{width:100%;}
.styleTable table, .styleTable th, .styleTable td, .styleTable tr{border-collapse:collapse;border:#666 1px solid;}
.styleTable th, .styleTable td{padding:5px 8px;}
.styleTable table .styleBorder{border-bottom:1px solid #005c8a;}
.nonStyleTable{border:0;}
.nonStyleTable th, .nonStyleTable td{padding:5px 8px;}
.hideBtn{margin-left:10px;}
.styleBorder{background-color:#f7f9f9;}
.groupColor .bgColorZe{background-color:#ecf0f1;}
.styleFirstRow table .bgColorFth, .styleFirstCol table .bgColorFth{background-color:#622a8b;color:#fff;text-align:left;}
.pdfTable table{margin-bottom:10px;}

.tableGray tr{background-color:#f6f6f6;}
.rowStyle0{float:left;width:100%;}
body h1{margin:0;font-weight:700;font-size:1.6em;}
body h3{font-size:1.1em;margin-left:0px;font-weight:600;padding:0px;margin-right:0px;margin-top:0;margin-bottom:15px;}
body h4,body h5{font-size:1em;margin-top:0.4em;color:#000;}
body .vLink{width:1px;border-left:1px solid #000;float:left;margin-top:50px;margin-left:-20px;}
.newsList, .newsList li{list-style-type:none;}
body .simply-scroll .simply-scroll-list .newsList>li{width:100%;}
.newsColor{}
.newsItem{margin:5px 0 15px 0;line-height:1.2em;}
.newsDate{font-weight:bold;}
.newsTitle{}
.newsContent{}
.newsEmer{color:#fff;}
.newsEmer>div{background-color:#D73D33;text-align:center;}
.inlinkTI div{}
.inlinkTI ul, .inlinkTI li{width:100%;}
.mainContent .listContent{padding:5px;}
.mainContent .listContent ul, .mainContent .listContent ul li{padding:0;}
.menuStylePhone .clickActive{}
.pdfIcon{}
.myBgcolor0{background-color:#fff3cc;}
.myBgcolor1{background-color:#f4e7bd;}
.myBgcolor2{background-color:#d9fdf8;}
.myBgcolor3{background-color:#fcdcc7;}
.myBgcolor4{background-color:#eddbe7;}
.myBgcolor5{background-color:#daeac3;}
.myBorder0{border:solid 1px #019680;}
.myBorder0 .myBordeL{background-color:#019680;}
.myBorder1{border:solid 1px #f8ad7c;}
.myBorder1 .myBordeL{background-color:#f8ad7c;}
.myBorder2{border:solid 1px #66a356;}
.myBorder2 .myBordeL{background-color:#66a356;}
.myBorder3{border:solid 1px #ffcc62;}
.myBorder3 .myBordeL{background-color:#ffcc62;}
.myBorder4{border:solid 1px #ade0e4;}
.myBorder4 .myBordeL{background-color:#ade0e4;}
.myBorder5{border:solid 1px #daeac3;}
.myBorder{border:solid 1px;}
.myBorder .myBordeL{}
.myBordeL{width:16%}
.myBordeR{width:84%;background-color:#fff;}
.myTable0{background-color:#ffe4bf;}
.myTable1{border:#ef761b 1px solid;}
.myTable1 td{background-color:#ffe3aa;}
.myTable1 .firstRow>td{background-color:#d8551f;}
.myTable1 .firstCol>td{background-color:#ff9555;}
.myTable2{border:#ff9900 1px solid;}
.myTable2 td{background-color:#ffe5c0;}
.myTable3{border:#66ccff 1px solid;}
.myTable3 td{background-color:#bbe9ff;}
.myTable3 .firstRow>td{background-color:#55c8ff;}
.myTable4 td{background-color:#e3f2d5;}
.txt-btn,.img-btn{cursor:pointer;color:#005c8a;}
.txt-btn:hover,.img-btn:hover{cursor:pointer;color:#4d636b;}
.itemList>div{margin-bottom:5px;}
.itemList .itemImg{float:left;padding:0px 5px 0px 0px;}
#bottomNews>div{padding:12px 12px 0px 12px;}
/*====Chinese=====*/

.chineseVersion h2, .chineseVersion .mainTitle{
font-weight:bold;
}
/*====ISO===*/

div.faq h3{
float:left;
cursor:pointer;
}
div.faq .iso{
clear:both;
}
.bold{
font-weight:bold;
}
.iso .iso-text{
width:100%;
}
/*==========Google===========*/
#cse form.gsc-search-box{
line-height:1em;
}
#cse .gsc-control-cse{
padding:0;
}
#cse .gsc-search-box-tools, #cse .gsc-tabsArea, #cse .gsc-orderby-container, #cse .gcsc-branding{
display:none;
}
#cse .gsc-selected-option-container{
padding:0;
width:80px!important;
}
#cse .resInfo-name{
float:left;
margin-top:0;
margin-bottom:0;
padding:8px 0;
padding-bottom:10px;
margin-left:-4px;
color:#676767;
}
#cse .gsc-result-info{
float:left;
}
#cse .gsc-refinementsArea{
display:none;
}
.gsc-control-cse .gsc-table-result{
margin-left:8px;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
border-color:#D9D9D9;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
border-color:#666;
background-color:#CECECE;
background-image:none;
filter:none;
}
.gsc-tabHeader.gsc-tabhInactive{
border-color:#FF9900;
background-color:#FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive{
border-color:#E9E9E9;
background-color:#E9E9E9;
border-bottom-color:#FF9900
}
.gsc-tabsArea{
border-color:#FF9900;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{
border-color:#FFFFFF;
background-color:#FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover{
border-color:#FFFFFF;
background-color:#FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b{
color:#0000CC;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b{
color:#0000CC;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b{
color:#0000CC;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b{
color:#0000CC;
}
.gsc-cursor-page{
color:#0000CC;
}
a.gsc-trailing-more-results:link{
color:#0000CC;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType{
color:#000;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{
color:#008000;
}
.gs-webResult div.gs-visibleUrl-short{
color:#008000;
}
.gs-webResult div.gs-visibleUrl-short{
display:none;
}
.gs-webResult div.gs-visibleUrl-long{
display:block;
}
.gs-promotion div.gs-visibleUrl-short{
display:none;
}
.gs-promotion div.gs-visibleUrl-long{
display:block;
}
.gsc-cursor-box{
border-color:#FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
border-color:#E9E9E9;
background-color:#FFFFFF;
color:#0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
border-color:#FF9900;
background-color:#FFFFFF;
color:#0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion{
border-color:#336699;
background-color:#FFFFFF;
}
.gsc-completion-title{
color:#0000CC;
}
.gsc-completion-snippet{
color:#000;
}
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link{
color:#0000CC;
}
.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited{
color:#0000CC;
}
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover{
color:#0000CC;
}
.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active{
color:#0000CC;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *{
color:#000;
}
.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short{
color:#008000;
}

 input#searchbar::-ms-clear{
display:none;
width :0;
height:0;
}
 input#searchbar::-ms-reveal{
display:none;
width :0;
height:0;
}
.moreBtn{
text-align:center;
margin-bottom:1em;
}
.ddb_btn{
float:right;
}
.ddb_btn .moreBtn, .ddb_btn .dropBtn{
float:left;
position:relative;
margin-right:5px;
}
.myDropDownBox .ddb_title span.myStyle{
color:#fff;
max-width:115px;
display:inline-block;
}
.myDropDownBox .mylong{
margin-top:-6px;
}

/*.footerArea .copyrightBar
{
display:none;
}*/

.mdfBtn #doc_sel{
vertical-align:top;
padding:5px 0;
width:85%;
}
.myDropDownBox .ddb_title{
padding:15px 0 10px 55px;
min-height:42px;
/*margin:5px 0;*/
line-height:1em;
}
.mySize0 .myDropDownBox .ddb_title{
padding:15px 0 10px 55px;
}
.mySize1 .myDropDownBox .ddb_title{
padding:12px 0 10px 55px;
}
.mainContent .firstContent{
padding:0 20px;
position:relative;
min-height:300px;
}
.myDropDownBox{
position:relative;
}
.myDropDownBox .ddb_title>img{
position:absolute;
top:0;
left:0;
z-index:4500;
}
.myDropDownBox span.access{
color:#fff;
position:absolute;
z-index:9000;
}
.myDropDownBox .ddb_title .ddb_btn img{
position:relative;
z-index:9000;
}
.myDropDownBox.denim .ddb_title{
background-color:#0e7cb2;
}
.myDropDownBox.christi .ddb_title{
background-color:#5c800f;
}
.myDropDownBox.mulberry .ddb_title{
background-color:#c8407b;
}
.myDropDownBox.teal .ddb_title{
background-color:#00837e;
}
.myDropDownBox.goldenbrown .ddb_title{
background-color:#a66714;
}
.myDropDownBox.scampi .ddb_title{
background-color:#70589c;
}
#largeFlexsliderCalendar{
width:100%;
overflow:auto;
}
.selectForm>div{
position:relative;
vertical-align:middle;
padding:10px;
}
.selectForm img{
position:absolute;
top:0;
left:0;
height:100%;
}
.greyBg{
background:#f5f5f8;
padding:0;
}

#flexsliderFooter{
width:90%;
margin:auto;
padding:10px 10px 0 10px;
background:#F2F2F5;
}
#flexsliderCalendar, .myCalendar{
margin-right:10px;
}
#flexsliderCalendar, #whatIsNew, .myCalendar{
float:left;
}
.logoList{
margin:0;
padding:10px;
}
.mainContent .logoList ul{
margin:0;
padding:0;
}
.logoList ul li{
margin:10px;
display:inline;
}
.logoList{
background-color:#f5f4f9;
margin-bottom:10px;
min-height:210px;
}
.kcsVersion .myFooterBg{
display:none;
}

/*==================*/
.searchList_pageList{
position:absolute;
top:5px;
right:30px;
z-index:6500;
}
.searchList_pageList .searchList_right{
float:right;
}
.searchList_pageList .searchList_right>div{
float:left;
}
.searchList_pageList .searchList_right .searchList_record{
margin:4px 5px 0 0;
}
.searchList_pageList .searchList_prev, .searchList_pageList .searchList_next{
border:1px #85c6d8 solid;
border-collapse:collapse;
}
.searchList_pageList .searchList_next{
margin-left:-1px;
}
/*=====================*/
.searchList_pageList{
margin:10px 0 5px 0;
overflow:auto;
float:left;
width:100%;
}
.styleFirstRow>div.bgColorFth, .styleFirstCol>div.bgColorFth, .styleLastRow>div.bgColorLst{
color:#000;
font-weight:bold;
}
.blue.styleFirstRow>div.bgColorFth{
background-color:#bdd3de;
}
.bgColorFth.blue{
background-color:#bdd3de;
padding:10px;
font-weight:bold;
}
.halfScreen{
width:50%;
}
.listBlank, ul.listBlank, ol.listBlank{
padding:0;
margin:0;
}
.listBlank, .listBlank>li, ul.listBlank, ul.listBlank>li, ol.listBlank, ol.listBlank>li{
list-style-type:none;
}
.listBlank>li{
display:inline;
}
.highlight{
padding:3px 7px !important;
background-color:#d63c34;
color:#fff;
margin-left:7px;
}
.highlightBtn{
padding:5px 12px !important;
background-color:#3a6fcf;
color:#fff;
margin-left:7px;
}
.highlightBtn>a:link, .highlightBtn>a:active, .highlightBtn>a:visited, .highlightBtn>a:hover, .highlightBtn>a:focus{
color:#fff;
}
.remark{
color:#666;
font-style:italic;
}
.eventTitle{
float:left;
font-weight:bold;
font-size:1.6em;
}
.eventTitle .hlRed{
color:#f00;
}
.orderTool{
position:absolute;
top:0;
right:0;
margin:1.2em 30px 0 0;
}
.siteMenu>li{
margin:10px 0;
}
.siteMenu .firstLi img{
display:none;
}
.siteMenu .firstLi .mOnly{
position:relative;
visibility:visible;
left:0;
}
.siteMenu, .siteMenu>li{
list-style:none;
}
.siteMenu ul{
margin-top:10px;
margin-bottom:10px;
}
.squareArt{
height:40px;
width:40px;
float:left;
display:block;
}
.squarArtList .squareArt{
margin-right:10px;
}
.tagArt{
width:5px;
top:0;
bottom:0;
position:absolute;
left:0;
padding:0 !important;
}
.myBlueBtn{
background-color:#3a6fcf;
color:#fff;
padding:5px 12px;
display:inline-block;
margin:10px 0;
}
.myBlueBtn.largeBtn{
padding:12px 50px;
margin:20px 0;
}
.mySize0 .squareArt{
float:left;
}
.mySize1 .squareArt{
float:none;
}
.cerise{
background-color:#d73252;
}
.tahitiGold{
background-color:#e45e2b;
}
.deepLilac{
background-color:#9453b9;
}
.forestGreen{
background-color:#218320;
}
.curiousBlue{
background-color:#3e79b1;
}
.galliano{
background-color:#dd961a;
}
.squarArtList{
text-align:left;
margin:30px 10px;
}
.squarArtList>div{
display:inline-block;
margin-right:10px;
width:140px;
}
.iframeDiv{
display:none;
}
.iframeVersion .iframeDiv{
display:block;
}
.normalDiv{
display:block;
}
.iframeVersion .normalDiv{
display:none;
}
.calendarList>div{
width:100%
}
.newsData{
position:relative;
}
.newsIcon{
position:absolute;
left:0;
}

/*=====================Print===================================*/
@media print{
html, html body{
height:auto;
}
body{
width:100%;
}
body{
min-width:1024px;
width:1024px;
}
.green_bg  ul > li{
text-align:left;
}
.blue_bg  ul > li{
text-align:left;
}
.green_bg .title{
text-align:left;
}
.blue_bg .title{
text-align:left;
}
body .bodyArea{
background:none;
}
.headerTool .myLogo{
position:static !important;
}
body .headerMenu,
body .breadcrumb,
body .myheaderTool,
body .leftMenu,
body .printTool,
body .btmNav{
display:none !important;
}
body .mainContent{
margin-left:0 !important;
margin-top:30px !important;
margin-bottom:30px !important;
background-color:transparent !important;
box-shadow:none !important;
padding:0 !important;
}
body .footerArea{
box-shadow:none;
}
body .headerMenu .nobr{
display:block;
}
.section_left_banner{
display:none;
}
}
/*=============*/

.dOnly{
position:static;
visibility:visible;
left:auto;
}
.dtOnly{
position:static;
visibility:visible;
left:auto;
}
.mOnly{
position:absolute;
visibility:hidden;
left:-9999px;
}
.tmOnly{
position:absolute;
visibility:hidden;
left:-9999px;
}
.smOnly{
position:absolute;
visibility:hidden;
left:-9999px;
}

.moreBtn.mOnly{
display:none !important;
}
@media print, (min-width:768px){
.footerArea{
clear:both;
}

body .leftMenu{max-width:300px;text-align:left;}
body.indexVersion .contentArea,  body.extIndex .contentArea{padding-top:0px;}
.contentArea .slideWidth{min-width:505px;}
.headerArea .headerTool .searchTool{z-index:9876;}
body .contentArea{
margin-top:0px;
margin-right:auto;
margin-left:auto;
}
body.indexVersion .contentArea,  body.extIndex .contentArea{
padding-top:0px;
}
body .btmNav{
margin-right:auto;
margin-left:auto;
padding-left:0;
padding-right:0;
}
body .mainContent{
padding-left:0;
padding-right:0;
}
.navbar-menu,.headerTop .AStyleArea{
display:none;
}
body .mainContent{
min-height:600px;
}
body.subMenuVersion .mainContent{
margin-left:350px;
padding:30px;
background-color:#fff;
box-shadow:0 0 16px -4px #ccc;
min-height:600px;
}
body.subMenuVersion.mainContent.full_width{
padding-left:0;
}
.searchLabel{
margin-bottom:0;
}
.mainMenu .menuItem{display:none;}
.menuStyleDivide ul{padding:0;box-shadow:5px 5px 15px 1px rgba(0, 0, 0, 0.3);}
.menuStyleDivide ul>li{min-width:200px;}
.menuStyleDivide ul ul{top:0;left:99%;}
.menuStyleDivide ul li{position:relative;}
.menuStyleDivide ul>li>a:link, .menuStyleDivide ul>li>a:active, .menuStyleDivide ul>li>a:visited{padding:8px 10px;display:block;}
.mainMenu .dropActive>ul, .mainMenu .activeUl{display:block;position:absolute;z-index:900;list-style:none;}
.mainMenu .dropActive>ul .subMenuTitle, .mainMenu .activeUl .subMenuTitle{display:none;}
.headerTool .bs-example-js-navbar-search input{height:auto;border:0;border-bottom:2px solid #000;border-radius:0;width:auto;padding-right:2px;padding-left:2px;padding:2px;background-color:transparent;}
.listStyle0>li{
margin:8px 0;
}
.listStyle1>li{
margin:10px 0;
}
.pdfTable table.col1 td{
width:100%;
}
.pdfTable table.col2 td{
width:50%;
}
.pdfTable table.col3 td{
width:33.33%;
}
.pdfTable table.col4 td{
width:25%;
}
.pdfTable table.col5 td{
width:20%;
}
.pdfTable table.col6 td{
width:16.66%;
}
.pdfTable table.col7 td{
width:14.28%;
}
.pdfTable table.col8 td{
width:12.25%;
}
.pdfTable table.col9 td{
width:11.11%;
}
.pdfTable table.col10 td{
width:10%;
}
body .bgJustice{
margin:0 -15px;
}
.newsEmer{
float:right;
margin-right:-45px;
width:120px;
}
.social{
float:right;
width:28%;
margin-top:-20px;
}
.mainContent .listLeft, .mainContent .listRight{
margin:0 15px 0 -15px;
}
.itemList{
min-height:3px;
}
.mainContent .myFL>p, .mainContent .myFL>h2{
margin-left:10px;
margin-right:10px;
}
.indexVersion .mainContent .myFL>p, .indexVersion .mainContent .myFL>h2{
margin:0;
}
.myFR{
float:right;
width:28%;
}
.myDropDownBox{
width:30%;
float:left;
margin:0 0 0 2%;
}
.kcsVersion .myDropDownBox{
margin-bottom:10px;
}
.subPage{
margin:auto;
width:90%;
}
.subPage .myPage{
display:none;
}
.subPage .myPage.pageActive{
display:block;
}
.inlineDiv>div{
display:inline;
}
.inlineDiv>div{
display:inline-block;
}
.inlineDiv>div>*{
width:100%;
}
.contentWrap{
margin:20px;
}
body .selectTool label{
display:inline-block;
}
.selectTool>div{
margin-bottom:10px;
}
.selectTool>div, .selectTool select{
width:120px;
}
.selectTool select{
min-height:30px;
padding:3px 8px;
}
.selectTool>div.searchKey{
width:auto;
}
.selectTool #event_keyword{
width:200px;
display:inline-block;
height:auto;
min-height:30px;
padding:3px 8px;
}
.pageTool{
text-align:right;
margin-bottom:10px;
}
.pageTool img{
border:1px solid #84c5db;
margin:0 10px;
}
body .pageTool>.fCd{
border:0;
}
.pageTool>div{
border-left:2px solid #abc2d2;
display:inline-block;
}
.pageTool>div a{
padding:0 10px;
}
body .selectTool label{
font-weight:bold;
}
body .myDropDownBox .ddb_title{
padding:13px 0 10px 55px;
}
.searchTool.bs-example-js-navbar-search.collapse{
display:block;
}
body .greyBg{
background:#f5f5f8;
padding:15px;
float:left;
}
.footerArea .myFooterBg{
height:97px;
}
.flexsliderCalendar, .flexsliderTraining{
min-height:400px;
}
.appWrap{
display:inline-block;
max-width:35%;
margin:0 10px;
border-right:5px solid #EEE;
padding-right:5%;
}
}
@media screen and (max-width:1440px){
body .headerMenu.subheaderMenu .tMenu li.open>ul.menuLv1{
padding-left:300px;
padding-right:50px;
}
body .headerMenu.subheaderMenu .tMenu li ul.menuLv1>li{
min-width:300px;
}
}
@media screen and (max-width:1170px){
body .headerTool .myLogo img{
width:150px;
}
body.englishVersion .headerTool .myLogo img{
width:290px;
}
body .area_warning .awn_more{
position:relative;
right:auto;
top:auto;
margin:20px auto;
}
body .myheaderTool>div.clientTool div.datetime{
display:block;
padding-right:5px;
margin-bottom:10px;
}
body .headerArea .headerTool .searchTool{
margin-top:20px;
}
/*=================*/
body .section_left_banner{
display:none;
}
body .contentArea{
display:block;
width:100%;
min-height:0;
}
body #wrap div.bodyArea .container:nth-child(2){
padding:0;
}
}
@media screen and (max-width:997px){
body .bodyArea .contentArea .mainContent{
max-width:95%;
overflow:hidden;
}
body.subMenuVersion .bodyArea .mainContent{
padding:30px !important;
background-color:#fff;
box-shadow:0 0 16px -4px #ccc;
max-width:95%;
}
.bodyArea .container{
padding-right:0px !important;
padding-left:0px !important;
margin-right:auto;
margin-left:auto;
}
.footerArea .container{
padding-right:0;
padding-left:0;
margin-right:auto;
margin-left:auto;
}
body .footerArea ul.fMenu, body .footerArea .copyRight, body .footerArea .copyrightBar{
color:#000 !important;
text-align:center;
margin:0;
}
body .footerArea .copyrightBar{
float:none !important;
}
body .my_content ol, body .my_content ul{
padding-left:25px;
}
body .rightBtn{
display:none;
}
body .whatnewscontrol{
margin-top:30px;
}
body .whatIsNew, body .eventCalender{
width:100%;
}
body .simply-scroll-clip{
overflow:visible;
margin-top:30px;
}
body #whatsnews{
overflow:visible;
position:relative;
}
body div.org{
display:block;
}
body #whatnewscontrol, body #whatnewscontrol>*{
display:none;
}
#whatsnews{
height:inherit !important;
}
body .headerArea .headerTool .headerMenu{
display:none;
width:100%;
color:#454545;
background-image:none;
}
body .headerArea .headerTool .headerMenu.mainheaderMenu{
display:block;
}
body .headerMenu.mainheaderMenu .mhm_scene{
position:relative;
top:0;
}
body .headerMenu.mainheaderMenu .mhm_scene .section{
width:auto;
}
body .headerMenu.mainheaderMenu .mhm_scene ul{
position:relative;
left:0;
}
body .headerMenu.mainheaderMenu .mhm_scene>.active>ul{
display:none;
}
body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>ul{
display:block;
}
body .headerArea .headerTool .headerMenu.dOnly{
display:block;
z-index:-1;
position:fixed;
height:0;
width:0;
transition:all 0.1s ease-out;
opacity:0;
visibility:hidden;
}
body .headerArea .headerTool .headerMenu.active{
display:block;
z-index:8000;
position:relative;
height:100%;
width:100%;
transition:all 0.4s ease;
opacity:1;
visibility:visible !important;
padding:0;
float:none;
margin-left:0;
margin-bottom:10px;
}
body .headerArea .headerTool .headerMenu.in{
display:block;
}
body .headerMenu ul li, body .headerMenu ul .longList{
float:none;
display:block;
text-align:left;
}
body .headerMenu ul.menuLv0{
margin:0;
width:100%;
}
body .headerMenu ul.menuLv1{
width:100%;
position:relative;
}
body .headerMenu ul .excActive>ul{
padding:0;
}
body .headerMenu.subheaderMenu .tMenu li.open.excActive>ul,
body .headerMenu.mainheaderMenu .tMenu li.open.excActive>ul{
position:relative;
top:0;
left:0;
margin:0;
padding:0;
width:auto;
min-height:0;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1{
width:auto;
}
.headerMenu ul.menuLv0>li{
width:100% !important;
max-width:inherit !important;
padding:0 !important;
height:auto !important;
text-align:left !important;
background-size:100% 100%;
}
body .headerMenu .tMenu li.open ul{
position:relative;
}
body div.flexslider{
margin-top:0;
margin-bottom:0;
}
body .flex-direction-nav a{
top:50%;
padding-top:0;
background-color:transparent;
height:40px;
}
.desktop{
display:none;
}
.mobile{
display:inherit;
}
.mobileLogo{
margin:auto;
}
.headerTool .leftClfArea{
width:100%;
padding-left:0;
}
.mobileLangTool{
float:right;
}
body .headerMenu .menuStyleDivide{
width:100%;
background-color:#333;
}
body .headerMenu .menuStyleDivide li, body .headerMenu .menuStyleDivide li a{
background-color:#abdbc7;
color:#000;
}
body .headerMenu .menuStyleDivide li, body .headerMenu .menuStyleDivide li a, body .headerMenu .menuStyleDivide li a:link, body .headerMenu .menuStyleDivide li a:active, body .headerMenu .menuStyleDivide li a:visited{
background-color:#abdbc7;
color:#000;
text-decoration:none;
}

body .headerMenu .menuStyleDivide li:hover, body .headerMenu .menuStyleDivide li:focus, body .headerMenu .menuStyleDivide li a:hover, body .headerMenu .menuStyleDivide li a:focus{
background-color:#3f9b75;
color:#fff;
text-decoration:none;
}
body .headerMenu .menuStyleDivide a, body .headerMenu .menuStyleDivide a:link, body .headerMenu .menuStyleDivide a:active, body .headerMenu .menuStyleDivide a:visited{
padding:15px 20px;
width:100%;
border-bottom:solid 1px #6b6b6b;
border-top:solid 1px #6b6b6b;
font-weight:normal;
}
body .headerMenu .menuStyleDivide>li>a, body .headerMenu .menuStyleDivide>li>a:link, body .headerMenu .menuStyleDivide>li>a:active, body .headerMenu .menuStyleDivide>li>a:visited{
font-weight:bold;
}
body .headerMenu .menuStyleDivide .menuItem{
padding:0;
}
body .headerMenu .menuItem{
position:absolute;
display:block;
top:0;
z-index:1200;
width:100%;
list-style-type:none;
}
body .headerMenu .menuStyleDivide>li{
position:inherit;
}
body .headerMenu ul.showMenu{
left:0;
}
body .headerMenu ul.hiddenMenu{
left:100%;
}
body .headerMenu ul.isHidden{
display:none;
}
body .headerMenu .menuItem a{
display:block;
}
body .headerMenu .subMenuTitle a{
text-align:center;
}
body .headerMenu .subMenuTitle img{
float:left;
margin-top:-5px;
}
.navbar-nav > li > a{
line-height:inherit;
}
body .headerMenu li{
}
.headerArea .headerImg{
padding:10px 5px;
text-align:center;
}
.headerMenu .tMenu a:link, .headerMenu .tMenu a:visited{width:auto !important;}
.bs-example-js-navbar-search{display:none;}
.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse{
display:none;
height:auto !important;
position:absolute;
left:0;
right:0;
margin-top:0;
z-index:8555;
}
.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse.in{
display:block;
}
.left_menu>*{
display:none;
}
.headerTool .quickList{
margin:0;
width:100%;
position:relative;
}
.headerTool .addLabelLedbyQuick{
position:inherit;
display:block;
width:100%;
background-color:#333;
padding:0;
}
.headerTool .addLabelLedbyQuick li, .headerTool .addLabelLedbyQuick li a, .headerTool .addLabelLedbyQuick li a:link, .headerTool .addLabelLedbyQuick li a:active, .headerTool .addLabelLedbyQuick li a:visited{
background-color:#abdbc7;
color:#000;
text-decoration:none;
font-weight:bold;
}
.headerTool .addLabelLedbyQuick a, .headerTool .addLabelLedbyQuick a:link, .headerTool .addLabelLedbyQuick a:active, .headerTool .addLabelLedbyQuick a:visited{
padding:15px 20px;
width:100%;
border-bottom:solid 1px #6b6b6b;
border-top:solid 1px #6b6b6b;
font-weight:normal;
}
body.indexVersion .footerMenu, #flexsliderFooter{
display:none;
}
.footerArea .shareBar, .footerArea .footerMenu{
background-color:#ededed;
padding-left:10px;
padding-bottom:10px;
display:none;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
padding:0;
}
.pdfTable table, .pdfTable table tbody, .pdfTable table tr, .pdfTable table tr>*{
display:block;
}
.pdfTable table td{
width:100%;
margin-top:-1px;
}
.pdfTable table, .pdfTable table tr{
border:0;
}
.bodyArea .mainContent{
width:100% !important;
padding:20px 15px;
}

.leftMenu{
display:none!important
}
.contentArea .breadcrumb{
display:none!important
}
.cont{
width:100%;
}
.contentArea .cont hr{
width:100%;
}
.mainContent a{
word-break:break-word;

}
.hiddenObj{
visibility:hidden;
position:absolute;
}
.quesList{
margin-bottom:100px;
}
.ansList{
padding:0;
}
.ansList, .ansList>li{
list-style-type:none;
}
body .newsEmer{
color:#FFF;
text-align:right;
}
body .newsEmer>div{
background-color:#D73D33;
text-align:center;
display:inline-block;
padding:0 12px;
}
body .newsData{
padding:10px 20px 0 20px;
}
body .whatIsNew ul>li{
margin:2px 0;
}
.topBtn .textTop{
display:none;
}
body .topBtn{
background-image:none;
margin:0;
}
body .btmNav{
margin:5px 0;
}
body #flexsliderOnAir, body #flexsliderOffice, body #flexsliderApplication, body #flexsliderMobileApp{
display:none;
}
body .headerTool .mobileTool{z-index:9000;padding:0;margin-top:10px;height:auto;max-width:160px;float:right;position:absolute;top:0;right:0;}
body .headerTool .mobileTool>button{
width:40px;
display:inline-block;
padding:8px;
}
body.chineseVersion .headerTool .mobileTool{
top:0;
}
body .headerTool .active>.mobileTool{
background-color:transparent;
}
body .headerTool.active .headerNav{
min-height:64px;
}
body.indexVersion .headerTool .headerNav{
width:100%;
background:#fff;
}
body .headerTool .myLogo img{
width:auto;
height:inherit;
height:auto;
padding:12px;
}
body .headerTool .myLogo span{
display:inline;
margin:0;
}
body .headerArea .headerTool a, body .headerArea .headerTool a:link, body .headerArea .headerTool a:visited{
color:#000;
font-weight:bold;
padding:0;
}
body .headerArea .headerTool .language a,
body .headerArea .headerTool .language a:link,
body .headerArea .headerTool .language a:visited{
font-size:1.2em !important;
}
body .headerArea .headerTool .myLogo a{
width:100%;
display:block;
overflow:hidden;
}
body .headerArea .headerTool .myLogo a.dOnly{
display:none;
}
body #flexsliderOnAir.active, body #flexsliderOffice.active, body #flexsliderApplication.active, body #flexsliderMobileApp.active{
display:block;
}
body .flexsliderTraining{
display:none;
}
.headerArea .headerTool .myheaderTool>div{
display:block;
}
body .myheaderTool .clientTool>div{
display:block;
}
.rightClfArea,
.contentArea div.breadcrumb, .contentArea .printTool{
display:none;
}
body .myheaderTool{
width:100%;
display:block;
}
body .myheaderTool>div.clfSeachBar{
position:relative;
width:100%;
top:auto;
right:auto;
}
body .header1{
display:none;
}
body .header2{
display:block;
}
.headerArea .headerTool .myheaderTool>div.clfSeachBar{
display:block;
}
.bodyArea>div.container{
background-color:transparent;
background-image:none;
}
.mainContent .listLeft, .mainContent .listRight{
margin:0;
}
.itemList{
min-height:1px;
}
body .myTool, body .searchTool, body .headerMenu, body .headerMenu{
display:none;
}
body .titlePage .moreBtn{
display:block;
margin:10px;
}
body .tMenu .longList ul{
left:0 !important;
min-height:inherit !important;
}
body .headerMenu .tMenu a{
position:relative;
}
body .headerMenu .tMenu a,
body .headerMenu .tMenu a:link,
body .headerMenu .tMenu a:visited{
background-color:#9cc5dc;
max-width:none !important;
margin:0;
border-left:1px solid #98b2b5;
border-right:1px solid #98b2b5;
border-top:1px solid #d0edf3;
border-bottom:1px solid #82a1a5;

background-image:linear-gradient(141deg, #9cc5dc 0%, #7da9de 51%, #639ee4 75%);
}
body .tMenu.menuLv0>li>a.excLi:before{
display:none;
}
body .headerMenu .tMenu .menuLv1 a:link, body .headerMenu .tMenu .menuLv1 a:visited{
background-color:#b7d5e6;
color:#000;
min-height:0 !important;
max-width:none !important;

background-image:linear-gradient(141deg, #b7d5e6 0%, #b5d1f4 51%, #d0e5fe 75%);
}
body .headerMenu .tMenu a:hover, body .headerMenu .tMenu a:focus, body .headerMenu .tMenu a:active, body .headerMenu .tMenu a.active_section{text-decoration:none;
font-weight:bold;
}
body .headerMenu ul.menuLv0>li>a,
body.chineseVersion .headerMenu ul.menuLv0>li>a,
body.chineseVersion .headerMenu .tMenu>li>a{
margin:0 !important;
padding:10px 20px !important;
}
.headerArea.subheaderMenu .headerTool ul.menuLv0>li>a:hover,
.headerArea.subheaderMenu .headerTool ul.menuLv0>li>a:focus,
.headerArea.mainheaderMenu .headerTool ul.menuLv1>li>a:hover,
.headerArea.mainheaderMenu .headerTool ul.menuLv1>li>a:focus{
border-bottom:1px solid #c2d7d8 !important;
background-image:none;
color:#3e3c50 !important;
background-color:#c3d5e8;
}
body .headerMenu.subheaderMenu ul.menuLv0>li:hover>a,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:hover,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:focus{
background-color:#c3d5e8;
}
body .headerMenu.mainheaderMenu .tMenu .menuLv1 li:hover>a,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited{
color:#000;
}
body .headerMenu.mainheaderMenu .mhm_scene>li>a{
background-color:#104a8d;
color:#fff;
border-bottom:1px solid #072243;
border-top:1px solid #136fd7;
}
body .headerMenu.mainheaderMenu .mhm_scene>.active>a{
background-color:#104a8d;
}
body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>a{
background-color:#1f61af;
}
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited{
background-color:#61b7e8;
border-left:1px solid #43a9b4;
border-right:1px solid #43a9b4;
border-top:1px solid #79cbdc;
border-bottom:1px solid #3a8891;
}
body .headerMenu .tMenu .firstLi>a:link, body .headerMenu .tMenu .firstLi>a:visited{
padding:10px;
}
.headerMenu .tMenu a, .headerMenu .tMenu a:link, .headerMenu .tMenu a:visited ,
.headerMenu .tMenu a, .headerMenu .tMenu a:hover,
body .headerMenu .tMenu>li>a:hover{
padding:10px 20px !important;
}
body div.footerArea .info{
display:block;
width:100%;
padding-top:0;
}
div.footerArea .updateDate{
display:block;
width:100%;
text-align:center;
padding:8px 10px;
margin:0;
}
.footerArea .footerBottom>*{
margin:0 !important;
}
.footerArea .footerBanner{
padding:10px 0 10px 0;
text-align:center;
}
body .footerBanner li{
margin:5px;
display:inline-block;
}
.footerArea .footerTop .mylogo{
position:relative !important;
top:0 !important;
}
.footerArea .copyrightBar{
display:inline-block;
padding:7px 7px;
}
.footerArea .copyRight{
max-width:none !important;
color:#fff;
padding:7px 0;
float:left;
}
.footerArea .footerBottom{
margin-top:0 !important;
}
body .footerArea ul.fMenu{
max-width:none !important;
}
body div.footerArea ul.fMenu{
padding:7px 0;
float:left;
margin:0;
}
body .indexContent{
width:100%;
}
body .colorSort, body .newsArea{
width:100%;
padding-right:30px;
}
/*=======Main======*/
body #wrap .container{
width:100% !important;
}
/*==============List============*/
body .mainContent ol ol, body .mainContent ol ul, body .mainContent ul ol, body .mainContent ul ul{
padding-left:10px;
}
/*======Box List========*/
body ul.box_list, body ul.box_list.fine{
padding:0;
}
/*==========Side=========*/
.my_left_hand_side, .my_right_hand_side{
float:none !important;
margin-bottom:20px;
width:100%;
}
body .box_side ol, body .box_side ul{
padding-left:15px;
}
body .my_left_hand_side{
max-width:100% !important;
}
body .styleTable.my_table_style table tr td{
display:block;
padding:5px 10px;
}
/*==============Albums=====================*/
body .mainSlider ul.slides>li{
height:auto !important;
}
body .mainSlider .slide_cont{
max-width:100%;
}
body div.ppt{
padding:15px 0 !important;
}
body div.light_square .pp_expand{
display:none !important;
}
body a.pp_close{
top:-30px;
right:-10px;
box-shadow:none;
padding:1px 5px;
}
body .pp_content_container .pp_left{
padding-bottom:90px;
}
body .pp_nav>a{
white-space:nowrap;
}
body .pp_nav .pp_play, body .pp_nav .pp_pause, body a.pp_arrow_previous, body a.pp_arrow_next{
float:left;
}
/*============Mobile only===============*/
body .headerArea .headerTop{padding:0;width:100%;margin-bottom:0;text-align:left;}
body .headerArea .headerBottom{display:none;}
body .headerMenu ul.menuLv1{position:relative !important;display:block !important;left:0 !important;background-color:transparent;border:0;}
body .headerMenu .tMenu li ul>li{width:100%;position:relative;}
body .headerMenu .tMenu li ul>li:before{
content:"-";
position:absolute;
left:20px;
top:50%;
margin-top:-.5em;
}
body .headerMenu ul .open ul, body .headerMenu ul li ul.activeUl{display:none;}
body .headerMenu ul .excActive>ul{display:none;}
body .tMenu.sub-level-active{margin-top:0 !important;display:inline-block;width:100%;}
body .wrap-nav{display:block;height:inherit !important;}
body .wrap-nav .tMenu a:link, .wrap-nav .tMenu a:visited{width:auto !important;}
body .wrap-nav{
display:none;
height:auto !important;
position:absolute;
left:0;
right:0;
margin-top:0;
z-index:8555;
top:44px;
margin:0;
padding:0;
}
body .wrap-nav>ul{
margin-top:0 !important;
}
body .wrap-nav.active{
display:block;
}
body .wrap-nav>ul>li{
width:100% !important;
max-width:inherit !important;
padding:0 !important;
height:auto !important;
text-align:left !important;
margin:0;
display:block;
background-color:#f4f4f4;
}
body .fix_line{
display:none;
}
body .tMenu{
display:inline-block;
width:100%;
}
body .tMenu li a{
display:block;
width:auto !important;
padding:10px 20px !important;
text-decoration:none;
text-align:left !important;
height:auto !important;
}
body .tMenu li ul{
display:none;
position:relative;
height:auto;
z-index:9999;
text-align:left;
border-top:1px solid #e0dfe4;
width:100%;
}
body .tMenu li.expanded ul:before, body .tMenu li.active ul:before{
content:'' !important;
}
body .tMenu li.expanded ul, body .tMenu li.active ul{
position:relative;
top:100%;
left:0;
margin:0;
padding:0;
display:block;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li{
height:auto;
width:100%;
margin:0;
padding:0;
display:block;
}
body .tMenu li.expanded ul, body .tMenu li.active ul{
width:100% !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li{
width:100% !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li{
margin-left:0 !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li{
float:none !important;
}
body .tMenu li.expanded ul, body .tMenu li.active ul{
display:block !important;
min-height:initial !important;
padding:0 !important;
margin:0 !important;
}
body .headerMenu .tMenu li.open ul,
body .headerMenu .tMenu li ul.activeUl{
border-top:0;
}
body .headerArea .headerTool ul.menuLv1>li>a:hover, body .headerArea .headerTool ul.menuLv1>li>a:focus{
color:#000;
background-color:#c2d7d8;
}
body .pagetag_page .albums_download{
float:none;
margin-top:20px;
}
body .pagetag_tag ul{
text-align:left;
}
body .pagetag_tag ul li{
display:block;
border-bottom:1px solid #ddd;
}
body .bubble{
width:auto;
}
body .my_list, body .my_list li{
list-style-type:square;
}
body .s_subtitle{
display:block !important;
}
body .s_photo{
float:none;
}
body div.pp_pic_holder{
min-width:80% !important;
left:10% !important;
}
.pp_content{
width:auto !important;
}
.pp_details{
width:auto !important;
}
.pp_nav>a{
float:none;
width:100%;
}
.pp_content #pp_full_res img{
min-width:100%;
height:initial !important;
}
body .bodyArea{
font-size:1em;
}
body.indexVersion .bodyArea{
background-color:transparent;
}
body.indexVersion div.bodyArea{
min-height:100px;
}
#contact_us .col-md-3{
width:100%;
height:100%;
display:block;
margin-right:0px!important;
margin-left:0px!important;
clear:both
}
#information .col-md-3{
width:100%;
height:100%;
display:block;
margin-right:0px!important;
margin-left:0px!important;
clear:both
}
.text-center i img{
width:50%;
height:50%;
display:block;
clear:both
}
.alerts .cont>p{margin-left:0;text-align:justify;line-height:17px!important;}
body #wrap{
min-width:auto;
margin-right:auto;
margin-left:auto;
}
body.indexVersion .headerTool .myLogo{margin-left:0;}
body .headerTool .myLogo{max-width:100%;padding:0;float:none;height:auto;position:relative;z-index:auto;}
body.chineseVersion .headerTool .myLogo{padding-top:0;}
body .headerTool.active .mobileClient{display:block;padding:0px;}
body .mobileClient{font-size:2em;font-weight:bold;color:#454545;}
body .mobileClient .userIcon{float:left;}
body .mobileClient .userIcon img{padding:15px;background-color:#000;width:80px;margin-right:10px;vertical-align:top;}
body .mobileClient ul{padding:0 10px 10px 0;}
body .mobileClient ul li img{width:30px;}
body .mobileClient .logout{float:right;}
body.indexVersion .breadcrumb,  body.extIndex .breadcrumb{display:none !important;}
body .breadcrumb{display:block !important;padding:10px !important;}
.contentArea h2{margin-top:0;}
body .contentArea .mainContent .cont h2{padding:0px;margin-top:0;}
.footerMenu ul.bMenu{display:none !important;}
body .mybox_login{max-width:100%;padding:0;}
body .mybox_login>div{box-shadow:none;}
body .notice{margin:0;}
body .alerts_area{width:100%;}
body .digest_corner_area .digest_corner>div{max-width:100%;margin-left:0;}
body .box_area{margin-top:30px;float:none;height:inherit;padding-bottom:43px;}
body .dashboard_area{margin-left:0;}
body .footerArea ul.fMenu>li{color:#ddd;}
body .footerArea ul.fMenu a{padding:8px 10px;display:inline-block;}
body .mainContent .main_left{float:none;width:100%;}
body .mainContent .sub_right{margin-left:0;max-width:100%;float:none;}
body #cloud{margin:auto;max-width:90%;height:auto;}
body .page_select>div{display:block;margin:7px 0;width:100%;float:none;}
body .page_select>div select{width:100%;}
body .alerts .detail .left{float:none;max-width:100%;}
body .alerts .detail .right{float:none;max-width:100%;}
body .discussion .header .my_div1,  body .discussion .header .my_div2{display:none;}
body .discussion .content>div{border-bottom:1px solid #ddd;}
body .discussion .content .my_div1 img{margin-left:20px;}
body .discussion .content>div>div{display:block;float:none;width:100%;text-align:left;}
body .discussion_group .header .title{float:none;margin-bottom:10px;}
body .discussion_group .content .create_detail .user{float:none;}
body .discussion_group .new_post{padding-left:0;}
body .discussion_group .post_area .sort>div{float:none;margin:0;}
body .discussion_group .post_area .post_data .post_reply{position:relative;padding-left:125px;right:0;top:0;}
body .discussion_group .post_area .post_detail .create_by{padding-left:1.4em;}
body .discussion_group .post_area .post_detail .create_by:before{position:absolute;margin-left:-1.4em;}
body .discussion_group_topic .post_area .post_detail{padding-left:110px;width:auto;}
body .discussion_group_topic .post_area .idno{left:auto;right:0;}
body .headerMenu .tMenu>li>a:focus, body .headerMenu .tMenu>li>a:hover, body .headerMenu .tMenu>li>a:active, body .headerMenu .tMenu>li>a.active_section{
max-width:none !important;
max-width:none !important;
}
body .headerMenu .tMenu>li>a:focus:after,  body .headerMenu .tMenu>li>a:hover:after,  body .headerMenu .tMenu>li>a:active:after,  body .headerMenu .tMenu>li>a.active_section:after{
content:"";
display:none;
}
body div.ms-options-wrap{
width:100%;
padding-right:10px;
}
body .alerts_table .alerts_row>div{
width:50%;
}
body .alerts_table .alerts_row{
border-bottom:1px solid #ddd;
}
body #chart>div{
float:none;
margin:30px 0;
width:342px;
height:228px;
overflow:hidden;
}
body .comment_sub{
margin-left:0;
}
body .headerNav{
padding-left:0;
}
body .headerMenu .tMenu li ul.menuLv1>li{
float:none !important;
margin:0;
}
body .headerMenu .tMenu li ul>li.close{
background-image:none !important;
margin:0;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1>li{
display:block;
}
body .headerMenu.subheaderMenu ul.menuLv0>li:hover>a:after,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:hover:after,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:focus:after{
display:none;
}
body .headerMenu ul.menuLv0>li.my_menu{
height:auto !important;
width:100% !important;
max-width:inherit !important;
padding:0 !important;
height:auto !important;
text-align:left !important;
background-size:100% 100%;
}
body .headerMenu ul.menuLv0>li.my_menu:after{
display:none !important;
}
body .headerMenu ul.menuLv0>li.active_section{
border-bottom:0 !important;
}
body .headerMenu ul.menuLv0>li.my_menu2 span{
text-align:left !important;
}
body .headerMenu ul.menuLv0>li.firstLi{
display:block;
}
body .headerFirst{
position:relative;
}
body .headerMenu ul ul.menuLv1{
float:none;
}
body .headerArea .myheaderTool>div.clientTool>div{
display:none;
}
body .headerArea .myheaderTool>div.clientTool>div.datetime{
display:block;
padding:0;
}
body .headerArea .myheaderTool>div.clientTool>br{
display:none;
}
body .myheaderTool>div.clientTool div>*{
margin:0;
padding:0 3px;
}
body .myheaderTool>div.clientTool>div.brandhk{
display:none;
}

body .headerArea .myheaderTool>div.clientTool>div.language.active{
display:block;
position:absolute;
right:40px;
top:50px;
background-color:#f3f3f3;
}
body .myheaderTool>div.clientTool div.language ul li{
width:32px !important;
text-align:center;
}
body .headerArea .myheaderTool>div.clientTool>div.language.active ul *{
display:block;
}
body .myheaderTool>div.clientTool>div.searchTool{
float:left;
width:auto;
margin-right:0;
padding-right:0 !important;
}
body .myheaderTool>div.clientTool>div.searchTool input{
width:100%;
min-width:240px;
padding-right:40px;
padding-left:5px;
}
body .myheaderTool>div.clientTool>div.searchTool.active label{
display:block;
}
body .myheaderTool>div.clientTool>div.searchTool.active input{
display:block;
position:fixed;
top:60px;
right:0;
left:0;
width:100%;
z-index:9000;
}
body .searchTool form:before{
display:none;
}
body .clientTool>div:before{
display:none;
}
body .myheaderTool div{
line-height:33px;
}
body div#footer div.info ul.fMenu,
body div#footer div.system ul.fMenu,
body .footerArea .info>div{
float:none;
width:100%;
text-align:center;
}
body div#footer div.system{
float:none;
width:100%;
text-align:center;
}
body div#footer div.w3c,
body div#footer div.copyright{
float:none;
width:100%;
text-align:center;
}
body .footerArea .copyRight{
float:none;
}
body div.btmNav{
width:100%;
padding:30px;
}
body .mClinet{
text-align:center;
margin-bottom:10px;
}
body .mClinet>div{
display:inline-block;
margin:0 2px;
color:#ddd;
}
body .headerMenu ul.menuLv0>li>a>span{
padding:0;
border-bottom:0;
}
body .headerMenu .tMenu>li>a:focus>span,
body .headerMenu .tMenu>li>a:hover>span,
body .headerMenu .tMenu>li>a:active>span{
border-bottom:0;
}
body .headerMenu ul li>div.extmenu{
position:relative;
display:none;
left:0;
background-color:transparent;
border:0;
padding:0;
}
body .headerMenu ul li.excActive>div.extmenu{
display:block;
position:relative;
left:0;
}
body .headerMenu ul.menuLv1{
padding:0;
}
body .headerMenu .tMenu .menuLv1 >li>a:before{
display:none;
}
body .headerMenu .excActive>ul.menuLv1{
display:block !important;
}
body .headerMenu .tMenu li>ul.menuLv2{
display:none !important;
background-color:#0d3c50;
}
body .headerMenu .tMenu li.excActive>ul.menuLv2{
display:block !important;
position:relative;
top:0;
left:0;
margin:0;
padding:0;
}
body .headerMenu .tMenu .menuLv1 .menuLv2 a:link,
body .headerMenu .tMenu .menuLv1 .menuLv2 a:visited{
background-color:#c7e7e8
}
body .headerMenu ul.menuLv0>li>a>span.caret{
height:26px;
width:26px;
background-repeat:no-repeat;
border-top-style:none!important;
border-right-style:none!important;
border-bottom-style:none!important;
border-left-style:none!important;
position:absolute;
top:50%;
right:13px;
padding-right:0;
margin-top:-13px !important;
}
body .headerMenu ul.menuLv0>li.excActive>a>span.caret{
height:26px;
width:26px;
background-repeat:no-repeat;
border-top-style:none!important;
border-right-style:none!important;
border-bottom-style:none!important;
border-left-style:none!important;
position:absolute;
top:50%;
right:13px;
padding-right:0;
margin-top:-13px !important;
}
body .headerMenu .tMenu li ul.menuLv1>li span.caret{
height:26px;
width:26px;
background-repeat:no-repeat;
border-top-style:none!important;
border-right-style:none!important;
border-bottom-style:none!important;
border-left-style:none!important;
position:absolute;
top:50%;
right:13px;
padding-right:0;
margin-top:-13px !important;
}
body .headerMenu .tMenu li ul.menuLv1>li.excActive span.caret{
height:26px;
width:26px;
background-repeat:no-repeat;
border-top-style:none!important;
border-right-style:none!important;
border-bottom-style:none!important;
border-left-style:none!important;
position:absolute;
top:50%;
right:13px;
padding-right:0;
margin-top:-13px !important;
}
body .list_table_rowspan td{
padding:10px 0;
}
/*====================================*/
body .bodyArea .mainContent{
margin-top:20px;
padding-left:0;
padding-right:0;
}
body.indexVersion .bodyArea .mainContent{
margin-top:0;
}
body .tmOnly{
position:static;
visibility:visible;
left:auto;
}
body .clientTool>div.language:before{
display:none;
}
body .headerTop{
min-height:0;
}
/*=========================*/
body .sliderBg{
position:static;
height:auto;
}
body div.flexslider{
width:100%;
margin:auto;
}
/*========================*/
body .main_news{
width:100%;
padding-right:0;
float:none;
margin-bottom:30px;
}
body .main_about{
width:100%;
float:none;
}
body .main_bottom{
margin-bottom:0;
}
body.indexVersion div.btmNav .backBtn{
display:none;
}
/*==============*/
body .headerArea .headerTool{
padding-top:0;
}
body .clientTool>div.language li.last:before{
display:none;
}
body .headerMenu br{
display:none;
}
/*====================*/
body.indexVersion .headerArea{
position:relative;
left:0;
transform:none;
}
body .currentTool{
height:auto;
padding-top:140px;
padding-bottom:16px;
padding-left:10px;
padding-right:10px;
background-position:top center;
}
/*=======================================*/
body .mainpage0,
body .mainpage1,
body .mainpage2{
padding:0;
background-size:cover;
}
body .mainpage3,
body .mainpage8{
padding:0;
background-size:cover;
}
body .mainpage2_2,
body .mainpage5,
body .mainpage6{
padding:0;
background-size:cover;
}
body .mainpage4,
body .mainpage7{
padding:0;
}
body .mainpage0>div:nth-child(2) .container>div{
text-align:center;
padding:0 65px;
}
body .area_warning,
body .area_current,
body .area_location{
position:relative;
top:auto;
left:auto;
overflow:auto;
overflow-y:hidden;
margin:auto;
max-width:none;
min-width:0;
}
body .area_location{
margin-top:10px;
left:50%;
right:auto;
transform:translateX(-50%);
display:inline-block;
max-width:100%;
}
body .area_current .detail>div:nth-child(3){
position:relative;
top:auto;
right:auto;
width:auto;
}
body .area_current .detail>div:nth-child(3) .bg.circle{
transform:translate(0,0);
}
body .area_weather_map{
margin:0;
}
body .page_scroll{
display:none;
}
body .footerArea .subFooterMenu ul>li{
display:inline-block;
padding:4px 16px;
}
body .footerArea .subFooterMenu{
float:none;
text-align:center;
font-size:1.2em;
}
body .footerRow>div{
margin-bottom:10px;
}
body .footerArea ul.fTool>li{
padding:2px 0;
}
body .copyR>div:nth-child(2){
display:none;
}
body .currentTool{
padding-top:0;
}
body iframe{
max-width:100%;
}
/*=============*/

body .weatherTool{
width:100%;
background-color:#D1E3EF;
margin:0;
}
body .headerArea .headerTool .searchTool{
width:100%;
margin-top:0;
padding-top:0;
}
body .headerTool .searchBtn{
display:inline-block;
}
body .div_acrobat_reader>div{
width:100% !important;
text-align:center;
}
body .tmOnly{
position:absolute !important;
visibility:hidden !important;
left:-9999px !important;
}
body .dtOnly{
position:absolute !important;
visibility:hidden !important;
left:-9999px !important;
}
body .smOnly{
position:static;
visibility:visible;
left:auto;
}
body .headerTool .myLogo img{
max-height:80px;
width:224px; !important
}
body.englishVersion .headerTool .myLogo img{
max-height:80px;
width:427px; !important
}
body .myheaderTool>div.clientTool>div.searchTool input{
display:none;
}
body .searchTool form{
float:none;
}
body .headerTool .searchBtn img{
float:none;
margin-left:0;
}
/*================*/
body .mainSlider{
position:static;
height:auto;
}
body #flexslider ul.slides li>div{
max-width:100%;
padding-bottom:40px;
}
body .mainSlider .slide_bg{
margin-left:0;
transform:translateX(0);
}
body #flexslider ul.slides li>div.slide_bg{
position:relative;
padding-bottom:0;
}
body #flexslider ul.slides li>div.slide_cont{
margin-top:0 !important;
padding-bottom:15px;
}
body .flexslider .slides img{
max-width:none;
width:auto;
max-width:100%;
margin:auto;
}
body .mainSlider .slide_cont{
max-width:100%;
margin-top:300px !important;
}
body .mainSlider .slide_cont>*{
display:none !important;
}
body .mainSlider .slide_cont span{
max-width:100%;
padding:4px 16px;
float:none !important;
display:block;
}
body .flexslider .flex-control-nav{
position:relative;
bottom:2px;
}
body .my_roll .my_roll_content .my_roll_cont_row{
white-space:normal;
max-width:100%;
display:block;
padding:0;
}
body .my_roll .my_roll_content .my_roll_cont_row>div{
display:block;
max-width:100%;
margin:auto;
}
body .main_new{
position:static;
background-image:none;
height:auto;
}
body .main_new .my_roll .my_roll_content .my_roll_title{
margin-top:1em;
text-align:center;
margin-bottom:1em;
}
body .main_highlight{
position:static;
height:auto;
}
body .main_highlight .my_roll .my_roll_content .my_roll_title{
margin-bottom:-1em;
}
body .main_footer_banner{
margin-top:0;
}
/*========================*/
body div.flexslider{
position:relative;
}
body .my_roll .my_roll_content .my_roll_cont_row>div{
transition:all 0.4s ease-out;
opacity:0;
visibility:hidden;
position:absolute;
z-index:-1;
}
body .my_roll .my_roll_content .my_roll_cont_row>div.active{
opacity:1;
visibility:visible;
position:relative;
z-index:1000;
}
body .moreBtn a{
display:inline-block;
padding:8px 20px;
background-color:#375F14;
color:#fff !important;
text-shadow:-1px 0 #172d04, 0 1px #172d04, 1px 0 #172d04, 0 -1px #172d04;
font-weight:bold;
font-size:1.4em;
border-radius:8px;
border-color:#3b5425;
border-style:double;
border-width:2px;
text-decoration:none !important;
}
body .moreBtn.mOnly{
display:block !important;
margin-bottom:0;
padding-bottom:1em;
}
body .moreBtn.hide{
display:none !important;
}
body .organisers_table>div,
body .organisers_table>div[class^="half_"]{
width:100%;
display:block;
}
body .organisers_table>div[class^="half_"]>a{
float:none;
width:100%;
}
body .headerMenu.subheaderMenu .tMenu li ul.menuLv1>li,
body .headerMenu.mainheaderMenu .tMenu li ul.menuLv1>li,
body .headerMenu.mainheaderMenu .tMenu.mhm_scene li.open ul>li,
body .headerMenu.mainheaderMenu .tMenu.mhm_scene li ul.activeUl>li,
body .headerMenu.mainheaderMenu .tMenu.mhm_scene ul>li{
width:auto !important;
display:block;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1{
min-height:0;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1:before{
display:none;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1:after{
display:none;
}
}
@media screen and (max-width:911px){
.target_group{
display:inline-block !important;
float:none !important;
}
}
@media screen and (max-width:767px){
body .dOnly{
position:absolute;
visibility:hidden;
left:-9999px;
}
body .mOnly{
position:static;
visibility:visible;
left:auto;
}
body .pop_photo li{
min-width:120px;
}
.target_group_div{
text-align:center;
}
.target_group{
display:inline-block !important;
float:none !important;
}

body .index_tdiv>div{
display:inline-block;
width:100%;
}
}

@media screen and (max-width:350px){
body.englishVersion .myLogo .d_logo{
display:none;
}
body.englishVersion .myLogo .m_logo{
display:inline;
}
}
@media screen and (max-width:360px){
body.chineseVersion .myLogo .d_logo{
display:none;
}
body.chineseVersion .myLogo .m_logo{
display:inline;
}
body .pop_photo li{
display:block;
min-width:120px;
width:100%;
}
}
@media print{
.cd-timeline{overflow:hidden;margin:2em auto;}
.cd-timeline__container{
  position:relative;
  width:90%;
  max-width:1170px;
  margin:0 auto;
  padding:2em 0;
}

.cd-timeline__container::before{
  content:'';
  position:absolute;
  top:0;
  left:18px;
  height:100%;
  width:4px;
  background:#d7e4ed;
}
.cd-timeline{
margin-top:3em;
margin-bottom:3em;
}
.cd-timeline__container::before{
left:50%;
margin-left:-2px;
}
.cd-timeline__block{
  position:relative;
  margin:2em 0;
}
.cd-timeline__block:after{
  content:"";
  display:table;
  clear:both;
}
.cd-timeline__block:first-child{
  margin-top:0;
}
.cd-timeline__block:last-child{
  margin-bottom:0;
}
.cd-timeline__block{
margin:4em 0;
}
.cd-timeline__img{
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:40px;
  border-radius:50%;
  box-shadow:0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline__img img{
  display:block;
  width:24px;
  height:24px;
  position:relative;
  left:50%;
  top:50%;
  margin-left:-12px;
  margin-top:-12px;
}
.cd-timeline__img.cd-timeline__img--picture{
  background:#75ce66;
}
.cd-timeline__img.cd-timeline__img--movie{
  background:#c03b44;
}
.cd-timeline__img.cd-timeline__img--location{
  background:#f0ca45;
}
.cd-timeline__img{
width:60px;
height:60px;
left:50%;
margin-left:-30px;
transform:translateZ(0);
}
.cd-timeline__img.cd-timeline__img--bounce-in{
visibility:visible;
animation:cd-bounce-1 0.6s;
}
.cd-timeline__content{
  position:relative;
  margin-left:60px;
  background:white;
  border-radius:0.25em;
  padding:1em;
  box-shadow:0 3px 0 #d7e4ed;
}
.cd-timeline__content:after{
  content:"";
  display:table;
  clear:both;
}
.cd-timeline__content h2{
  color:#303e49;
}
.cd-timeline__content p{
  margin:1em 0;
  line-height:1.6;
}
.cd-timeline__read-more,
.cd-timeline__date{
  display:inline-block;
}

.cd-timeline__read-more{
  float:right;
  padding:.8em 1em;
  background:#acb7c0;
  color:white;
  border-radius:0.25em;
}
.cd-timeline__read-more:hover{
  background-color:#bac4cb;
}
.cd-timeline__date{
  float:left;
  padding:.8em 0;
  opacity:.7;
}
.cd-timeline__content h2{
 font-size:2rem;
 }
 .cd-timeline__read-more,
 .cd-timeline__date{
 font-size:1.4rem;
 }
 .cd-timeline__content{
  border:1px solid #ccc;
margin-left:0;
padding:1.6em;
width:40%;
/* Force Hardware Acceleration */
transform:translateZ(0);
  }
  .cd-timeline__read-more{
float:left;
  }
  .cd-timeline__date{
position:absolute;
width:100%;
left:122%;
top:6px;
font-size:1.6rem;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content{
float:right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__read-more{
float:right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__date{
left:auto;
right:122%;
text-align:right;
  }
.cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in{
animation:cd-bounce-2-inverse 0.6s;
  }
}

@media print{
	body .row.timeline{display:flex;}
	body .timeline_div > .container > div:nth-child(4n + 3){flex-direction:row;}
	body .timeline_div>.container>div:nth-child(1)>.col-6, body .timeline_div>.container>div:nth-child(3)>.col-6, body .timeline_div>.container>div:nth-child(5)>.col-6, body .timeline_div>.container>div:nth-child(7)>.col-6,body .timeline_div>.container>div:nth-child(9)>.col-6,body .timeline_div>.container>div:nth-child(11)>.col-6,body .timeline_div>.container>div:nth-child(13)>.col-6{min-width:auto;}
	body .timeline_div > .container > div:nth-child(4n + 1) > div:nth-child(3){left:auto;}
	body .timeline_div > .container > div:nth-child(4n + 3) > div:nth-child(1){left:auto;}
	body .timeline_div > .container > div:nth-child(3) > div:nth-child(3){bottom:auto;}
	body .timeline_div .how-it-works:before{border:0px;}
	body .timeline_div > .container > div:nth-child(4n + 3) > div:nth-child(3):after,body .timeline_div > .container > div:nth-child(4n + 1) > div:nth-child(1):after{
	border-left:3px solid #ED8D8D;}
	body .timeline_div .how-it-works{margin-bottom:0px;}
	body .timeline_div > .container > div:nth-child(7) > div:nth-child(3){bottom:auto;}
	body .timeline_div > .container > div:nth-child(5) > div:nth-child(1){top:auto;}
	body .timeline_div > .container > div:nth-child(9) > div:nth-child(1){top:auto;}
	body .timeline_div>.container .how-it-works:nth-child(7)>.timeline_img{margin-bottom:-17px;width:20%;}
	body .timeline_div>.container .how-it-works:nth-child(7)>.timeline_img img{width:100%;}
	body .timeline_div > .container:after{border-left:0px;}
}