<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
}

/* For Index Page Grey Scale-20230825
body.indexVersion&gt;*:not(#wrap),
body.indexVersion&gt;#wrap&gt;*:not(#header),
body.indexVersion&gt;#wrap&gt;#header .headerNav .clientTool,
body.indexVersion&gt;#wrap&gt;#header .headerNav .headerTop,
body.indexVersion&gt;#wrap&gt;#header .headerNav .headerTop+*,
body.indexVersion&gt;#wrap&gt;#header .headerArea2{
    -webkit-filter: grayscale(100%) grayscale(100%) !important;	
    -moz-filter: grayscale(100%) grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
*/
body #wrap
{
	min-height: 100%;
	height: auto;
}

body #wrap .container
{
	max-width:1230px;
	width:100%;
}

img, table
{
	border:0;
}

img{
	vertical-align:middle;
	max-width: 100%;
}

table, div
{
	border-collapse:collapse;
	text-align:left;
	vertical-align: top;
}

.clearBoth{
	display:block !important;
	float:none !important;
	clear:both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
	border: 0 !important;
}

body .disNone
{
	display:none;
}

body a {

}

.nowrap, .noWrap{
	white-space: nowrap;
}

body #fontSize0{font-size:0.75em;}
body #fontSize1{font-size:1em;}
body #fontSize2{font-size:1.25em;}

.access
{
	position:absolute;
	/*visibility:hidden;*/
	left: -9999px;
}

#page_bg {
	color: #000;
}

.disIB
{
	display:inline-block;
	*zoom: 1;
	*display: inline;
}

.nobr
{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
}

html, body
{
	margin:0;
	padding:0;
}

a, a:link, a:active, a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}

body .bold
{
	font-weight:bold;
}

/*========Index==========*/
body.indexVersion{}
/*body.indexVersion .breadcrumb, body.indexVersion  .printTool{display:none;}*/
/*body.indexVersion .mainHeader{position:absolute; visibility:hidden; left: -9999px;}
body.extIndex .mainHeader{position:absolute; visibility:hidden; left: -9999px;}
body .mainHeader{display:none;/*position:absolute; visibility:hidden; left: -9999px;}*/
/*========Chinese========*/
body.chineseVersion{}
/*================================================================================*/
html,
html body {
	font-size: 1em;
}

body {
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";/*
	background-color: #e5f1fd;*/
	color: #3e5259;
}
body.chineseVersion .mainContent{
    font-family: �鰵蝝唳�𡡞��, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}/*
body.simplify {
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}*/

@font-face {
	font-family: SourceHanSansHC;
	src: url("fonts/SourceHanSansHK-Light.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: SourceHanSansSC;
	src: url("fonts/SourceHanSansCN-Light.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

.chineseVersion.tradition .headerMenu {
	font-family: "SourceHanSansHC", "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}

body p {
	margin: 0 0 10px 0;
}

.mainContent a:active,
.mainContent a:hover,
.mainContent a:focus {
	color: #2a6496;
}

video {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

.press_title {
	color: #000066;
}

.font_bold {
	font-weight: bold;
}

.float_center {
	text-align: center;
}

.font_underline {
	text-decoration: underline;
}

.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;
}

.img-cap {
	font-size: 7pt;
}

.center {
	margin: 0 auto;
}

.align-left {
	text-align: left;
}

.clear:after {
	content: "";
	display: table;
	clear: both;
}

.note {
	font-size: 0.9em
}

.right {
	text-align: right;
}

.bodyArea {
	background-position: center top;
}

.mobileVersion .bodyArea {
	font-size: 1em;
}

.highlightArea {
	font-size: 14px;
}

.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;
}

.mainContent {
	line-height: 1.5em;
	color: #2b2b2b;
	text-align:justify;
}

.mainContent h1 {
	color: #5e1f6e;
}

.mainContent h2 {
	color: #006699;
}

.mainContent h3 {
	color: #0077cc;
} 
.mainContent p {
	text-align:justify;
	margin: 0 0 1.5em 0;
} 
.mainContent table p{
text-align: left;
} /* for fix text spacing on mobile version*/
.mainContent td&gt;p:last-child{
	margin-bottom:0;
}

.mainContent ul,
.mainContent ol {
	padding-left: 0.6em;
	margin-bottom: 1.4em;
}

.mainContent ol ul,
.mainContent ol ol,
.mainContent ul ol,
.mainContent ul ul {
	margin-bottom: 1.6em;
}

.mainContent ul.upper-roman {
	list-style-type: upper-roman;
}

.mainContent ul.bold_header&gt;li&gt;div {
	font-weight: bold;
	color: #816243;
	margin-bottom: 1em;
}

ol&gt;li&gt;ul {
	list-style-type: disc;
}

.panel-default&gt;.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	height: 120px!important;
}

.micp {
	padding-left: 200px;
	padding-right: 200px;
}

body #wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

body.indexVersion .headerArea {
	background-color: #fff;
}

body #wrap .container {
	clear: both;
}

body.indexVersion #header:after {
	display: none;
}

body.indexVersion .bodyArea {
	background-repeat: no-repeat;
	background-position: top center;
}



#wrap #footer .container {
	width: 100%;
	margin-right: auto!important;
	margin-left: auto!important;
}

.headerArea {
	background-repeat: no-repeat;
}

.headerTop {
	background-color: #a5e1fb;
	background-image: linear-gradient(180deg, #9fd9fe 0%, #ade0ff 33%, #b1e3fc 50%,#a5e1fb 66%, #8cdbf9 100%);
    min-height: 94px;
}

.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 .headerTool {
	color: #3e5259;
	margin-right: auto;
	margin-left: auto;
}

.headerArea .headerTool .langTool {
	display: inline-block;
}

.headerArea .headerTool .langTool li span {
	margin: 0;
}

.headerArea .headerTool2 {
	width: 100%;
}

.headermenutop-container a {
	color: #000;
}

.headerArea .headerTool ul.menuLv0&gt;li&gt;a:focus {
	outline: 1px solid #a6c7ff;
}

.headerArea .headerTool #lunar_conversionc_uc img {
	padding-bottom: 4px;
}

.headerArea .headerTool ul.menuLv1&gt;li&gt;a:hover,
.headerArea .headerTool ul.menuLv1&gt;li&gt;a:focus {
	color: #000;
}

.headerArea .topHeaderTool {
	margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
	margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool&gt;div,
.headerArea .headerTool .bottomHeaderTool&gt;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&gt;div.clientTool {
	color: #444;
	padding-top: 10px;
	padding-right: 10px !important;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-align: right;
}


.myheaderTool&gt;div.clientTool div:nth-child(1):before {
	display: none;
}

.myheaderTool&gt;div.clientTool div&gt;ul.aaaTool {
	padding: 0 4px;
}

.myheaderTool&gt;div.clientTool div.datetime {
	padding-right: 30px;
}

.myheaderTool&gt;div.clientTool div.datetime&gt;#lunar_climatology_uc {
	padding-right: 0;
}

.myheaderTool&gt;div.clientTool div.datetime&gt;#lunar_conversionc_uc {
	padding: 0;
}

.myheaderTool&gt;div.clientTool div.datetime&gt;span {
	padding-left: 6px;
}

.myheaderTool&gt;div.clientTool div.searchTool&gt;* {
	padding: 0;
}

.myheaderTool&gt;div.clientTool div.brandhk&gt;* {
	padding: 0;
}

.myheaderTool&gt;div.clientTool div#wxinfo_bar&gt;img {
	height: 22px;
	width: auto;
	padding: 2px;
	background-color: #fff;
}

.clientTool&gt;div.language li.fst:before {
	content: "";
	display: none;
}

.clientTool&gt;div.homeTool:before {
	display: none;
}

.clientTool&gt;div.searchTool:before {
	content: "";
	clear: both;
	padding: 0;
	margin: 0;
}

.headerArea .headerTool .searchTool {/*
	float: right;*/
	display: block;
	margin-top: 0px;
	z-index: 8901;
	position:absolute;
    width: auto;
    right: 0;
    top: 100%;
    background-color: #aca8a9;
	padding:8px;
	display:none;
}
.headerArea .searchTool.active{
	display:block;
}
.headerArea .searchNav a{
    background-color: #888;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 30px;
}
.headerArea .searchTool input[id*="searchbar"]{
    padding: 6px 8px;
    width: 450px;
    max-width: 100%;
    background-color: #fefbf2;
    border: 1px solid #fefbf2;
    min-width: 0;
}
.headermenutop{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 15px 0px;
	position:relative;
}
.headerNav&gt;.headnavcon{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 34px;
    padding-bottom: 34px;
}
div.searchTool:after {
	content: none !important
}

div.hrbTool:after {
	content: none !important
}

div.mobile_view:after {
	content: none !important
}

div.language li.last:after {
	content: "";
	display: none;
}

.hrbTool:before {
	content: none !important
}

.myheaderTool&gt;div.clientTool div.RSS {
	color: #be4a03;
	font-size: 14px;
}

.myheaderTool&gt;div.clientTool div.AStyleArea {
	/*
    line-height: 1em;*/
}

.myheaderTool&gt;div.clientTool div.setting img {
	width: 20px;
}

.myheaderTool&gt;div.clientTool div.mobile_view {
	height: 27px;
}

.myheaderTool&gt;div.clientTool div.language ul li {
	padding-right: 0;
	margin-right: 5px;
	width: 10px !important;
}

.clientTool ul {
	list-style-type: none;
}

.clientTool ul li {
	margin-left: 0;
	margin-right: 0;
}

.searchTool form {
	float: right;
}

.clientTool form a {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0,-50%);
}

.clientTool form img {
	float: right;
	display: block;
	padding: 2px;
	z-index: 4200;
	position: relative;
}

.headerArea .clientTool&gt;ul&gt;li&gt;div&gt;* {
	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 {
	display: inline-block;
	text-decoration: none;
}

.headerArea .language li {
	position: relative;
}

.headerArea .language li a {

}


.headerArea .language li a:hover {

}

.aaaTool a:hover,
.aaaTool a:focus {
	text-decoration: underline;
}

.headerArea .myTool,
.headerArea .myTool a {
	color: #3e5259;
}

.headerArea .langTool {

}

.headerArea .bottomHeaderTool .contactus img {
	vertical-align: initial;
	margin: 0 5px;
}

.headerArea .bottomHeaderTool .searchTool {
	margin-left: 3px;
	margin-top: -2px;
}

.headerArea .hrbTool img {
	margin-left: 10px;
}

.myheaderTool&gt;div.clfSeachBar {
	float: none;
	position: absolute;
	top: 30px;
	right: 20px;
}

.headerArea .searchTool .hrbTool a {
	color: #3e5259;
	padding: 0 5px;
	font-weight: bold;
	font-size: 12px;
}

.headerArea .searchTool .hrbTool a:hover,
.headerArea .searchTool .hrbTool a:focus {
	color: #cc3333;
	text-decoration: none;
}

.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 {
	z-index: 8000;
}

.headerArea .headerTool .headerMenu.mainheaderMenu {
	position: relative;
}

.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8600;
}

.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool button&gt;span:nth-child(2) {
	display: block;
	width: 40px;
	padding: 7px 0;
}

.headerArea .headerTool .headerMenu.subheaderMenu {
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 5px;
}

.headerArea .headerTool .headerMenu.subheaderMenu .tMenu&gt;li&gt;a {
	z-index: 8010;
}



.indexVersion .headerArea .headerTool .headerMenu&gt;ul {
	margin-top: 0;
}

.leftMenuVersion .leftmenu {
	float: left;
	width: 180px;
}

.leftMenuVersion .mainHeader,
.leftMenuVersion .mainContent {
	width: 800px;
	float: left;
}

#mainContentSkip {
	float: left;
}

#skiptocontent.access:focus,
#skiptocontent.access:active {
	left: 50%;
	height: auto !important;
	width: auto !important;
	padding: 2px 8px !important;
	font-size: 1em !important;
	z-index: 9999 !important;
}

.hrbTool {
	width: 250px
}

.headerMenu ul li {/*
	float: left;*/
	margin: 0;
}

.headerMenu ul.menuLv0&gt;.close&gt;div.extmenu {
	position: absolute;
	left: -9999px;
}

.headerMenu ul .close&gt;div.extmenu.activeUl {
	left: 0;
}

.headerMenu ul .close ul ul ul {
	display: none !important
}

.headerMenu ul .open&gt;ul,
.headerMenu ul li ul.activeUl,
.headerMenu ul li ul.activeUl_withTimer {
	display: block;
	left: 0;
}

.headerMenu ul li a&gt;div {
	float: left;
}

.headerMenu ul.menuLv1 {
	text-align: left;
	width: 600px;
	max-width:100%;
	background-color: #fff;
	box-shadow: 0 0 12px -2px #000;
	padding: 20px 25px;/*
	display: flex;
  flex-wrap: wrap;*/
}

.headerMenu.subheaderMenu ul.menuLv1 {
	position: absolute;
	left: -9999px;
	float: none;
}

.headerMenu.subheaderMenu .tMenu li.open&gt;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&gt;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);/*
	background-image: url(../images/icon_topmenu_1.png);*/
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 8920;
}
/*
.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(1)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_1.png);
	content: "16-22簞C";
}

.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(2)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_2.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(3)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_3.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(4)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_4.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(5)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_5.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0&gt;li.open:nth-child(6)&gt;ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_6.png);
	content: "";
}*/

.headerMenu.subheaderMenu .open&gt;ul.menuLv1:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #1f61af;
	z-index: 8910;
}

