﻿html {
	font-size: 1em;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
	/*
	font-family: "Nunito Sans", "Helvetica", "sans-serif", "microsoft jhenghei";*/
	color: #2b3944;
	background-color: #fff;
	/*
	visibility: hidden;*/
}

html body {
	height: auto;
	font-size: 1em;
	overflow-y: scroll;
}

body #wrap .container {}

.indexVersion #wrap {}

.container:before {}

body p {
	margin: 0 0 1.2em 0;
	text-align: justify;
}

body,
body a,
body u {
	text-decoration-skip-ink: none;
}

.bodyArea a,
.mainContent a {
	color: #2764AF;
}

.footerArea a {
	color: #000;
}

.mainContent a:active,
.mainContent a:hover,
.mainContent a:focus {
	color: #0053B3;
}

/*
.myflex a {
	line-height: 35px;
	color:#0053B3;
}
.myflex div {
	line-height: 35px;
}*/
label {
	display: inline-block;
}

.press_title {
	color: #000066;
}

.font_bold {
	font-weight: bold;
}

.float_center {
	text-align: center;
}

.font_underline {
	text-decoration: underline;
}

.caption {
	font-style: italic;
}

.font_italic {
	font-style: italic;
}

.float_right {
	float: right;
	padding: 0 0 1em 1em;
}

.float_left {
	float: left;
	padding: 0 1em 1em 0;
}

.img-cap {
	font-size: 7pt;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.align-left {
	text-align: left;
}

.clear:after {
	content: "";
	display: table;
	clear: both;
}

.note {
	font-size: 0.875em
}

.right {
	text-align: right !important;
}

.bodyArea {
	background-position: center top;
}

.bodyArea .contentArea {
	position: relative;
}

/*
.bodyArea .contentArea:after{
	content:"";
	position:absolute;
	right:0;
	top:40px;
	width:280px;
	height:220px;
	z-index: -1;
}
#page_bg:not(.indexVersion) .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_1.svg);}
#page_bg.section1 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_1.svg);}
#page_bg.section2 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_3.svg);}
#page_bg.section3 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_4.svg);}
#page_bg.section4 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_5.svg);}
#page_bg.section5 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_6.svg);}
#page_bg.section6 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_7.svg);}
#page_bg.section7 .bodyArea .contentArea:after{background-image:url(../images/icon/icon_section_8.svg);}*/
.bodyArea h1 {
	background-color: transparent;
	position: relative;
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	z-index: 10;
}

.bodyArea h1:after {}

.bodyArea .mainArea h1 {}

.mobileVersion .bodyArea {}

.highlightArea {}

.bodyArea .mainContent {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	padding-bottom: 50px;
}

.bodyArea .mainContent.empty {
	padding: 0;
}

.indexVersion .bodyArea .mainContent {}

.bodyArea .mainContent {}

.bodyArea .mainContent .my_content {
	padding: 20px 30px;
}

body.indexVersion .mainContent {}

.bodyArea .headerMenu {}

.mainContent {
	font-size: 1.25em;
	color: rgba(0, 0, 0, 0.8);
}

.englishVersion p,
.englishVersion .mainArea p,
.englishVersion .mainContent p {
	/* line-height:1.2em; */
	line-height: 1.7em;
}

.mainContent h1,
.mainContent h2,
.mainContent h3 {}

.mainContent .myHeader {
	margin-bottom: 28px;
}

.mainContent .myHeader h1 {
	margin: 0;
	line-height: normal;
}

.mainContent .myHeader2 {
	margin-bottom: 25px;
}

.mainContent .myHeader2 h2 {
	margin-bottom: 0;
}

.mainContent p {
	/*
	text-align: left;*/
	text-align: justify;
	/* line-height: 1.8em; */
	line-height: 1.7em;
	margin: 0 0 1.8em 0;
	color: rgba(0, 0, 0, .8);
}

.mainContent li {
	text-align: justify;
}

.mainContent ul,
.mainContent ol {
	color: rgba(0, 0, 0, .8);
	margin-bottom: 1.4em;
	padding-left: 1.5em;
}

.mainContent ul ul:nth-last-child(1),
.mainContent ul ol:nth-last-child(1),
.mainContent ol ul:nth-last-child(1),
.mainContent ol ul:nth-last-child(1) {
	/*
	margin-bottom:1em;*/
}

.mainContent ul>li,
.mainContent ol>li {
	line-height: 1.875em;
}

.mainContent ul.upper-roman {
	list-style-type: upper-roman;
}

.mainContent ul.bold_header>li>div {
	font-weight: bold;
	color: #816243;
	margin-bottom: 1em;
}

.mainContent .myTextArea {
	/*
	padding:22px 0;*/
	padding: 0;
}

.mainContent .myHighLight.mhl_p1 {
	font-size: 1.4em;
}

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;
}

/*=========header=========*/
body {
	overflow: auto;
	overflow-x: hidden;
}

body #wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*
    overflow: hidden;*/
}

/*
#wrap #header,
#wrap #header,
#wrap #footer{
    overflow: auto;
    overflow-x: hidden;
}*/
body.indexVersion #wrap {}

body.indexVersion .headerArea {}

body #wrap .container {
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
	clear: both;
}

.main_secBanner {
	position: relative;
	top: 520px;
}

body.indexVersion #header:after {
	display: none;
}

body.indexVersion .bodyArea {}

body.indexVersion .bodyArea {}

#header:after {}

.headerArea .container {}

.mainbanner {
	position: relative;
}

.mainbanner:before {
	content: "";
	display: block;
	/*
	position:absolute;
	top:0;
	left:0;
	right:0;*/
	/* height:390px; */
	height: 350px;
	background-color: #94d5f3;
	background-image: url(../images/banner/img_headerbanner_0.jpg);
	background-position: top center;
	background-size: cover;
}

.indexVersion .mainbanner:before {
	display: none;
}

/*
.section1 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_1.jpg);}
.section2 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_2.jpg);}
.section3 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_3.jpg);}
.section4 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_4.jpg);}
.section5 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_5.jpg);}
.section6 .mainbanner:before{background-image:url(../images/banner/hb/img_headerbanner_6.jpg);}*/
.chineseVersion .mainbanner {}

.indexVersion .mainbanner {}

.indexVersion .btmNav {}

.bodyArea {}

.content_bg {
	width: auto;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	height: auto;
	z-index: 5;
}

/*
.content_bg:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:200px;
	background-image:url(../images/banner/hb/img_headerbanner_0.jpg);
    background-position: top center;
    background-size: cover;
	z-index:-1;
}
.section1 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_1.jpg);}
.section2 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_2.jpg);}
.section3 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_3.jpg);}
.section4 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_4.jpg);}
.section5 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_5.jpg);}
.section6 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_6.jpg);}
.section7 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_7.jpg);}
.section8 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_8.jpg);}
.section9 .content_bg:before{background-image:url(../images/banner/hb/img_headerbanner_9.jpg);}*/
.indexVersion .content_bg:before {
	display: none;
}

.content_bg>.container {
	position: relative;
	z-index: 10;
}

.content_bg>.container:before {}

.mc_box {
	background-color: #fff;
	border: 1px solid #d9e2eb;
	border-radius: 4px;
	padding: 30px 40px;
	box-shadow: 0px 2px 4px 0 #dce1e7;
}

.indexVersion .content_bg {
	padding-bottom: 0;
}

#wrap #footer .container {}

.headerArea {
	background-repeat: no-repeat;
}

.headerArea1 {}

.headerArea2 {
	z-index: 4000;
	position: relative;
	background-repeat: repeat;
}

.headerArea2 .mbgItem:before {
	content: "";
	position: absolute;
	z-index: -1
}

.headerArea2 .mbgItem.mbgi_1:before {
	display: none;
	top: 20px;
	right: calc((100vw + 1600px - 90px)/2);
	width: 190px;
	height: 37.18px;
	background-color: #fedca8;
}

.headerArea2 .mbgItem.mbgi_2:before {
	top: -18px;
	left: calc((100vw + 1600px - 630px)/2);
	width: 458px;
	height: 37.18px;
	background-color: #D4F2FF;
}

.headerArea2 .mbgItem.mbgi_3:before {
	display: none;
	right: calc((100vw + 1600px - 90px - 180px)/2);
	bottom: -34px;
	width: 250px;
	height: 250px;
}

.headerArea2 .headerNav {
	position: relative;
	z-index: 10;
}

.headerArea2 .headerNav:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 100vw;
	/* background-color:#17696e; */
	background-color: #2662AE;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: -1;
}

.headerArea2 .mbgItem.mbgi_4:before {
	top: -18px;
	left: 25px;
	width: 629px;
	height: 37.18px;
	background-color: #e4ffca;
}

.headerArea2 .headerNav>div {}

.indexVersion .headerArea2 {}

.headerTop {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: right;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	padding: 0 0;
	font-size: 1em;
}

.mainbanner .flex-pauseplay {
	z-index: 7000;
	position: static;
}

.mainbanner h1 {
	/*color:#ffff00;*/
}

.mainbanner .flex-pauseplay a {
	left: auto;
	right: 10px;
	top: 10px;
	bottom: auto;
	color: #ffca2e;
}

.mainbanner img {
	z-index: -13;
	max-width: none;
}

.content_top_banner {
	min-height: 125px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	display: block;
	height: 250px;
}

.headerArea .headerBottom {}

.headerArea .headerBg {
	background-color: #ff913f;
	height: 43px;
	width: 100%;
	position: absolute;
	top: 122px;
	left: 0;
	z-index: -1;
	border-bottom: 3px solid #203682;
}

.headerArea ul {
	margin: 0;
	padding: 0;
}

.headerArea .myTool {}

.headerArea .headerTool {
	background-color: inherit;
	margin-right: auto;
	margin-left: auto;
}

.headerArea .headerArea1 .headerTool {}

.headerArea .headerTool .langTool {
	display: inline-block;
}

.headerArea .headerTool .langTool li,
.headerArea .headerTool .langTool a {}

.headerArea .headerTool .langTool li span {
	margin: 0;
}

.headerArea .headerTool2 {
	width: 100%;
}

.headerArea .myheaderTool a,
.headerArea .myheaderTool a:link,
.headerArea .myheaderTool a:visited {}

.headerArea .headerMenu a {
	display: block;
	color: #333;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.headerArea .headerMenu a,
.headerArea .headerMenu a:link,
.headerArea .headerMenu a:visited,
.headerArea .headerMenu a:hover,
.headerArea .headerMenu a:focus .headerArea .headerMenu a:active {
	color: #fff;
	background-color: transparent;
}

.headerArea .headerMenu .extmenu {
	display: none;
}

.headerArea .headerMenu .extmenu a,
.headerArea .headerMenu .extmenu a:link,
.headerArea .headerMenu .extmenu a:visited,
.headerArea .headerMenu .extmenu a:hover,
.headerArea .headerMenu .extmenu a:focus,
.headerArea .headerMenu .extmenu a:active {
	/*
	color:#0061FF;
	background-color:#fff;*/
}

.headerArea .headerTool ul.menuLv0>li>a:focus {}

.headerArea .headerTool #lunar_conversionc_uc img {
	padding-bottom: 4px;
}

.headerArea .headerTool ul.menuLv0>li>a:hover {}

.headerArea .headerTool ul.menuLv1>li a:hover,
.headerArea .headerTool ul.menuLv1>li a:focus {
	/*
    color: #fff;
    background-color: #1a58ab;*/
}

.headerArea .topHeaderTool {
	margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
	margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool>div,
.headerArea .headerTool .bottomHeaderTool>div {
	float: left;
}

.headerArea .headerTool .myTool .myLogo {
	position: relative;
	z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 101px;
	background-repeat: repeat-x;
	z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
	float: left;
	margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,
.headerTool .topHeaderTool,
.headerArea .bottomHeaderTool {
	float: right;
	width: 80%;
}

.myheaderTool>div.clientTool {
	color: #444;
	padding-top: 0;
	padding-right: 0px !important;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	text-align: right;
}

.myheaderTool>div.clientTool div {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.headerTool .mobSearchArea {
	vertical-align: middle;
}

.myheaderTool>div.clientTool div {
	position: relative;
}

.myheaderTool>div.clientTool div>* {}

.myheaderTool>div.clientTool div>a {
	padding: 0 10px;
}

.headerTool div:before {}

.headerTool div:nth-child(1):before {}

.headerTool div>ul.aaaTool {
	padding: 0 4px;
}

.headerTool div.datetime {
	padding-right: 17px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.headerTool div.datetime:after {
	content: "";
	position: absolute;
	width: 1px;
	right: 0;
	top: 28%;
	bottom: 28%;
	background-color: #5b6c73;
}

.headerTool div.login {
	padding: 0 17px;
	position: relative;
	font-size: 1.2em;
}

.headerTool div.login:before {
	content: "";
	position: absolute;
	width: 1px;
	left: 0;
	top: 28%;
	bottom: 28%;
	background-color: #a0abad;
}

.headerTool div.login:after {
	content: "";
	position: absolute;
	width: 1px;
	right: 0;
	top: 28%;
	bottom: 28%;
	background-color: #5b6c73;
}

.headerTool div.setbookmark {
	padding: 0 17px;
	position: relative;
}

.headerTool div.setbookmark:before {
	/*
	content:"";
	position:absolute;
	width:1px;
	left:0;
	top:28%;
	bottom:28%;
	background-color:#a0abad;*/
}

.headerTool div.datetime>#lunar_climatology_uc {
	padding-right: 0;
}

.headerTool div.datetime>#lunar_conversionc_uc {
	padding: 0;
}

.headerTool div.datetime>span {
	padding-left: 6px;
}

.headerTool div.searchTool>* {}

.headerTool div.brandhk>* {
	padding: 0;
}

.headerTool div#wxinfo_bar>img {
	height: 22px;
	width: auto;
	padding: 2px;
	background-color: #fff;
}

/*.clientTool>div:before {
    content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;
}
.clientTool>div:first-child:before{
	display:none;
}*/
.clientTool>div.AStyleArea:before,
.clientTool>div.language:before,
.clientTool>div.share:before {
	/*    content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;*/
}

/*.clientTool>div.language li:before{
	content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;
}*/
.clientTool>div.language li.fst:before {
	content: "";
	display: none;
}

.clientTool>div.homeTool:before {
	display: none;
}

.clientTool>div.searchTool:before {
	/*	content: "";
	clear: both;
	padding: 0;
	margin: 0;*/
}

.headerArea .headerTool .searchTool {
	float: none;
	text-align: right;
	z-index: 8901;
	max-width: 100%;
	width: 330px;
	/*
    background-color: #fff;*/
	margin: 15px 0;
}

.headerTool .bs-example-js-navbar-search input[type="text"] {
	background-color: #fff;
}

.headerArea .headerTool .clientTool:not(.activeSearch) .search img.close {
	display: none;
}

.headerArea .headerTool .clientTool.activeSearch .search img.open {
	display: none;
}

.headerArea .headerTool .activeSearch .searchTool {
	display: block;
}

.headerArea .headerTool .searchTool input {
	/*    border-radius: 10px;
    border: 1px solid #a3a3a3;*/
}

div.searchTool:after {
	content: none !important
}

div.hrbTool:after {
	content: none !important
}

div.mobile_view:after {
	content: none !important
}

/*div.language:after{
	content: "";
	display:none;
}*/
.searchTool form:before {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	margin-left: 5px;*/
}

.clientTool div:after {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}

div.language li:after {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}

/*div.AStyleArea:before{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	padding-right: 10px;
}
div.language:after{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 10px;
	padding-right: 5px;
}*/
div.language li.last:after {
	content: "";
	display: none;
}

.hrbTool:before {
	content: none !important
}

.headerTool div.RSS {
	color: #be4a03;
	font-size: 14px;
}

.headerTool div.AStyleArea {
	/*	width: 70px;*/
	/*
    line-height: 1em;
	padding:0 17px;*/
	position: relative;
	padding: 0;
}

.headerTool div.AStyleArea:before {
	/*	content:"";
	position:absolute;
	width:1px;
	left:0;
	top:28%;
	bottom:28%;
	background-color:#a0abad;*/
}

.headerTool div.AStyleArea:after {
	/*	content:"";
	position:absolute;
	width:1px;
	right:0;
	top:28%;
	bottom:28%;
	background-color:#5b6c73;*/
}

.headerTool div.setting img {
	width: 20px;
}

.headerTool div.mobile_view {
	/*	width: 45px;*/
	height: 27px;
}

.headerTool div.language ul li {
	display: inline-block;
	/*	padding-right: 5px !important;
	padding-right: 0;
	width: 10px !important;*/
}

.headerTool div.home {}

.headerArea ul {
	/*	float: right;*/
	list-style-type: none;
}

.clientTool ul li {
	margin-left: 0;
	margin-right: 0;
}

.clientTool:before {
	/*	content: " ";
	float: left;
	display: block;
	background-image: url(../images/user_login.png);
	background-repeat: no-repeat;
	position: relative;
	width: 10px;
	height: 9px;
	background-size: 100% 100%;
	margin-right: 5px;
	top: 50%;
	margin-top: -5px;*/
}

.searchTool form {}

.headerArea form a {
	/*
	display: inline-block;
	vertical-align: middle;
	padding: 7px 9px;
	background-color: #1d8acd;*/
}

.headerTool .searchBtn {
	/* background-color: #17696e; */
	background-color: #2662AE;
	border-radius: 0 100px 100px 0;
	padding: 8px 12px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	/*
	background-color:#f2dd2c;*/
}

.headerArea form img {
	z-index: 4200;
	position: relative;
	width: 18px;
	/*
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
    filter: brightness(0);*/
}

.headerArea .language>ul {
	/*	float:left;*/
}

.headerArea .clientTool>ul>li>div>* {
	padding: 4px 12px;
}

.clientTool li * {
	display: inline;
	vertical-align: bottom;
}

.headerArea li .aaaTool,
.headerArea li .aaaTool * {
	vertical-align: inherit;
}

.mobileClient {
	display: none;
}

.logIOTool a {
	background: #eee;
}

.headerArea,
.headerArea a {
	color: #000;
}

.headerArea li,
.headerArea a {
	margin: 0 0px;
	padding: 0;
	float: none;
	/*
	display: inline;
	text-decoration: none;
	font-size: 1.1em*/
}

.headerArea .language li {
	position: relative;
}

.headerArea .language li a {
	display: block;
	min-width: 40px;
	padding: 8px 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 0.875em;
	font-weight: normal;
	text-align: center;
}

.headerArea .language li:nth-child(1) a {
	border-radius: 0 0 0 15px;
}

.headerArea .language li:nth-child(2) a {
	border-radius: 0 15px 0 0;
}

.headerArea .language li:nth-child(2):before {}

.headerArea .headerMenu li {}

.headerArea .headerMenu a {}

.headerArea a:hover,
.headerArea a:focus {
	text-decoration: underline;
}

.headerArea .myTool,
.headerArea .myTool a {
	color: #3e5259;
}

.headerArea .langTool {
	margin-top: 6px;
}

.headerArea .bottomHeaderTool .contactus img {
	vertical-align: initial;
	margin: 0 5px;
}

.headerArea .bottomHeaderTool .searchTool {
	margin-left: 3px;
	margin-top: -2px;
}

.headerArea .hrbTool input {}

.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 {
	/* background-color:#17696e;  */
	/* background-color:#2662AE; */
	border-radius: 6px;
	/*
	padding:0 10px;
    margin: 0 -10px;*/
	text-align: left;
	/*
	width: 100%;
	max-width: 100%;*/
	z-index: 8000;
}

.headerArea .headerTool .headerMenu {}

.headerArea .headerTool .headerMenu:before {}

.headerArea .headerTool .headerMenu .cross_btn,
.headerArea .headerTool .headerMenu .mob_bak {
	/*
	display:none;*/
}

.mob_bak {
	display: none;
}

.headerMenu .mob_bak {
	display: block;
}

.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;
}

.headerMenu:before {}

.headerArea .headerTool .headerMenu>ul {
	margin-top: 0;
	padding: 0 50px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 70px;
}

.indexVersion .headerArea .headerTool .headerMenu>ul {}

.siteList ul.siteMenu {
	padding: 0;
}

.headerMenu ul.menuLv1,
.themeMenu ul.menuLv1 {
	padding-left: 7px;
}

.headerMenu ul.menuLv2,
.themeMenu ul.menuLv2 {
	padding-left: 14px;
}

.headerMenu ul.menuLv3,
.themeMenu ul.menuLv3 {
	padding-left: 21px;
}

.headerMenu ul.menuLv4,
.themeMenu ul.menuLv4 {
	padding-left: 28px;
}

.headerMenu ul.menuLv0>li {
	max-width: 16%;
	min-width: 12%;
	padding-left: 0;
	padding-right: 0;
	/*
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/
	position: relative;
	border-collapse: collapse;
	list-style-type: none;
	text-align: center;
}

.headerMenu ul.menuLv0>li:nth-child(n+9) {
	display: none;
}

.headerMenu ul.menuLv0>li:nth-child(1) {
	/*
    display: none;*/
}

.headerMenu ul.menuLv0>li.mobile,
.siteList ul.siteMenu>li.mobile {
	display: none;
}

.headerMenu ul.menuLv0>li>a {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 5px 5px;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.headerMenu ul.menuLv0>li>a:focus,
.headerMenu ul.menuLv0>li>a:hover,
.headerMenu ul.menuLv0>li>a.active_section,
.headerMenu ul.menuLv0>li>a.activeSection {
	color: #f4db39;
}

.headerMenu ul.menuLv0>li>a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	height: 10px;
	font-weight: bold;
	background-color: #f4db39;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.headerMenu ul.menuLv0>li>a:focus:after,
.headerMenu ul.menuLv0>li>a:hover:after,
.headerMenu ul.menuLv0>li>a.active_section:after,
.headerMenu ul.menuLv0>li>a.activeSection:after {
	opacity: 1;
}

#mainContentSkip {
	float: left;
}

