@import url(notosanstc.css);
@import url(notosanssc.css);

html,
html body {
	font-size: 1em;
}

.indexVersion .headerArea,
.indexVersion .bodyArea,
.indexVersion .footerArea,
.indexVersion .modal {
	/* -webkit-filter: grayscale(100%) grayscale(100%) ;
    -moz-filter: grayscale(100%) grayscale(100%) ; */
	/* filter: grayscale(100%) ; */
}

body {
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
	background-color: #e5f1fd;
	color: #3e5259;
	visibility: hidden;
}

body.tradition {
	font-family: "Noto Sans TC", sans-serif;
}


body.simplify {
	font-family: "Noto Sans SC", sans-serif;
}

@font-face {
	font-family: SourceHanSansHC;
	src: url('fonts/sourcehansanshk-light-webfont.woff2') format('woff2'),
		url('fonts/sourcehansanshk-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: SourceHanSansSC;
	src: url('fonts/sourcehansanscn-light-webfont.woff2') format('woff2'),
		url('fonts/sourcehansanscn-light-webfont.woff') format('woff');
	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;
}

video {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

.press_title {
	color: #000066;
}

.font_bold {
	font-weight: bold;
}

.float_center {
	text-align: center !important;
}

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



.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.4em;
	color: #2b3944;
}

.mainContent h1 {
	color: #26339e;
}

.mainContent h2 {
	color: #428bca;
}

.mainContent h3 {
	color: #000;
}

.mainContent p {
	text-align: left;
	margin: 0 0 1em 0;
}

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

.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>li>div {
	font-weight: bold;
	color: #816243;
	margin-bottom: 1em;
}

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

.panel-default>.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 {}

body #wrap .container {
	clear: both;
}

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

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


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

.headerTop {
	background-color: #26339e;
}

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

.headerArea .headerTool a,
.headerArea .headerTool a:link,
.headerArea .headerTool a:visited {
	color: #000000;
}

.headerArea .headerTool .headerMenu .my_menu>a {
	color: #fff;
}

.headerArea .headerTool .my_menu.open>a {
	color: #ccc0c0;
}

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

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

.headerArea .headerTool ul.menuLv1>li>a:hover,
.headerArea .headerTool ul.menuLv1>li>a:focus {
	color: #fff;
	background: #1a58ab;
}

.headerMenu .tMenu .menuLv1>li>a:hover:after {
	background: none;
}

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

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

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool>div,
.headerArea .headerTool .bottomHeaderTool>div {
	float: left;
}