.headerMenu.subheaderMenu .open&gt;ul.menuLv1&gt;li {
	position: relative;
	display: inline-block;
	z-index: 8920;
}

.headerMenu ul ul.menuLv1 {
	float: left;
}

.headerMenu ul ul.menuLv1&gt;li {
	border: 0;
	border-top: 0;
	list-style-type: disc;
	margin: 0;
	float: left;
	left: 0;
	right: 0;
}

.headerArea .headerMenu ul.menuLv1 li a {
	display: block;
	text-align: left;
	color:#666666;
	padding-left: 15px;
	padding-bottom: 10px;
}

.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&gt;li.firstLi {
	display: none;
}

.headerMenu ul.menuLv0&gt;li.firstLi&gt;a img {
	margin: 0 15px;
}

.subheaderMenu ul.menuLv0&gt;li {
	font-weight: bold;
	text-align: right;
	position: relative;
	text-align: center;
	vertical-align: top;
}

.headerMenu ul.menuLv0&gt;li&gt;a {
	font-size: 1em;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-decoration: none !important;
	font-weight:bold;
	color: #1d476f;
	position:relative;
    line-height: normal;
	opacity: 0;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.menuReady .headerMenu ul.menuLv0&gt;li&gt;a{
	opacity: 1;
}
.headerMenu ul.menuLv0&gt;li&gt;a:after{
	content:"";
	position:absolute;
	right:0;
	width:1px;
	top:20px;
	bottom:20px;
	background-color:#cbecfd;
}
.headerMenu ul.menuLv0&gt;li:last-child&gt;a:after{
	display:none;
}
.headerMenu.subheaderMenu ul.menuLv0&gt;li {
	position: static;
	font-weight: bold;
}

.headerMenu ul.menuLv0&gt;li.firstLi&gt;a:before {
	display: none;
}

.headerMenu.subheaderMenu ul.menuLv0&gt;li&gt;a:before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 1px;
	background-color: #666;
}


.contentArea .breadcrumb a.home {
	vertical-align: middle;
}

.headerMenu ul.menuLv0&gt;li.firstLi:before {
	content: '';
	display: none;
}


.headerMenu ul.menuLv0&gt;li:hover:after,
.headerMenu ul.menuLv0&gt;li.active_section:after {
	content: " ";
	position: absolute;
	width: 19px;
	height: 10px;
	bottom: 8px;
	left: 50%;
	margin-left: -9.5px;
	background-repeat: no-repeat;
}

.tMenu&gt;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&gt;div.extmenu {
	position: absolute;
	z-index: 9999;
}

.headerMenu ul.menuLv1&gt;li&gt;div.extmenu {
	position: relative;
}


.headerMenu ul.menuLv0&gt;li&gt;a&gt;span.caret,
.headerMenu ul.menuLv1&gt;li&gt;a&gt;span.caret {
	position: absolute;
	padding-right: 0;
	top: 50%;
	right: 5px;
	display: none;
}

.headerMenu.subheaderMenu ul.menuLv0&gt;li:hover&gt;a,
.headerMenu.subheaderMenu ul.menuLv0&gt;li&gt;a:hover,
.headerMenu.subheaderMenu ul.menuLv0&gt;li&gt;a:focus {
	background-color: #1f61af;
	color: #fff;
	position: relative;
}

.headerMenu.subheaderMenu ul.menuLv0&gt;li:hover&gt;a:after,
.headerMenu.subheaderMenu ul.menuLv0&gt;li&gt;a:hover:after,
.headerMenu.subheaderMenu ul.menuLv0&gt;li&gt;a:focus:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 5px;
	left: 20px;
	right: 20px;
	border-radius: 10px;
	background-color: #97b5d9;
}


.headerMenu .tMenu a&gt;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&gt;ul.menuLv2 {
	position: absolute;
	left: -9999px;
}

.headerMenu .tMenu li.active&gt;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&gt;li,
.headerMenu .tMenu li ul.activeUl&gt;li {
	float: none;
	display: block;/*
	width: 50%;*/
	padding-right: 15px;
}

.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&gt;li&gt;a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2&gt;li&gt;a:focus,
.headerMenu .tMenu li.open ul.menuLv2&gt;li&gt;a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2&gt;li&gt;a:active,
.headerMenu .tMenu li.open ul.menuLv2&gt;li&gt;a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2&gt;li&gt;a:hover {
	background-color: #1d5ca6;
}

.headerMenu ul.menuLv0 {
	z-index: 7900;
	position: relative;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.headerMenu ul.menuLv0&gt;li{
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.headerMenu ul.menuLv1 {
	z-index: 7910;
}

.headerMenu ul.menuLv2 {
	z-index: 7920;
}

.headerMenu ul.menuLv1&gt;li {
	position: relative;
}

.headerMenu .tMenu li.open ul.menuLv2&gt;li {
	width: 100%;
}

.headerMenu.subheaderMenu .tMenu li ul&gt;li {
	width: 100%;
	height: auto;
	float: left;
}

.headerMenu .tMenu li ul.menuLv1&gt;li {
	float: none;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1&gt;li {
	width: 33% !important;
	margin: 0;
	vertical-align: top;
}

.headerMenu .tMenu li ul.menuLv1&gt;li .extmenu {
	display: none;
}

.headerMenu .tMenu li ul&gt;li.close {
	background-position: right top;
	background-repeat: no-repeat;
}

.headerMenu .tMenu li ul&gt;li&gt;a {
	background-position: right bottom;
	border-collapse: collapse;
	background-size: 100% 100%;
}



.headerMenu .tMenu&gt;li&gt;a:focus,
.headerMenu .tMenu&gt;li&gt;a:hover,
.headerMenu .tMenu&gt;li&gt;a:active,
.headerMenu .tMenu&gt;li&gt;a.active_section, .headerMenu .tMenu&gt;li.open&gt;a {
	color: #1d476f;
}

@media screen and (max-width: 992px){
	.headerMenu .tMenu&gt;li&gt;a:focus,
	.headerMenu .tMenu&gt;li&gt;a:hover,
	.headerMenu .tMenu&gt;li&gt;a:active,
	.headerMenu .tMenu&gt;li&gt;a.active_section, .headerMenu .tMenu&gt;li.open&gt;a {
		color: #fff;
	}
}

.headerMenu .tMenu&gt;li.open&gt;a{/*
	font-weight: bold;*/
}


.headerMenu .tMenu .menuLv1&gt;li&gt;a:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #000000;
	position: absolute;
	top:7px;
	left: 0;
}



.englishVersion .headerMenu .tMenu .menuLv1&gt;li&gt;a:before {
	top: 9px;
}
.chineseVersion.tradition .headerMenu .tMenu .menuLv1&gt;li&gt;a:before {
	top: 10px;
}
.chineseVersion.simplify .headerMenu .tMenu .menuLv1&gt;li&gt;a:before {
	top: 8px;
}

.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&gt;div {
	position: relative;
	z-index: 8000;
}

.left_menu&gt;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&gt;ul {
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	position: relative;
	overflow: hidden;
}

.leftMenu .open&gt;ul {
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 7910;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	overflow: visible;
}

.chineseVersion .headerMenu .tMenu .menuLv1 a {
	min-height: 19px;
}

.copyrightBar {
	text-align: center;
	margin: 0 0 0 0;
}

.headerNav {
	width: 100%;
}

.headerTool .myLogo {
	padding: 0;
	position: relative;
	z-index: 8888;
}
/*	AdminWing logo image size control */
.headerTool .myLogo img{
height: 65px;
max-height: 65px;
}

/*	Honours n Awards logo image size control */
body .logo_0&gt;a&gt;img{
max-width: 100%;
}


.headerTool .myLogo img {
	text-align: left;
}

.headerTool .AStyleArea a {
	padding: 0 4px;
	vertical-align: baseline;
}

.footerArea {
/*	color: #fff;*/
}

.footerArea a {/*
	color: #fff !important;*/
}

.footerMenu ul,
.footerMenu ul li {
	list-style-type: none;
	padding: 0;
}

.indexVersion .footerMenu .bMenu {
	display: block;
}

.footerArea {
	position: relative;
	padding: 0 0;/*
	background-color: #2e7ab8;*/
}

.indexVersion .footerArea {
	box-shadow: none;
}

.footerArea .container {
	z-index: 1000;
	padding-left: 15px;
	padding-right: 15px;
}
.footerArea .fa_1{
	background-color:#243da0;
	color:#fff;
}
.footerArea .fa_1 a{
	color:#fff;
}

@media (min-width: 993px){
	.footerArea .container {
	    max-width: 1230px;
	}
}

.footerArea2 {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.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: 20px 0px;
	position: relative;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	justify-content: space-between;
    align-items: center;
}

.footerMenuArea{
	position: relative;
}
.footerMenuArea::after{
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #6da2cd;
		bottom:0;
}

.footerRow{
	padding-top: 30px;
	padding-bottom: 30px;
}

.footerArea .footerMenu&gt;div {

}

.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 .shortList {
	max-width: 120px;
}

.footerMenu .longList&gt;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-left: 15px;
	padding-right: 15px;
	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&gt;div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

body .footerArea .info {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

body .footerArea .info&gt;* {
	display: inline-block;
}

body .footerArea ul.fMenu a {
	text-decoration: none;
}

body .footerArea .copyrightBar {
	/*
    margin-top: -8px;
	margin-bottom: 10px;*/
}

.footerArea ul.fTool {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerArea ul.fTool&gt;li {
	display: inline-block;
}

.footerArea .info .fTool li a {
	padding: 0 12px;
}

.footerdivwrap {
	display: inherit;
	padding: 0 12px;
}

.footerArea ul.fTool&gt;li:first-child&gt;div,
.footerArea ul.fTool&gt;li:first-child&gt;a {
	padding-left: 0px;
}

.copyR {
	text-align: center;
	margin-bottom: 20px;
}

.copyR&gt;div {
	display: inline-block;
}

.copyR&gt;div:nth-child(2) {
	padding: 0 10px;
}

#footer div.system {
	width: 50%;
	text-align: right;
	float: right;
}

#footer div.copyright {
	width: 50%;
	text-align: right;
	float: right;
}



#footer div.w3c&gt;div {
	display: inline-block;
	padding: 6px 12px;
	vertical-align: middle;
}
#footer .fBanner img{
	max-height:80px;
}

#footer .brandhk {
	padding-right: 0px !important;
}

.footerArea .updateDate {
	display: inline-block;
}


.footerArea ul.fMenu .extmenu li {
	display: block;
}


.footerArea .fMenu&gt;li {
	display: block;
	margin-bottom: 10px;
}

.footerArea .fMenu&gt;li a {
	display: block;
	margin: 0;
}

.footerArea .fMenu&gt;li&gt;a {

}

.footerArea .fMenu&gt;li .extmenu a {
	padding: 2px 16px;
}

.footerArea .fMenu&gt;li .firstItem {
	margin-left: 0
}

.footerArea .fMenu&gt;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 28px 0;
	padding-right: 15px;
}

@media screen and (min-width: 993px){
	.myheaderTool {
		display: none;
	}
}

.myheaderTool&gt;div.mobile_view {
	padding-left: 0px;
}

.myheaderTool&gt;div.sitemap {
	padding-left: 0px;
	font-size: 14px;
}

.myheaderTool&gt;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;
}

body div.btmNav {
	position: relative;
	z-index: 6000;
	/*
	padding-top: 30px;
	padding-bottom: 30px;*/
}

.backBtn {
	display: inline-block;
	float: left;
	/*
	padding: 7px 12px;*/
	color: #3e5259;
	margin: 0;
	font-weight: bold;
}

.topBtn {
	display: inline-block;
	color: #3e5259;
	margin: 0;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 15px;/*
	transform: translateY(-50%);*/
}

.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: #4C4C4C;
	color: #FFF !important;
	border-radius: 4px;
}

.topBtn a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25px;
    height: auto;
}

.topBtn a:hover,
.topBtn a:focus {
	text-decoration: none;
	background-color: #888;
}

.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 a.home {
	padding-right: 0;
	text-decoration: none;
}

.breadcrumb {
	color: #333333;
	padding-top: 40px;
	background: none;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 23px;
}

.breadcrumb-bg {

}

.breadcrumb a {
	text-decoration: none;
	color: #010101 !important;
}

.breadcrumb ul li span,
.bodyArea .breadcrumb span {
	color: #444 !important;
	padding: 0 5px;
}

.indexVersion .breadcrumb {
	display: none;
}

.extIndex .breadcrumb {
	display: none;
}

.qrcode {
	position: relative;
	margin-right: 10px;
}

.listStyleInline {
	display: inline;
	padding: 0;
}

.listStyleInline li,
.listStyleInline li&gt;*,
.listStyleInline li&gt;a {
	margin: 0 1px;
	padding: 0;
	float: none;
	display: inline;
}
/*
.mainHeader {
	min-height: 246px;
	background-image: url(../images/section_banner/sec_banner0.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

.mainHeader.section0 {
	background-image: url(../images/section_banner/sec_banner0.jpg);
}

.mainHeader.section1 {
	background-image: url(../images/section_banner/sec_banner1.jpg);
}

.mainHeader.section2 {
	background-image: url(../images/section_banner/sec_banner2.jpg);
}

.mainHeader.section3 {
	background-image: url(../images/section_banner/sec_banner3.jpg);
}

.mainHeader.section4 {
	background-image: url(../images/section_banner/sec_banner4.jpg);
}

.mainHeader.section5 {
	background-image: url(../images/section_banner/sec_banner5.jpg);
}

.mainHeader.section6 {
	background-image: url(../images/section_banner/sec_banner6.jpg);
}
*/
.mainHeader .title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #05499c;
	font-size: 3.6em;
	font-weight: bold;
	padding: 4px 15px;
	box-shadow: 0 0 10px -2px #000;
	background-color: #fff;
}