.headerArea {}

.headerTool {}

.hrbTool {}

.caret {
	display: none;
}

.siteList .caret {
	display: none;
}

.copyrightBar {
	text-align: center;
	margin: 0 0 0 0;
}

.headerTool {}

.headerNav {
	width: 100%;
}

.headerTool .myLogo {
	padding-right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.headerTool .myLogo .logo_0 {
	display: block;
	max-width: 100%;
	/*
	width:375px;
	margin-left:70px*/
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-child(1)) {
	/*
	padding-left:15px;*/
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-last-child(1)) {
	/*
	padding-right:15px;
	position:relative;*/
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-last-child(1)):after {
	/*
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:2px;
	height:46px;
	background-color:#c0c0c0;
    -webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);*/
}

.headerTool .myLogo .logo_0 a {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #1D1A49;
	text-decoration: none;
}

.headerTool .myLogo .logo_0 img {
	text-align: left;
}

.headerTool .myLogo .logo_0 span>span {
	font-weight: bold;
}

.headerTool .myLogo .logo_0 img {
	width: auto;
	max-width: 100%;
	height: 80px;
}

.headerTool .myLogo .logo_0 .limg {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.headerTool .myLogo .logo_0 .ltit {
	padding: 0 10px;
	line-height: 1.4em;
}

.headerTool .myLogo .logo_0 .ltit .ltit_c {
	letter-spacing: .3em;
}

.headerTool .headerMenu {}

.headerTool .AStyleArea a {
	vertical-align: baseline;
}

/*=========footer=========*/
.footerArea {}

.footerArea a {}

.footerArea .contact_tool {}

.footerArea .header {
	color: #ffff00;
	margin-bottom: 26px;
	font-size: 1.2em;
}

.footerArea {}

.footerMenu ul.menuLv0>li.firstLi {}

.footerMenu .fm0 ul.menuLv0>li.firstLi {
	display: none;
}

.footerMenu ul,
.footerMenu ul li {
	list-style-type: none;
	padding: 0;
}

.indexVersion .footerMenu .bMenu {
	display: block;
}

.footerArea {
	position: relative;
	padding: 0;
	overflow: hidden;
	max-width: 100%;
}

.indexVersion .footerArea {
	box-shadow: none;
}

.footerArea,
.footerArea a {}

.footerArea .container {
	z-index: 1000;
}

.footerArea0 {
	overflow: hidden;
	/*
    background-color: #9eeeb6;
	background-image: linear-gradient(180deg, #d9e5a6 -227.34%, #FFFFFF 102.52%);*/
	padding: 60px 0;
}

.footerBannerArea {
	max-width: 1600px;
	margin: auto;
}

.footerBanner2 {}

ul.footerBanner2 {
	margin: 0;
	padding: 0;
}

.flex-viewport .footerBanner2.slides>li {
	display: inline-block;
	padding: 0 20px;
	max-width: 100%;
}

.footerArea1 {
	background-color: #45494e;
	/*
	background-color:rgba(0, 0, 0, 0.8);*/
	color: #fff;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.footerArea1 .footerRow {
	padding: 25px 0;
	border-bottom: 1px solid #EBD446;
}

.footerArea1 a {
	color: #fff;
}

.footerArea1 .myflex {}

.footerArea1 .myflex>div {}

.footerArea1 .myflex .footerContact {
	width: 400px;
	max-width: 100%;
	padding-right: 2vw;
	position: relative;
}

.footerArea1 .myflex .footerContact:before {}

.footerContact .logo {
	padding: 17px 0;
}

.footerArea1 .myflex .footerMenuArea {
	-webkit-flex: 1 1 0px;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
}

.footerArea1 .footerContact>.border {
	padding: 16px 0;
	line-height: 1.875em;
}

.footerArea1 .footerContact>.border>.tit {
	font-size: 1.25em;
	font-weight: bold;
	color: #C8EBFA;
	position: relative;
	margin: 0 auto;
	padding: 12px 0;
}

.footerArea1 .footerContact .detail {
	font-size: 1.125em;
	padding: 8px 0;
}

.footerArea1 .footerContact .detail>div {
	padding: 0;
	/*
	padding-bottom:15px;
	padding-left:75px;
	position:relative;*/
	font-size: 1em;
	/*
	max-width:50%;*/
}

.footerArea1 .footerContact .detail>div>div,
.footerArea1 .footerContact .detail>div>div:not(:nth-last-child(1)) {
	padding-bottom: 1.4em;
}

.footerArea1 .footerContact .detail .tit {}

.footerArea1 .footerContact .detail .icon {
	position: relative;
	padding-left: 50px;
	padding-right: 65px;
}

.footerArea1 .footerContact .detail .icon:before {
	content: "";
	position: absolute;
	left: 0;
	width: 34px;
	height: 34px;
}

.footerArea1 .footerContact .detail .icon.tel:before {
	background-image: url(../images/icon/icon_contact_phone.svg);
}

.footerArea1 .footerContact .detail .icon.mail:before {
	background-image: url(../images/icon/icon_contact_email.svg);
}

.footerArea1 .footerContact .detail .icon.fax:before {
	background-image: url(../images/icon/icon_contact_fax.svg);
}

.footerArea1 .footerContact .detail .icon.loc:before {
	background-image: url(../images/icon/icon_contact_location.svg);
}

.footerArea1 .footerContact .detail .icon.youtube:before {
	background-image: url(../images/icon/icon_contact_youtube.svg);
}

.footerArea1 .footerContact .footerFollow ul {
	padding-left: 0;
}

.footerArea1 .footerContact .footerFollow li {
	list-style-type: none;
	display: inline-block;
	padding: 0 10px;
}

.footerArea1 .footerContact .footerFollow li:nth-child(1) {
	padding-left: 0;
}

.footerArea1 .footerContact .footerFollow li:last-child {
	padding-right: 0;
}

.footerArea1 .footerMenuArea {}

.footerArea2 {
	/*
	background-color: rgba(0, 0, 0, 0.8);*/
	background-color: #45494e;
	color: #fff;
	font-size: 0.875em;
	padding: 0;
}

.footerArea2 a {
	color: #fff;
}

.footerArea2 .footerRow {
	margin: 0 -16px;
	padding: 35px 0;
	line-height: 1.875em;
}

.footerArea2 .footerRow>* {}

.footerArea2 .footerLogo {
	width: 330px;
	max-width: 100%;
}

.footerArea2 .footerLogo a {
	display: block;
}

.footerArea2 .copytool {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.footerArea2 .copyRight {}

.footerArea2,
.footerArea2 a {}

.footerArea3 .tit {
	text-align: center;
}

.footerArea3 .tit,
.footerArea3 a,
.footerArea1 .fTool li a {
	color: #004F80;
}

.footerArea3 .footerExternal {
	padding: 20px 0;
	border-bottom: 1px solid #a5a696;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerArea3 .footerExternal>div {
	max-width: 100%;
	width: 400px;
	text-align: center;
}

.footerArea3 .footerExternal .footerApp {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerArea3 .footerShareTool {
	text-align: center;
}

.footerArea3 .footerShareTool a.fb-tool {
	position: relative;
	text-indent: -9999px;
	display: inline-block;
	padding-right: 30px;
}

.footerArea3 .footerShareTool a.fb-tool:before {
	content: '';
	width: 24px;
	height: 24px;
	left: 5px;
	top: -5px;
	position: absolute;
	background-image: url(../images/share/icon-social-facebook-white.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-color: #3b5998;
}

.footerApp .cover {
	padding: 0 10px;
}

.footerApp .store>div {
	padding: 2px 0;
}

.footerRow .logo {
	text-align: center;
	margin-bottom: 20px;
}

div.footerRow {}

.footerRow {}

.footerInline>* {
	display: inline-block;
}

.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;
}

body #wrap .footerArea .container {
	/*background-color:#26418e;*/
}

.footerArea .footerMenu .footerMenuParent {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*	padding-bottom: 0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #3f535a;
	padding-right: 0px;
	padding-left: 0px;*/
	padding: 0;
	margin: 0 -1vw;
	position: relative;
	/*
	background-color: #fcc800;*/
}

body.chineseVersion .footerArea .footerMenu .footerMenuParent {}

body.ieVersion .footerArea .footerMenu .footerMenuParent {
	padding: 20px 10px;
}

body.ieVersion.chineseVersion .footerArea .footerMenu .footerMenuParent {
	padding: 29px 10px;
}

.footerArea .footerMenu:after {
	/*	content: '';
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	height: 2px;*/
}

.footerArea .footerMenu {
	/*	background-color:#e5faf5;*/
}

.footerArea .footerMenu .footerMenuParent {
	/*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
}

.footerArea .footerMenu .footerMenuParent>div {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	/*
	width: 33.333%;
	display: inline-block;*/
}

/*
.footerArea .fm1 .fMenu>li:nth-child(1) {
	background-color: #1c8d3d;
}
.footerArea .fm2 .fMenu>li:nth-child(1) {
	background-color: #096fb9;
}*/
.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
{
	display:none;
}*/

.footerMenu .bMenu li {
	display: list-item;
	margin: 10px 0;
	list-style-type: disc;
}

.footerMenu .bMenu .menuLv1 li {}

.footerMenu .bMenu .menuLv1 li:before {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.footerMenu ul.menuLv0>li.firstLi {
	/*	display: none;/*	float: left;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
	padding-left: 30px;
	display: none;*/
}

.footerMenu ul.menuLv0>li.my_menu1 {
	/*	float: left;
	width: 13%;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 35px;
	padding-left: 6%;*/
}

.footerMenu .fm0 .extmenu {
	/*
	display:none;*/
}

/*.footerMenu ul.menuLv0>li.my_menu2 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu3 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu4 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu5 {
	width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu6 {
	width: 13%;
}*/
/*
.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;
}*/
/*.footerArea .footerMenu .bMenu>li a{
	margin-bottom: 5px;
}

.footerArea .footerMenu .bMenu>li li{
	float: left;
	margin: 8px 25px 8px 25px;
	width: 200px;
	max-width: 100%;
}
.footerMenu .bMenu {
	font-size: 1em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}*/
.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;
}

.footerMenu .bMenu .menuLv1 a:hover,
.footerMenu .bMenu .menuLv1 a:focus,
.footerMenu .bMenu .menuLv1 a:active,
.footerMenu .bMenu .menuLv1 a.active_section {}

.footerArea ul.fMenu {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}

.footerArea ul.fMenu,
.footerArea .copyRight,
.footerArea .copyrightBar {
	/*text-align:center;
    display: inline;*/
}

.footerArea ul.fMenu {
	/*margin:2px 0;
    display: inline-block;
	float: right;
	max-width:38%;*/
}

.footerArea div.info ul.fMenu {
	/*	max-width: 50%;*/
	margin: 0px;
	padding: 0px;
	display: block;
}

.footerArea .footerBold {
	font-size: 1.1em;
	font-weight: bold;
}

.footerArea .govLogo {
	margin-bottom: 10px;
}

.footerArea .govLogo>div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.footerArea .copyRight {
	padding: 10px 16px;
	position: relative;
}

.footerArea .copyRight:before {}

.footerArea .info {
	text-align: right;
}

.footerArea .info>div {}

.footerArea .info>* {}

.footerArea ul.fMenu span {
	display: block;
	width: 100%;
}

.footerArea ul.fMenu a {}

.footerArea ul.fMenu>li,
.footerArea .copyrightBar {}

.footerArea .copyrightBar {}

.footerArea ul.fTool {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerArea span {}

.footerArea ul.fTool>li {
	display: inline-block;
	position: relative;
}

.footerArea ul.fTool>li:after,
.footerArea ul.fTool>li:not(:last-child):after {}

.footerArea ul.fTool>li:after {}

.footerArea .fTool li a {
	position: relative;
	display: block;
	padding: 2px 16px;
}

.footerArea .fTool li:not(:nth-last-child(1)) a:before {
	content: "";
	position: absolute;
	top: 0.58em;
	bottom: 0.58em;
	right: 0;
	width: 1px;
	background-color: #fff;
}

.footerArea .info .fTool li a {
	padding: 0 12px;
	color: #000;
}

.copyR {
	text-align: center;
	margin-bottom: 20px;
}

.copyR>div {
	display: inline-block;
}

.copyR>div:nth-child(2) {
	padding: 0 10px;
}

.copyrightBar img {}

#footer div.system {
	width: 50%;
	text-align: right;
	float: right;
}

#footer div.copyright {
	width: 50%;
	text-align: right;
	float: right;
}

#footer div.w3c {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer div.w3c>div {
	display: inline-block;
	padding: 6px 12px;
	vertical-align: middle;
}

#footer div.w3c .copyrightBar img {}

.footerArea .updateDate {
	display: inline-block;
	padding: 2px 10px;
	position: relative;
}

.footerArea .updateDate:before {
	/*
	content:"";
    position: absolute;
	width:1px;
	top:0;
	bottom:0;
	left:0;
	background-color:#c0c0c0;*/
}

.footerArea .fm {
	width: 33.3333%;
	padding: 0 1vw;
}

.footerArea ul.fMenu {
	/*
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;	
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
	padding: 0;
	/*
    min-height: 150px;*/
}

.footerArea ul.fMenu,
.footerArea ul.fMenu li {}

.footerArea ul.fMenu li {
	/*
	max-width: 16%;*/
	padding-left: 0;
	padding-right: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	border-collapse: collapse;
	list-style-type: disc;
	/*
    text-align: center;*/
}

.footerArea ul.fMenu>li {}

.footerArea ul.fMenu .extmenu {
	padding: 8px 0;
	border-top: 1px solid #EBD446;
}

.footerArea ul.fMenu .extmenu .extmenu {
	padding: 0;
	border-top: none;
}

.footerArea ul.fMenu .extmenu>ul {
	padding-left: 1.25em;
}

.footerArea ul.fMenu .extmenu li {}

.footerArea .fMenu {
	margin: 0;
}

.footerArea .fMenu>li {
	display: block;
	padding: 12px 0;
}

.footerArea .fMenu>li a {
	display: block;
	margin: 0;
	padding: 12px 4px;
	font-size: 1em;
}

.footerArea .fMenu>li a.tit {
	font-size: 1.2em;
	font-weight: bold;
}

.footerArea .fMenu>li .myflex {
	margin: 0 -10px;
}

.footerArea .fMenu>li .myflex a {
	padding: 8px 10px;
}

.footerArea .fMenu>li a br {
	display: none;
}

.footerArea .fMenu>li>a {
	display: block;
	color: #C8EBFA;
	font-size: 1.125em;
	font-weight: bold;
}

.footerArea .fMenu>li>a,
.footerArea .fMenu>li>a:hover,
.footerArea .fMenu>li>a:focus {
	text-decoration: none;
}

.footerArea .fMenu>li>a,
.footerArea .fMenu>li>a.excLi {}

.footerArea .fMenu>li>a {}

.footerArea .fMenu>li {
	position: relative;
}

.footerArea .fMenu>li .extmenu a {}

.footerArea .fMenu>li .firstItem {
	margin-left: 0
}

.footerArea .fMenu>li .lastItem {
	margin-right: 0
}

.footerArea .fMenu>li {}

.footerArea .fm {}

.footerArea .il {
	padding: 0 10px;
}

.footerArea .il li {
	display: inline-block;
}

.footerArea .il a {
	display: block;
	margin: 0;
	padding: 8px 6px;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

.copyRight {}

.myheaderTool {
	position: static;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.myheaderTool>div {}

.myheaderTool .clientTool {
	font-size: 1em;
	white-space: nowrap;
	padding: 5px 0;
	/*
	margin:0 -20px;*/
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.myheaderTool .clientTool a {
	font-size: 1em;
}

.myheaderTool .clientTool:before {}

.myheaderTool .clientTool:after {}

.myheaderTool .clientTool:nth-child(1):before,
.myheaderTool .clientTool:last-child:after {}

.myheaderTool .clientTool>div:nth-child(1) {}

.myheaderTool .clientTool>div:nth-child(1):before {}

.myheaderTool .clientTool>div:before {}

.myheaderTool .clientTool>div {
	position: relative;
	margin: 0 20px;
}

.myheaderTool .clientTool>div:nth-last-child(1) {}

.myheaderTool .clientTool>div:nth-last-child(1):before {}

.myheaderTool .clientTool>div:last-child {}

.myheaderTool .clientTool .language ul {
	margin: 0 -20px;
}

.myheaderTool .clientTool .language li {
	position: relative;
	margin: 0 .5px;
}

.myheaderTool .clientTool .language li a {}

.myheaderTool .clientTool>div:before {}

.myheaderTool .clientTool .language>li:nth-child(1):before,
.myheaderTool .clientTool>div:nth-child(1):before {}

.clientTool .qrcode {
	position: relative;
}

.clientTool .qrcode .qrarea {
	display: none;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 8000;
	padding: 10px;
	background-color: #fff;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.clientTool .qrcode.active .qrarea {
	display: block;
}

.clientTool .fbTool a {
	width: 27px;
	height: 24px;
	position: relative;
	font-size: 0;
	display: block;
}

.clientTool .fbTool a:before {
	content: '';
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	border-radius: 100px;
	display: block;
	position: absolute;
	background-image: url(../images/share/icon-social-facebook-white.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-color: #3b5998;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myheaderTool div {
	/*	float: left;*/
	line-height: 1em;
	/*
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;*/
}

.myheaderTool .signup>a {
	display: block;
	color: #fff;
	background-color: #013250;
	border: 1px solid #fff;
	padding: 8px 20px;
	font-size: .6em;
	font-weight: bold;
	margin: 0 17px;
}

.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>div {
	background-image: url(../images/footer/footer_bg.gif);
	background-repeat: repeat;
}*/
.footerArea .myLogo img {
	width: 90px;
	display: block;
	margin: auto;
}

.footerArea .myLogo span {
	display: block;
	text-align: center;
	margin-top: 10px;
}

/*=========Page Buttom=========*/

div.btmNav {
	position: relative;
	opacity: 0;
	z-index: 10;
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-ms-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}

div.btmNav.active {
	opacity: 1;
	/*
	position: absolute;
	right: 5%;
    bottom: -25px;*/
}

div.btmNav.fixed.active,
div.btmNav.fixed {
	right: 0;
	bottom: 40px;
	position: fixed;
	/*opacity: 1;*/
	/*transition: opacity 0.5s ease-in;*/
	background-color: transparent;
}

/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {
	display: inline-block;
	/*background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;*/
	/*width:54px;
	height: 19px;*/
	float: left;
	/*padding: 10px 15px;*/
	/*
	padding: 7px 12px;*/
	/*padding: 6px 12px;
	/*background-color: #d8e2ed;*/
	color: #3e5259;
	margin: 0;
	/*background-color: #3e535a;
	/*
	margin:0 0 0 50px;*/
	/*background-color: #FAB965;*/
	font-weight: bold;
	/*margin-left:15px;*/
}

.topBtn {
	/*
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;*/
	/*
    position: absolute;
	right: 30px;
    bottom: 15px;*/
	position: absolute;
	right: 20px;
	bottom: 100%;
	-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;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.backBtn a {
	padding: 5px 7px 8px 7px;
	background-color: #446993;
	border-radius: 4px;
	color: #FFF !important;
}

.backBtn a:hover,
.backBtn a:focus {
	text-decoration: none;
}

.topBtn a {
	display: block;
	position: relative;
	color: #000;
	background-color: #fff;
	border-radius: 100px;
	border: 3px solid #26277D;
	width: 52px;
	height: 52px;
}

.topBtn a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 14px;
	background-image: url(../images/icon/icon_top.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.topBtn a:after {}

.topBtn a img {
	width: 16px;
}

.topBtn a:hover,
.topBtn a:focus {
	text-decoration: none;
}

.my_anchor {
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	position: static !important;
	display: block !important;
	height: 0 !important;
	width: 0 !important;
}

/*=========breadcrumb=========*/
.indexVersion .contentArea .breadcrumb {
	display: none;
}

.contentArea .breadcrumb a.home {}

.contentArea .breadcrumb {
	display: none;
	position: relative;
	background-color: transparent;
	/*
	color:#59358c;*/
	z-index: 10;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	padding: 30px 0 30px 0;
}

.contentArea .breadcrumb:after {
	display: none;
	content: "";
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	max-width: calc(100vw - 17px);
	position: absolute;
	background-color: #fff;
	background-image: linear-gradient(180deg, #b9e3f0 70%, #bee0ce 100%);
	opacity: .5;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: -1
}

.breadcrumb a {
	text-decoration: none;
	color: #59358c;
}

.breadcrumb a.home {
	position: relative;
	color: #59358c;
	margin-right: 2px;
}

.breadcrumb a.home:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_home.svg);
	vertical-align: text-top;
}

.breadcrumb ul {}

.breadcrumb ul li {}

.breadcrumb ul li span,
.bodyArea .breadcrumb span {
	padding: 0 4px;
}

.indexVersion .breadcrumb {
	display: none;
}

.extIndex .breadcrumb {
	display: none;
}

.qrcode {
	position: relative;
}

.qrcode>a {}

.listStyleInline {
	display: inline;
	padding: 0;
}

.listStyleInline li,
.listStyleInline li>*,
.listStyleInline li>a {
	margin: 0 1px;
	padding: 0;
	float: none;
	display: inline;
	/*
	color:#333;*/
}

/*=============Header============*/
.mainHeader {
	position: relative;
	/*
	height:390px;*/
}

.mainHeader .border {
	/*
	position:absolute;
	right:0;*/
	/* top:calc(100% - 140px); */
	/*
	top:calc(100% - 170px);
	max-width:min(46.25%, 740px);
	margin-left: auto;*/
	padding: 20px;
	/*
	padding-right:calc(160px + 10px);
	calc(100vw - 1600px)*/
	z-index: 10;
	/* background-image: linear-gradient(to right, #f7e054, #fefbec); */
	background-image: linear-gradient(to right, #f7e054, white);
	margin-bottom: 40px;
}

.mainHeader .border:before {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 740px;
	/*
	width:max(calc((100vw - 1600px) / 2 + 740px - 30px), 46.25%);*/
	width: max(calc((100vw - 1600px) / 2 + 740px - 30px), calc((100vw - 1600px) / 2 + 740px - 1.6vw));
	max-width: 870px;
	background-color: rgba(255, 255, 255, .85);
	border-radius: 4px;
	box-shadow: 0 4px 4px #2763AF;
	z-index: -1;
}

.mainHeader .mainbannerHeading {
	/*
	width: 665px;
    max-width: 100%;*/
}

.mainHeader .mainbannerContent {
	font-size: 1em;
	/*line-height: 1.8em;*/
}

.mainHeader:before {}

.mainHeader h1 {
	font-size: 2.5em;
}

.mainHeader.section0 h1 {
	/*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section1 h1 {
	/*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section2 h1 {
	/*background-image: none;
	padding:43px 0;*/
	/*	background-image: url('../images/banner_sec2_v2.png');*/
}

/*.mainHeader.section2:before{
    height:121px;
	background-image:url('../images/bg_header2.jpg');
}
.mainHeader.section3 h1{
	background-image: url('../images/banner_sec3_v2.png');
}
.mainHeader.section4 h1{
	background-image: url('../images/banner_sec4_v2.png');
}
.mainHeader.section5 h1{
	background-image: url('../images/banner_sec5_v2.png');
}
.mainHeader.section6 h1{
	background-image: url('../images/banner_sec6_v2.png');
}
.mainHeader.section7 h1{
	background-image: url('../images/banner_sec7_v2.png');
}
.mainHeader.section8 h1{
	background-image: url('../images/banner_sec8_v2.png');
}
.mainHeader.section9 h1{
	background-image: url('../images/banner_sec9_v2.png');
}*/
.mainHeader.section1 h1 {
	/*	text-shadow: 2px 2px 4px #125611;*/
}

.mainHeader h1 {}

.mainContent .mainHeader h1 {}

.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 {}

.mainContent h2,
#close_up h2 {
	color: #980D0A;
	font-size: 1.7em;
	margin-bottom: 0.6em;
	line-height: normal;
	font-weight: bold;
}

.mainContent h2:nth-child(1) {
	margin-top: .2em;
}

.mainContent h2 span {}

.mainContent h2 span:after {}

.mainContent h2.alter {
	color: #166867
}

.mainContent h3,
.mainContent .h3,
.mainContent h2.h3,
#close_up h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #202167;
	/*
	margin-bottom: 0.6em;*/
}

.mainContent h4,
.mainContent .h4,
.mainContent h2.h4,
#close_up h4,
li.bwh4::marker {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

/*=========mainContent=============*/
.contentArea {}

.indexVersion .contentArea {}

.indexVersion .bodyArea .mainContent {
	width: 100%;
}

.subMenuFlex {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.subMenuVersion .subMenuFlex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mainContent {}

.bodyArea {
	z-index: 3000;
	position: relative;
	line-height: normal;
	color: rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

.bodyArea.spbg {
	background-image: linear-gradient(#f6f5fa, #ffffff);
}

.bodyArea ul,
.bodyArea ol {
	margin-bottom: 1em;
}

.bodyArea .container {
	z-index: 3000;
	display: block;
	height: auto;
	padding: 0;
	/*
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;*/
}

/*.bodyArea>div
{
	background-color: #efeee7;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	background-position: 185px 0;
	position: relative;
}
*/
.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);
	/*background-color:#7c9fc7;*/
}

.blueBtnOn img {
	opacity: 1;
	filter: alpha(opacity=100);
	/*background-color:#006cae;*/
}

.indexContent,
.whatIsNew,
.eventCalender {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.indexContent {
	width: 38%;
}

.whatIsNew,
.eventCalender {
	width: 405px;
	/*margin-left:2%;*/
}

.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;
}

/*==============================*/
.siteMenu li {
	margin: 1em;
}

.siteMenu>li {
	list-style-type: none;
}

/*==============================*/
.headerArea {
	width: 100%;
	z-index: 7000;
	position: relative;
}

.headerArea:before {}

.headerArea:after {}

body:not(.indexVersion) .headerArea {}

.headerArea .headerTool {
	max-width: 100%;
}

.headerArea .headerArea2 .headerTool {}

.headerArea .headerArea2 .myLogo {}

.headerArea .headerTool .headerNav {
	margin: auto;
}

.headerArea .headerArea1 .headerTool .headerNav {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 20px 10px;
	padding-bottom: 0px;
	margin-left: -10px;
}

.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 .myLogo .logo_0>a>img {}

.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 .more {
	display: none;
}

.headerArea.fixed .more {
	display: inline-block;
}

.headerArea .headerTool .mobSearch,
.headerArea.fixed br,
.headerArea.fixed .headerTool .searchTool {
	display: none;
}

.headerArea.fixed .headerTool .mobSearch {
	display: inline-block;
}

.headerArea.fixed .headerTool .mobSearch img,
.headerArea.fixed .headerTool .print img,
.headerArea.fixed .headerTool .share img {
	height: 20px;
	padding: 0;
}

.headerArea.fixed .headerTool .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 .searchTool.mobActive {
	display: block;
}

.headerArea.fixed .searchTool.mobActive form {
	background-color: #f8f8f8;
	padding: 30px 0;
}

.headerArea.fixed .headerTool .searchTool input {
	max-width: 100%;
	width: 500px;
}

/*===========AAA================*/
/*==========footerBanner==========*/
.footerBanner {
	text-align: right;
	margin: auto;
	padding: 4px 10px;
}

.footerBanner a {
	display: block;
}

.footerBanner a.bhk {
	/*
	padding:5px;
	background-color:#fff;*/
}

.footerBanner.slides>li {
	display: inline-block;
	padding: 4px 16px;
}

.footerBanner li img {
	height: 40px;
}

.footerBanner a.w3c img {
	height: 34px;
}

.footerBanner a.bhk img {
	height: 47px;
}

.footerBanner a.rd img {
	height: 60px;
}

.footerBanner .mfb_mail {
	position: relative;
	border: 2px solid #740001;
	box-shadow: 2px 2px 0 #bbb;
	color: #000;
	font-size: 1.4em;
	padding: 8px 20px;
}

.footerBanner .mfb_mail:before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 28px;
	margin-right: 10px;
	background-image: url(../images/icon_email.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/*============================*/
.footertool {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* =================================================================================================
	Right Scrolling Module with Pagnation
================================================================================================= */

/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

.simply-scroll-container {
	/* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip {
	/* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list {
	/* UL/OL/DIV - the element that simplyScroll is inited on */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 8px 0px 0px;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll-btn {
	position: absolute;
	width: 42px;
	height: 44px;
	z-index: 3;
	cursor: pointer;
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: 84px -44px;
}

.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}

.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover {
	background-position: -126px -88px;
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover {
	background-position: -42px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll {
	/* Customisable base class for style override DIV */
	width: 100%;
	/*width: 580px;*/
	height: 480px;
	margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
	width: 580px;
	height: 480px;
	border-top: #a2adc1 1px solid;
}

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 550px;
	height: 160px;
}

.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}

.simply-scroll .simply-scroll-btn-left.disabled {}

.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}

.simply-scroll .simply-scroll-btn-right.disabled {}

.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}

.simply-scroll .simply-scroll-btn-up.disabled {}

.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}

.simply-scroll .simply-scroll-btn-down.disabled {}

.simply-scroll .simply-scroll-btn-down:hover {}

/* Vertical scroller example */

.vert {
	/* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}

.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up {
	/* modified btn pos */
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-up.disabled {}

.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down {
	/* modified btn pos */
	right: 0;
	top: 52px;
}

.vert .simply-scroll-btn-down.disabled {}

.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */

.simply-scroll .simply-scroll-list .newsList>li {
	height: inherit;
	margin: 0;
	padding: 0;
	/*border-bottom:1px solid #bdcfe3;
		/*list-style-type:disc;*/
	width: inherit;
}

.simply-scroll .simply-scroll-list .newsList>li>div {
	padding: 10px 45px;
}

/*========================================Clf Style===============================================*/
.leftClfArea {
	float: left;
	padding: 12px 0;
	/*
	font-size: 1.4em;/*padding-left: 10px;*/
}

.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;
}

div.flexslider {
	/*margin-top:-60px;
	margin-bottom:-50px;*/
}

.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;
}

/*==================*/
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;
}

/*==================*/
.home img {
	/*    width:27px;
	height: 27px;
    vertical-align: text-top;
    margin-right: 16px;*/
}

.mobile_view img {
	width: 27px;
	height: 27px;
}

.contentArea .subMenu ul.listStyleBlank {}

#footer .container .footerMenu ul.menuLv0 {
	/*    width: 95% !important;
	margin: 0 auto!important;*/
}

.footerMenu ul li {
	/*    font-size: 13px;*/
}

.footerMenu ul li ul {
	/*	margin-right: 11px;
	padding-right: 11px;
	display:block*/
}

.footerMenu ul li ul ul {
	display: none
}

.footerArea ul.fMenu span.caret {
	display: none;
}

/*==========*/
.roman_list {
	list-style-type: lower-roman;
}

.mainContent {}

.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;
}

/*====*/
.docIcon {
	display: inline-block;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.docIcon:before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background-image: url(../images/icon/icon_doc.svg);
}

.docIcon.iconXlsx:before {
	background-image: url(../images/icon/icon_xls.svg);
}

.docIcon.iconPdf:before {
	background-image: url(../images/icon/icon_pdf.svg);
}

.docIcon.iconDoc:before {
	background-image: url(../images/icon/icon_doc.svg);
}

.docIcon.iconJpg:before {
	background-image: url(../images/icon/icon_jpg.svg);
}

.docIcon.iconUrl:before {
	background-image: url(../images/icon/icon_newwindow.svg);
	-webkit-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	-ms-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
}

.docIcon.iconYoutube:before {
	background-image: url(../images/icon/icon_youtube.svg);
}

.youtubeBtn {
	border: 0;
	background-color: transparent;
}

.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 {
	color: #0068A5;
}

.subMenu>li a.leftbtn.active_sub_section {
	color: #0068A5;
}

.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;
}

/*============================*/
.mainContent ul.blankList,
.mainContent.blankList ol {
	padding-left: 0;
}

.blankList>li,
.blankList>ol>li,
.blankList>ul>li {
	list-style-type: none;
}

.blankList a {
	display: block;
	padding: 10px 0;
}

.pdfList ol,
.pdfList ul {
	margin: 0;
}

.pdfList a {
	padding: 28px 0;
}

.myIconList.mIL_OL1>ol {
	padding-top: 10px;
	padding-left: 130px;
	list-style-type: lower-roman;
}

.chineseVersion .myIconList.mIL_OL1>ol {
	list-style-type: cjk-ideographic;
}

.myIconList.mIL_OL1>ol>li {
	position: relative;
	min-height: 78px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.myIconList.mIL_OL1>ol>li:before {
	content: "";
	position: absolute;
	left: -130px;
	top: 25px;
	width: 74px;
	height: 74px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.myIconList.mIL_OL1>ol>li:nth-child(1):before {
	background-image: url(../images/icon/icon_milol1.svg);
}

.myIconList.mIL_OL1>ol>li:nth-child(2):before {
	background-image: url(../images/icon/icon_milol2.svg);
}

.myIconList.mIL_OL1>ol>li:nth-child(3):before {
	background-image: url(../images/icon/icon_milol3.svg);
}

.myIconList.mIL_OL1>ol>li:nth-child(4):before {
	background-image: url(../images/icon/icon_milol4.svg);
}

.myIconList.mIL_OL1>ol>li:nth-child(5):before {
	background-image: url(../images/icon/icon_milol5.svg);
}

.myIconList.mIL_OL1>ol>li:nth-child(6):before {
	background-image: url(../images/icon/icon_milol6.svg);
}

.myOrderList.mOL_OL1>ol {
	list-style-type: lower-roman;
}

.chineseVersion .myOrderList.mOL_OL1>ol {
	list-style-type: cjk-ideographic;
	padding-left: 2.2em;
}

.myOrderList.mOL_OL1>ol>li {
	padding-left: .8em;
}

/*============================*/
.tMenu.menuLv0>li>a {}

.tMenu.menuLv0>li>a.excLi:before {}

/*==============*/
.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;
}

/*=======================*/
.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===============*/
#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: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .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;
	/*background-color:rgba(0,0,0,.6);*/
	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, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#close_up .area {
	z-index: 9200;
	position: absolute;
	left: 50%;
	/*
	right: -50%;*/
	top: 50%;
	/*
	bottom: -50%;*/
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*
	width: 100%;*/
	min-width: min(90vw, 600px);
	max-width: 90vw;
	max-height: 80vh;
	background-color: #fff;
	border-radius: 16px;
}

#close_up .close {
	opacity: 0;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 9210;
	-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.active .close {
	opacity: 1;
}

#close_up.active.transition .close {
	opacity: 0;
}