.headerArea .headerTool .myTool .myLogo {
	position: relative;
	z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 101px;
	background-repeat: repeat-x;
	z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
	float: left;
	margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,
.headerTool .topHeaderTool,
.headerArea .bottomHeaderTool {
	float: right;
	width: 80%;
}

.myheaderTool>div.clientTool {
	color: #444;
	padding-top: 10px;
	padding-right: 10px !important;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-align: right;
}

.clientTool a:hover {
	text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

.clientTool>div.homeTool:before {
	display: none;
}

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

.headerArea .headerTool .searchTool {
	display: block;
	z-index: 8901;
	position: relative;
}

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>div.clientTool div.RSS {
	color: #be4a03;
	font-size: 14px;
}

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

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

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

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

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

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

.searchTool form, .searchTool div.searchForm {
	display: flex;
}

.clientTool form a, .clientTool div.searchForm a {
	background: #eeeeee;
	padding-left: 15px;
	padding-right: 15px;
}

.clientTool form img, .clientTool div.searchForm img {
	display: block;
	padding-top: 8px;
	z-index: 4200;
	position: relative;
}

.headerArea .clientTool>ul>li>div>* {
	padding: 4px 12px;
}

.clientTool li * {
	display: inline;
	vertical-align: bottom;
}



.clientTool li .aaaTool,
.clientTool li .aaaTool * {
	vertical-align: inherit;
}

.mobileClient {
	display: none;
}

.logIOTool a {
	background: #d73d32;
}

.headerArea li,
.headerArea a {
	display: inline;
	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>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>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>li>a {
	z-index: 8010;
}

.headerMenu {
	padding: 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>.close>div.extmenu {
	position: absolute;
	left: -9999px;
}

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

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

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

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



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

.headerMenu.subheaderMenu .tMenu li.open>ul.menuLv1 {
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	padding-left: 500px;
	padding-right: 300px;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 240px;
}

.headerMenu.subheaderMenu .open>ul.menuLv1:before {
	content: "";
	font-size: 1.6em;
	font-weight: bold;
	color: #779dcb;
	text-align: center;
	padding-top: 170px;
	display: block;
	width: 160px;
	position: absolute;
	top: 40px;
	transform: translate(-150%, 0);
	background-image: url(../images/icon_topmenu_1.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 8920;
}

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

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

.headerMenu ul.menuLv1 {
	text-align: left;
	width: 100%;
	min-width: 300px;
	background-color: #fff;
	box-shadow: 0 0 12px -2px #000;
	padding: 0px 0px;
	z-index: 10000;
	float: left;
}

.headerMenu ul.menuLv1 li a {
	display: block;
	text-align: left;
}

.headerMenu ul.menuLv1.shortList {
	width: 240px;
}

.headerMenu ul .longList {
	float: left;
	position: relative;
}

.headerMenu .longList ul.menuLv1.numUl1 {
	left: 220px;
}

.headerMenu .longList ul.menuLv1.numUl2 {
	left: 440px;
}

.headerMenu ul.menuLv0 {
	margin: 0 auto;
	padding: 0;
}

.headerMenu ul.menuLv0,
.headerMenu ul.menuLv0 li {
	list-style-type: none;
	text-align: center;
}

.headerMenu ul.menuLv0>li.firstLi {
	display: none;
}

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

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

.headerMenu ul.menuLv0>li>a {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none !important;
	z-index: 9999;
}

@media (min-width:993px) {
	.headerMenu ul.menuLv0>li>a:after {
		content: '';
		position: absolute;
		height: 30px;
		width: 1px;
		background-color: #fff;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}
}

.headerMenu ul.menuLv0>li:last-child>a:after {
	display: none;
}

.headerMenu.subheaderMenu ul.menuLv0>li {
	position: static;
	font-weight: bold;
}

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

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


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

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

.headerMenu ul.menuLv0>li.my_menu1:before {
	content: '';
	display: none;
}



.tMenu>li {
	position: relative;
	float: left;
	min-height: inherit !important;
	max-height: inherit !important;
	width: auto;
	font-size: 1em;
	text-align: left;
	background-repeat: no-repeat;
}

.headerMenu ul li>div.extmenu {
	position: absolute;
}

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

.headerMenu ul li>div.extmenu:before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	top: 0;
	left: 15%;
	margin-top: -10px;
}


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

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

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


.headerMenu .tMenu a>span {
	margin: 0 0px;
}

.headerMenu.subheaderMenu .tMenu li.open ul,
.headerMenu.subheaderMenu .tMenu li ul.activeUl {
	margin: 0;
	background-color: #1f61af;
	padding: 0;
	border-top: 1px solid #1b5397;
}

.headerMenu .tMenu li>ul.menuLv2 {
	position: absolute;
	left: -9999px;
}

.headerMenu .tMenu li.active>ul.menuLv2 {
	display: block;
	min-width: 100%;
	position: relative;
	left: auto;
}

.headerMenu .tMenu li.open ul:after,
.headerMenu .tMenu li ul.activeUl:after {
	clear: both;
}

.headerMenu .tMenu li.open ul>li,
.headerMenu .tMenu li ul.activeUl>li {
	float: none;
	display: block;
}

.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
}

.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
	margin-top: 0;
	margin-bottom: 0;
}

.headerMenu .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {
	background-color: #1d5ca6;
}

.headerMenu ul.menuLv0 {
	z-index: 7900;
	position: relative;
}



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

.headerMenu ul.menuLv1>li {
	position: relative;
}

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

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

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

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

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

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

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



.headerMenu .tMenu>li>a:focus,
.headerMenu .tMenu>li>a:hover,
.headerMenu .tMenu>li>a:active,
.headerMenu .tMenu>li>a.active_section {
	color: #36444d;
}

.headerMenu .tMenu .menuLv1 a {
	padding: 10px 20px 10px 20px;
	/*height:70px;*/
}

@media (min-width: 993px) {
	.headerMenu .tMenu .menuLv1>li>a:after {
		content: '';
		width: calc(100% - 20px);
		height: 1px;
		background-color: #bbb;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

.headerMenu.subheaderMenu .tMenu .menuLv1 a {
	color: #fff;
}

.headerMenu.subheaderMenu .tMenu .menuLv1 a:focus,
.headerMenu.subheaderMenu .tMenu .menuLv1 a:hover {
	color: #f6c812;
}

.caret {
	display: none;
}

.siteList .caret {
	display: none;
}

.headerMenu .tMenu .menuLv1 hr {
	margin-top: auto;
	margin-bottom: auto;
	border: 1px solid #b9c7d6;
	border-top: 0;
	width: 90%;
	margin: 0 auto;
}

.leftHeader {
	display: none;
}

.leftMenuHeader {
	margin-top: 0;
}

.left_menu>div {
	position: relative;
	z-index: 8000;
}

.left_menu>div.menuBg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 185px;
	z-index: 5000;
}

.leftMenuArea {
	float: left;
	width: 185px;
}

.leftMenu {
	float: left;
}

.left_menu {
	width: 185px;
	min-height: 100%;
}

.leftMenu {
	z-index: 7900;
	position: absolute;
	bottom: 0;
}

.leftMenu .close>ul {
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	position: relative;
	overflow: hidden;
}

.leftMenu .open>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;
	/*height: 40px;*/
}

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

.headerNav {
	width: 100%;
}

.headerTool .myLogo {
	padding: 0;
	position: relative;
	z-index: 7300;
}

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

.headerTool .AStyleArea a {}

.footerArea {
	color: #444;
}

.footerArea a {
	color: #444;
}

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

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

.footerArea {
	position: relative;
	padding: 0 0;
	background-image: url('../images/footer_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 992px) {
	.footerArea {
		padding-top: 30px;
		background: #fff;
	}
}

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

.footerArea .container {
	z-index: 1000;
}

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

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

.footerRow {
	background-color: #fff;
	flex-wrap: wrap;
}

.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: 80px 10px;
	position: relative;
}

.footerArea .footerMenu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.footerArea .footerMenu>div {
	display: inline-block;
	min-width: 150px;
}

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


/*
.footerArea .footerMenu .bMenu>li {
	float: left;

	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
}
.footerArea .footerMenu .bMenu>li.my_menu18 {
	float: left;
	width: 240px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
}*/

.footerMenu .shortList {
	max-width: 120px;
}

.footerMenu .longList>ul {
	float: left;
}

.footerMenu .longList .firstUl {
	margin-left: 0;
}

.footerMenu .longList ul {
	margin-left: 20px;
}

.footerMenu .bMenu .menuLv1 a:link,
.footerMenu .bMenu .menuLv1 a:visited {
	display: inline;
}

.footerMenu .bMenu a:link,
.footerMenu .bMenu a:visited {
	display: block;
	color: #3e5259;
	font-weight: bold;
}

.footerMenu .bMenu a:hover,
.footerMenu .bMenu a:focus,
.footerMenu .bMenu a:active,
.footerMenu .bMenu a.active_section {
	text-decoration: none;
}

.footerMenu .bMenu .menuLv1 a:link,
.footerMenu .bMenu .menuLv1 a:visited,
.footerMenu .bMenu .menuLv1,
.footerMenu .bMenu .menuLv1 {
	color: #3e5259;
	font-weight: normal;
}

body .footerArea ul.fMenu {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}

body .footerArea div.info ul.fMenu {
	margin: 0px;
	padding: 0px;
	display: block;
}

body .footerArea .footerBold {
	font-size: 1.1em;
	font-weight: bold;
}

body .footerArea .govLogo {
	margin-bottom: 10px;
}

body .footerArea .govLogo>div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

body .footerArea .info {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

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

body .footerArea .fTool {
	float: left;
}


body .footerArea .last_revision_date {
	/*float:right;*/
}

body .footerArea .fTool {
	float: left;
}

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;
	margin-left: -12px;
}

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

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

.footerArea .info .fTool a:hover {
	text-decoration: underline;
}

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

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

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

.copyR>div {
	display: inline-block;
}

.copyR>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>div {
	display: inline-block;
	padding: 6px 12px;
	vertical-align: middle;
}

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

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


.footerArea ul.fMenu .extmenu li {
	display: block;
	padding-bottom: 10px;
}

.footerArea .fMenu {
	margin: 0 20px;
}

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

.footerArea .fMenu>li a {
	display: block;
}

.footerArea .fMenu>li a:hover {
	text-decoration: underline;
}

.footerArea .fMenu>li>a {
	font-weight: bold;
	color: #342f59;
	margin-bottom: 10px;
}

.footerArea .fMenu>li>a:hover {
	text-decoration: none;
}

.footerArea .fMenu>li .extmenu a {}

.footerArea .fMenu>li .firstItem {
	margin-left: 0
}

.footerArea .fMenu>li .lastItem {
	margin-right: 0
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

.copyRight {
	margin-bottom: 10px;
	display: block;
	text-align: left;
}

.myheaderTool {
	position: static;
	display: inline-block;
	padding: 33px 0 28px 0;
	padding-right: 15px;
}

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

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

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

.myheaderTool>div.sitemap a {
	color: #3e5259;
}

.mailTool {
	float: right;
}

.homeTool img {
	vertical-align: text-bottom;
}

.footerArea .myLogo img {
	width: 90px;
	display: block;
	margin: auto;
}

.footerArea .myLogo span {
	display: block;
	text-align: center;
	margin-top: 10px;
}

body div.btmNav {
	position: relative;
	z-index: 1000;
	/*
	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: 0;
	top: 0;
}

.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;
	display: block;
	background-color: #fff;
	color: #175aba !important;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.topBtn a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 8px 4px;
	border-color: transparent transparent #175aba transparent;
	top: 50%;
	transform: translateY(-53%);
}

.topBtn a>span {
	padding-left: 20px;
}

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

.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: #444;
	padding-top: 0px;
	padding-bottom: 30px;
	background: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

.breadcrumb-bg {}

.breadcrumb>div {
	display: flex;
}

.breadcrumb .listStyleInline {
	margin-bottom: 0px;
	padding-left: 0px;
}

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

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

.indexVersion .breadcrumb {
	display: none;
}

.extIndex .breadcrumb {
	display: none;
}

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

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

.listStyleInline li,
.listStyleInline li>*,
.listStyleInline li>a {
	margin: 0 1px;
	padding: 0;
	float: none;
	display: inline;
}

.mainHeader {
	/*
	background-repeat: no-repeat;
    background-position: right bottom;
	max-height:215px;*/
	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);
}

.section_header_banner .privacy_banner,
.p14 {
	background-image: url(../images/slider/privacy_banner.png) !important;
}

.section_header_banner .sitemap_banner,
.p12 {
	background-image: url(../images/slider/sitemap_banner.png) !important;
}

.section_header_banner .notice_banner,
.p16 {
	background-image: url(../images/slider/notice_banner.png) !important;
}

.section_header_banner .faq_banner,
.p18 {
	background-image: url(../images/slider/faq_banner.png) !important;
}

.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: 500;
	padding-top: 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: #fff;
	z-index: 3000;
	position: relative;
}



.bodyArea .container {
	z-index: 3000;
	display: block;
	height: auto;
}

.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>li {
	margin: 25px 0;
}

.whatIsNew ul .newsDate {
	color: #3e5259;
}

.eventCalender .event_tit {
	font-weight: bold;
	color: #3e5259;
}

.eventCalender .event_tit.holiday {
	color: #f00;
}

.eventCalender ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	color: #006ab6;
}

.eventCalender ul>li {
	margin: 5px 0;
}

.eventCalender .eventList>div {
	padding: 10px;
}

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

.headerArea {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 7000;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.headerArea.shadow2 {
	-webkit-box-shadow: 0px 12px 13px -14px rgba(0, 0, 0, 0.67);
	-moz-box-shadow: 0px 12px 13px -14px rgba(0, 0, 0, 0.67);
	box-shadow: 0px 12px 13px -14px rgba(0, 0, 0, 0.67);
}

.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>a>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>br,
.clientTool .searchTool {
	display: none;
}

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

.headerArea.fixed .myheaderTool>div.clientTool .mobSearch img,
.headerArea.fixed .myheaderTool>div.clientTool .print img,
.headerArea.fixed .myheaderTool>div.clientTool .share img {
	height: 20px;
	padding: 0;
}

.headerArea.fixed .headerTool .clientTool .searchTool {
	position: absolute;
	top: 100%;
	margin: 0;
	background-color: #fff;
	left: 0;
	right: 0;
}

.headerArea.fixed .searchTool form {
	float: none;
	text-align: center;
	padding: 0;
	background-color: #fff;
	-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;
}



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

.footerBanner li {
	display: inline-block;
	margin: 0 20px;
}

.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>li {
	height: inherit;
	margin: 0;
	padding: 0;
	width: inherit;
}

.simply-scroll .simply-scroll-list .newsList>li>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>div {
	display: inline-block;
}

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

.colorSort>div {
	background-color: #efefef;
	padding: 10px 50px 20px 10px;
	margin-bottom: 1px;
}

.colorSort .cerise {
	border-left: 5px solid #DA3287;
}

.colorSort .lochmara {
	border-left: 5px solid #007EC7;
}

.colorSort .hippieGreen {
	border-left: 5px solid #53824B;
}

.colorSort .lavenderIndigo {
	border-left: 5px solid #9457EB;
}

.newsArea {
	width: 375px;
	padding: 0 10px;
}

.newsArea .newsTopic {
	color: #ab264c;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
}

.newsArea .newsDate {
	color: #3e5259;
	font-weight: bold;
}

.newsArea .newsTitle,
.newsArea .newsTitle a {
	color: #4f3e71;
}

.newsContent {
	overflow-y: auto;
	max-height: 215px;
}

.newsContent>div {
	margin-top: 20px;
}

.header2 {
	display: none;
}

.mainContent .full {
	padding: 0;
}

.index_row {
	margin-bottom: 50px;
}

.mainContent .main_left {
	width: 770px;
	float: right;
	max-width: 100%;
}

.mainContent .sub_right {
	margin-left: 10px;
	width: 250px;
	float: left;
	position: relative;
}

.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>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>div {
	width: 420px;
	height: 280px;
	margin: 30px 5px;
	float: left;
}

.comment_input {
	margin: 10px 0 50px 0;
}

.comment_input textarea {
	margin-bottom: 10px;
	padding: 16px;
	width: 100%;
	height: 200px;
	background-color: #f4f4f4;
}

.comment_input .button {
	text-align: right;
}

.comment_input button {
	border: 0;
	background-color: #535353;
	color: #fff;
	padding: 0 20px;
	height: 32px;
	border-radius: 3px;
}

.comment_area {
	position: relative;
	padding: 10px 0;
	border-top: 2px solid #e6e6e6;
}

.comment_area:before {
	content: " ";
	position: absolute;
	width: 60px;
	height: 2px;
	background-color: #f68c38;
	top: -2px;
	left: 0;
	display: block;
	z-index: 6000;
}

.comment_area .comment_main>div,
.comment_area .comment_sub>div {
	padding: 16px 12px;
}

.comment_area .comment_main>div {
	background-color: #f1f1f1;
	border: 3px solid #dedede;
}

.comment_area .user {
	float: left;
	max-width: 95px;
}

.comment_area .user .icon {
	margin-bottom: 5px;
}

.comment_area .user .name {
	color: #345304;
	text-align: center;
	margin-bottom: 5px;
	word-break: break-all;
}

.comment_area .user .position {
	color: #2b597f;
	text-align: center;
	margin-bottom: 5px;
}

.comment_area .comment_detail {
	padding-left: 125px;
}

.comment_area .comment_detail .cont {
	margin-bottom: 10px;
}

.comment_area .comment_detail .tool {
	margin-bottom: 10px;
}

.comment_area .comment_detail .tool>div {
	display: inline-block;
	margin-right: 20px;
}

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

.comment_sub {
	margin-left: 120px;
}

.comment_sub>div {
	margin: 10px 0;
}

div.ms-options-wrap {
	position: relative;
	display: inline-block;
	vertical-align: initial;
	margin: 10px 10px;
	width: 600px;
}

span.ms_text {
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.ms-options ul li {
	margin: 0;
}

.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>li>a>span {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	display: block;
	word-break: break-word;
	margin-top: 0;
	padding-left: 40px;
	position: relative;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span>img {
	position: absolute;
	left: 0;
	top: 0;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li .caret {
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	position: absolute;
	top: 0;
	right: 13px;
	padding-right: 0;
	margin-top: 15px !important;
}

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

.footerMenu .caret {
	display: none;
}

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

.headerTool .bs-example-js-navbar-search input {
	padding-left: 10px;
	padding-right: 10px;
}

.mainContent .left_img {
	width: 360px;
	position: absolute;
}

.mainContent .right_cont {
	padding-left: 360px;
}

.mainContent .list_anchor {
	padding-top: 25px;
	border-top: 2px solid #133c8b;
	margin-bottom: 80px;
}

.mainContent .list_anchor ul {
	padding-left: 0;
	list-style-type: none;
}

.list_anchor li {
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
}

.list_anchor li span {
	position: absolute;
	left: 0;
	top: 0;
}

.list_anchor li.fst a {
	padding-left: 0;
}

.list_anchor li.lst a {
	padding-right: 0;
}

.list_anchor li a {
	display: block;
	padding: 0 2em;
	color: #000 !important;
	text-decoration: none !important;
}

.list_anchor li.active a {
	color: #32569a !important;
}

.iconPdf {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

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

.subMenu>li>a.leftbtn.active_sub_section:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	background: #18a9f1;
	left: 0;
	bottom: 0;
}

.subMenu>li .extmenu a.leftbtn.active_sub_section {}

.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>a>span {
	color: #be4a03;
	font-weight: bold;
}

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

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

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

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



.myitem_list {
	margin: 0 -10px;
}

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

.myitem_list.tv_series_list>div {
	margin: 0;
}

.myitem_list.activities_photo>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>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>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>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: auto;
	max-width: 100%;
	background-color: #fff;
	border-left: 0;
	padding: 0;
	padding-bottom: 34px;
}

#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: 10px;
}

#close_up .area .main {
	padding: 0;
	position: relative;
	text-align: center;
}

#close_up .area .main .left {
	width: 40%;
	float: left;
}

#close_up .area .main .right {
	width: 60%;
	float: right;
}