.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 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 20px;
}

.mainContent h2.alter {
	color: #166867
}

.contentArea {
	padding: 0;
	min-height: 500px;
}

.indexVersion .contentArea {
	width: 100%;
	min-height: 0;
}

.mainContent {
	margin: 0px 0px;
}

.bodyArea {/*
	background-color: #eaf7ff;*/
	z-index: 3000;
	position: relative;
    min-height: 650px;
}

.indexVersion .bodyArea {/*
	background-color: transparent;*/
	min-height: auto;
}

.indexVersion .bodyArea {/*
	background-color: transparent;*/
}

.bodyArea .container {
	z-index: 3000;
	display: block;
	height: auto;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.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: #ffffff;
	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: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1em
}

.cap_text {
	font-size: 0.9em;
}

.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;
	filter: alpha(opacity=70);
}

.blueBtnOn img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.indexContent,
.whatIsNew,
.eventCalender {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.indexContent {
	width: 38%;
}

.whatIsNew,
.eventCalender {
	width: 405px;
}

.whatIsNew ul {
	margin: 0;
	padding: 0;
	color: #006ab6;
}

.whatIsNew ul&gt;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&gt;li {
	margin: 5px 0;
}

.eventCalender .eventList&gt;div {
	padding: 10px;
}

.eventCalender .bgColorZe {
	background-color: #edf1f4;
}

.headerArea {
	position: relative;
	z-index: 7000;
}


.headerArea.fixed:before {
	content: "";
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	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&gt;a&gt;img {
	max-width: 355px;
	max-height: 80px;
	width: auto;
	height: auto;
	padding: 12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.headerArea.fixed .headerTop {
	min-height: 60px;
}

.headerArea .clientTool .more {
	display: none;
}

.headerArea.fixed .clientTool .more {
	display: inline-block;
}

.clientTool .mobSearch,
.headerArea.fixed .clientTool&gt;br,
.clientTool .searchTool {
	display: none;
}

.headerArea.fixed .myheaderTool&gt;div.clientTool .mobSearch {
	display: inline-block;
}

.headerArea.fixed .myheaderTool&gt;div.clientTool .mobSearch img,
.headerArea.fixed .myheaderTool&gt;div.clientTool .print img,
.headerArea.fixed .myheaderTool&gt;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;
	-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	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;
}

.mySize1 .footerMenuArea {
	font-size: 1em;
}

.mySize1 .footerRow {
	font-size: 0.8em;
}

.mySize1 .headnavcon a, input[id*="searchbar"]{
	font-size: 0.9em;
}

.mySize1 .extmenu a{
	font-size: 0.9em;
}

.mySize1 h1 {
	font-size: 1.9em;
}

.mySize1 h2 {
	font-size: 1.5em;
}

.mySize1 h3 {
	font-size: 1.1em;
}

.mySize1 .img-title {
	font-size: 1.1em;
}

.mySize1 .mainContent {
	font-size: 1em;
}

.englishVersion.mySize1 .headerMenu ul.menuLv0&gt;li&gt;a {
	font-size: 0.93em;
	line-height: 1.1;
}

.mySize1 .breadcrumb {
	font-size: 0.9em;
}

.mySize1 .flexslider .banner_title {
	font-size: 1.8em;
}

.mySize1 .section_header_banner .banner_title {
	font-size: 2em;
}



.englishVersion.mySize1 .section_header_banner .banner_title {
	font-size: 2.26em;
}

.mySize1 .flexslider .btn-01 {
	font-size: 1.2em;
}

.mySize1 .flexslider p {
	font-size: 1em;
	line-height: 1.5em;
}

.headerArea {
	background-color: #fff;
}


.mySize1 .subMenu&gt;li&gt;a {
	font-size: 1em;
}


.mySize1 .subMenu .extmenu li&gt;a {
	font-size: 0.9em;
}



.footerBanner {
	text-align: center;
	margin: auto;
	padding: 60px 0;
}

.footerBanner li {
	display: inline-block;
}

.footerBanner li img {
	max-height: 60px;
}

.simply-scroll-container {
	position: relative;
}

.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list {
	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 {
	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;
}

.vert {
	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 {
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-down {
	right: 0;
	top: 52px;
}

.simply-scroll .simply-scroll-list .newsList&gt;li {
	height: inherit;
	margin: 0;
	padding: 0;
	width: inherit;
}

.simply-scroll .simply-scroll-list .newsList&gt;li&gt;div {
	padding: 10px 45px;
}

.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;/*
	background-image: url('../images/btn_email.png');*/
	background-repeat: no-repeat;
	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&gt;div {
	display: inline-block;
}

.colorSort {
	width: 180px;
	padding: 0 10px;
}

.colorSort&gt;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&gt;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;
}
/*
.simple_tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 40px 10px 20px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #e8c8bb;
	background-image: url(../images/tag/white_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.simple_tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-image: url(../images/tag/deep_pink.png);
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}
*/
#cloud {
	width: 380px;
	height: 280px;
}

#cloud&gt;div {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

#cloud a {
	display: block;
	padding: 8px 25px;
	color: #fff;
	background-color: #c4c4c4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

#chart&gt;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&gt;div,
.comment_area .comment_sub&gt;div {
	padding: 16px 12px;
}

.comment_area .comment_main&gt;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&gt;div {
	display: inline-block;
	margin-right: 20px;
}

.comment_area .comment_detail .tool&gt;div a {
	color: #858586 !important;
}

.comment_sub {
	margin-left: 120px;
}

.comment_sub&gt;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;
}

.content-block .browse-button-bar {
	margin: 0 0 10px 0;
	clear: both;
	height: 30px
}

.content-block .span12.btn-group {
	margin: 0 0 10px 0;
	display: block;
}

.content-block .span6.btn-group {
	margin: 0 0 10px 0;
	display: none;
}

.content-block .btn-group .btn {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	text-transform: capitalize;
}

.content-block .btn-group a {
	color: #767676;
	text-decoration: none;
	padding: 4px 7px;
	line-height: 28px;
}

.content-block .btn-group .btn-primary {
	padding: 0px 7px;
	line-height: 28px;
}

.content-block .recent-terms-title {
	font-weight: 800;
	margin-bottom: 13px;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	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.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn:hover {
	color: #fff;
}

span.my_message {/*
	background-image: url(../images/my_message.png);
	background-repeat: no-repeat;
	padding-left: 25px;*/
}

.system_type {
	padding-left: 52px;
}

.tag {
	color: #EC7514;
}

.tag strong {
	color: #3e5259;
}

.carousel-inner .left {
	display: none
}

.carousel-inner .right {
	display: none
}

#blog .left {
	float: left;
	max-width: 50%;
}

#blog .right {
	float: right;
	max-width: 50%;
}

.comment_tag {
/*	background-image: url(../images/comment_orange_small_icon.png);*/
	background-repeat: no-repeat;
	height: 29px;
	width: 26px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer
}

ol.security_article strong {
	left: -38px;
	position: relative;
}

ol.embrace li {
	list-style-type: lower-roman;
}

ul.ref li {
	list-style-type: lower-alpha;
}

.request {
/*	background-image: url(../images/request_icon.png);*/
	background-repeat: no-repeat;
	height: 29px;
	width: 30px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer
}

.reply {/*
	background-image: url(../images/icon_reply.png);*/
	background-repeat: no-repeat;
	height: 29px;
	width: 26px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer;
	padding-left: 40px;
}

#user form {
	min-height: 160px;
}

table#user button {
	border: 0;
	background-color: #535353;
	color: #fff;
	padding: 0 15px;
	height: 32px;
	border-radius: 3px;
}