#close_up .close:hover {}

#close_up .close a {
	display: block;
	position: relative;
	padding: 6px;
	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 {}

#close_up .close a:before {
	content: "";
	display: block;
	width: 29px;
	height: 29px;
	background-image: url(../images/icon/icon_close.png);
}

#close_up .area .title {
	padding: 20px;
	font-weight: bold;
	font-size: 1.25em;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#close_up .area .main {
	font-size: 1.25em;
	color: rgba(0, 0, 0, 0.8);
}

#close_up .area .main>.border {
	padding: 20px 40px;
}

#close_up .area .main .myYoutube {
	margin: auto;
	padding: 10px 20px;
}

/*
#close_up .area .title {
	font-weight: bold;
	font-size: 1em;
	background-color: #fff;
	color: #444;
	padding: 20px 20px 40px 20px;
}
#close_up .area .main {
	padding: 0;
	position: relative;
	text-align: center;
}
#close_up .area .main .left {
	width: 40%;
	float: left;
}
#close_up .area .main .right {
	width: 60%;
	float: right;
}
#close_up .area .main .img {
	padding: 5px;
}
#close_up .area .main .img img {
	width: 100%;
}
#close_up .area .main .caption {
	padding: 5px;
}
#close_up .area .main .cont {
	padding: 5px;
	padding-left: 15px;
}
#close_up .area .main .cont p {
	margin-bottom: 15px;
}
#close_up .main img{
    max-height: 800px;
}
#close_up .area>.border{
	padding:16px 16px;
}
#close_up .border>.title{
	font-size:2em;
	text-align:center;
	padding:20px;
}
#close_up .border .inputList{
	border-top:0;
}
#close_up .border input{
    padding: 4px 4px;
    border: 1px solid #0053B3;
    width: 100%;
    margin: 15px 0;
}*/
/*=================*/
.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;
}*/
/*=============================*/
.fix_line {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #504098;
}

.fix_line.under {
	margin-top: -3px;
}

ol.lo_alp>li,
ul.lo_alp>li {
	list-style-type: lower-alpha;
}

ol.lo_rom>li,
ul.lo_rom>li {
	list-style-type: lower-roman;
}

ol.disc>li,
ul.disc>li {
	list-style-type: disc;
}

ol.inside,
ul.inside {
	list-style-position: inside;
	padding: 0;
}

ol.inside>li>*:nth-child(1),
ul.inside>li>*:nth-child(1) {
	display: inline-block;
}

.subMenu li>a:before {}

/*=======================================*/
.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;
	/*	width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0;
	position: static;*/
}

.flexslider .flex-control-nav {
	bottom: 0;
	z-index: 4000;
}

.flexslider .flex-control-nav li {
	margin: 0 10px;
}

.flexslider.video_gallery {
	margin-bottom: 0;
}

#flexslider_footer.flexslider .slides img {
	width: auto;
	margin: auto;
}

/*
#flexslider_footer.flexslider .slides>li,
#flexslider_footer.flexslider .slides img{
	-webkit-transition: auto 0.3s ease-in-out;
	-moz-transition: auto 0.3s ease-in-out;
	-ms-transition: auto 0.3s ease-in-out;
	-o-transition: auto 0.3s ease-in-out;
	transition: auto 0.3s ease-in-out;
}*/
#flexslider_footer.flexslider .flex-control-paging li a {
	background-color: rgba(0, 0, 0, 0.33);
	box-shadow: none;
	width: 15px;
	height: 15px;
}

#flexslider_footer.flexslider .flex-control-paging li a.flex-active {
	background-color: rgba(1, 99, 136, 1);
}

#flexslider_footer.flexslider .flex-direction-nav a:before {
	color: rgba(0, 83, 86, 0.8);
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-next {
	right: -10px;
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev {
	left: -10px;
}

/*===========*/
body abbr[title]:after {
	content: '';
}

/*
body .close {
	float: none;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
    z-index: 10;
    position: relative;
}
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;
}

.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 {
	/*margin: 0 -1em;*/
	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:	200px;*/
	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: #272727;
	width: 44px;
	height: 44px;
	position: fixed;
	/*
	position: absolute;*/
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

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;*/
	color: #fff;
	width: auto !important;
}

body div.light_square .pp_description {
	text-align: left;
	padding: 10px 0;
	margin: 0;
	font-size: 1em;
}

body .pp_content_container {
	/*
	max-height: calc(77vh - 25px);*/
}

body div.pp_pic_holder {
	position: fixed;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	/*
	width: 100vw !important;*/
	height: 100vh !important;
	margin: auto;
	max-width: 100%;
}

/*
body .pp_fade{
    max-height: calc(77vh - 25px);
}*/
body .pp_hoverContainer {
	width: auto !important;
	height: auto !important;
}

body #pp_full_res img {
	width: auto !important;
	height: auto !important;
	max-height: calc(77vh - 25px);
	margin: auto;
	display: block;
}

body .pp_content {
	position: relative;
	width: auto !important;
	height: auto !important;
}

body.overDescription .pp_fade {
	position: relative;
}

body.overDescription .pp_hoverContainer {
	max-height: calc(77vh - 25px);
}

body.overDescription .pp_description,
body.overDescription div.light_square .pp_description {
	position: absolute;
	bottom: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, .6);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

body .pp_pic_holder .pp_details .ce_tool {
	display: none;
	position: absolute;
	padding: 10px;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
}

body .pp_pic_holder .pp_details .ce_tool a {
	position: relative;
	padding-right: 22px;
	display: block;
}

body .pp_pic_holder .pp_details .ce_tool a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

body.openDescription .pp_pic_holder .pp_details .ce_tool a:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

body .pp_pic_holder .pp_details .ce_tool a {
	color: #fff;
}

body.overDescription .pp_pic_holder .pp_details .ce_tool {
	display: block;
}

body.openDescription .pp_pic_holder .pp_details .ce_tool .open,
body .pp_pic_holder .pp_details .ce_tool .close {
	display: none;
}

body .pp_pic_holder .pp_details .ce_tool .open,
body.openDescription .pp_pic_holder .pp_details .ce_tool .close {
	display: block;
}

body.overDescription.openDescription .pp_description,
body.overDescription.openDescription div.light_square .pp_description {
	text-overflow: clip;
	white-space: normal;
	overflow: auto;
}

body .pp_gallery {
	opacity: 1 !important;
	display: block !important;
	margin: 0 !important;
}

body .pp_gallery>div {
	width: auto !important;
	float: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	padding: 20px 10px 0 10px;
}

body .pp_gallery ul {
	width: auto !important;
	max-width: 100%;
	left: 50% !important;
	margin: 0;
	height: 220px;
	max-height: 23vh;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	white-space: nowrap;
	float: none;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}

body .pp_gallery ul>li {
	float: none;
	margin: 0;
	padding: 0 10px;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

body .pp_gallery ul a {
	height: 183px;
	max-height: 100%;
	border: 4px solid transparent;
}

body .pp_gallery ul a:focus,
body .pp_gallery ul a:hover,
body .pp_gallery li.selected a {
	border: 4px solid #c5f4e0;
}

body .pp_gallery ul a img {
	width: auto;
	height: 100%;
}

body .pp_nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
}

body .pp_nav .currentTextHolder {
	float: none;
	position: fixed;
	left: 10px;
	top: 10px;
	margin: auto;
}

body a.pp_arrow_previous {
	left: 0;
}

body a.pp_arrow_next {
	right: 0;
}

body div.light_square .pp_gallery a.pp_arrow_previous,
body div.light_square .pp_gallery a.pp_arrow_next {
	margin: 0 !important;
}

body .pp_nav .pp_play {
	display: none;
}

body a.pp_close {
	font-size: 0;
	background-color: #272727;
	background-image: url(../images/btn_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 44px;
	height: 44px;
	padding: 0;
	box-shadow: none;
	position: fixed;
	right: 0;
	top: 0;
}

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;
	color: rgba(255, 255, 255, 1);
	background-color: #303030;
	margin-top: -24px;
}

#flexslider.flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

#flexslider.flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

#flexslider .flexslider:hover .flex-direction-nav a {
	/*
	opacity: .9;*/
}

#flexslider .flex-direction-nav a:before {
	font-size: 24px;
	color: rgba(255, 255, 255, 1);
	left: 45%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#flexslider .flex-direction-nav a.flex-next:before {
	left: auto;
	right: 45%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