#close_up .area .main .img {
	padding: 5px;
}

#close_up .area .main .img img {
	width: 100%;
}

#close_up .area .main .caption {
	padding: 5px;
}

#close_up .area .main .cont {
	padding: 5px;
	padding-left: 15px;
}

#close_up .area .main .cont p {
	margin-bottom: 15px;
}

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

.pop_photo li {
	display: inline-block;
	width: 25%;
	min-width: 120px;
	margin: 0;
	padding: 10px;
}

.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>div {
	width: 32%;
	padding: 0 20px;
	display: table-cell;
	border-left: 2px solid #cecfcf;
}

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

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

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

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

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

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

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

.photo_album {
	margin: 0 -5px;
}

.photo_album>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>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>li {
	list-style-type: lower-alpha;
}

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

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

.leftMenu {
	background-color: 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>div {
	padding: 15px 0;
	border-top: 1px solid #b3b3b3;
	position: relative;
}

.bl_top {
	min-height: 100px;
}

.bl_logo {
	position: absolute;
	right: 0;
	top: 15px;
	max-height: 100px;
}

.bl_org,
.bl_org a {
	font-weight: bold;
	color: #4b4b4b !important;
	text-decoration: none !important;
}

.bl_ts>div {
	display: table-row;
}

.bl_ts>div>div {
	display: table-cell;
}

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

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

#flexslider {
	overflow: hidden;
}