.large_symbol {
	font-size: 56px;
	font-weight: bold;
	line-height: normal;
	display: inline-block;
	width: 30px;
	height: 45px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.intro_first {
	font-size: 20px;
	font-weight: bold;
	line-height: 37px;
}

.intro_first_img {
	font-size: 12px;
	display: block;
	float: right;
	margin-left: 15px;
	height: 300px;
	width: 166px;
	line-height: 18px;
}

.larry_page {
	font-size: 19px;
	display: block;
	float: right;
	margin-left: 15px;
	font-style: italic;
}

.home img {
	vertical-align: text-top;
}

.mobile_view img {
	width: 27px;
	height: 27px;
}

.paging_area .cont ul {
	margin-left: 15px;
}

.paging_area .cont li {
	display: list-item;
	list-style-position: outside;
	line-height: 25px;
	text-align: justify;
	margin-right: 7px!important;
	padding-right: 7px!important;
}

.paging_area .cont ul li ul {
	padding-left: 20px;
}

.paging_area th {
	background-color: #3f535a;
	color: #FFF;
	font-weight: bold;
	padding: 11px;
}

.contact_us th {
	background-color: #3f535a!important;
	color: #FFF;
	font-weight: bold;
	padding: 11px;
}

.footerMenu ul li ul ul {
	display: none
}

.glyphicon-chevron-right {
	/*background-image: url(../images/right.gif);*/
	background-repeat: no-repeat;
	height: 61px!important;
	width: 38px!important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.glyphicon-chevron-left {/*
	background-image: url(../images/left.gif);*/
	background-repeat: no-repeat;
	height: 61px !important;
	width: 38px!important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.glyphicon-chevron-right:before {
	content: none!important;
}

.glyphicon-chevron-right:before {
	content: none!important;
}

.glyphicon-chevron-left:before {
	content: none!important;
}

.glyphicon-chevron-left:before {
	content: none!important;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1&gt;li&gt;a&gt;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&gt;li&gt;a&gt;span&gt;img {
	position: absolute;
	left: 0;
	top: 0;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1&gt;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;
}

.future_task_force ul li {
	list-style-type: lower-alpha;
}

.future_task_force ul li ul li {
	list-style-type: lower-roman;
}

p.topic {
	padding-top: 0px;
}

.topic {
	font-weight: bold;
	font-style: italic;
}

.topic_row {
	height: 185px;
	display: block;
}

.topic_row img {
	clear: both;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: text-top;
	padding-top: 0px;
}

.future_task_force h3 {
	padding-bottom: 5px;
}

.topic_row h4 {
	font-size: 13px;
	font-weight: bold;
	color: #287228;
}

.cont .topic_row a::before {
	padding-top: 15px;
	padding-bottom: 15px;
}

.speaker {
	font-size: 14px;
	font-weight: bold;
}

.related_links .cont a::before {/*
	content: url(../images/external_link.png);*/
	display: inline;
	padding-top: 5px;
}

.guideline .cont li a::before {
	display: inline;
}

.guideline .paging_area .cont li {
	list-style-type: none;
}

.guideline .paging_area .cont li li {
	list-style-type: disc;
}

.guideline .cont li li a::before {
	content: none;
	display: inline;
	padding-top: 5px;
}

.roman_list {
	list-style-type: lower-roman;
}

.mainContent {
	padding-top: 30px;
	padding-bottom: 50px;
}

.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: baseline;
    height: 0;
    display: inline-block;
}

.system_maintenance_schedule table {
	width: 100%;
}

.system_maintenance_schedule table ul {
	padding-left: 5px;
}

.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&gt;li&gt;a {
	font-size: 1em;
	font-weight: bold;
}

.subMenu&gt;li&gt;a.leftbtn.active_sub_section {
	color: #5e1f6e;
	background-color: #ffe2d7;
}

.subMenu&gt;li .extmenu a.leftbtn.active_sub_section {
	color: #5e1f6e;
}

.panel-body h3 {
	text-align: justify;
}

.table_sub_title {
	font-weight: bold!important;
}

.alerts .cont:after {
	content: " ";
	clear: both;
	display: block;
}

.membershop_list {
	padding-left: 10px;
}

.download_pdf_remark {
	font-style: italic;
	margin-top: 30px;
}

ol ol.future_terms2 {
	list-style-type: lower-roman;
}

ol.future_terms {
	list-style-type: lower-alpha;
}

body.market4 .leftMenu .subMenu li.my_menu3&gt;a&gt;span {
	color: #be4a03;
	font-weight: bold;
}

body.market5 .leftMenu .subMenu li.my_menu3&gt;a&gt;span {
	color: #be4a03;
	font-weight: bold;
}

body.market6 .leftMenu .subMenu li.my_menu3&gt;a&gt;span {
	color: #be4a03;
	font-weight: bold;
}

body.market7 .leftMenu .subMenu li.my_menu3&gt;a&gt;span {
	color: #be4a03;
	font-weight: bold;
}

.publications_n_publicity_n_materials h3 {
	text-align: center;
	float: left;
}



.myitem_list {
	margin: 0 -10px;
}

.myitem_list&gt;div {
	margin: 0 10px 25px 10px;
}

.myitem_list.tv_series_list&gt;div {
	margin: 0;
}

.myitem_list.activities_photo&gt;div {
	margin: 10px 0;
}

.myboard_pr {
	position: relative;
	padding: 12px 16px;
	min-height: 324px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	margin-bottom: 25px;
}

.myboard_pr .id {
	display: none;
	font-size: 5em;
	line-height: 1em;
	position: absolute;
	top: 30px;
	left: 30px;
}

.myboard_pr .cover {
	width: 200px;
	position: absolute;
}

.myboard_pr .cont_area {
	padding-left: 225px;
}

.myboard_pr .date {
	margin-bottom: 10px;
	color: #444;
}

.myboard_pr .title {
	font-weight: bold;
	margin-bottom: 10px;
	color: #444;
}

.myboard_pr .cont {
	margin-bottom: 10px;
	color: #444;
}

.myboard_pr .more {
	position: absolute;
	right: -1px;
	bottom: -1px;
	padding: 0;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
}

.myboard_pr .more a {
	display: block;
	font-size: 32px;
	padding: 8px 12px;
	background-color: #a6be41;
	color: #fff !important;
	text-decoration: none !important;
}

.myboard_nl {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 240px;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
}

.myitem_list.whatsnew_list .myboard_nl {
	min-height: 300px;
}

.myitem_list.my_pdf_div.activities_photo .myboard_nl {
	max-width: 190px;
	min-height: 235px;
}

.myitem_list.my_pdf_div.tv_series_list .myboard_nl {
	max-width: 195px;
	border: none;
}

.myboard_nl .id {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 2em;
	line-height: 1em;
}

.myboard_nl .cover {
	margin: auto;
	text-align: center;
}

.myboard_nl .date {
	float: right;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: .8em;
	color: #575757;
}

.myboard_cu {
	max-width: 800px;
	margin: auto;
	margin-bottom: 30px;
}

.myboard_cu&gt;div {
	padding: 26px 40px;
	border-collapse: collapse;
	border: 1px solid #b1b1b1;
	border-top: 0;
}

.myboard_cu .title {
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	text-align: center;
	background-color: #07836e;
}

.chineseVersion .myboard_cu .title {
	letter-spacing: .16em;
}

.myboard_cu .left {
	text-align: left;
	position: absolute;
	width: 160px;
	padding-left: 30px;
	font-weight: bold;
}

.myboard_cu .right {
	text-align: left;
	float: none;
	padding-left: 200px;
}

.myboard_cu .left:before {
	content: " ";
	position: absolute;
	width: 23px;
	height: 25px;
	margin-left: -30px;
	background-repeat: no-repeat;
}

/*.myboard_cu .my_tel:before {
	background-image: url(../images/icon_tel.png);
}

.myboard_cu .my_mail:before {
	background-image: url(../images/icon_mail.png);
}

.myboard_cu .my_fax:before {
	background-image: url(../images/icon_fax.png);
}

.myboard_cu .my_loc:before {
	background-image: url(../images/icon_loc.png);
}*/

.myboard_wn {
	display: none;
	position: relative;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	width: 100%;
	max-width: 280px;
	height: 320px;
	overflow: hidden;
}

.chineseVersion .myboard_wn {
	height: 300px;
}

.myboard_wn:after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #fff;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.myboard_wn.double {
	max-width: 582px;
}

.mytab_area.mt0 .myboard_wn,
.mytab_area.mt1 .myboard_wn.mt1,
.mytab_area.mt2 .myboard_wn.mt2,
.mytab_area.mt3 .myboard_wn.mt3 {
	display: inline-block;
}

.myboard_wn .cover {
	text-align: center;
	height: 137px;
}

.myboard_wn .cover img {
	max-height: 100%;
}

.myboard_wn .type {
	float: left;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_wn .date {
	float: right;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_wn .title {
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.5em;
}

.myboard_wn .title:before {
	content: " ";
	clear: both;
	display: block;
}

.myboard_in_title {
	text-align: center;
	font-size: 2.2em;
	letter-spacing: .16em;
	margin: 30px 0;
	line-height: 1em;
}

.myboard_in_title&gt;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;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.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;
}

.indexVersion .myitem_list {
	text-align: center;
}

.myitem_list&gt;div.myboard_int {
	margin: 0 0 25px 0;
}

.myboard_int .topic {
	float: left;
	width: 100%;
	max-width: 25%;
	margin-bottom: 15px;
}

.myboard_int .topic a {
	display: block;
	font-style: normal;
	color: #fff !important;
	background-color: #08836e;
	padding: 20px;
	text-align: center;
	font-size: 1.4em;
	margin-left: 10px;
	margin-right: 10px;
}

.chineseVersion .myboard_in .topic {
	letter-spacing: .16em;
}

.myboard_st {
	position: relative;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	width: 100%;
	max-width: 280px;
	height: 320px;
	overflow: hidden;
	display: inline-block;
}

.chineseVersion .myboard_st {
	height: 300px;
}

.myboard_st:after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #fff;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.myboard_st.full {
	max-width: 100%;
	padding: 10px 30px;
	position: relative;
	height: auto !important;
}

.myboard_st.full .leftImg {
	float: left;
	margin-right: 20px;
	width: 400px;
}

.myboard_st.full .cont {
	padding-left: 420px;
}

.myboard_st .cover {
	text-align: center;
	height: 137px;
}

.myboard_st .cover a {
	display: block;
	height: 100%;
}

.myboard_st .cover img {
	max-height: 100%;
	margin: auto;
}

.myboard_st .title {
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.myboard_st .title a {
	color: #4b4b4b !important;
}

.myboard_st .title:before {
	content: " ";
	clear: both;
	display: block;
}

.myboard_bk.full {
	max-width: 100%;
	padding: 0;
	position: relative;
	height: auto !important;
}

.myboard_bk.full .leftImg {
	float: left;
	margin-right: 20px;
	width: 400px;
}

.myboard_bk.full .cont {
	padding-left: 420px;
}

.mytab ul {
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
}

.mytab li {
	display: inline-block;
	width: 24%;
	margin: 0;
	border: 0;
}

.mytab a {
	padding-bottom: 12px;
	display: inline-block;
	text-align: center;
	color: #424242;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none !important;
	position: relative;
}

.chineseVersion .mytab a {
	letter-spacing: .16em;
}

.mytab li.active a {
	color: #08836e;
}

.mytab li.active a:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	bottom: -5px;
	background-color: #08836e;
}

.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;
	filter: alpha(opacity=100);
	visibility: visible;
}

.wrapper-expandable .box-style-wrapper,
.wrapper-expandable.hide .box-style-wrapper {
	z-index: -1;
	position: fixed;
	height: 0;
	width: 0;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	filter: alpha(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;
}

.expandable-title a:after {
	content: " ";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	width: 17px;
	height: 19px;/*
	background-image: url('../images/icon_expansion.png');*/
	background-repeat: no-repeat;
}

.active .expandable-title a:after {/*
	background-image: url('../images/icon_expansion_on.png');*/
}

#close_up {
	z-index: -1;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#close_up.active.transition {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#close_up.active {
	z-index: 9000;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#close_up .bg {
	z-index: 9100;
	background-color: rgba(0, 0, 0, .85);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#close_up .area {
	z-index: 9200;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);/*
	width: 1000px;*/
	width:auto;
	max-width: 100%;
	background-color: #fff;
	
	padding: 30px 40px 60px 40px;
    border: 3px solid #00f;
    max-height: 100%;
}
#close_up .area{
	display:none;
}
#close_up.active .area{
	display:block;
}
#close_up .close {
	background-color: #ddd;
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	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;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	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;
	background-color:transparent;
	overflow:auto;
	max-height:90%;
}

#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;
}

.my_pdf {/*
	background-image: url(../images/icon_pdf_title.png);*/
	background-repeat: no-repeat;
	background-position: 12px 6px;
	background-color: #e2e3e2;
	display: inline-block;
	border-radius: 6px;
}

.my_pdf a {
	text-decoration: none !important;
	color: #4b4b4b;
	font-size: 1.2em;
	padding: 22px 12px 6px 71px;
	min-height: 65px;
	display: block;
}

.chineseVersion .my_pdf a {
	letter-spacing: .16em;
}

.tpo_div {
	margin-top: 20px;
}

.tpo_div&gt;div {
	width: 32%;
	padding: 0 20px;
	display: table-cell;
	border-left: 2px solid #cecfcf;
}

.tpo_div&gt;div.fst {
	border-left: 0;
	padding-left: 0;
}

.tpo_div&gt;div h3 {
	margin-top: 0;
	padding-top: 5px;
}

.dpo_list&gt;li {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: .6em;
}

.dpo_list&gt;li:before {
	content: '\25cf\a0';
	position: absolute;
	margin-left: -16px;
	font-size: 12px;
}

.ecdBDiv {
	text-align: right;
	margin-bottom: 10px;
}

.ecdBDiv&gt;div {
	display: inline-block;
	margin-left: 10px;
}

a.ecdBtn {
	text-decoration: none !important;
	color: #5c5c5c !important;
}

.photo_album {
	margin: 0 -5px;
}

.photo_album&gt;div {
	width: 290px;
	max-width: 100%;
	padding: 5px;
	display: inline-block;
}

.mylist li {
	list-style-type: none;
}

.mylist li:before {
	content: '\25cf\a0';
	position: absolute;
	margin-left: -16px;
	font-size: 16px;
	color: #bf45ee;
}

.div_pilotact&gt;div {
	margin-bottom: 20px;
	box-shadow: 0 0 5px #000;
}

.div_pilotact .title {
	display: table-cell;
	width: 200px;
	padding: 8px 20px 8px 50px;
	vertical-align: middle;
	color: #fff;
	background-color: #166867;
	position: relative;
}

.div_pilotact .title:after {
	content: " ";
	position: absolute;
	right: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
}

.div_pilotact .cont {
	display: table-cell;
	padding: 8px 20px;
	width: auto;
}

.div_pilotact .cont ul {
	margin-bottom: 0;
}

.fix_line {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #504098;
}

.fix_line.under {
	margin-top: -3px;
}

ul.lo_alp&gt;li {
	list-style-type: lower-alpha;
}

ul.lo_rom&gt;li {
	list-style-type: lower-roman;
}

ul.disc&gt;li {
	list-style-type: disc;
}

.leftMenu {
	background-color: rgba(0, 0, 255, 0);
}

.new_list {
	background-color: #fff;
	padding: 0 30px 30px 30px;
}

div.new_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.new_list li {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #dedede;
}

div.new_list li.lst {
	border-bottom: 0;
}

.new_list .date {
	font-size: .8em;
}

.new_list .title {
	font-weight: bold;
}

.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&gt;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&gt;div {
	display: table-row;
}

.bl_ts&gt;div&gt;div {
	display: table-cell;
}

.bodies_list .title {
	font-weight: bold;
	padding-right: 6px;
}

.sliderArea {
	height: 275px;
	overflow: hidden;
	margin-bottom: 40px;
}

.sliderArea img {
	top: 0;
}

.sliderBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 275px;
	background-color: #fff;
}

div.flexslider {
	margin-bottom: 0;
	border: 0;
}
.mainSlider{
	padding:20px 0;
}
#flexslider .slides{
	overflow: hidden;
	border-radius: 25px;
}

#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;
	position: absolute;
    right: 0;
    bottom: 0;
}
#flexslider .flex-direction-nav{
	display:none;
}
#flexslider .flex_control_area{
	position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}
#flexslider .flex_control_area .prevBtn,
#flexslider .flex_control_area .nextBtn{
	background-color:#4865dd;
	margin:0 1px;
}
#flexslider .flex-pauseplay{/*
	position:absolute;
	right:0;
	bottom:0;*/
	margin:0 1px;
	display:none;
}
#flexslider .flex-pauseplay a{
	position: relative;
    bottom: auto;
    left: auto;
	background-color:#4865dd;
	width: 30px;
    height: 30px;
    opacity: 1;
}
#flexslider .flex-pauseplay a:before{
	content:"";
	width:30px;
	height:30px;
	background-image:url(../images/icon_sliderbannercontrol3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
}
#flexslider .flex-pauseplay a.flex-play:before{
	content:"";
	background-image:url(../images/icon_sliderbannercontrol4.png);
}
#flexslider .ppBtn{
	margin:0 1px;
}
#flexslider .ppBtn a{
	position: relative;
    bottom: auto;
    left: auto;
	background-color:#4865dd;
	width: 30px;
    height: 30px;
    opacity: 1;
    z-index: 10;
	display:block;
    overflow: hidden;
}
#flexslider .ppBtn:not(.active) .play,
#flexslider .ppBtn.active .pause{
	display:none;
}
#flexslider .ppBtn a:before{
	content:"";
    display: inline-block;
	width:30px;
	height:30px;
	background-image:url(../images/icon_sliderbannercontrol3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
}
#flexslider .ppBtn.active a:before{
	content:"";
	background-image:url(../images/icon_sliderbannercontrol4.png);
}
#flexslider .flex-control-paging li a {
	background-color: #c4c4c4;
}

#flexslider .flex-control-paging li a.flex-active {
	background-color: #ff0137;
}

.mainContent .sliderArea ul,
.mainContent .sliderArea ol {
	padding: 0;
	margin: 0;
}

.sliderArea .flex-control-nav {
	bottom: 0;
	left: 0;
	z-index: 3500;
}

.sliderArea .flex-control-paging li a.flex-active {
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.sliderArea .flex-direction-nav a {
	font-size: 0;
	width: 39px;
	height: 69px;
	margin: -35px 0 0;
	z-index: 3500;
}

.sliderArea .flex-direction-nav .flex-prev {
	left: 10px;
}

.sliderArea .flex-direction-nav .flex-next {
	right: 10px;
}

.sliderArea .flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

.sliderArea .flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

.sliderArea .flex-direction-nav a:before {
	content: " ";
	width: 39px;
	height: 69px;/*
	background-image: url('../images/icon_arrow_slide_left.png');*/
	background-repeat: no-repeat;
}

.sliderArea .flex-direction-nav a.flex-next:before {/*
	content: " ";
	background-image: url('../images/icon_arrow_slide_right.png');*/
}

.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&gt;ul {
	padding-left: 0;
	list-style-type: none;
}

.main_news_list&gt;ul&gt;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;
}

