html,html body{font-size:1.03em;}
body{font-family:"Arial","Helvetica","sans-serif" ,"microsoft jhenghei";background-color:#f7f5f5;color:#3e5259;}
:lang(ur){font-family:'Lato',sans-serif}
body p{margin:0 0 10px 0;}
body.mySize0 .aaaTool #fontSize0,body.mySize1 .aaaTool #fontSize1,body.mySize2 .aaaTool #fontSize2{color:#e51f2e !important;}
a{color:#285F8F;text-decoration:none;}
.mainContent a{color:#bb370f;}
.mainContent p a{color:#bb370f;}
.chineseVersion div.mainContent p,.chineseVersion div.mainContent li{text-align:justify;text-justify:inter-ideograph;}
.mainContent a:active,.mainContent a:hover,.mainContent a:focus{color:#2a6496;}
.mainContent .colorRed{color:#D10000;}
.mainContent .textBig{font-size:1.06em;}
.mainContent ul.sectionIndex li{padding-bottom:5px;}

/*Resources*/
.thumbnail img{max-width:359px;}
.videoIframe iframe{width:560px;height:315px;}
.mainContent .videoImg{max-width:560px;width:100%;}
.mainContent .videoImg video{width:100%;}
video{max-width:100%;}
iframe{max-width:100%;}
.access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.press_title{color:#000066;}
.font_bold{font-weight:bold;}
.float_center{text-align:center;}
.font_underline,.underlineContent{color:#2a6496;}
.fontUnderline{text-decoration:underline;color:#2a6496;}
.caption{font-style:italic;}
.font_italic{font-style:italic;}
.float_right{float:right;padding:0 0 1em 1em;}
.float_left{float:left;padding:0 1em 1em 0;}
.center{margin:0 auto;}
.align-left{text-align:left;}
.clear:after{content:"";display:table;clear:both;}
.note,.note>li{font-size:1em;}
.right{text-align:right !important;}
.bodyArea{background-position:center top;padding-bottom:50px;}
.mobileVersion .bodyArea{font-size:1.1em;}
.bodyArea .mainContent{min-height:280px;margin-right:auto;margin-left:auto;}
.indexVersion .bodyArea .mainContent{min-height:0;}
.bodyArea .mainContent .my_content{padding:20px 30px;}
body.indexVersion .mainContent{padding:0 !important;}
.bodyArea .headerMenu{font-size:1em;}
.mainContent{line-height:1.4em;color:#2b3944;}
.mainContent.shku img{padding-left:10px;padding-bottom:10px;}
.mainContent h1,.mainContent h2,.maaligninContent h3{color:#816243;text-align:justify;}
.mainContent h1{font-size:1.35em;margin:0 0 1em 0;}
.mainContent h2{font-size:1.2em;padding:.8em 0 .5em 0;margin:0;font-weight:bold;}
.mainContent h3{font-size:1.15em;padding:1em 0 .5em 0;margin:0;font-weight:normal;}
.mainContent span.bluetext{color:#2e75b5;}
.mainContent p{text-align:justify;padding:0 0 1em 0;margin:0;}
.mainContent ul{font-size:1em;}
.mainContent ul,.mainContent ol{padding-left:0.6em;margin-bottom:1.4em;}
.mainContent ul ul{font-size:1em;margin:0 0 .5em 0;}
.mainContent ul>li,.mainContent ol>li{margin:0 0 .6em .6em;}
.mainContent ol>li{padding-bottom:5px;}
.mainContent ul.upper-roman{list-style-type:upper-roman;}
.mainContent ul.bold_header>li>div{font-weight:bold;color:#816243;margin-bottom:1em;}
.mainContent .styleh1{font-size:1.5em;margin:0 0 1em 0;font-weight:bold;color:#816243;text-align:justify;line-height:initial;}
.mainContent .styleh2a{font-size:1.2em;padding:.8em 0 1.5em 0;margin:0;font-weight:bold;color:#816243;text-align:justify;}
.mainContent .styleh2b{font-size:1.2em;padding:.8em 0 .5em 0;margin:0;font-weight:bold;color:#816243;text-align:justify;}
ol>li>ul{list-style-type:disc;}
ul.pix{list-style-type:none;padding:0;margin:0;}
ul.pix>li,p.pix{padding-left:1.2em;background-image:url(../images/icons/pix.svg);background-position:0 .2em;background-size:.9em;background-repeat:no-repeat;padding:0 0 0 1.2em;}
.urdu ul.pix>li{padding-left:1.2em;background-image:url(../images/icons/pix.svg);background-position:right .2em;background-size:.9em;background-repeat:no-repeat;padding:0 1.2em 1.2em 0;}
ul.pix li{text-align:justify;}
ul.diamond{list-style-type:none;padding:0;margin:0;padding-left:1.2em;}
ul.diamond>li,p.diamond{padding-left:1.2em;background-image:url(../images/icons/diamond.svg);background-position:0 .3em;background-size:.7em;background-repeat:no-repeat;padding:0 0 0 1.2em;}
.note{margin-top:.5em;margin-bottom:.4em;display:flex;}
.note>li{padding-top:.5em;padding-bottom:1em;}
.note div{padding:0 0 .5em 0;}
.note div:first-child{white-space:nowrap;margin-right:5px;}
.note .note{padding-left:1em;display:block;margin-bottom:0;}
.note .note li:last-child{padding-bottom:0;}
.note .note .note{padding-left:.5em;}
.note .note .note li{padding-top:0;padding-bottom:0;}
.urduNote,.urdu sup{direction:ltr;}
.panel-default > .panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;height:120px!important;}
.micp{padding-left:200px;padding-right:200px;}

/*Table*/
.mainContent table{width:100%;border:5px solid #bdbdbd;margin-bottom:1em;font-size:1em;}
.mainContent table th,table td{border:1px solid #888;padding:12px 15px;}
.mainContent table tr{background-color:#fff;}
.mainContent table tr.top td{vertical-align:top;}
.mainContent table tr.center th,table tr.center td,table th.center,table td.center{text-align:center;}
.mainContent table tr.bold th,table tr.bold td,table th.bold,table td.bold{font-weight:bold;}
.mainContent table th{background-color:#cdedee;}
.mainContent table th:nth-child(1),table th:nth-child(2){width:30% !important;}
.mainContent table th:nth-child(3){width:40% !important;}
.mainContent table td{background-color:#fff;}
.mainContent table ul{margin-bottom:0;font-size:1em;}

/*.mainContent .pilot_reward_scheme h3{color:#fff;font-weight:bold;padding:10px 15px;border-radius:10px;margin:0 50px;z-index:1;width:800px;max-width:800px;}
.mainContent .pilot_reward_scheme .pix{padding:20px 40px 10px 40px;border:2px solid #2f5597;position:relative;z-index:0;margin-bottom:10px;}
.mainContent .pilot_reward_scheme .pix li:last-child,.pilot_reward_scheme .diamond li:last-child{padding-bottom:0;}*/
.mainContent .pilot_reward_scheme table{border:0;margin:10px 0;}
.mainContent .pilot_reward_scheme table tr td{text-align:justify;}
.mainContent table.pilot_reward_scheme_1 thead tr th{background-color:#2f5597;color:#fff;}
.mainContent table.pilot_reward_scheme_2 thead tr th{background-color:#3B5B25;color:#fff;}
.mainContent table.pilot_reward_scheme_3 thead tr th{background-color:#27639B;color:#fff;}
.mainContent table.pilot_reward_scheme_4 thead tr th{background-color:#4E7B32;color:#fff;}
.mainContent table.pilot_reward_scheme_5 thead tr th{background-color:#2E75B8;color:#fff;}
.mainContent table .diamond{padding:20px 0 0 0;font-size:1em !important;}
.mainContent table .diamond>li{padding:0 0 0 1.2em;}
.mainContent .pilot_reward_scheme_table{border:3px solid #32644c;border-radius:10px;background-color:#4E7B32;color:#002060;padding:20px;margin-bottom:30px;max-width:860px;}
.mainContent .pilot_reward_scheme_table table{border:3px solid #4E7B32;background-color:#ffffff;margin-bottom:0;}
.mainContent .pilot_reward_scheme_table table th{width:25% !important;background-color:#ffffff;vertical-align:top;}
.mainContent .pilot_reward_scheme_table table th,.pilot_reward_scheme_table table td{border:3px solid #385623;text-align:center;}
.mainContent .pilot_reward_scheme_table table thead th:first-child{background-color:#4E7B32;border-top:0;border-left:0;}
.mainContent .pilot_reward_scheme_table table th,table strong{color:#0070c0;}
.mainContent .pilot_reward_scheme_table table thead tr th:nth-child(2),.pilot_reward_scheme_table table tbody tr td:nth-child(2){background-color:#ffffcc;}
.mainContent .pilot_reward_scheme_table table thead tr th:nth-child(3),.pilot_reward_scheme_table table tbody tr td:nth-child(3){background-color:#ECF3E2;}
.mainContent .pilot_reward_scheme_table table thead tr th:nth-child(4),.pilot_reward_scheme_table table tbody tr td:nth-child(4){background-color:#E7F3F1;}

/*=========header=========*/
body{background-color:#fff;}
body #wrap{width:100%;margin-right:auto;margin-left:auto;}
body.indexVersion #wrap{}
body.indexVersion .headerArea{}
body #wrap .container{clear:both;padding-right:0px;padding-left:0px;}
body.indexVersion #header:after{display:none;}
body.indexVersion .bodyArea{background-repeat:no-repeat;background-position:top center;}
#header:after{}
.headerArea .container{}
#wrap .bodyArea .container{border-bottom-style:none !important;}
#wrap #footer .container{border-bottom-style:none !important;}
.headerArea {background-repeat:no-repeat;}
.headerTop{text-align:right;}
.headerArea .headerBottom{}
.headerArea .headerBg{background-color:#ff913f;height:43px;width:100%;position:absolute;top:122px;left:0;z-index:-1;border-bottom:3px solid #203682;}
.headerArea ul{margin:0;padding:0;}
.headerArea .myTool{}
.headerArea .headerTool{background-color:inherit;margin-right:auto;margin-left:auto;}
.headerArea .headerTool .langTool{display:inline-block;}
.headerArea .headerTool .langTool li,.headerArea .headerTool .langTool a{}
.headerArea .headerTool .langTool li span{margin:0;}
.headerArea .headerTool2{width:100%;}
.headerArea .headerTool a,.headerArea .headerTool a:link,.headerArea .headerTool a:visited{color:#444;}
.headerArea .headerTool .menuLv0>.my_menu2{background-color:#1A843A;}
.headerArea .headerTool .menuLv0>.my_menu3{background-color:#096fb9;}
.headerArea .headerTool .menuLv0>.my_menu2>a,.headerArea .headerTool .menuLv0>.my_menu2>a:link,.headerArea .headerTool .menuLv0>.my_menu2>a:visited,.headerArea .headerTool .menuLv0>.my_menu3>a,.headerArea .headerTool .menuLv0>.my_menu3>a:link,.headerArea .headerTool .menuLv0>.my_menu3>a:visited{color:#fff;}
.headerArea .headerTool a:hover,.headerArea .headerTool a:focus{color:#444;text-decoration:none;}
.headerArea .headerTool ul.menuLv0>li>a:focus{}
.headerArea .headerTool #lunar_conversionc_uc img{padding-bottom:4px;}
.headerArea .headerTool ul.menuLv0>li>a:hover {}
.headerArea .headerTool ul.menuLv1>li>a:hover,.headerArea .headerTool ul.menuLv1>li>a:focus{}
.headerArea .topHeaderTool{margin:5px 0 25px 0;}
.headerArea .bottomHeaderTool{margin:5px 0 5px 0;}
.headerArea .headerTool .myTool .myLogo,.headerArea .headerTool .topHeaderTool>div,.headerArea .headerTool .bottomHeaderTool>div{float:left;}
.headerArea .headerTool .myTool .myLogo{position:relative;z-index:100;}
.headerArea .headerTool .myTool .myLogoBg{position:absolute;left:0;right:0;height:101px;background-repeat:repeat-x;z-index:1;}
.headerArea .headerTool .myTool .leftHeaderTool{float:left;margin-top:4px;}
.headerArea .headerTool .myTool .rightHeaderTool,.headerTool .topHeaderTool,.headerArea .bottomHeaderTool{float:right;width:80%;}
.myheaderTool>div.clientTool{color:#444;padding-top:0;padding-right:0px !important;padding-bottom:0px;padding-left:0px;font-weight:bold;text-align:right;}
.myheaderTool>div.clientTool div{display:inline-block;vertical-align:bottom;margin:0;}
.myheaderTool>div.clientTool div>*{margin:0;padding:0 8px;}
.myheaderTool>div.clientTool div>ul.aaaTool{padding:0 4px;}
.myheaderTool>div.clientTool div.datetime{padding-right:30px;}
.myheaderTool>div.clientTool div.datetime>#lunar_climatology_uc{padding-right:0;}
.myheaderTool>div.clientTool div.datetime>#lunar_conversionc_uc{padding:0;}
.myheaderTool>div.clientTool div.datetime>span{padding-left:6px;}
.myheaderTool>div.clientTool div.searchTool >*{padding:0;}
.myheaderTool>div.clientTool div.brandhk>*{padding:0;}
.myheaderTool>div.clientTool div#wxinfo_bar>img{height:22px;width:auto;padding:2px;background-color:#fff;}
.clientTool>div.AStyleArea:before,.clientTool>div.language:before,.clientTool>div.share:before{}
.clientTool>div.language li.fst:before{content:"";display:none;}
.clientTool>div.homeTool:before{display:none;}
.clientTool>div.searchTool:before{content:"";clear:both;padding:0;margin:0;}
.headerArea .headerTool .searchTool{float:none;display:block;margin-right:0;z-index:8901;position:relative;display:inline-block;}
div.searchTool:after{content:none !important}
div.mobile_view:after{content:none !important}
div.language li.last:after{content:"";display:none;}
.myheaderTool>div.clientTool div.setting img{width:20px;}
.myheaderTool>div.clientTool div.mobile_view{height:27px;}
.myheaderTool>div.clientTool div.language ul li{padding-right:0;width:10px !important;}
.myheaderTool>div.clientTool div.home{}
.clientTool ul{float:right;list-style-type:none;}
.clientTool ul li{margin-left:0;margin-right:0;}
.searchTool form{float:right;}
.clientTool form a{display:inline-block;vertical-align:bottom;}
.clientTool form img{float:right;display:block;padding:2px;z-index:4200;position:relative;}
.clientTool .language>ul{padding-right:0px !important;}
.headerArea .clientTool>ul>li>div>*{padding:4px 12px;}
.clientTool li *{display:inline;vertical-align:bottom;}
.clientTool li .aaaTool,.clientTool li .aaaTool *{vertical-align:inherit;}
.mobileClient{display:none;}
.logIOTool a{background:#d73d32;}
.headerArea li,.headerArea a{margin:0 0px;padding:0;float:none;display:inline;text-decoration:none;}
.headerArea .language li a{color:#000;font-weight:bold;border-radius:27px;padding:5px;}
.headerArea .headerMenu li,.headerArea .headerMenu a{margin:0;display:block;}
.headerArea a:hover,.headerArea a:focus{text-decoration:underline;}
.headerArea .myTool,.headerArea .myTool a{color:#3e5259;}
.headerArea .langTool{margin-top:6px;}
.headerArea .bottomHeaderTool .contactus img{vertical-align:initial;margin:0 5px;}
.headerArea .bottomHeaderTool .searchTool{margin-left:3px;margin-top:-2px;}
.myheaderTool>div.clfSeachBar{float:none;position:absolute;top:30px;right:20px;}
.headerArea .aaaTool{margin-right:5px;}
.headerArea ul.aaaTool{padding-right:0px;padding-left:0px;}
.headerArea .bottomHeaderTool .searchTool .searchBtn img{margin-left:5px;}
.headerArea .headerTool .headerMenu{text-align:left !important;z-index:8000;}
.headerArea .headerTool .headerMenu{background-color:transparent;margin-top:6px;}
.headerArea .headerTool .headerMenu:before{content:'';position:absolute;left:0;right:0;height:62px;background-color:#F4F4F6;}
.headerArea .headerTool .headerMenu.mainheaderMenu{position:relative;}
.headerArea .headerTool .headerMenu.subheaderMenu{margin-left:100px;margin-right:100px;margin-top:5px;}
.headerArea .headerTool .headerMenu.subheaderMenu .tMenu>li>a{z-index:8010;}
.headerMenu{text-align:right;padding:0;}
.indexVersion .headerArea .headerTool .headerMenu>ul{margin-top:0;}
.leftMenuVersion .leftmenu{float:left;width:180px;}
.leftMenuVersion .mainHeader,.leftMenuVersion .mainContent{width:800px;float:left;}
#mainContentSkip{float:left;}
.headerMenu ul li{float:left;margin:0;}
.headerMenu ul.menuLv0>.close>div.extmenu{position:absolute;left:-9999px;}
.headerMenu ul .close ul ul ul{display:none !important;}
.headerMenu ul .open>ul,.headerMenu ul li ul.activeUl,.headerMenu ul li ul.activeUl_withTimer{display:block;left:0;}
.headerMenu ul li a>div{float:left;}
.headerMenu ul.menuLv1{text-align:left;width:100%;min-width:300px;background-color:#fff;box-shadow:0 0 12px -2px #000;padding-top:6px;}
.headerMenu.subheaderMenu ul.menuLv1{position:absolute;left:-9999px;float:none;}
.headerMenu.subheaderMenu  .tMenu li.open>ul.menuLv1{left:0;right:0;margin:auto;position:absolute;padding-left:500px;padding-right:300px;padding-top:30px;padding-bottom:30px;min-height:240px;}
.headerMenu.subheaderMenu .open>ul.menuLv1:before{content:"";font-size:1.6em;font-weight:bold;color:#779dcb;text-align:center;padding-top:170px;display:block;width:160px;position:absolute;top:40px;transform:translate(-150%,0);z-index:8920;}
.headerMenu.subheaderMenu .open>ul.menuLv1:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#1f61af;z-index:8910;}
.headerMenu.subheaderMenu .open>ul.menuLv1>li{position:relative;display:inline-block;z-index:8920;}
.headerMenu ul ul.menuLv1{float:left;}
.headerMenu ul ul.menuLv1>li{border:0;border-top:0;list-style-type:disc;margin:0;float:left;left:0;right:0;}
.headerMenu ul.menuLv1 li a{padding:10px;display:block;text-align:left;}
.headerMenu ul.menuLv1.shortList{width:240px;}
.headerMenu ul .longList{float:left;position:relative;}
.headerMenu .longList ul.menuLv1.numUl1{left:220px;}
.headerMenu .longList ul.menuLv1.numUl2{left:440px;}
.headerMenu ul.menuLv0{margin:0 auto;padding:0;}
.headerMenu ul.menuLv0,.headerMenu ul.menuLv0 li{list-style-type:none;text-align:center;}
.headerMenu ul.menuLv0>li.firstLi{display:none;}
.headerMenu ul.menuLv0>li.firstLi>a img{margin:0 15px;}
.subheaderMenu ul.menuLv0>li{font-weight:bold;text-align:right;position:relative;text-align:center;vertical-align:top;}
.headerMenu ul.menuLv0>li.active_section>a{font-weight:bold;}
.chineseVersion .headerMenu ul.menuLv0>li.active_section>a{color:#044879;}
.headerMenu.subheaderMenu ul.menuLv0>li{position:static;font-weight:bold;}
.headerMenu ul.menuLv0>li>a{position:relative;}
.headerMenu ul.menuLv0>li.firstLi>a:before{display:none;}
.headerMenu.subheaderMenu ul.menuLv0>li>a:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:1px;background-color:#666;}
.headerMenu ul.menuLv0>li a{text-decoration:none !important;}
.headerMenu ul.menuLv0>li.firstLi:before{content:'';display:none;}
.headerMenu ul.menuLv0>li.my_menu1:before{content:'';display:none;}
.headerMenu ul.menuLv0>li:hover:after,.headerMenu ul.menuLv0>li.active_section:after{content:" ";position:absolute;width:19px;height:10px;bottom:8px;left:50%;margin-left:-9.5px;background-repeat:no-repeat;}
.tMenu>li{position:relative;float:left;min-height:inherit !important;max-height:inherit !important;width:auto;font-size:1em;text-align:left;background-repeat:no-repeat;}
.headerMenu ul li>div.extmenu{position:absolute;padding-top:10px;z-index:1;}
.headerMenu ul.menuLv1>li>div.extmenu{position:relative;padding-top:0px;}
.headerMenu ul .my_menu>div.extmenu:before{content:'';position:absolute;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:4px;left:15%;}
.headerMenu ul.menuLv0>li>a{margin:0;padding:0;position:relative;}
.headerMenu ul.menuLv0>li>a>span{display:block;margin-top:0;}
.headerMenu ul.menuLv0>li>a>span.caret,.headerMenu ul.menuLv1>li>a>span.caret{position:absolute;padding-right:0;top:50%;right:5px;display:none;}
.headerMenu.subheaderMenu ul.menuLv0>li:hover>a,.headerMenu.subheaderMenu ul.menuLv0>li>a:hover,.headerMenu.subheaderMenu ul.menuLv0>li>a:focus{background-color:#1f61af;color:#fff;position:relative;}
.headerMenu.subheaderMenu ul.menuLv0>li:hover>a:after,.headerMenu.subheaderMenu ul.menuLv0>li>a:hover:after,.headerMenu.subheaderMenu ul.menuLv0>li>a:focus:after{content:"";position:absolute;bottom:0;height:5px;left:20px;right:20px;border-radius:10px;background-color:#97b5d9;}
.headerMenu .tMenu a>span{margin:0 0px;}
.headerMenu.subheaderMenu .tMenu li.open ul,.headerMenu.subheaderMenu .tMenu li ul.activeUl{margin:0;background-color:#1f61af;padding:0;border-top:1px solid #1b5397;}
.headerMenu .tMenu li>ul.menuLv2{position:absolute;left:-9999px;}
.headerMenu .tMenu li.active>ul.menuLv2{display:block;min-width:100%;position:relative;left:auto;}
.headerMenu .tMenu li.open ul:after,.headerMenu .tMenu li ul.activeUl:after{clear:both;}
.headerMenu .tMenu li.open ul>li,.headerMenu .tMenu li ul.activeUl>li{float:none;display:block;}
.headerMenu .tMenu li.open ul li a,.headerMenu .tMenu li ul.activeUl li a{margin-top:0;margin-bottom:0;display:block;}
.headerMenu .tMenu li.open ul li a,.headerMenu .tMenu li ul.activeUl li a{margin-top:0;margin-bottom:0;}
.headerMenu .tMenu li.open ul.menuLv2>li>a,.headerMenu .tMenu li ul.activeUl .menuLv2>li>a{padding:6px 10px 6px 50px;}
.headerMenu .tMenu li.open ul.menuLv2>li>a:focus,.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,.headerMenu .tMenu li.open ul.menuLv2>li>a:active,.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover{background-color:#1d5ca6;color:#fff;}
.headerMenu ul.menuLv0{z-index:7900;position:relative;}
.headerMenu ul.menuLv1{z-index:7910;}
.headerMenu ul.menuLv2{z-index:7920;}
.headerMenu ul.menuLv1>li{position:relative;}
.headerMenu .tMenu li.open ul.menuLv2>li{width:100%;}
.headerMenu.subheaderMenu .tMenu li ul>li{width:100%;height:auto;float:left;}
.headerMenu .tMenu li ul.menuLv1>li{float:none;}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li{width:33% !important;margin:0;vertical-align:top;}
.headerMenu .tMenu li ul>li.close{background-position:right top;background-repeat:no-repeat;}
.headerMenu .tMenu li ul>li>a{background-position:right bottom;border-collapse:collapse;background-size:100% 100%;}
.headerMenu .tMenu>li>a{position:relative;}
.headerMenu .tMenu>li>a:focus,.headerMenu .tMenu>li>a:hover,.headerMenu .tMenu>li>a:active,.headerMenu .tMenu>li>a.active_section{color:#36444d;}
.headerMenu .tMenu .menuLv1 a{padding:6px 10px 6px 40px;}
.headerMenu .tMenu .menuLv1 >li>a:before{content:'';width:6px;height:6px;position:absolute;left:20px;top:14px;background-color:#fa7370;}
.headerMenu.subheaderMenu .tMenu .menuLv1 a{color:#fff;}
.headerMenu.subheaderMenu .tMenu .menuLv1 a:focus,.headerMenu.subheaderMenu .tMenu .menuLv1 a:hover{color:#f6c812;}
.caret{display:none;}
.siteList .caret{display:none;}
.headerMenu .tMenu .menuLv1 hr{margin-top:auto;margin-bottom:auto;border:1px solid #b9c7d6;border-top:0;width:90%;margin:0 auto;}
.leftHeader{display:none;}
.leftMenuHeader{margin-top:0;}
.left_menu>div{position:relative;z-index:8000;}
.left_menu>div.menuBg{position:absolute;top:0;bottom:0;width:185px;z-index:5000;}
.leftMenuArea{float:left;width:185px;}
.leftMenu{float:left;}
.left_menu{width:185px;min-height:100%;}
.leftMenu{z-index:7900;position:relative;}
.leftMenu .close>ul{height:0;opacity:0;z-index:-1;position:relative;overflow:hidden;}
.leftMenu .open>ul{height:auto;opacity:1;z-index:7910;transition:opacity 0.3s ease-in-out;overflow:visible;}
.chineseVersion .headerMenu .tMenu .menuLv1 a{min-height:19px;}
.copyrightBar{text-align:center;margin:0 0 20px 0;}
.headerNav{width:100%;}
.headerTool .myLogo{padding:0;position:absolute;top:15px;z-index:8888;}
.headerTool .myLogo a{padding:5px 0;display:inline-block;}
.headerTool .myLogo img{text-align:left;}
.headerTool .AStyleArea a{padding:0 4px;vertical-align:baseline;}

/*AAA*/
.aaaTool #fontSize0{font-size:100%;}
.aaaTool #fontSize1{font-size:120%;}
.aaaTool #fontSize2{font-size:140%;}

/*=========footer=========*/
.footerArea{color:#444;}
.footerMenu ul,.footerMenu ul li{list-style-type:none;padding:0;}
.indexVersion .footerMenu .bMenu{display:block;}
.footerArea{position:relative;padding:0 0;}
.indexVersion .footerArea{box-shadow:none;}
.footerMenu .menuLv0>li>a{font-weight:600;}
.footerArea,.footerArea a{color:#fff;}
.footerArea .container{z-index:1000;}
.footerArea1{background-color:#444;padding:40px 0;}
.footerArea2{background-color:#202020;padding-top:60px;padding-bottom:20px;}
.footerRow .logo{text-align:center;margin-bottom:20px;}
.shareFooter{margin:25px 0 15px 0;text-align:center;}
.shareFooter a{display:inline-block;text-align:center;padding:0 16px;font-weight:bold;}
.footerArea .footerTop{position:relative;}
.footerArea .footerTop .mylogo{position:absolute;left:0;top:10px;}
.footerArea .footerBottom{margin-top:30px;}
.footerArea .footerMenu{padding-bottom:0;padding-right:0px;padding-left:0px;}
.footerArea .footerMenu>div{width:25%;display:inline-block;}
.footerArea .footerMenu .myText .hdOnly{display:none;}
.footerMenu ul ul ul{display:none;}
.footerArea .myFooterBg{position:absolute;left:0;right:0;background:#012056;bottom:0;z-index:1;}
.footerMenu .bMenu li{display:list-item;margin:10px 0;list-style-type:disc;}
.footerMenu .bMenu .menuLv1 li:before{position:relative;display:inline-block;margin-right:5px;}
.footerMenu .fm1 ul.menuLv0>li.my_menu0{background-color:#1A843A;}
.footerMenu .fm1 ul.menuLv0>li.my_menu1{background-color:#096fb9;}
.footerMenu .shortList{max-width:120px;}
.footerMenu .longList>ul{float:left;}
.footerMenu .longList .firstUl{margin-left:0;}
.footerMenu .longList ul{margin-left:20px;}
.footerMenu .bMenu .menuLv1 a:link,.footerMenu .bMenu .menuLv1 a:visited{display:inline;}
.footerMenu .bMenu a:link,.footerMenu .bMenu a:visited{display:block;color:#3e5259;font-weight:bold;}
.footerMenu .bMenu a:hover,.footerMenu .bMenu a:focus,.footerMenu .bMenu a:active,.footerMenu .bMenu a.active_section{text-decoration:none;}
.footerMenu .bMenu .menuLv1 a:link,.footerMenu .bMenu .menuLv1 a:visited,.footerMenu .bMenu .menuLv1,.footerMenu .bMenu .menuLv1{color:#3e5259;font-weight:normal;}
body .footerArea ul.fMenu{list-style-type:none;padding:0;margin-bottom:0;}
body .footerArea div.info ul.fMenu{margin:0px;padding:0px;display:block;}
body .footerArea .footerBold{font-size:1.1em;font-weight:bold;}
body .footerArea .govLogo{margin-bottom:10px;}
body .footerArea .govLogo>div{display:inline-block;vertical-align:middle;margin-right:10px;}
body .footerArea .info{text-align:center;margin-bottom:20px;}
body .footerArea .info>div{padding-left:5px;}
body .footerArea ul.fMenu a{text-decoration:none;}
body .footerArea ul.fMenu>li,body .footerArea .copyrightBar{vertical-align:middle;}
.footerArea ul.fTool{text-align:center;list-style-type:none;margin:0;padding:0;}
.footerArea ul.fTool>li{display:inline-block;}
.footerArea .info .fTool li a{padding:0 12px;vertical-align:middle;line-height:1;}
.footerArea ul.fTool>li span{vertical-align:middle;}
.copyR{text-align:center;margin-bottom:20px;}
.copyR>div{display:inline-block;vertical-align:middle;line-height:1;}
.copyR>div:nth-child(2){padding:0 10px;}
.hkbrand img{height:31px;}
body #footer div.system{width:50%;text-align:right;float:right;}
body #footer div.copyright{width:50%;text-align:right;float:right;}
body #footer div.w3c{text-align:center;display:flex;justify-content:center;}
body #footer div.w3c>div{vertical-align:baseline;display:inline-block;padding:6px 12px;}
.footerArea ul.fMenu,.footerArea ul.fMenu li{list-style-type:none;}
.footerArea .fMenu{margin:0 20px;}
.footerArea .fMenu>li{background-color:#595959;display:block;margin-bottom:10px;}
.footerArea .fMenu>li a{display:block;margin:0;padding:11px 16px;}
.footerArea .fMenu>li .firstItem{margin-left:0}
.footerArea .fMenu>li .lastItem{margin-right:0}
.footerLeft{float:left;}
.footerRight{float:right;}
.copyRight{margin-bottom:10px;display:block;text-align:left;}
.myheaderTool{position:static;display:inline-block;padding:33px 0;}
.myheaderTool div{line-height:normal;padding-top:0px;padding-right:0;padding-bottom:0px;}
.myheaderTool>div.mobile_view{padding-left:0px;}
.myheaderTool>div.sitemap{padding-left:0px;font-size:1em;}
.myheaderTool>div.sitemap a{color:#3e5259;}
.mailTool{float:right;}
.homeTool img{vertical-align:text-bottom;}
.footerArea .myLogo img{width:90px;display:block;margin:auto;}
.footerArea .myLogo span{display:block;text-align:center;margin-top:10px;}

/*=========Page Buttom=========*/
.btmNav{display:none;}
#footer .btmNav{display:block;}
body div.btmNav{position:relative;z-index:6000;}
.backBtn{display:inline-block;float:left;color:#3e5259;margin:0;font-weight:bold;}
.topBtn{display:inline-block;color:#3e5259;margin:0;font-weight:bold;position:absolute;right:0;top:0;margin-top:-20px;}
.backBtn a{padding:5px 7px 8px 7px;background-color:#446993;border-radius:4px;color:#FFF !important;}
.backBtn a:hover,.backBtn a:focus{text-decoration:none;}
.topBtn a{position:relative;width:40px;height:40px;display:block;background-color:#00837d;color:#FFF !important;border-radius:4px;}
.topBtn a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.topBtn a:hover,.topBtn a:focus{text-decoration:none;}
.my_anchor{font-size:0 !important;padding:0 !important;margin:0 !important;position:static !important;display:block !important;height:0 !important;width:0 !important;}

/*=========breadcrumb=========*/
.contentArea .breadcrumb a.home{padding-right:0;text-decoration:none;}
.contentArea .breadcrumb{color:#444;z-index:7888;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;padding:0;background-color:transparent;display:block;padding:40px 0;}
.breadcrumb a{text-decoration:none;color:#345598 !important;}
.breadcrumb ul li span,.bodyArea .breadcrumb span{color:#444 !important;padding:0 10px;}
.indexVersion .breadcrumb,.extIndex .breadcrumb{display:none;}
.qrcode{position:relative;margin-right:10px;}
.listStyleInline{display:inline;padding:0;}
.listStyleInline li,.listStyleInline li>*,.listStyleInline li>a{margin:0 1px;padding:0;float:none;display:inline;}

/*=============Header============*/
.mainHeader h1{background-repeat:no-repeat;background-position:right bottom;}
.mainHeader h1{text-align:left;margin:0px;font-weight:bold;padding:90px 0;color:#504098;margin-top:0;position:relative;z-index:3500;}
.mainContent .mainHeader h1{margin-bottom:0;width:100%;margin:0;padding-right:80px;}
.mainHeader hr{border-bottom:#203682 1px solid;border-top:0;margin:0;padding:0;}
.printTool{margin-top:1em;display:inline-block;text-align:right;float:right;}
.printTool a{color:#F00;}
.mainContent h2.alter{color:#166867}

/*=========mainContent=============*/
body #wrap .bodyArea .container:nth-child(2){padding:25px 0px;}
.contentArea{padding:0;min-height:500px;}
.indexVersion .contentArea{width:100%;min-height:0;}
.mainContent{margin:0px 0px;}
.bodyArea{z-index:3000;position:relative;}
.indexVersion .bodyArea{background-color:transparent;}
.bodyArea .container{z-index:3000;display:block;height:auto;padding-top:0;padding-right:30px;padding-bottom:0;padding-left:30px;}
.table_photo tr td{padding:15px 15px;font-size:1em;line-height:1.5em;border:1px solid #eceeee;}
.table_student{border-width:5px;border-color:grey;border-style:dotted;font-size:1em;line-height:1.5em;}
.table_header{border:1px none #6a7499;border-collapse:collapse;padding:10px 15px;background-color:#622a8b;color:#fff;font-weight:bold;text-align:center;font-size:1em;}
.table_header_2{border:1px none #6a7499;border-collapse:collapse;padding:10px 15px;background-color:#32a1bd;color:#fff;font-weight:bold;text-align:center;font-size:1em;}
.titleBlue{color:#203682;font-size:1.6em;font-weight:bold;border-bottom:#203682 1px solid;padding-bottom:5px;margin-bottom:20px;}
.rightBtn{float:right;z-index:7500;position:relative;padding-bottom:5px;}
.blueBtn img{opacity:0.7;}
.blueBtnOn img{opacity:1;}
.indexContent,.whatIsNew,.eventCalender{display:inline-block;}
.indexContent{width:38%;}
.whatIsNew,.eventCalender{width:405px;}
.whatIsNew ul{margin:0;padding:0;color:#006ab6;}
.whatIsNew ul>li{margin:25px 0;}
.whatIsNew ul .newsDate{color:#3e5259;}
.eventCalender .event_tit{font-weight:bold;color:#3e5259;}
.eventCalender .event_tit.holiday{color:#f00;}
.eventCalender ul{margin:0;padding:0;margin-left:15px;color:#006ab6;}
.eventCalender ul>li{margin:5px 0;}
.eventCalender .eventList>div{padding:10px;}
.eventCalender .bgColorZe{background-color:#edf1f4;}
/*==============================*/
.headerArea{position:relative;z-index:7000;}
.headerArea .headerTool{width:1280px;max-width:100%;}
.headerArea .headerTool .headerNav{max-width:1280px;margin:auto;}
.headerArea.fixed:before{content:"";transition:all 0.3s ease-in-out;}
.indexVersion .headerArea{height:auto;}
.indexVersion .headerArea:before,.indexVersion .headerArea.fixed:before,.indexVersion .headerArea:after{display:none;}
.indexVersion .headerArea .headerTool{position:static;width:auto;left:auto;transform:none;}
.indexVersion .headerArea .headerTool .headerNav{max-width:none;}
.headerArea.fixed .myLogo{margin-top:-12px;}
.headerArea.fixed .myLogo .logo_0>a>img{max-width:355px;max-height:80px;width:auto;height:auto;padding:12px;transition:all 0.3s ease;}
.headerArea.fixed .headerTop{min-height:60px;}
.headerArea .clientTool .more{display:none;}
.headerArea.fixed .clientTool .more{display:inline-block;}
.headerArea .myheaderTool>div.clientTool .mobSearch,.headerArea.fixed .clientTool>br,.headerArea.fixed .headerTool .clientTool .searchTool{display:none;}
.headerArea.fixed .myheaderTool>div.clientTool .mobSearch{display:inline-block;}
.headerArea.fixed .myheaderTool>div.clientTool .mobSearch img,.headerArea.fixed .myheaderTool>div.clientTool .print img,.headerArea.fixed .myheaderTool>div.clientTool .share img{height:20px;padding:0;}
.headerArea.fixed .headerTool .clientTool .searchTool{position:absolute;top:100%;margin:0;background-color:#fff;left:0;right:0;}
.headerArea.fixed .searchTool form{float:none;text-align:center;padding:0;background-color:#fff;transition:background-color 0.3s ease-in-out,padding 0.3s ease;}
.headerArea.fixed .headerTool .clientTool .searchTool.mobActive{display:block;}
.headerArea.fixed .searchTool.mobActive form{background-color:#f8f8f8;padding:30px 0;}
.headerArea.fixed .headerTool .searchTool input{max-width:100%;width:500px;}

/*===========AAA================*/
.mySize0 .headerArea,.mySize0 .footerArea{font-size:1em;}
.mySize1 .headerArea,.mySize1 .footerArea{font-size:1em;}
.mySize2 .headerArea,.mySize2 .footerArea{font-size:1em;}

/*==========footerBanner==========*/
.footerBanner{text-align:left;margin:auto;padding:10px 0 50px 0;float:left;}
.footerBanner li{display:inline;margin:0 5px;}
.footerBanner li img{height:51px;}
/*============================*/

/* =================================================================================================
Right Scrolling Module with Pagnation
================================================================================================= */

/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised:03/07/2009 21:13
 *
 */

.simply-scroll-container{ /* Container DIV - automatically generated */
position:relative;
}
.simply-scroll-clip{ /* Clip DIV - automatically generated */
position:relative;
overflow:hidden;
z-index:2;
}
.simply-scroll-list{ /* UL/OL/DIV - the element that simplyScroll is inited on */
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.simply-scroll-list li{
padding:8px 0px 0px;
margin:0;
list-style:none;
}
.simply-scroll-list li img{
border:none;
display:block;
}
.simply-scroll-btn{
position:absolute;
width:42px;
height:44px;
z-index:3;
cursor:pointer;
}
.simply-scroll-btn-left{
left:6px;
bottom:6px;
background-position:0 -44px;
}
.simply-scroll-btn-left.disabled{
background-position:0 0 !important;
}
.simply-scroll-btn-left:hover{
background-position:0 -88px;
}
.simply-scroll-btn-right{
right:6px;
bottom:6px;
background-position:84px -44px;
}
.simply-scroll-btn-right.disabled{
background-position:84px 0 !important;
}
.simply-scroll-btn-right:hover{
background-position:84px -88px;
}
.simply-scroll-btn-up{
right:6px;
top:6px;
background-position:-126px -44px;
}
.simply-scroll-btn-up.disabled{
background-position:-126px 0 !important;
}
.simply-scroll-btn-up:hover{
background-position:-126px -88px;
}
.simply-scroll-btn-down{
right:6px;
bottom:6px;
background-position:-42px -44px;
}
.simply-scroll-btn-down.disabled{
background-position:-42px 0 !important;
}
.simply-scroll-btn-down:hover{
background-position:-42px -88px;
}

.simply-scroll{ /* Customisable base class for style override DIV */
width:100%;
height:480px;
margin-bottom:1em;
}
.simply-scroll .simply-scroll-clip{
width:580px;
height:480px;
border-top:#a2adc1 1px solid;
}
.simply-scroll .simply-scroll-list li{
float:left;
width:550px;
height:160px;
}
/* Vertical scroller example */

.vert{ /* wider than clip to position buttons to side */
width:340px;
height:400px;
margin-bottom:1.5em;
}
.vert .simply-scroll-clip{
width:290px;
height:400px;
}
.vert .simply-scroll-list li{
width:290px;
height:200px;
}
.vert .simply-scroll-btn-up{ /* modified btn pos */
right:0;
top:0;
}
.vert .simply-scroll-btn-down{ /* modified btn pos */
right:0;
top:52px;
}
/* NOTE left-right classes wouldn't be needed on vertical scroller */

.simply-scroll .simply-scroll-list .newsList>li{
height:inherit;
margin:0;
padding:0;
width:inherit;
}
.simply-scroll .simply-scroll-list .newsList>li>div{
padding:10px 45px;
}
/*========================================Clf Style===============================================*/

.leftClfArea{
float:left;
font-size:1.4em;
}
.rightClfArea{
float:right;
}
.books_top_box{
border-bottom:1px;
text-align:center;
border-left:1px;
width:20px;
height:180px;
border-top:1px;
border-right:1px;
background-color:#f4f4f4;
}
.books_bottom_box{
width:250px;
background-color:#fcf0e2;
text-align:center;
height:100px;
vertical-align:middle;
}
.issue{
float:left;
margin:5px;
padding:10px;
width:350px;
height:185px;
border:1px solid black;
}
.issue_title{
color:#FFFFFF;
font-size:1.6em;
background-color:#dc3431;
padding:5px 5px 5px 5px;
width:100px;
margin-top:-12px;
text-align:center;
}
.mailTool{
width:102px;
height:55px;
font-weight:bold;
text-align:center;
}
.headerArea .headerTool .mailTool a{
color:#fff;
width:50px;
display:block;
margin:3px auto;
line-height:1.5em;
}
.indexContent{
position:relative;
z-index:8000;
width:940px;
margin:0 15px;
padding:10px 0;
}
.indexContent>div{
display:inline-block;
}
.colorSort{
width:180px;
padding:0 10px;
}
.colorSort>div{
background-color:#efefef;
padding:10px 50px 20px 10px;
margin-bottom:1px;
}
.colorSort .cerise{
border-left:5px solid #DA3287;
}
.colorSort .lochmara{
border-left:5px solid #007EC7;
}
.colorSort .hippieGreen{
border-left:5px solid #53824B;
}
.colorSort .lavenderIndigo{
border-left:5px solid #9457EB;
}
.newsArea{
width:375px;
padding:0 10px;
}
.newsArea .newsTopic{
color:#ab264c;
font-weight:bold;
font-size:1.2em;
padding-top:10px;
}
.newsArea .newsDate{color:#3e5259;font-weight:bold;
}
.newsArea .newsTitle,.newsArea .newsTitle a{
color:#4f3e71;
}
.newsContent{
overflow-y:auto;
max-height:215px;
}
.newsContent>div{
margin-top:20px;
}
.header2{
display:none;
}
/*=================================*/
.mainContent .full{
padding:0;
}
.index_row{
margin-bottom:50px;
}
.mainContent .main_left{
width:770px;
float:right;
max-width:100%;
}
.mainContent .sub_right{
margin-left:10px;
width:250px;
float:left;
position:relative;
}
/*==============================*/
#cloud{
width:380px;
height:280px;
}
#cloud>div{
margin-right:5px;
margin-bottom:5px;
display:inline-block;
}
#cloud a{
display:block;
padding:8px 25px;
color:#fff;
background-color:#c4c4c4;
border-radius:5px;
font-weight:bold;
}
/*==================*/

#chart>div{
width:420px;
height:280px;
margin:30px 5px;
float:left;
}

/*==================*/
.comment_input{
margin:10px 0 50px 0;
}
.comment_input textarea{
margin-bottom:10px;
padding:16px;
width:100%;
height:200px;
background-color:#f4f4f4;
}
.comment_input .button{text-align:right;}
.comment_input button{
border:0;
background-color:#535353;
color:#fff;
padding:0 20px;
height:32px;
border-radius:3px;
}
.comment_area{
position:relative;
padding:10px 0;
border-top:2px solid #e6e6e6;
}
.comment_area:before{
content:" ";
position:absolute;
width:60px;
height:2px;
background-color:#f68c38;
top:-2px;
left:0;
display:block;
z-index:6000;
}
.comment_area .comment_main>div,
.comment_area .comment_sub>div{
padding:16px 12px;
}
.comment_area .comment_main>div{
background-color:#f1f1f1;
border:3px solid #dedede;
}
.comment_area .user{
float:left;
max-width:95px;
}
.comment_area .user .icon{
margin-bottom:5px;
}
.comment_area .user .name{
color:#345304;
text-align:center;
margin-bottom:5px;
word-break:break-all;
}
.comment_area .user .position{
color:#2b597f;
text-align:center;
margin-bottom:5px;
}
.comment_area .comment_detail{
padding-left:125px;
}
.comment_area .comment_detail .cont{
margin-bottom:10px;
}
.comment_area .comment_detail .tool{
margin-bottom:10px;
}
.comment_area .comment_detail .tool>div{
display:inline-block;
margin-right:20px;
}
.comment_area .comment_detail .tool>div a{
color:#858586 !important;
}
.comment_sub{
margin-left:120px;
}
.comment_sub>div{
margin:10px 0;
}
/*==================*/
div.ms-options-wrap{
position:relative;
display:inline-block;
vertical-align:initial;
margin:10px 10px;
width:600px;
}
span.ms_text{
width:30px;
margin-left:5px;
margin-right:5px;
display:inline-block;
}
.ms-options ul li{margin:0;}
.btn{
display:inline-block;
padding:4px 12px;
margin-bottom:0;
font-size:1em;
line-height:20px;
color:#fff;
text-align:center;
vertical-align:middle;cursor:pointer;
background-color:#3e535a;
background-repeat:repeat-x;
border:1px solid #cccccc;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);
border-bottom-color:#b3b3b3;
border-radius:4px;
}
.btn:hover{color:#fff;}
/*tag*/
.tag{color:#EC7514;}
.tag strong{color:#3e5259;}
/*banner*/
.carousel-inner .left{display:none;}
.carousel-inner .right{display:none;}
#blog .left{float:left;max-width:50%;}
#blog .right{float:right;max-width:50%;}
ul.ref li{list-style-type:lower-alpha;}
/*user*/
#user form{min-height:160px;}
table#user button{border:0;background-color:#535353;color:#fff;padding:0 15px;height:32px;border-radius:3px;}
.home img{vertical-align:text-top;}
.mobile_view img{width:27px;height:27px;}
.contact_us th{
background-color:#3f535a!important;
color:#FFF;
font-weight:bold;
padding:11px;
}
.footerMenu ul li ul ul{display:none;}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span {
text-align:left;
padding-left:0;
padding-right:0;
display:block;
word-break:break-word;
margin-top:0;
padding-left:40px;
position:relative;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span>img{
position:absolute;
left:0;
top:0;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li .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:0;
right:13px;
padding-right:0;
margin-top:15px !important;
}

.background-white {
border-top-width:6px !important;
border-top-style:solid !important;
border-top-color:#3f535a !important;
}

.footerMenu .caret{display:none;}
p.topic{padding-top:0px;}
.topic{font-weight:bold;font-style:italic;}
.guideline .cont li  a::before{display:inline;}
.guideline  .cont li li a::before{content:none;display:inline;padding-top:5px;}

/*==========*/
.mainContent .left_img{
width:360px;
position:absolute;
}
.mainContent .right_cont{
padding-left:360px;
}
.mainContent .list_anchor{
padding-top:25px;
border-top:2px solid #133c8b;
margin-bottom:80px;
}
.mainContent .list_anchor ul{
padding-left:0;
list-style-type:none;
}
.list_anchor li{
float:left;
display:inline-block;
position:relative;
margin:0;
}
.list_anchor li span{
position:absolute;
left:0;
top:0;
}
.list_anchor li.fst a{
padding-left:0;
}
.list_anchor li.lst a{
padding-right:0;
}
.list_anchor li a{
display:block;
padding:0 2em;
color:#000 !important;
text-decoration:none !important;
}
.list_anchor li.active a{
color:#32569a !important;
}
/*====*/
.iconPdf{
margin-left:5px;
margin-right:5px;
vertical-align:text-bottom;
}
.uppercase{
text-transform:uppercase;
font-weight:bold;
}
.AML h3{
padding-bottom:10px;
}
.alerts .cont .panel  .panel-title a{
text-decoration:none !important;
font-weight:bold!important;
}
.subMenu>li>a.leftbtn.active_sub_section{
color:#c40843;
}
.subMenu>li a.leftbtn.active_sub_section{
color:#c40843;
}
.alerts .cont:after{
content:" ";
clear:both;
display:block;
}
/*============================*/
.tMenu.menuLv0>li>a{position:absolute;}

/*====================*/
.myboard_in_title{
text-align:center;
font-size:2.2em;
letter-spacing:.16em;
margin:30px 0;
line-height:1em;
}
.myboard_in_title>span{
color:#0ba186;
font-weight:bold;
}
.myboard_in{
display:inline-block;
position:relative;
margin:auto;
color:#3f3f3f;
width:100%;
max-width:280px;
}
.myboard_in a{
color:#3f3f3f !important;
}
.myboard_in .item{
position:relative;
padding:12px;
border:1px solid #cecece;
border-radius:5px;
width:100%;
height:300px;
overflow:hidden;
margin-bottom:15px;
}
.chineseVersion .myboard_in{
height:300px;
}
.myboard_in:after{
content:" ";
position:absolute;
display:block;
bottom:0;
left:0;
right:0;
height:10px;
background:#fff; /* For browsers that do not support gradients */
background:linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,1.0)); /* Standard syntax */
}
.myboard_in.double{
max-width:582px;
}
.myboard_in .cover{
text-align:center;
}
.myboard_in .type{
float:left;
margin-top:10px;
font-weight:normal;
margin-bottom:10px;
}
.myboard_in .date{
float:right;
margin-top:10px;
font-weight:normal;
margin-bottom:10px;
}
.myboard_in .title{
font-weight:bold;
font-size:1.22em;
line-height:1.5em;
}
.myboard_in .title:before{
content:" ";
clear:both;
display:block;
}
.chineseVersion .myboard_in .topic{
letter-spacing:.16em;
}
/*=======================*/
.rightImg{
float:right;
width:200px;
margin-left:30px;
}
.wrapper-expandable.active .box-style-wrapper{
z-index:1000;
position:relative;
height:auto;
width:auto;
opacity:1;
visibility:visible;
}
.wrapper-expandable .box-style-wrapper,.wrapper-expandable.hide .box-style-wrapper{
z-index:-1;
position:fixed;
height:0;
width:0;
transition:height 0.5s ease;
transition:opacity .5s;
opacity:0;
visibility:hidden;
overflow:hidden;
}
.wrapper-expandable{
margin-bottom:10px;
}
.wrapper-expandable.active{
margin-bottom:20px;
}
.expandable-title{
margin-bottom:15px;
}
.expandable-title h3{
padding:0;
margin:0;
}
.expandable-title a{
color:#404042 !important;
text-decoration:none !important;
padding:20px 16px;
padding-right:30px;
background-color:#c6e6f5;
display:block;
border-radius:4px;
position:relative;
}
.active .expandable-title a{
background-color:#b9d483;
}
/*=============Close Up===============*/
#close_up{
z-index:-1;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;

opacity:0;
transition:all .4s ease;
}
#close_up.active.transition{
opacity:0;
}
#close_up.active{
z-index:9000;
opacity:1;
}
#close_up .bg{
z-index:9100;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
#close_up .area{
z-index:9200;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:1000px;
max-width:100%;
background-color:#fff;
}
#close_up .close{
background-color:#ddd;
color:#fff;
text-align:center;
bottom:0;
position:absolute;
left:0;
right:0;
transition:all 0.3s ease-in-out;
}
#close_up .close:hover{
background-color:#bbbbbb;
}
#close_up .close a{
display:block;
padding:5px;
color:#000;
text-decoration:none;
transition:all 0.3s ease-in-out;
}
#close_up .close:hover a{
color:#fff;
}
#close_up .area .title{
font-weight:bold;
font-size:1em;
background-color:#fff;
color:#444;
padding:20px 20px 40px 20px;
}
#close_up .area .main{
padding:0;
position:relative;
text-align:center;
}
#close_up .area .main .left{
width:40%;
float:left;
}
#close_up .area .main .right{
width:60%;
float:right;
}
#close_up .area .main .img{
padding:5px;
}
#close_up .area .main .img img{
width:100%;
}
#close_up .area .main .caption{
padding:5px;
}
#close_up .area .main .cont{
padding:5px;
padding-left:15px;
}
#close_up .area .main .cont p{
margin-bottom:15px;
}
/*=================*/
.pop_photo ul{
margin:0;
padding:0;
list-style-type:none;
}
.pop_photo li{
display:inline-block;
width:25%;
min-width:120px;
margin:0;
padding:10px;
}
/*=================*/
.tpo_div{
margin-top:20px;
}
.tpo_div>div{
width:32%;
padding:0 20px;
display:table-cell;
border-left:2px solid #cecfcf;
}
.tpo_div>div.fst{
border-left:0;
padding-left:0;
}
.tpo_div>div h3{
margin-top:0;
padding-top:5px;
}
a.ecdBtn{
text-decoration:none !important;
color:#5c5c5c !important;
}
/*=============================*/
.fix_line{
position:absolute;
left:0;
right:0;
height:3px;
background-color:#504098;
}
.fix_line.under{
margin-top:-3px;
}

ul.lo_alp>li{
list-style-type:lower-alpha;
}
ul.lo_rom>li{
list-style-type:lower-roman;
}
ul.disc>li{
list-style-type:disc;
}
.leftMenu{background-color:#0000ff;opacity:0;}
.subMenu li>a:before{
content:" ";
position:absolute;
top:12px;
left:10px;
width:7px;
height:14px;
background-repeat:no-repeat;
}
/*================================*/
.mainContent .my_title{
color:#504098;
font-weight:bold;
}
.mainContent .my_area{
background-color:#dde8f0;
padding:20px;
margin-bottom:20px;
}

.mainContent .my_area2{
padding:0 20px;
margin-bottom:20px;
}
/*=====================================*/
.bodies_list>div{
padding:15px 0;
border-top:1px solid #b3b3b3;
position:relative;
}
.bl_top{
min-height:100px;
}
.bl_logo{
position:absolute;
right:0;
top:15px;
max-height:100px;
}
.bl_org,
.bl_org a{
font-weight:bold;
color:#4b4b4b !important;
text-decoration:none !important;
}
.bl_ts>div{
display:table-row;
}
.bl_ts>div>div{
display:table-cell;
}
.bodies_list .title{
font-weight:bold;
padding-right:6px;
}
/*=======================================*/
.sliderBg{
position:absolute;
left:0;
right:0;
height:275px;
background-color:#fff;
}
div.flexslider{
margin-bottom:0;
border:0;
}
#flexslider{
overflow:hidden;
}
#flexslider ul{
padding:0;
margin:0;
}
.flexslider .flex-control-nav{
bottom:1em;
z-index:4000;
}
.flexslider.video_gallery{
margin-bottom:0;
}
#flexslider .flex-control-nav{
position:relative;
width:auto;
display:block;
margin-top:-30px;
}
#flexslider .flex-control-paging li a{
background-color:#c4c4c4;
}
#flexslider .flex-control-paging li a.flex-active{
background-color:#ff0137;
}
/*=============================================*/
.main_bottom{
margin-bottom:40px;
}
.main_news{
width:35%;
padding-right:20px;
float:left;
}
.main_about{
width:64.5%;
float:left;
}
.main_news_header{
font-weight:bold;
font-size:1.2em;
padding-bottom:16px;
border-bottom:1px solid #ddd;
}
.main_news_list>ul{
padding-left:0;
list-style-type:none;
}
.main_news_list>ul>li{
margin:0;
padding:8px 0;
border-bottom:1px solid #ddd;
}
.main_news .date,
.main_news .title{
font-weight:normal;
}
.main_about .my_header{
font-weight:bold;
font-size:1.2em;
padding-bottom:16px;
}
.my_more{
text-align:right;
}
.my_more a{
color:#B6052F !important;
text-decoration:none !important;
font-weight:bold;
}

.graphicBanner{
position:absolute;
right:0;
top:0;
max-height:215px;
max-width:none;
z-index:-1;
}
body abbr[title]::after{
content:'';
}

body .close{
  float:none;
  font-size:1em;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  text-shadow:inherit;
  opacity:1;
}

body .close:focus,
body .close:hover{
  color:inherit;
  text-decoration:inherit;
  opacity:1;
}

/*====================================*/
.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav{
margin-bottom:0;
bottom:auto;
}
.my_roll{
position:relative;
margin:0px 10px 10px 10px;
}
.my_roll_header{
font-size:1.625em;
font-weight:bold;
padding:22px 10px;
}
.my_roll .my_roll_content{
overflow:hidden;
width:100%;
background-repeat:repeat-x;
}
.my_roll .my_roll_content .my_roll_cont_row{
display:table;
white-space:nowrap;
padding:0 80px;
margin:0 auto;
}
.my_roll .my_roll_content .my_roll_cont_row>div{
display:inline-block;
vertical-align:top !important;
padding:0px 10px;
width:229px;
}
.my_roll .my_roll_content .my_roll_image{
margin:auto;
position:relative;
}
.my_roll .my_roll_content .my_roll_title{
margin:auto;
text-align:left;
white-space:normal;
font-size:1em;
}
body.indexVersion div.homeTool{
display:none;
}
.exhibition_table td{
padding:10px;
}
.press_release_table1 td{
vertical-align:top;
}
.reports_table_layout td:first-child{
text-align:center;
}
.reports_table_layout td{
padding:10px;
}
.reports_list_layout li{
display:block;
padding:10px;
}
.reports_list_layout li:last-child{
margin-bottom:0;
}
.reports_list_layout ol{
counter-reset:item;
margin-bottom:0;
}
.reports_list_layout  li:before{
content:counters(item,".") ".  ";
counter-increment:item
}
.reports_table_layout td{
vertical-align:text-top;
}
.aboutus_intro_list>div{
width:100%;
max-width:605px;
margin:auto;
}
.aboutus_intro_list>div>div{
display:inline-block;
width:100%;
max-width:300px;
height:200px;
margin-bottom:40px;
}
.aboutus_intro_list>div>div img{
height:100%;
}
.aboutus_intro_list>div>div>a>div{
text-align:center;
font-size:1.4em;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item_image{
height:90%;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item1{
font-weight:bold;
margin-top:10px;
color:#097dae;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item2{
font-weight:bold;
margin-top:10px;
color:#4c04a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item3{
font-weight:bold;
margin-top:10px;
color:#0452a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item4{
font-weight:bold;
margin-top:10px;
color:#1e8613;
}
.organ_search_iframe{
border:none;
width:100%;
display:block;
}
.list_table{
width:100%;
border-spacing:0;
border:solid #ccc 1px;
border-radius:6px;
box-shadow:0 1px 1px #ccc;
}
.list-table td:first-child,.bordered th:first-child{
border-left:none;
}
.list_table th{
background:#e2f3fd;
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:10px;
}
.list_table td{
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:10px;
}
.list_table tr:nth-child(even){
background:#fafdf4;
}
.list_table_rowspan{
width:100%;
border-spacing:0;
border:solid #ccc 1px;
border-radius:6px;
box-shadow:0 1px 1px #ccc;
}
.list_table_rowspan th{
background:#e2f3fd;
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:10px;
}
.list_table_rowspan td{
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:10px;
}
.div_acrobat_reader{
background-color:#EAEAEA;
padding:5px;
}
.div_acrobat_reader>.div_acrobat_reader_icon{
display:inline-block;
width:160px;
margin-right:5px;
padding:10px 0;
}
.div_acrobat_reader>.div_acrobat_reader_description{
display:inline-block;
width:75%;
}
/*======================*/
.photo_title,
.photo_area>li .title{
margin-bottom:24px;
font-weight:bold;
display:block;
}
body div.light_square .pp_left,
body div.light_square .pp_middle,
body div.light_square .pp_right,
body div.light_square .pp_content{
background-color:transparent;
}
body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next{
font-size:0;
}
body .pp_nav .pp_play:before,
body .pp_nav .pp_pause:before,
body a.pp_arrow_previous:before,
body a.pp_arrow_next:before{
display:none;
}
body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next{
background-color:transparent;
width:44px;
height:44px;
position:absolute;
top:50%;
margin-top:-56px;
}
body .pp_content_container .pp_details{
margin:0;
}
body .pp_nav{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:0;
}
body a.pp_arrow_previous{
left:0;
}
body a.pp_arrow_next{
right:0;
}
body a.pp_close{
font-size:0;
background-color:transparent;
background-image:url(../images/btn_close.png);
background-repeat:no-repeat;
width:35px;
height:33px;
box-shadow:none;
}
body .ppt{
display:none !important;
}
body a.pp_previous,
body a.pp_next{
background:none !important;
}
/*=========================*/
#flexslider .flex-direction-nav a{
font-size:0;
width:48px;
height:48px;
}
#flexslider .flexslider:hover .flex-direction-nav a{
opacity:.9;
}
#flexslider .flex-direction-nav a:before{
content:'';
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-image:url(../images/banner/icon_arrow_prev.png);
background-repeat:no-repeat;
background-position:center center;
}
#flexslider .flex-direction-nav a.flex-next:before{
content:'';
background-image:url(../images/banner/icon_arrow_next.png);
}
/*================*/
body .mainHeader.active{
display:block;
}
.section_left_banner{
float:left;
width:360px;
margin-right:25px;
}

.header_date{
margin-bottom:20px;
background-color:#ccc;
color:#000099;
padding:8px 12px;
font-weight:bold;
}
.cont_detail{
margin-bottom:40px;
}
.cont_detail>div{
display:inline-block;
}
.cont_detail>div:nth-child(1){
width:20%;
}
.cont_detail>div:nth-child(2){
width:80%;
}
.cont_detail>div img{
margin:0 10px;
}

.toggleTable table tr{
vertical-align:top;
border-bottom:1px solid #637481; /*#194567;*/
}
.toggleTable table tr:nth-child(odd){
background-color:#d6eeff;
}
.toggleTable table tr:nth-child(even){
background-color:#cecfcf;
}
.toggleTable.toggleHeader table tr:nth-child(1){
font-weight:bold;
background-color:#bad4e6;
}
.section_header_banner{
text-align:center;
}
/*======================*/
ul.latin{
list-style-type:lower-latin;
}

.divExpand{background-color:#f0d5ba;margin-bottom:4px;border:3px solid #bdbdbd;overflow:hidden;}
.divExpand>div:nth-child(1) a{font-size:1.125em;font-weight:bold;color:#bb370f;display:block;padding:8px 14px;position:relative;padding-right:45px;}
.divExpand>div:nth-child(1) a:hover{color:#2a6496;}
.divExpand>div:nth-child(1) a:after{content:"";width:22px;height:22px;background-image:url(/images/icon_ec_arrow.png);background-repeat:no-repeat;background-position:center center;right:12px;top:9px;padding:0;position:absolute;transition:transform .2s ease-out,color .2s ease-out;transition:transform .2s ease-out;font-size:1.4em;transform:rotate(-90deg);}
.divExpand.active>div:nth-child(1) a:after{transform:rotate(0deg);}
.divExpand>div:nth-child(2){display:none;transition:opacity 0.3s ease-in-out,height 0.3s ease-in-out;opacity:0;height:0;border-top:3px solid #bdbdbd;background-color:#fffced;}
.divExpand.activating>div:nth-child(2){display:block;position:static;opacity:0;height:auto;}
.divExpand.active>div:nth-child(2){display:block;position:static;opacity:1;height:auto;padding:8px 14px;}
.divExpand_control{float:right;display:flex;}
.divExpand_control a{display:block;font-size:1.4em;color:#fff !important;background-color:#096fb9;padding:8px 20px;margin-left:20px;margin-bottom:20px;}

.float_img_tl{
float:left;
padding:0 1em 1em 0;
}
.footerMenuArea .tel{
margin-bottom:20px;
}
.footerMenuArea .tel:before{
content:'';
display:inline-block;
width:29px;
height:32px;
background-image:url(../images/icon_telno.png);
background-repeat:no-repeat;
vertical-align:middle;
margin-right:20px;
}
.footerMenuArea .fax{
margin-bottom:20px;
}
.footerMenuArea .fax:before{
content:'';
display:inline-block;
width:29px;
height:32px;
background-image:url(../images/icon_web_email.png);
background-repeat:no-repeat;
vertical-align:middle;
margin-right:20px;
background-size:100%;
}
.footerMenuArea .share li{
margin-right:15px;
}
/*==============*/
.whatsnew_date{color:#00837d;}
ul.whatsnews_list{
list-style:none;
margin-left:10px;
}
ul.whatsnews_list li::before{
content:"\2022";
color:#00b3aa;
margin-right:18px;
font-weight:bold;
font-size:28px;
vertical-align:top;
margin-left:-1em;
}
ul.whatsnews_list li{
border-bottom:1px dotted #ccc;
padding-bottom:20px;
text-align:justify;
}
ul.whatsnews_list .whatsnews_list_three_col{
width:600px;
margin:0;
margin-top:20px;
}
ul.whatsnews_list .whatsnews_list_three_col span:not(.iconPdf){
display:inline-block;
width:200px;
text-align:center;
}
ul.whatsnews_list .whatsnews_list_three_col span > a{
color:#428bca;
}


/* [start] -----------------styling index page-----------------*/
.index_tdiv{
display:flex;
margin:0 30px 80px 30px;
}
.index_tdiv>div{
display:inline-block;
min-width:310px;
max-width:580px;
width:100%;
position:relative;
}
.green_bg{
background-image:url('/images/green_couple.png'),url('/images/green_bg_header.png');
background-position:calc(100%) -10px,0px 25px;
background-size:auto,100% 17%;
background-repeat:no-repeat;
background-color:#CDEDEE;
}
.green_bg > img:nth-child(3){
position:absolute;
left:-20px;
bottom:-45px;
}
.green_bg > .title{
position:relative;
top:54px;
padding-left:25px;
font-size:2.2em;
font-weight:bold;
color:#fff;
color:#224914;
text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;
}
.mainContent div.green_bg > ul{
position:relative;
top:100px;
padding-left:30px;
font-size:1.8em;
font-weight:bold;
color:#f89b01;
margin-bottom:250px;
}
.bottom_next{
align-self:bottom;
}
.mainContent div.green_bg > ul > li:first-child{
padding-right:172px;
}
.green_bg > ul > li > a{
color:#a66d0c;
line-height:1em;
}
.green_bg > .bottom_next::before{
content:"→";
color:#a66d0c;
font-size:1.5em;
}
.green_bg > .bottom_next{
position:absolute;
bottom:15px;
right:20px;
text-align:right;
}
.green_bg > .bottom_next > span > a{color:#a66d0c;font-weight:bold;font-size:1.4em;}
.blue_bg{
background-image: url('/images/blue_doctor.png'), url('/images/blue_bg_header.png');
background-position:calc(100%) -10px,0px 25px;
background-size:auto,100% 17%;
background-repeat:no-repeat;
background-color:#CDEDEE;
margin-left:60px;
}
.blue_bg > img:nth-child(3){
position:absolute;
bottom:-25px;
left:-20px;
}
.blue_bg > .title{
position:relative;
top:57px;
padding-left:25px;
font-size:2.2em;
font-weight:bold;
color:#0d5081;
text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;
}
.mainContent div.blue_bg > ul{
position:relative;
top:100px;
padding-left:30px;
font-size:1.8em;
font-weight:bold;
color:#fb372d;
width:80%;
margin-bottom:250px;
}
.blue_bg > ul > li > a{color:#CD0E0E;line-height:1em;}
.blue_bg > .bottom_next::before{content:"→";color:#CD0E0E;font-size:1.5em;}
.blue_bg > .bottom_next{position:absolute;right:20px;bottom:15px;text-align:right;}
.blue_bg > .bottom_next > span > a{color:#CD0E0E;font-weight:bold;font-size:1.4em;}
.mainContent div.green_bg > ul,.mainContent div.blue_bg > ul{width:100%;}
:lang(en) .mainContent div.green_bg > ul,
:lang(en) .mainContent div.blue_bg > ul{
font-size:1.7em;
}
:lang(en) .green_bg > .bottom_next > u > a,
:lang(en) .blue_bg > .bottom_next > u > a{
font-size:1.4em;
}
:lang(en) .mainContent div.green_bg > ul > li:first-child,
:lang(en) .mainContent div.blue_bg > ul > li:first-child{
padding-right:200px;
}
:lang(en) .blue_bg > .title{
padding-right:220px;
line-height:0.9;
top:42px;
}
:lang(en) .mainContent div.blue_bg > ul{
top:60px;
}
:lang(en) .green_bg > .bottom_next{
padding-left:84px;
}
:lang(en) .mainContent div.green_bg > ul,
:lang(en) .mainContent div.blue_bg > ul{
margin-bottom:200px;
}
/* [end] -----------------styling index page-----------------*/


/*[start] timeline style-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.timeline_div .circle{padding:13px 20px;border-radius:50%;background-color:#DC2E33;color:#fff;max-height:50px;z-index:2;}

.timeline_div .how-it-works.row .col-2{
  align-self:stretch;
}
.timeline_div .how-it-works.row .col-2::after{
  content:"";
  position:absolute;
  border-left:3px solid #ED8D8D;
  z-index:1;
}
.timeline_div .how-it-works.row .col-2.bottom::after{
  height:50%;
  left:50%;
  top:50%;
}
.timeline_div .how-it-works.row .col-2.full::after{
  height:100%;
  left:calc(50% - 3px);
  top:0;
}
.timeline_div .how-it-works.row .col-2.full_left::after{
  height:100%;
  left:calc(50%);
  top:0;
}
.timeline_div .how-it-works.row .col-2.top::after{
  height:50%;
  left:calc(50% - 3px);
  top:0;
}
.timeline_div .how-it-works.row .col-2.top_left::after{
  height:50%;
  left:calc(50%);
  top:0;
}

.timeline_div .timeline div{
  padding:0;
  height:40px;
}
.timeline_div .timeline hr{
  border-top:3px solid #ED8D8D;
  margin:0;
  top:17px;
  position:relative;
}
.timeline_div .timeline .col-2{
  display:flex;
  overflow:hidden;
}
.timeline_div .timeline .corner{
  border:3px solid #ED8D8D;
  width:100%;
  position:relative;
  border-radius:15px;
}
.timeline_div .timeline .top-right{
  left:50%;
  top:-50%;
}
.timeline_div .timeline .left-bottom{
  left:-50%;
  top:calc(50% - 3px);
}
.timeline_div .timeline .top-left{
  left:-50%;
  top:-50%;
}
.timeline_div .timeline .right-bottom{
  left:50%;
  top:calc(50% - 3px);
}
.timeline_div .how-it-works{
position:relative;
}
.timeline_div>.container .how-it-works:nth-child(7)>.timeline_img{
margin-bottom:-17px;
}
.timeline_div>.container .how-it-works:nth-child(12)>.col-6>p{
text-align:right;
}
.md-float--left-and-push{
float:left !important;
margin-right:1.5em !important;
}
.shku_publications{width:auto;max-height:270px;font-size:1.1em;}
.publications_p img{width:auto;max-height:500px;}
.target_group{
display:inline-block;
padding-right:20px;
padding-left:20px;
margin-left:50px;
margin-bottom:20px;
}
.target_group>div{
display:list-item;
vertical-align:middle;
}
.target_group>div>div{
display:inline-block;
vertical-align:middle;
padding-right:20px;
width:190px;
}
.target_group img{
vertical-align:middle;
max-width:80px;
text-align:right;
width:200px;
}
.shku_publications_all .iconPdf{
display:none;
}
.timeline_div .container>.how-it-works.row:last-child .col-2.full_left::after{
height:50%;
}

@media (max-width:1024px){

/*-------[start] new change-------*/
.col-6.text-right{
text-align:left !important;
}

.timeline_div>.container .how-it-works:nth-child(7)>.timeline_img{
margin-bottom:3px;
}

.row.timeline{
display:none;
}

.timeline_div .how-it-works{
margin-bottom:30px;
}

.timeline_div .how-it-works:before{
content:"";
position:absolute;
left:8.3%;
bottom:0;
width:10%;
border-bottom:3px solid #ED8D8D;
display:block;
}

.timeline_div > .container > div:last-child:before{
border-bottom:0px solid #ED8D8D;
}
.timeline_div > .container > div:nth-child(4n + 3){
display:flex;
flex-direction:row-reverse;

}

.timeline_div > .container > div:nth-child(3) > div:nth-child(3){
bottom:130px;
}

.timeline_div > .container > div:nth-child(5) > div:nth-child(1){
top:80px;
}

.timeline_div > .container > div:nth-child(7) > div:nth-child(3){
bottom:125px;
}

.timeline_div > .container > div:nth-child(9) > div:nth-child(1){
top:60px;
}

.timeline_div > .container > div:nth-child(4n + 3) > div:nth-child(3):after,
.timeline_div > .container > div:nth-child(4n + 1) > div:nth-child(1):after{
/*all:unset;*/
border-left:0px;
}

.timeline_div > .container > div:nth-child(4n + 1) > div:nth-child(3){
left:15%;
padding-top:10px;
padding-bottom:10px;
}

.timeline_div > .container > div:nth-child(4n + 3) > div:nth-child(1){
left:15%;
}

.timeline_div > .container > div:last-child > div:nth-child(1){
left:15%;
}

.timeline_div > .container{
position:relative;
}

.timeline_div > .container:after{
/*all:unset;*/
content:"";
position:absolute;
top:3%;
bottom:0;
left:8.3%;
height:92%;
z-index:1;
border-left:3px solid #ED8D8D;
display:block;
}

:lang(en) .timeline_div > .container:after{
height:93%;
}

/*-------[end] new change-------*/

.md-float--left-and-push{
text-align:center;
width:100%
}
.md-float--left-and-push img{
text-align:center;
width:96%
}
body .headerTool .myLogo img{
max-height:100%;
}
.footerMenuArea{
padding-left:20px;
}
.topBtn{
padding-right:10px;
}
.timeline_div>.container>div:nth-child(1)>.col-6,
.timeline_div>.container>div:nth-child(3)>.col-6,
.timeline_div>.container>div:nth-child(5)>.col-6,
.timeline_div>.container>div:nth-child(7)>.col-6,
.timeline_div>.container>div:nth-child(9)>.col-6,
.timeline_div>.container>div:nth-child(11)>.col-6,
.timeline_div>.container>div:nth-child(13)>.col-6{
min-width:80%;
}
}

@media (max-width:376px){
	.timeline_div>.container .how-it-works:nth-child(7)>.timeline_img{width:70%;}
}

/*[end] timeline style-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.target_group_div{display:inline-block;max-width:800px;}
.target_group_div > .target_group > img{margin-bottom:3px;}

/*[start] step of claiming vouchers (step_timeline)--------------------------------------------------------------------------*/
.step_timeline{
width:100%;
max-width:1170px;
position:relative;padding:0 10px;
padding-top:30px;
padding-bottom:30px;
counter-reset:step_timeline_no;
}
.step_timeline:before{
content:"";
position:absolute;
top:0%;
bottom:0;
left:50%;
height:100%;
z-index:-1;
border-left:3px solid #0d3a63;
}
.step_timeline>div{
height:100%;
position:relative;
margin-bottom:30px;
}
.step_timeline>div:nth-child(odd)>div:nth-child(2){
width:35%;
height:auto;
position:relative;
display:inline-block;
left:10%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
}
.step_timeline>div:nth-child(even)>div:nth-child(2){
width:35%;
height:auto;
position:relative;
display:inline-block;
right:10%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
}
.step_timeline>div:nth-child(even){
text-align:right;
}
.step_timeline>div>div:nth-child(2):before{
font-size:15em;
font-weight:bold;
font-family:"Arial";
z-index:-1;
color:#ebebed;
position:absolute;
top:50%;
right:50%;
transform:translate(50%,-50%);
}
.step_timeline>div>div:nth-child(2):before{
content:'';
}
.step_timeline>div>div.timeline_icon:after{
content:'';
}
.step_timeline>div>div.timeline_icon{
background:#0d3a63;
width:30px;
height:30px;
position:absolute;
top:35px;
left:50%;
transform:translate(-50%,-50%);
overflow:hidden;
margin-left:1px;
border-radius:50%;
box-shadow:0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.8),0 3px 0 4px rgba(0,0,0,0.5);
text-align:center;
line-height:30px;
color:#fff;
font-weight:600;
}
@media (max-width:768px){	
.step_timeline>div{
margin-bottom:60px;
}
.step_timeline:before{
content:"";
position:absolute;
top:0%;
bottom:0;
left:31px;
height:100%;
z-index:-1;
border-left:3px solid #0d3a63;
transform:translate(50%,0%);
}
.step_timeline>div>div.timeline_icon{
left:22px;
}
.step_timeline>div:nth-child(odd)>div:nth-child(2),
.step_timeline>div:nth-child(even)>div:nth-child(2){
display:block;
width:85%;
left:60px;
}
}
/*[end] step of claiming vouchers (step_timeline)--------------------------------------------------------------------------*/
.mainContent table.service_area td{vertical-align:middle;}
.mainContent table.service_area tr{background-color:#fff;}
.mainContent table.service_area tr td:nth-child(2){font-weight:bold;}
.mainContent table.service_area tr:nth-child(6){background-color:#fff;}
@media (max-width:767px){
	body .headerTool .myLogo img{width:427px;}
	:lang(en) .headerTool .myLogo img{width:427px;}
	body .headerArea .headerTop{height:16px;}
	.myheaderTool{padding:0;}
}
@media (max-width:1250px){
:lang(en) .green_bg > .title,
:lang(en) .blue_bg > .title{
font-size:1.8em;
}
:lang(en) .mainContent div.green_bg > ul,
:lang(en) .mainContent div.blue_bg > ul{
font-size:1.4em;
}
:lang(en) .green_bg > .bottom_next > u > a,
:lang(en) .blue_bg > .bottom_next > u > a{
font-size:1.3em;
}
:lang(en) .mainContent div.green_bg > ul{
top:90px;
}
}
@media (max-width:1170px){
.headerTool .myLogo{
top:0px;
}
body .headerMenu .tMenu a,body .headerMenu .tMenu a:link,body .headerMenu .tMenu a:visited{
background-image:none !important;
}

.headerArea .headerTool .menuLv0>.my_menu2 a{
background-color:#1c8d3d !important;
color:#fff !important;
}
.tMenu>li>a.active_section{
color:#044879 !important;
}
.headerArea .headerTool .menuLv0>.my_menu3 a{
background-color:#096fb9 !important;
color:#fff !important;
}
body .headerArea .headerTop{
height:16px;
}
.myheaderTool{
padding:0;
}
.index_tdiv{
margin:30px 30px 80px 30px;
}
}

@media (max-width:1100px){
.green_bg{
background-image:url('/images/green_bg_header.png');
background-position:0px 25px;
background-size:100% 17%;
}
.blue_bg{
background-image:url('/images/blue_bg_header.png');
background-position:0px 25px;
background-size:100% 17%;
}
:lang(en) .mainContent div.green_bg > ul{
top:83px;
}
.mainContent div.green_bg > ul > li:first-child,
:lang(en) .mainContent div.green_bg > ul > li:first-child,
:lang(en) .mainContent div.blue_bg > ul > li:first-child{
padding-right:0;
}
:lang(en) .green_bg > .title,
:lang(en) .blue_bg > .title{
padding-right:0;
top:52px;
}
:lang(en) .mainContent div.blue_bg > ul{
top:80px;
}
:lang(en) .blue_bg > .bottom_next{
padding-left:43px;
}
}
@media (max-width:997px){
	.headerTool .AStyleArea{z-index:9000;padding:0;margin-top:10px;height:auto;max-width:160px;float:right;position:absolute;top:13px;right:120px;display:block !important;}
	.headerTool .AStyleArea ul li{padding:0 2px;}
.mainContent .pilot_reward_scheme h3{width:auto;}
.index_tdiv{
display:block;
text-align:center;
margin:30px 30px 0 30px;
}
.green_bg{
background-image:url('/images/green_couple.png'),url('/images/green_bg_header.png');
background-position:calc(100%) -10px,0px 25px;
background-size:auto,100% 17%;
margin-bottom:60px;
}
.blue_bg{
background-image:url('/images/blue_doctor.png'),url('/images/blue_bg_header.png');
background-position:calc(100%) -10px,0px 25px;
background-size:auto,100% 17%;
margin-left:0px;
margin-bottom:30px
}
.mainContent div.green_bg > ul > li:first-child{
padding-right:172px;
}
:lang(en) .blue_bg > .title{
padding-right:220px;
top:38px;
}
:lang(en) .mainContent div.blue_bg > ul{
top:60px;
}
:lang(en) .mainContent div.green_bg > ul > li:first-child{
padding-right:176px;
}
:lang(en) .mainContent div.blue_bg > ul > li:first-child{
padding-right:190px;
}
.headerArea .myheaderTool>div.clientTool .mobSearch{
text-align:center;
position:relative;
}
.headerArea .myheaderTool>div.clientTool .mobSearch > form > input#searchbar{
width:98%;
}
.headerArea .myheaderTool>div.clientTool .mobSearch.active{
display:block;
}
}
@media (max-width:580px){
	.index_tdiv{margin:30px 0 0 0;}
	.green_bg{background-image:url('/images/green_bg_header.png');background-position:0px 25px;background-size:100% 17%;margin-bottom:50px;}
	.blue_bg{background-image:url('/images/blue_bg_header.png');background-position:0px 25px;background-size:100% 17%;}
	.mainContent div.green_bg > ul > li:first-child{padding-right:0px;}
	.green_bg > img:nth-child(3),.blue_bg > img:nth-child(3){display:none;}
	.green_bg > .bottom_next{padding-left:5px;}
	.mainContent div.green_bg > ul,.mainContent div.blue_bg > ul{margin-bottom:180px;top:80px;font-size:1.4em;}
	.green_bg > .bottom_next > u > a,.blue_bg > .bottom_next > u > a{font-size:1.3em;}
	.green_bg > .title,.blue_bg > .title{top:50px;}
	:lang(en) .green_bg > .bottom_next,:lang(en) .blue_bg > .bottom_next{padding-left:5px;}
	:lang(en) .mainContent div.green_bg > ul > li:first-child,:lang(en) .mainContent div.blue_bg > ul > li:first-child,:lang(en) .blue_bg > .title{padding-right:0;}
	:lang(en) .mainContent div.blue_bg > ul{top:80px;}
	:lang(en) .blue_bg > .title{top:50px;}
	:lang(en) .blue_bg > .title{padding-right:10px;}
}
@media (max-width:456px){
	:lang(en) .blue_bg > .title{top:41px;}
	:lang(en) .mainContent div.blue_bg > ul{top:55px;margin-bottom:175px;}
}
@media (max-width:456px){
	:lang(en) .mainContent div.blue_bg > ul{top:60px;margin-bottom:180px;}
}
@media (max-width:379px){
	:lang(en) .mainContent div.green_bg > ul{top:93px;margin-bottom:205px;}
	:lang(en) .green_bg > .title{top:57px;}
}
@media (max-width:320px){
	:lang(en) .green_bg > .title{top:61px;padding-left:20px;}
	:lang(en) .mainContent div.green_bg > ul{top:98px;}
	:lang(en) .blue_bg > .title{top:46px;}
	:lang(en) .mainContent div.blue_bg > ul{top:65px;}
}
.mainContent p{font-size:1em;}
.mainContent div.siteList ul{font-size:1.125em;}

/* Style for wc-qrcode */
/* ------------------------------------------ */
 .wc-qrcode{ padding:30px;background:#FFF;display:none;}
 .wc-qrcode.active{ display:block;}
 .wc-qrcode p{font-size:1em;color:#000;margin:0 0 10px;}
/* END Style wc-qrcode */
/* ------------------------------------------ */

.footerBannerArea{padding-top:10px;padding-bottom:10px;background-color:#CDEDEE;}
#wrap #footer .footerBannerArea .container{position:relative;padding-left:10px;padding-right:10px;}
.footerslider{max-width:calc(100% - 120px);}
.footerBannerArea .swiper-slide{text-align:center;width:auto !important;padding:10px;}
.footerBannerArea .swiper-slide img{display:inline-block;height:111px;}
.footerBannerArea .swiper-slide a{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:calc(100% - 2px);max-height:calc(100% - 2px);margin-left:auto;margin-right:auto;font-size:0px;}
.footerBannerArea .swiper-slide a:hover img,.footerBannerArea .swiper-slide a:focus img{transform:scale(1.1);}
.footerBannerArea .swiper-slide a:hover,.footerBannerArea .swiper-slide a:focus{overflow:hidden;}
.swiper-wrapper{justify-content:initial !important;}
.footerBannerArea .swiper-button-prev{left:10px;}
.footerBannerArea .swiper-button-next{right:20px;}
.footerBannerArea .swiper-button-prev,.footerBannerArea .swiper-button-next{font-size:0px;background-image:none;}
.footerBannerArea .swiper-button-prev:before,.footerBannerArea .swiper-button-next:after{
content:'';
border:solid #00837d;
border-width:0 5px 5px 0;
display:inline-block;
padding:14px;
}

.footerBannerArea .swiper-button-prev:before{
transform:rotate(135deg);
}

.footerBannerArea .swiper-button-next::after{
transform:rotate(315deg);
}

.swiper-button-disabled{
display:none !important;
}

@media(max-width:575px){
.footerslider{
max-width:calc(100% - 80px);
}
}

.tablewrapper{
overflow-x:auto;
}

.ulDisc>li{list-style-type:disc;}
.ulSquare>li{list-style-type:square;}
.remarks{display:flex;}
.remarks div{margin-left:1em;}
.urdu,.urdu h1,.urdu p,.urdu ul,.urdu ul li,.urdu h2{clear:both;direction:rtl;text-align:right;}
sub,sup{font-size:.5em;margin-left:3px;white-space:nowrap;}

table.transcript{max-width:680px;border:0;}
table.transcript tr{vertical-align:top;}
table.transcript tr td{width:100%;border:0;}
table.transcript tr td:first-child{font-weight:bold;white-space:nowrap;width:auto;padding:12px 20px 12px 0;}
table.transcript tr td:last-child{text-align:justify;padding:12px 0;}
#san p{text-align:justify;margin:0 35px 10px 0;}
.shku_publications img{padding-bottom:10px;}