#flexslider ul {
	padding: 0;
	margin: 0;
}

.flexslider .flex-control-nav {
	bottom: 1em;
	z-index: 4000;
}

.flexslider.video_gallery {
	margin-bottom: 0;
}

#flexslider .flex-control-nav {
	position: relative;
	width: auto;
	display: block;
	margin-top: -30px;

}

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

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

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

.main_news_list>ul>li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}

.main_news .date,
.main_news .title {
	font-weight: normal;
}

.main_about .my_header {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 16px;
}

.my_more {
	text-align: right;
}

.my_more a {
	color: #B6052F !important;
	text-decoration: none !important;
	font-weight: bold;
}

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

.faq_list>ol>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>ol>li {
	margin: 0;
	padding-left: 0;
	padding-left: 60px;
	position: relative;
}

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

.faq_list>ol>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>ol>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: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
}

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

.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav {
	margin-bottom: 0;
	bottom: auto;
}

.my_roll {
	position: relative;
	margin: 0px 10px 10px 10px;
}

.my_roll_header {
	font-size: 1.625em;
	font-weight: bold;
	padding: 22px 10px;
}

.my_roll .my_roll_content {
	overflow: hidden;
	width: 100%;
	background-repeat: repeat-x;
}

.my_roll .my_roll_content .my_roll_cont_row {
	display: table;
	white-space: nowrap;
	padding: 0 80px;
	margin: 0 auto;
}

.my_roll .my_roll_content .my_roll_cont_row>div {
	display: inline-block;
	vertical-align: top !important;
	padding: 0px 10px;
	width: 229px;
}

.my_roll .my_roll_content .my_roll_image {
	margin: auto;
	position: relative;
}

.my_roll .my_roll_content .my_roll_title {
	margin: auto;
	text-align: left;
	white-space: normal;
	font-size: 1em;
}

.my_roll_control>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>div a {
	text-decoration: none !important;
	color: #fff !important;
}

.my_roll_control>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_table_layout td {
	vertical-align: text-top;
}

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

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

.aboutus_intro_list>div>div img {
	height: 100%;
}

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

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

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

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

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

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item4 {
	font-weight: bold;
	margin-top: 10px;
	color: #1e8613;
}

.organ_search_iframe {
	border: none;
	width: 100%;
	display: block;
}

.list_table {
	width: 100%;
	border-spacing: 0;
	border: solid #ccc 1px;
	-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>.div_acrobat_reader_icon {
	display: inline-block;
	width: 160px;
	margin-right: 5px;
	padding: 10px 0;
}

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

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

.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>a>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>a:focus>img,
.photo_group li.photo_thumb>a:hover>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: 35px;
	left: -5px;
	background-size: contain;
}

#flexslider .flex-direction-nav a.flex-next:before {
	content: '';
	background-image: url(../images/icon_arrow_next.png);
	width: 35px;
	right: -5px;
	background-size: contain;
}

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

.header_date {
	margin-bottom: 20px;
	background-color: #ccc;
	color: #000099;
	padding: 8px 12px;
	font-weight: bold;
}

.cont_detail {
	margin-bottom: 40px;
}

.cont_detail>div {
	display: inline-block;
}

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

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

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

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

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


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>div:nth-child(1) h2 {
	margin: 0;
	padding: 0;
}

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

.divExpand>div:nth-child(1) a:after {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(../images/icon_ec_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 12px;
	top: 9px;
	padding: 0;
	position: absolute;
	-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>div:nth-child(1) a:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.divExpand>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>div:nth-child(2) {
	display: block;
	position: static;
	opacity: 0;
	height: auto;
}

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

.divExpand_control {
	float: right;
	display: -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 .share li {
	margin-right: 15px;
}

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

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

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

.main_secBanner>div>div {
	padding: 15px;
}

.main_secBanner>div>div>a {
	display: block;
}

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

.main_secBanner>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>div:hover .cover img,
.main_secBanner>div>div>a:focus .cover img {
	transform: scale(1.08);
}

.main_secBanner>div>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>div {
	display: inline-block;
}

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

.ibDiv>.txt_w_img {
	width: 75%;
}

.photoAlbums {
	margin: 0 -40px;
}

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

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

.my_select>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>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>div.clientTool .shareTool {
	position: relative;
	margin-right: 5px;
}

.shareList {
	display: none;
	position: absolute;
	top: 35px;
	left: -500%;
	padding: 8px 15px 12px !important;
	text-align: left;
	z-index: 9000;
	min-width: 80px;
	-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;
}

.myheaderTool>div.clientTool .shareTool>.shareList:before {
	display: none;
}

.shareTool.active>.shareList {
	display: block;
}

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

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

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

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

.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>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child {
	background-color: transparent;
}

#menu>.mm-panels>.mm-panel>.mm-listview>.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>.col,
.no-gutters>[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: 205px;
	height: 205px;
}

.section_header_banner .banner_title {}

.section_header_banner>.container {
	position: relative;
	height: 100% !important;
}

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

.shareTool {
	position: relative;
}

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



.w-100 {
	width: 100%;
}

.bg-blue {
	background: #e5f1fd;
}

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

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

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

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

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



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

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

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

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

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

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

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

.section_search {
	background-image: url(../images/slider/main_slider_search.png);
}

.section100 {
	background-image: url(../images/slider/main_slider_100.png);
}

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

.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/main_slider_100.jpg);
}

.banner_title {
	color: #000000;
}

@media (max-width: 767px) {
	.banner_title {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.mobile_one_line {
		margin-bottom: 1em;
	}

	.mobile_one_line .d-flex {
		flex-direction: column;
	}

	#close_up .area {
		width: 95%;
	}
}

.mainSlider .banner_title {
	font-weight: 600;
}

.section_header_banner .banner_title {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	font-weight: 500;
}

.btn-01 {
	text-align: center;
	width: 170px;
	position: relative;
}

.btn-01 a {
	background-color: #5067e6;
	color: white;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
	z-index: 2;
}

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

.btn-01 span {
	position: absolute;
	background-repeat: repeat;
	background-image: url('../images/btn_bg.png');
	background-size: 60%;
	width: 170px;
	height: 50px;
	right: -10px;
	bottom: -10px;
}

.btn-01:hover span {
	background-image: url('../images/btn_bg_hover.png');
}


.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: flex;
	text-align: left !important;
}



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

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

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

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