/*================*/
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 {
	/*
	line-height: 1.2;*/
	vertical-align: top;
	padding: 6px 8px;
}

.mainContent table.form-table th,
.mainContent table.form-table td {
	vertical-align: baseline;
	padding: 8px;
}

.mainContent table tr.center th,
.mainContent table tr.center td {
	text-align: center;
}

.mainContent table h2 {
	font-size: 1em;
	color: #2b3944;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.mytablestyle {
	overflow: auto;
	width: 100%;
}

.header_date {
	margin-bottom: 20px;
	background-color: #ccc;
	color: #000099;
	padding: 8px 12px;
	font-weight: bold;
}

.cont_detail {
	margin-bottom: 40px;
}

.cont_detail>div {
	display: inline-block;
}

.cont_detail>div:nth-child(1) {
	width: 20%;
}

.cont_detail>div:nth-child(2) {
	width: 80%;
}

.cont_detail>div img {
	margin: 0 10px;
}

.toggleTable table tr {
	vertical-align: top;
	border-bottom: 1px solid #637481;
	/*#194567;*/
}

.toggleTable table tr:nth-child(odd) {
	/*	background-color:#e2f0fa;*/
	background-color: #d6eeff;
}

.toggleTable table tr:nth-child(even) {
	/*	background-color:#d2e1ec;*/
	background-color: #cecfcf;
}

.toggleTable.toggleHeader table tr:nth-child(1) {
	/*	background-color:#e1ecf4;*/
	font-weight: bold;
	background-color: #bad4e6;
}

.section_header_banner {
	text-align: center;
}

/*======================*/
ul.latin {
	list-style-type: lower-latin;
}

.num_anchor {
	vertical-align: super;
	font-size: .8em;
}

.divExpand {
	background-color: #f0d5ba;
	/*margin-bottom: 5px;
    border: 1px solid #e8e8e8;*/
	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;
	/*    font-size: 1.4em;*/
	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-transform: rotate(0deg);
	transform: rotate(0deg);*/
	-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);
	/*    color: #ce4300;*/
}

.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;
	text-align: center;
}

.float_img_tl {
	float: left;
	padding: 0 1em 1em 0;
}

.footerMenuArea .mail {
	margin-bottom: 20px;
}

.footerMenuArea .tel {
	margin-bottom: 20px;
}

.footerMenuArea .mail:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_1.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .fax {
	margin-bottom: 20px;
}

.footerMenuArea .fax:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_2.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .tel:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_3.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .share li {
	margin-right: 15px;
}

/*================*/
body a.pp_expand {
	display: none !important;
}

p.line {
	text-decoration: underline;
}

/*============*/
.headerTool .language {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	/*
    margin-right: 10px;*/
	padding: 0 15px;
}

.indexVersion .headerTool .language {
	padding-right: 0;
}

.myheaderTool .clientTool>div.language {
	padding: 0 0;
}

.headerTool .languageBtn {
	display: none;
}

.headerTool .language .langBtn a {
	display: block;
	padding: 6px;
}

.headerTool .clientTool>.search {
	display: none;
}

.myheaderTool .clientTool>div.social {
	padding: 0 1.3vw;
}

.myheaderTool .clientTool .social a {
	padding: 10px .9vw;
}

/*
.headerTool .language ul{
	display: none;
	position: absolute;
	top: auto;
	text-align: left;
	z-index: 9000;
	background: #FFF;
	box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
	border-top: 2px solid #3447a3;
}
.headerTool .language.active  ul{
	display: block;
}*/
.headerTool .AStyleArea,
.headerTool .searchTool {
	position: relative;
	/*
    display: inline-block;
    vertical-align: middle;*/
}

.mobTitle {
	display: none;
}

/* ------------------------------------------ */
/* Style for share-btns */
/* ------------------------------------------ */
.headerTool .shareTool {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.headerTool .shareTool>a {
	display: block;
	padding: 6px 0;
}

.headerTool .shareTool>.shareList {
	display: none;
	position: absolute;
	top: auto;
	right: 0;
	padding: 8px 15px 12px 15px;
	text-align: left;
	z-index: 9000;
	min-width: 80px;
	background: #FFF;
	box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
	border-top: 2px solid #3447a3;
}

.headerTool .shareTool>.shareList:before {
	display: none;
}

.headerTool .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;
	/*
    padding: 0 5px;*/
}

ul.share-btns a {
	/*
	font-size: 0;*/
}

.header-nav__tool--share {
	/*	text-align: center;*/
}

.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);
}

body .headerArea .headerMenu a.share-btns__btn--email,
body .headerArea .headerMenu a.share-btns__btn--email:link,
body .headerArea .headerMenu a.share-btns__btn--email:visited,
body .headerArea .headerMenu a.share-btns__btn--email:hover,
body .headerArea .headerMenu a.share-btns__btn--email:focus,
body .headerArea .headerMenu a.share-btns__btn--email:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--fb,
body .headerArea .headerMenu a.share-btns__btn--fb:link,
body .headerArea .headerMenu a.share-btns__btn--fb:visited,
body .headerArea .headerMenu a.share-btns__btn--fb:hover,
body .headerArea .headerMenu a.share-btns__btn--fb:focus,
body .headerArea .headerMenu a.share-btns__btn--fb:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--wa,
body .headerArea .headerMenu a.share-btns__btn--wa:link,
body .headerArea .headerMenu a.share-btns__btn--wa:visited,
body .headerArea .headerMenu a.share-btns__btn--wa:hover,
body .headerArea .headerMenu a.share-btns__btn--wa:focus,
body .headerArea .headerMenu a.share-btns__btn--wa:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--wb,
body .headerArea .headerMenu a.share-btns__btn--wb:link,
body .headerArea .headerMenu a.share-btns__btn--wb:visited,
body .headerArea .headerMenu a.share-btns__btn--wb:hover,
body .headerArea .headerMenu a.share-btns__btn--wb:focus,
body .headerArea .headerMenu a.share-btns__btn--wb:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--wc,
body .headerArea .headerMenu a.share-btns__btn--wc:link,
body .headerArea .headerMenu a.share-btns__btn--wc:visited,
body .headerArea .headerMenu a.share-btns__btn--wc:hover,
body .headerArea .headerMenu a.share-btns__btn--wc:focus,
body .headerArea .headerMenu a.share-btns__btn--wc:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--tw,
body .headerArea .headerMenu a.share-btns__btn--tw:link,
body .headerArea .headerMenu a.share-btns__btn--tw:visited,
body .headerArea .headerMenu a.share-btns__btn--tw:hover,
body .headerArea .headerMenu a.share-btns__btn--tw:focus,
body .headerArea .headerMenu a.share-btns__btn--tw:active,
.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);
}

body .headerArea .headerMenu a.share-btns__btn--ig,
body .headerArea .headerMenu a.share-btns__btn--ig:link,
body .headerArea .headerMenu a.share-btns__btn--ig:visited,
body .headerArea .headerMenu a.share-btns__btn--ig:hover,
body .headerArea .headerMenu a.share-btns__btn--ig:focus,
body .headerArea .headerMenu a.share-btns__btn--ig:active,
.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--yt:before {
	background-image: url(../images/share/icon-social-youtube-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--yt,
body .headerArea .headerMenu a.share-btns__btn--yt:link,
body .headerArea .headerMenu a.share-btns__btn--yt:visited,
body .headerArea .headerMenu a.share-btns__btn--yt:hover,
body .headerArea .headerMenu a.share-btns__btn--yt:focus,
body .headerArea .headerMenu a.share-btns__btn--yt:active,
.mob-nav__control .share-btns__btn.share-btns__btn--yt,
.header-nav__tool--share .share-btns__btn.share-btns__btn--yt,
.share-btns__btn.share-btns__btn--yt:hover {
	background-color: #ff0000;
}

.share-btns__btn.share-btns__btn--rss:before {
	background-image: url(../images/share/icon-rss.png);
}

body .headerArea .headerMenu a.share-btns__btn--rss,
body .headerArea .headerMenu a.share-btns__btn--rss:link,
body .headerArea .headerMenu a.share-btns__btn--rss:visited,
body .headerArea .headerMenu a.share-btns__btn--rss:hover,
body .headerArea .headerMenu a.share-btns__btn--rss:focus,
body .headerArea .headerMenu a.share-btns__btn--rss:active,
.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;
}

/* END Style share-btns */
#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%;
}

body #wrap .headerArea .headerTool .headerMenu>ul.tMenu {}

/*=========*/
.myVideo {
	margin-bottom: 40px;
}

/*================*/
.desktop {
	display: block;
}

.mobile {
	display: none;
}

/*=======*/
.u-lList {
	list-style-type: upper-latin;
}

.iconButton {
	display: inline-block;
}

.iconButton a {
	display: block;
	padding: 10px;
	position: relative;
	color: #444;
	background-color: #ddf5ff;
	background-image: radial-gradient(#ddf5ff 40%, #dcf2fa 70%, #dbedf4 90%);
	border-radius: 8px;

	font-size: 1.6em;
	line-height: 1em;
}

.iconButton a:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 45px;
	height: 45px;
	background-image: url(../images/icon_cok.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.iconButton .calico {
	width: 40px;
	margin-left: 5px;
	vertical-align: text-bottom;
}

/*====================*/
.leftMenu .menuLv1 .extmenu {
	display: none;
}

.pdf_area {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 850px;
	margin: auto;
	max-width: 100%;
}

.pdf_area>div {
	width: 100%;
	text-align: center;
	padding: 10px 10px;
}

.pdf_area>div img {
	margin: auto;
	margin-bottom: 20px;
	display: block;
	width: 100px;
}

.pdf_area a {
	font-weight: bold;
	color: #2b3944;
}

/*==============*/
.detail_area {
	margin: 0 20px 40px 20px;
	box-shadow: 0 0 50px -10px #9ca1ff;
}

.detail_area>div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	border-radius: 8px;
}

.detail_area>div:after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 1px;
	background-color: #cfcfcf;
}

.detail_area>div:last-child:after {
	display: none;
}

.detail_area>div>div {
	vertical-align: top;
	padding: 20px;
}

.detail_area>div>div {
	border-bottom: none;
}

.detail_area>div>div:nth-child(1) {
	width: 20%;
	display: inline-block;
	background-color: #ededed;
	font-weight: bold;
}

.detail_area>div>div:nth-child(2) {
	width: 80%;
	display: inline-block;
	background-color: #fff;
}

.detail_area>div:nth-child(1)>div:nth-child(1) {
	border-radius: 10px 0 0 0;
}

.detail_area>div:nth-child(1)>div:last-child {
	border-radius: 0 10px 0 0;
}

.detail_area>div:last-child>div:nth-child(1) {
	border-radius: 0 0 10px 0;
}

.detail_area>div:last-child>div:last-child {
	border-radius: 0 0 0 10px;
}

.lt_list {
	list-style-type: lower-latin;
}

.mainContent .detail_area li {
	margin-top: 0;
}

.detailTable {
	overflow: auto;
	max-width: 100%;
}

.detailTable table td:nth-child(1),
.detailTable table td:nth-child(1) img {
	width: 300px;
}

.detailTable tr:nth-child(1) td,
.detailTable tr:nth-child(1) th {
	font-weight: bold;
}

.detailTable td,
.detailTable th {
	border-collapse: collapse;
	border: 1px solid #444;
}

.detailTable.d1 td:nth-child(1) {
	min-width: 130px;
}

.detailTable.f4 td:nth-child(4) {
	min-width: 230px;
}

.headerTable {
	overflow: auto;
	width: 100%;
}

.headerTable table td,
.headerTable table th {
	border-collapse: collapse;
	border: 1px solid #2b2b2b;
}

.txtico {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 0 8px;
	margin: 4px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	/*background-color: #790707;
    background-image: linear-gradient(141deg, #500606 0%, #880505 51%, #770909 75%);
    opacity: 0.95;
    border: 2px solid #920e0e;*/

	background-color: #774609;
	background-image: linear-gradient(141deg, #502506 0%, #a55c11 51%, #774609 75%);
	opacity: 0.95;
	border: 2px solid #8c5a15;
	font-size: 0.9em;
}

/*============*/
.iconButton {
	margin-left: 20px;
}

.iconButton.fst {
	margin-left: 0;
}

.iconButton .iconPdf img {
	width: 40px;
}

.tableArea {
	overflow: auto;
	max-width: 100%;
}

.youtubeDiv {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.youtubeDiv>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}

.pop_video a {
	position: relative;
	display: block;
}

.pop_video a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/icon_video_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30% auto;
	opacity: .8;
}

.pop_video a:hover:after,
.pop_video a:focus:after {
	opacity: 1;
}

/*================*/
.footerArea .logo_list {
	margin-bottom: -30px;
}

/*==========*/
.footerTitle {
	background-color: #e4e4e4;
}

.footerTitle .title {
	text-align: center;
	padding: 10px 0;
	font-size: 1.4em;
	display: block;
}

.footerTitle .title:after {
	content: "";
	display: inline-block;
	background-image: url(../images/icon_arrow_top.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 25px;
	height: 25px;
	margin: 0 10px;
	vertical-align: top;
}

/*==============*/
.search_year ul {
	margin: 0;
	padding: 0;
}

.search_year li {
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
}

.mainContent a.search_btn {
	/*
	padding:8px 26px;
	background-color:#1d8191;
	color:#fff;
    border-radius: 4px;
    display: block;*/
	position: relative;
	padding: 8px 26px;
	color: #000;
	background-color: #f2dd2c;
	border-radius: 40px;
	margin-left: 10px;
}

.search_year select {
	background-color: #d6e1e7;
	border-radius: 4px;
	border-color: transparent;
	margin: 0 10px;
	padding: 10px;
	max-width: 100%;
	width: 130px;
}

.headerMenu ul.listStyleBlank.menu_items>li:first-child a {
	/*
    padding-left: 25px;*/
}

.d-lg-none {
	display: none !important;
}

.mobShare {
	padding: 10px 0;
}

.mobShare>a {
	display: none !important;
}

.headerArea .headerMenu .mobShare li {
	display: inline-block;
}

.headerTool .mobSearchArea .cross_btn {
	display: none;
}

.simpleTable {
	width: 100%;
	overflow: auto;
}

.simpleTable table {
	border-top: 2px solid #1d8191;
	border-bottom: 2px solid #e3e7e6;
}

.simpleTable tr {
	background-color: #fff;
	border-left: 2px solid #e3e7e6;
	border-right: 2px solid #e3e7e6;
}

.simpleTable tr:nth-child(odd) {
	background-color: #f6f7f9;
}

.simpleTable table tr:nth-child(1) {
	background-color: #1d8191;
	color: #fff;
	border-left: 2px solid #1d8191;
	border-right: 2px solid #1d8191;
}

/*==========================*/
.footerMenuArea {}

.footerMenuArea.active {}

.footerMenuArea .footerTitle a {
	text-decoration: none;
}

.footerMenuArea .footerTitle .title:after {
	transform: rotate(180deg);

	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-ms-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

.footerMenuArea.active .footerTitle .title:after {
	transform: rotate(0);
}

.footerMenuArea .footerMenu {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.footerMenuArea .logo {
	padding: 10px;
}

.footerMenuArea.active .footerMenu {
	max-height: 1000px;
}

/*===============*/
.myheader {
	font-weight: bold;
	font-size: 2.8em;
}

.myheader.myheader_i {
	color: #fff;
}

.g_cont {
	font-size: 1.4em;
}

.icon_list ul {
	list-style-type: none;
	margin: 0 -5px 20px -5px;
	padding: 0;
}

.icon_list li {
	display: inline-block;
	padding: 0 5px;
}

.flex_area {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*=======*/
.dl_list {
	text-align: right;
}

.dl_list a,
.dl_list a:hover,
.dl_list a:focus {
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	background-color: #007d8f;
}

.enquiries {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.lnr_span {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.lnr_span>span {
	-webkit-flex: 1 1 0px;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainContent table[data-border="1"] th,
.mainContent table[data-border="1"] td {
	border-collapse: collapse;
	border: 1px solid #000;
}

.mainContent table th {}

.mainContent table .width5 {
	width: 5%;
}

.mainContent table .width70 {
	width: 70%;
}

.mainContent table .width25 {
	width: 25%;
}

/*=============================*/
h2.gh {
	margin-top: 1.4em;
	margin-bottom: 0;
}

.formrow {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
}

.formrow form {
	margin-right: 5px;
}

.formrow label {
	margin-right: 5px;
	display: inline-block;
}

.formrow select {
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 90px;
}

.formrow a {
	display: inline-block;
	color: #fff;
	background-color: #23A136;
	padding: 5px 20px;
}

.mainContent .formrow a:hover,
.mainContent .formrow a:focus {
	color: #fff;
	background-color: #1c872c;
	text-decoration: none;
}

/*=============*/
p.margin_left {
	margin-left: 2em;
}

/*=================*/
.mc-area {
	position: relative;
	min-height: 850px;
}

.white-box {
	position: absolute;
	left: 28%;
	right: 5%;
	bottom: 4%;
	background-color: rgba(255, 255, 255, .9);
	padding: 20px;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .5);
}

.white-box h1:nth-child(1) {
	margin-top: 0;
}

/*================*/
.member-table td:nth-child(1) {
	width: 20%;
}

/*==============*/
.fm-banner {
	background-image: url(../images/bg_btn_ft.jpg);
	background-repeat: no-repeat;
	width: 162px;
	height: 52px;
	text-align: center;
}

.fm-banner a {
	height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerlink {
	text-align: center;
}

.footerlink .useful_list {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	list-style-type: none;
	padding: 0 10px;
	margin: 10px 0;
}

.footerlink .useful_list a {
	padding: 0 10px;
}

/*==================*/
ul.summary {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-top: 2px solid #FF7200;
}

.mainContent table[data-cellspacing] td,
.mainContent table[data-cellpadding] td {
	border: 2px solid #fff;
}

.mainContent table[data-cellspacing] th,
.mainContent table[data-cellpadding] th {
	border: 2px solid #fff;
	border-bottom: 2px solid #ff7200;
}

.mainContent table[data-border="0"] td {
	background-color: #f0f0f0;
}

.mainContent table[data-border="0"] th {
	color: #000;
	background-color: #e6dfda;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.mainContent td p:last-child {
	margin-bottom: 0;
}

.mainContent th[data-align="center"],
.mainContent table[data-border="0"] th[data-align="center"],
.mainContent td[data-align="center"],
.mainContent tr[data-align="center"],
.mainContent td[data-align="center"] p {
	text-align: center;
}

.mainContent th[data-align="left"],
.mainContent table[data-border="0"] th[data-align="left"],
.mainContent td[data-align="left"],
.mainContent tr[data-align="left"],
.mainContent td[data-align="left"] p {
	text-align: left;
}

.mainContent table[data-width="100%"] {
	width: 100%;
}

.mainContent p.digest {
	font-size: 1.2em;
	color: #000000;
	text-align: center;
}

.mainContent img.download {
	margin: 5px;
}

.mainContent label.filter {
	margin: 0 20px 0 0;
}

.mainContent select.filter {
	font-size: 1em;
	height: 1.5em;
	margin-right: 40px;
	width: 100px;
	max-width: 100%;
}

.mainContent input[type="button"] {
	line-height: normal;
}

.mobileLogo {
	display: none;
}

.myUpdate {
	display: none !important;
}

/*==============*/
.bodyArea .flexslider .slides img {
	max-width: 100%;
	/*max-width:min(100%, 1140px);*/
	width: auto;
	margin: auto;
	height: 100%;
}

.bodyArea .flexslider {
	background-color: transparent;
}

.bodyArea .flexslider .flex-control-nav {
	bottom: 0;
}

.bodyArea .flexslider .flex-direction-nav a {
	color: transparent;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 0;
	font-size: 0;
	width: 45px;
	height: 45px;
	margin: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.bodyArea .flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

.bodyArea .flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

.bodyArea .flex-direction-nav a:before {
	font-size: 36px;
}

.bodyArea .flexslider .flex-direction-nav .flex-prev {}

.bodyArea .flexslider .flex-direction-nav a:before {
	/*
	display:none;*/
	color: #fff;
}

.bodyArea .flexslider .flex-control-nav li {
	margin: 0 8px;
}

.bodyArea .flexslider .flex-control-paging li a {
	width: 14px;
	height: 14px;
	background-color: rgba(255, 255, 255, 0.3);
	border: 2px solid rgba(0, 0, 0, 0.8);
	border-radius: 100px;
	box-shadow: none;
}

.bodyArea .flexslider .flex-control-paging li a.flex-active {
	border: 2px solid rgba(152, 13, 9, 1);
	background-color: rgba(152, 13, 9, 1);
}

.bodyArea .flexslider ul,
.bodyArea .flexslider ol {
	margin-bottom: 0;
}

.flexslider:hover .flex-direction-nav .flex-prev {}

.moreBtn {}

.moreBtn a {}

.moreBtn a:after {}

.bodyArea #flexslider_ma1.flexslider {
	padding-bottom: 50px;
}

.bodyArea #flexslider_ma1.flexslider .flex-control-nav {
	margin: 0;
	bottom: 10px;
	left: 50%;
	width: auto;
	max-width: 100%;
	padding: 0 80px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.bodyArea #flexslider_ma1.flexslider .flex-control-nav li {
	margin: 0 16px;
}

#flexslider_ma1 .slides {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#flexslider_ma1 .slides .cover {
	height: 100%;
}

#flexslider_ma1.flexslider .flex-direction-nav,
#flexslider_ma1.flexslider .flex-pauseplay {
	display: none;
}

#flexslider_ma1.flexslider .fakeControl {
	position: absolute;
	bottom: 23px;
	left: 50%;
	width: 100%;
	max-width: 100%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 4010;
}

#flexslider_ma1.flexslider .fakeControl .border {
	position: relative;
}

#flexslider_ma1.flexslider .fakeControl .border>* {}

#flexslider_ma1.flexslider .fakeControl .myflex>* {
	position: absolute;
}

#flexslider_ma1.flexslider .fakeControl .myflex>*:not(:nth-child(1)) {
	margin-left: 16px;
}