.faq_list&gt;ol {
	padding-left: 0;
	position: relative;
	font-weight: bold;
	border-top: 1px solid #ddd;
	list-style-type: none;
}

.faq_list&gt;ol&gt;li:hover {
	background-color: #fff;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}

.faq_list&gt;ol&gt;li {
	margin: 0;
	padding-left: 0;
	padding-left: 60px;
	position: relative;
}

.faq_list&gt;ol&gt;li:after {
	content: " ";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #ddd;
	position: absolute;
}

.faq_list&gt;ol&gt;li:before {
	content: " ";
	width: 33px;
	height: 33px;
	position: absolute;
	left: 0;
	top: 13px;
/*	background-image: url(../images/btn_cdlist.png);*/
	background-repeat: no-repeat;
}

.faq_list&gt;ol&gt;li.active:before {/*
	background-image: url(../images/btn_cdlist_on.png);*/
}

.faq_list .active .cd_div .cont {
	z-index: 1000;
	position: relative;
	height: auto;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.faq_list .cd_div .cont,
.faq_list .cd_div.hide .cont {
	z-index: -1;
	position: fixed;
	height: 0;
	width: 0;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	overflow: hidden;
	padding: 0 16px;
	border-left: 3px solid #35b59e;
	font-weight: normal;
}

.faq_list .cd_div {
	margin: 0;
	position: relative;
}

.faq_list .active .cd_div {
	padding-bottom: 20px;
}

.faq_list .cd_div .title {
	padding: 0;
	margin: 0;
}

.faq_list .cd_div .title a {
	color: #404042 !important;
	text-decoration: none !important;
	padding: 20px 16px;
	padding-right: 30px;
	font-weight: bold;
	display: block;
	position: relative;
}

.faq_list .cd_div .cont p:last-child {
	margin-bottom: 0;
}

.faq_list .number {
	position: absolute;
	right: 100%;
	top: 20px;
	margin-right: -65px;
}

.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&gt;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;
}

.my_roll_control&gt;div {
	position: absolute;
	width: 39px;
	height: 61px;
	margin: -20px 0 0 0;
	padding: 0;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	text-align: center;
}

.my_roll_control&gt;div a {
	text-decoration: none !important;
	color: #fff !important;
}

.my_roll_control&gt;div span {
	display: block;
	width: 39px;
	height: 61px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 30px;
	text-align: center;
}

.my_roll_control .my_roll_prev span {/*
	background-image: url(../images/btn_control_prev.png);*/
	background-repeat: no-repeat;
}

.my_roll_control .my_roll_next span {/*
	background-image: url(../images/btn_control_next.png);*/
	background-repeat: no-repeat;
}

.my_roll_control .my_roll_prev {
	top: 0;
	bottom: 0;
	height: initial;
	margin-top: 0;
	width: initial;
	left: -10px;
	padding-top: 80px;
	padding-left: 0;
	padding-right: 0;
}

.my_roll_control .my_roll_next {
	top: 0;
	bottom: 0;
	height: initial;
	margin-top: 0;
	width: initial;
	right: -10px;
	padding-top: 80px;
	padding-left: 0;
	padding-right: 0;
}

.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, ".") ".  ";*/
	content: ".  ";
	counter-increment: item
}

.reports_table_layout td {
	vertical-align: text-top;
}

.aboutus_intro_list&gt;div {
	width: 100%;
	max-width: 605px;
	margin: auto;
}

.aboutus_intro_list&gt;div&gt;div {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	height: 200px;
	margin-bottom: 40px;
}