.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)>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>tbody>tr>td,
table.table_border_0>tbody>tr>th,
table.table_border_0>tr>td,
table.table_border_0>tr>th {
	border: 0px #000 solid;
}

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

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

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

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

table.table_border_5,
table.table_border_5>tbody>tr>td,
table.table_border_5>tbody>tr>th,
table.table_border_5>tr>td,
table.table_border_5>tr>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>tbody>tr>th,
.table_cellpadding_0>tbody>tr>td,
.table_cellpadding_0>tr>th,
.table_cellpadding_0>tr>td {
	padding: 0px;
}

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

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

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

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

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

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

.self_align_justify {
	text-align: justify;
}

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

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

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

@media (min-width: 993px) {
	.theme .col-lg-3 {
		-ms-flex: 0 0 28%;
		flex: 0 0 28%;
		max-width: 28%;
	}

	.theme .col-lg-9 {
		-ms-flex: 0 0 72%;
		flex: 0 0 72%;
		max-width: 72%;
	}
}


/****** theme_detial [start] ******/
.w3-opacity {
	opacity: 0.50;
}

.w3-opacity-off,
.w3-hover-opacity-off:hover {
	opacity: 1;
	border: 2px solid green;
}

.theme_detail {
	/*margin-bottom: 25px;*/
	overflow: hidden;
}

.theme_detail .theme_gallery {
	border: 1px solid #ccc;
	padding: 10px;
	box-shadow: 1px 1px 2px #6b6b6b;
	max-width: 502px;
	max-height: 100%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;


}

/*
.theme_detail .theme_gallery.seminar_resource {
	max-width: 800px;
}
*/

@media (max-width:993px) {
	.theme_detail {
		display: block;
	}
}

.theme_detail .theme_gallery>img[src$="nothumbnail.jpg"] {
	width: 480px;
	height: 320px;
}

.theme_detail .theme_gallery>div>.big_photo>div {
	position: relative;
}

.theme_detail .theme_gallery>div>.big_photo>div>img {
	width: 480px;
}

.theme_detail .theme_gallery.seminar_resource>div>.big_photo>div>img,
.theme_detail .theme_gallery.seminar_resource>div>.big_photo>div>.flowplayer>video {
	width: 800px;
}

.theme_detail .theme_gallery>div>.big_photo>div>.flowplayer>video {
	width: 480px;
}