#flexslider_ma1.flexslider .fakeControl .myflex>*:not(:nth-last-child(1)) {
	margin-right: 16px;
}

#flexslider_ma1.flexslider .fakeControl .prev {
	left: 0;
}

#flexslider_ma1.flexslider .fakeControl .next {
	right: 0;
}

#flexslider_ma1.flexslider .fakeControl .pBtn {
	right: 36px;
}

#flexslider_ma1.flexslider .fakeControl .hollow {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

#flexslider_ma1.flexslider .fakeControl .prev a,
#flexslider_ma1.flexslider .fakeControl .next a {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	opacity: .33;
	-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;
}

#flexslider_ma1.flexslider .fakeControl .prev a:focus,
#flexslider_ma1.flexslider .fakeControl .prev a:hover,
#flexslider_ma1.flexslider .fakeControl .next a:focus,
#flexslider_ma1.flexslider .fakeControl .next a:hover {
	opacity: 1;
}

#flexslider_ma1.flexslider .fakeControl .prev a:before,
#flexslider_ma1.flexslider .fakeControl .next a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_slider_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: brightness(0);
	-ms-filter: brightness(0);
	filter: brightness(0);
}

#flexslider_ma1.flexslider .fakeControl .prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

#flexslider_ma1.flexslider .fakeControl .prev a:focus:before,
#flexslider_ma1.flexslider .fakeControl .prev a:hover:before,
#flexslider_ma1.flexslider .fakeControl .next a:focus:before,
#flexslider_ma1.flexslider .fakeControl .next a:hover:before {
	-webkit-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
}

#flexslider_ma1.flexslider .fakeControl .pBtn a {
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	opacity: 0.375;
	-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;
}

#flexslider_ma1.flexslider .fakeControl .pBtn a:focus,
#flexslider_ma1.flexslider .fakeControl .pBtn a:hover {
	opacity: 1;
}

#flexslider_ma1.flexslider .fakeControl .pBtn a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_slider_pause.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#flexslider_ma1.flexslider .fakeControl .pBtn.active a:before {
	background-image: url(../images/icon/icon_slider_play.svg);
}

/*======*/
#flexslider_ma2_1 .slides>li>.border>a {
	display: block;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.245);
}

#flexslider_ma2_1 .thumbnailtag {}

#flexslider_ma2_1 .tit {
	margin-bottom: 20px;
	font-size: 1.5rem;
}

#flexslider_ma2_1 .tag {
	padding: 6px 8px;
}

#flexslider_ma2_1 .tag.tag1 {
	color: #8F3415;
	background-color: #FCDDC7;
}

#flexslider_ma2_1 .tag.tag2 {
	color: #094F8C;
	background-color: #F1F4FF;
}

/*======*/
#flexslider_ma2_2 .slides>li>.border {
	padding: 30px 65px;
}

#flexslider_ma2_2 .media {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

#flexslider_ma2_2 .media>iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#flexslider_ma2_2 .tit {
	padding: 10px 0;
	font-size: 1.5rem;
	font-weight: bold;
}

/*==**/
.flexslider[id*="flexslider_ma2"] {
	height: 100%;
	padding-bottom: 60px;
}

.flexslider[id*="flexslider_ma2"] .flex-direction-nav,
.flexslider[id*="flexslider_ma2"] .flex-pauseplay {
	display: none;
}

.bodyArea .flexslider[id*="flexslider_ma2"] .flex-control-nav {
	margin: 0;
	bottom: 20px;
	left: 50%;
	width: auto;
	max-width: 100%;
	padding: 0 45px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.bodyArea .flexslider[id*="flexslider_ma2"] .flex-control-nav li {
	margin: 0 16px;
}

.flexslider[id*="flexslider_ma2"] .fakeControl {
	position: absolute;
	bottom: 32px;
	bottom: calc(20px + 12px);
	left: 50%;
	width: 100%;
	max-width: 100%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 4010;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .border {
	position: relative;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .border>* {}

.flexslider[id*="flexslider_ma2"] .fakeControl .myflex>* {
	position: absolute;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .myflex>*:not(:nth-child(1)) {
	margin-left: 16px;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .myflex>*:not(:nth-last-child(1)) {
	margin-right: 16px;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev {
	left: 0;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .next {
	right: 0;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .pBtn {
	right: 36px;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .hollow {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev a,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	opacity: .33;
	-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;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:focus,
.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:hover,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a:focus,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a:hover {
	opacity: 1;
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:before,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_slider_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: brightness(0);
	-ms-filter: brightness(0);
	filter: brightness(0);
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:focus:before,
.flexslider[id*="flexslider_ma2"] .fakeControl .prev a:hover:before,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a:focus:before,
.flexslider[id*="flexslider_ma2"] .fakeControl .next a:hover:before {
	-webkit-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
}

/*====================*/
.bodyArea #flexsliderBook {
	padding-bottom: 50px;
}

#flexsliderBook .slides {
	padding: 0;
	padding-bottom: 20px;
}

#flexsliderBook .flex-direction-nav,
#flexsliderBook .flex-pauseplay {
	display: none;
}

.bodyArea #flexsliderBook .flex-control-nav {
	margin: 0;
	bottom: 0;
	left: 50%;
	width: auto;
	max-width: 100%;
	padding: 0 45px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.bodyArea #flexsliderBook .flex-control-nav li {
	margin: 0 16px;
}

#flexsliderBook.flexslider .fakeControl {
	position: absolute;
	bottom: 32px;
	bottom: calc(20px + 12px);
	left: 50%;
	width: 100%;
	max-width: 100%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 4010;
}

#flexsliderBook.flexslider.fakeControl .border {
	position: relative;
}

#flexsliderBook.flexslider .fakeControl .border>* {}

#flexsliderBook.flexslider .fakeControl .myflex>* {
	position: absolute;
}

#flexsliderBook.flexslider .fakeControl .myflex>*:not(:nth-child(1)) {
	margin-left: 16px;
}

#flexsliderBook.flexslider .fakeControl .myflex>*:not(:nth-last-child(1)) {
	margin-right: 16px;
}

#flexsliderBook.flexslider .fakeControl .prev {
	left: 0;
}

#flexsliderBook.flexslider .fakeControl .next {
	right: 0;
}

#flexsliderBook.flexslider .fakeControl .pBtn {
	right: 36px;
}

#flexsliderBook.flexslider .fakeControl .hollow {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

#flexsliderBook.flexslider .fakeControl .prev a,
#flexsliderBook.flexslider .fakeControl .next a {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	opacity: .33;
	-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;
}

#flexsliderBook.flexslider .fakeControl .prev a:focus,
#flexsliderBook.flexslider .fakeControl .prev a:hover,
#flexsliderBook.flexslider .fakeControl .next a:focus,
#flexsliderBook.flexslider .fakeControl .next a:hover {
	opacity: 1;
}

#flexsliderBook.flexslider .fakeControl .prev a:before,
#flexsliderBook.flexslider .fakeControl .next a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_slider_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: brightness(0);
	-ms-filter: brightness(0);
	filter: brightness(0);
}

#flexsliderBook.flexslider .fakeControl .prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

#flexsliderBook.flexslider .fakeControl .prev a:focus:before,
#flexsliderBook.flexslider .fakeControl .prev a:hover:before,
#flexsliderBook.flexslider .fakeControl .next a:focus:before,
#flexsliderBook.flexslider .fakeControl .next a:hover:before {
	-webkit-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
}

/*====================*/
.svg_arrow {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	overflow: visible;
	width: 60px;
	height: 60px;
	position: relative;
}

.left_arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.right_arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.up_arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.down_arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.svg_arrow_svg {
	overflow: visible !important;
	width: 19px;
	height: 26px;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.svg_arrow_path {
	fill: rgba(0, 0, 0, 0);
	stroke: rgba(255, 255, 255, 1);
	stroke-width: 4px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

/*================*/
body li>p {
	margin-bottom: .6em;
}

body li>p:nth-last-child(1) {
	margin-bottom: 0;
}

.mybtn.btn1 {}

.mybtn.btn1>a {
	color: #fff;
	background-color: #15549b;
}

.mybtn.btn2 {
	text-align: right;
}

.mybtn.btn2>a {
	background-color: #f7be15;
	color: #31525b;
}

.mybtn>a {
	display: inline-block;
	min-width: 160px;
	padding: 6px 12px;
	border-radius: 4px;
	text-align: center;
}

body .table {
	margin: 0;
}

.table>table {
	width: 100%;
}

.table.myflex {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/*============*/
.myflex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.myflex.flexInline {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
}

.myflex.flexCenter {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.myflex.flexRight {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.myflex.flexBetween {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.myflex.flexTop {
	-webkit-align-items: flex-start;
	-ms-align-items: start;
	align-items: flex-start;
}

.myflex.flexBottom {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.myflex.flexMiddle {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.myflex.flexColumn {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.myflex.flexWrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.myflex.flexNoWrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.myflex.flexNoFit {
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.myflex.flexFit>div {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flexHeight {
	height: 100%;
}

.myflex.flexOverdraw {
	margin-left: -12px;
	margin-right: -12px;
}

.myflex.flexOverdraw>div {
	padding-left: 12px;
	padding-right: 12px;
}

/*============*/
.myflex.flexTT>.thumbnail {
	width: 160px;
	min-width: 160px;
	margin-left: -25px;
	padding-left: 25px;
	padding-right: 25px;
}

.myflex.flexTT>.thumbnail img {
	max-height: 75px;
}

.myflex.flexTT>.text {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flexTC {
	line-height: 1.8em;
}

.myflex.flexTC>.tit {
	font-weight: bold;
	min-width: 130px;
	width: 130px;
	padding-right: 20px;
}

.myflex.flexTC>.cont {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flexTC.fTC2>.tit {
	min-width: 300px;
	width: 300px;
	max-width: 100%;
}

.chineseVersion .myflex.flexTC.fTC2>* {
	line-height: 1.8em;
}

.myflex[class*="flex1"]>*,
.myflex[class*="flex2"]>*,
.myflex[class*="flex3"]>*,
.myflex[class*="flex4"]>*,
.myflex[class*="flex5"]>*,
.myflex[class*="flex6"]>*,
.myflex[class*="flex7"]>*,
.myflex[class*="flex8"]>*,
.myflex[class*="flex9"]>* {
	padding-right: 20px;
}

.myflex.flex11>* {
	width: 50%;
	min-width: 50%;
}

.myflex.flex14>* {
	width: 20%;
	min-width: 20%;
}

.myflex.flex14>*:nth-child(2) {
	width: 80%;
	min-width: 80%;
}

.myflex.flex41>* {
	width: 80%;
	min-width: 80%;
}

.myflex.flex41>*:nth-child(2) {
	width: 20%;
	min-width: 20%;
}

.myflex.flex12>* {
	width: 33.33333333333333333%;
	min-width: 33.3333333333333333%;
}

.myflex.flex12>*:nth-child(2) {
	width: 66.66666666666666%;
	min-width: 66.6666666666666%;
}

.myflex.flex21>* {
	width: 33.3333%;
	min-width: 33.3333%;
}

.myflex.flex21>*:nth-child(1) {
	width: 66.6666%;
	min-width: 66.6666%;
}

.myflex.flex121>* {
	width: 25%;
	min-width: 25%;
}

.myflex.flex121>*:nth-child(2) {
	width: 50%;
	min-width: 50%;
}

.myflex.flex4222>* {
	width: 40%;
	min-width: 40%;
}

.myflex.flex4222>*:nth-child(2) {
	width: 20%;
	min-width: 20%;
}

.myflex.flex4222>*:nth-child(3) {
	width: 20%;
	min-width: 20%;
}

.myflex.flex4222>*:nth-child(4) {
	width: 20%;
	min-width: 20%;
}



.myflex.flex243>* {
	width: 22%;
	min-width: 22%;
}

.myflex.flex243>*:nth-child(2) {
	width: 44%;
	min-width: 44%;
}

.myflex.flex243>*:nth-child(3) {
	width: 33%;
	min-width: 33%;
}



.myflex.flex121>*:nth-child(2) {
	width: 50%;
	min-width: 50%;
}

.myflex.flex31>*:nth-child(1) {
	width: 75%;
}

.myflex.flex31>*:nth-child(2) {
	width: 25%;
}

.myflex.flex23>* {
	width: 40%;
	min-width: 40%;
}

.myflex.flex23>*:nth-child(2) {
	width: 60%;
	min-width: 60%;
}

.myflex.flex32>* {
	width: 60%;
	min-width: 60%;
}

.myflex.flex32>*:nth-child(2) {
	width: 40%;
	min-width: 40%;
}

.myflex.flex231>* {
	width: 33.33333333333333%;
	min-width: 33.3333333333333%;
}

.myflex.flex231>*:nth-child(2) {
	width: 50%;
	min-width: 50%;
}

.myflex.flex231>*:nth-child(3) {
	width: 16.66666666667%;
	min-width: 16.666666666666667%;

}

.myflex.flex132>* {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
}

.myflex.flex132>*:nth-child(2) {
	width: 50%;
	min-width: 50%;
}

.myflex.flex132>*:nth-child(3) {
	width: 33.333333333333333333333333333333%;
	min-width: 33.333333333333333333333333333333%;
}

.myflex.flex45>*:nth-child(1) {
	width: 44.4444%;
}

.myflex.flex45>*:nth-child(2) {
	width: 55.5555%;
}

.myflex.flex15>* {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
}

.myflex.flex15>*:nth-child(2) {
	width: 83.333333333333333333333333333333%;
	min-width: 83.333333333333333333333333333333%;
}

.myflex.flex16>* {
	width: 14.285714285714285714285714285714%;
	/*
	min-width:14.285714285714285714285714285714%;*/
}

.myflex.flex16>*:nth-child(2) {
	width: 85.714285714285714285714285714286%;
	/*
	min-width:85.714285714285714285714285714286%;*/
}

.myflex.flex51>* {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
	min-width: min(120px, 50%);
}

.myflex.flex51>*:nth-child(1) {
	width: 83.333333333333333333333333333333%;
	/*
	min-width:83.333333333333333333333333333333%;*/
}

.myflex.flex29>* {
	width: 81.818181818181818181818181818182%;
	min-width: 50%;
	max-width: none;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flex29>*:nth-child(1) {
	width: 18.181818181818181818181818181818%;
	min-width: 200px;
	min-width: min(200px, 50%);
	max-width: 50%;
}

.myflex.flex92>* {
	width: 18.181818181818181818181818181818%;
	min-width: 200px;
	min-width: min(200px, 50%);
	max-width: 50%;
}

.myflex.flex92>*:nth-child(1) {
	width: 81.818181818181818181818181818182%;
	min-width: 50%;
	max-width: none;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flex111>* {
	width: 33.333333333333333333333333333333%;
	min-width: 33.333333333333333333333333333%;
}

.myflex.flex111>*:nth-child(2) {
	width: 33.333333333333333333333333333333%;
	min-width: 33.333333333333333333333333333%;
}

.myflex.flex111>*:nth-child(3) {
	width: 33.333333333333333333333333333333%;
	min-width: 33.333333333333333333333333333%;
}

.myflex.flex122>* {
	width: 20%;
	min-width: 20%;
}

.myflex.flex122>*:nth-child(2) {
	width: 40%;
	min-width: 40%;
}

.myflex.flex122>*:nth-child(3) {
	width: 40%;
	min-width: 40%;
}

.myflex.flex1E41>* {
	width: 16.666666666666666666666666666667%;
}

.myflex.flex1E41>*:nth-child(1) {
	width: 66.666666666666666666666666666667%;
}

.myflex.flex1E41:before {
	content: "";
	display: block;
	width: 16.666666666666666666666666666667%;
}

.myflex.flex3c1>* {
	width: 33.333333333333333333333333333333%;
}

.myflex.flex4c1>* {
	width: 25%;
}

.myflex.flex5c1>* {
	width: 20%;
}

.myflex.flex6c1>* {
	width: 16.666666666666666666666666666667%;
}

.myflex.flexMin150>* {
	min-width: 150px;
	max-width: 100vw;
}

.myflex.flexMin290>* {
	min-width: 290px;
	max-width: 100vw;
}

.myflex.flexMin380>* {
	min-width: 380px;
	max-width: 100vw;
}

/*============*/
.mainContent ul.a {
	padding-left: 6em;
	margin: 2em 0;
	list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='5' cy='5' r='.8' stroke='black' stroke-width='8' fill='none'/%3E%3C/svg%3E");
}

.myflex.flexBBtn {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 80px 0 20px 0;
}

.myflex.flexBBtn a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background-color: #A6AABE;
	color: transparent;
	overflow: hidden;
	font-size: 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;
	z-index: 10;
}

.myflex.flexBBtn a:before {
	content: "";
	display: block;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	overflow: visible;
	width: 60px;
	height: 60px;
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg_arrow_svg' width='26' height='26' style='overflow: visible !important; position: absolute; top: 50%25; left: 50%25; -webkit-transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25); -ms-transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25); transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25);' viewBox='1991.397 129.484 19.313 26.46'%3E%3Cpath class='svg_arrow_path' style='fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-width: 4px; stroke-linejoin: round; stroke-linecap: round; stroke-miterlimit: 4; shape-rendering: auto;' d='M 1991.3974609375 147.8847961425781 L 1991.3974609375 129.4844055175781 L 2010.7109375 141.6504058837891 L 1991.3974609375 155.9443054199219'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
}

.myflex.flexBBtn>div:nth-child(1) a:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*================================*/
#flexslider_footer.flexslider {
	background-color: transparent;
	padding-bottom: 45px;
}

#flexslider_footer.flexslider.silent .slides {
	width: auto !important;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body #flexslider_footer.flexslider .flex-control-nav {
	padding: 0 40px;
}

.mob-searchTool,
.mob-shareTool,
.mob-fbTool {
	display: none;
}

.mob-searchTool {
	position: relative;
}

.mob-searchTool .seachInputBar {
	padding: 10px;
	padding-right: 40px;
	margin: 10px 20px;
	width: 90%;
	width: calc(100% - 40px);
}

.mob-searchTool a.searchBtnMob {
	display: block;
	position: absolute;
	right: 22px;
	top: 12px;
	padding: 8px;
	z-index: 10;
}

.mob-searchTool .searchBtnMob img {
	-webkit-filter: brightness(0);
	-ms-filter: brightness(0);
	filter: brightness(0);
}

#qrcode {
	margin-bottom: 20px;
}

#qrcode img {
	margin: auto;
}

/*===========================*/
.mySelect {
	position: relative;
	display: inline-block;
	/*
	margin:10px 0;*/
}

.mySelect .selected a {
	position: relative;
	display: block;
	border: 0;
	border-radius: 8px;
	padding: 10px 20px;
	background-color: #216354;
	color: #fff;
	font-size: 1.2em;
}

.mySelect .selected a:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	margin-left: 20px;
	background-image: url(../images/icon/icon_arrow_w.png);
	width: 16px;
	height: 16px;
}

.mySelect .select-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}

.icon.date {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	line-height: normal;
}

.icon.date:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 0;
	background-image: url(../images/icon/icon_time.svg);
}

.icon.remark a {
	display: inline-block;
	position: relative;
	padding-left: 30px;
}

.icon.remark a:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 14px;
	background-image: url(../images/icon/icon_info.png);
}

.page_scroll {
	position: fixed;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 8100;
}

.page_scroll ul {
	list-style-type: none;
}

.page_scroll li {
	display: block;
	padding: 10px;
}

.page_scroll ul a {
	width: 16px;
	height: 16px;
	display: block;
	background-color: #aab4ba;
	border: 2px solid #aab4ba;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 100px;
}

.page_scroll ul .active a {
	background-color: #fe6a64;
	border: 2px solid #000;
	;
}

.mobSelector {
	display: none;
}

.mobTag {
	display: none;
}

/*======================*/
.mob {
	display: none;
}

.myHeader .ibtn a {
	border-radius: 100px;
	padding: 8px 30px;
	text-align: center;
	color: #fff;
	background-color: #0053B3;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	/*
	margin:0 10px;*/
	-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;
}

.myHeader .ibtn a:focus,
.myHeader .ibtn a:hover {
	background-color: #0d2e4a;
}

.inputList {
	font-size: 1.125em;
	/*
	border-top:1px solid #c5c5c5;*/
	padding: 0;
}

.inputList>div:not(:nth-child(1)) {
	margin-top: 16px;
}

.inputList>div {
	margin-bottom: 16px;
}

.inputList.noborder {
	border-top: 0;
}

.inputList .title {
	/*
	min-width:150px;
	width:8vw;*/
	width: 100%;
	font-size: 0.80357142857142857142857142857143em;
	/*
    font-weight: bold;*/
	/*
	padding-right:20px;*/
	padding-right: 0;
	margin-bottom: 4px;
}

.inputList .title label {
	margin-bottom: 0;
}

.inputList .flex400>div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .flex414 .input {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 33.3333vw;
}

.inputList .flex414 {}

.inputList .flex414>div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 44.4444%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .flex414 .input {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.inputList .flexAA>div {
	min-width: 40%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .input input[type="text"],
.inputList .input input[type="password"] {
	padding: 4px 0;
	border: 0;
	border-bottom: 1px solid #0053B3;
	background-color: transparent;
	width: 100%;
	margin: 0 0;
}

.inputList .input input[type="text"]:disabled,
.inputList .input input[type="password"]:disabled {
	border-bottom: 0;
}

.inputList .input.short input[type="text"],
.inputList .input.short input[type="password"] {
	width: 600px;
	max-width: 100%;
}

.inputList .input.long {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.inputList .input.long textarea {
	max-width: 600px;
	width: 100%;
	min-height: 200px;
	background-color: #f5f5f5;
	/*
    border: 1px solid #0053B3;*/
	padding: 8px 12px;
	border: 0;
	border-radius: 8px;
}

.inputList .fileUploader {
	padding: 45px 50px;
	text-align: center;
	color: #595959;
	border: 2px dotted #0053B3;
	position: relative;
	font-size: 1em;
	z-index: 10;
	max-width: 100%;
	width: auto;
	min-width: 0;
	margin: 10px 0;
}

.inputList .fileUploader .myFFText {
	position: relative;
}

.inputList .fileUploader .myFFText:before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	background-image: url(../images/icon/icon_upload.svg);
}

.inputList .fileUploader input[type="file"] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	outline-offset: 1px;
	z-index: -1;
}

.inputList .fileUploader input[type="file"]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
}

.inputList .sboxList>div {
	min-width: 11.1111vw;
	width: 33.3333%;
	padding-right: 10px;
}

.inputList .sboxList label {
	width: 100%;
	padding-right: 10px;
	margin: 8px 0 8px 0;
}

.inputList .sboxList label input[type="checkbox"],
.inputList .sboxList label input[type="radio"] {
	margin-right: 10px;
}

.inputList .ibtn button,
.inputList .ibtn a {
	border-radius: 100px;
	padding: 8px 30px;
	margin: 8px 10px;
	text-align: center;
	color: #fff;
	background-color: #0053B3;
	font-weight: bold;
	display: inline-block;
	border: 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;
}

.inputList .ibtn button:focus,
.inputList .ibtn button:hover,
.inputList .ibtn a:focus,
.inputList .ibtn a:hover {
	background-color: #0d2e4a;
}

.inputList .ibtn.ibtn3 a {
	color: #4A4A4A;
	background-color: #E5E5E5;
}

.inputList .ibtn.ibtn3 a:focus,
.inputList .ibtn.ibtn3 a:hover {
	background-color: #f5f5f5;
}

.inputList .ibtn.ibtn4 a {
	position: relative;
	padding: 8px 30px;
	min-width: 140px;
	margin: 16px 20px;
}

.inputList .ibtn.ibtn4.ibtnAA a,
.inputList .ibtn.ibtn4.ibtnAR a {
	margin-top: 0;
}

.inputList .ibtn.ibtn4.ibtnAA a:after {
	content: ">>";
	display: inline-block;
	margin-left: 5px;
}

.inputList .ibtn.ibtn4.ibtnAR a:after {
	content: "<<";
	display: inline-block;
}

.inputList .ibtn.ibtn4.ibtnPA a:before {
	content: "+";
	display: inline-block;
	margin-right: 5px;
}

.myHeader h1 {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.editTool a {
	display: block;
	position: relative;
	padding: 10px 20px;
	padding-right: 32px;
}

.editTool a:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon/icon_edit.svg);
}

.editTool a:focus:after,
.editTool a:hover:after {
	background-image: url(../images/icon/icon_edit_i.svg);
}

.editTool.icon2 a {
	padding: 0px;
	padding-right: 32px;
}

.editTool.icon2 a:after {
	content: "";
	position: absolute;
	top: -2px;
	right: 0;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon/icon_edit2.svg);
}

.editTool.icon2 a:focus:after,
.editTool.icon2 a:hover:after {
	background-image: url(../images/icon/icon_edit2_i.svg);
}

.inputList .selectArea {
	width: 450px;
	max-width: 100%;
	max-width: calc(100vw - 30px);
}

.inputList select[multiple] {
	width: 100%;
	height: 500px;
	background-color: #f5f5f5;
}

.inputList select[multiple] option {
	position: relative;
	padding: 10px 20px;
}

.inputList select[multiple] option:not([value*="fakefake"]) {
	padding-left: 50px;
}

.inputList select[multiple] option:not([value*="fakefake"]):before {
	content: "";
	position: absolute;
	left: 20px;
	top: 12px;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
}

.inputList select[multiple] option:not([value*="fakefake"]):after {
	content: "";
	position: absolute;
	left: 20px;
	top: 12px;
	width: 16px;
	height: 16px;
	margin: 2px;
	border-radius: 2px;
	background-color: #fff;
	-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;
}

.inputList select[multiple] option:checked:not([value*="fakefake"]):after {
	background-color: #0053B3;
}

.inputList select[multiple] option[value*="fakefakefake"] {
	white-space: normal;
}

.inputMask label {
	position: relative;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0;
	padding-right: 10px;
}

.inputMask label * {
	cursor: pointer;
}

.inputMask label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.inputMask label .mask {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
	margin: auto 8px;
}

.inputMask label input:focus+.mask,
.inputMask label:hover .mask {
	border: 2px solid #000;
}

.inputMask label .mask:before {
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 2px;
	background-color: #fff;
	-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;
}

.inputMask label input:checked~.mask:before {
	background-color: #0053B3;
}

.inputMask.toggleMask label .mask {
	background-color: #ccc;
	height: 22px;
	width: 48px;
	border: 0;
	border-radius: 100px;
	-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;
}

.inputMask.toggleMask label input:focus+.mask,
.inputMask.toggleMask label:hover .mask {
	border: 0;
	opacity: .7;
}

.inputMask.toggleMask label input:checked+.mask {
	background-color: #0053B3;
}

.inputMask.toggleMask label .mask:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 1px;
	background-color: #fff;
	border-radius: 100px;
	-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;
}