.aboutus_intro_list&gt;div&gt;div img {
	height: 100%;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;div {
	text-align: center;
	font-size: 1.4em;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;div.aboutus_intro_list_item_image {
	height: 90%;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;div.aboutus_intro_list_item1 {
	font-weight: bold;
	margin-top: 10px;
	color: #097dae;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;div.aboutus_intro_list_item2 {
	font-weight: bold;
	margin-top: 10px;
	color: #4c04a4;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;div.aboutus_intro_list_item3 {
	font-weight: bold;
	margin-top: 10px;
	color: #0452a4;
}

.aboutus_intro_list&gt;div&gt;div&gt;a&gt;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;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	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;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	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&gt;.div_acrobat_reader_icon {
	display: inline-block;
	width: 160px;
	margin-right: 5px;
	padding: 10px 0;
}

.div_acrobat_reader&gt;.div_acrobat_reader_description {
	display: inline-block;
	width: 75%;
}

.photo_title,
.photo_area&gt;li .title {
	margin-bottom: 24px;
	font-weight: bold;
	display: block;
}

.mainContent ul.photo_group {
	padding: 0;
	text-align: left;
}

.mainContent .photo_area ul.photo_group {
	margin: 0 -0.8em;
	text-align: left;
}

.photo_group li {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	text-align: center;
	margin: 0;
	margin-bottom: 4px;
	padding: .1em;
}

.photo_group li.photo_thumb&gt;a&gt;img {
	border: 2px solid #b4b4b4;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo_group li.photo_thumb&gt;a:focus&gt;img,
.photo_group li.photo_thumb&gt;a:hover&gt;img {
	border: 2px solid #c30819;
}

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 a.pp_arrow_previous {/*
	background-image: url(../images/btn_arrow_prev.png);*/
}

body a.pp_arrow_next {/*
	background-image: url(../images/btn_arrow_next.png);*/
}

body .pp_content_container .pp_details {
	margin: 0;
	background-color: #fff;
}

body div.light_square .pp_description {
	text-align: left;
	padding: 8px 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;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

#flexslider .flex-direction-nav a.flex-prev:before {
	content: '';
	    background-image: url(../images/icon_arrow_prev.png);
	    width: 48px;
	    height: 48px;
	    position: absolute;
	    background-size: contain;
	    background-repeat: no-repeat;
}

#flexslider .flex-direction-nav a.flex-next:before {
	content: '';
	background-image: url(../images/icon_arrow_next.png);
	width: 48px;
	height: 48px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	right: 0;
}

.flex-direction-nav .flex-next {
    right: 0px;
}

body .mainHeader.active {
	display: block;
}

.section_left_banner {
	float: left;
	width: 360px;
	margin-right: 25px;
}

.mainContent table {
	width: 100%;
	margin-bottom: 1em;
}

.mainContent table th,
.mainContent table td {
	vertical-align: top;
}
.mainContent table.responsive-table th{
	background-color: #245E7F;
	color: #ffffff;
}
.mainContent table.responsive-table tr td{
	background-color: #eaf3f5;
    color: #2b2b2b;
}
.header_date {
	margin-bottom: 20px;
	background-color: #ccc;
	color: #000099;
	padding: 8px 12px;
	font-weight: bold;
}

.cont_detail {
	margin-bottom: 40px;
}

.cont_detail&gt;div {
	display: inline-block;
}

.cont_detail&gt;div:nth-child(1) {
	width: 20%;
}

.cont_detail&gt;div:nth-child(2) {
	width: 80%;
}

.cont_detail&gt;div img {
	margin: 0 10px;
}

.toggleTable table tr {
	vertical-align: top;
	border-bottom: 1px solid #637481;
}

.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;
}

.num_anchor {
	vertical-align: super;
	font-size: .8em;
}

.divExpand {
	background-color: #f0d5ba;
	margin-bottom: 4px;
	border: 3px solid #bdbdbd;
	overflow: hidden;
}

.divExpand&gt;div:nth-child(1) h2 {
	margin: 0;
	padding: 0;
}

.divExpand&gt;div:nth-child(1) a {
	display: block;
	padding: 8px 14px;
	position: relative;
	padding-right: 45px;
}

.divExpand&gt;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;
	-webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
	transition: -webkit-transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out, color .2s ease-out;
	font-size: 1.4rem;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.divExpand.active&gt;div:nth-child(1) a:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.divExpand&gt;div:nth-child(2) {
	display: none;
	-webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	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&gt;div:nth-child(2) {
	display: block;
	position: static;
	opacity: 0;
	height: auto;
}

.divExpand.active&gt;div:nth-child(2) {
	display: block;
	position: static;
	opacity: 1;
	height: auto;
	padding: 8px 14px;
}

.divExpand_control {
	float: right;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	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;
}

.border_table th,
.border_table td {
	border-collapse: collapse;
	border: 1px solid #888;
}

.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_fax.png);*/
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .share li {
	margin-right: 15px;
}

.index_tdiv&gt;div {
	display: inline-block;
	width: 50%;
}

.whatsnew_date {
	color: #00837d;
	font-weight: bold;
}

ul.whatsnews_list {
	list-style: none;
	margin-left: -20px;
}

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;
}

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&gt;a {
	color: #428bca;
}

.main_secBanner {
	margin: 15px -15px;
	text-align: center;
}

.main_secBanner&gt;div {
	display: inline-block;
	width: 433px;
	max-width: 100%;
}

.main_secBanner&gt;div&gt;div {
	padding: 15px;
}

.main_secBanner&gt;div&gt;div&gt;a {
	display: block;
}

.main_secBanner&gt;div&gt;div .cover {
	display: block;
	overflow: hidden;
}

.main_secBanner&gt;div .cover img {
	transform: scale(1);
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.main_secBanner&gt;div:hover .cover img,
.main_secBanner&gt;div&gt;div&gt;a:focus .cover img {
	transform: scale(1.08);
}

.main_secBanner&gt;div&gt;div .cont {
	display: block;
}

.main_secBanner .title {
	position: relative;
	background-color: #fff;
	padding: 12px 30px;
	font-size: 1.142857em;
	font-weight: bold;
	line-height: 1.4em;
	height: 130px;
	overflow: hidden;
	box-shadow: 0 0 10px -2px #000;
	display: block;
}

.main_secBanner .title:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 12px;
	height: 25px;
	width: 8px;
	background-color: #4c5cc1;
}

.ibDiv&gt;div {
	display: inline-block;
}

.ibDiv&gt;.my_img {
	width: 25%;
	padding-right: 20px;
}

.ibDiv&gt;.txt_w_img {
	width: 75%;
}

.photoAlbums {
	margin: 0 -40px;
}

.photoAlbums&gt;div {
	display: inline-block;
	width: 100%;
	max-width: 640px;
	padding: 40px 80px;
}

.photoAlbums&gt;div&gt;div {
	padding: 8px;
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 10px -2px #000;
	display: inline-block;
}

.my_select&gt;div {
	display: inline-block;
	margin-bottom: 20px;
}

.my_select select {
	font-size: 1.07142857em;
	padding: 7px 20px 8px 10px;
	border-radius: 6px;
}

.my_select .mys_btn&gt;a {
	display: block;
	padding: 12px 30px;
	margin: 0 10px;
	border-radius: 6px;
	background-color: #05499c;
	color: #fff;
	font-size: 1.07142857em;
}

body a.pp_expand {
	display: none !important;
}

p.line {
	text-decoration: underline;
}

.myheaderTool&gt;div.clientTool .shareTool {
	position: relative;
	margin-right: 5px;
}

.shareList {
	display: none;
	position: absolute;
	top: 35px;
	left: 50%;
	padding: 8px 15px 12px !important;
	text-align: left;
	z-index: 9000;
	min-width: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #FFF;
	box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
	border-top: 2px solid #3447a3;
    font-size: 0;
}
.headerTool .shareTool.active&gt;.shareList {
    display: block;
}
ul.share-btns a {
    font-size: 0;
}
.myheaderTool&gt;div.clientTool .shareTool&gt;.shareList:before {
	display: none;
}

.myheaderTool&gt;div.clientTool .shareTool.active&gt;.shareList {
	display: block;
}

.share-btns {
	position: relative;
	margin-top: 15px;
}

ul.share-btns {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.share-btns&gt;li {
	margin: 0;
	display: inline-block;
}

ul.share-btns a {
	font-size: 0;
}

.header-nav__tool--share .share-btns {
	white-space: nowrap;
}

.headerArea li .share-btns__btn {
	display: inline-block;
	vertical-align: top;
	width: 34px;
	height: 34px;
	margin-right: 5px;
	position: relative;
	transition: 0.2s;
}

.mob-nav__control .share-btns__btn {
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.share-btns__btn:before {
	content: '';
	width: 26px;
	height: 26px;
	left: 4px;
	top: 4px;
	display: block;
	position: absolute;
	background: url() center top;
	background-size: 100% auto;
	transition: 0.2s;
}

.header-nav__tool--share .share-btns__btn:before {
	background-position-y: -26px;
}

.mob-nav__control .share-btns__btn:before {
	background-position-y: -22px;
}

.mob-nav__control .share-btns__btn:before {
	width: 22px;
	height: 22px;
	left: 4px;
	top: 4px;
}

.share-btns__btn:hover:before {
	background-position-y: -26px;
}

.mob-nav__control .share-btns__btn:hover:before {
	background-position-y: -22px;
}

.share-btns__btn.share-btns__btn--email:before {
	background-image: url(../images/share/icon-social-email-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--email,
.header-nav__tool--share .share-btns__btn.share-btns__btn--email,
.share-btns__btn.share-btns__btn--email:hover {
	background-color: yellowgreen;
}

.share-btns__btn.share-btns__btn--fb:before {
	background-image: url(../images/share/icon-social-facebook-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--fb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--fb,
.share-btns__btn.share-btns__btn--fb:hover {
	background-color: #3b5998;
}

.share-btns__btn.share-btns__btn--wa:before {
	background-image: url(../images/share/icon-social-whatsapp-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wa,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wa,
.share-btns__btn.share-btns__btn--wa:hover {
	background-color: #1bd741;
}

.share-btns__btn.share-btns__btn--wb:before {
	background-image: url(../images/share/icon-social-weibo-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wb,
.share-btns__btn.share-btns__btn--wb:hover {
	background-color: #df2029;
}

.share-btns__btn.share-btns__btn--wc:before {
	background-image: url(../images/share/icon-social-wechat-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wc,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wc,
.share-btns__btn.share-btns__btn--wc:hover {
	background-color: #09b83e;
}

.share-btns__btn.share-btns__btn--tw:before {
	background-image: url(../images/share/icon-social-twitter-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--tw,
.header-nav__tool--share .share-btns__btn.share-btns__btn--tw,
.share-btns__btn.share-btns__btn--tw:hover {
	background-color: #00aff0;
}

.share-btns__btn.share-btns__btn--ig:before {
	background-image: url(../images/share/icon-social-ig-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--ig,
.header-nav__tool--share .share-btns__btn.share-btns__btn--ig,
.share-btns__btn.share-btns__btn--ig:hover {
	background-color: #bc2a8d;
}

.share-btns__btn.share-btns__btn--rss:before {
	background-image: url(../images/share/icon-rss.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--rss,
.header-nav__tool--share .share-btns__btn.share-btns__btn--rss,
.share-btns__btn.share-btns__btn--rss:hover {
	background-color: #f26522;
}

.share-btns__btn:last-child {
	margin-right: 0;
}

#menu&gt;.mm-panels&gt;.mm-panel&gt;.mm-listview&gt;.mm-listitem:last-child {
	background-color: transparent;
}

#menu&gt;.mm-panels&gt;.mm-panel&gt;.mm-listview&gt;.mm-listitem:last-child:after {
	display: none;
}

.your_justify,
.your_justify p {
	text-align: justify;
}

.pp_pic_holder a.pp_previous {
	width: 50%;
}

.pp_pic_holder a.pp_next {
	width: 50%;
}


.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters&gt;.col,
.no-gutters&gt;[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.list-style-type-none {
	list-style-type: none;
}

.bg-white {
	background-color: #fff;
}



.align-self-center {
	align-self: center;
}



.footerPhotoWrapper {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.footerPhotoSlide {
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	width: 100%;
	text-align: center;
	padding-left: 0px;
}

.footerPhotoSlide li {
	display: inline-block;
	height: 140px;
}


.section_header_banner {
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 310px;
	height: 310px;
}

/*.tradition .section_header_banner.section-bg-01 {
	background-image: url(../images/header_banner/header_banner_1.png);
}

.englishVersion .section_header_banner.section-bg-01 {
	background-image: url(../images/header_banner/header_banner_en_1.png);
}

.simplify .section_header_banner.section-bg-01 {
	background-image: url(../images/header_banner/header_banner_sc_1.png);
}

.tradition .section_header_banner.section-bg-02 {
	background-image: url(../images/header_banner/header_banner_2.png);
}

.englishVersion .section_header_banner.section-bg-02 {
	background-image: url(../images/header_banner/header_banner_en_2.png);
}

.simplify .section_header_banner.section-bg-02 {
	background-image: url(../images/header_banner/header_banner_sc_2.png);
}
*/
.section_header_banner&gt;.container {
	position: relative;
}

.mainArea0 .mainBanner {
	position: relative;
}

.leftMenu .menuLv1 a.active_sub_section:before {
	content: " ";
	position: absolute;
	left: 5px;
	width: 5px;
	height: 24px;
	background-color: #ee1d23;
}

.menu_items.menuLv1 {
	padding-left: 15px;
}

.shareTool {

}

.shareTool a,
.homeTool a {/*
	align-self: center;
	display: block;*/
}

.homeTool {

}

.homeTool:hover,
.shareTool:hover {

	text-decoration: none;
}

.updateDate {
	padding-left: 12px;
	margin-top: -1px;
}


.area {
	padding: 30px 20px;
	background-color: #fdf8f9;
	border-left: 10px solid #bfcada;
	width: 100%;
}

.area .left-side {
	float: left;
	width: 80%;
	padding-left: 0px;
}

.area .right-side {
	padding-right: 0px;
	padding-left: 0px;
}

.img-center {
	display: block;
	margin: 0 auto;
}

.video-wrapper {
	width: auto;
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
}

blockquote {
	border: 0px;
}

.main {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff0e9;
}

.main-page-photo-wrapper .img-wrapper {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	padding-left: 5px;
	padding-right: 5px;
}

.main-page-photo-wrapper .img-wrapper .wrapper {
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
}

.wrapper&gt;div {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
}

.ieVersion .main-page-photo-wrapper .img-wrapper:first-child .wrapper .col-6 {
	max-height: 150px;
}

.main-page-photo-wrapper .img-wrapper a:hover {
	text-decoration: none;
}

.img-title {
	text-align: center;
	color: #606060;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 10px;
}

.img-wrapper a {
	display: block;
	width: 100%;
	color: #606060;
	font-weight: 600
}

.img-block {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
}

.img-block img,
.img-block p {
	max-width: 250px;
	margin: 0 auto;
	display: block;
}

.img-block img {
	padding-bottom: 20px;
}

.w-100 {
	width: 100%;
}

.bg-blue {
	background: #e5f1fd;
}

.myrow {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.hyphen-list {
	list-style-type: none;
}

.hyphen-list&gt;li {
	text-indent: -5px;
}

.hyphen-list&gt;li:before {
	content: "-";
	text-indent: -5px;
}

.mt-30 {
	margin-top: 30px !important;
}

.slider-style {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

/*.section1 {
	background-image: url(../images/slider/main_slider_01.jpg);
}

.section2 {
	background-image: url(../images/slider/main_slider_02.jpg);
}

.section3 {
	background-image: url(../images/slider/main_slider_03.jpg);
}

.section4 {
	background-image: url(../images/slider/main_slider_04.jpg);
}

.section5 {
	background-image: url(../images/slider/main_slider_05.jpg);
}

.section6 {
	background-image: url(../images/slider/main_slider_06.jpg);
}

.section7 {
	background-image: url(../images/slider/main_slider_07.jpg);
}

.home-page-slider-section1 {
	background-image: url(../images/slider/home_page_slider_01.jpg);
	background-position: 25% 25%;
}

.home-page-slider-section2 {
	background-image: url(../images/slider/home_page_slider_02.jpg);
}

.home-page-slider-section3 {
	background-image: url(../images/slider/home_page_slider_03.jpg);
}

.home-page-slider-section4 {
	background-image: url(../images/slider/home_page_slider_04.jpg);
}

.home-page-slider-section5 {
	background-image: url(../images/slider/home_page_slider_05.jpg);
}

.home-page-slider-section6 {
	background-image: url(../images/slider/home_page_slider_06.jpg);
}

.home-page-slider-section7 {
	background-image: url(../images/slider/home_page_slider_07.jpg);
}

.home-page-slider-section8 {
	background-image: url(../images/slider/home_page_slider_08.jpg);
}
*/
.banner_title {
	color: #fff;
	font-weight: 600;
	background: rgba(16, 57, 138, 0.9);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	display: inline-block;
}

.btn-01 {
	text-align: center;
}

.btn-01 a {
	background-color: #ee1d23;
	color: white;
	display: block;
	border-radius: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 170px;
}

.btn-01 a:hover {
	background-color: #c4c4c4;
	cursor: pointer;
	text-decoration: none;
}

.slide-right-img {
	width: auto !important;
	min-height: auto !important;
}

.btn-02 {
	margin-right: 5px;
	margin-bottom: 5px;
}

.btn-02 a {
	background-color: #ffe2d7;
	text-align: center;
	color: #36444d;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}

.btn-02 a:hover {
	background-color: #ee1d23;
	color: white;
	text-decoration: none;
}

.mainContent&gt;.row {
	margin-bottom: 30px;
}

.download h3 {
	margin: 0px;
	width: 100%;
}

.download .hyphen-list {
	padding-left: 0px;
}

.download-img {
	padding-top: 20px;
	padding-bottom: 30px;
	margin: 0 auto;
	display: block
}

.download-caption {
	text-align: center !important;
}

.download-have-img-wrapper .download-img-wrapper {
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}

.search-list {
	border: 2px solid #dcdcdc;
	padding: 15px 15px;
}

.search-list h2 {
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #dcdcdc;
}

.search-list ol {
	padding-left: 0px;
	list-style: none;
	counter-reset: item;
}

.search-list ol li {
	border-bottom: 1px solid #dcdcdc;
	list-style-position: inside;
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 0px;
	counter-increment: item;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	text-align: left !important;
}

.search-list ol li:before {
	position: absolute;/*
	content: counter(item) ". ";*/
	content: ". ";
	color: #000;
	text-align: left;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.search-list ol li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.search-list ol li&gt;a,
.search-list ol li&gt;div {
	padding-left: 30px;
}

.form-table td {
	padding-bottom: 10px;
}

.search-btn {
	background: #ed1c24;
	color: #fff !important;
	padding: 10px;
	display: block;
}

.reset-btn {
	background: #4e4a4a;
	color: #fff !important;
	padding: 10px;
	display: block;
}

.choose-btn {
	background: #fee2d7;
	color: #000;
	padding: 10px;
}

.gray-btn {
	background: #d9d9d9;
	color: #000;
	padding: 10px;
}

.btn-wrapper .btn-style {
	padding-right: 10px;
}

.btn-wrapper .btn-style:last-child {
	padding-right: 0px;
}

.btn-hover-border:hover {
	color: #000 !important;
	background: #fdf8f9;
	border: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}

.data_table {
	width: 100% !important;
}

.data_table th {
	background-color: #1a58ab !important;
	color: #fff !important;
}

.data_table th a {
	color: #fff !important;
	text-decoration: underline !important;
}

.data_table td a {
	color: #4b4b4b;
}

.data_table tr {
	border: 0px !important;
}

.data_table th,
.data_table td {
	padding: 10px !important;
	text-indent: 0px !important;
}

.data_table tr:nth-child(odd),
.data_table tr:nth-child(odd)&gt;td,
.mainContent .data_table tr:nth-child(odd) table,
.mainContent .data_table tr:nth-child(odd) table td {
	background-color: #fff !important;
}

.data_table {
	width: 100% !important;
}

.data_table th {
	background-color: #1a58ab;
	color: #fff;
}

.cellspacing5cellpadding5 {
	border-spacing: 5px;
	border-collapse: separate;
}

.cellspacing5cellpadding5 tr {
	padding: 5px;
}

.td_valign_top {
	vertical-align: top !important;
}

.td_valign_bottom {
	position: relative;
	bottom: 0;
}

table.table_border_0,
table.table_border_0&gt;tbody&gt;tr&gt;td,
table.table_border_0&gt;tbody&gt;tr&gt;th,
table.table_border_0&gt;tr&gt;td,
table.table_border_0&gt;tr&gt;th {
	border: 0px #000 solid;
}

table.table_border_1,
table.table_border_1&gt;tbody&gt;tr&gt;td,
table.table_border_1&gt;tbody&gt;tr&gt;th,
table.table_border_1&gt;tr&gt;td,
table.table_border_1&gt;tr&gt;th {
	border: 1px #000 solid;
}

table.table_border_2,
table.table_border_2&gt;tbody&gt;tr&gt;td,
table.table_border_2&gt;tbody&gt;tr&gt;th,
table.table_border_2&gt;tr&gt;td,
table.table_border_2&gt;tr&gt;th {
	border: 2px #000 solid;
}

table.table_border_3,
table.table_border_3&gt;tbody&gt;tr&gt;td,
table.table_border_3&gt;tbody&gt;tr&gt;th,
table.table_border_3&gt;tr&gt;td,
table.table_border_3&gt;tr&gt;th {
	border: 3px #000 solid;
}

table.table_border_4,
table.table_border_4&gt;tbody&gt;tr&gt;td,
table.table_border_4&gt;tbody&gt;tr&gt;th,
table.table_border_4&gt;tr&gt;td,
table.table_border_4&gt;tr&gt;th {
	border: 4px #000 solid;
}

table.table_border_5,
table.table_border_5&gt;tbody&gt;tr&gt;td,
table.table_border_5&gt;tbody&gt;tr&gt;th,
table.table_border_5&gt;tr&gt;td,
table.table_border_5&gt;tr&gt;th {
	border: 5px #000 solid;
}

.table_cellspacing_0 {
	border-spacing: 0px;
	border-collapse: separate;
}

.table_cellspacing_1 {
	border-spacing: 1px;
	border-collapse: separate;
}

.table_cellspacing_2 {
	border-spacing: 2px;
	border-collapse: separate;
}

.table_cellspacing_3 {
	border-spacing: 3px;
	border-collapse: separate;
}

.table_cellspacing_4 {
	border-spacing: 4px;
	border-collapse: separate;
}

.table_cellspacing_5 {
	border-spacing: 5px;
	border-collapse: separate;
}

.table_cellpadding_0&gt;tbody&gt;tr&gt;th,
.table_cellpadding_0&gt;tbody&gt;tr&gt;td,
.table_cellpadding_0&gt;tr&gt;th,
.table_cellpadding_0&gt;tr&gt;td {
	padding: 0px;
}

.table_cellpadding_1&gt;tbody&gt;tr&gt;th,
.table_cellpadding_1&gt;tbody&gt;tr&gt;td,
.table_cellpadding_1&gt;tr&gt;th,
.table_cellpadding_1&gt;tr&gt;td {
	padding: 1px;
}

.table_cellpadding_2&gt;tbody&gt;tr&gt;th,
.table_cellpadding_2&gt;tbody&gt;tr&gt;td,
.table_cellpadding_2&gt;tr&gt;th,
.table_cellpadding_2&gt;tr&gt;td {
	padding: 2px;
}

.table_cellpadding_3&gt;tbody&gt;tr&gt;th,
.table_cellpadding_3&gt;tbody&gt;tr&gt;td,
.table_cellpadding_3&gt;tr&gt;th,
.table_cellpadding_3&gt;tr&gt;td {
	padding: 3px;
}

.table_cellpadding_4&gt;tbody&gt;tr&gt;th,
.table_cellpadding_4&gt;tbody&gt;tr&gt;td,
.table_cellpadding_4&gt;tr&gt;th,
.table_cellpadding_4&gt;tr&gt;td {
	padding: 4px;
}

.table_cellpadding_5&gt;tbody&gt;tr&gt;th,
.table_cellpadding_5&gt;tbody&gt;tr&gt;td,
.table_cellpadding_5&gt;tr&gt;th,
.table_cellpadding_5&gt;tr&gt;td {
	padding: 5px !important;
}

.table_cellpadding_10&gt;tbody&gt;tr&gt;th,
.table_cellpadding_10&gt;tbody&gt;tr&gt;td,
.table_cellpadding_10&gt;tr&gt;th,
.table_cellpadding_10&gt;tr&gt;td {
	padding: 10px !important;
}

.self_align_justify {
	text-align: justify;
}

.self_align_center,
.self_align_center&gt;p,
.self_align_center&gt;td,
.self_align_center&gt;th {
	text-align: center !important;
}

.self_align_left,
.self_align_left&gt;p,
.self_align_left&gt;td,
.self_align_left&gt;th {
	text-align: left !important;
}

.self_align_center&gt;table {
	margin: 0 auto;
}

.self_align_right {
	text-align: right;
}

.table_align_center {
	margin: 0 auto !important;
}

.table_align_right {
	float: right;
}

.img_align_left {
	float: left;
}

.img_align_right {
	float: right;
}

.img_align_top {
	vertical-align: top;
}

.img_align_middle {
	vertical-align: middle;
}

.img_align_bottom {
	vertical-align: bottom;
}

.img_border_1 {
	border: 1px #000 solid;
}

.img_border_2 {
	border: 2px #000 solid;
}

.text_justify {
	text-align: justify;
}

.div_big {
	font-size: larger;
}

.li_type_decimal {
	list-style-type: decimal;
}

.li_type_upper_latin {
	list-style-type: upper_latin;
}

.li_type_lower_latin {
	list-style-type: lower_latin;
}

.li_type_upper_roman {
	list-style-type: upper_roman;
}

.li_type_lower_roman {
	list-style-type: lower_roman;
}

.li_type_disc {
	list-style-type: disc;
}

.li_type_square {
	list-style-type: square;
}

.li_type_circle {
	list-style-type: circle;
}

.div_responsive_table_1 {
	overflow-x: auto;
}

.div_responsive_table_1&gt;table {
	width: 100%;
}

hr {
	width: 100% !important;
}

.text-left-list li {
	text-align: left !important;
}

.siteList .siteMenu .leftbtn.black_a {
	text-decoration: none;
	color: #000000;
}

.justify-content-center {
	justify-content: center;
}

.title3 {
	color: #006699;
	font-weight: bold;
}

.englishVersion .block_research_pub .data_table tr td:first-child {
	width: 19%;
}

.englishVersion .block_research_pub .data_table tr td:nth-child(2) {
	width: 14%;
}

.englishVersion .block_research_pub .data_table tr td:nth-child(3) {
	width: 19%;
}

.englishVersion .block_research_pub .data_table tr td:nth-child(4) {
	width: 27%;
}

.englishVersion .block_research_pub .data_table tr td:nth-child(5) {
	width: 31%;
}

.table_style tr:first-child td {
	background-color: #1a58ab !important;
	color: #fff !important;
	padding: 10px !important;
	text-indent: 0px !important;
	font-weight: bold;
}

.block_research_pub .data_table ol li:first-child {
	margin-top: 0px;
}

.englishVersion .section_header_banner.section6 .banner_title {
	width: 40%;
}

.disable {
	display: none !important;
}

.z-index-2 {
	z-index: 2;
}

.z-index-1 {
	z-index: 1;
}

.h4-style {
	font-weight: bold;
	margin-bottom: 20px;
}


.list-1 li {
	margin-top: 0px;
	margin-bottom: 5px;
}

.w3c-display-none .copyrightBar {
	display: none !important;
}

.non-conform-logo {
	display: none !important;
}

.w3c-display-none .non-conform-logo {
	display: inline-block !important;
}

.table_a_blue td a {
	color: #2d2d9e;
}

/**safari/
/* Safari 7.1+ */

@media not all and (min-resolution:.001dpcm) { @media {
	.row:before, .row:after{
	      display: none;
	 }
}}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: 1;
}
.expanded_area{
	display: none;
}
/*============*/
.bodyArea .bg-footer-slider {
    background: #f9f9f9;
}
.bodyArea .footer-slider-wrapper {
    padding-top: 60px;
    padding-bottom: 30px;
}
.bottombanner:after{
	display:none;
}
.footerArea .fa_2 a{
	color:	#000;
}
.footerArea .f-block-wrapper{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;	
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
}
.footerArea .f-block-wrapper&gt;div{
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.footerArea .f-block{
	width:auto;
	background-color:#bbdff5;
	padding-top:20px;
	padding-bottom:20px;
}
.footerArea .f-deep{
	color:#000;
}
.footerArea .f-deep .f-title{
	font-weight:bold;
}
.footerArea .f-deep a{
	color:#000;
}
.footerMenu .f-block ul li{
	padding-left:20px;
}
.footerArea .f-block li:before{
    top: 7px;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	background-color:#000;
}
/*=============*/
.headerArea .link-padding{/*
    padding-right: 15px;*/
    white-space: nowrap;
}
.flexMainBanner{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin-bottom:10px;
}
.flexMainBanner&gt;div{
	width:295px;
	max-width:25%;
}
.flexMainBanner&gt;div&gt;a{
	position:relative;
    border: 5px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flexMainBanner&gt;div&gt;a:hover,
.flexMainBanner&gt;div&gt;a:focus{/*
    border: 5px solid #003c6d;*/
}/*
.flexMainBanner&gt;div&gt;a:before{
	content:"";
	position:absolute;
	opacity: 0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#003c6d;
	z-index:-1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flexMainBanner&gt;div&gt;a:hover:before,
.flexMainBanner&gt;div&gt;a:focus:before{
	opacity: .7;
	z-index:10;
}*/
.flexMainBanner a{
	display:block;
}
.flexMainBanner .fmb_border{
	border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
}
.flexMainBanner .fmb_border .fmb_cover{
    overflow: hidden;
}
.flexMainBanner .fmb_border .fmb_cover img{	
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flexMainBanner a:hover .fmb_border .fmb_cover img,
.flexMainBanner a:focus .fmb_border .fmb_cover img{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.flexMainBanner .fmb_border .fmb_title{
	background-color:#dbeeef;
	padding:10px 20px;
    text-align: center;
    font-size: 1.6em;
    color: #01326d;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;	
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height:100px;
	font-weight:bold;
}
.flexMainBanner .fmb_border .fmb_title span{
	display:block;
	width:245px;
	max-width:100%;
}
.siteList li br,
.siteList li br:before{
	content:" ";
}
.mainContent .toprow,
.mainContent .toprow2{
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
}
.mainContent .toprow .title ,
.mainContent .toprow2 .title {
    color: #4077ba;
}
.mainContent .nav-tabs .nav-link{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	max-width: 100%;
}

.mainContent a{
	color:#004FA3;
}
.mainContent a,
.mainContent a:link,
.mainContent a:active,
.mainContent a:visited{
	text-decoration:underline;
}
.chinseseVersion .mainContent a,
.chinseseVersion .mainContent a:link,
.chinseseVersion .mainContent a:active,
.chinseseVersion .mainContent a:visited{
    /*text-underline-offset: 4px;*/
    text-underline-position: under;
}
.mainContent .blue{
	color:#305A5A;
}
.mainContent .blue a{
	color:#305A5A;
}
.mainContent li{
	margin-bottom:1.2em;
    margin-top: 1.2em;
}
.mainContent li:last-child{
	margin-bottom:.6em
}
.mainContent .flexslider li:last-child{
	margin-bottom:0;
}
.mainContent .card-title {
    color: #215683;
}
.mainContent .date-wrapper {
    color: #800303;
}
.mainContent .toprow4 .title {
    color: #2F5789;
	font-weight:bold;
}
.bodyArea .mainContent .tab-wrapper h2.card-title{
	color: #235986;
}
.bodyArea .mainContent h2{
    color: #215683;
}
.bodyArea .mainContent h3{
	color:#245C8A;
}
.bodyArea .mainContent .mc_blue{
	color:#245C8A;
}
.bodyArea .mainContent *[data-bgcolor="#B3E5FC"]{
	background-color:#E3F5FC;
}
.mainContent *[data-valign="top"]{
	vertical-align:top;
}
.mainContent *[data-valign="middle"]{
	vertical-align:middle;
}
.mainContent *[data-align="center"]{
	text-align:center;
}
.mainContent *[data-valign="baseline"]{
	vertical-align:baseline;
}
.mainContent *[border="0"]{
	border:0;
}
.mainContent *[border="1"]{
	border:0;
}
.mainContent th,
.mainContent td{
	padding:5px;
}
/*========*/
#myTabContent .link_aab_sch_tbl_en th,
#myTabContent .link_aab_sch_tbl_en td{
	border:1px solid #bbb;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td{
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mainContent td[data-height="44"]{
	min-height:44px;
}
.bodyArea .swiper-wrapper{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.footerBanner li:nth-child(1){
    margin-left: auto !important;
}
.footerBanner li:last-child{
    margin-right: auto !important;
}
#myTabContent .gallery-swiper .swiper-slide-wrapper img{
    height: 600px;
    max-width: none;
}
#myTabContent .swiper-button-next,
#myTabContent .swiper-button-prev{
	top:300px;
}
/*=========*/
.org_map{
	position:relative;
	margin-bottom:30px;
	text-align:center;
}
.org_map .border{
	position:relative;
	display:inline-block;
	margin:0 auto;
}
.org_map .border img{
	max-width:100%;
}
.mainContent .box .row&gt;div&gt;p:last-child{
	margin-bottom:0;
}
.contOnly{
	display:none;
}
.tab-content .contOnly{
	display:inline;
}
.mainContent td[data-align="center"]&gt;p{
	text-align:center;
}
.myUpdate{
	display:none !important;
}
.tender table td{
	padding:10px 5px;
}
.tender td:nth-child(1){
	min-width:220px;
	padding-right:20px;
    font-weight: bold;
}
.tender td:nth-child(2){
}
.tender td p{
	margin-bottom:.6em;
}
.tender td li{
	margin-top:0;
	margin-bottom:.6em;
}


/* ------------hon_order.html------------ */

.filterable_container {
	overflow: hidden;
  }

  .filterDiv {
	/* float: left; */
	/* width: 100px; */
	/* line-height: 100px; */
	background-color: #007994;
	color: #ffffff;
	text-align: center;
	height: auto;
	margin: 2px;
	display: none; /* Hidden by default */
	border: 1px #000000 solid;
}

.filter_container {
	display: flex;
}

.filterDiv_left{
	border-right: 1px #000000 solid;
	width: 50%;
	/* height: 33vh; */
	display: inline;
	float: left;
}
.filterDiv_left&gt;p{
	margin: 0;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.filterDiv_right{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.filterDiv_right&gt;img{
	height: auto;
	width: 21%;
}

/* The "show" class is added to the filtered elements */
  .show {
	display: block;
  }

/* Style the buttons */
  .filterBtn {
	border: 1px #000000 solid;
	outline: none;
	padding: 12px 16px;
	background-color: #7cbeca;
	cursor: pointer;
  }

/* Add a light grey background on mouse-over */
  .filterBtn:hover {
	background-color: #ddd;
  }

/* Add a dark background to the active button */
  .filterBtn.active {
	background-color: #666;
	color: white;
  }

@media screen and (max-width: 993px) {

#myBtnContainer{
	display: flex;
	flex-flow: column wrap;
}


.filterable_container {
	overflow: hidden;
  }

  .filterDiv {
	/* float: left; */
	/* width: 100px; */
	/* line-height: 100px; */
	background-color: #007994;
	color: #ffffff;
	text-align: center;
	height: auto;
	margin: 2px;
	display: none; /* Hidden by default */
	border: 1px #000000 solid;
}

.filter_container {
	display: flex;
	flex-flow: column wrap;
}

.filterDiv_left{
	border-right: none;
	width: 100%;
	height: 8vh;
	display: inline;
	float: left;
}
.filterDiv_left&gt;p{
	margin: 0;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.filterDiv_right{
	height: auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 6%;
}
.filterDiv_right&gt;img{
	height: auto;
	width: 50%;
}

/* The "show" class is added to the filtered elements */
  .show {
	display: block;
  }

/* Style the buttons */
  .filterBtn {
	border: 1px #000000 solid;
	outline: none;
	padding: 12px 16px;
	background-color: #7cbeca;
	cursor: pointer;
  }

/* Add a light grey background on mouse-over */
  .filterBtn:hover {
	background-color: #ddd;
  }

/* Add a dark background to the active button */
  .filterBtn.active {
	background-color: #666;
	color: white;
  }
}


/* ------------hon_list.html------------ */


a.clear_button{
	background-color: #007D8f;
	padding:10px;
	border-radius: 4px;
	color: #fff !important;
	cursor:pointer;
	height: 40px;
}

a.clear_button:hover,a.clear_button:focus{
	background-color:#5bc0de;
	color:white !important;
	text-decoration:none;
}

a.search_button{
	background-color: #2a445f;
	padding:10px;
	border-radius: 4px;
	color: #fff !important;
	cursor:pointer;
	height: 40px;
}



a.search_button:hover,a.search_button:focus{
	background-color:#3276b1;
	color:white !important;
	text-decoration:none;
}

div.search {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

#from_year {
    background-color: #2a445f;
    color: #fff;
    border: none;
    box-shadow: #000;
    cursor: pointer;
}

#to_year {
    background-color: #2a445f;
    color: #fff;
    border: none;
    box-shadow: #000;
    cursor: pointer;
}

#from_year&gt;option {
    background-color: #fff;
    color: #000;
    border: none;
    box-shadow: #000;
}

#to_year&gt;option {
    background-color: #fff;
    color: #000;
    border: none;
    box-shadow: #000;
}

.dropdown {
    position: relative;
}

.dropdown_wrapper .dropdown&gt;a {
    background-color: #2a445f;
    border-radius: 4px;
    border-color: transparent;
    padding: 10px;
    max-width: 100%;
    width: 110px;
    font-size: 1em;
    /* text-align: left; */
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    height: 40px;
    display: block;
    color: white;
}


div.mainContent .dropdown_wrapper ul {
    list-style-image: none;
    width: 400px;
    font-size: 0.8em;
    padding-left: 0;
    margin-bottom: 0;
    height: 500px;
    overflow: auto;
}

div.search_item&gt;select {
    height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}
/*=====================*/
.myCDList .expandcolbtn{
	text-align:right;
	margin-bottom:20px;
}

.myCDList .expandcolbtn a{
	display:inline-block;
	font-size:1.4em;
}
.myCDList .myflex{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.myCDList .cd_div.active .myflex{
	display:block;
}
.myCDList .myflex .title{
	-webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
	font-size:1.6em;
}
.myCDList .myflex .title{
	line-height:normal;
}
.myCDList .cont .myrow{
	display:block;
	width:auto;
}
.myCDList .cd_div .cont{
	font-size:1.2em;
}
.myCDList .cd_div .cont .tit2{
	font-size:1.2em;
}
.myCDList .cd_div.active .cont .myrow{	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.myCDList .cont .myrow&gt;div{
	padding:10px;
	position:relative;
	z-index:1;
}
.myCDList .cont .myrow&gt;div:nth-child(1){
	-webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
	position:absolute;
	width:0;
	height:0;
	left:-9999px;
	z-index:-1;
    opacity: 0;	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.myCDList .cd_div.active .cont .myrow&gt;div:nth-child(1){
	position:relative;
	width:auto;
	height:auto;
	left:auto;
    opacity: 1;
	z-index:1;
}
.myCDList .cont .myrow&gt;div:nth-child(2){
	max-width:100%;
	width:350px;
	text-align: center;
}
/*=============*/
#accordion .link_aab_sch_tbl_en{
    overflow: auto;
    max-width: 100%;
    display: block;
}
#accordion .link_aab_sch_tbl_en th,
#accordion .link_aab_sch_tbl_en td{
    min-width: 150px;
	border:1px solid #bbb;
}
.myCDList .cd_div{
	padding:10px;
}
.myCDList .cd_div.toggle{
    background-color: #e3f2ff;
}
/*=============*/
.mainContent .responsive-table.box td:nth-child(1){
	max-width:100%;
    width:280px;
}
.mainContent .name-list&gt;li{
    vertical-align: top;
}
.activePop #skipwrapper,
.activePop #wrap{
    visibility: hidden;
}
.mainContent table.responsive-table th.textcenter,
.mainContent table.responsive-table td.textcenter{
	text-align:center;
}
.mainContent .menuonly{
	display:none;
}
.mainContent .tab-wrapper .nav-tabs span.menuonly{
	display:inline;
}
.mainContent .tab-wrapper .nav-tabs .nobr{
    display: inline-flex;
}
#filter-form .filter-row {
    margin-bottom: 4px;
    width: 100%
}

#filter-form .filter-row&gt;div {
    display: inline-block;
    vertical-align: middle;
}

#filter-form .filter-row&gt;div:first-child {
    width: 150px;
    padding-right: 10px;
    text-align: right;
}

#filter-form .filter-row&gt;div:nth-child(2) {
    width: 50%;
}

#filter-form .filter-row&gt;div:nth-child(3) {
    width: 30%;
}

#filter-form button {
    background-color: #2769bf;
    color: white;
    border: 0;
    padding: 10px;
    border-radius: 5px;
}
#filter-form~table{
  width:100%;
  padding:0;
  margin-bottom:20px;
}
.englishVersion #filter-form~table{
	font-size:0.75em;
}
#filter-form~table, #filter-form~table th, #filter-form~table td {/*
    border: 1px solid black;
    padding: 5px;
    text-align: left;*/
}
#filter-form~table td, #filter-form~table th{
  vertical-align: top;/*
  min-width: 47px;*/
  min-width: 75px;
}
#filter-form~table tr:nth-child(odd) {/*
  background-color: rgb(234, 244, 245);*/
}
.filter-principal-invest span{
  white-space: nowrap;
}
.filter-status,
.filter-funding,
.filter-zip,
.filter-duration{
  text-align: center;
}
.select2-container{
	z-index:4000;
}
.mainContent .select2-container .select2-selection--multiple .select2-selection__rendered{
    overflow: visible;
}
.mainContent .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin: 5px;
    max-width: 100%;
}
.mainContent .select2-container--default .select2-selection--multiple .select2-selection__rendered&gt;li.select2-search:not(:nth-child(1)){
	display:none;
}
/*======================For collapse and expand======================*/
.myCEArea .myCEA_List{}
.myCEArea .myCEA_List&gt;div{
	position:relative;
	padding:1em 0;
	-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
}
.myCEArea .myCEA_List&gt;div.active{
}
.myCEArea .myCEA_List&gt;div:after{}
.myCEArea .myCEA_List&gt;div .title a{
	display:block;
	position:relative;
	font-weight:normal;	
    text-decoration: none;
}
.myCEArea .myCEA_List&gt;div .title a:focus,
.myCEArea .myCEA_List&gt;div .title a:hover{
	text-decoration: underline;
}
.myCEArea .myCEA_List&gt;div.active .title a{}
.myCEArea .myCEA_List&gt;div .title a:before{}
.myCEArea .myCEA_List&gt;div.active .title a:before{}
.myCEArea .myCEA_List&gt;div .content{
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.myCEArea .myCEA_List&gt;div.active .content{
	opacity:1;
}
.myCEArea .myCEA_List&gt;div .content&gt;*{
	display:none;
}
.myCEArea .myCEA_List&gt;div.active .content&gt;*{
	display:block;
}
.myCEArea .myCEA_List&gt;div .content&gt;.border{
	border:none !important;
}
/*======================20230712======================*/
.boxContent{
	border:1px solid #000;
	margin-bottom:20px;
	padding: 40px 10%;
}
.boxContent&gt;*:nth-last-child(1){
	margin-bottom:0;
}
.ceArea .myflex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.ceArea .myflex.flexBetween{
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ceArea.active .ecABtn .toOpen,
.ceArea:not(.active) .ecABtn .toClose{
	display:none;
}
.ceArea&gt;.border{
	margin-bottom:20px;
	border:0;
	border-radius:10px;
	overflow:hidden;
}
.ceArea .title{}
.ceArea .title a{
	display:block;
	position:relative;
	padding:10px 20px;
	padding-right:60px;
	color:#fff;
	background-color:#243da0;
}
.ceArea .title a,
.ceArea .title a:link,
.ceArea .title a:active,
.ceArea .title a:visited{
    text-decoration: none;
}
.ceArea .title a:before,
.ceArea .title a:after{
	content:"";
	position:absolute;
	top:20px;
	right:20px;
	height:3px;
	width:20px;
	background-color:#fff;
}
.ceArea .title a:after{
	transform:rotate(90deg);
}
.ceArea&gt;.border.active .title a:after{
	display:none;
}
.ceArea .content{
	color:#000;
    background-color: #bbdff5;
	opacity:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ceArea&gt;.border.active .content{
	padding:10px 20px;
	opacity:1;
}
.ceArea&gt;.border:not(.active) .content&gt;*{
	display:none;
}
/*=======otherLang CSS Begin=======*/
.headerArea .headerMenu li.otherLang{
	display:none;
}
.otherLangTool{/*
	position:relative;	*/
    padding-right: 20px;
}
.otherLangTool .tbtn a{
	display:block;
	/*padding-top:5px;	
	padding-bottom:5px;*/
}
.otherLangTool .tbtn a .tit{
    padding-top:10px;
    padding-bottom:10px;
}
.otherLangTool .tList{
	display:none;
	position:absolute;
	top:100%;
	right:0;
	padding-top:20px; 
	z-index:8010;
}
.otherLangTool:hover .tList,
.otherLangTool.active .tList{
	display:block;
}
.otherLangTool .tList .tborder{
	background-color:#fff;
	border:1px solid #ddd;
}
.otherLangTool .tList a{
	display:block;
	padding: 5px 10px;
}
.otherLangTool .tList a:focus,
.otherLangTool .tList a:hover{
	color: #2e7ab8;
}
.otherLangTool .tList&gt;.tborder&gt;*:not(:nth-last-child(1)) a{
	border-bottom:1px solid #ddd;
}
.headerTool .clientTool .language ul.withother{
	display:none;
}
.boxContent-EM{
	margin-bottom:8px;	
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}
.boxContent-EM&gt;*:nth-last-child(1){
	margin-bottom:2;
}
.content-urdu{
	direction: rtl;	
}
.ceArea-urdu .myflex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.ceArea-urdu .myflex.flexBetween{
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ceArea-urdu .myflex.flexBetween h2{
	color: #000000;
}
.ceArea-urdu.active .ecABtn .toOpen,
.ceArea-urdu:not(.active) .ecABtn .toClose{
	display:none;
}
.ceArea-urdu&gt;.border{
	margin-bottom:20px;
	border:0;
	border-radius:10px;
	overflow:hidden;
}
.ceArea-urdu .title{
	direction: rtl;
}
.ceArea-urdu .title a{
	display:block;
	position:relative;
	padding:10px 20px;
	padding-right:60px;
	color:#fff;
	background-color:#245E7F;
	text-align: right;
}
.ceArea-urdu .title a,
.ceArea-urdu .title a:link,
.ceArea-urdu .title a:active,
.ceArea-urdu .title a:visited{
    text-decoration: none;
}
.ceArea-urdu .title a:before,
.ceArea-urdu .title a:after{
	content:"";
	position:left !important;
	top:20px;
	left:20px !important;
	height:3px;
	width:20px;
	background-color:#00000;
}
.ceArea-urdu .title a:after{
	transform:rotate(90deg);
}
.ceArea-urdu&gt;.border.active .title a:after{
	display:none;
}
.ceArea-urdu .content{
	color:#000;
    background-color: #eaf3f5;
	opacity:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ceArea-urdu&gt;.border.active .content{
	padding:10px 20px;
	opacity:1;
}
.ceArea-urdu&gt;.border:not(.active) .content&gt;*{
	display:none;
}
.ceArea-EM .myflex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.ceArea-EM .myflex.flexBetween{
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ceArea-EM .myflex.flexBetween h2{
	color: #000000;
}
.ceArea-EM.active .ecABtn .toOpen,
.ceArea-EM:not(.active) .ecABtn .toClose{
	display:none;
}
.ceArea-EM&gt;.border{
	margin-bottom:20px;
	border:0;
	border-radius:10px;
	overflow:hidden;
}
.ceArea-EM .title{}
.ceArea-EM .title a{
	display:block;
	position:relative;
	padding:10px 20px;
	padding-right:60px;
	color:#fff;
	background-color:#245E7F;
}
.ceArea-EM .title a,
.ceArea-EM .title a:link,
.ceArea-EM .title a:active,
.ceArea-EM .title a:visited{
    text-decoration: none;
}
.ceArea-EM .title a:before,
.ceArea-EM .title a:after{
	content:"";
	position:absolute;
	top:20px;
	right:20px;
	height:3px;
	width:20px;
	background-color:#00000;
}
.ceArea-EM .title a:after{
	transform:rotate(90deg);
}
.ceArea-EM&gt;.border.active .title a:after{
	display:none;
}
.ceArea-EM .content{
	color:#000;
    background-color: #eaf3f5;
	opacity:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ceArea-EM&gt;.border.active .content{
	padding:10px 20px;
	opacity:1;
}
.ceArea-EM&gt;.border:not(.active) .content&gt;*{
	display:none;
}
/*=======otherLang CSS End=======*/

/* Please adjust the styles if the number of items in the list is changed */
#drf-report-list {
	margin-bottom: 0;
}

#drf-report-list li {
	padding-bottom: 0;
}</pre></body></html>