.theme_detail .theme_gallery>div>.big_photo>div>a {
	font-size: 0;
	position: absolute;
	width: 10%;
	opacity: 0;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_prev {
	top: 100px;
	bottom: 100px;
	left: 0;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_next {
	top: 100px;
	bottom: 100px;
	right: 0;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_prev:before {
	content: "";
	width: 30px;
	top: 0;
	bottom: 0;
	left: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../images/icon_arrow_prev.png);
	position: absolute;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_next:before {
	content: "";
	width: 30px;
	top: 0;
	right: 15px;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../images/icon_arrow_next.png);
	position: absolute;

}


.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_prev,
.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_next {
	z-index: 100;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_prev:hover {
	opacity: 1;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_next:hover {
	opacity: 1;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_prev:active {
	opacity: 0;
}

.theme_detail .theme_gallery>div>.big_photo>div>a.arrow_next:active {
	opacity: 0;
}

.theme_detail .theme_gallery>div>.big_photo {
	margin-bottom: 15px;

}

.theme_detail .theme_gallery>div>.big_photo>div>img:nth-of-type(n+2) {
	display: none;
}

.theme_detail>.theme_gallery>div>.big_photo>div>.img_no {
	position: absolute;
	color: #ffffff;
	text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
	left: 10px;
	top: 10px;
	font-weight: bold;
}

.theme_detail .theme_gallery>div>.small_photo>div>div>div>img {
	cursor: pointer;
	width: 100%;
}

div.resource_list {
	display: table;
	width: 100%;
}

div.resource_list>div {
	display: table-row;
	width: 100%;
	padding-bottom: 1rem;
	min-height: 41px;
	position: relative;
}

div.resource_list>div>div {
	display: table-cell;
	width: auto;
	/* position: absolute; */
	bottom: 0;
}

@media (min-width:993px) {
	.theme_detail .theme_gallery.seminar_resource>div>.small_photo>div>div>div>img {
		height: 90px;
		object-fit: cover;
	}

	.theme_detail>.theme_gallery.seminar_resource>div>.small_photo>div>div>video {
		width: 80%;
		height: 90px;
		object-fit: cover;
		margin: 6px auto 6px auto;
		display: block;
		/* padding: 6px; */
	}

	.theme_detail>.theme_gallery.seminar_resource {
		min-width: 820px;
	}

	/* limit the height */
	.theme_detail>.theme_gallery.seminar_resource>div>.big_photo {
		/* height: 800px; */
	}

}

.theme_detail .theme_gallery.seminar_resource>div>.small_photo>div {
	text-align: justify;
}

.theme_detail .theme_gallery>div>.small_photo>div>div>div {
	padding: 0 6px;
}

.theme_detail .theme_gallery.seminar_resource>div>.small_photo>div>div>div {
	/* padding: 0 6px 6px 6px; */
}

.theme_detail .theme_gallery>div>.small_photo>div>div {
	width: 19%;
	display: inline-block;
}

.theme_detail .theme_gallery>div>.small_photo>div {
	width: inherit;
	margin: 0 -6px;
}

.theme_detail>.theme_content>.description {
	margin-bottom: 30px;
}

.theme_detail>.theme_content>.content>table {
	width: 50%;
	/*width: auto;*/
}

/*2020-04-16 update
-add without table content in promation
*/
.theme_detail>.theme_content>.content>table:not(.MsoNormalTable),
.theme_detail>.theme_content>.content>table:not(.MsoNormalTable) * {
	display: inline-block;
	text-align: left !important;
}

body .theme_detail>.theme_content>.content>table.MsoNormalTable tr td {
	width: auto !important;
}



.theme_detail>.theme_content>.content>table>tbody>tr.th {
	margin-right: 20px;
}

.theme_detail>.theme_content>.content>table>tbody>tr.th>th,
.theme_detail>.theme_content>.content>table>tbody>tr.td>td {
	display: block;
	margin-bottom: 20px;
}



@media only screen and (max-width: 993px) {
	.theme_detail {
		text-align: center;
	}

	.theme_detail .theme_gallery {
		float: none;
		margin-right: 0;
		display: inline-block;
	}

	.theme_detail>.theme_content {
		text-align: left;
	}

	/*2020-04-16 update*/
	/*promotion table scroll*/
	body .theme_detail>.theme_content>.content>table.MsoNormalTable {
		display: block;
		width: 100%;
		max-width: 100vw;
	}

	.theme_detail .theme_gallery.seminar_resource>div>.small_photo>div>div {
		width: 30%;
		display: inline-block;
		padding: 5px 0 5px 0;
	}

	.theme_detail .theme_gallery.seminar_resource>div>.small_photo>div>div>div>img,
	.theme_detail>.theme_gallery.seminar_resource>div>.small_photo>div>div>video {
		max-height: 60px;
		object-fit: cover;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}

	.theme_detail>.theme_gallery.seminar_resource>div>.big_photo video {
		width: auto;
	}
}

/****** theme_detial [end] ******/
.blue-brd-left-box {
	-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;
}

.blue-brd-left-box:hover,
.blue-brd-left-box:focus {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
}

.blue-brd-left-box:hover .arrow-blue:after,
.blue-brd-left-box:focus .arrow-blue:after {
	-webkit-animation-name: fadeOutRightInLeft;
	animation-name: fadeOutRightInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeOutRightInLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	1% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	49% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	50% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeOutRightInLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	1% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	49% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	50% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.blue-brd-left-box:hover:after {
	-webkit-animation-name: bgFlash;
	animation-name: bgFlash;
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/*background-image: linear-gradient(172deg, #26339e 0%, #4a5be4 44%, #131e7c 46%, #26339e 50%) 0 0/1000% no-repeat;*/
	/*background-image: linear-gradient(172deg, #26339e 0%, #f00 44%, #0f0 46%, #26339e 50%) 0 0 / 1000% no-repeat;*/
	background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 92.8%, rgba(255, 255, 255, .22) 93%, rgba(0, 0, 0, .12) 94.4%, rgba(0, 0, 0, 0) 95%);
	background-size: 3000px 100%;
	background-position: -2800px 0;
}

@-webkit-keyframes bgFlash {
	0% {
		background-position: -2600px, 0
	}

	to {
		background-position: -3000px, 0
	}
}

@keyframes bgFlash {
	0% {
		background-position: -2600px, 0
	}

	to {
		background-position: -3000px, 0
	}
}

.grid-view .box-wrapper .box2 {
	border: 1px solid transparent;
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0), inset 0 0 0 1px #e7e7e7;
	-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;
}

.grid-view .box-wrapper:hover .box2,
.grid-view .box-wrapper:focus .box2 {
	border: 1px solid #ddd;
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #e7e7e7;
	background-color: #f3f3f3;
}

.grid-view .box-wrapper .box2 .product-img-wrapper {
	/*  background-color: #a1a8b7;
    margin-top: -9px;
    margin-left: -9px;
    margin-right: -9px;
    padding-top: 26px;
	padding-left:9px;
	padding-right:9px;*/
	/* background-color: #e7e7e7;*/
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	overflow: hidden;
	height: 220px;
}

/*.grid-view .box-wrapper .box2 .product-img-wrapper>img {
    height: auto !important;
    width: auto !important;
    min-width: 100%;
    max-width: none;
    max-height: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}*/
.grid-view .box-wrapper:hover .box2 .product-img-wrapper,
.grid-view .box-wrapper:focus .box2 .product-img-wrapper {
	background-color: #f3f3f3;
}

.grid-view .box-wrapper .box2 {
	position: relative;
}

.grid-view .box-wrapper .box2:before,
.grid-view .box-wrapper .box2:after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	width: 0;
	height: 0;
}

.grid-view .box-wrapper .box2:before {
	top: 0;
	left: 0;
}

.grid-view .box-wrapper .box2:after {
	bottom: 0;
	right: 0;
}

.grid-view .box-wrapper:hover .box2:before,
.grid-view .box-wrapper:hover .box2:after,
.grid-view .box-wrapper:focus .box2:before,
.grid-view .box-wrapper:focus .box2:after {
	width: 100%;
	height: 100%;
}

.grid-view .box-wrapper:hover .box2:before,
.grid-view .box-wrapper:focus .box2:before {
	border-top-color: #888;
	border-right-color: #888;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.grid-view .box-wrapper:hover .box2:after,
.grid-view .box-wrapper:focus .box2:after {
	border-bottom-color: #888;
	border-left-color: #888;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.grid-view .box-wrapper:hover .product-img-wrapper,
.grid-view .box-wrapper:focus .product-img-wrapper {
	-webkit-animation-name: imgFlash;
	animation-name: imgFlash;
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes imgFlash {
	0% {
		opacity: 1;
	}

	10% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}

@keyframes imgFlash {
	0% {
		opacity: 1;
	}

	10% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}

.grid-view .box-wrapper .box2 {
	font-size: 0.85em;
}

.grid-view div.box-wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	position: relative;
}

.grid-view div.box-wrapper a.box-wrapper-data {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	height: 100%;
}

.grid-view div.box-wrapper a.box-wrapper-mark {
	position: absolute;
	left: 12px;
	top: 2px;
	padding: 0px 10px;
	font-size: 1.4em;
	z-index: 10;
}

.grid-view div.box-wrapper a.box-wrapper-mark:before {
	content: '';
	display: block;
	color: #d3d3d3;
	-webkit-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	text-shadow: 0 0 2px #2b2b2b;
}

.grid-view div.box-wrapper a.box-wrapper-mark.new:before {
	background-image: url(../images/icon_new_color.svg);
	width: 25px;
	height: 25px;
	background-size: contain;
}

.grid-view div.box-wrapper a.box-wrapper-mark.featured:before {
	background-image: url(../images/icon_new_featured_color.png);
	width: 25px;
	height: 25px;
	background-size: contain;
}

.product-right-container a {
	font-size: 1.4em;
	z-index: 10;
}

.product-right-container span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.product-right-container a {
	position: relative;
	width: 25px;
}

.product-right-container a:before {
	content: '';
	display: block;
	/*color:#d3d3d3;
	-webkit-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	text-shadow: 0 0 2px #2b2b2b;*/
	position: absolute;
	top: 3px;

	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;


}

.product-right-container a.special:before {
	background-image: url(../images/special.svg);


}

.product-right-container a.pre-primary:before {
	background-image: url(../images/pre-primary.svg);


}

.product-right-container a.primary:before {
	background-image: url(../images/primary.svg);

}

.product-right-container a.secondary:before {
	background-image: url(../images/secondary.svg);

}




.product-right-container a {
	/*  height: 25px;
    width: 25px;
    border-radius: 50%;
	box-shadow: 5px 6px 13px -2px rgb(171 171 171 / 50%);*/

}



.grid-view div.box-wrapper.marked a.box-wrapper-mark:before {
	color: #ffd700;
}

.grid-view div.box-wrapper a.box-wrapper-mark>span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.grid-view div.box-wrapper a.box-wrapper-data .box2 {
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
}

.grid-view div.box-wrapper a.box-wrapper-data .box2 .box-bottom {
	min-height: 40px;
	padding-left: 45px;
}

.grid-view div.box-wrapper a.box-wrapper-video {
	position: absolute;
	bottom: 0;
	left: 15px;
	padding: 15px;
	width: 70px;
	display: block;
	-webkit-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	opacity: .6;
	z-index: 10;
}

.grid-view div.box-wrapper a.box-wrapper-video:focus,
.grid-view div.box-wrapper a.box-wrapper-video:hover {
	opacity: 1;
}

.book_mark_icon {
	float: right;
	cursor: pointer;
}

.h1_class {
	font-size: 1.7em;
}

.headerNav .container .bookmark img {
	width: 17px;
}

.headerTop .myheaderTool .bookmark {
	width: 40px;
}

.search_category a:after {
	display: none;
}

.show_more_btn {
	background-color: #5067e6;
	color: #fff;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
	z-index: 2;
	border: 0;
	margin: 0 auto;
	padding: 15px;
}

/*loading*/
.loading-default {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.loading-default div {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #adadad;
	border-radius: 50%;
	animation: lds-default 1.2s linear infinite;
}

.loading-default div:nth-child(1) {
	animation-delay: 0s;
	top: 37px;
	left: 66px;
}

.loading-default div:nth-child(2) {
	animation-delay: -0.1s;
	top: 22px;
	left: 62px;
}

.loading-default div:nth-child(3) {
	animation-delay: -0.2s;
	top: 11px;
	left: 52px;
}

.loading-default div:nth-child(4) {
	animation-delay: -0.3s;
	top: 7px;
	left: 37px;
}

.loading-default div:nth-child(5) {
	animation-delay: -0.4s;
	top: 11px;
	left: 22px;
}

.loading-default div:nth-child(6) {
	animation-delay: -0.5s;
	top: 22px;
	left: 11px;
}

.loading-default div:nth-child(7) {
	animation-delay: -0.6s;
	top: 37px;
	left: 7px;
}

.loading-default div:nth-child(8) {
	animation-delay: -0.7s;
	top: 52px;
	left: 11px;
}

.loading-default div:nth-child(9) {
	animation-delay: -0.8s;
	top: 62px;
	left: 22px;
}

.loading-default div:nth-child(10) {
	animation-delay: -0.9s;
	top: 66px;
	left: 37px;
}

.loading-default div:nth-child(11) {
	animation-delay: -1s;
	top: 62px;
	left: 52px;
}

.loading-default div:nth-child(12) {
	animation-delay: -1.1s;
	top: 52px;
	left: 62px;
}

@keyframes lds-default {

	0%,
	20%,
	80%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}
}

/*loading*/

/*.result_project_peroid .accordion-content>div{
	display:flex;
}*/

/*.result_project_peroid .accordion-content>div>div:first-child{
	flex: 0 0 25%;
	width:25%;
}*/

body .result_project_peroid .accordion-content>div>div>select {
	width: 100% !important;
}

.result_project_peroid .accordion-content>div:not(:last-child) {
	margin-bottom: 8px;
}

.purchase_btn {
	background-color: #116af6;
	margin-bottom: 30px;
	border-radius: 5px;
}

/* .preview_btn > #flipBook{
	background-color: #00572A;
} */
.preview_btn>#flipBook {
	background-color: #00572A;
	margin-bottom: 30px;
	border-radius: 5px;
}

.play_btn>a {
	margin-bottom: 30px;
	border-radius: 5px;
	background-color: #D10100;

}

.purchase_btn>a,
.preview_btn>#flipBook,
.play_btn>a {
	display: block;
	color: #ffffff;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
}

.purchase_btn>a:hover,
.preview_btn>#flipBook:hover,
.play_btn:hover>a {
	background-color: #c4c4c4;
}

.purchase_btn_disable,
.purchase_btn_disable:hover {
	opacity: 0.5;
	background-color: #116af6;
}

.purchase_btn_disable a,
.purchase_btn_disable a:hover {
	cursor: no-drop;
	background-color: #116af6;
}

.preview_btn_disable {
	display: none;
}


@media (max-width:767px) {
	#advancedsearchForm .calendar-input-wrapper .right {
		padding-left: 0;
	}
}

@media (min-width:767px) {

	#advancedsearchForm #from,
	#advancedsearchForm #to {
		width: 100%;
	}

	html:lang(en) #advancedsearchForm .calendar-input:before {
		top: 2em;
	}



}

@media (max-width:992px) {
	#flexsliderList .btn-01.no_content {
		top: 350px;
	}
}