.inputMask.toggleMask label input:checked+.mask:before {
	background-color: #fff;
	-webkit-transform: translate(calc(100% + 4px), 0);
	-ms-transform: translate(calc(100% + 4px), 0);
	transform: translate(calc(100% + 4px), 0);
}

/*===================*/
.mytagPage .fmTit a {
	display: block;
	position: relative;
	padding: 20px;
	padding-left: 60px;
}

.mytagPage .fmTit a:before {
	content: "";
	position: absolute;
	left: 15px;
	width: 26px;
	height: 26px;
}

.mytagPage .fmTit.tit1 a:before {
	background-image: url(../images/icon/icon_fm1.svg);
}

.mytagPage .fmTit.tit2 a:before {
	background-image: url(../images/icon/icon_fm2.svg);
}

.mytagPage .fmTit.tit3 a:before {
	background-image: url(../images/icon/icon_fm3.svg);
}

.mytagPage .fmTit.tit1 a:focus:before,
.mytagPage .fmTit.tit1 a:hover:before {
	background-image: url(../images/icon/icon_fm1_i.svg);
}

.mytagPage .fmTit.tit2 a:focus:before,
.mytagPage .fmTit.tit2 a:hover:before {
	background-image: url(../images/icon/icon_fm2_i.svg);
}

.mytagPage .fmTit.tit3 a:focus:before,
.mytagPage .fmTit.tit3 a:hover:before {
	background-image: url(../images/icon/icon_fm3_i.svg);
}

.mytagPage .content>* {
	margin: 20px 0;
}

.mytagPage .content>*:nth-child(1) {
	margin-top: 0;
}

.mytagPage .content>*:nth-last-child(1) {
	margin-bottom: 0;
}

.mytagPage .content .heading {
	font-size: 1.4em;
}

.mytagPage .content .dropArea {
	padding: 20px;
	background-color: #f5f5f5;
}

/*===================*/
/*==============*/
.mobMenu {
	width: 110px;
	min-width: 110px;
	z-index: 7900;
	position: relative;
	min-height: calc(100vh - 100px - 64px + 1px);
	top: 0;
	bottom: 0;
	margin-top: -1px;
}

.indexVersion .mobMenu {
	display: none;
}

.mobMenu .border {
	padding: 0 0;
	height: 100%;
	-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;
	width: 110px;
	background-color: #0158cb;
}

.activeMM .mobMenu .border {
	background-color: #0158cb;
}

.mobMenu .border * {
	word-break: break-word;
}

.mobMenu .ocBtn a {
	position: relative;
	text-align: center;
	padding: 6px 0;
	display: block;
}

.mobMenu .ocBtn a:focus,
.mobMenu .ocBtn a:hover {
	opacity: .87;
}

.mobMenu .ocBtn {
	padding: 0;
	padding-top: 10px;
	visibility: hidden;
}

.mobMenu .ocBtn a:before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: auto;
	background-position: center center;
	background-image: url(../images/icon/icon_ls_ce.svg);
	-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;
	margin-left: auto;
	margin-right: 0;
}

.activeMM .mobMenu .ocBtn {
	visibility: visible;
}

.activeMM .mobMenu .ocBtn a:before {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
}

.mobMenu .ocBtn a:focus:before,
.mobMenu .ocBtn a:hover:before {}

.mobMenu .btnGroup {
	width: 110px;
}

.mobMenu .btnGroup:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(12, 18, 28, 0.12);
}

.mobMenu .btnGroup .section {
	position: relative;
	background-color: #0158cb;
	-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;
}

.mobMenu .btnGroup .section:before {}

.mobMenu .btnGroup .section.active:before {}

.mobMenu .btnGroup,
.mobMenu .btnGroup a {
	color: #fff;
}

.mobMenu .btnGroup .icon a {
	position: relative;
	text-align: center;
	padding: 13px 4px 13px 7px;
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .87;
}

.activeMM .mobMenu .btnGroup .section.active,
.activeMM .mobMenu .btnGroup .section.active+.submenu {
	background-color: #023d89;
}

.mobMenu .btnGroup .section.active .icon a,
.mobMenu .btnGroup .icon a:focus,
.mobMenu .btnGroup .icon a:hover {}

.mobMenu .btnGroup .section .icon a:before {
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	margin: auto;
	margin-bottom: 2px;
	background-position: center center;
}

.mobMenu .btnGroup .section.ls1 .icon a:before {
	background-image: url(../images/icon/icon_ls_1.svg);
}

.mobMenu .btnGroup .section.ls2 .icon a:before {
	background-image: url(../images/icon/icon_ls_2.svg);
}

.mobMenu .btnGroup .section.ls3 .icon a:before {
	background-image: url(../images/icon/icon_ls_3.svg);
}

.mobMenu .btnGroup .section.ls4 .icon a:before {
	background-image: url(../images/icon/icon_ls_4.svg);
}

.mobMenu .btnGroup .section.ls5 .icon a:before {
	background-image: url(../images/icon/icon_ls_5.svg);
}

.mobMenu .btnGroup .section.ls6 .icon a:before {
	background-image: url(../images/icon/icon_ls_6.svg);
}

.mobMenu .btnGroup .section.ls7 .icon a:before {
	background-image: url(../images/icon/icon_ls_7.svg);
}

.mobMenu .btnGroup .section.ls8 .icon a:before {
	background-image: url(../images/icon/icon_ls_8.svg);
}

.mobMenu .btnGroup .section .icon a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 5px;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mobMenu .btnGroup .section .icon a:focus:after,
.mobMenu .btnGroup .section .icon a:hover:after,
.mobMenu .btnGroup .section.active .icon a:after {
	opacity: 1;
}

.mobMenu .btnGroup .submenu {
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 100%;
	padding: 4px 20px 4px 20px;
	overflow: auto;
	-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;
}

.mobMenu .btnGroup .section.active+.submenu {
	opacity: 1;
	width: 335px;
}

.mobMenu .btnGroup .submenu .sm-border {
	display: none;
}

.mobMenu .btnGroup .section.active+.submenu .sm-border {
	display: block;
}

.mobMenu .btnGroup .submenu .border>.myflex>div {
	padding: 0 12px 12px 12px;
	overflow: auto;
	max-height: 95%;
	width: 210px;
}

.mobMenu .btnGroup .submenu .mscontent a {
	display: block;
	position: relative;
	padding: 5px 5px 5px 20px;
	font-size: .875em;
	opacity: .85;
}

.mobMenu .btnGroup .submenu .mscontent a:before {
	content: "";
	position: absolute;
	left: 9px;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background-color: #00d6fa;
}

.mobMenu .btnGroup .submenu a:focus,
.mobMenu .btnGroup .submenu a:hover {}

.mobMenu .btnGroup .submenu .msheading {
	padding: 8px 0;
	font-size: 1.1em;
}

.mobMenu .btnGroup .submenu .mscontent {
	padding-bottom: 18px;
}

.mobMenu .lmsArea .lms_heading {
	margin-top: 12px;
	margin-bottom: 12px;
}

.mobMenu .btnGroup .submenu .border>.myflex.lms_check>div,
.mobMenu .btnGroup .submenu .border>.myflex.lms_radio>div {
	width: auto;
	padding: 0 6px 6px 6px;
}

.mobMenu .btnGroup select {
	color: rgba(0, 0, 0, .87)
}

.mobMenu .lmsArea .lms_submit .ibtn a {
	display: block;
	padding: 4px 12px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .3);
	color: #fff;
	border-radius: 6px;
}

.mobMenu .btnGroup .submenu .lmsArea .border>.lms_submit>div.ibtn {
	width: auto;
	padding: 0;
	margin-bottom: 12px;
}

/*==============*/
.myNote {
	font-size: 0.88888888888888888888888888888889em;
}

.mainContent .moreBtn {
	text-align: center;
}

.moreBtn a {
	position: relative;
	display: inline-block;
	padding: 8px 30px;
	font-size: 0.7em;
	color: #fff;
	background-color: #59358c;
}

.moreBtn a:focus,
.moreBtn a:hover {
	color: #fff;
}

.floatImg {
	padding: 0 35px;
	margin-bottom: 10px;
}

.floatImg.fi_right {
	float: right;
	margin-right: -35px;
}

/*==========*/
.mainArea {
	overflow: hidden;
}

.mainArea .heading {}

.mainArea.mainArea1 {}

.mainArea.mainArea1 .heading {}

.mainArea.mainArea1 .content {}

.mainArea.mainArea2,
.mainArea.mainArea3,
.mainArea.mainArea4 {
	padding: 20px 0;
}

.mainArea.mainArea1 #flexslider_ma1 {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
}

.mainArea.mainArea1 #flexslider_ma1 .cover {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.mainArea.mainArea1 #flexslider_ma1.active,
.mainArea.mainArea1 #flexslider_ma1.active .cover {
	opacity: 1;
}

.mainArea.mainArea1 .slides>li>.border {
	position: relative;
}

.mainArea.mainArea1 .detail {}

.mainArea.mainArea1 .cover {}

.mainArea.mainArea2>*>.myflex {
	margin-left: -28px;
	margin-right: -28px;
}

.mainArea.mainArea2>*>.myflex>.border {
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 20px;
	padding-top: 20px;
	min-height: 640px;
	max-height: 640px;
	overflow: auto;
}

.mainArea.mainArea2>*>.myflex>.border>div {
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

.mainArea.mainArea2>*>.myflex>.border .flexslider .slides {
	max-height: 460px;
	overflow: auto;
}

.mainArea.mainArea2 .title {
	padding: 20px;
	font-size: 2em;
	font-weight: bold;
	color: #0D3D6D;
	border-bottom: 3px solid #0047a0d9;
}

.mainArea.mainArea2 .content {
	flex: 1 1 auto;
}

.mainArea .content .moreBtn {
	margin: 50px 0;
	font-size: 1.25em;
}

.mainArea .content .moreBtn:nth-last-child(1) {
	margin-bottom: 0;
}

/*===============*/
.ias_index {
	max-width: 100%;
	min-width: 375px;
	width: 375px;
	font-size: .9em;
	display: none;
}

.iasVersion .ias_index {
	display: block;
}

.ias_index .stickyBorder {
	position: sticky;
	top: 20px;
}

.ias_index .borderMenu>.border {
	width: 333px;
	max-width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.67);
	border-radius: 16px;
	padding: 16px 20px;
	margin-bottom: 28px;
}

.ias_index .borderMenu>.border>div {}

.ias_index .borderMenu>.border>div>.aTag>a,
.ias_index .borderMenu>.border>div>.aTag>.funnyFakeA {
	display: block;
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, .0);
	padding: 16px 20px;
	border-radius: 8px;
	-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;
}

.ias_index .borderMenu>.border>div.activeSection>.aTag>a,
.ias_index .borderMenu>.border>div>.aTag>a:focus,
.ias_index .borderMenu>.border>div>.aTag>a:hover,
.ias_index .borderMenu>.border>div.activeSection>.aTag>.funnyFakeA {
	color: #980D0A;
	font-weight: bold;
}

.ias_index .borderMenu>.border>div>.extmenu {
	font-size: 0.88888888888888888888888888888889em;
}

.ias_index .borderMenu>.border .extmenu {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ias_index .borderMenu>.border .active>.extmenu {
	opacity: 1;
}

.ias_index .borderMenu>.border .extmenu>* {
	display: none;
}

.ias_index .borderMenu>.border .active>.extmenu>* {
	display: block;
}

.ias_index .borderMenu>.border .extmenu .aTag>a,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA {
	display: block;
	position: relative;
	display: block;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, .0);
	padding: 9px 20px;
	padding-left: 40px;
	border-radius: 4px;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-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;
}

.ias_index .borderMenu>.border .extmenu .aTag>a:before,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:before {
	content: "";
	position: absolute;
	left: 24px;
	top: 15px;
	top: calc(9px + .44em);
	width: 4px;
	height: 4px;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.chineseVersion .ias_index .borderMenu>.border .extmenu .aTag>a:before,
.chineseVersion .ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:before {
	top: calc(9px + .66em);
}

.ias_index .borderMenu>.border .extmenu .active>.aTag>a,
.ias_index .borderMenu>.border .extmenu .active>.aTag>.funnyFakeA {
	color: #008088;
	font-weight: bold;
}

.ias_index .borderMenu>.border .extmenu .aTag>a:focus,
.ias_index .borderMenu>.border .extmenu .aTag>a:hover,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:focus,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:hover {
	color: #008088;
	background-color: #CFEEFF;
	font-weight: bold;
}

.ias_index .borderMenu>.border .extmenu .active>.aTag>a:before,
.ias_index .borderMenu>.border .extmenu .aTag>a:focus:before,
.ias_index .borderMenu>.border .extmenu .aTag>a:hover:before,
.ias_index .borderMenu>.border .extmenu .active>.aTag>.funnyFakeA:before,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:focus:before,
.ias_index .borderMenu>.border .extmenu .aTag>.funnyFakeA:hover:before {
	background-color: #008088;
}

.ias_index .borderMenu>.border .extmenu .extmenu {
	padding-left: 20px;

}

.ias_index .aTag .extbtn a {
	position: relative;
	top: 16px;
	display: block;
	width: 22px;
	height: 23px;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-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;
}

.ias_index .active>.aTag .extbtn a {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.ias_index .extmenu .aTag .extbtn a {
	top: 9px;
}

.ias_index .aTag .extbtn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 7px;
	background-image: url(../images/icon/icon_ias_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ias_index .spMenu>.border>.title {
	padding: 0 20px;
	padding-top: 16px;
	font-weight: bold;
}

.ias_index .spMenu>.border>.spMenuList {
	padding: 0 20px;
}

.ias_index .spMenu a {
	position: relative;
	padding: 16px 0;
	padding-left: 64px;
	min-height: 82px;
	color: rgba(0, 0, 0, 0.8);
}

.ias_index .spMenu .menu:not(:nth-last-child(1)) a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.078);
}

.ias_index .spMenu a:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 0;
	width: 50px;
	height: 50px;
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.ias_index .spMenu .menu0 a:before {
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.ias_index .spMenu .menu1 a:before {
	background-image: url(../images/icon/icon_spmenu_2.svg);
}

.ias_index .spMenu .menu2 a:before {
	background-image: url(../images/icon/icon_spmenu_3.svg);
}

.ias_index .spMenu .menu3 a:before {
	background-image: url(../images/icon/icon_spmenu_4.svg);
}

.ias_conetnt {
	max-width: 100%;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.ias_conetnt2 {
	max-width: 100%;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

/*=======================*/
.ias_index .rsMenu>.border>* {
	margin-left: 12px;
	margin-right: 12px;
}

.ias_index .rsMenu>.border>.title {
	font-size: 1.3333333333333333333333333333333em;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 24px;
}

.ias_index .rsMenu input[type="text"] {
	width: 100%;
}

.ias_index .rsMenu .keyword {
	margin-bottom: 24px;
}

.ias_index .rsMenu .keyword input {
	font-size: 0.77777777777777777777777777777778em;
	padding: 4px 0;
	border: 0;
	border-bottom: 1px solid #000;
}

.ias_index .rsMenu .rsMenuList {
	font-size: 0.88888888888888888888888888888889em;
}

.ias_index .rsMenu .rsMenuList>.border {
	margin-bottom: 20px;
}

.ias_index .rsMenu .rsMenuList .tit {
	font-weight: bold;
	margin-bottom: 4px;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select {
	position: relative;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select>.reset_btn a {
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	left: 16px;
	top: 20px;
	background-color: #fff;
	z-index: 10;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select>.reset_btn a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/icon/icon_cross2.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select>.border {
	display: block;
	position: relative;
	padding: 16px;
	padding-right: 35px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: bold;
	border: .5px solid #016388;
	border-radius: 4px;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select.selected>.border {
	background-color: #5628d8;
	color: #fff;
	padding-left: 48px;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select>.border:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	width: 13px;
	height: 7px;
	background-image: url(../images/icon/icon_ias_arrow.svg);
	-webkit-transform: translate(0, -50%) rotate(180deg);
	-ms-transform: translate(0, -50%) rotate(180deg);
	transform: translate(0, -50%) rotate(180deg);
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select.selected>.border:after {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector {
	opacity: 0;
	max-height: 0vh;
	overflow: hidden;
	-webkit-transition: opacity .7s ease-in-out, max-height .3s ease-in-out;
	-moz-transition: opacity .7s ease-in-out, max-height .3s ease-in-out;
	-ms-transition: opacity .7s ease-in-out, max-height .3s ease-in-out;
	-o-transition: opacity .7s ease-in-out, max-height .3s ease-in-out;
	transition: opacity .7s ease-in-out, max-height .3s ease-in-out;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select.active .select_selector {
	opacity: 1;
	max-height: 100vh;
	/*
	overflow: auto;*/
	-webkit-transition: opacity .7s ease-in-out, max-height 1s ease-in-out;
	-moz-transition: opacity .7s ease-in-out, max-height 1s ease-in-out;
	-ms-transition: opacity .7s ease-in-out, max-height 1s ease-in-out;
	-o-transition: opacity .7s ease-in-out, max-height 1s ease-in-out;
	transition: opacity .7s ease-in-out, max-height 1s ease-in-out;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector>* {
	/*display:none;*/
	visibility: hidden;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select.active .select_selector>* {
	/*display:block;*/
	visibility: visible;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .ss_border {
	/*
    position: absolute;
    top: 100%;
	left:0;
	right:0;*/
	padding: 16px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
	box-shadow: 0 0 13px rgba(0, 0, 0, .25);
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .input_list>* {
	margin-top: 12px;
	margin-bottom: 12px;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label {
	position: relative;
	z-index: 10;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label,
.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label * {
	cursor: pointer;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label input[type="radio"],
.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label .mark {
	position: absolute;
	display: block;
	top: .1em;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.32);
	border-radius: 2px;
	margin-right: 10px;
	z-index: 10;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label .mark:before {
	content: "";
	position: absolute;
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	border-radius: 2px;
	background-color: #fff;
	-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;
	z-index: 20;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector .radiobox_list label .mark {
	border-radius: 100px;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector .radiobox_list label .mark:before {
	border-radius: 100px;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label input:checked~.mark:before {
	background-color: #3182eb;
}

.ias_index .rsMenu .rsMenuList .mi_hidden_select .select_selector label .option {
	position: relative;
	display: block;
	padding-left: 30px;
	z-index: 5;
}

.ias_index .rsMenu .submitBtn {
	padding: 20px 0;
	text-align: center;
	display: inline-block;
}

.ias_index .rsMenu .submitBtn a {
	font-size: 1.1111111111111111111111111111111em;
	display: inline-block;
	padding: 12px 40px;
	color: #fff;
	background-color: #136af6;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.ias_index .rsMenu .resetBtn {
	padding: 20px 0;
	text-align: center;
	display: inline-block;
}

.ias_index .rsMenu .resetBtn a {
	font-size: 1.1111111111111111111111111111111em;
	display: inline-block;
	padding: 12px 40px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.ias_index .rsMenu .submitBtn a:focus,
.ias_index .rsMenu .submitBtn a:hover {
	background-color: rgba(0, 0, 0, 0.23);
}

.ias_index .rsMenu .resetBtn a:hover {
	background-color: rgba(0, 0, 0, 0.23);
}

.indexAddressSelector .mobFilter {
	display: none;
}

.indexAddressSelector .filterBtn a {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.indexAddressSelector .filterBtn a:focus,
.indexAddressSelector .filterBtn a:hover {
	opacity: .6;
}

.indexAddressSelector .filterBtn a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background-image: url(../images/icon/icon_filter.svg);
}

.activeFormFilter .indexAddressSelector .filterBtn a:after {
	background-image: url(../images/icon/btn_close.svg);
	background-size: 60%;
	-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

/*==================*/
.fixMenu {
	position: fixed;
	/* left: -250px; */
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 8000;
	/* transition: left 0.3s ease-out; */
}

.fixMenu:hover {
	/* left: 0px; */
}

.fixMenu .borderMenu>.border {
	max-width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.078);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	border-radius: 0 6px 6px 0;
	padding: 16px 16px;
	/* padding-right: 64px; */
	/* transition: padding-right 0.3s ease-out; */
}

.fixMenu .borderMenu>.border:hover {
	/* padding-right: 16px; */
}

.fixMenu .spMenu>.border>.title {
	margin-bottom: 10px;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
}

.fixMenu .spMenu>.border>.spMenuList {}

.fixMenu .spMenu a {
	display: block;
	text-align: center;
	position: relative;
	padding: 16px;
	color: rgba(0, 0, 0, 0.8);
}

.fixMenu .spMenu .menu:not(:nth-last-child(1)) a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.078);
}

.fixMenu .spMenu a:before {
	content: "";
	display: block;
	margin: auto;
	width: 50px;
	height: 50px;
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.fixMenu .spMenu .menu0 a:before {
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.fixMenu .spMenu .menu1 a:before {
	background-image: url(../images/icon/icon_spmenu_2.svg);
}

.fixMenu .spMenu .menu2 a:before {
	background-image: url(../images/icon/icon_spmenu_3.svg);
}

.fixMenu .spMenu .menu3 a:before {
	background-image: url(../images/icon/icon_spmenu_4.svg);
}

/*==================*/
.spMenuCard {
	text-align: center;
}

.spMenuCard>.border {
	display: inline-block;
}

.spMenuCard .content>.border>.myTitle {
	margin-bottom: 10px;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	width: 160px;
	max-width: 100%;
}

.spMenuCard .content>.border>.spMenuList>* {
	width: 20%;
	min-width: min(100%, 160px);
}

.spMenuCard .spMenuList a {
	display: block;
	width: min(100vw, 160px);
	text-align: center;
	position: relative;
	padding: 16px;
	color: rgba(0, 0, 0, 0.8);
}

.spMenuCard .spMenuList a:before {
	content: "";
	display: block;
	margin: auto;
	width: 50px;
	height: 50px;
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.spMenuCard .spMenuList>*:nth-child(1) a:before {
	background-image: url(../images/icon/icon_spmenu_1.svg);
}

.spMenuCard .spMenuList>*:nth-child(2) a:before {
	background-image: url(../images/icon/icon_spmenu_2.svg);
}

.spMenuCard .spMenuList>*:nth-child(3) a:before {
	background-image: url(../images/icon/icon_spmenu_3.svg);
}

.spMenuCard .spMenuList>*:nth-child(4) a:before {
	background-image: url(../images/icon/icon_spmenu_4.svg);
}

/*==================*/
.myCEArea .myCEA_Tool {
	margin: 0 -16px;
}

.myCEArea .myCEA_Tool a {
	display: inline-block;
	padding: 16px 16px;
	color: #000;
	font-size: 0.8em;
}

.myCEArea .myCEA_List {
	border-bottom: 1px solid rgba(0, 0, 0, 0.192);
}

.myCEArea .myCEA_List>div {
	position: relative;
	padding: 18px 22px;
	background-color: rgba(255, 255, 255, 1);
	border-top: 1px solid rgba(0, 0, 0, 0.192);
	-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
	transition: background-color 0.3s ease-in-out, padding 0.3s ease-out;
}

.myCEArea .myCEA_List>div.active {
	background-color: rgba(255, 255, 255, 0);
	border-top: 2px solid rgba(0, 97, 255, 1);
	padding-top: 22px;
	padding-bottom: 22px;
}

.myCEArea .myCEA_List>div:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(180deg, #D2F2FF 0%, rgba(255, 255, 255, 0) 100%);
	z-index: -1;
}

.myCEArea .myCEA_List>div .title a {
	display: block;
	position: relative;
	padding: 8px 0;
	padding-right: 30px;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.1em;
	font-weight: bold;
}

.myCEArea .myCEA_List>div.active .title a {
	color: #0061FF;
}

.myCEArea .myCEA_List>div .title a:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon/icon_plus.svg);
}

.myCEArea .myCEA_List>div.active .title a:before {
	background-image: url(../images/icon/icon_minus.svg);
}

.myCEArea .myCEA_List>div .title a .myCEA_titNo {
	margin-right: 10px;
	min-width: 32px;
}

.chineseVersion .myCEArea .myCEA_List>div .title a .myCEA_titNo {
	line-height: 1.5em;
}

.myCEArea .myCEA_List>div .content {
	/*
	font-size:1.2222222222222222222222222222222em;*/
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.myCEArea .myCEA_List>div.active .content {
	opacity: 1;
}

.myCEArea .myCEA_List>div .content>* {
	display: none;
}

.myCEArea .myCEA_List>div.active .content>* {
	display: block;
}

.myCEArea .myCEA_List>div .content .border>ul {
	/*
	list-style-type:none;*/
}

.myCEArea .myCEA_List>div .content .border>ul li {
	/*
	font-size:0.8em;*/
}

/*=====================*/
.myTable {
	font-size: 0.9em;
	overflow: hidden;
	max-width: 100%;
	/*
    margin: 20px 0;
    padding: 1em;
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 11%);
    border-radius: 0.375em;*/
}

.myTable.mT1 {
	width: 1200px;
}

.myTable>.border {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.myTable>.border>.title,
.myTable>.border>.subtitle {
	font-weight: bold;
	margin-bottom: 1em;
}

.myTable .mTScroll {
	overflow: auto;
	max-width: 100%;
}

.myTable .mTScroll table {
	/*
	min-width:800px;*/
}

.myTable table thead th,
.myTable table tbody td {
	padding: 20px;
}

/*
.myTable.mT1 th,
.myTable.mT1 td{
	width:33.333333333333333333333333333333%;
}*/
.myTable.mT1 th:nth-child(1),
.myTable.mT1 td:nth-child(1) {
	width: 50%;
}

.myTable.mT1 th:nth-child(2),
.myTable.mT1 td:nth-child(2) {
	width: 25%;
}

.myTable.mT1 th:nth-child(n+3),
.myTable.mT1 td:nth-child(n+3) {
	width: 12.5%;
}

.myTable thead tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.myTable thead th {
	font-weight: bold;
	color: #000;
	background-color: #f5f5f5;
}

.myTable.mT1 thead th:nth-child(n+2),
.myTable.mT1 tbody td:nth-child(n+2) {
	text-align: center;
}

.myTable tbody tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.myTable tbody td {
	background-color: #fff;
}

.myTable tbody .mySlash {
	min-width: 35px;
	text-align: center;
}

.myTable.mT1 tbody a {
	display: block;
	position: relative;
	height: 100%;
	min-height: 35px;
	min-width: 35px;
}

.myTable.mT1 tbody a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 35px;
	height: 35px;
	background-image: url(../images/icon/icon_form_default.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myTable.mT1 tbody a[href*=".pdf"]:before {
	background-image: url(../images/icon/icon_form_pdf.svg);
}

.myTable.mT1 tbody a[href*=".doc"]:before {
	background-image: url(../images/icon/icon_form_doc.svg);
}

.myTable.mT1 tbody a[href*=".xls"]:before {
	background-image: url(../images/icon/icon_form_xls.svg);
}

.myTable.mT1 tbody a[href*="http://"]:before,
.myTable.mT1 tbody a[href*="https://"]:before {
	background-image: url(../images/icon/icon_url_web.svg);
}

.myTable.mTtC table thead th,
.myTable.mTtC table tbody td {
	text-align: center;
}

.myTable.mT2c1 table thead tr,
.myTable.mT3c1 table thead tr,
.myTable.mT4c1 table thead tr,
.myTable.mT5c1 table thead tr,
.myTable.mT6c1 table thead tr {
	border-bottom: 0;
}

.myTable.mT2c1 table thead th,
.myTable.mT3c1 table thead th,
.myTable.mT4c1 table thead th,
.myTable.mT5c1 table thead th,
.myTable.mT6c1 table thead th {
	font-weight: bold;
	padding: 16px;
	color: rgba(0, 0, 0, 0.8);
	background-color: #AADDF8;
}

.myTable.mT2c1 table tbody tr:not(:nth-last-child(1)),
.myTable.mT3c1 table tbody tr:not(:nth-last-child(1)),
.myTable.mT4c1 table tbody tr:not(:nth-last-child(1)),
.myTable.mT5c1 table tbody tr:not(:nth-last-child(1)),
.myTable.mT6c1 table tbody tr:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.myTable.mT2c1 table tbody tr:nth-last-child(1),
.myTable.mT3c1 table tbody tr:nth-last-child(1),
.myTable.mT4c1 table tbody tr:nth-last-child(1),
.myTable.mT5c1 table tbody tr:nth-last-child(1),
.myTable.mT6c1 table tbody tr:nth-last-child(1) {
	border-bottom: 0;
}

.myTable.mT2c1 table tbody td,
.myTable.mT3c1 table tbody td,
.myTable.mT4c1 table tbody td {
	padding: 16px;
	min-width: 200px;
}

.myTable.mT5c1 table tbody td,
.myTable.mT6c1 table tbody td {
	padding: 16px;
	min-width: 150px;
}

.myTable.mT2c1 table tbody td[rowspan],
.myTable.mT3c1 table tbody td[rowspan],
.myTable.mT4c1 table tbody td[rowspan],
.myTable.mT5c1 table tbody td[rowspan],
.myTable.mT6c1 table tbody td[rowspan] {
	vertical-align: middle;
	text-align: center;
}

.myTable.mT5c1.mT5c1a1 table thead th:nth-child(1) {
	width: 20%;
}

.myTable.mT5c1.mT5c1a1 table thead th:nth-child(2) {
	width: 30%;
}

.myTable.mT5c1.mT5c1a1 table thead th:nth-child(3) {
	width: 25%;
}

.chineseVersion .myTable.mT5c1.mT5c1a1 table thead th:nth-child(2) {
	width: 25%;
}

.chineseVersion .myTable.mT5c1.mT5c1a1 table thead th:nth-child(3) {
	width: 20%;
}

.myTable.mToT {
	overflow: auto;
}

.myTable.mToT>table {
	min-width: 800px;
}

/*=====================*/
.fbIcon a {}

.fbIcon a img {
	width: 28px;
	height: 28px;
}

.igIcon a {}

.igIcon a img {
	width: 28px;
	height: 28px;
}

/*===============*/
.contactArea {
	position: relative;
	/*
    padding: 60px 60px;*/
}

.contactArea .myflex.flex11>* {
	width: 50%;
	min-width: 50%;
}

.contactArea>.border {
	margin: 0 -3vw;
}

.contactArea>.border>div {
	padding: 15px 3vw;
}

.contactArea .title {
	font-size: 1.4em;
	font-weight: bold;
	color: #005356;
	margin-bottom: 0.6em;
}

.contactArea>.border>div>.border {
	border: 1px solid rgba(0, 0, 0, 0.33);
	border-radius: 10px;
	overflow: hidden;
}

.contactArea .cover {
	position: relative;
	max-height: 310px;
	max-width: 100%;
	padding-bottom: 42.758620689655172413793103448276%;
	overflow: hidden;
}

.contactArea .cover .border {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.contactArea .cover .border img {
	width: 100%;
}

.contactArea .content {
	padding: 20px 30px;
}

.contactArea .content .location {
	font-size: 1.1em;
	font-weight: bold;
	color: #59358c;
	min-height: 70px;
}

.contactArea .detailFlex {
	margin: 0 -15px;
	min-height: 250px;
}

.contactArea .detailFlex>*:nth-child(1) {
	width: 40%;
}

.contactArea .detailFlex>*:nth-child(2) {
	width: 60%;
}

.contactArea .detailFlex .detail {
	padding: 0 15px;
}

.contactArea .detail>div {
	margin: 20px 0;
}

.contactArea .detail .tit {
	font-weight: bold;
}

.contactArea .detail .icon {
	position: relative;
	padding-left: 40px;
}

.contactArea .detail .icon:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 12px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.contactArea .detail .time .icon:before {
	background-image: url(../images/contact_icons/icon_time.svg);
}

.contactArea .detail .location .icon:before {
	background-image: url(../images/contact_icons/icon_contact_location.svg);
}

.contactArea .detail .mail .icon:before {
	background-image: url(../images/contact_icons/icon_contact_email.svg);
}

.contactArea .detail .tel .icon:before {
	background-image: url(../images/contact_icons/icon_contact_phone.svg);
}

.contactArea .detail .fax .icon:before {
	background-image: url(../images/contact_icons/icon_contact_fax.svg);
}

/*===========*/
.contentBorder {
	position: relative;
}


.contentBorder:not(:nth-last-child(1)):after {
	content: "";
	display: block;
	margin: 25px 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.32);
}

.contentBorder.cb2:not(:nth-last-child(1)):after {
	background-color: rgba(0, 0, 0, 0.11);
}

/*===========*/
.myMilestone {
	padding-left: 40px;
}

.myMilestone-list>.border {
	position: relative;
	margin: 40px 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, .25);
	z-index: 10;
}

.myMilestone-list>.border:before {
	content: "";
	position: absolute;
	top: 0;
	left: -40px;
	width: 21px;
	height: 21px;
	background-color: #117AB6;
	border-radius: 100px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 20;
}

.myMilestone-list>.border:not(:nth-last-child(1)):after {
	content: "";
	position: absolute;
	top: 0;
	bottom: -40px;
	left: -30px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 15;
}

.myMilestone-list .year {
	display: inline-block;
	padding: 8px 12px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: #117AB6;
}

.myMilestone-list .content {
	padding: 16px;
}

.myMilestone-list .content p:nth-last-child(1) {
	margin-bottom: 0;
}

/*==========*/
.myCard {
	margin: 20px 0;
}

.myCard>.border {
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .25);
	margin-bottom: 38px;
}

.myCard>.border {
	position: relative;
	border: 1px solid #D9D9D9;
}

.myCard>.border:before,
.myCard>.border:after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	width: 0;
	height: 0;
}

.myCard>.border:before {
	top: 0;
	left: 0;
}

.myCard>.border:after {
	bottom: 0;
	right: 0;
}

.myCard:hover>.border:before,
.myCard:hover>.border:after {
	width: 100%;
	height: 100%;
}

.myCard:hover>.border: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;
}

.myCard:hover>.border: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;
}

.myCard:hover>.border {
	/*
	-webkit-animation-name:imgFlash;
    animation-name:imgFlash;	
	-webkit-animation-duration:.9s;
	animation-duration:.9s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;*/
}

.myCard>.border>* {
	position: relative;
	z-index: 10;
}

.contentBorder .myCard>.border p {
	margin-bottom: 1em;
}

.myCard .title {
	font-size: 1.2em;
	font-weight: bold;
	color: #202167;
	margin: 1em 0;
}

.myCard>.border p:nth-last-child(1) {
	margin-bottom: 0;
}

.myCard .contentBorder:not(:nth-last-child(1)):after {
	background-color: rgba(0, 0, 0, 0.32);
}

a.entryBtn,
a .moreEntry>.icon {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-size: .9em;
}

a:focus .moreEntry>.icon,
a:hover .moreEntry>.icon {
	text-decoration: underline;
}

a.entryBtn:after,
a .moreEntry>.icon:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_more.svg);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.eventCard .detailBox.dbs1>* {
	margin: 40px 0;
}

.eventCard .detailBox.dbs2>* {
	margin-bottom: 40px;
}

.eventCard .detailBox.dbs2 .tit {
	margin-bottom: 10px;
}

.eventCard .detailBox .tit {}

.videoCardList {
	margin-left: -15px;
	margin-right: -15px;
}

.videoCard {
	padding: 15px;
}

.videoCard>.border {
	box-shadow: 0 0 16px rgba(0, 0, 0, .25);
	height: 100%;
}

.videoCard .cover {
	min-height: 10.3125vw;
	max-height: 198px;
}

.videoCard .content {
	padding: 20px;
}

.videoCard .content .flexTC {
	margin-bottom: 10px;
}

.docCard .title {
	margin: 0;
	padding: 16px;
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.8);
	background-color: #AADDF8;
}

.docCard .tit~.title {
	margin-top: 16px;
}

.docCard .content {
	margin: 0 20px;
}

.docCard li>.content.contentJust {
	margin: 0;
}

.docCard .content>ul,
.docCard .content>.contentBorder2>ul {
	margin: 0;
	padding: 0;
}

.docCard .content>ul>li,
.docCard .content>.contentBorder2>ul>li {
	display: block;
	list-style-type: none;
}

.docCard .content>ul>li>.contentBorder2,
.docCard .content>.contentBorder2 {
	padding: 20px 0;
}

/*
.docCard .content>.contentBorder2:not(.myflex)>*:not(:nth-last-child(1)),
.docCard .content>.contentBorder2>ul>li:not(:nth-last-child(1)){
	padding-bottom: 20px;
}*/
.docCard .content>.contentBorder2:not(.myflex) a.wIcon,
.docCard .content>.contentBorder2>ul>li a.wIcon {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.docCard .content>ul>li:not(:nth-last-child(1))>.contentBorder2,
.docCard .content>.contentBorder2:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.docCard .content .contentBorder2 ul {
	margin: 0;
}

.docCard .content .contentBorder2 .tit {
	font-weight: bold;
}

.iconSchool,
.docCard .content>ul>li>.contentBorder2.iconSchool,
.docCard .content>.contentBorder2.iconSchool {
	position: relative;
	padding-left: 65px;
}

.iconSchool:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 45px;
	height: 45px;
	background-image: url(../images/icon/icon_school.svg);
}

.nomCard>.border {
	line-height: 1.875em;
}

.nomCard>.border .tit {
	font-weight: bold;
}

.docCard>.border>.tit {
	font-weight: bold;
	margin-bottom: 20px;
}

.docCard.multi .title {
	padding: 0;
}

.docCard.multi .content {
	margin: 0;
}

.docCard.multi .content>.contentBorder2 {
	padding: 0;
}

.docCard .mutil .title .contentBorder2>div:nth-child(1),
.docCard .mutil .title .contentBorder2>div:nth-child(2) {
	padding: 16px;
	min-width: 120px;
}

.docCard.multi .content .contentBorder2>div:nth-child(1) {
	padding: 16px;
}

.docCard.multi .content .contentBorder2>div:nth-child(2),
.docCard.multi .content .contentBorder2>div:nth-child(3),
.docCard.multi .content .contentBorder2>div:nth-child(4) {
	padding: 16px;
	/* padding-top: 0; */
	padding-left: 32px;
	min-width: 160px;
}


/*
.docCard.multi .content .contentBorder2:not(:nth-last-child(1)){
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
*/
.docCard.multi .content .contentBorder2>.group {
	background-color: #F4FCFF;
	border-right: 1px solid rgba(0, 0, 0, 0.13);
}


.docCard.multi .title .contentBorder2>div:nth-child(2) {
	padding-left: 32px;
}

.docCard.multi .title .contentBorder2>div:nth-child(1) {
	padding: 16px;
	line-height: 40px;
}


.docCard.multi .title .contentBorder2>div:nth-child(3) {
	padding-left: 16px;
}

.docCard.multi .title .contentBorder3>div,
.docCard.multi .content .contentBorder3>div {
	padding: 16px 0px;
	line-height: 40px;
}

.docCard.multi .title .contentBorder3>div:nth-child(2),
.docCard.multi .content .contentBorder3>div:nth-child(2) {
	text-align: center;
	min-width: 80px;
}

.docCard.multi .content .contentBorder3:not(:nth-last-child(2)),
.docCard.multi .content .contentBorder3:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}


.docCard.multi .content .contentBorder2:not(:nth-last-child(1)) {
	/* padding-left: 32px; */
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.docCard.multi .content .contentBorder2:not(:nth-last-child(2)) {
	/* padding-left: 32px; */
}


.docCard.multi .content .contentBorder3 .border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}


div.border-div1 {
	padding-top: 16px;
}

.docCard.multi .content .contentBorder2 .border-div1 {
	padding-top: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.docCard.listDoc .title .contentBorder2>div:nth-child(2),
.docCard.listDoc .content .contentBorder2>div:nth-child(2) {
	text-align: center;
}

.myOverCard {
	overflow: auto;
}

.myOverCard>.border {
	min-width: 800px;
}

/*====================*/
.myMemberList .title {
	font-weight: bold;
}

.myNumArea {
	margin-bottom: 20px;
	line-height: 1.8em;
}

.myNumArea .tit,
.myNumArea .title {
	font-weight: bold;
}

.myNumArea .myNum {
	position: relative;
	padding-left: 25px;
}

.myNumArea .myNum:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_phone.svg);
	-webkit-filter: invert(31%) sepia(22%) saturate(1537%) hue-rotate(134deg) brightness(99%) contrast(86%);
	-ms-filter: invert(31%) sepia(22%) saturate(1537%) hue-rotate(134deg) brightness(99%) contrast(86%);
	filter: invert(31%) sepia(22%) saturate(1537%) hue-rotate(134deg) brightness(99%) contrast(86%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.note {
	font-size: 0.8em;
}

/*=========================*/
.resourcesPage {}

.resourcesPage .resourcesFilter {
	width: 100%;
}

.resourcesPage .resourcesFilter>* {}

.resourcesFilter .mySortTool>*,
.resourcesFilter .myPageTool>* {
	margin-right: 20px;
	margin-bottom: 10px;
}

.resourcesFilter .resourcesSort>.border {
	position: relative;
	width: 200px;
	max-width: 100%;
	border: .5px solid #016388;
	border-radius: 3px;
	height: 100%;
}

.resourcesFilter .resourcesSort form {
	height: 100%;
}

.resourcesFilter .resourcesSort>.border select {
	/*padding: 15px;*/
	width: 100%;
	font-size: 0.88888888888888888888888888888889em;
	border: 0;
	text-align: center;
	height: 100%;
}

.resourcesFilter .submitBtn a {
	display: block;
	padding: 5px 16px;
	/*width: 150px;*/
	max-width: 100%;
	text-align: center;
	white-space: nowrap;
	font-size: 0.88888888888888888888888888888889em;
	color: #fff;
	background-color: #136af6;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.resourcesFilter .submitBtn a:focus,
.resourcesFilter .submitBtn a:hover {
	background-color: rgba(0, 0, 0, 0.23);
}

.resourcesPage .resourcesArea {}

.resourcesArea>div {
	margin-left: -16px;
	margin-right: -16px;
}

.resourcesArea>div>.border {
	width: 25%;
	min-width: 200px;
	min-width: min(100vw, 200px);
	max-width: 307px;
	max-width: min(100vw, 307px);
	min-height: 345px;
	padding: 16px 10px;
}

.resourcesArea>div>.border>a {
	display: block;
	color: rgba(0, 0, 0, 0.67);
}

.resourcesArea>div>.border>a,
.resourcesArea>div>.border>a:active,
.resourcesArea>div>.border>a:hover,
.resourcesArea>div>.border>a:focus {
	text-decoration: none;
}

.resourcesArea .cardbox {
	position: relative;
	border: 1px solid #D9D9D9;
	box-shadow: 0 0 13px rgba(0, 0, 0, .25);
	padding: 16px;
}

.resourcesArea .cardbox:before,
.resourcesArea .cardbox:after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	width: 0;
	height: 0;
}

.resourcesArea .cardbox:before {
	top: 0;
	left: 0;
}

.resourcesArea .cardbox:after {
	bottom: 0;
	right: 0;
}

.resourcesArea>div>.border>a:hover .cardbox:before,
.resourcesArea>div>.border>a:hover .cardbox:after,
.resourcesArea>div>.border>a:focus .cardbox:before,
.resourcesArea>div>.border>a:focus .cardbox:after {
	width: 100%;
	height: 100%;
}

.resourcesArea>div>.border>a:hover .cardbox:before,
.resourcesArea>div>.border>a:focus .cardbox: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;
}

.resourcesArea>div>.border>a:hover .cardbox:after,
.resourcesArea>div>.border>a:focus .cardbox: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;
}

.resourcesArea>div>.border>a:hover .cover,
.resourcesArea>div>.border>a:focus .cover {
	-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;
	}
}

.resourcesArea>div>.border>a,
.resourcesArea .cardbox,
.resourcesArea .cardbox>.myflex {
	height: 100%;
}

.resourcesArea .cardbox>.myflex>* {
	-webkit-flex: 0 0 0px;
	-ms-flex: 0 0 0px;
	flex: 0 0 0px;
}

.resourcesArea .cardbox>.myflex>*.title {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.resourcesArea .cover {
	max-height: 154px;
	min-height: 154px;
	margin-bottom: 10px;
	text-align: center;
}

.resourcesArea .cover img {
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.resourcesArea .title {
	margin-bottom: 10px;
}

.resourcesArea .tags {
	font-size: 0.77777777777777777777777777777778em;
}

.resourcesArea .tags .tag {
	padding: 5px 10px;
	margin-right: 16px;
	margin-bottom: 16px;
	color: #000;
	background-color: #fff;
	border-radius: 100px;
	text-align: center;
}

.resourcesArea .tags .tag.tag1 {
	color: #6B30AB;
	background-color: #EADCFC;
}

.resourcesArea .tags .tag.tag2 {
	color: #8F3415;
	background-color: #FCDDC7;
}

.resourcesArea .tags .tag.tag3 {
	color: #155C5E;
	background-color: #C7E8ED;
}

.resourcesArea .tags .tag.tag4 {
	color: #333;
	background-color: #FAF6CF;
}

.resourcesArea .date {
	font-size: 0.66666666666666666666666666666667em;
}

.resourcesArea .date .icon {
	position: relative;
	padding-left: 20px;
	min-height: 13px;
}

.resourcesArea .date .icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 13px;
	height: 13px;
	background-image: url(../images/icon/icon_calendar.svg);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

/*======================*/
.myDetailArea .mDA-media {
	min-width: 380px;
	max-width: 380px;
	padding-right: 40px;
}

.myDetailArea .mDA-media .iconBtn {
	margin-top: 30px;
	margin-bottom: 30px;
}

.myDetailArea .mDA-media .iconBtn a {
	position: relative;
	display: block;
	padding: 15px;
	text-align: center;
	letter-spacing: .6em;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.76);
	border-radius: 4px;
}

.myDetailArea .mDA-media .download.iconBtn a {
	background-color: #2764AF;
}

.myDetailArea .mDA-media .website.iconBtn a {
	background-color: rgba(0, 0, 0, 0.76);
}

.myDetailArea .mDA-media *.iconBtn a:focus,
.myDetailArea .mDA-media *.iconBtn a:hover {
	background-color: rgba(0, 0, 0, 0.23);
}

.myDetailArea .mDA-media .iconBtn a:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: text-bottom;
}

.myDetailArea .mDA-media .download.iconBtn a:after {
	background-image: url(../images/icon/icon_download.svg);
}

.myDetailArea .mDA-media .website.iconBtn a:after {
	background-image: url(../images/icon/icon_newwindow.svg);
}

.myDetailArea .mDA-detail {
	line-height: 1.8em;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myDetailArea .mDA-detail>div {
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.32);
}

.myDetailArea .mDA-detail>div:nth-child(1) {
	padding-top: 0;
	border-top: 0;
}

.mDA-detail .tit {
	font-weight: bold;
}

.myDetailArea .mDA-detail .name .cont,
.myDetailArea .mDA-detail .introduction .cont {
	width: 100%;
}

/*========================*/
.mediaBoxArea {
	margin: 0 -26px;
}

.mediaBoxArea>* {
	padding: 0 26px;
	margin-bottom: 26px;
}

.mediaBoxArea .videoCard>.border>* {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.mediaBoxArea .videoCard>.border>*.content {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.mediaBoxArea .media {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.mediaBoxArea .media>* {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mediaBoxArea .content .title {
	font-weight: bold;
}

.mediaBoxArea .tool {
	padding: 20px;
	padding-top: 0;
	margin: 0 -30px;
}

.mediaBoxArea .tool>* {
	position: relative;
}

.mediaBoxArea .tool>*:not(:nth-last-child(1)):after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.2);
}

.mediaBoxArea .tool a {
	display: inline-block;
	padding: 0 30px;
}

.mediaBoxArea .tool .newWin a {
	position: relative;
}

.mediaBoxArea .tool .newWin a:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: text-bottom;
	margin-left: 5px;
}

.mediaBoxArea .tool .newWin a:after {
	background-image: url(../images/icon/icon_newwindow.svg);
	-webkit-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	-ms-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
}

/*==================================*/
.bookArea {
	margin: 0 -40px;
}

.bookArea>.border {
	padding: 20px;
}

.bookArea .cover {
	margin-bottom: 10px;
}

.bookArea .tit {
	font-weight: bold;
	margin-bottom: 10px;
}

.bookCard {
	font-size: 1.2em;
}

.bookCard .contentBorder:not(:nth-last-child(1)):after {
	margin: 20px 0;
}

.bookCard .mySlider {
	margin-bottom: 30px;
}

.bookCard .mySlider .flexslider .flex-control-nav {
	/*
	position: relative;
	bottom: auto;
	margin-top: 30px;*/
}

/*=========================*/
.cndArea .cover {
	margin-bottom: 20px;
}

.cndArea .download {
	padding: 0 20px;
}

.cndArea .download>ul {
	margin: 0;
}

/*=========================*/
a.urlIcon {
	position: relative;
	display: inline-block;
}

a.urlIcon:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 5px;
	vertical-align: text-bottom;
	background-image: url(../images/icon/icon_newwindow.svg);
	-webkit-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	-ms-filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
	filter: invert(32%) sepia(20%) saturate(4536%) hue-rotate(192deg) brightness(89%) contrast(83%);
}

.alert {
	color: #980D0A;
}

/*=======================*/



span.circle-down-btn::before {
	content: 'v';
	background-color: black;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 40px;
	text-decoration: none;
}

.title1,
.title2,
.title3,
.title4,
.title5 {
	margin-bottom: 20px;
}

.title6 {
	margin-bottom: 40px;
}

.page-btn {
	border: 1px solid #bbb;
	padding-right: 23px;
	position: relative !important;
}

.navtool .nav-element {
	margin-right: 10px;
}

.dropdown-menu {
	margin-top: 0px;
	min-width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 215px;
	overflow-y: auto;
	display: none;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
	position: relative;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.next-btn>*,
.previous-btn>* {
	background-color: #616363;
	position: relative;
	font-size: 0px;
	width: 26px;
	height: 26px;
	display: block;
}

.previous-btn .btn_disable,
.next-btn .btn_disable {
	background-color: #c4c4c4;
	cursor: not-allowed;
}

#advancedsearchForm .dropdown-menu:before,
.dropdown-menu:before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #ffffff;
	top: -10px;
	left: 15%;
}

.previous-btn>*:before,
.next-btn>*:before {
	content: '';
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.previous-btn>*:before {
	background-image: url('../images/arrow_left_white.png');
}

.next-btn>*:before {
	background-image: url('../images/arrow_right_white.png');
}

.nav-element {
	margin-right: 10px;
}

.page-btn>a {
	display: block;
	color: #5b5b5b;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration-skip-ink: none;
}

.page-btn>a,
.page-btn>a:hover .page-btn>a:link,
.page-btn>a:active,
.page-btn>a:visited {
	text-decoration: none;
}

.page-btn>a:after {
	right: 5px;
}

.dropdown-toggle::after {
	content: '';
	width: 12px;
	height: 10px;
	background-image: url(../images/arrow_down.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-53%);
	border: 0px;
	display: block;
	margin-left: 0px;
}

.myPageTool .totolItem {
	display: inline-block;
	margin: 0 12px;
}

.myPageTool .myParting {}

.myPageTool .myDropDown {
	margin: 0 12px;
	margin-top: 2px;
}

.myPageTool .totolPage {
	display: inline-block;
	margin: 0 12px;
}

.myPageTool .dropdown-menu {
	/* position: absolute;
	will-change: transform;
	top: 100%;
	left: 0px; */
	margin-top: 0px;
	min-width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 215px;
	overflow-y: auto;
}

.mainContent ul.dropdown-menu.show,
.dropdown-menu.show {
	display: block;
}

#advancedsearchForm .dropdown-menu:before,
.dropdown-menu:before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #ffffff;
	top: -10px;
	left: 15%;
}

/*==================*/
.mySPMenu .fixMenu .spMenu {
	position: relative;
	max-width: 150px;
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 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;
}

.mySPMenu .fixMenu .spMenu:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 20px;
	width: 40px;
	height: 80px;
	background-color: white;
	background-image: url(../images/icon/icon_spm_expand_rotated.svg);
	background-size: 50%;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-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;
}

/*
.mySPMenu .fixMenu .spMenu:before{
	content:"";
	position:absolute;
	left:100%;
	top:20px;
	width:0;
	height:0;
	border-left: 12px solid #000;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:1;
}
.mySPMenu .fixMenu .spMenu:after{
	content:"";
	position:absolute;
	left:100%;
	top:24px;
	width:0;
	height:0;
	border-left: 10px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:10;
}*/
.mySPMenu .fixMenu .spMenu.active,
.mySPMenu .fixMenu .spMenu:hover {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.mySPMenu .fixMenu .spMenu.active:before,
.mySPMenu .fixMenu .spMenu:hover:before,
.mySPMenu .fixMenu .spMenu.active:after,
.mySPMenu .fixMenu .spMenu:hover:after {
	opacity: 0;
	left: 0;
	background-color: transparent;
	background-position: -40px center;
	box-shadow: 0 0 15px transparent;
	z-index: -1;
}

.moreVideo>a {
	font-size: .7em;
}

/* workplace-english-conversation */

span.role {
	font-size: 12pt;
	font-family: Helvetica;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	width: 20%;
}

span.dialogue {
	font-size: 12pt;
	font-family: Helvetica;
	display: inline-block;
	vertical-align: top;
	width: 80%;
}

/* end of workplace-english-conversation */
/*======================*/
.myThemeTool .themeMenu {
	width: min(700px, 50vw);
	max-width: 100%;
}

.myThemeTool .themeMenu li {
	width: 25%;
}

.myThemeTool .themeMenu a {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	padding: 10px 15px;
	font-size: 1.25em;
	font-weight: bold;
	line-height: normal;
	/* background-color:#AADDF8; */
	color: #1A4075;
	-webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	opacity: 0;
	word-break: break-word;
	z-index: 10;
}

.myThemeTool .themeMenu a:before {
	content: "";
	position: absolute;
	width: 23%;
	height: 118%;
	transform: rotate(20deg);
	border-radius: 20% 0px;
	z-index: -1;
	left: -5%;
	bottom: -28%;
	/*
	left: -13px;
	bottom: -15px;*/
}

.myThemeTool .themeMenu a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	z-index: -1;
	right: 0;
	top: 0;
}

.myThemeTool .themeMenu a:before,
.myThemeTool .themeMenu a:after {
	background-image: linear-gradient(115deg, #bddfef, #bddfef 31px, #bddfef 75%, #20dbff);
	-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;
}

.myThemeTool .themeMenu a:hover:before,
.myThemeTool .themeMenu a:hover:after,
.myThemeTool .themeMenu a:focus:before,
.myThemeTool .themeMenu a:focus:after {
	background-image: linear-gradient(115deg, #E0F1FA, #E0F1FA 31px, #E0F1FA 75%, #E0F1FA);
}

.myThemeTool .themeMenu a:focus,
.myThemeTool .themeMenu a:hover {
	text-decoration: none;
	/*
	background-color:#E0F1FA;*/
}

.myThemeTool .themeMenu li {
	min-width: 134px;
	/*
	background: rgb(170,221,248);
	background: linear-gradient(90deg, rgba(170,221,248,1) 0%, rgba(170,221,248,1) 87%, rgba(0,212,255,1) 100%);*/
}

.myThemeTool .themeMenu .extmenu {
	display: none;
}

.englishVersion .myThemeTool .themeMenu li a {
	font-size: 1.25em;
	opacity: 1;
}

.englishVersion .myThemeTool .themeMenu li:nth-child(2) a {
	font-size: 0.95em;
}

.chineseVersion .myThemeTool .themeMenu li a {
	font-size: 1em;
	opacity: 1;
}

div.contentBorder2 div.tag {
	padding: 5px 10px;
	margin-top: 10px;
	text-align: center;
	height: max-content;
	width: max-content;
	font-size: 0.8em;
}

div.contentBorder2 div.tag-bi {
	background-color: #ffdada;
	color: #c71a1a;
}

div.contentBorder2 div.tag-en {
	background-color: #c7e8ed;
	color: #155c5e;
}

div.contentBorder2 div.tag-tc {
	background-color: #f3ffda;
	color: #007237;
}

div.search-box {
	padding: 10px;
}

div.search-bar {
	padding: 10px;
	background-color: #b5b5b5;
}

a.search-btn {
	padding: 1px 5px;
	border: 1px solid #eeeeee;
}

div.search-message {
	padding: 10px;
	margin-top: 40px;
}

span.search-query {
	color: red;
}

.break-word {
	word-break: break-word;
}

.keep-all {
	word-break: keep-all !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

img.full {
	width: 100%;
}

/*=================================================*/
.mainContent *[data-align="center"] {
	text-align: center;
}

.mainContent *[data-align="left"] {
	text-align: left;
}

.mainContent *[data-align="right"] {
	text-align: right;
}

.myBtnList {
	margin-bottom: 20px;
}

.myBtnList>* {
	width: min(250px, 50vw);
	text-align: center;
}

.myBtnList>* a {
	display: block;
	padding: 10px;
	color: rgba(0, 0, 0, 0.8);
	background-color: #AADDF8;
	border: 1px solid #000;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.myBtnList>* a:focus,
.myBtnList>* a:hover {
	color: #000;
	background-color: #e0e0e0;
}

.myBtn2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.myBtn2 a,
.myBtn2 button[type="sumbit"] {
	display: inline-block;
	padding: 12px 40px;
	color: #fff;
	background-color: #136af6;
	border: 0;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.myBtn2 a:focus,
.myBtn2 a:hover,
.myBtn2 button[type="sumbit"]:focus,
.myBtn2 button[type="sumbit"]:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.65);
}

.myVideoList {
	margin-left: -10px;
	margin-right: -10px;
}

.myVideoList>* {
	padding: 10px;
	width: 50%;

	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.myVideoList>*:hover {
	background-color: #f0f0f0;
}

.myVideoList>* a {
	display: block;
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.myVideoList>* a:focus,
.myVideoList>* a:hover {
	color: #000;
	background-color: #f0f0f0;
}

.myVideoList>* a .tit {
	padding: 10px 5px;
}

.categoryList {
	margin-bottom: 20px;
}

.categoryList>* {
	width: min(250px, 50vw);
	text-align: center;
	color: rgba(0, 0, 0, 0.8);
	background-color: #AADDF8;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.categoryList>* a {
	display: block;
	padding: 10px;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.categoryList>*:focus,
.categoryList>*:hover {
	color: #000;
	background-color: #e0e0e0;
}

.myBtn2>button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.tit{
    display: flex;
}

.myflex  .tit{
	display: block;
}

.categoryList{
    font-size: 25px;
}

.categoryList>* a{
	border: 0;
	width: 100%;
}

.finish-vote{
	text-align: center;
	margin: 1em 0;
}

.new-title{
	display: flex;
	gap: 1em;
	align-items: center;
}

.new-title .new{
	background-color: #ffff00;
    border-radius: 1em;
    padding: 7px;
    color: #ff0000;
}

.myVideoList{
	counter-reset: section;
}

.myVideoList .tit>div::before{
	counter-increment: section;
  content:  counter(section) "."; 
}