.font-weight_normal {
	font-weight: 400;
}

.result_title {
	font-size: 1.2em;
	font-weight: 500;
	color: #5067e6;
	margin-right: 0px;
	padding-right: 0px;
}

#banner_content {
	background-color: #fff;
}

.important_notice {
	color: #ff0000;
	font-size: 1.25em;
}

.important_notice>strong {
	text-decoration: underline;
	font-weight: 700;
}

.index-popup {
	max-width: unset !important;
}


.index-popup .modal-content {
	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	max-width: 900px !important;

}

/* body a{ */
/* text-decoration:underline !important; */
/* } */


.text_only {
	cursor: default;
}

.activity_container_cate3 .info_cotainer .modal-content .table tr th,
.activity_container_cate3 .info_cotainer .modal-content .table tr td {
	text-align: center;
}

.table_div>div {
	display: flex;
}

.table_div>div>div:first-child {
	flex: 0 0 10%
}



.strong {
	font-weight: 700;
}

.mainContent a h3 {
	color: inherit;
}

.dJXsSm {
	box-sizing: border-box;
	border: 1px solid rgb(241, 245, 246);
	border-radius: 0px 0px 4px 4px;
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(28 47 58 / 20%) -2px 3px 13px 0px;
	padding: 23px 17px 35px;
	margin-bottom: 133px;
}

.product-right-container {
	display: flex;
	right: 12px;
	left: auto;
	position: absolute;
	gap: 5px;
	margin-right: 12px;

}

.accordionlink-wrapper a {
	color: #000;
}

/*
.listStyleInline li:not(:first-child):before{
	content: ">";
	color: #444 !important;
    padding: 0 10px;
}*/


/*
.product-right-container a{
	height: 25px;
    width: 25px;
    border-radius: 50%;
    box-shadow: 5px 6px 13px -2px rgb(171 171 171 / 50%);
}

.product-right-container a.special:before{
	content: '特';
}

.product-right-container a.special:before{
	content: '中';
}

.product-right-container a.special:before{
	content: '小';
}

.product-right-container a.special{
    background-color: #9355AB;
  
}

.product-right-container a:before{
	position: relative;
    top: 50%;
    text-align: center;
    line-height: 0px;
    font-size: 15px;
	font-weight: 400;
	-webkit-text-stroke-width: 0.4px;
    color: #fff;
}
*/

.product_container .free-btn {
	background-color: #FFC000;
}

.card {
	border: 0;
}

.browse_btn {
	background-color: #ed7c31;
	color: #000;
	margin-bottom: 30px;
	border-radius: 5px;
}

.browse_btn>a {
	display: block;
	color: #000;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
}

.card_container .card-group>.card {
	flex: auto;
	max-width: 285px;
}



.card_container .card-group {
	gap: 2em;

}

.card_container>div:not(:last-child) {
	border-bottom: 2px dotted #000;
}

.card_container>div .card p {
	margin: 0;
	text-align: center;
}

.card_container>div .card {
	margin-bottom: 1em;
}

.card_container .card-group .card img {
	max-height: 201px;
}


.card_container .card .img_container {
	width: 285px;
	height: 201px;
	display: flex;
	border-radius: 1em;
	overflow: hidden;
	/* box-shadow: inset 0px 0px 3px 12px rgb(0 0 0 / 43%);*/
	perspective: 1px;
	background-position: center;

}

.card_container .card .img_container .blur {
	width: 100%;
	backdrop-filter: blur(10px);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1em;

}

.card_container .card .img_container img {}


.multi_media_zone_tbl video {
	max-width: 300px;
}

.multi_media_zone_tbl tr :where(th, td, p) {
	text-align: center;
}

.multi_media_zone_tbl .video_btn {
	cursor: pointer;
}

.multi_media_zone_container .modal-header .close {
	font-size: 2rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.multi_media_zone_container .modal-header {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.multi_media_zone_container .modal-content {
	max-width: 100%;
}

.multi_media_zone_container .btn {
	font-size: 1em;
	margin-top: 0.5rem;
}

/*
:target::before {
	content: "";
	display: block;
	height: 200px;
	
	margin: -200px 0 0;

}*/

.multi_media_zone_container table p {
	text-align: center;
}

.multi_media_zone_container .mb-10px {
	margin-bottom: 10px;
	display: grid;
	justify-content: center;
	text-align: center;
}

.multi_media_zone_multi_media_zone_containerbl .mb-10px>div {
	margin: 0 auto;
	text-align: center;
}

.multi_media_zone_container .modal-content {
	max-width: auto;
}

.multi_media_zone_container h2 {
	margin-bottom: 1.5em;
	margin-top: 0px;
	padding-top: 0;
}

@media(max-width:767px) {
	.multi_media_zone_tbl th {
		display: none;
	}

	.multi_media_zone_tbl :where(tbody, tr) {
		display: flex;
		flex-direction: column;
	}

	.multi_media_zone_tbl td {
		display: block;
		margin-bottom: 20px;
		position: relative;
		padding-left: 192px;
		text-align: left;
	}



	.multi_media_zone_tbl td p {
		margin: 0;
		text-align: left;
	}


	.multi_media_zone_tbl td::before {
		content: attr(data-title);
		margin-left: 0em;
		font-weight: bold;
		padding-right: 1em;
		position: absolute;

		left: 6px;
	}

	.multi_media_zone_container .empty_td {
		display: none;
	}
}


:lang(en) body .theme_detail>.theme_content>.content>table.qef_table_50 tr.td td {
	padding-left: 270px;
}

.two_column {
	display: flex;
	gap: 2em;
	align-items: center;
	justify-content: space-around;
}

.two_column div {
	text-align: center;
}

.two_column div:nth-child(2) {
	flex: 0 0 50%;
}

@media(max-width:767px) {
	#flexslider .slides li:first-child>a>div {
		background-image: url(../Publish/upload/25th/exposition_2023/exposition_2023_banner_m.jpg) !important;
		background-size: contain;
	}
}

.theme_content {
	display: flow-root;
}

.display_flex_center {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	justify-content: space-between;
	align-items: stretch;
}

.display_flex_center>div {
	text-align: center;
	flex: 0 0 33%;
	flex-grow: 1;
	vertical-align: bottom;
}

hr .seperator {
	width: 30% !important;
	text-align: left;
	margin-left: 0;
	border-color: #000;
}

.flex_10 {
	flex: 0 0 10%;
}

/* product.php */
.new_book_con_btn {
	background-color: #40008F;
	color: #fff;
	color: #ffffff;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
}


.new_book_con_btn:hover {
	background-color: #c4c4c4;
	color: #ffffff;
}

/*theme_detail.php*/
body .theme_detail>.theme_content>.description>table.qef_table_50 {
	width: 100%;
	display: table;
	margin-bottom: 0;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tbody {
	display: table-row-group;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tr {
	display: table-row;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tr th {
	display: none !important;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tr.td td:nth-child(1) {
	padding-top: 1em;
}


body .theme_detail>.theme_content>.description>table.qef_table_50 tr td:nth-child(1):before {
	padding-top: 1em;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tr td:before {
	content: attr(data-id);
	margin-left: 0em;
	font-weight: bold;
	padding-right: 1em;
	position: absolute;
	top: 0px;
	left: 6px;
}

body .theme_detail>.theme_content>.description>table.qef_table_50 tr.td td {
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-left: 192px;
}

.theme_detail>.theme_content>.description:has(table.qef_table_50) {
	margin-bottom: 0;
}


.description:has(table.qef_table_50)~.content>table.qef_table_50 tr td:nth-child(1):before,
.description:has(table.qef_table_50)~.content>table.qef_table_50 tr.td td:nth-child(1) {
	padding-top: 0;
}

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

	body .theme_detail>.theme_content>.description>table.qef_table_50 tr.td td {
		display: block !important;
		margin-bottom: 20px !important;
		position: relative !important;
		padding-left: 0px !important;
	}

	body .theme_detail>.theme_content>.description>table.qef_table_50 tr td:before {
		content: attr(data-id) !important;
		font-weight: bold !important;
		position: unset !important;
		left: 0 !important;
		top: 0 !important;
	}

}

@media (max-width:767px) {

	.theme_detail>.theme_content>.description>table.qef_table_50,
	.theme_detail>.theme_content>.description>table.qef_table_50 * {
		display: block;
	}
}


.virtual_booth_container {
	display: grid;
	gap: 2em;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 1em;
}

.booth_info {

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 1em;
}

.booth_info img {}

.booth_info p {
	margin: 0;
}



@media (max-width: 767px) {
	.booth_info img {}
}

@media (max-width:767px) {
	.virtual_booth_container {
		display: grid;
		gap: 2em;
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (min-width:993px) {
	.info_cotainer  .info .flex {
		display: flex;
		gap: 1em;
	}

	.info_cotainer  .info .flex .content_container {
		flex: 1 0 auto;
	}


	.activity_container_cate3 .img_container {
		display: flex;
		gap: 7px;
	}

}

@media (min-width:768px) {

	.info_cotainer  .info .content_container {
		flex: 1 0 auto;
		}



	.activity_container_cate3 .img_container {
		gap: 7px;
		margin: 1em;
		display: flex;
		flex-direction: row;
	}

}

@media (max-width:767px) {

	.info_cotainer .info .content_container {
		flex: 1 0 auto;
	}


	.activity_container_cate3 .img_container {
		gap: 7px;
		margin: 1em;
		display: flex;
		flex-direction: column;
	}

}

.center-div {
	display: flex;
	column-gap: 5px;
}

.content{
	text-wrap: wrap;
}

.description .content_container{
	width:100%;
}

.flex_basis{
	flex-basis: 50% !important;
}


.info_cotainer .flex .content_container {
	display : flex;
}


.activity_container_cate3 .info_cotainer .info2 {
	position: relative;
	margin-bottom: 15px;
	border-radius: 3px;
	box-shadow: 0px -1px 13px -2px rgba(171,171,171,0.5);
	padding-top: 25px;
	padding-left: 40px;
	padding-bottom: 35px;
	padding-right: 20px;
	width: 95%;
	display: flex !important;

}

.activity_container_cate3 .info_cotainer .info2:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 100%;
	background-color: #26339e;
	top: 0;
	left: 0;
}

.promotional-slide {
	margin-top: 2.5%
}

#flexslider2 .flex-direction-nav a {
	/* font-size: 0; */
	width: 48px;
	height: 48px;
}

#flexslider2 .flexslider:hover .flex-direction-nav a {
	opacity: .9;
}

#flexslider2 .flex-direction-nav a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

#flexslider2 .flex-direction-nav a.flex-prev:before {
	content: '';
	background-image: url(../images/icon_arrow_prev.png);
	width: 35px;
	left: -5px;
	background-size: contain;
}

#flexslider2 .flex-direction-nav a.flex-next:before {
	content: '';
	background-image: url(../images/icon_arrow_next.png);
	width: 35px;
	right: -5px;
	background-size: contain;
}

#flexslider2 .flex-direction-nav a {
    font-size: 0;
    width: 48px;
    height: 48px;
}

#flexslider2 .flex-direction-nav .flex-prev {
    opacity: 0.7;
}

#flexslider2 .flex-direction-nav .flex-next {
    opacity: 0.7;
}

#flexslider2 .slides img {
	height: 132px;
    width: 192px;
}

.shadowbox.disclaimer-in-recent-completed-projects-and-information-search p {
	font-size: 0.9em;
	margin-bottom: 5px;
}

.shadowbox.disclaimer-in-recent-completed-projects-and-information-search h2 {
	margin-bottom: 10px;
}

/* for the first-img */
.footerRow .copyrightBar:first-child a img{
	height: 54px;
}