/* grayscale style start */
/*.indexVersion #body,
.indexVersion #footer,
.indexVersion .menuBtn,
.indexVersion .headerMenu,
.indexVersion .shareList,
.indexVersion #close_up {
    -webkit-filter: grayscale(100%) grayscale(100%) !important;
    -moz-filter: grayscale(100%) grayscale(100%) !important;
    filter: grayscale(100%) !important;
}*/
/* grayscale style ends */

html {
    /*
    font-size: 0.83333333333333333333333333333333vw;*/
    font-size: 1em;
}

body {
    font-family: Lexend, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
    color: #212121;
    background-color: #fff;
}

body.cineseVersion {
    font-family: NotoSansHK;
}

html body {
    height: auto;
    /*
	font-size:1em;
	font-size:.8333vw;*/
}

body #wrap .container {}

.container:before {}

.disnone {
    display: none !important;
}

@font-face {
    font-family: Lexend;
    src: local(Lexend-Light),
        url(fonts/Lexend-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Lexend;
    src: local(Lexend-Regular),
        url(fonts/Lexend-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Lexend;
    src: local(Lexend-Medium),
        url(fonts/Lexend-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Lexend;
    src: local(Lexend-Bold),
        url(fonts/Lexend-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

body p {
    margin: 0 0 1.2em 0;
}

body a {
    color: #212121;
}

body.aniVersion a {
    -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;
}

p a,
p a:link,
p a:active,
p a:visited {
    color: #7a03e2;
    text-decoration: underline;
}

.mainContent a {
    color: #212121;
}

.mainContent p a {}

div.mainContent p,
div.mainContent li {}

.chineseVersion div.mainContent p,
.chineseVersion div.mainContent li {}

.mainContent a:active,
.mainContent a:hover,
.mainContent a:focus {
    color: #7a03e2;
}

body a:hover,
body a:focus {
    color: #7a03e2;
}

img {
    width: 100%;
}

img,
svg {
    vertical-align: middle;
}

label {
    display: inline-block;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

* {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

*:before,
*:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

input,
button,
select,
optgroup,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

.date {
    /*	color: #000000;
	font-weight: bold;*/
}

video {
    max-width: 100%;
}

iframe {
    max-width: 100%;
    border: 0;
}

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

.bold {
    font-weight: bold;
}

#Official_list {
    list-style-position: outside;
}

#General_list_left {
    display: inline-block;
    width: 50%;
}

#General_list_right {
    display: inline-block;
    width: 49%;
}

#Honorary_list_left {
    display: inline-block;
    width: 50%;
}

#Honorary_list_right {
    display: inline-block;
    width: 49%;
}


.float_left {
    float: left;
    padding: 0 1em 1em 0;
}

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

.center {
    margin: 0 auto;
}

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

/*.clear {
	clear: both;
	height: 5px;
}*/
.clear:after {
    content: "";
    display: table;
    clear: both;
}

.note {
    font-size: 0.7778em
}

.right {
    /*text-align: right !important;*/
}

.bodyArea {}

.bodyArea h1,
.bodyArea h2,
.bodyArea h3,
.bodyArea h4,
.bodyArea h5,
.bodyArea h6 {
    font-weight: bold;
    line-height: normal;
}

.bodyArea h1 {
    /*
	color: #000;
    font-size: 2.2222em;
    margin-top: 0;
    margin-bottom: 20px;*/
}

.bodyArea h1.main {
    /*
	font-size:2.6667em;
    text-transform: uppercase;
	margin-bottom:55px;*/
}

.bodyArea h1.down {
    /*
    width: 450px;
    max-width: 100%;
    position: absolute;
    top: 60px;*/
}

.bodyArea h1.main+h2 {
    /*
	margin-top:36px;*/
}

.bodyArea .mainArea h1 {}

.bodyArea .heading5 {
    /*
	font-size: 2em;
    margin-bottom: 25px;*/
}

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

.highlightArea {
    /*
	font-size: 14px;*/
}

/*.mainContent ol, .mainContent ul {
	margin-left: 25px;
}*/

.bodyArea .mainContent {
    /*	width: 1000px;
	max-width:105%;
	background-color: #f7f7f7;*/
    /*
	min-height: 280px;
	margin-right: auto;
	margin-left: auto;
    padding-bottom: 40px;*/
}

.indexVersion .bodyArea .mainContent {
    min-height: 0;
}

.bodyArea .mainContent {
    /*    margin-left: 320px;*/
}

.bodyArea .mainContent .my_content {
    padding: 20px 30px;
}

body.indexVersion .mainContent {
    padding: 0 !important;
}

.bodyArea .headerMenu {
    /*	font-size: 15px;*/
}

.mainContent {
    /*
	line-height: 1.6em;
	font-size:1.2em;*/
    color: #282828;
}

.mainContent h1,
.mainContent h2,
.mainContent h3 {}

.mainContent h1 {
    margin: 0;
    margin-bottom: 20px;
    line-height: normal;
}

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

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

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

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

.mainArea .myheading1,
.mainContent .myheading1 {
    /*
	font-size:4em;
	font-weight:bold;
	color:#d9592a;
	margin-top:20px;
	margin-bottom:40px;
	text-transform:uppercase;
    line-height: 1em;*/
}

.mainArea .myheading2,
.mainContent .myheading2 {
    /*
	font-size:2em;*/
    font-size: 1.5556em;
    margin-bottom: 20px;
}

.mainArea .myheading3 {
    font-size: 1.7778em;
    font-weight: bold;
}

.mainArea .myheading5 {
    font-size: 1.7778em;
}

.mainArea .myheading1.myheadingpadding {
    /*
	margin-top:120px;*/
}

.myheading .underHigh {
    position: relative;
    margin-bottom: 60px;
}

.myheading .underHigh:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 111px;
    height: 1px;
    max-width: 100%;
    background-color: #707070;
}

.mainContent .myheading {
    margin-bottom: 120px;
}

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 {
    /*	background-color: #fff;*/
}

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

body.indexVersion #wrap {}

body.indexVersion .headerArea {}

body.fixCloseUp #wrap {
    height: 100vh;
}

body #wrap .container {
    border-bottom-width: none;
    border-bottom-style: none;
    border-bottom-color: none;
    clear: both;
    padding-right: 7.5rem;
    padding-left: 7.5rem;
}

body #wrap .headerArea .container {
    padding-left: 3rem;
    padding-right: 3rem;
}

.main_secBanner {
    position: relative;
    top: 520px;
}

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

body.indexVersion .bodyArea {}

#header:after {}

.headerFlex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.headerFlex>div {
    width: 50%;
}

.headerArea .container {}

.mainbanner {
    display: none;
}

.chineseVersion .mainbanner {}

.indexVersion .mainbanner {}

.indexVersion .btmNav {}

.mb_area {
    position: relative;
    margin: 15px;
    max-height: 400px;
}

.mb_area:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/headerbanner/img_banner_1.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.mb_area:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    padding-bottom: 400px;
    z-index: -1;
}

.mb_area .header {
    color: #323232;
    font-weight: bold;
    font-size: 3em;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: -6%;
}

/*
.mb_area .img{
	max-height:100px;
}
.mb_area .img img{
	height:120px;
}*/
.bodyArea {
    /*
	background-image:url(../images/bg_content.png);
	background-repeat:repeat-y;
	background-position:top center;*/
}

.content_bg {
    width: auto;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    height: auto;
    /*
	border-bottom: 25px solid #007d8f;*/
    /*
	padding-bottom: 40px;*/
    z-index: 5;
}

.content_bg>.container {
    position: relative;
    z-index: 10;
    /*
	overflow:hidden;*/
}

.content_bg>.container:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px;
    background-color: rgba(255, 255, 255, .6);
    z-index: -1
}

.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 {
    border-bottom-width: none !important;
    border-bottom-style: none !important;
    border-bottom-color: none !important;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    /*
	padding: 0*/
}

.headerArea {
    /*color: #3e5259;	/*padding:5px 20px;*/
    /*	background-image: url(../images/bg_header.jpg);*/
    background-repeat: no-repeat;
    /*
	height: 10px;*/
}

.headerArea1 {
    /*
	margin-right:-80px;*/
}

.headerArea2 {
    z-index: 4000;
    position: relative;
    background-repeat: repeat;
}

.headerArea2 .headerNav {}

.headerArea2 .headerNav>div {}

.indexVersion .headerArea2 {}

.headerTop {
    text-align: right;
    margin-right: auto;
    margin-left: auto;
    /*
	-webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;*/
    padding-top: 1.28vw;
    padding-bottom: .3633vw;
    /*
	padding-left: 2.5vw;
	padding-right: 2.5vw;*/
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 56.771052631578947368421052631579%;
    z-index: 3090;
}

.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 {
    /*	float: right;*/
    min-height: 125px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    display: block;
    height: 250px;
}

.headerArea .headerBottom {
    /*	background-image: url('../images/bg_header.png');
	background-repeat: repeat-y;
	padding: 20px;*/
}

.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 {
    /*background-color:#fff;*/
    /*float:left;*/
}

.headerArea .headerTool {
    /*background-color:#032257;*/
    background-color: inherit;
    /*    background-color: #fff;
/*	width: 85%;*/
    color: #3e5259;
    /*	position: relative;/*background-image:url(../images/clf/bkgdtexture.gif);*/
    margin-right: auto;
    margin-left: auto;
    /*
	padding-top: 10px;*/
}

.headerArea .headerArea1 .headerTool {
    /*
	padding: 20px 0 0 0;*/
}

.headerArea .headerTool .langTool {
    /*color:#fff;
	background-color:#717171;*/
    display: inline-block;
}

.headerArea .headerTool .langTool li,
.headerArea .headerTool .langTool a {
    /*margin:0;*/
}

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

.headerArea .headerTool2 {
    width: 100%;
}

.headerArea .myheaderTool a,
.headerArea .myheaderTool a:link,
.headerArea .myheaderTool a:visited {
    /*
	color: #fff;*/
}

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

/*.headerArea .headerTool .menuLv0>.my_menu3{
	background-color: #1c8d3d;
}
.headerArea .headerTool .menuLv0>.my_menu4{
	background-color: #096fb9;
}
.headerArea .headerTool .menuLv0>.my_menu3>a,
.headerArea .headerTool .menuLv0>.my_menu3>a:link,
.headerArea .headerTool .menuLv0>.my_menu3>a:visited,
.headerArea .headerTool .menuLv0>.my_menu4>a,
.headerArea .headerTool .menuLv0>.my_menu4>a:link,
.headerArea .headerTool .menuLv0>.my_menu4>a:visited{
	color:#fff;
}
.headerArea .headerTool a:hover, .headerArea .headerTool a:focus {
	color: #444;
	text-decoration: none;
}*/
.headerArea .headerTool ul.menuLv0>li>a:focus {}

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

.headerArea .headerTool ul.menuLv0>li>a:hover {
    /*	color: #FFF;
	background-color: #1a5d7a;*/
}

.headerArea .headerTool ul.menuLv1>li>a:hover,
.headerArea .headerTool ul.menuLv1>li>a:focus {
    /*color:#652d86;*/
}

.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;
    /*	background-image: url(../images/bg_header.jpg);*/
    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;
    /*	height: 95px;*/
    padding-top: 0;
    padding-right: 0px !important;
    padding-bottom: 0px;
    padding-left: 0px;
    /*	font-size:.9em;*/
    font-weight: bold;
    text-align: right;
}

.myheaderTool>div.clientTool div {
    display: inline-block;
    /*    vertical-align: middle;*/
    vertical-align: middle;
    margin: 0;
    /*	float: left;*/
}

.headerTool .myrow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerTool .mobSearchArea {
    width: 100%;
    padding-left: 2rem;
    border-bottom: .0625rem solid #000;
}

/*.myheaderTool>div.clientTool .print img{
	padding:7px 0;
}
.myheaderTool>div.clientTool .share img{
	padding:8px 2px 9px 3px;
}*/
.myheaderTool>div.clientTool div {
    position: relative;
    /*
	line-height: 1em;*/
}

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

.myheaderTool>div.clientTool div>a {
    padding: 0 10px;
}

.headerTool div:before {
    /*	content: '';
	position: absolute;
	left: -1;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e3d6cc;
	border-right: 1px solid #ccd0db;*/
}

.headerTool div:nth-child(1):before {
    /*	display: none;*/
}

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

.headerArea .headerTool .searchTool .searchBtn {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.headerArea .headerTool .searchTool input {
    background-color: transparent;
    color: #000;
    border: 0;
    font-size: 1.125rem;
    padding: .625rem .3125rem;
    width: 100%;
}

.headerArea .headerTool .searchTool input::placeholder {
    color: #000;
    opacity: .6;
}

.headerArea .headerTool .searchTool input:-ms-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .6);
}

.headerArea .headerTool .searchTool input::-ms-input-placeholder {
    color: #000;
    color: rgba(0, 0, 0, .6);
}

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 {
    position: relative;
    padding: 0;
}

.myheaderTool .clientTool>div.AStyleArea {
    padding-left: .719rem;
    padding-right: 1.313rem;
}

.myheaderTool .clientTool>div.searchSite {
    padding-left: 1.313rem;
}

.headerTool div.AStyleArea:before {}

.headerTool div.AStyleArea:after {}

.headerTool div.AStyleArea>a img {
    width: 1.5rem;
}

.headerTool .searchSite a img {
    width: 1.5rem;
}

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

.headerTool .hotlist {
    /*
	text-align: right;	
    margin-top: -15px;*/
    margin: 20px 0;
    margin-bottom: 0;
}

.headerTool ul.hotlist>li {
    position: relative;
    padding: 0 8px;
}

.headerTool .hotlist a.hot-btn {
    /*
    background-color: #cb0003;
    border: 1px solid #a80f11;
    border-radius: 4px;
    padding: 6px 18px;
    color: #fff;
    text-decoration: none;
    font-size: 0.666em;*/
    font-weight: bold;
    color: #cb0003;
    text-transform: uppercase;
}

.headerTool ul.hotlist>li:not(:nth-child(1)):not(:nth-last-child(1)):after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -1px;
    width: 2px;
    background-color: #c2c2c2;
}

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

.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: #eeeef0;*/
    padding: 7px 12px 7px 12px;
    display: inline-block;
    /*
    position: absolute;
    right: 0;*/
    /*
	background-color:#f2dd2c;*/
}

.headerTool .searchBtn .icon_search_desktop {
    width: 26px;
}

.headerTool .searchBtn .icon_search_desktop svg {
    fill: #3a3838;
}

.headerArea form img {
    z-index: 4200;
    position: relative;
}

.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 ul
{
	float: left;
}*/
.headerArea a {}

.headerArea li,
.headerArea a {
    margin: 0 0px;
    padding: 0;
    float: none;
    display: inline;
    text-decoration: none;
    /*vertical-align: bottom;*/
}

.headerArea .extSiteTool a {
    position: relative;
    text-transform: uppercase;
    display: block;
    padding-right: 3.4rem;
    font-weight: 500;
}

.headerArea .extSiteTool a:after {
    content: "";
    position: absolute;
    width: .733rem;
    height: .733rem;
    top: 0.25rem;
    right: 2.2rem;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.headerArea .extSiteTool a:hover:after,
.headerArea .extSiteTool a:focus:after {
    background-image: url(../images/icon/icon_newwindow_i.svg);
}

.headerArea .language li {
    position: relative;
}

.headerArea .language li a {
    /*
	color: #000;
	font-weight: bold;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;*/
    padding: 0 0.719rem;
    display: block;
}

.headerArea .language li:nth-child(1) a {
    padding-left: 1.313rem;
}

.headerArea .language li:nth-last-child(1) a {
    padding-right: 1.313rem;
}

.headerArea .language li:nth-child(2):before {
    /*	content: '';
	position: absolute;
	left: -1;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e3d6cc;
	border-right: 1px solid #ccd0db;*/
}

.headerArea .headerMenu li,
.headerArea .headerMenu a {
    margin: 0;
    display: block;
}

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

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

.headerArea .langTool {
    margin-top: 6px;
}

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

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

.headerArea .hrbTool input {
    /*	display: inline;
	width: 270px;
	display: inline-block;
	border: 2px solid #d1d1d1;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	color: #999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 33px;*/
}

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

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

.headerArea .searchTool .hrbTool a {
    /*position: relative;
	background-color:#3a6ecf;*/
    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 {
    /*position: absolute;
	top: 0;
	right: 10px;*/
    margin-left: 5px;
}

.headerArea .headerTool .headerMenu {
    padding-top: 1.281rem;
    /*display:none;
	position: absolute;
	top: 0;
	right: 0;
	width: 560px;
	max-width: 100%;
	padding:30px 80px;
	padding-bottom:70px;
	color:#000;	
	background-color: #e3ae66;
	background-image: linear-gradient(154deg, #e3ae66, #e55c6d 46%, #7a65d3);
	z-index: 8000;*/
}

.headerArea .headerTool {
    display: block;
}

.headerArea .headerTool .headerMenu a {
    color: #000;
}

/*
.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 .cross_btn a {
    /*font-family: IBMPlexMono;*/
    position: absolute;
    right: 1.656rem;
    top: 2rem;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 3.469rem;
}

.headerMenu .cross_btn a:before {
    content: "";
    position: absolute;
    right: 0;
    top: -0.3rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_close_i2.svg);
}

.headerTool .headerMenu .language {
    /*
	font-size:1.25em;*/
    margin-left: -1.313rem;
}

.headerTool .headerMenu .language li a {
    padding: 0 1.313rem;
}

.headerArea .headerTool .headerMenu>ul {
    /*
    padding: 20px 30px;
	margin-top: 0;
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
	color:#fff;
    background-color: #1c65e8;
    border-radius: 100px;*/
}

/*
.indexVersion .headerArea .headerTool .headerMenu>ul {
	margin-top: 0;
}
.leftMenuVersion .leftmenu {
	float: left;
	width: 180px;
}
.leftMenuVersion .mainHeader, .leftMenuVersion .mainContent {
	width: 800px;
	float: left;
}*/
#mainContentSkip {
    float: left;
}

/*
.headerArea .headerTool .searchTool
{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width:416px;
	position:relative;
	background-image: url(../images/bg_search.png);
	background-repeat: no-repeat;
	padding-top: 8px;
	margin-top: -18px;
	z-index: 9876;
}*/

.headerArea {}

.headerTool {}

.hrbTool {
    width: 250px
        /*position: absolute;
	left: 0;
	right: 0px;
	z-index: 9876;
	height: 50px;*/
        /*background-color:#fff;*/
}

.headerMenu>ul {}

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

.headerMenu ul.menuLv0>.close>div.extmenu {
    display: none;
    /*position: absolute;
	left: -9999px;
	right:auto;*/
}

.headerMenu ul.menuLv0>li:hover>div.extmenu,
.headerMenu ul.menuLv0>li.close:hover>div.extmenu,
.headerMenu ul.menuLv0>.open>div.extmenu {
    display: block;
}

.headerMenu ul.menuLv0>.open:nth-last-child(-n+3)>div.extmenu {
    right: 0;
}

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

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

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

.headerMenu ul li:nth-child(n+8).open>ul,
.headerMenu ul li:nth-child(n+8) ul.activeUl,
.headerMenu ul li:nth-child(n+8) ul.activeUl_withTimer {
    /*    right: 0;
    left: auto;*/
}

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

.headerMenu ul.menuLv1 {}

.headerMenu ul ul.menuLv1 {}

.headerMenu ul ul.menuLv1>li {}

.headerMenu ul.menuLv1>li:hover,
.headerMenu ul.menuLv1>li:focus,
.headerMenu ul.menuLv1>li:active {
    /*background-color:#ebe9f4;	*/
}

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

.headerMenu ul.menuLv1 li:nth-child(1) a {}

.headerMenu ul.menuLv1.shortList {}

.headerMenu ul .longList {}

.headerMenu .longList ul.menuLv1.numUl1 {}

.headerMenu .longList ul.menuLv1.numUl2 {}

.headerMenu ul.menuLv0 {}

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

.headerMenu ul.menuLv0>li {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    border-collapse: collapse;
}

.headerMenu ul.menuLv0>li:not(:nth-last-child(1)):after {}

.headerMenu .menuLv0 a {}

.headerMenu ul.menuLv0>li:nth-child(n+1) a {
    position: relative;
}

.headerMenu ul.menuLv0>li>a {
    position: relative;
}

.headerMenu ul.menuLv0>li>a:before {}

.headerMenu ul.menuLv0>li:nth-child(1)>a:before {}

.headerMenu ul.menuLv0>li.firstLi {}

.headerMenu ul.menuLv0>li.firstLi>a img {}

.subheaderMenu ul.menuLv0>li {
    /*	font-size:0.85em;
	/*position: static;
	/*background-color:#fff;
	position:relative;*/
    font-weight: bold;
    text-align: right;
    /*
	border-left: 1px solid #d2cfe1;
	/*border-right: #fff 1px solid;
	/*width: 165px;*/
    position: relative;
    text-align: center;
    vertical-align: top;
    /*	font-weight: normal;*/
}

.headerMenu ul.menuLv0>li>a {
    /*
	font-size: 1.4em;
	font-weight: bold;*/
}

.headerMenu ul.menuLv1>li>a {
    /*	font-size:1.2em;*/
}

.headerMenu ul.menuLv0>li>a {
    position: relative;
}

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

.headerMenu ul.menuLv0>li>a {}

.headerMenu ul li a {}

.headerMenu ul.menuLv0>li a {}

.contentArea .breadcrumb a.home {}

.headerMenu ul.menuLv0>li a {}

.headerMenu ul.menuLv0>li.my_menu4>a {}

.headerMenu ul.menuLv0>li>a {}

.headerMenu ul.menuLv0>li.my_menu1 {}

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

.headerMenu ul.menuLv0>li:before {}

.headerMenu ul.menuLv0>li.my_menu1:before {}

.headerMenu ul.menuLv0>li:hover:after,
.headerMenu ul.menuLv0>li.active_section:after {}

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

.headerMenu ul.menuLv0>li {}

.headerMenu ul li>div.extmenu {}

.headerMenu ul li>div.extmenu ul {}

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

.headerMenu ul li>div.extmenu:before {}

.headerMenu ul li:nth-last-child(-n+3)>div.extmenu:before {
    left: auto;
    right: 10%;
}

.headerMenu .extmenu ul li>div.extmenu:before {
    display: none;
}

.headerMenu ul.menuLv0>li>a {}

.headerMenu ul.menuLv0>li>a.excLi:after {}

.headerMenu ul.menuLv0>li.open>a.excLi:after {}

.headerMenu ul.menuLv0>li>a>span {
    display: inline-block;
    position: relative;
    margin-top: 0;
}

.headerMenu ul.menuLv0>li>a>span {}

.headerMenu .tMenu>li>a:focus>span,
.headerMenu .tMenu>li>a:hover>span,
.headerMenu .tMenu>li>a:active>span,
.headerMenu .tMenu>li>a.active_section>span {}

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

.headerMenu ul.menuLv0>li:hover>a,
.headerMenu ul.menuLv0>li>a:hover,
.headerMenu ul.menuLv0>li>a:focus {
    /*
	background-color: #dffdfd;*/
    color: #7a03e2;
}

.chineseVersion .headerMenu ul.menuLv0>li>a {}

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

.headerMenu .tMenu>li>a {}

body.englishVersion .headerMenu .tMenu>li>a {}

.chineseVersion .headerMenu .tMenu>li>a {}

.headerMenu .tMenu a:link,
.headerMenu .tMenu a:visited {}

.headerMenu .tMenu li.open {}

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

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

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

.headerMenu .tMenu li.open ul.menuLv2,
.headerMenu .tMenu li .activeUl ul.menuLv2,
.headerMenu .tMenu li ul.menuLv2.activeUl {}

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

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

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

.headerMenu .tMenu li ul li a,
.headerMenu .tMenu li ul li a {}

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

.headerMenu .tMenu li.open ul.menuLv2>li>a,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a {
    /*
	padding: 5px 10px 10px 30px;*/
}

.headerMenu .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {}

.headerMenu ul.menuLv0 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 7900;
    position: relative;
}

.headerMenu ul.menuLv0>li>a {
    font-size: 1.5rem;
}

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

.headerMenu ul.menuLv2 {
    z-index: 7920;
    /*
    display: none;*/
}

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

.headerMenu ul.tMenu.menuLv0>li {
    /*
	text-align: center;
	border-bottom:1px solid rgba(0,0,0,.25);*/
}

.headerMenu ul.tMenu.menuLv0>li>a {
    position: relative;
    margin: 0;
    width: 100%;
    font-weight: bold;
    /*
	font-size:2em;
	padding:20px 0;
	padding-right:30px;*/
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    /*
	padding-left:1.906rem;*/
    padding-left: .5rem;
    padding-right: 1.906rem;
    padding-bottom: 1rem;
}

.headerMenu ul.tMenu.menuLv0>li>a.excLi {
    padding-right: 3.331rem;
}

.headerMenu ul.tMenu.menuLv0>li.my_menu1>a {
    /*
	padding-left:0;*/
}

.headerMenu ul.tMenu.menuLv0>li:nth-last-child(1)>a {
    padding-right: 0;
}

.headerMenu ul.tMenu.menuLv0>li:nth-last-child(1)>a.excLi {
    padding-right: 1.625rem;
}

.headerMenu ul.tMenu.menuLv0>li>a.excLi:after {
    content: "";
    position: absolute;
    right: 1.8rem;
    top: .45rem;
    width: 1rem;
    height: 1rem;
    background-size: auto 100%;
    background-image: url(../images/icon/icon_arrow_menu.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;
}

.headerMenu ul.tMenu.menuLv0>li:nth-last-child(1)>a.excLi:after {
    right: 0;
}

.headerMenu ul.tMenu.menuLv0>li>a.excLi:hover:after,
.headerMenu ul.tMenu.menuLv0>li>a.excLi:focus:after,
.headerMenu ul.tMenu.menuLv0>li.open>a.excLi:after {
    /*
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);*/
    background-image: url(../images/icon/icon_arrow_menu_i.svg);
}

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

.headerMenu .tMenu li ul.menuLv1 {
    position: absolute;
    padding: 1rem 2rem 1rem 2rem;
    background-color: #fff;
    right: -2rem;
    width: 140%;
    text-transform: uppercase;
    border: .0625rem solid #c3c3c3;
    min-width: 150px;
}

.headerMenu .tMenu li ul.menuLv1>li:not(:nth-last-child(1)) {}

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

.headerMenu .tMenu li ul.menuLv1>li a {
    padding: 0.5rem 0;
}

.headerMenu .tMenu li ul.menuLv1>li .extmenu {}

.headerMenu .tMenu li ul>li.close {}

.headerMenu .tMenu li ul>li>a {}

.headerMenu .tMenu li ul>li>a:focus,
.headerMenu .tMenu li ul>li>a:active,
.headerMenu .tMenu li ul>li>a:hover {}

.headerMenu .tMenu>li>a {
    position: relative;
    font-weight: bold;
}

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

.headerMenu .tMenu>li>a.active_section {}

.headerMenu .tMenu>li>a:focus span:after,
.headerMenu .tMenu>li>a:hover span:after,
.headerMenu .tMenu>li>a:active span:after,
.headerMenu .tMenu>li>a.active_section span:after {}

.headerMenu .tMenu>li.active_section>a {}

.headerMenu .tMenu .menuLv1>li>a {
    /*
    padding: 12px 20px;
	font-size: 1.5em;*/
}

.headerMenu .tMenu .menuLv1 li:nth-child(1) a {
    /*
	padding-top:4px;*/
}

.headerMenu .tMenu .menuLv1>li>a:before {}

.headerMenu .sheading {
    /*font-family: IBMPlexMono;*/
    font-size: .875rem;
    padding: 2.5rem 0 0.875rem 0;
    color: #fff;
}

.headerMenu .rsMenu {}

.headerMenu .rsMenu a {
    position: relative;
    padding: 0.875rem 0;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
}

.headerMenu ul.rsMenu.menuLv0>li>a {
    font-size: 1rem;
}

/*
.headerMenu .rsMenu a:before{
	content:"";
	position:absolute;
	left:0;
	top:13px;
	width:20px;
	height:20px;
	background-image:url(../images/icon/icon_newwindow.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}*/
.headerMenu .rsMenu a:after {
    content: "";
    display: inline-block;
    width: 0.733rem;
    height: 0.733rem;
    background-image: url(../images/icon/icon_newwindow_i2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin: 0 0.625rem;
}

.headerMenu .fuMenu {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(255, 255, 225, .25);
}

.headerMenu .fuMenu li a {
    padding: 0 10px 20px 10px;
    padding-bottom: 20px;
}

.headerMenu .fuMenu li a:nth-child(1) {
    padding-left: 0;
}

.headerMenu .lheading {
    padding-top: 2.5rem;
    padding-bottom: .625rem;
    font-size: 1.375rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.headerMenu .inMenu {
    /*
	padding:6px 0;*/
}

.headerMenu .inMenu a {
    padding: .375rem 0;
}

.headerMenu ul.inMenu.menuLv0>li>a {
    font-size: 1rem;
}

.caret {
    display: none;
}

.siteList .caret {
    display: none;
}

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

.leftHeader {
    display: none;
}

.leftMenuHeader {
    margin-top: 0;
}

.left_menu>div {}

.left_menu>div.menuBg {}

.leftMenuArea {}

.leftMenu {}

.left_menu {}

.leftMenu {
    min-width: 25%;
    width: 25%;
    padding-right: 25px;
    padding-top: 35px;
    z-index: 7900;
    position: relative;
}

.mainAreaMC.full .leftMenu {
    display: none;
}

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

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

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

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

.headerTool {}

.headerNav {
    width: 100%;
}

.headerTool .myLogo {
    padding-top: 1.28vw;
    padding-bottom: 1.75rem;
    padding-right: 22.395833333333332vw;
    width: 49.25rem;
    max-width: 100%;
    height: auto;
    min-width: 43.228947368421052631578947368421%;
    z-index: 3080;
}

.indexVersion .headerTool .myLogo {
    /*
	height:80px;*/
}

.headerTool .myLogo .logo_0 a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    width: 100%;
}

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

.headerTool .myLogo .logo_0 span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerTool .myLogo .logo_0 .img {
    /*
    margin-left: -40px;*/
}

.headerTool .myLogo .logo_0 .imgtxt {
    position: relative;
    padding-left: 28px;
    padding-top: 20px;
}

.headerTool .myLogo .logo_0 .imgtxt:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 25%;
    bottom: 25%;
    width: 1px;
    background-color: #000;
}

.headerTool .myLogo .logo_0 a .txt {
    font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
    display: block;
    width: 350px;
    max-width: 100%;
    padding: 25px 0;
    font-size: .75em;
}

.headerTool .myLogo .logo_0 img {
    width: auto;
    max-width: 100%;
    width: 100%;
}

.headerTool .headerMenu {}

.headerTool .AStyleArea a {
    /*	color:#000 !important;
	padding: 0 4px;*/
    vertical-align: baseline;
}

/*=========footer=========*/

.footerArea {
    /*
	color: #fff;
	font-size:1.1em;*/
}

.footerArea a {
    /*
	color: #2b3944;*/
}

.footerArea .contact_tool {
    /*	font-size:1.4em;*/
}

.footerArea .header {
    color: #ffff00;
    margin-bottom: 26px;
    font-size: 1.2em;
}

.footerArea {
    /*	background-color: #133c8b;
	color: #fff;*/
}

.footerMenu ul.menuLv0>li.firstLi {
    /* display: none; */
}

.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 {
    font-size: 1em;
    position: relative;
    padding: 0;
}

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

.footerArea,
.footerArea a {
    color: #424242;
}

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

.footerArea0 {
    overflow: hidden;
    /*
    padding: 40px 0;*/
    padding-bottom: 2.375rem;
}

.footerArea1 {
    padding-top: .75rem;
    padding-right: 0;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
}

.footerArea1 .myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.footerArea1 .myflex>div {}

.footerArea1 .myflex .footerContact {
    width: 24.673333333333333333333333333333%;
    max-width: 100%;
    padding: 0 0;
    padding-right: 0.187rem;
    position: relative;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footerArea1 .myflex .footerContact .border {
    position: relative;
    margin-bottom: 3.375rem;
}

.footerArea1 .myflex .footerContact .border:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #dedede;
}

.footerArea1 .myflex .footerContact>* {}

.footerArea1 .myflex .footerContact:before {}

.footerArea1 .myflex .footerMenuArea {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footerArea1 .myflex .footerContact .border>div {
    margin: 1.75rem 0;
    padding-left: 2.313rem;
    position: relative;
    font-size: 1rem;
}

.footerArea1 .myflex .footerContact .border>div:not(.footerLogo) {
    margin: 0.8571428571428571rem 0;
    line-height: 1.75rem;
}

.footerArea1 .myflex .footerContact .border a {
    font-size: 1rem;
}

.footerArea1 .myflex .footerContact .border>div:nth-child(1) {
    margin-top: 0;
}

.footerArea1 .myflex .footerContact .border>div:nth-last-child(1) {
    margin-bottom: 0;
}

.footerArea1 .myflex .footerContact .border>div.footerLogo {
    padding-left: 0;
}

.footerArea1 .myflex .footerContact .border>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.footerArea1 .myflex .footerContact .border>div.footerFollow {
    padding-left: 0;
    padding-right: 0;
}

.footerArea1 .footerContact .tit {}

.footerArea1 .footerContact .myflex .tit {
    width: 120px;
    max-width: 100%;
}

.footerArea1 .footerContact .tel:before {
    background-image: url(../images/icon/icon_tel.svg);
}

.footerArea1 .footerContact .mail:before {
    background-image: url(../images/icon/icon_mail.svg);
}

.footerArea1 .footerContact .fax:before {
    background-image: url(../images/icon/icon_print.svg);
}

.footerArea1 .footerContact .loc:before {
    background-image: url(../images/icon/icon_location.svg);
}

.footerArea1 .footerContact .time:before {
    background-image: url(../images/icon/icon_time.svg);
}

.footerArea1 .footerContact .mail>div:not(:nth-last-child(1)) {
    margin-bottom: 20px;
}

.footerArea1 .footerContact .detail {}

.footerArea1 .footerContact .detail>div {}

.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:nth-last-child(1) {
    padding-right: 0;
}

.footerArea1 .footerMenuArea {
    /*
	background-color: #fff;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	border-bottom: 3px solid #544b78;*/
}

.footerArea2 {
    /*
	font-size:.875em;*/
    padding: 40px 0;
    /*
	background-color: #b2eaeb;*/
}

.footerArea2 .footerRow {
    padding: 8px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footerArea2 .footerRow>* {
    width: 50%;
}

.footerArea2 .copytool {
    padding: 20px 0;
    /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.footerArea2 .copyRight {
    text-align: center;
    /*
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/
}

.footerArea2,
.footerArea2 a {}

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

div.footerRow {
    text-align: center;
}

.footerRow {
    /*
	background-color: #fff;/*    position: absolute;
    left: 1em;
    right: 1em;*/
    /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
}

.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;
    position: relative;
    /*
	background-color: #fcc800;*/
}

body.chineseVersion .footerArea .footerMenu .footerMenuParent {
    /*
	padding: 21px 10px 24px 10px;*/
}

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: 0 6.593rem;
    position: relative;
}

.footerArea .copyRight:before {
    /*	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #beb8b8;*/
}

.footerArea .info {
    /*	display: inline-block;
/*    width: 50%;
    vertical-align: baseline;
    padding-top: 24px;*/
    text-align: right;
    /*
    margin-bottom: 20px;*/
    /*
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;*/
    /*
	padding:0 10px;*/
}

.footerArea .info>div {
    /*
	padding-left: 5px;*/
}

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

.footerArea ul.fMenu span {
    display: block;
    width: 100%;
    /*
	padding-top:2em;
	padding-bottom:2em;*/
}

.footerArea ul.fMenu a {}

.footerArea ul.fMenu>li,
.footerArea .copyrightBar {
    /*	margin: 0;
/*	display: inline-block;
	vertical-align: middle;*/
}

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

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

.footerArea ul.fTool img {
    vertical-align: bottom;
}

/*
.footerRow .info{
	font-size: 0.8em !important
}
.footerRow .copyRight{
	font-size: 0.8em !important
}
.footerRow .updateDate{
	font-size: 0.8em !important
}*/

.footerArea span {}

.footerArea ul.fTool>li {
    display: inline-block;
    position: relative;
    /*
	font-weight: lighter !important*/
}

/*
.footerArea ul.fTool>li:after,*/
.footerArea ul.fTool>li:not(:nth-last-child(1)):after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -1px;
    width: 2px;
    background-color: #4f4b64;
}

.footerArea ul.fTool>li:after {
    /*
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:1px;
	background-color:#5bcbcd;*/
}

/*
.footerArea ul.fTool>li:nth-last-child(1):after{
	display:none;
}*/
.footerArea .fTool li a {
    padding: 0 30px;
    /*
	color:#000;*/
}

.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 {
    width: 100px;
    /*	padding-left: 10px;*/
}

#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 {
    /*font-family: IBMPlexMono;*/
    display: inline-block;
    padding: 0;
    position: relative;
}

.footerArea .updateDate:before {}

.footerArea .fm {
    /*
	padding:0 2%;*/
}

.footerArea1 .footerContact .tit {}

.footerArea ul.fMenu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 0.625rem;
}

.footerArea ul.fMenu,
.footerArea ul.fMenu li {}

.footerArea ul.fMenu li {
    vertical-align: top;
}

.footerArea ul.fMenu>li {
    max-width: 20%;
    padding: 0px;
    /*
    margin-bottom: 9%;*/
}

.footerArea ul.fMenu .extmenu {
    padding: 0;
}

.footerArea ul.fMenu .extmenu .extmenu {
    padding: 0;
}

.footerArea ul.fMenu .extmenu>ul {
    padding-left: 0px;
}


.footerArea ul.fMenu .extmenu li {
    display: list-item;
    padding: 0;
}

.footerArea .fMenu {
    margin: 0;
}

.footerArea .fMenu>li {
    display: block;
    margin-top: -.625rem;
}

.footerArea .fMenu>li a {
    display: block;
    margin: 0;
    padding: 0px;
}


.footerArea .fMenu>li a br {
    display: none;
}

.footerArea .fMenu>li>a {
    font-weight: bold;
    position: relative;
    margin: 0 auto;
    padding: .625rem;
    color: #212121;
    text-transform: uppercase;
}

.footerArea .fMenu>li>a {}

.footerArea .fMenu>li {
    position: relative;
}

/*
.footerArea .fMenu>li.my_menu1>a:before{
	background-image: url(../images/footerMenuBtn/Photo_About_Us.jpeg);
	background-position: 50% 60%;
}
.footerArea .fMenu>li.my_menu2>a:before{
    background-image: url(../images/footerMenuBtn/Photo_Consular_Affairs.jpg);
	background-position: 48% 86%;
}
.footerArea .fMenu>li.my_menu3>a:before{
    background-image: url(../images/footerMenuBtn/Photo_Flags_and_Emblem.gif);
	background-position: 51% 49%;
}
.footerArea .fMenu>li.my_menu4>a:before{
    background-image: url(../images/footerMenuBtn/Photo_Visits.jpg);
	background-position: 53% 81%;
}
.footerArea .fMenu>li.my_menu5>a:before{
    background-image: url(../images/footerMenuBtn/Photo_Honours_and_Awards.jpg);
	background-position: 68% 86%;
}*/
/*
.footerArea .fMenu>li>a:before{
    content: "";
    width: 100%;
	height: 238px;
	z-index: 99;
    display: block;
    background-repeat: no-repeat;
	margin: 0 auto;
}*/
.footerArea .fMenu>li .extmenu a {
    font-size: 1rem;
    padding: .625rem;
    color: #757575;
    text-transform: uppercase;
}

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

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

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

.footerArea .fm {
    /*
	margin-bottom:30px;
	font-size: 1.2em;*/
}

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

/*
.footerArea .fMenu{color:#a6c3e0; margin-bottom:10px;}
.footerArea .fMenu a:link, .footerArea .fMenu a:visited{color:#a6c3e0;text-decoration:none;}
.footerArea .fMenu a:hover, .footerArea .fMenu a:focus, .footerArea .fMenu a:active, .footerArea .fMenu a.active_section{text-decoration:underline;}*/

.copyRight {
    /*
	margin-bottom: 20px;*/
    /*
	display:inline-block;
	text-align: center;*/
}

.myheaderTool {
    position: static;
    /*
	display: inline-block;/*
    padding-top: 23px;*/
    /*
	padding: 12px 0;
    font-size: 0.9em;*/
    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;
    -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 {
    width: 100%;
    /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
    /*
    white-space: nowrap;
	padding: 0 10px;
	margin:0;
	position:relative;
    height: 22px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.myheaderTool .rightTool {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myheaderTool .rightTool>div {
    width: 100%;
}

.myheaderTool .clientTool {
    white-space: nowrap;
    padding: 0 0;
    margin: 0;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 1.469rem;
}

.myheaderTool .clientTool:after {
    content: "";
    position: absolute;
    height: 0.063rem;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #707070;
}

.myheaderTool .clientTool:before {}

.myheaderTool .clientTool:after {}

.myheaderTool .clientTool {}

.myheaderTool .clientTool:nth-child(1):before,
.myheaderTool .clientTool:nth-last-child(1):after {
    /*
	display:none;*/
}

.myheaderTool .clientTool>div {
    padding: 0;
    /* 22.5px;*/
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.myheaderTool .clientTool>div:not(:nth-last-child(1)):after {}

.myheaderTool .clientTool>div.language:before,
.myheaderTool .clientTool>div.shareTool:before,
.myheaderTool .clientTool>div.searchSite:before {
    content: "";
    position: absolute;
    top: 11.538461538461538461538461538462%;
    bottom: 11.538461538461538461538461538462%;
    left: 0px;
    width: 0.063rem;
    background-color: #707070;
}

.myheaderTool .clientTool>div.fast {
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
}

.headerArea .headerTool .headerMenu .mobMenu {
    display: none;
}

.myheaderTool .clientTool>div.menuBtn {
    padding-right: 0;
    padding-left: 0;
    z-index: 4000;
}

.myheaderTool .clientTool>div.menuBtn.mobMenu {
    display: none;
}

.myheaderTool .clientTool>div.menuBtn a {
    display: block;
    width: 5rem;
    height: 5rem;
    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;
    background-color: #310496;
}

.myheaderTool .clientTool>div:nth-last-child(1) {}

.myheaderTool .clientTool .language li {
    position: relative;
}

.myheaderTool .clientTool>div:before {}

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

.myheaderTool div {
    line-height: normal;
}

.myheaderTool .loginTool {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myheaderTool .login>a {
    display: block;
    color: #fff;
    background-color: #1a67e9;
    /*
	border:1px solid #fff;*/
    padding: 12px 36px;
    border-radius: 4px;
    font-size: .666em;
    margin: 0 5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.myheaderTool .signup>a {
    display: block;
    color: #fff;
    background-color: #3a3839;
    /*
	border:1px solid #fff;*/
    padding: 12px 36px;
    border-radius: 4px;
    font-size: .666em;
    margin: 0 5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

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

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

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

.weatherTool {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: -30px;
    color: #133453;
}

.weatherTool>div {
    padding: 8px 15px;
    position: relative;
}

.weatherTool>div.cw {
    width: 55%;
}

.weatherTool>div.aqhi {
    width: 45%;
}

.weatherTool>div:not(:nth-last-child(1)):after {
    content: "";
    position: absolute;
    top: 5%;
    bottom: 10%;
    right: -0px;
    width: 1px;
    background-color: #b1b1b1;
}

.weatherTool a {
    color: #133453;
}

.weatherTool .heading {
    font-size: 1.1666em;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #dddddd;
}

.weatherTool .content {
    padding: 5px 0;
    border-top: 1px solid #5a5a5a;
}

.weatherTool .content .main {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.weatherTool .content .main .detail {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.weatherTool .content .date {
    font-size: .8333em;
    padding-right: 10px;
}

.weatherTool .content .data {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 1.333em;
    font-weight: bold;
    padding: 5px 0;
}

.weatherTool .content .icon {
    padding: 0 10px;
    height: 0;
}

.weatherTool .info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .8333em;
}

.weatherTool .info .tit {
    font-weight: bold;
}

.weatherTool .info .cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.weatherTool .info .cont>div {
    position: relative;
}

.weatherTool .info .cont>div:not(:nth-last-child(1)) {
    padding-right: 5px;
}

.weatherTool .info .cont>div:not(:nth-last-child(1)):after {
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
}

.weatherTool .info .cont>div a {
    display: block;
    padding: 0 10px;
    position: relative;
    padding-right: 20px;
}

.weatherTool .info .cont>div a:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 8.477px;
    height: 8.476px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.476 8.476'%3E%3Cpath d='M 4.238244533538818 0 L 3.467654943466187 0.7705899477005005 L 6.384888172149658 3.687823295593262 L 0 3.687823295593262 L 0 4.788666248321533 L 6.384888172149658 4.788666248321533 L 3.467654943466187 7.705899238586426 L 4.238244533538818 8.476489067077637 L 8.476489067077637 4.238244533538818 L 4.238244533538818 0 Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.weatherTool .aqhi .content {
    font-size: .7291666em;
    padding: 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.weatherTool .aqhi .content>div {
    padding: 0 5px;
}

.weatherTool .aqhi .content .tit {
    font-weight: bold;
}

.headerTool .headerMenu .searchTool .overflowArea {
    margin-top: 2rem;
}

.headerTool .searchTool .adv_search a {
    display: block;
    color: #000;
    background-color: #fec64f;
    padding: 14px 14px;
    border-radius: 4px;
    font-size: .666em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.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 {
    /*
    max-width: 1300px;*/
    position: relative;
    /*
	right:50px;
	position: absolute;*/
    z-index: 6000;
    /*margin: 50px 0 0 0;
	/*height: 60px;*/
    /*width: 815px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	float: right;
	text-align:right;
	width: auto;*/
    /*
	padding-top: 30px;
	padding-bottom: 30px;*/
    /*
	opacity: 0;*/
    /*
	opacity: 0;*/
    text-align: center;
    -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: 10px;
	position: fixed;
	background-color:transparent;*/
}

/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {}

.backBtn a {}

.backBtn a:hover,
.backBtn a:focus {}

.topBtn {
    margin: 2.781rem 0;
    display: inline-block;
}

.topBtn a {
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: underline;
}

.topBtn a:before {}

.topBtn a:after {}

.topBtn a img {}

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

.my_anchor {
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    display: block !important;
    height: 0 !important;
    width: 0 !important;
}

/*=========breadcrumb=========*/
.contentArea .breadcrumb a.home {
    padding-right: 0;
    text-decoration: none;
}

.contentArea .breadcrumb {
    font-size: 1rem;
    color: #000;
    z-index: 7888;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: -1rem;
    background-color: transparent;
    padding: 0;
    display: none;
}

.contentArea .breadcrumb:after {
    /*	content:"";
	position:absolute;
	left:0;
	right:0;
    top: 0;
	height:67px;
	background-color:#1a58ab;
	z-index:-1;*/
}

.breadcrumb>a {
    position: relative;
}

.breadcrumb .home {
    padding-right: 1rem;
}

.breadcrumb ul {
    /*	margin-left: .2em;*/
}

.breadcrumb ul li {
    position: relative;
    padding: 0 1rem;
}

.breadcrumb>a:after,
.breadcrumb ul li:not(last-nth-child(1)) {
    content: "";
    position: absolute;
    right: -1rem;
    top: 0;
    bottom: 0;
    width: .063rem;
    background-color: #9b9b9b;
}

.breadcrumb ul li span,
.bodyArea .breadcrumb span {
    color: #9e9e9e;
    padding: 0 10px;
    display: none;
}

.indexVersion .breadcrumb {
    display: none;
}

.extIndex .breadcrumb {
    display: none;
}

.qrcode {
    position: relative;
}

.qrcode>a {
    /*	position:absolute;
	top:20px;
	right:0;
	display:inline-block;*/
}

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

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

/*=============Header============*/
.mainHeader {
    /*margin: 4px 10px 10px 10px;*/
    /*position: relative;
	/*padding-top: 70px;
	min-height: 302px;*/
    /*
	background-repeat: no-repeat;
    background-position: right bottom;
	max-height:215px;*/
    /*
	min-height: 246px;
	background-image: url(../images/section_banner/sec_banner0.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;*/
}

/*
.mainHeader.section0 {
	background-image: url(../images/section_banner/sec_banner0.jpg);
}
.mainHeader.section1 {
	background-image: url(../images/section_banner/sec_banner1.jpg);
}
.mainHeader.section2 {
	background-image: url(../images/section_banner/sec_banner2.jpg);
}
.mainHeader.section3 {
	background-image: url(../images/section_banner/sec_banner3.jpg);
}
.mainHeader.section4 {
	background-image: url(../images/section_banner/sec_banner4.jpg);
}
.mainHeader.section5 {
	background-image: url(../images/section_banner/sec_banner5.jpg);
}
.mainHeader.section6 {
	background-image: url(../images/section_banner/sec_banner6.jpg);
}*/
/*
.mainHeader.shense {
	background-image: url(../images/section_banner/sec_banner_shense.jpg);
}*/
.mainHeader .title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #05499c;
    font-size: 3.6em;
    font-weight: bold;
    padding: 4px 15px;
    box-shadow: 0 0 10px -2px #000;
    background-color: #fff;
}

.mainHeader:before {
    /*	content:" ";
	position:absolute;
	left:0;
	right:0;
	height:215px;
	background-image:url('../images/bg_header.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:3100;*/
}

.mainHeader h1 {
    /*	background-image: url('../images/banner_sec1_v2.png');*/
    background-repeat: no-repeat;
    background-position: right bottom;
}

.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 {
    text-align: left;
    margin: 0px;
    font-weight: bold;
    padding: 40px 0 30px 0;
    color: #125e76;
    margin-top: 0;
    position: relative;
    z-index: 3500;
    font-size: 2.5em;
}

.mainContent .mainHeader h1 {
    /*position:relative;*/
    margin-bottom: 0;
    width: 100%;
    margin: 0;
    padding-right: 80px;
}

.mainHeader hr {
    border-bottom: #203682 1px solid;
    border-top: 0;
    margin: 0;
    padding: 0;
}

.printTool {
    margin-top: 1em;
    display: inline-block;
    text-align: right;
    /*margin: 0 10px 0 10px;*/
    float: right;
    /*position: absolute;
	right: 0;
	bottom: 10px;*/
}

.printTool a {
    color: #F00;
}

.mainArea h2 {
    /*
	font-size:1.7778em;*/
    margin-top: 2.875rem;
    margin-bottom: 2.063rem;
}

.mainContent h2 {
    /*
    font-size: 2em;
    font-weight: normal;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px;*/
    /*
	margin: 0;
    margin-bottom: 25px;
    line-height: normal;*/
}

.mainContent h2 span {
    /*	position:relative;
	z-index: 1;*/
}

.mainContent h2 span:after {
    /*	content:"";
    position: absolute;
    right: -60px;
    left: 20px;
    bottom: 0;
    height: 15px;
    background-color: #ffc62e;
    z-index: -1;*/
}

.mainContent h2.alter {
    color: #166867
}

/*
.mainContent>h1:nth-child(1){
	display:none;
}*/
.mainContent h3 {
    font-size: 1.2em;
}

/*=========mainContent=============*/
body #wrap .bodyArea .container:nth-child(2) {
    /*	padding: 25px 0px;
	padding: 0px 0px;*/
}

.contentArea {
    padding: 0;
    max-width: 100%;
    /*	display: inline-block;
    width: 835px;
	min-height: 500px;*/
}

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

.subMenuVersion .subMenuFlex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mainContent {
    margin: 0px 0px;
    /*padding-top:10px;*/
}

.bodyArea {
    z-index: 3000;
    position: relative;
    font-size: 1.125rem;
    line-height: normal;
}

.chineseVersion .bodyArea {
    font-size: 1.5rem;
}

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

.bodyArea ul,
.bodyArea ol {
    margin-bottom: 1rem;
}

.bodyArea .container {
    z-index: 3000;
    display: block;
    height: auto;
    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;
}

/*==============================*/
.headerArea {
    width: 100%;
    top: 0;
    z-index: 7000;
}

.headerArea .headerTool {
    /*
	width: 1280px;*/
    max-width: 100%;
    /*    position: fixed;
    width: 100%;
    transform: translateX(-50%);
    left: 50%;*/
}

.headerArea .headerArea2 .headerTool {
    /*
    border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
    padding-top: 50px;*/
}

.headerArea .headerArea2 .myLogo {
    /*
	border-bottom: 1px solid #eaeaea;*/
}

.headerArea .headerTool .headerNav {
    /*
	max-width: 1280px;*/
    margin: auto;
}

.headerArea .headerArea1 .headerTool .headerNav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerArea .headerArea2 .headerTool .headerNav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.headerArea .headerArea2 .headerTool .headerNav>div {}

.headerArea .headerArea2 .headerTool .headerNav>div.weatherTool {
    width: 60%;
    padding: 0 95px;
}

.headerArea .headerTool .searchTool {
    /*
	background-color:#fff;
    box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);*/
}

.headerArea .headerTool .searchTool .tab a {
    display: block;
    padding: 8px 15px;
    border-left: 3px solid transparent;
}

.headerArea .headerTool .searchTool .tab a:hover,
.headerArea .headerTool .searchTool .tab a:focus,
.headerArea .headerTool .searchTool .tab .active a {
    background-color: #f3f3f3;
    border-left-color: #3a95de;
}

.headerArea.fixed:before {
    content: "";
    /*
    position: fixed;
    height: 136px;
    background-color: rgba(255,255,255,1);*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.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================*/
/*.headerArea, footerArea
{
	font-size: .7em;
}*/

#footer {}

.mySize0 .headerArea,
.mySize0 .footerArea {}

.mySize0 .headerArea,
.mySize0 .footerArea {
    /*	height:auto;*/
}

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

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

.mySize2 .mainContent
{
	font-size: 1.5em;
}*/
/*
.mySize0 #flexslider
{
	margin-bottom:1em;
}
.mySize1 #flexslider
{
	margin-bottom:3.5em;
}
.mySize2 #flexslider
{
	margin-bottom:5.5em;
}
*/
/*==========footerBanner==========*/
.footerBanner {
    margin: auto;
    padding: 20px 0;
}

.footerBanner a {
    display: block;
}

.footerBanner.slides {
    margin: 0;
}

.footerBanner.slides>li {
    display: inline-block;
    /*padding: 1.25rem;*/
}

.footertool .footerText {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 67%;
}

.footertool .footerText>div {
    padding: 0.5rem 2rem;
    text-align: center;
}

.footerBanner li img {}

.footerBanner a.w3c img {
    height: 34px;
    width: auto;
}

.footerBanner li {
    margin-right: 2.5rem;
}

.footerBanner a.bhk img {
    padding-right: 1.25rem;
    max-width: 100%;
    width: 10rem;
}

.footerBanner a.rd img {
    height: 5.5rem;
}

.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: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem 0;
    text-align: center;
    width: 100%;
}

/* =================================================================================================
	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;
}

/*==============================*/
#cloud {
    width: 380px;
    height: 280px;
}

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

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

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

/*#chart>div>div{
	position:relative;
}
#chart>div>div:after{
	content:" ";
	display: block !important;
    float: none !important;
    clear: both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}*/
/*==================*/
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;
}

/*==================*/
.footerMenu ul.menuLv0 {}

.footerMenu ul li {}

.footerMenu ul li ul {}

.footerMenu ul li ul ul {
    display: none
}

.footerArea ul.fMenu span.caret {
    display: none;
}

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

.topic {
    font-weight: bold;
}

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

.mainContent {
    /*	position:relative;*/
    /*	padding-top:30px;*/
}

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

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

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

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

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

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

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

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

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

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

/*====*/
.iconPdf {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.iconPdf img {
    margin-top: -12px;
}

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

.system_maintenance_schedule table {
    width: 100%;
}

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

.uppercase {
    text-transform: uppercase;
    font-weight: bold;
}

.AML h3 {
    padding-bottom: 10px;
}

.alerts .cont .panel .panel-title a {
    text-decoration: none !important;
    font-weight: bold !important;
}

.subMenu {
    border-top: 1px #bdbdbd solid;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 300px;
    max-width: 100%;
}

.subMenu>li {
    border-bottom: 1px #bdbdbd solid;
}

.subMenu>li>a {
    display: block;
    position: relative;
    padding: 16px 20px;
    color: #9e9e9e;
    font-size: 1.1111em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -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;
}

.subMenu>li>a:hover,
.subMenu>li>a:focus {
    color: #fff;
    background-color: #e86d7c;
}

.leftMenu .subMenu>li.active>a,
.subMenu>li>a.leftbtn.active_sub_section,
.subMenu>li a.leftbtn.active_sub_section,
.subMenu>li>a.active_section.active_section_sub {
    color: #fff;
    background-color: #000;
}

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

/*============================*/
.tMenu.menuLv0>li>a {
    position: absolute;
}

.tMenu.menuLv0>li>a.excLi:before {
    /*	content:" ";
	display:block;
	width:11px;
	height:6px;
/*	background-image:url(../images/icon_arrow.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;*/
}

/*==============*/
.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: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

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

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

#close_up .bg {
    z-index: 9100;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    background-image: linear-gradient(328deg, rgb(253, 188, 83, 80%), rgb(253, 83, 105, 80%) 51%, rgb(115, 64, 254, 80%));
}

#close_up .area {
    z-index: 9200;
    position: relative;
    width: 100%;
    padding-top: 180px;
    min-height: 100vh;
}

#close_up .close {
    position: absolute;
    top: 50px;
    right: 50px;
}

#close_up .close:hover {}

#close_up .close a {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .4);
    text-indent: -9999px;
    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 a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    background-image: url(../images/icon/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: invert(40%) sepia(43%) saturate(776%) hue-rotate(307deg) brightness(119%) contrast(108%);
    -moz-filter: invert(40%) sepia(43%) saturate(776%) hue-rotate(307deg) brightness(119%) contrast(108%);
    -o-filter: invert(40%) sepia(43%) saturate(776%) hue-rotate(307deg) brightness(119%) contrast(108%);
    -ms-filter: invert(40%) sepia(43%) saturate(776%) hue-rotate(307deg) brightness(119%) contrast(108%);
    filter: invert(40%) sepia(43%) saturate(776%) hue-rotate(307deg) brightness(119%) contrast(108%);
}

#close_up .close:hover a {
    background-color: rgba(255, 255, 255, .8);
}

#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: 115px 90px;
    position: relative;
    text-align: center;
    width: 1535px;
    max-width: 100%;
    background-color: #fff;
    margin-left: auto;
}

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

/*=================*/
.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;
}

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

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

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

.leftMenu {}

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

.mainArea .flex-viewport {
    max-height: none;
}

.bodyArea .flexslider:not(.initialized) .slides {
    display: none;
}

.bodyArea .flexslider .slides {
    margin-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.bodyArea .flexslider .flex-control-paging {
    position: relative;
    bottom: auto;
    /*
    padding-top: 40px;
	height:8px;*/
}

.bodyArea .flexslider .flex-control-paging li {}

.bodyArea .flexslider .flex-control-paging li a {
    /*
	border-radius:0;
	box-shadow:none;
	width:40px;
	height:8px;
	position:relative;
    background-color: transparent;*/
}

.bodyArea .flexslider .flex-control-paging li a:before {
    /*
	content:"";
    position: absolute;
	background:#bdbdbd;
	top:3.5px;
	bottom:3.5px;
	left:0;
	right:0;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;*/
}

.bodyArea .flexslider .flex-control-paging li a:hover {}

.bodyArea .flexslider .flex-control-paging li a:focus:before,
.bodyArea .flexslider .flex-control-paging li a:hover:before {
    /*
    background: #444;*/
}

.bodyArea .flexslider .flex-control-paging li a.flex-active {
    background-color: transparent;
    cursor: default;
}

.bodyArea .flexslider .flex-control-paging li a.flex-active:before {
    /*
	background: #000;
	top:0;
	bottom:0;*/
}

.bodyArea .flexslider.myflexslider2 .flex-control-nav {
    margin-top: 3.711rem;
    margin-bottom: 0;
    height: 3rem;
    padding-right: 7.26rem;
    padding-left: 7.26rem;
    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;
}

.bodyArea .flexslider.myflexslider2 .flex-control-paging li {}

.bodyArea .flexslider.myflexslider2 .flex-control-paging li a {
    border-radius: 0;
    box-shadow: none;
    width: 1rem;
    height: 1rem;
    position: relative;
    background-color: transparent;
}

.bodyArea .flexslider.myflexslider2 .flex-control-paging li a:before {
    content: "";
    position: absolute;
    background: #707070;
    width: 0.75rem;
    height: 0.75rem;
    left: 50%;
    top: 50%;
    border-radius: 100rem;
    background-image: url(../images/icon/icon_arrow.svg);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -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;
}

.bodyArea .flexslider.myflexslider2 .flex-control-paging li a:focus:before,
.bodyArea .flexslider.myflexslider2 .flex-control-paging li a:hover:before {
    background: #222222;
}

.bodyArea .flexslider.myflexslider2 .flex-control-paging li a.flex-active:before {
    background: #222222;
    width: 1rem;
    height: 1rem;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav {
    position: absolute;
    margin-bottom: 0;
    z-index: 4010;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0 .63rem;
    padding: 1rem;
    position: relative;
    top: auto;
    opacity: 1;
    color: #191919;
    text-shadow: none;
    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;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav .flex-prev,
.bodyArea .flexslider.myflexslider2:hover .flex-direction-nav .flex-prev {
    left: auto;
    opacity: 1;
    left: auto;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav .flex-next,
.bodyArea .flexslider.myflexslider2:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: auto;
    text-align: left;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav a:before,
.bodyArea .flexslider.myflexslider2 .flex-direction-nav a:after {
    content: "";
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #191919;
    text-shadow: none;
    background-image: url(../images/icon/icon_arrow.svg);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav a.flex-prev:before,
.bodyArea .flexslider.myflexslider2 .flex-direction-nav a.flex-prev:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav a:after {
    -webkit-filter: invert(24%) sepia(97%) saturate(7480%) hue-rotate(273deg) brightness(84%) contrast(117%);
    filter: invert(24%) sepia(97%) saturate(7480%) hue-rotate(273deg) brightness(84%) contrast(117%);
    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;
    z-index: 10;
}

.bodyArea .flexslider.myflexslider2 .flex-direction-nav a:hover:after,
.bodyArea .flexslider.myflexslider2 .flex-direction-nav a:focus:after {
    opacity: 1;
}

#flexslider {
    overflow: hidden;
}

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

.flexslider .flex-control-nav {
    bottom: 48px;
    z-index: 4000;
}

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

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

#flexslider .flex-control-nav {
    position: absolute;
    bottom: 48px;
    left: 50%;
    z-index: 4000;
    width: auto;
    display: inline-block;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    height: 10px;
}

#flexslider .flex-pauseplay {
    position: absolute;
    bottom: 48px;
    left: 50%;
    z-index: 4100;
}

#flexslider .flex-pauseplay a {
    color: #fff;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

#flexslider .flex-control-paging li a {
    background-color: #fff;
    width: 40px;
    height: 3px;
}

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

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

.cd_area>ol>li.active {
    background-color: #fff;
}

.cd_area>ol>li:hover,
.cd_area>ol>li.active:hover {
    background-color: #fff;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.cd_area>ol>li {
    margin: 0;
    padding-left: 0;
    padding-left: 60px;
    position: relative;
}

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

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

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

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

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

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

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

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

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

.cd_area .active .cd_div .title a {}

.cd_area .cd_div .cont p:nth-last-child(1) {
    margin-bottom: 0;
}

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

.graphicBanner {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 215px;
    max-width: none;
    z-index: -1;
}

body abbr[title]:after {
    content: '';
}

body .close {
    float: none;
    font-size: 1em;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-shadow: inherit;
    opacity: 1;
    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: transparent;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    margin-top: -56px;
}

body a.pp_arrow_previous {
    background-image: url(../images/btn_arrow_prev.png);
}

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

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

body div.light_square .pp_description {
    text-align: left;
    padding: 8px 0;
}

body .pp_nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}

body a.pp_arrow_previous {
    left: 0;
}

body a.pp_arrow_next {
    right: 0;
}

body a.pp_close {
    font-size: 0;
    background-color: transparent;
    background-image: url(../images/btn_close.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 33px;
    box-shadow: none;
}

body .ppt {
    display: none !important;
}

body a.pp_previous,
body a.pp_next {
    background: none !important;
}

/*=========================*/
#flexslider .flex-direction-nav a {
    font-size: 0;
    width: 48px;
    height: 48px;
    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;
}

/*===========*/
.cok_logo {
    margin-top: 31%;
    box-shadow: 0 0 20px -2px #000;
}

.main_secBanner {
    margin: 15px -15px;
    text-align: center;
    margin-top: 20px;
    top: auto;
    /*
	margin-top:31%;*/
    /*
	margin-top: 100px;*/
}

.main_secBanner>div {
    display: inline-block;
    width: 413px;
    max-width: 100%;
    background-color: #FFF;
    margin: 10px;
    box-shadow: 0 0 20px -2px #000;
}

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

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

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

.main_secBanner>div>div .cover.c_v {
    height: 0;
    padding-bottom: 50.868486352357320099255583126551%;
    position: relative;
}

.main_secBanner>div>div .cover.c_v video {
    bottom: 0;
    position: absolute;
}

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

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

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

.main_secBanner .title {
    position: relative;
    background-color: #fff;
    font-size: 1.14286em;
    font-weight: bold;
    line-height: 1.4em;
    height: 80px;
    overflow: hidden;
    /*	box-shadow: 0 0 10px -2px #000;*/
    display: block;
    font-family: "Dancing Script";
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
    color: #000;
    text-align: justify;
}

.main_secBanner .title:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 12px;
}

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

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

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

/*================*/
.photoAlbums {
    margin: 0;
    text-align: left;
    margin-bottom: 100px;
    padding: 10px;
}

.photoAlbums .area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.photoAlbums .year,
.photoAlbums .country {
    display: none;
    position: relative;
    width: 50%;
    padding: 10px;
    margin-bottom: 30px;
}

.photoAlbums .year.active,
.photoAlbums .country.active {
    display: inline-block;
}

.photoAlbums .full,
.photoAlbums .year.active.full,
.photoAlbums .country.active.full {
    display: block;
    width: 100%;
}

.photoAlbums .photoArea {
    /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.photoAlbums .photoArea>div {
    /*
	width:50%;
	padding:10px;*/
}

.photoAlbums .photoArea .cover {
    text-align: center;
    margin-bottom: 10px;
    height: 337.5px;
    overflow: hidden;
    position: relative;
}

.photoAlbums .photoArea .cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.photoAlbums .photoArea .title {
    width: 400px;
    max-width: 90%;
    margin: auto;
}

.photoAlbums .yearSelect li {
    display: inline-block;
    margin: 0;
}

.photoAlbums .yearSelect li a {
    padding: 4px 12px;
}

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

.photoAlbums .cont {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    min-height: 50px;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding-right: 72px;
    width: auto;
}

.photoAlbums .more {
    position: absolute;
    color: #fff;
    right: 8px;
    bottom: 8px;
    padding: 8px 10px;
    font-size: .8em;
}

.photoAlbums .border_table td>span,
.photoAlbums .border_table td>a {
    display: inline-block;
    max-width: 48%;
    margin: 10px 1%;
    /*	
	display:inline-block;
	max-width: 48%;
    width: 260px;
    height: 200px;
    margin: 10px 1%;
	overflow:hidden;
	text-align:center;*/
}

.mainContent .myfilter>table {
    width: auto;
    max-width: 100%;
    margin: auto;
}

.mainContent .myfilter input {
    width: 100%;
}

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

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

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

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

p.line {
    text-decoration: underline;
}

/*============*/
.headerTool .language {
    /*
	position: relative;
	display:inline-block;
	vertical-align: middle;
    font-weight: bold;
    margin-right: 10px;
	padding:0;*/
}

.myheaderTool .clientTool>div.language {
    /*
	padding:0 7.5px;*/
    font-size: 1.125rem;
}

.headerTool .language .langBtn a {
    display: block;
    padding: 6px;
}

.myheaderTool>div.clientTool div.language ul li {
    margin-bottom: 1px;
    display: block;
}

.headerTool .language .langSelect {
    padding-right: 15px;
}

.headerTool .language .langSelect a:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 4px;
    background-image: url(../images/icon_arrow2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.headerTool .language.active .langSelect a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.headerTool .language>ul {
    /*
    position: absolute;
    left: -9999px;
    -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;
    opacity: 0;*/
}

.headerTool .language.active>ul {
    left: auto;
    right: 0;
    top: 100%;
    line-height: normal;
    opacity: 1;
    margin-top: -5px;
    z-index: 8000;
}

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

.myheaderTool .clientTool>div.shareTool {
    padding-left: 1.313rem;
    padding-right: .719rem;
}

.headerTool .shareTool>a {}

.headerTool .shareTool>a img {
    width: 1.5rem;
}

.headerTool .shareTool>.shareList {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    padding: 8px 15px 12px !important;
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.share-btns__btn:nth-last-child(1) {
    margin-right: 0;
}

/* END Style share-btns */
#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:nth-last-child(1) {
    background-color: transparent;
}

#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:nth-last-child(1):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 {
    /*
	font-size: 1.35em;*/
}

/*=========*/
.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:nth-last-child(1):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:nth-last-child(1) {
    border-radius: 0 10px 0 0;
}

.detail_area>div:nth-last-child(1)>div:nth-child(1) {
    border-radius: 0 0 10px 0;
}

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

.footerBannerArea {
    margin: 0 -16px;
}

.footerArea #flexslider_footer .slides {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.footerArea #flexslider_footer .slides li {}

.footerArea #flexslider_footer .slides a {
    padding: 0 20px;
    height: 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;
}

.footerArea #flexslider_footer .slides img {
    width: 11.875rem;
}

.footerArea #flexslider_footer .flex-control-paging {}

.footerArea #flexslider_footer .flex-control-paging li {}

.footerArea #flexslider_footer .flex-control-paging li a {}

.footerArea #flexslider_footer .flex-control-paging li a:before {}

.footerArea #flexslider_footer .flex-control-paging li a:hover {}

.footerArea #flexslider_footer .flex-control-paging li a:focus:before,
.footerArea #flexslider_footer .flex-control-paging li a:hover:before {}

.footerArea #flexslider_footer .flex-control-paging li a.flex-active {}

.footerArea #flexslider_footer .flex-control-paging li a.flex-active:before {}

/*==========*/
.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;
    /*	max-height:0;
	overflow:hidden;

	-webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;*/
}

.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 {
    /*
    color: #fff;
    background-color: #1E486E;
    border-top: 1px solid white;
    border-right: 1px solid white;*/
}

.mainContent table .width5 {
    width: 5%;
}

.mainContent table .width70 {
    width: 70%;
}

.mainContent table .width25 {
    width: 25%;
}

/*======*/
.mainbanner {}

.indexVersion .mainbanner {}

.indexVersion .mainbanner:before {}

.mainbanner:before {}

.mainbanner .txt {}

.mainbanner .txt {}

.mainbanner .txt>div {}

.mainbanner .txt>div:before {}

.mainbanner .txt span {}

.mainbanner>.container:before {}

.mainbanner .mb_area:after {}

/*=============================*/
.myflexDiv>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myflexDivF2 {
    margin-bottom: 14px;
}

.myflexDivF2>div {
    padding: 10px 0;
    margin: 0 -10px;
}

.myflexDivF2>div>div {
    padding: 0 10px;
}

.myflexDivF2>div>div:nth-child(1) {
    max-width: 120px;
    width: 100%;
    min-width: 120px;
}

.myflexDivF2>div>div:nth-child(2) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.myflexArea>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myflexSp {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myflexSp>* {
    width: 100%;
}

.myflexSp>*.flex50 {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-left: .6em;
    padding-right: .6em;
}

.myflex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myflex>div {
    max-width: 100%;
}

.flex11>div {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    width: 50%;
    /*
	padding:0 10px;*/
}

.facc {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexCU>div {
    margin-bottom: 1.4em;
}

.flexCU>div>div:nth-child(1) {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}

/*=============*/
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%;
}

/*
.yearselector tr[data-year]{
	display:none;
}
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"],
.yearselector.ya2021 tr[data-year="2021"]{
	display:block;
}*/
.yearselector {
    border: 2px solid #000;
}

.mainContent table.form-table.yearselector th,
.mainContent table.form-table.yearselector td {
    padding: 12px 20px;
}

.yearfilter ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.yearfilter li {
    padding: 0;
    margin: 0;
}

.yearfilter a {
    display: block;
    padding: 8px 20px;
    max-width: 100%;
    width: 110px;
    color: #000;
    background-color: hsl(51deg, 88%, 88%);
}

.yearfilter a:hover,
.yearfilter a:focus,
.yearfilter a:active {
    color: #000;
}

.yearfilter li:nth-child(7n+1) a {
    background-color: hsl(51deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+2) a {
    background-color: hsl(103deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+3) a {
    background-color: hsl(154deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+4) a {
    background-color: hsl(206deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+5) a {
    background-color: hsl(257deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+6) a {
    background-color: hsl(309deg, 88%, 88%);
}

.yearfilter li:nth-child(7n+7) a {
    background-color: hsl(360deg, 88%, 88%);
}

/*==============*/
.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:nth-last-child(1) {
    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;
}

/*===============================*/
/*=myPhoto=*/
.indexProg_list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.indexProg_list>div {
    width: 320px;
    height: 320px;
    margin: 0;
    padding: 10px;
}

.indexProg_list>div>div {
    border: 5px solid #e1e1e1;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.indexProg_itemImg {
    width: auto;
    max-width: none;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.indexProg_list>div>div:hover .indexProg_itemImg {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08);
}

.indexProg_itemMask {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    display: none;
    background-color: #000000;
}

.indexProg_list>div>div:hover .indexProg_itemMask {
    display: block;
}

.indexProg_item_title {
    background-color: rgba(66, 66, 66, .66);
    height: auto;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.indexProg_item_title:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: #000;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.indexProg_item_title .header {
    margin: 10px;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.indexProg_item_title .cont {
    margin: 10px;
    display: none;
}

.indexProg_list a span {
    line-height: normal;
    font-size: 1em;
}

/*====================*/
/*.headerBorder{
    background-color: #2E8F57;
	height:20px;
}*/
.headerAreaPop {
    background-color: #084A87;
    color: #fff;
    font-size: 1.4em;
    position: relative;
    overflow: hidden;
    max-height: 20px;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}

.headerAreaPop.active {
    max-height: 270px;
}

.headerAreaPop a {
    color: #fff;
}

.headerAreaPop .hidden-text {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
}

.headerAreaPop .close a {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_pop_close.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
}

.headerAreaPop.active .close a {
    display: block;
}

.headerAreaPop .close .hap-close {}

.headerAreaPop .area {
    position: relative;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 35px 0 35px 0;
    height: 100%;
    max-height: 270px;
}

.headerAreaPop.active .area {}

.headerAreaPop .tit {
    text-align: left;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

.headerAreaPop .cont {
    text-align: left;
    padding: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.headerAreaPop .detail {
    padding: 0 15px;
}

.headerAreaPop .toggle-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background-color: #2E8F57;
    z-index: 10;
}

.headerAreaPop .toggle-area a {
    display: block;
    position: absolute;
    right: 30px;
    width: 25px;
    height: 20px;
    background-color: #084A87;
}

.headerAreaPop .toggle-area a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background-image: url(../images/icon_pop_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    -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;
}

.headerAreaPop.active .toggle-area a:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.headerAreaPop .toggle-area .hap-open,
.headerAreaPop.active .toggle-area .hap-close {
    display: block;
}

.headerAreaPop .toggle-area .hap-close,
.headerAreaPop.active .toggle-area .hap-open {
    display: none;
}

/*================*/
.mainArea .more {}

.more a {
    font-family: Lexend;
    font-size: 1.25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
    position: relative;
    padding-right: 2.25rem;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: underline;
    -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;
}

.more a:after {
    content: "";
    position: absolute;
    top: 0.1rem;
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_arrow.svg);
}

.more a:hover,
.more a:focus {
    padding-right: 2.5rem;
}

.more a:hover:after,
.more a:focus:after {
    background-image: url(../images/icon/icon_arrow_i.svg);
}

.mainArea .svg_arrow.left_arrow {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mainArea .svg_arrow.right_arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mainArea .flex13>*:nth-child(1) {
    width: 25%;
}

.mainArea .flex13>*:nth-child(2) {
    width: 75%;
}

.mainArea {
    padding: 3rem 0;
}

.mainArea h1 {}

.mainArea.mainAreaBC,
.mainArea.mainAreaMC,
.mainArea.mainAreaNP,
.mainArea.mainArea1 {
    padding: 0;
}

/*
.insideVersion .mainArea{
	padding:2.5rem 0;
}*/
.insideVersion .mainArea {
    padding: 2rem 0;
}

.insideVersion .mainArea.mainAreaBC,
.insideVersion .mainArea.mainAreaMC,
.insideVersion .mainArea.mainAreaNP {
    padding: 0;
}

.insideVersion .mainArea.mainAreaBC {
    padding-top: 3.125rem;
    /*
	padding-bottom:1.125rem;*/
}

.insideVersion .mainArea.mainAreaBC+.mainArea {
    /*
	padding-top:1.125rem;*/
}

.mainArea.mainArea1 {
    position: relative;
}

.mainArea1 .container {
    position: relative;
}

.mainArea1 .topic {
    position: absolute;
    right: 0;
    bottom: 13rem;
    z-index: 10;
    background-color: rgba(88, 0, 190, .8);
    border-radius: 8px;
    color: #fff;
    width: 63rem;
    /*max-width:100vw;*/
    max-width: 50%;
    /* min-height: 33rem; */
    /*
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;	
	opacity:0;*/
}

body.chineseVersion .mainArea1 .topic {
    bottom: 19rem;
}

.mainArea1 .topic .sub {
    /*
    font-size: 3em;
    text-transform: uppercase;*/
}

.mainArea1 .topic .main {
    /* font-size: 5.25rem; */
    font-size: min(4.375vw, 5.313rem);
    text-transform: uppercase;
    padding: 3.313rem 8.313rem 3.313rem 5.313rem;
}


/* re-adjusting purple box */
.mainArea1 .topic {
    max-width: 55rem;
}
.mainArea1 .topic .main {
    padding: 3.313rem 4.313rem 3.313rem 4.313rem;
}


/*
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
	to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
}
@-ms-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
	to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
}
@keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
	to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
}
.animate-fadeInLeft{
	-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);
	-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;
}*/
.mainArea1 .bannerArea .mbAreaTxt {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30.5rem;
    /*max-width:100vw;*/
    max-width: 100%;
    height: 13rem;
    padding: 1.563rem 3rem;
}

.mainArea1 .bannerArea .mbArea {
    width: 88.5rem;
    /*max-width:100vw;*/
    max-width: 100%;
    height: 50.813rem;
}

.mainArea1 .bannerArea .mbAreaTxt .title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #310496;
    margin-bottom: 1rem;
}

.mainArea1 .bannerArea .mbAreaTxt .content {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    color: #000;
    text-transform: uppercase;
}

.mainArea1 .bannerArea .mbAreaTxt .content a {
    text-decoration: underline;
}

.mainArea1 .bannerArea #flexslider-mb li .cover {
    /*
	height:100%;
	background-color:#000;
	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;*/
}

.mainArea1 .bannerArea .title {
    /*
    position: absolute;
    right: 0;
    padding-top: 15px;
    max-width: 100%;
    text-align: right;
    width: 600px;
	font-size:0.8889em;*/
}

.mainArea1 .bannerArea #flexslider-mb .flex-control-paging {
    /*
	text-align:left;
    padding-top: 20px;
	padding-bottom:20px;
	margin: 0 -6px;
	width: auto;
    display: inline-block;*/
}

.mainArea2 .ali-c {
    text-align: center;
    margin: 5rem 0;
}

.mainArea2 .ali-c>div {
    text-align: center;
}

.mainArea2 .ali-c>div>p {
    line-height: normal;
}

.mainArea2 .heading {
    margin-bottom: 1.813rem;
    text-transform: uppercase;
}

.mainArea2 .content {
    width: 69rem;
    /*max-width:100vw;*/
    max-width: 100%;
    margin: auto;
}

/*
.mainArea2 #flexslider-msg .flex-direction-nav li {
    display: inline-block;
}
.mainArea2 #flexslider-msg .flex-direction-nav a{
    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;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    width: 60px;
    height: 60px;
    opacity: 1;
    margin: 0;
    border: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 1px solid #000;
	background-color:#fff;
    -webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.mainArea2 #flexslider-msg .flex-direction-nav a:hover,
.mainArea2 #flexslider-msg .flex-direction-nav a:focus{
	background-color:#000;
}
.mainArea2 #flexslider-msg .flex-direction-nav a.flex-next{
    -webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}*/
.mainArea3 #flexslider-mb3 .slides>li>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    /* padding-left: 4.375rem; */
    margin: 0 2.1875rem;
    border: 0.5px solid;
    border-color: #c5c5c570;
}

.mainArea3 #flexslider-mb3 .cover {
    min-width: 25.313rem;
}

.mainArea3 #flexslider-mb3 .detail {
    padding: 1rem;
    padding-left: 2.5rem;
}

.detail .header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.33rem;
}

.detail .header {
    font-size: 1rem;
}

.detail .header .tag {
    color: #757575;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border: solid 1px #757575;
    /* margin-right: 0.625rem; */
    /* margin-bottom: 1.33rem; */
}

.detail .header .date {
    color: #757575;
    /* margin-bottom: 1.33rem; */
}

.mainArea3 .detail .title {
    margin-bottom: 2.105rem;
}

.mainArea4 .more a:after {
    display: none;
}

.chineseVersion .mainArea4 .detail .title {
    font-size: 1.67rem;
}

.mainArea4 .detail .title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.167rem;
}

.mainArea5 .myflex {
    margin: 0 -2.5rem;
}

.mainArea5 .myflex>div {
    width: 50%;
    padding: 0 2.5rem 5.978rem 2.5rem;
}

.mainArea5 .detail {
    position: relative;
    margin-bottom: 1.23rem;
}

.mainArea5 .cover {
    position: relative;
    z-index: 5;
}

.mainArea5 .detail .border2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 11rem;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 4rem;
    background-color: #5800be;
    color: #fff;
    opacity: 0;
    z-index: 10;
    -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;
    overflow: auto;
}

.mainArea5 .detail .border2:before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 5rem;
    width: 4.82rem;
    height: 4.45rem;
    background-image: url(../images/icon/icon_theaters1.svg);
}

.mainArea5 .detail .border2:before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 5rem;
    width: 5.5rem;
    height: 5.25rem;
    background-image: url(../images/icon/icon_theaters1.svg);
}

.mainArea5 .border.type2 .detail .border2:before {
    width: 5.25rem;
    height: 5.25rem;
    background-image: url(../images/icon/icon_awards1.svg);
}

.mainArea5 .detail .border2 *,
.mainArea5 .detail .border2 a,
.mainArea5 .detail .border2 a:hover,
.mainArea5 .detail .border2 a:focus {
    color: #fff;
}

.mainArea5 .border.active .detail .border2,
.mainArea5 .border:hover .detail .border2 {
    opacity: 1;
}

.mainArea5 .border2 .tit {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.mainArea5 .border2 .cont {
    margin-bottom: 2.498reml
}

.mainArea5 .border2 .cont p:last-cihld {
    margin-bottom: 0;
}

.mainArea5 .border2 .link {
    font-size: 1.25rem;
    text-decoration: underline;
    text-transform: uppercase;
}

.mainArea5 .title {
    margin-bottom: 1.23rem;
}

.mainArea6 .myflex {
    margin: 0 -2.5rem;
}

.mainArea6 .myflex>div {
    width: 50%;
    padding: 0 2.5rem 5.978rem 2.5rem;
}

.mainArea6 .border {
    height: 26.5rem;
    overflow: auto;
    border: solid 1px #707070;
    -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;
}

.mainArea6 .border>div {
    position: relative;
    padding: 2.5rem 5rem 2.5rem 5rem;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mainArea6 .border.active,
.mainArea6 .border:hover {
    border: solid 1px #5800be;
    background-color: #5800be;
}

.mainArea6 .border.active,
.mainArea6 .border.active a,
.mainArea6 .border.active a:hover,
.mainArea6 .border.active a:focus,
.mainArea6 .border:hover,
.mainArea6 .border:hover a,
.mainArea6 .border:hover a:hover,
.mainArea6 .border:hover a:focus {
    color: #fff;
}

.mainArea6 .title {
    margin: 1.25rem 0;
    font-size: 2.25rem;
    font-weight: bold;
}

.mainArea6 .service_footer {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 2.5rem 0;
}

.mainArea6 .org {
    /* position: absolute;
    left: 5rem;
    bottom: 2.5rem; */
    font-size: 0.875rem;
}

.mainArea6 .link {
    /* position: absolute;
    right: 2.5rem;
    bottom: 2.5rem; */
}

.mainArea6 .link a {
    position: absolute;
    right: -2.5rem;
    bottom: 2.5rem;
    display: block;
    width: 2.25rem;
    height: 2.25rem;
}

.mainArea6 .link a:focus {
    outline: none;
}

.mainArea6 .link a:after {
    content: "";
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.mainArea6 .border.active .link a:after,
.mainArea6 .border:hover .link a:after {
    background-image: url(../images/icon/icon_newwindow_i2.svg);
}

.mainArea6 .link span {
    position: absolute;
    left: -110vw;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}

.mainArea .mybtn {
    display: inline-block;
    line-height: 1.4385rem;
}

.mainArea .mybtn a {
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #fff;
    padding: 1.125rem 2.25rem;
    border-radius: .25rem;
    border: .25rem solid #000;
    font-weight: bold;
}

.mainArea .mybtn a:hover,
.mainArea .mybtn a:focus {
    color: #fff;
    border: .25rem solid #5800be;
    background-color: #5800be;
    -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;
}

.mainArea .mybtn.mybtnback {
    margin-top: -1.375rem;
    margin-bottom: 3.5625rem;
}

.myflex>h1 {
    margin-right: auto;
}

.myflex .mybtn.mybtnback {
    margin: 0.5rem 0 0 0;
    /* margin-left: auto; */
}

.mainArea .leftMenu .mybtn {
    margin: 0;
    margin-bottom: 40px;
}

.mainArea .mybtn.mybtn1 a {
    border: 2px solid #000;
}

.mainArea .mybtn.mybtn1 a:hover,
.mainArea .mybtn.mybtn1 a:focus {
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
}

.mainArea .mybtn.mybtn2 a {
    background-color: #f2f2f2;
}

.mainArea .mybtn.mybtnBk a {
    position: relative;
    padding-left: 72px;
}

.mainArea .mybtn.mybtnBk a:hover,
.mainArea .mybtn.mybtnBk a:focus {
    background-color: #000;
    color: #fff;
}

.mainArea .mybtn.mybtnBk a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 36px;
    background-image: url(../images/icon/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -ms-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg);
    z-index: 10;
    pointer-events: 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;
}

.mainArea .mybtn.mybtnBk a:hover:before,
.mainArea .mybtn.mybtnBk a:focus:before {
    background-image: url(../images/icon/icon_arrow_i.svg);
}

.mainArea.mainArea10 {
    padding: 0;
}

.mainArea10 .flexBetween {
    padding: 30px;
    background-image: linear-gradient(95deg, #efa34d, #ec4d4d 100%);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainArea10 .flexBetween>div {
    padding: 0 50px;
}

.mainArea10 .title {
    font-size: 2em;
}

.mainArea.mainArea10 .mybtn {
    margin: 0;
}

/*============*/
#flexslider-mb {
    background-color: #000;
}

#flexslider-mb .flex-viewport .slides {
    padding-left: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#flexslider-mb:hover .flex-viewport .slides,
#flexslider-mb:focus .flex-viewport .slides {
    padding-left: 7rem;
}

#flexslider-mb .flex-control-paging,
#flexslider_footer .flex-control-paging {}

#flexslider-mb .flex-direction-nav,
#flexslider_footer .flex-direction-nav {
    margin: 0;
}

#flexslider-mb-txt .flex-control-nav li {
    margin: 0 .3rem;
}

#flexslider_footer .flex-control-paging li a {
    width: 1.25rem;
    height: 1.25rem;
    background: #bdbdbd;
    -webkit-box-shadow: ;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
    border: solid .25rem #fff;
}

#flexslider_footer .flex-control-paging {
    width: auto;
    padding: 1.875rem;
    position: relative;
    bottom: auto;
}

#flexslider_footer .flex-control-paging li a:focus,
#flexslider_footer .flex-control-paging li a:hover {
    background: #fff;
    border: solid .25rem #191919;
}

#flexslider_footer .flex-control-paging li a.flex-active {
    background: #fff;
    border: solid .25rem #301596;
    cursor: default;
}

#flexslider_footer .flex-direction-nav a {
    padding-bottom: 3.125rem;
    width: 1.695rem;
    height: 1.695rem;
    position: absolute;
    top: 50%;
    opacity: 1;
    text-shadow: none;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 0;
}

#flexslider_footer .flex-direction-nav a:before {
    content: "";
    position: absolute;
    width: 1.695rem;
    height: 1.695rem;
    background-image: url(../images/icon/icon_arrow.svg);
    text-shadow: none;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    font-size: 1rem;
}

#flexslider_footer .flex-direction-nav a.flex-next:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

#flexslider_footer .flex-direction-nav .flex-prev {
    left: -2.555rem;
}

#flexslider_footer .flex-direction-nav .flex-next {
    right: -2.555rem;
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -2.555rem;
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: -2.555rem;
}

#flexslider_footer.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

#flexslider-mb .flex-pauseplay,
#flexslider_footer .flex-pauseplay {
    z-index: 4010;
    position: relative;
}

#flexslider-mb .flex-pauseplay a {
    bottom: 10px;
    color: #000;
    opacity: 1;
}

#flexslider_footer .flex-pauseplay a {
    bottom: -10px;
}

#flexslider-mb-txt .flex-control-nav li {
    margin: 0 .3rem;
}

#flexslider-mb-txt .flex-control-paging li a {
    width: 1.25rem;
    height: 1.25rem;
    background: #bdbdbd;
    -webkit-box-shadow: ;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
    border: solid .25rem #fff;
}

#flexslider-mb-txt .flex-control-paging {
    text-align: left;
    margin-left: 1rem;
    display: inline-block;
    width: auto;
}

#flexslider-mb-txt .flex-control-paging li a:focus,
#flexslider-mb-txt .flex-control-paging li a:hover {
    background: #fff;
    border: solid .25rem #191919;
}

#flexslider-mb-txt .flex-control-paging li a.flex-active {
    background: #fff;
    border: solid .25rem #301596;
    cursor: default;
}

#flexslider-mb-txt .flex-pauseplay {
    margin: 0 .981rem;
    display: inline-block;
    width: auto;
}

#flexslider-mb-txt .flex-pauseplay a {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    bottom: auto;
    left: auto;
    color: #000;
}

#flexslider-mb-txt .flex-pauseplay a:before {
    font-size: 1.25rem;
}

#flexslider-mb-txt .flex-pauseplay a.flex-play:before {}

/*============*/
.mainArea .flexImgText {
    margin-bottom: 60px;
}

.chineseVersion .mainArea p {
    line-height: normal;
}

.chineseVersion .mainArea span.biography {
    font-size: 1.2rem;
}

.mainArea p {
    color: #424242;
    line-height: 1.75rem;
    margin-bottom: 1.55rem;
}

.mainArea p.greatbreak {
    margin-bottom: 5rem;
}

.mainArea p.biography {
    font-size: 1.2rem;
    top: -5;
    position: relative;
}

.mainArea .mybanner {
    margin: 20px;
}

.mainAreaBC .breadcrumb {
    margin-bottom: 0;
    padding: 0;
    z-index: 3100;
    font-size: 1rem;
    color: #9b9b9b;
    text-transform: uppercase;
}

.mainAreaBC .breadcrumb a {
    font-size: 1rem;
    text-decoration: underline;
    color: #9b9b9b;
}

.mainAreaBC .breadcrumb>a {
    /*
	margin:0 1rem;*/
}

.mainAreaBC .breadcrumb ul li {
    position: relative;
}

.mainAreaBC .breadcrumb ul li:before {
    content: "";
    position: absolute;
    left: -.03125rem;
    top: 10%;
    bottom: 10%;
    width: .0625rem;
    background-color: #9b9b9b;
    max-height: 1rem;
}

.mainAreaBC .breadcrumb ul li:nth-last-child(1) a,
.mainAreaBC .breadcrumb ul li:nth-last-child(1) {
    color: #000;
}

.design-list .border {
    position: relative;
    border-top: 1px solid #d3d3d3;
    margin-bottom: 100px;
}

.design-list .type {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.design-list .border:nth-child(odd) .type {
    left: 0;
    right: auto;
}

.design-list .cover {
    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;
}

.design-list .border:nth-child(odd) .cover {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.design-list .detail {
    padding: 30px 7%;
    min-height: 400px;
    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-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.design-list .detail>div {
    width: 100%;
}

.design-list .title {
    margin-bottom: 25px;
}

.design-list .title a {
    position: relative;
    padding-right: 35px;
    font-size: 1.3333em;
    color: #212121;
    font-weight: bold;
    display: inline-block;
}

.design-list .title a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/icon_newwindow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.myImgHead {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 75% auto;
    padding-top: 130px;
}

.mainAreaIntro1 .myImgHead {
    background-image: url(../images/banner/img_banner2.jpg);
}

.mainAreaIntro1_1 .myImgHead {
    background-image: url(../images/banner/img_banner3.jpg);
}

.mainAreaOther.mao1 .myImgHead {
    background-image: url(../images/banner/img_banner_other1.jpg);
}

.mainAreaOther.mao2 .myImgHead {
    background-image: url(../images/banner/img_banner_other2.jpg);
}

.mainAreaOther.mao3 .myImgHead {
    background-image: url(../images/banner/img_banner_other3.jpg);
}

.mainAreaOther.mao4 .myImgHead {
    background-image: url(../images/banner/img_banner_other4.jpg);
}

.myImgHead .border {
    width: 1066px;
    max-width: 100%;
}

.myImgHead .myheading {
    padding: 50px 70px 50px 0;
    background-color: #fff;
}

.mainArea .scrollbar-outer>.scroll-element {
    background-color: transparent;
}

.mainArea .scrollbar-outer>.scroll-element .scroll-element_track,
.mainArea .scroll-x .scroll-element_track {
    position: relative;
    background-color: transparent;
}

.mainArea .scroll-x .scroll-element_track:before {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #bdbdbd;
}

.mainArea .scrollbar-outer>.scroll-element .scroll-bar,
.mainArea .scroll-x .scroll-bar {
    background-color: #000;
}

.mainArea .scrollbar-outer>.scroll-element .scroll-element_outer,
.mainArea .scrollbar-outer>.scroll-element .scroll-element_track,
.mainArea .scrollbar-outer>.scroll-element .scroll-bar {
    border-radius: 2px;
}

.mainAreaIntro2 {
    position: relative;
    color: #fff;
    /*background-image: linear-gradient(105deg, #fd8e53, #fd5369 11%, #4a21f4 100%);*/
    background-image: linear-gradient(105deg, rgba(253, 142, 83, 90%), rgba(253, 83, 105, 90%) 11%, rgba(74, 33, 244, 90%) 100%);
}

.mainAreaIntro1 {}

.mainAreaIntro2 a {
    color: #fff;
}

.mainAreaIntro2 .border {
    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;
    min-height: 400px;
}

.mainAreaIntro2 .border:nth-child(even):before {
    content: "";
    position: absolute;
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;
    width: 1px;
    height: auto;
    background-color: #fff;
}

.mainAreaIntro2 .border>* {
    display: block;
    width: 640px;
    max-width: 100%;
    padding: 30px;
}

.mainAreaIntro2 .type {
    display: inline-block;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.mainAreaIntro2 .title {
    margin: 20px 0;
    font-size: 2em;
    font-weight: bold;
}

.mainAreaIntro3 .data {}

.mainAreaIntro3 .data .myflex {
    margin-left: -50px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainAreaIntro3 .data .myflex>div {
    padding: 50px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.mainAreaIntro3 .data .cover {
    margin-bottom: 24px;
}

.mainAreaIntro3 .data .title {
    font-size: 2em;
    font-weight: bold;
}

.mainAreaIntro3 .data .sub-title {
    font-size: 1.1111em;
}

.mainAreaIntro4 {
    position: relative;
}

.mainAreaIntro4 .area-oc {
    background-color: #e0e0e0;
    padding: 35px 0;
    margin: 40px 0;
}

.mainAreaIntro4 .area-oc .head {
    font-size: 1.7778em;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding: 25px 0;
}

.mainAreaIntro4 .area-oc .sub-head {
    font-size: 1.3333em;
    font-weight: bold;
    padding: 40px 0;
    border-bottom: 1px solid #707070;
}

.mainAreaIntro4 .area-oc .flex31 {
    min-width: 1440px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.mainAreaIntro4 .area-oc .flex31>div {
    padding: 0 15px;
    margin-left: -15px;
    margin-right: 15px;
}

.mainAreaIntro4 .area-oc .flex-title {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
}

.mainAreaIntro4 .area-oc .cont {
    padding: 28px 0;
    margin: 0 -10px;
}

.mainAreaIntro4 .area-oc .cont>div {
    padding: 0 10px;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.mainAreaIntro4 .tree-title>div>span {
    display: block;
    margin-bottom: 10px;
}

.mainAreaIntro4 .tree-title .sub {
    position: relative;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.mainAreaIntro4 .tree-title .sub:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 32px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

.mainAreaIntro4 .my-dl {
    position: absolute;
    right: 80px;
    top: 50px;
}

.mainArea .dl-pdf {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mainArea .dl-pdf a {
    position: relative;
    display: inline-block;
    padding-left: 3.5em;
    padding-right: 20px;
    font-size: 1.1671em;
}

.mainArea .dl-pdf a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5em;
    height: 3em;
    background-image: url(../images/icon/icon_pdf.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.mainArea .my-dl-text {
    font-size: 1.3333em;
    /*font-family: IBMPlexMono;*/
    padding: 20px 0;
}

.mainAreaFns1 .myImgHead {
    background-image: url(../images/banner/img_banner3.jpg);
}

.imgChart {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
}

.imgChart>div {
    position: relative;
    padding: 100px 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
}

.imgChart .full {
    width: 100%;
}

.imgChart .half {
    width: 50%;
}

.imgChart .half.right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #d3d3d3;
}

.imgChart .type {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.mainAreaFns2 .my-dl {
    width: 428px;
    max-width: 100%;
}

.mainAreaFns2 .my-dl>div {
    border-top: 1px solid #d3d3d3;
}

.myform {
    margin-bottom: 11.9375rem;
}

.myform .myform-input {
    padding: 1.25rem 0;
}

.myform .myform-input-area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: .0625rem solid #bdbdbd;
}

.myform .myform-input-area>div {
    padding: 0;
    border-bottom: .0625rem solid #bdbdbd;
}

.myform .myform-input-area>div.right {
    border-left: .0625rem solid #bdbdbd;
}

.myform .myform-input-area .full {
    width: 100%;
}

.myform .myform-input-area .half {
    width: 50%;
}

.myform .myform-input-area .half.right {}

.myform input:not([type="submit"]):not([type="reset"]) {
    border: 0;
    padding: 1.75rem;
    width: 100%;
    font-size: 1rem;
}

.chineseVersion .myform input:not([type="submit"]):not([type="reset"]) {
    font-size: 1.33rem;
}

.myform textarea {
    border: 0;
    padding: 1.75rem;
    width: 100%;
    height: 12.5rem;
    resize: none;
    display: block;
    font-size: 1rem;
}

.chineseVersion .myform textarea {
    font-size: 1.33rem;
}

.myform select {
    border: 0;
    padding: 1.75rem;
    width: 100%;
}

.myform .selectBorder {
    position: relative;
    overflow: hidden;
}

.myform .selectBorder select {
    padding-right: 50px;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.myform .selectBorder:before {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    right: .75rem;
    background-image: url(../images/icon/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
    z-index: 10;
    pointer-events: 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;
}

.myform .selectBorder:hover:before {
    /*
	right:-50px;*/
}

.myform select:required:invalid {
    color: gray;
}

.myform option {
    color: #000;
}

.myform option[value=""][disabled] {
    display: none;
}

.myform .myform-submit {
    padding: 1.25rem 0;
}

.myform .myform-submit input[type="submit"] {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
    border: .25rem solid #000;
    border-radius: 4px;
    padding: 1.125rem 2.25rem;
    max-width: 100%;
    text-align: center;
    -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;
}

.myform .myform-submit input[type="submit"]:hover,
.myform .myform-submit input[type="submit"]:focus {
    color: #ffffff;
    border: .25rem solid #5800be;
    background-color: #5800be;
}

.contact-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-collapse:collapse;
	margin: 40px 0;*/
}

.contact-list>div {
    position: relative;
    padding: 0 40px;
}

.contact-list .full {
    width: 100%;
}

.contact-list .full .myflex>div {
    padding: 60px 60px 60px 0;
}

.contact-list .half {
    width: 50%;
}

.contact-list .half.right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #d3d3d3;
}

.contact-list .type {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.contact-list .title {
    font-size: 1.3333em;
    margin: 0 0 10px 0;
}

.contact-list .title,
.contact-list .title a {
    color: #212121;
    font-weight: bold;
}

.contact-list .title a {
    position: relative;
    display: inline-block;
    padding-right: 45px;
}

.contact-list .title a:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    top: 2px;
    background-image: url(../images/icon/icon_newwindow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.contact-list .time,
.contact-list .location,
.contact-list .mail,
.contact-list .tel,
.contact-list .fax {
    position: relative;
    padding-left: 40px;
    margin: 20px 0;
}

.contact-list .time:before,
.contact-list .location:before,
.contact-list .mail:before,
.contact-list .tel:before,
.contact-list .fax:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.contact-list .time:before {
    background-image: url(../images/icon/icon_time.svg);
}

.contact-list .location:before {
    background-image: url(../images/icon/icon_location.svg);
}

.contact-list .mail:before {
    background-image: url(../images/icon/icon_mail.svg);
}

.contact-list .tel:before {
    background-image: url(../images/icon/icon_tel.svg);
}

.contact-list .fax:before {
    background-image: url(../images/icon/icon_print.svg);
}

.ffFilter {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /*
	margin-right:-6px;
	margin-top:-70px;
    margin-bottom: 50px;*/
}

.ffFilter.fit {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -10px;
}

.ffFilter>div {
    margin: 0 10px;
    max-width: 100%;
}

.ffFilter.fit>div {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.ffFilter.fit select,
.ffFilter.fit input {
    width: 100%;
}

.ffFilter.nomargin {
    margin-right: 0;
    margin-top: 0;
    padding: 20px 0;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ffFilter.nomargin>div {
    margin: 0;
}

.ffFilter .selectBorder {
    position: relative;
    overflow: hidden;
}

.ffFilter .selectBorder:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 12px;
    background-image: url(../images/icon/icon_arrow.svg);
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    z-index: 10;
    pointer-events: 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;
}

.ffFilter .selectBorder:hover:before {
    /*
	right:-50px;*/
}

.ffFilter select {
    border: 0;
    padding: 19px 18px;
    /*
	width:428px;*/
    max-width: 100%;
    padding-right: 50px;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #f2f2f2;
    line-height: normal;
}

.ffFilter select:required:invalid {
    /*
    color: gray;*/
}

.ffFilter option[value=""][disabled] {
    display: none;
}

.ffFilter option {
    color: #000;
}

.ffFilter .myinputtext {
    position: relative;
}

.ffFilter .myinputtext:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    left: 5px;
    top: 50%;
    background-image: url(../images/icon/icon_search.svg);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.ffFilter .myinputtext input {
    padding: 19px 18px;
    padding-left: 45px;
    border: 0;
    border-bottom: 1px solid #b4b4b4;
}

.ffResult {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
    margin: 20px 0;
}

.ffResult .border {
    position: relative;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
    min-height: 480px;
    padding: 30px 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;
}

.ffResult .mylabel {
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.ffResult .mylabel>div {}

.ffResult .type {
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.ffResult .organiser {
    padding: 10px 40px;
    font-size: 0.7778em;
    /*font-family: IBMPlexMono;*/
}

.ffResult .organiser .name {
    font-size: 1.2857em;
    font-weight: bold;
    font-family: IBMPlexSans;
}

.ffResult .main {
    max-width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ffResult .detail {
    padding: 0 65px;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
}

.ffResult .detail>* {
    margin-bottom: 20px;
}

.ffResult .title {
    font-size: 1.3333em;
    font-weight: bold;
}

.ffResult .title a {
    position: relative;
    display: inline-block;
    padding-right: 40px;
}

.ffResult .title a:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.ffResult .tag {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4px;
    margin-right: -16px;
}

.ffResult .tag>div {
    margin-right: 16px;
    margin-bottom: 16px;
}

.ffResult .tag a {
    /*font-family: IBMPlexMono;*/
    display: block;
    border-radius: 16px;
    background-color: #ebebeb;
    padding: 7px 16px;
    font-size: 0.7778em;
    text-decoration: none;
    background-color: #000;
}

.ffResult .tag .tag1 a {
    background-color: #ffa0b2;
}

.ffResult .tag .tag2 a {
    background-color: #ffa231;
}

.ffResult .tag .tag3 a {
    background-color: #FFF176;
}

.ffResult .tag .tag4 a {
    background-color: #0EEAFF;
}

.ffResult .tag .tag5 a {
    background-color: #45ffbe;
}

.ffResult .tag .tag6 a {
    background-color: #80baff;
}

.ffResult .tag .tag7 a {
    background-color: #d6baff;
}

.ffResult .tag .tag8 a {
    background-color: #ebebeb;
}

.ffResult .content {}

.ffResult .cover {
    width: 580px;
    max-width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.ffResult .cover:before {
    content: "";
    position: absolute;
    right: 580px;
    width: 1px;
    top: 0;
    bottom: 0;
    background-color: #d3d3d3;
}

.whatsnewList {
    margin: 0 -2.8%;
}

.ffResult-news .grid-item {
    width: 33.333%;
    padding: 20px 2.8%;
    /*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;*/
}

.ffResult-news .grid-item img {
    width: 100%;
}

/*
.ffResult-news .cover~.detail{
	width:0;
	min-width:100%;
}*/
.ffFilter .filterBtn a {
    display: inline-block;
    font-size: 1.1111em;
    padding: 16px 16px;
    border: 2px solid #000;
    display: inline-block;
    width: 282px;
    max-width: 100%;
    text-align: center;
}

.ffFilter .filterBtn a.active,
.ffFilter .filterBtn a:focus,
.ffFilter .filterBtn a:hover {
    background-color: #000;
    color: #fff;
}

.ffFilter .filterBtn a span {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.ffFilter .filterBtn a span:before {
    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    right: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.ffFilter .keyword .filterBtn a span:before {
    background-image: url(../images/icon/icon_radio.svg);
}

.ffFilter .keyword .filterBtn a.active span:before,
.ffFilter .keyword .filterBtn a:focus span:before,
.ffFilter .keyword .filterBtn a:hover span:before {
    background-image: url(../images/icon/icon_radio_i.svg);
}

.ffFilter .timeline .filterBtn a span:before {
    background-image: url(../images/icon/icon_timeline.svg);
}

.ffFilter .timeline .filterBtn a.active span:before,
.ffFilter .timeline .filterBtn a:focus span:before,
.ffFilter .timeline .filterBtn a:hover span:before {
    background-image: url(../images/icon/icon_timeline_i.svg);
}

.timeline .popmore {
    opacity: 0;
}

.timeline .popmore .whatsnew-timeline {
    display: none;
}

.ffKeywordTag {
    opacity: 0;
    margin: 0 -12px;
    max-height: 0;
    overflow: hidden;
    -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;
}

.ffKeywordTag.active {
    opacity: 1;
    max-height: 100vh;
    overflow: auto;
}

.ffKeywordTag .closeBtn {
    margin-bottom: 12px;
}

.ffKeywordTag .closeBtn a {
    /*font-family: IBMPlexMono;*/
    position: relative;
    display: inline-block;
    font-size: 0.7778em;
    padding-left: 45px;
    text-transform: uppercase;
}

.ffKeywordTag .closeBtn a:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_threelines.svg);
}

.ffKeywordTag .ffKeywordTagList {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ffKeywordTag .ffKeywordTagList a {
    display: inline-block;
    font-size: 1.3333em;
    background-color: #f4f4f4;
    padding: 16px 20px;
    margin: 12px;
}

.publicationList {
    margin: 0 -2.3%;
}

.publicationList .grid-item {
    width: 33.333%;
    padding: 20px 2.3%;
}

.publicationList .grid-item img {
    width: 100%;
}

.publicationList .detail {
    padding: 20px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.publicationList .detail .title {
    font-size: 1.3333em;
    font-weight: bold;
    margin-bottom: 20px;
}

.publicationList .detail .time {
    position: relative;
    font-size: .8889em;
    /*font-family: IBMPlexMono;*/
    color: #616161;
    padding-left: 30px;
}

.publicationList .detail .time:before {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_time2.svg);
}

.whatsnewList .cover .vidoeArea {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.whatsnewList .cover .vidoeArea iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whatsnewList .detail {
    padding: 20px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.whatsnewList .detail .tag {
    font-size: .8889em;
    /*font-family: IBMPlexMono;*/
    margin-bottom: 4px;
}

.whatsnewList .detail .tag .type {
    display: inline-block;
    padding: 4px 12px;
    margin-right: 16px;
    margin-bottom: 16px;
    border: 1px solid #000;
}

.whatsnewList .detail .title {
    font-size: 1.3333em;
    font-weight: bold;
    margin-bottom: 20px;
}

.whatsnewList .detail .content p {
    margin-bottom: 20px;
}

.whatsnewList .detail .content .more {
    /*font-family: IBMPlexMono;*/
}

.whatsnewList .detail .time {
    position: relative;
    font-size: .8889em;
    /*font-family: IBMPlexMono;*/
    color: #616161;
    padding-left: 30px;
}

.whatsnewList .detail .time:before {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_time2.svg);
}

.whatsnew-timeline .inprogress-list,
.whatsnew-timeline .comingsoon-list {
    margin-bottom: 60px;
}

.whatsnew-timeline .inprogress-list>div,
.whatsnew-timeline .comingsoon-list>div {
    border-top: 1px solid #d3d3d3;
}

.whatsnew-timeline .myflex {}

.whatsnew-timeline .myflex>div {
    width: 22%;
    position: relative;
}

.whatsnew-timeline .myflex>div:nth-child(1) {
    width: 56%;
}

.whatsnew-timeline .detail {
    padding: 24px 0;
}

.whatsnew-timeline .type {
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.whatsnew-timeline .title {
    font-size: 1.3333em;
    font-weight: bold;
    margin-bottom: 28px;
}

.whatsnew-timeline .location {
    position: relative;
    padding-left: 36px;
}

.whatsnew-timeline .location:before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    background-image: url(../images/icon/icon_location.svg);
    background-repeat: no-repeat;
    background-position: center left;
}

.statistics-list {
    margin: 50px 0;
}

.statistics-list>.myflex {}

.statistics-list>.myflex>div {
    padding-right: 10px;
    width: 22%;
    position: relative;
}

.statistics-list>.myflex>div:nth-child(1) {
    width: 56%;
}

.statistics-list .type {
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.statistics-list>div {
    border-top: 1px solid #d3d3d3;
}

.statistics-list>.myflex:nth-last-child(1) {
    border-bottom: 1px solid #d3d3d3;
}

.statistics-list .detail {
    padding: 28px 0;
}

.statistics-list .title {
    font-size: 1.1671em;
}

.statistics-list .xls,
.statistics-list .pdf,
.statistics-list .eform,
.statistics-list .nwn {
    /*
	width:50%;*/
}

.statistics-list .xls a,
.statistics-list .pdf a,
.statistics-list .eform a,
.dl_link.xls a,
.dl_link.pdf a,
.dl_link.eform a {
    display: block;
    font-size: .7778em;
    /*font-family: IBMPlexMono;*/
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.statistics-list .nwn a {
    display: block;
    font-size: .7778em;
    /*font-family: IBMPlexMono;*/
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
}

/*
.statistics-list{
	overflow:auto;
	max-width:100%;
}
.statistics-list>div{
	min-width:800px;
}*/

.statistics-list .xls a:before,
.dl_link.xls a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/icon/icon_table.svg);
}

.statistics-list .pdf a:before,
.dl_link.pdf a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 27px;
    height: 31px;
    background-image: url(../images/icon/icon_pdf.svg);
}

.statistics-list .eform a:before,
.dl_link.eform a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 24px;
    background-image: url(../images/icon/icon_eform.png);
}

.statistics-list .nwn a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.statistics-list .title {
    font-size: 1.1111em;
    font-weight: bold;
}

.statistics-list.statistics2 .detail {
    padding: 28px 0;
}

.statistics-list.statistics2>.myflex>div {
    width: 20%;
    padding: 0 30px;
}

.statistics-list.statistics2>.myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.statistics-list.statistics2>.myflex>div:nth-child(1) {
    width: 33%;
    padding-left: 0;
}

.statistics-list.statistics2>.myflex>div:nth-last-child(1) {
    width: auto;
}

.statistics-list.statistics2>.myflex>div:nth-child(n+3),
.statistics-list.statistics2>.myflex>div:nth-child(n+3) .content {
    text-align: center;
}

.statistics-list.statistics2>.myflex:nth-last-child(1) {
    border-bottom: 1px solid #d3d3d3;
}

.statistics-list.statistics3>.myflex>div {
    width: 12%;
    padding: 0 30px;
}

.statistics-list.statistics3>.myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.statistics-list.statistics3>.myflex>div:nth-child(1) {
    padding-left: 0;
}

.statistics-list.statistics3>.myflex>div:nth-child(2) {
    width: 70%;
}

.statistics-list.statistics3>.myflex>div:nth-last-child(1) {
    padding-right: 0;
}

.statistics-list.statistics5>.myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.statistics-list.statistics5>.myflex>div {
    width: 20%;
    padding: 0 30px;
}

.statistics-list.statistics5>.myflex>div:nth-child(1) {
    padding-left: 0;
}

.statistics-list.statistics5>.myflex>div:nth-child(1) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.statistics-list.statistics6>.myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.statistics-list.statistics6>.myflex>div {
    width: 20%;
    padding: 0 30px;
}

.statistics-list.statistics6>.myflex>div:nth-child(1) {
    width: 20%;
    padding-left: 0;
}

.statistics-list.statistics6>.myflex>div:nth-child(2) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.moreUrl {
    font-size: 0.7778em;
    text-decoration: underline;
    text-transform: uppercase;
}

.myNote {
    font-size: 0.7778em;
}
.myNote2 {
    display: flex;
    gap: 0.2em;
    justify-content: space-between;
    flex-direction: column;
}

.myNote2 p {
    margin-bottom: 0;
}

.noteSbl {
    margin-right: 18px;
    display: inline-block;
    width: 1em;
}

.linksList {
    padding: 40px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.linksList .type {
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.linksList>div {
    width: 50%;
    position: relative;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
    min-height: 200px;
    padding: 30px 30px;
    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;
}

.linksList>div:nth-child(even):before {
    content: "";
    position: absolute;
    right: 100%;
    width: 1px;
    top: 0;
    bottom: 0;
    background-color: #d3d3d3;
}

.linksList .cover,
.linksList .cover a {
    text-align: center;
}

/*============*/
.myflex.flex334>div {
    width: 32%;
    padding: 0 10px;
}

.myflex.flex334>div:nth-child(3) {
    width: 35%;
    padding: 0 10px;
}

.myflex.flex21>div:nth-child(1) {
    width: 66.666%;
    padding: 0 10px;
}

.myflex.flex21>div:nth-child(2) {
    width: 33.333%;
    padding: 0 10px;
}

.myflex.flex111>div {
    min-width: 33.333%;
    /*
	width:170px;*/
    max-width: 100%;
    /*
	padding:0 15px;*/
}

.myflex.flex221>div:nth-child(1) {
    width: 38%;
    padding: 0 15px;
}

.myflex.flex221>div:nth-child(2) {
    width: 40%;
    padding: 0 15px;
}

.myflex.flex221>div:nth-child(3) {
    width: 22%;
    padding: 0 15px;
}

.myflex.flex34>div:nth-child(1) {
    width: 44%;
    padding: 0 15px;
}

.myflex.flex34>div:nth-child(2) {
    width: 56%;
    padding: 0 15px;
}

.myflex.flex41>div:nth-child(1) {
    width: 80%;
    padding: 0 15px;
}

.myflex.flex41>div:nth-child(2) {
    width: 20%;
    padding: 0 15px;
}

.myflex.flex1111>div {
    width: 25%;
    padding: 0 5px;
}

.myflex.flex111111>div {
    position: relative;
    min-width: 16.666%;
    padding: 8px;
    width: 260px;
    max-width: 100%;
}

.myflex.flex31>div:nth-child(1) {
    width: 75%;
}

.myflex.flex31>div:nth-child(2) {
    width: 25%;
}

.flexborder {
    border-bottom: 1px solid #bfbfbf;
}

.flexborder.fstborder {
    border-top: 1px solid #bfbfbf;
}

.flexborder .myflex {
    margin: 0 -20px;
}

.myflex.flex320>div {
    width: 330px;
    max-width: 100%;
    padding: 60px 20px;
}

.myflex.flex320 .icon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px;
    max-width: 20vw;
    height: 130px;
    margin-bottom: 5px;
}

.myflex.flex320 .title {
    font-size: 1.7778em;
    font-weight: bold;
}

/*============*/
.svg_arrow.up_arrow .svg_arrow_svg {
    overflow: visible;
    width: 16px;
    height: 16px;
    transform: translate(0px, 0px) matrix(1, 0, 0, 1, 0, 0) rotate(-90deg);
    transform-origin: center;
}

.svg_arrow.up_arrow .svg_arrow_path {
    fill: #fff;
}

/*============*/
.myflex.flexPhoto {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.myflex.flexPhoto>div {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flexPhoto>div:nth-child(1) {
    text-align: left;
    width: 150px;
    max-width: 100%;
    padding-right: 20px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.flexPhoto>div:nth-child(1) img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.flexPhoto>div:nth-child(1) p {
    line-height: normal;
    font-size: .8333em;
}

/*============*/
.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);
}

/*================================*/
.cpmb {
    color: #424242;
    font-size: 1.125em;
}

.cpmb .heading {
    font-size: 1.7778em;
    font-weight: bold;
    color: #212121;
    margin-bottom: 15px;
}

.cpmb .date {
    font-weight: bold;
    margin-bottom: 15px;
}

.cpmb .marea {
    padding: 80px 0;
}

.cpmb .flexcover>div:nth-child(1) {
    width: 60%;
}

.cpmb .flexcover>div:nth-child(2) {
    width: 40%;
}

.cpmb .mylogo {
    padding: 0 20px;
}

.cpmb .mylogo>div {
    margin-bottom: 40px;
}

.cpmb .mylogo a {
    display: block;
    text-align: center;
}

.cpmb .mylogo .cover {
    text-align: center;
}

#close_up .area .cpmb .mylogo .title {
    position: relative;
    font-size: 1.3333em;
    font-weight: bold;
    padding: 10px;
    padding-right: 35px;
    display: inline-block;
}

.cpmb .mylogo .title:after {
    content: "";
    position: absolute;
    right: 0;
    top: 13px;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.cpmb .myvideo {
    padding: 40px 0;
}

.cpmb .flexslider {
    padding: 40px 0;
}

.cpmb .flexslider .flex-control-paging {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 -6px;
    width: auto;
    position: relative;
    bottom: auto;
    height: 8px;
}

.cpmb .flexslider .flex-control-paging li a {
    border-radius: 0;
    box-shadow: none;
    width: 40px;
    height: 8px;
    position: relative;
    background-color: transparent;
}

.cpmb .flexslider .flex-control-paging li a:before {
    content: "";
    position: absolute;
    background: #bdbdbd;
    top: 3.5px;
    bottom: 3.5px;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cpmb .flexslider .flex-control-paging li a:focus:before,
.cpmb .flexslider .flex-control-paging li a:hover:before {
    background: #444;
}

.cpmb .flexslider .flex-control-paging li a.flex-active {
    background-color: transparent;
    cursor: default;
}

.cpmb .flexslider .flex-control-paging li a.flex-active:before {
    background: #000;
    top: 0;
    bottom: 0;
}

/*================================*/
.mainAreaBgC {
    padding: 60px 0;
    background-image: linear-gradient(to right, #efa34d, #ec4d4d);
}

.list11 ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 10px 0;
}

.list11 li {
    width: 50%;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 22px;
}

.pointList {
    padding: 10px 25px;
    font-size: 1.3333em;
    font-weight: bold;
}

.pointList>ul {
    margin: 0;
    padding: 0;
}

.pointList>ul>li {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 100px;
    position: relative;
}

.mainAreaPL .type {
    display: inline-block;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
}

.mainArea .area .myheading4 {
    font-size: 1.5556em;
    margin-bottom: 24px;
}

.flexNowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flexBetween {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexAround {
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.flexMiddle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.myflex.flexRow {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.expand_list {
    border-top: 1px solid #bdbdbd;
}

.expand_list>div {
    border-bottom: 1px solid #bdbdbd;
}

.expand_list .title a {
    position: relative;
    display: block;
    padding: 25px 100px 25px 50px;
    font-weight: bold;
    font-size: 1.3333em;
    text-decoration: none;
}

.expand_list .title a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url(../images/icon/icon_faq.png);
}

.expand_list .title a:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon/icon_cross.svg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
    -ms-transition: -ms-transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
}

.expand_list .title a:hover:after,
.expand_list .title a:active:after {
    background-image: url(../images/icon/icon_cross_i.svg);
}

.expand_list>div.active .title a:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.expand_list .content {
    display: none;
    padding: 0 100px 25px 50px;
    -webkit-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    opacity: 0;
    max-height: 0;
}

.expand_list .content p {
    margin-bottom: 0;
}

.expand_list>div.activating .content {
    display: block;
    opacity: 0;
    max-height: 0;
}

.expand_list>div.active .content {
    display: block;
    opacity: 1;
    max-height: 9999px;
}

/*=======================*/
.mainArea .flexIcon {
    margin: 55px 0;
    font-size: 2.6667em;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.mainArea .flexIcon img {
    margin-right: 48px;
}

/*=======================*/
.mysearchHead,
.mysearchBody {
    padding: 20px 0;
}

.mysearchTitle {
    margin: 2px 0;
    background-image: linear-gradient(to right, #efa34d, #ec4d4d);
}

.mysearchTitle a {
    position: relative;
    display: block;
    padding: 24px 40px;
    font-size: 1.3333em;
    font-weight: bold;
}

.mysearchTitle a:after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon/icon_plus.png);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mysearchResult.active .mysearchTitle a:after {
    background-image: url(../images/icon/icon_minus.png);
}

.mysearchContent {
    display: none;
    margin: 2px 0;
    padding: 40px 0;
    -webkit-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    opacity: 0;
    max-height: 0;
}

.mysearchResult.activating .mysearchContent {
    display: block;
    opacity: 0;
    max-height: 9999px;
}

.mysearchResult.active .mysearchContent {
    display: block;
    opacity: 1;
    max-height: none;
}

.mysearchSubFilter .border {
    padding: 30px 40px;
    font-size: 1.3333em;
    border: 1px solid #bdbdbd;
    margin-bottom: 22px;
}

.mysearchSubFilter .heading {
    margin-bottom: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.mysearchSubFilter .mycheck>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 10px 0;
}

.mysearchSubFilter .mycheck input {
    width: 22px;
    height: 22px;
    margin-top: 0.25em;
}

.mysearchSubFilter .mycheck>div>div:nth-child(2) {
    padding-left: 26px;
}

.mysearchContent .mobFiler {
    display: none;
}

.mysearchSubFilter .close {
    display: none;
}

.mysearchDetail {
    padding-left: 40px;
}

.mysearchTable {
    max-width: 100%;
    overflow: auto;
    margin-bottom: 25px;
}

.mysearchTable>div {
    min-width: 800px;
}

.mysearchDetail .mysearchTopic {
    font-size: 1.4444em;
    margin-bottom: 10px;
}

/*
.mysearchDetail .mysearchData+.mysearchTopic{
	margin-top:65px;
}*/
.mysearchDetail .mysearchType,
.mysearchDetail .mysearchData {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mysearchDetail .mysearchType .myflexL,
.mysearchDetail .mysearchData .myflexL {
    min-width: 25%;
    width: 25%;
}

.mysearchDetail .mysearchType .myflexL>div,
.mysearchDetail .mysearchData .myflexL>div {
    padding-right: 10px;
}

.mysearchDetail .mysearchType .myflexR,
.mysearchDetail .mysearchData .myflexR {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.mysearchDetail .mysearchType {
    border-top: 1px #bdbdbd solid;
    height: 65px;
}

.mysearchDetail .mysearchType .myflexL,
.mysearchDetail .mysearchType .myflexR {}

.mysearchDetail .mysearchType .myflexR {}

.mysearchDetail .mysearchType>div {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.mysearchDetail .mysearchType .type {
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    /*font-family: IBMPlexMono;*/
    font-weight: bold;
    display: inline-block;
}

.mysearchDetail .mysearchType .myflexR>div>div {
    min-width: 150px;
    width: 150px;
    padding: 0 10px;
}

.mysearchDetail .mysearchType .myflexR>div>div:nth-child(1),
.mysearchDetail .mysearchData .myflexR>div>div:nth-child(1) {
    width: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.mysearchDetail .myflexR>div {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mysearchDetail .mysearchData .myflexL>div,
.mysearchDetail .mysearchData .myflexR>div {
    padding: 20px 0;
}

.mysearchDetail .mysearchData .myflexR>div>div {
    min-width: 150px;
    width: 150px;
    padding: 0 10px;
    word-break: break-all;
}

.mysearchDetail .mysearchData .myflexR>div>div:nth-child(1) {
    padding-left: 48px;
}

.mysearchDetail .mysearchData .myflexR>div>div:nth-last-child(1) {
    padding-right: 0;
}

.mysearchDetail .myflexR>div>div:nth-child(n+2) {}

.mysearchDetail .myflexR>div>div:nth-child(1) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.mysearchDetail .mysearchData .myflexL,
.mysearchDetail .mysearchData .myflexR {
    border-top: 1px solid #bdbdbd;
}

.mysearchDetail .mysearchData+.mysearchData .myflexR {}

.mysearchDetail .mysearchData .toggleColor {
    background-color: #eeeeee;
}

.mysearchDetail .mysearchData .myflexL {
    border-right: 1px solid #bdbdbd;
}

.mysearchDetail .mysearchData .myflexR>div {
    border-bottom: 1px solid #bdbdbd;
}

.mysearchDetail .mysearchData:not(.last) .myflexR>div:nth-last-child(1) {
    border-bottom: 0;
}

.mysearchDetail .mysearchData.last {}

.myol ol>li {
    padding-left: 10px;
}

/*======*/
.myDocument {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myDocumentMenu {
    min-width: 25%;
    width: 25%;
    padding-right: 25px;
    padding-top: 35px;
}

.myDocumentIndex {
    position: fixed;
    overflow-y: auto;
    padding-right: 20px;
}

.mainArea .myDocumentMenu .mybtn {
    margin: 0;
}

.myDocumentIndex .heading a {
    font-size: 1.1111em;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

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

.myDocumentIndex .sidebar ul ul {
    padding-left: 35px;
}

.myDocumentIndex .sidebar ul li.active>ul {}

.myDocumentIndex .sidebar ul li {}

.myDocumentIndex .sidebar ul li>a {
    display: block;
    font-size: 0.8889em;
    padding: 10px 0;
    line-height: normal;
}

.myDocumentIndex .sidebar ul.lv0>li>a {
    font-weight: bold;
}

.myDocumentIndex .sidebar ul li>a>span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.myDocumentIndex .sidebar ul li>a>span>span:nth-child(1) {
    min-width: 35px;
    width: 35px;
    max-width: 35px;
}

.myDocumentIndex .sidebar ul li.ext>a:before {}

.myDocumentIndex .sidebar ul li.ext.active>a:before {}

.myDocumentIndex .sidebar ul li a {}

.myDocumentContent {
    padding: 4px 0;
    padding-top: 20px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.myDocumentContent .mytable {
    margin: 20px 0;
    overflow: auto;
    max-width: 100%;
}

.myDocumentContent .mytable table {
    min-width: 990px;
}

.hdlv0,
.hdlv1 {
    margin-bottom: 1.4em;
    font-size: 1.3333em;
    font-weight: bold;
}

.hdlv1 {
    margin-top: 8px;
}

.hdlv2 {
    margin-bottom: 1.4em;
    font-weight: bold;
}

.myDocumentContent .page {}

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

.myDocumentContent ul ul {
    margin-top: 1em;
}

.myDocumentContent .page table th,
.myDocumentContent .page table td {
    border: 1px solid #000;
    border-collapse: collapse;
}

.myflex.flexNo {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flexNo>div:nth-child(1) {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.flexNo>div:nth-child(2) {
    max-width: calc(100% - 50px);
}

.myflex.flexnowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.myflex.flexnowrap>*:not(.myBtn):not(.myBookmark) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/*=================*/
.myGuidance .shead {
    text-align: center;
}

.myGuidance .center {
    text-align: center;
}

.myGuidance .right {
    text-align: right;
}

.myGuidance .half {
    width: 50%;
}

.myGuidance .fakeList {
    padding-left: 30px;
    margin: 1.4em 0;
    line-height: 1.6em;
}

.myGuidance .fakeList ul,
.myGuidance .fakeList ol {
    margin-bottom: 0;
}

.myGuidance .fakeList .fakeList,
.myGuidance ul .fakeList,
.myGuidance ol .fakeList {
    margin: 10px 0;
    line-height: 1.6em;
}

.myGuidance br+.fakeList {
    margin-top: 10px;
}

.myGuidance .fakeList+br {
    display: none;
}

.myGuidance .fakeTable {
    margin: -8px;
    margin: 1.4em 0;
}

.myGuidance br+.fakeTable {
    margin-top: 0;
}

.myGuidance .fakeTable+br {
    display: none;
}

.myGuidance .myTable {
    max-width: 100%;
    overflow: auto;
}

.myGuidance .myTable table {
    min-width: 990px;
}

.myGuidance .myTable table[data-border="1"] th,
.myGuidance .myTable table[data-border="1"] td {
    border-collapse: collapse;
    border: 1px solid #2c2c2c;
}

/*=============*/
.section4 .leftMenu .menuLv0>li>a {
    position: relative;
    padding-right: 50px;
}

.section4 .leftMenu .menuLv0>li>a:after {
    content: "";
    width: 28px;
    height: 28px;
    right: 15px;
    top: 16px;
    position: absolute;
}

.section4 .leftMenu .menuLv0>li:nth-child(1)>a:after {
    background-image: url(../images/menuicon/icon_10.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(1)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(1)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(1)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(1)>a:active:after {
    background-image: url(../images/menuicon/icon_10_i.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(2)>a:after {
    background-image: url(../images/menuicon/icon_11.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(2)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(2)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(2)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(2)>a:active:after {
    background-image: url(../images/menuicon/icon_11_i.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(3)>a:after {
    background-image: url(../images/menuicon/icon_2.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(3)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(3)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(3)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(3)>a:active:after {
    background-image: url(../images/menuicon/icon_2_i.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(4)>a:after {
    background-image: url(../images/menuicon/icon_4.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(4)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(4)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(4)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(4)>a:active:after {
    background-image: url(../images/menuicon/icon_4_i.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(5)>a:after {
    background-image: url(../images/menuicon/icon_6.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(5)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(5)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(5)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(5)>a:active:after {
    background-image: url(../images/menuicon/icon_6_i.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(6)>a:after {
    background-image: url(../images/menuicon/icon_3.svg);
}

.section4 .leftMenu .menuLv0>li:nth-child(6)>a.active_sub_section:after,
.section4 .leftMenu .menuLv0>li:nth-child(6)>a.active_sub_section.active_section_sub:after,
.section4 .leftMenu .menuLv0>li:nth-child(6)>a:hover:after,
.section4 .leftMenu .menuLv0>li:nth-child(6)>a:active:after {
    background-image: url(../images/menuicon/icon_3_i.svg);
}

/*===========*/
.bodyArea h1 {
    font-family: Lexend;
    font-size: 3rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
}

.chineseVersion .bodyArea h1 {
    font-size: 4rem;
}

.bodyArea h2,
.bodyArea .h2 {
    font-family: Lexend;
    font-size: 2.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
    margin: .75rem 0 1.25rem 0;
    text-transform: uppercase;
}

.chineseVersion .bodyArea .h2 {
    font-size: 3.33rem;
}

.bodyArea h3,
.bodyArea .h3 {
    font-family: Lexend;
    font-size: 2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
    margin: .75rem 0 1.25rem 0;
}

.chineseVersion .bodyArea .h3 {
    font-size: 2.67rem;
}

.bodyArea h4,
.bodyArea .h4 {
    font-family: Lexend;
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
    margin: 1rem 0;
}

.chineseVersion .bodyArea .h4 {
    font-size: 2rem;
}

body.chineseVersion #flexslider-mb3 .title.h4 {
    font-size: 1.67rem;
}
.sub-menu {
    font-family: Lexend;
    font-size: 1.75rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #9e9e9e;
}

.chineseVersion .sub-menu {
    font-size: 2.33 rem;
}

.menu-1 {
    font-family: Lexend;
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
}

.chineseVersion .menu-1 {
    font-size: 2rem;
}

.menu-2 {
    font-family: Lexend;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #191919;
}

.chineseVersion .menu-2 {
    font-size: 1.33rem;
}

.body-1 {
    font-family: Lexend;
    font-size: 1.125rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #424242;
}

.chineseVersion .body-1 {
    font-size: 1.5rem;
}

.body-2 {
    font-family: Lexend;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #424242;
}

.chineseVersion .body-2 {
    font-size: 1.33rem;
}

.button-1 {
    font-family: Lexend;
    font-size: 1.25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
}

.chineseVersion .button-1 {
    font-size: 1.67rem;
}

.caption-1 {
    font-family: Lexend;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #757575;
}

.chineseVersion .caption-1 {
    font-size: 1.167rem
}

.caption-2 {
    font-family: Lexend;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #757575;
}

.chineseVersion .caption-2 {
    font-size: 1.33rem;
}

.intro-1 {
    font-family: Lexend;
    font-size: 2rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
}

.chineseVersion .intro-1 {
    font-size: 2.67rem;
}

.intro-2 {
    font-family: Lexend;
    font-size: 1.5rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
}

.chineseVersion .intro-2 {
    font-size: 2rem;
}

.tagline-1 {
    font-family: Lexend;
    font-size: 4rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #310496;
}

.chineseVersion .tagline-1 {
    font-size: 5.33rem;
}

.tagline-2 {
    font-family: Lexend;
    font-size: 2.25rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #310496;
}

.chineseVersion .tagline-2 {
    font-size: 3rem;
}

.tagline-3 {
    font-family: Lexend;
    font-size: 2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #310496;
    margin: .75rem 0 1.25rem 0;
}

.chineseVersion .tagline-3 {
    font-size: 2.67rem;
}

.footer-title {
    font-family: Lexend;
    font-size: 1.125rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212121;
}

.chineseVersion .footer-title {
    font-size: 1.5rem;
}

/*=====*/
/*==========================*/
.bodyArea h1 {
    text-transform: uppercase;
    /*
	margin-top:3.25rem;*/
    margin-top: 0.5rem;
    margin-bottom: 3.25rem;
}

.bodyArea h1.myheading1 {
    color: #23086f;
}

.bodyArea .pageorg+h2 {
    margin-top: 1.65625rem;
}

.footerLogo .logo_chk {
    display: inline-block;
    text-decoration: none;
    color: #212121;
    margin-bottom: 1.5rem;
    margin-right: 1rem;
    max-width: 19rem;
}

.footerLogo .logo_chk img {
    width: auto;
    max-width: 100%;
    text-align: left;
}

.footerLogo .logo_chk a .txt {
    display: block;
    width: 22.563rem;
    max-width: 100%;
    padding-top: 0.075rem;
    padding-bottom: 0.075rem;
    font-size: .875rem;
}

/*==============*/
.flexheading {
    padding-bottom: 2.9685rem;
}

.flexheading>div {
    width: 50%;
}

.flexheading .fh-h {
    padding-right: 7rem;
    text-transform: uppercase;
}

.flexheading .fh-c {
    padding-left: 4.831rem;
    line-height: 2.25rem;
    font-size: 1.5rem;
}

.flexTCLI {
    padding: 6.6565rem 0;
}

.flexTCLI>div:nth-child(1) {
    width: 28.25rem;
    /*max-width:100vw;*/
    max-width: 100%;
}

.flexTCLI>div:nth-child(2) {
    width: 74.438rem;
    /*max-width:100vw;*/
    max-width: 100%;
    padding-left: 3.219rem;
}

.flexTCLI .title {
    margin-bottom: 3.125rem;
    margin-top: 0;
}

.flexTCLI .content {
    margin-bottom: 3rem;
}

.flexTCLI .link {
    margin: 1rem 0;
}

.chineseVersion .flexTCLI .link:not(.morebtn) a {
    font-size: 1.67rem;
}

.flexTCLI .link:not(.morebtn) a {
    position: relative;
    display: inline-block;
    padding-right: 2.375rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.flexTCLI .link:not(.morebtn) a:after {
    content: "";
    position: absolute;
    top: 0.25rem;
    right: .625rem;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.mainAreaStatistic {
    background-color: #310496;
    color: #fff;
}

.mainAreaStatistic a {
    color: #fff;
}

.mainAreaStatistic {}

.mainAreaStatistic .heading {
    padding-top: .538rem;
    padding-bottom: 2.843rem;
}

.mainAreaStatistic .heading .main {
    margin: .438rem 0;
    font-size: 2.25rem;
    font-weight: bold;
    text-transform: uppercase;
}

.mainAreaStatistic .heading .date {
    margin: .438rem 0;
}

.mainAreaStatistic .contentArea>div {
    width: 50rem;
    /*max-width:100vw;*/
    max-width: 100%;
    border-top: .25rem solid #fff;
}

.mainAreaStatistic .contentArea .topic {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1.844rem 0;
    margin-bottom: 3.469rem;
}

.mainAreaStatistic .typeList>div {
    position: relative;
    padding: 2.5rem 1rem 2.5rem 8.875rem;
}

.mainAreaStatistic .typeList>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6.25rem;
    height: 6.25rem;
    background-size: contain;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mainAreaStatistic .typeList>div.mastype1:before {
    background-image: url(../images/icon/icon_theaters2.svg);
}

.mainAreaStatistic .typeList>div.mastype2:before {
    background-image: url(../images/icon/icon_form.svg);
}

.mainAreaStatistic .typeList>div.mastype3:before {
    background-image: url(../images/icon/icon_awards2.svg);
}

.mainAreaStatistic .typeList>div.mastype4:before {
    background-image: url(../images/icon/icon_funding.svg);
}

.mainAreaStatistic .typeList>div>div {
    margin: .5rem 0;
}

.mainAreaStatistic .typeList .value {
    font-size: 3.75rem;
    font-weight: bold;
}

.mainAreaStatistic .typeList .subvalue {
    font-size: 1.5rem;
    font-weight: bold;
}

.mainAreaStatistic .chart>div {}

.mainAreaStatistic .chart .chartImg {
    width: 20.264rem;
    /*max-width:100vw;*/
    max-width: 100%;
}

.mainAreaStatistic .chart .chartDetailList {
    width: 27.25rem;
    /*max-width:100vw;*/
    max-width: 100%;
    padding-left: 1rem;
}

.mainAreaStatistic .chart .chartDetailList>div {
    margin: 1.813rem 0;
}

.mainAreaStatistic .chart .chartDetailList>div:nth-child(1) {
    margin-top: 0;
}

.mainAreaStatistic .chart .tag {
    font-size: 1rem;
    color: #301596;
    padding: 0.5rem 1rem;
    background-color: #fff;
    margin-right: 1rem;
}

.mainAreaStatistic .chart .value {
    font-size: 2.25rem;
}

.mainAreaStatistic .chart .title {
    font-size: 1rem;
    margin: 1rem 0;
}

.blankSlider {
    position: relative;
    z-index: 10;
}

.blankSlider .coverlink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}

.blankSlider .coverlink span {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: -1;
}

.blankSlider .flexslider .slides {
    margin-left: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.blankSlider .coverlink:focus+.flexslider .slides,
.blankSlider .coverlink:hover+.flexslider .slides {
    margin-left: -7rem;
}

.numberListGray {
    background-color: #eee;
    color: #000;
}

.numberListGray .heading {
    font-size: 2rem;
}

.numberListGray .listArea {
    margin: 4.469rem -2.062rem;
}

.numberListGray .listArea>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4.125rem 0;
    border-bottom: .063rem solid #a7a7a7;
}

.numberListGray .listArea>div:nth-child(1) {
    border-top: .063rem solid #a7a7a7;
}

.numberListGray .listArea>div>div:nth-child(1) {
    width: 8.906rem;
    padding-right: 1rem;
    border-right: .063rem solid #a7a7a7;
    font-size: 3.563rem;
    color: #505050;
}

.numberListGray .listArea>div>div:nth-child(2) {
    padding-left: 5.969rem;
    font-size: 2rem;
}

.pageheader {
    padding-top: 6.313rem;
    ;
    background-repeat: no-repeat;
    background-position: 7.5rem 0;
    background-size: contain;
    background-size: calc(100% - 7.5rem);
}

/* .pageheader.ph-intro{
	background-image:url(../images/banner/img_header_banner1.jpg);
} */
.pageheader .heading {
    margin-bottom: 6.313rem;
}

.pageheader .heading .border {
    padding: 4.625rem 4.5rem;
    background-color: rgba(88, 0, 190, .8);
    color: #fff;
    width: 53.875rem;
    /*max-width:100vw;*/
    max-width: 50%;
    text-transform: uppercase;
    /* font-size: 4rem; */
    font-size: min(4.375vw, 5.313rem);
    font-weight: bold;
}

.pageheader .detail {}

.pageheader .detail .border {
    margin-left: auto;
    width: 90.063rem;
    /*max-width:100vw;*/
    max-width: 100%;
    padding: 5.375rem 7.125rem;
    background-color: #fff;
}

.pageheader .detail,
.pageheader .detail a {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.25rem;
}

.pageheader .detail p {
    margin-bottom: 2.063rem;
}

.pageheader .detail .title {
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 2.063rem;
}

/*==========================*/
.morebtn a {
    display: inline-block;
    padding: 1.125rem 2.25rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    text-align: center;
    border-radius: .25rem;
    border: .25rem solid #000;
    -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;
}

.morebtn a:focus,
.morebtn a:hover {
    background-color: #5800be;
    border: .25rem solid #5800be;
    color: #fff;
}

.mypage_wn {
    padding: 0 0 2.5rem 0;
    border-bottom: .063rem solid #bdbdbd;
}

.mytag_wn {
    margin: 0 -1.5rem;
}

.mypage_wn.pageorg {
    padding: 1.65625rem 0;
}

.myflex>.mypage_wn {
    border-bottom: 0;
}

.mytag_wn a {
    color: #bdbdbd;
    font-size: 1.75rem;
    font-weight: bold;
    padding: 0 1.5rem;
    position: relative;
    text-transform: uppercase;
    display: block;
}

.mytag_wn div:not(:nth-last-child(1))>a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5%;
    bottom: 5%;
    background-color: #bdbdbd;
    width: 0.0625rem;
}

.mytag_wn .active a {
    color: #7a03e2;
}

.mylist {
    margin-bottom: 7.844rem;
}

.mylist>div {
    padding: 1.9875rem 0;
    border-bottom: 0.063rem solid #bdbdbd;
}

.mylist>div:nth-child(1) {
    border-top: 0.063rem solid #bdbdbd;
}

.mylist>div>div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-dt .date {
    font-size: 1rem;
    padding-left: 1.625rem;
    width: 11.563rem;
    min-width: 11.563rem;
    margin: 0.325rem 0;
    /*max-width:100vw;*/
    max-width: 100%;
    position: relative;
    color: #757575;
}

.list-dt .date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icon/icon_time.svg);
}

.list-dt .title {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.list-dt .title a {
    font-size: 1.5rem;
    font-weight: bold;
}

.chineseVersion .list-dt .title a {
    font-size: 2rem;
}

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

.pagecontrol .pages {
    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;
}

.pagecontrol .pages .direct a {
    display: block;
    padding: .25rem 1.688rem;
    color: #000;
    text-transform: uppercase;
}

.pagecontrol .pages .direct a:focus,
.pagecontrol .pages .direct a:hover {
    color: #7a03e2;
}

.pagecontrol .pages a {
    display: block;
    padding: .25rem .75rem;
    color: #9e9e9e;
}

.pagecontrol .pages a:focus,
.pagecontrol .pages a:hover,
.pagecontrol .pages .active a {
    color: #7a03e2;
}

.mypage_filter {
    padding: 1.129rem 0;
    /*
	border-top: .063rem solid #bdbdbd;*/
    border-bottom: .063rem solid #bdbdbd;
}

.mypage_filter .fnk_hd {
    padding-left: 2.865rem;
    position: relative;
    width: 100%;
}

.mypage_filter.active .fnk_hd {
    color: #7a03e2;
}

.mypage_filter .fnk_hd:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.706rem;
    height: 1.706rem;
    background-image: url(../images/icon/icon_filter.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;
}

.chineseVersion .mypage_filter .fnk_hd:before {
    height: 2rem;
}

.mypage_filter.active .fnk_hd:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: invert(24%) sepia(97%) saturate(7480%) hue-rotate(273deg) brightness(84%) contrast(117%);
    filter: invert(24%) sepia(97%) saturate(7480%) hue-rotate(273deg) brightness(84%) contrast(117%);
}

.mypage_filter .keyword {
    display: none;
    width: 100%;
    margin: .625rem -.625rem;
}

.mypage_filter.active .keyword {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mypage_filter .keyword>div {
    padding: .625rem;
}

.mypage_filter .keyword>div a {
    display: block;
    background-color: #EEE;
    color: #000;
    border-radius: .25rem;
    padding: 1.125rem 2.25rem;
    /* text-transform: uppercase; */
    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;
}

body.chineseVersion .mypage_filter .keyword>div a {
    font-size: 1rem;
}

.mypage_filter.active2 .keyword>div a {
    opacity: 1;
}

.mypage_filter .keyword>div a:focus,
.mypage_filter .keyword>div a:hover {
    color: #fff;
    background-color: #7a03e2;
}

.mypage_filter *.btnat_0,
.mypage_filter.active *.btnat_1 {
    display: inline-block;
}

.mypage_filter.active *.btnat_0,
.mypage_filter *.btnat_1 {
    display: none;
}

.mypage_grid .mypage_content {
    margin: 0 -1.875rem;
}

.mypage_grid .mypage_content>div {
    width: 35.25rem;
    /*max-width:100vw;*/
    max-width: 100%;
    padding: 0;
}

.mypage_grid .mypage_content .border {
    padding: 2.1875rem 1.875rem;
}

.mypage_grid .cover {
    width: 32.5rem;
    /*max-width:100vw;*/
    max-width: 100%;
    margin-bottom: 1.25rem;
    background-color: #f3f3f3;
    background-image: url(../images/img_default_thumbnail.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5.75rem auto;
    border: .125rem solid #d8d8d8;
    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;
    overflow: hidden;
}

.mypage_grid .cover img {
    transition: all .3s ease-in-out;
}

.mypage_grid .cover:hover img {
    transform: scale(1.1);
    transform-origin: center;
}

/* .mypage_grid .cover img {
    max-width: none;
    width: 32.5rem;
} */
.mypage_grid .header {
    font-size: 1rem;
    color: #757575;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mypage_grid .type {
    padding: .25rem .75rem;
    border-radius: .25rem;
    border: .0625rem solid #757575;
    /* margin: .625rem 1.313rem; */
    margin-left: 0;
}

.mypage_grid .date {
    font-size: 1rem;
    padding-left: 1.625rem;
    position: relative;
    /* margin: .625rem 1.313rem; */
    margin-left: 0;
}

.mypage_grid .date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icon/icon_time.svg);
}

.mypage_grid .title {
    padding: .625rem 0;
}

.mypage_grid .title a {
    /*
	font-size: 1.5rem;
	font-weight: bold;*/
}

.myinfo {
    margin-bottom: 5.188rem;
}

.myinfo .cover {
    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;
    min-width: 53.126rem;
    width: 53.126rem;
    /*max-width:100vw;*/
    max-width: 100%;
    text-align: center;
}

.myinfo .cover img {
    display: block;
    margin: auto;
    width: 22.438rem;
}

.myinfo .detail h2 {
    margin-bottom: 2.375rem;
}

.myinfo .detail .tab {
    font-size: 1.25rem;
    margin-bottom: 3rem;
}

.myinfo .detail .tab a {
    color: #9e9e9e;
    padding-right: 2.438rem;
}

.myinfo .detail .tab a:hover,
.myinfo .detail .tab a:focus,
.myinfo .detail .tab .active a {
    color: #7a03e2;
}

.dptool {
    font-size: .875rem;
    margin-bottom: auto;
}

.dptool .mydisplay>div,
.dptool .mydisplay>div a {
    color: #757575;
}

.dptool .mydisplay>div.active,
.dptool .mydisplay>div.active a {
    color: #7a03e2;
}

.dptool .mydisplay>div a {
    position: relative;
    padding-left: 4.56rem;
    padding-right: 1.375rem;
}

.dptool .mydisplay>div a:before {
    content: "";
    position: absolute;
    left: 1.375rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.dptool .mydisplay>div.mdp_grid a:before {
    background-image: url(../images/icon/icon_grid.svg);
}

.dptool .mydisplay>div.mdp_grid.active a:before {
    background-image: url(../images/icon/icon_grid_i.svg);
}

.dptool .mydisplay>div.mdp_list a:before {
    background-image: url(../images/icon/icon_list.svg);
}

.dptool .mydisplay>div.mdp_list.active a:before {
    background-image: url(../images/icon/icon_list_i.svg);
}

.funding_list>div {
    border-top: .063rem solid #bdbdbd;
    padding: 5rem 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.funding_list .info {
    padding-right: 5rem;
}

.funding_list .header {
    font-size: 1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
}

.funding_list .type {
    position: relative;
    padding-right: 1.094rem;
    color: #757575;
    text-transform: uppercase;
    margin-right: 1.094rem;
}

.funding_list .type:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: .0625rem;
    background-color: #757575;
}

.funding_list .date {
    position: relative;
    padding-left: 1.813rem;
    padding-right: 1.5rem;
    /* text-transform: uppercase; */
}

.funding_list .date:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.125rem;
    height: 1.25rem;
    background-image: url(../images/icon/icon_data.svg);
}

.funding_list .tag {
    color: #000;
    padding: 0.25rem 0.75rem;
    border-radius: .25rem;
}

.funding_list .tag.tag1 {
    background-color: #36fdc0;
}

.funding_list .tag.tag2 {
    background-color: #ff93ac;
}

.funding_list h3 {
    margin-bottom: 2.5rem;
}

.funding_list .content {
    margin-bottom: 4.313rem;
}

.funding_list .morebtn {
    display: inline-block;
}

.funding_list .morebtn a {
    display: block;
}

.funding_list .cover {
    min-width: 48.063rem;
    width: 48.063rem;
    /*max-width:100vw;*/
    max-width: 100%;
}

/*======================*/
.fffiHeading {
    position: relative;
    margin-bottom: 3.75rem;
}

.fffiHeading .h3 {
    margin-bottom: 1.25rem;
}

.fffiHeading .tag {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #310496;
    color: #fff;
    padding: 1.5625rem;
    padding-left: 7.5rem;
}

.fffiHeading .tag>div {
    position: relative;
    padding-left: 4.6875rem;
}

.fffiHeading .tag>div:not(:nth-last-child(1)) {
    margin-right: 4.3125rem;
}

.fffiHeading .tag>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3.1875rem;
    height: 3.1875rem;
    background-size: contain;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.fffiHeading .tag>div.mastype1:before {
    background-image: url(../images/icon/icon_theaters2.svg);
}

.fffiHeading .tag>div.mastype2:before {
    background-image: url(../images/icon/icon_form.svg);
}

.fffiHeading .tag>div.mastype3:before {
    background-image: url(../images/icon/icon_awards2.svg);
}

.fffiHeading .tag>div.mastype4:before {
    background-image: url(../images/icon/icon_funding.svg);
}

.fffiHeading .tag>div>div {
    margin: 0;
}

.fffiHeading .tag .session {
    font-size: 0.77777777777777777777777777777778rem;
}

.fffiHeading .tag .value {
    font-size: 1.7777777777777777777777777777778rem;
    font-weight: bold;
}

.fffiHeading>.title {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 1rem;
}

#flexslider-fffi .border {
    padding: 0 0.75rem;
}

#flexslider-fffi .detail {
    margin-top: 0.875rem;
}

#flexslider-fffi .detail .session {}

#flexslider-fffi .detail .title {
    font-size: 1.5rem;
}

.bodyArea ul.purpleList {
    padding-left: 0;
    margin-bottom: 2.5rem;
}

.bodyArea ul.purpleList ul {
    list-style-type: disc;
}

.purpleList>li {
    list-style-type: none;
    padding-left: 1.5rem;
    position: relative;
    margin: 1rem 0;
    line-height: 1.75rem;
}

.chineseVersion .purpleList>li {
    line-height: normal;
}

.purpleList li {
    margin: 1rem 0;
}

.purpleList>li:before {
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: 0;
    border-radius: 10rem;
    width: 1rem;
    height: 1rem;
    background-color: #dbaeeb;
}

.noteArea {
    font-size: 0.875rem;
    color: #797979;
    margin: 5rem 0;
    line-height: 1.75rem;
}

.videoList {
    margin: 0 -.75rem;
}

.videolinkDiv {
    width: 100%;
    padding: 0.75rem;
}

.videoList.myflex>div.videolinkDiv {
    width: 100%;
    max-width: 51.75rem;
}

.videolinkDiv {
    margin-bottom: 3rem;
}

.videolinkDiv .videoBorder {
    position: relative;
    width: 100%;
    padding-bottom: 56.211180124223602484472049689441%;
    margin-bottom: 1.5625rem;
}

.videolinkDiv .videoBorder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videolinkDiv .title {
    margin-bottom: 1rem;
}

.videolinkDiv .subtitles {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.videolinkDiv .subtitles a {
    position: relative;
    padding-right: 2rem;
}

.videolinkDiv .subtitles a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_subtitles.svg);
}

.chineseVersion .formList {
    font-size: 1.67rem;
}

.formList {
    margin: 1.25rem 0;
    font-size: 1.25rem;
}

.formList a {
    display: block;
    padding: 1.375rem 0;
    border-bottom: .0625rem solid #757575;
    color: #7a03e2;
}

.formList a .cont {
    padding-right: 1rem;
}

.formList a .pdfIcon {
    position: relative;
    color: #7a7a7a;
    padding-left: 2rem;
    padding-right: 1rem;
    font-size: 1rem;
}

.formList a .pdfIcon:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_pdf.svg);
}

.formList a .linkIcon {
    position: relative;
    color: #7a7a7a;
    padding-left: 2rem;
    padding-right: 0.35rem;
    font-size: 1rem;
}
.chineseVersion .formList a .linkIcon {
    padding-right: 0.95rem;
}
.formList a .linkIcon:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.2rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_newwindow.svg);
}
.formList a .xlsIcon {
    position: relative;
    color: #7a7a7a;
    padding-left: 2rem;
    padding-right: 0;
    font-size: 1rem;
}

.formList a .xlsIcon:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/icon_table.svg);
}

.formList>div:nth-child(1) a {
    border-top: .0625rem solid #757575;
}

.chineseVersion .mainArea p.myNote {
    font-size: 1.33rem;
}

.mainArea p.myNote {
    color: #7a7a7a;
    text-transform: uppercase;
    font-size: 1rem;
}

.mainArea p.myNote a {
    text-transform: none;
}

/*==================*/
.mySelectorTool {
    border-top: 0.063rem solid #bdbdbd;
    padding: 2.5rem 0;
}

.mySelectorTool.myflex.flexBetween {
    align-items: stretch;
    gap: 1rem;
}
.myflex.mySelectorWrapper {
    gap: 1rem;
}
.apList {
    margin-bottom: 3.8125rem;
}

.apList .border {
    padding: 2.5rem 0;
    border-top: 0.063rem solid #bdbdbd;
}

.apList .border:nth-child(1) {
    border-top: 0.063rem solid #fff;
}

/* approved project list */

.apList .mygrid {
    display: -ms-grid;
    display: grid;
    gap: 0 16px;
    -ms-grid-columns: 20% 16px auto 16px 20%;
    grid-template-columns: 20% auto 20%;
}

.apList .mygrid.no-cover {
    -ms-grid-columns: 20% 16px auto;
    grid-template-columns: 20% auto;
}

/* approved proejct list ends */

.apList .myflex>div {
    min-width: 20%;
}

.apList .myflex>div:nth-child(2) {
    min-width: 60%;
}

.apList .type {
    font-size: .875rem;
    color: #757575;
    margin-bottom: .875rem;
}

.apList .fund {
    font-size: 2rem;
    font-weight: bold;
    color: #310496;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.apList .date {
    font-size: .875rem;
    color: #757575;
    margin-top: .875rem;
    margin-bottom: .875rem;
}

.apList .title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.apList .detail>div {
    margin: 1rem 0;
}

.apList .group {
    font-size: 2rem;
    font-weight: bold;
    color: #310496;
    margin-bottom: 1.25rem;
}

.apList.apList2 .border>.myflex>div {
    padding-right: 1rem;
}

/*==================*/
.myTable {
    overflow: auto;
    max-width: 100%;
}

.myTable table {
    min-width: 50rem;
}

.myTable td,
.myTable th {
    padding: 0.25rem;
}

/*==================*/
.mysquare {
    margin: 0 -1.3125rem;
}

.mysquare>div {
    width: 34.875rem;
    padding: 1.25rem 1.3125rem;
}

.mysquare .cover {
    margin-bottom: 1.5rem;
}

.mysquare a {
    display: block;
}

.mysquare a .cover {
    max-width: 100%;
    width: 33.25rem;
    height: 19.5625rem;
    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;
    background-color: #fafafa;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0.125rem solid #fafafa;
}

.mysquare a .cover.empty {
    background-image: url(../images/img_default_thumbnail.jpg);
    background-color: #f3f3f3;
    border: 0.125rem solid #bdbdbd;
}

.mysquare a .cover img {
    width: auto;
    background-color: #fafafa;
}

.mysquare a .cover img[src$=".jpg"] {
    /* Remove white background for jpg */
    mix-blend-mode: multiply;
}

.mysquare a .title {
    /*
	padding:0 3.08rem;*/
    text-align: center;
}

.mysquare a .nWn {
    position: relative;
    display: inline-block;
    padding: 0 2.153125rem;
}

.mysquare a .nWn:after {
    content: "";
    position: absolute;
    right: 0;
    top: .125rem;
    width: 1.403125rem;
    height: 1.403125rem;
    background-image: url(../images/icon/icon_newwindow.svg);
}

.list-dt .pdfIcon a,
.list-dt .linkIcon a {
    position: relative;
    display: inline-block;
    padding-right: 2.5rem;
}

.list-dt .pdfIcon a:before,
.list-dt .linkIcon a:before {
    content: "";
    position: absolute;
    right: .25rem;
    top: .25rem;
    width: 1.5rem;
    height: 1.5rem;
}

.list-dt .pdfIcon a::before {
    background-image: url(../images/icon/icon_pdf.svg);
}

.list-dt .linkIcon a::before {
    background-image: url(../images/icon/icon_newwindow.svg);
}

.contactArea.myflex>div:nth-child(1) {
    width: 32%;
    max-width: 100%;
    padding-top: 5.625rem;
}

.contactArea.myflex>div:nth-child(2) {
    width: 68%;
    max-width: 100%;
}

.contactDetail>div {
    margin: 2rem 0;
    padding-left: 2.125rem;
    position: relative;
}

.contactDetail>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.contactDetail .tel:before {
    background-image: url(../images/icon/icon_tel.svg);
}

.contactDetail .mail:before {
    background-image: url(../images/icon/icon_mail.svg);
}

.contactDetail .fax:before {
    background-image: url(../images/icon/icon_print.svg);
}

.contactDetail .loc:before {
    background-image: url(../images/icon/icon_location.svg);
}

.contactDetail .time:before {
    background-image: url(../images/icon/icon_time.svg);
}

/*==================*/
.projectdetail .header {
    font-size: 1rem;
    color: #757575;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.projectdetail .type {
    padding: .25rem .75rem;
    border-radius: .25rem;
    border: .0625rem solid #757575;
    margin: .625rem 1.313rem;
    margin-left: 0;
}

.projectdetail .date {
    font-size: 1rem;
    padding-left: 1.625rem;
    position: relative;
    margin: .625rem 1.313rem;
    margin-left: 0;
}

.projectdetail .date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icon/icon_time.svg);
}

.projectdetail .illus {
    margin-top: 2.8125rem;
    margin-bottom: 3.875rem;
}

.projectdetail .flexillus {
    margin: 1.375rem -0.75rem;
}

.projectdetail .flexillus>div {
    width: 52.25rem;
    padding: 0.75rem;
}

.projectdetail .flexillus .illus {
    margin-bottom: 1rem;
}

/*==================*/
.memberListHead {
    text-align: right;
}

.memberList {
    margin-top: 1.625rem;
    margin-bottom: 2.90625rem;
}

.memberList .position {
    font-weight: bold;
    font-size: 2rem;
    width: 26.625rem;
    padding-right: 1rem
}

.memberList .list {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.memberList .formList {
    margin: 0;
    font-size: 1.125rem;
}

.chineseVersion .memberList .formList {
    font-size: 1.5rem;
}

.memberList .formList .border {
    display: block;
    padding: 1.375rem 0;
    padding-left: 1.375rem;
    border-bottom: .0625rem solid #d6d6d6;
}

.memberList .formList .border:nth-child(1) {
    border-top: .0625rem solid #d6d6d6;
}

.memberList .formList a {
    color: #424242;
    border-bottom: .0625rem solid #757575;
}

.memberList .formList>div:nth-child(1) a {
    border-top: .0625rem solid #757575;
}

.memberList+.memberList .formList>div:nth-child(1) a {
    border-top: 0;
}

.memberList .formList a .myflex {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.memberList .formList .border .cont {
    padding-right: 1rem;
}

.memberList .formList a .pdfIcon {
    text-align: center;
    width: 13rem;
}

.flexMember {
    margin: 0 -0.75rem;
}

.flexMember>div {
    width: 31.495rem;
    padding: 0 .75rem;
    margin-bottom: 0.75rem;
}

.flexMember ol {
    padding-left: 0;
    list-style-position: inside;
}

.flexMember ol>li {
    margin: .75rem 0;
}

/*==================*/
*[data-align="left"] {
    text-align: left;
}

*[data-align="right"] {
    text-align: right;
}

*[data-align="center"] {
    text-align: center;
}

*[data-border="0"] {
    border: 0;
}

*[data-border="1"] {
    border: .0625rem solid #000;
}

*[data-width="100%"] {
    width: 100%;
}

/*==================*/
.flexOrgHeader>div:nth-child(1) {
    width: 34rem;
    max-width: 100%;
}

.flexOrgHeader>div:nth-child(2) {
    width: 62.5rem;
    max-width: 100%;
}

.org_chart_container {
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
}

.org_chart_container .chart {
    margin-bottom: 10.5625rem;
}

.chart,
.chart ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.mainContent .chart,
.mainContent .chart ul {
    padding: 0;
}

.chart.chart_mark_to_down {
    margin-bottom: 18rem;
}

.chart li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    max-width: 100%;
}

.chart ul li {
    position: relative;
    padding: 2rem 0 0 0;
    margin: 0;
}

.chart ul.to4>li {
    width: 25%;
}

.chart ul li:before {
    content: "";
    position: absolute;
    width: 50%;
    width: calc(50% + .0625rem);
    height: 2rem;
    top: -.0625rem;
    left: 0;
    border-top: .0625rem solid #707070;
}

.chart ul li:after {
    content: "";
    position: absolute;
    width: 50%;
    width: calc(50% - 0rem);
    height: 2rem;
    top: -.0625rem;
    right: 0;
    border-top: .0625rem solid #707070;
    border-left: .0625rem solid #707070;
}

.chart ul li:first-child:before {
    content: normal;
}

.chart ul li:last-child:before {
    border-right: .0625rem solid #707070;
}

.chart ul li:last-child:after {
    content: normal;
}

.chart ul li:only-child {
    position: relative;
    padding-top: 0;
}

.chart ul li:only-child:before,
.chart ul li:only-child:after {
    content: normal;
}

.chart ul {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 0;
}

.chart ul:before {
    content: "";
    position: absolute;
    left: 50%;
    margin: auto;
    bottom: 100%;
    width: .0625rem;
    height: 2rem;
    background-color: #707070;
}

.chart_mark_to_down_holder {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart_mark_to_down_line {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(0deg, #bbb, #bbb 75%, transparent 75%, transparent 100%);
    background-size: 1px 5px;
}

.chart ul li.chart_mark_to_right_down_holder_area:last-child:after,
.chart .chart_mark_to_right_down_holder_area:after {
    content: "";
    position: absolute;
    left: auto;
    right: 33px;
    top: 80px;
    bottom: 150px;
    height: auto;
    width: 1px;
    background-color: #707070;
    z-index: -1;
}

.chart_mark_to_left_down_holder,
.chart_mark_to_right_down_holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart_mark_to_left_down_holder:before {
    content: "";
    position: absolute;
    width: calc(50% - 0px);
    height: 1px;
    top: 80px;
    left: 30px;
    border-top: 1px solid #707070;
    z-index: -1;
}

.chart_mark_to_right_down_holder:after {
    content: "";
    position: absolute;
    width: calc(50% - 0px);
    height: 1px;
    top: 80px;
    right: 30px;
    border-top: 1px solid #707070;
    z-index: -1;
}

.chart li:not(:nth-child(1)) .chart_mark_to_left_down_holder:before {
    left: -10px;
}

.chart li:not(:last-child) .chart_mark_to_right_down_holder:after {
    right: -10px;
}

.chart .close_two_line:after {
    content: "";
    position: absolute;
    left: auto;
    right: 3px;
    top: 130px;
    bottom: 150px;
    height: auto;
    width: 1px;
    background-color: #707070;
    z-index: -1;
}

.close_two {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.chart_persons {
    border: 1px solid #0d8269;
    max-width: 890px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.chart_persons_subo {
    border: 1px solid #0d8269;
    max-width: 510px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-left: auto;
    margin-right: auto;
}

.chart_persons .chart_person {
    margin: 12px;
    width: calc(50% - 24px);
}

.chart_persons_subo .chart_person_subo {
    margin: 12px;
    width: calc(50% - 24px);
}

.chart_persons.one_col {
    max-width: 460px;
}

.chart_persons.one_col .chart_person {
    width: auto;
}

.chart_persons_subo.one_col {
    max-width: 460px;
}

.chart_persons_subo.one_col .chart_person_subo {
    width: auto;
}

.chart_person {
    -webkit-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.chart>li>.chart_person {
    /*
    background-color: #0b71d5;
    max-width: 450px;
    height: auto;
	min-height: 0;*/
}

.chart_person a {
    text-align: center;
    font-size: 0.73em;
    color: #ae173c;
}

.chart_person a:hover,
.chart_person a:focus,
.chart_person a:active {
    color: #9a0e30;
}

.chart>li>.chart_person a,
.chart>li>.chart_person a:hover,
.chart>li>.chart_person a:focus,
.chart>li>.chart_person a:active {
    /*
	color:#fff;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
}

.chart>li>.chart_person,
.chart>li>.chart_person:hover,
.chart>li>.chart_person:focus,
.chart>li>.chart_person:active {
    /*
	color:#fff;*/
}

.chart>li>.chart_person .chart_person_img {
    /*
	padding-bottom:15px;
    min-width: 100px;*/
}

.chart>li>.chart_person .chart_person_info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    max-width: 100%;
    width: 100%
}

.chart>li>.chart_person .chart_person_text {
    margin: auto;
}

.chart_person {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.chart_person,
.chart_person a {}

.chart_person a {
    display: block;
}

.chart_person>* {
    max-width: 100%;
}

.chart_person_subo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #0d8269;
}

.chart_person_img {
    padding: 0;
    /*
	padding-bottom: 0;*/
    text-align: center;
    width: 157px;
    overflow: hidden;
    background-color: #239051;
    border: 6px solid #239051;
    border-radius: 15px;
}

.chart_person_img+.chart_person_info {
    /*
    border-left: 1px solid #0d8269;*/
}

.chart_person_info {
    padding: 0.75rem 0.5625rem;
    text-align: center;
    width: 100%;
}

.chart_person_text {
    text-align: left;
}

.main_persion .chart_person_text {
    width: 20.5rem;
    margin: auto;
}

.close_right .chart_person_text {
    width: 15.125rem;
}

.chart_person_title {
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    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;
    padding: 1.25rem 2rem;
    border: .0625rem solid #707070;
}

.main_persion .chart_person_title {
    background-color: #310496;
    border: 0.0625rem solid #310496;
    color: #fff;
}

.chart_person_name {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: bold;
    line-height: normal;
    text-align: center;

    min-height: 48px;
    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;
}

.chart_person_contact {
    /*    line-height: 1.3em;*/
}

.chart_person_arrow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart ul.sub_chart {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chart ul.sub_chart>li {
    width: 100%;
    padding-top: 2rem;
}

.chart ul.sub_chart>li:nth-child(1) {
    padding-top: 0;
}

.chart ul.sub_chart>li:before,
.chart ul.sub_chart>li:first-child:before {
    width: .0625rem;
    height: 2.6875rem;
    top: -.0625rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 0;
    background-color: #707070;
}

.chart ul.sub_chart>li:first-child:before {
    content: normal;
}

.chart ul.sub_chart>li:after,
.chart ul.sub_chart>li:last-child:after {
    content: normal;
}

.chart ul.sub_chart {}

.sub_chart .chart_person {}

.sub_chart .chart_person_img {
    display: none;
}

.sub_chart .chart_person_title {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sub_chart .chart_person_name {
    display: none;
}

.chart .chart_mark_to_right_down_holder~ul.close_full {}

.chart ul.sub_chart.close_right {
    padding-right: 0;
    margin-top: 0;
    position: absolute;
    top: .75rem;
    right: 0;
}

.chart ul.sub_chart.close_right:before {
    left: auto;
    right: 100%;
    top: 50%;
    bottom: auto;
    width: 4.3125rem;
    height: .0625rem;
    margin-top: 0;
}

.chart_division {
    padding: 10px;
    width: 230px;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chart_division .chart_person_text {
    text-align: center;
}

.chart_division_info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chart_division_text {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.chart_toggle_subtree {
    position: relative;
    top: 0;
    display: none;
    background: transparent;
    border: 0;
    /*
    border-bottom: 1px solid #0d8269;
    border-left: 1px solid #0d8269;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    margin: 5px auto 15px;
    width: 20px;
    height: 20px;
}

.chart_toggle_subtree:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #0d8269;
    border-left: 1px solid #0d8269;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
}

.chart_toggle_subtree.active {
    margin: 15px auto 5px;
}

.chart_toggle_subtree.active:before {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.org_chart_container._ed2 .chart_person {
    max-width: 407px;
}

.chart_person.wide-box {
    width: 100%;
}

.chart_person.wide-box .chart_division {
    height: auto;
    margin: auto;
    padding: 30px 15px;
}

.org_chart_container._ed2 .chart_person_subo {
    max-width: 407px;
}

.chart_person_subo.wide-box {
    width: 100%;
}

.chart_person_subo.wide-box .chart_division {
    height: auto;
    margin: auto;
    padding: 30px 15px;
}

.a11y-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background: #000;
    color: #fff;
}

/*================================*/
.mySelectorTool .selectBorder {
    position: relative;
    overflow: hidden;
}

.mySelectorTool .selectBorder:before {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    right: 1.5rem;
    background-image: url(../images/icon/icon_arrow.svg);
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
    z-index: 10;
    pointer-events: 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;
}

.mySelectorTool .selectBorder:focus-within:before,
.mySelectorTool .selectBorder.active:before {
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
}

.mySelectorTool select {
    border: 0;
    font-weight: bold;
    line-height: 1.4385rem;
    padding: 1.125rem 2.25rem;
    padding-right: 3rem;
    max-width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: .25rem;
    border: .25rem solid #000;
    text-transform: uppercase;
}


.mySelectorTool.myflex.flexBetween .mySelector select {
    width: 100%;
}

.mySelectorTool.myflex.flexBetween .mySelector select,
.mySelectorTool.myflex.flexBetween .mySelector .mybtn>a {
    height: 100%;
}

.mySelectorTool option[value=""][disabled] {
    display: none;
}

/*================================*/
div.flexslider.myflexslider3 {
    margin-bottom: 3.375rem;
    margin-left: -.75rem;
    margin-right: -.75rem;
}

.myflexslider3 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    text-indent: -9999rem;
    top: 12rem;
    margin: 0;
    z-index: 10;
    overflow: hidden;
    opacity: .7;
    cursor: pointer;
    text-shadow: none;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -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;
}

.myflexslider3 .flex-direction-nav .flex-prev {
    left: -4.81625rem;
}

.myflexslider3 .flex-direction-nav .flex-next {
    right: -4.81625rem;
    text-indent: 9999rem;
    line-height: 9999rem;
}

.myflexslider3.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -4.81625rem;
}

.myflexslider3.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: -4.81625rem;
}

.myflexslider3 .flex-direction-nav a:before {
    content: "";
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon/icon_arrow.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.myflexslider3 .flex-direction-nav a.flex-next:before {
    content: "";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bodyArea .myflexslider3 ul,
.bodyArea .myflexslider3 ol {
    margin-bottom: 0;
}

.display-1 .d1_bb {
    border-bottom: 0.063rem solid #bdbdbd;
}

.display-1 .funding_list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2.5rem;
}

.display-1 .funding_list>div {
    width: 50%;
    padding: 1.25rem 2.5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 0;
    flex-direction: column;
}

.display-1 .funding_list .cover {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: 2.5rem 0;
    width: 100%;
}

.display-1 .funding_list .info {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
}

.display-1 .funding_list .header {
    margin-bottom: .5rem;
}

.display-1 .funding_list .content>*:not(.morebtn) {
    display: none;
}

/*================================*/
/*=========================*/
.table-wrapper {
    position: relative;
}

.table-wrapper:before {
    content: "";
    position: absolute;
    z-index: 25;
    top: 150px;
    right: 15px;
    width: 27.118px;
    height: 21.414px;
    -webkit-animation: fadeOutRight 1.45s ease-in-out linear infinite;
    animation: fadeOutRight 1.45s ease-in-out infinite;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    transform: translate3d(0, 0, 0) rotate(180deg);
    background: url(../images/icon/icon_arrow.svg) no-repeat center center;
    background-size: contain;
    -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;
}

.table-wrapper:after {
    content: "";
    position: absolute;
    z-index: 22;
    top: 0;
    right: -1px;
    bottom: 0;
    display: block;
    width: 3.75rem;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, .5)), to(#fff));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 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;
}

.table-wrapper.right-end:after,
.table-wrapper.right-end:before {
    opacity: 0;
    -webkit-animation: none;
    animation: none;
}

.table-wrapper.right-end.all-end:after,
.table-wrapper.right-end.all-end:before {
    display: none;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
    }

    20% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(180deg);
        transform: translate3d(100%, 0, 0) rotate(180deg);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
    }

    20% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(180deg);
        transform: translate3d(100%, 0, 0) rotate(180deg);
    }
}

/*====================*/
.btnCenter {
    text-align: center;
}

.btnMarginBottom {
    margin-bottom: 5rem;
}

/*===================*/
.headerArea {
    top: 0;
    background-color: #FFF;
}

.fixedHeader .headerArea {
    position: fixed;
    left: 0;
}

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

.fixedHeader .headerArea .headerTool .headerMenu {
    padding-top: 0;
}

body:not(.fixedHeader) .bodyArea {
    padding-top: 0 !important;
}

.headerTool .myLogo {
    -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;
}

.headerArea .myLogo .logo_0 a img {
    -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;
    max-height: 25rem;
}

.fixedHeader .headerArea .myLogo .logo_0 a img {
    max-height: 3.75rem;
}

.fixedHeader .headerArea .myLogo .logo_0 a .dst {
    display: none;
}

.fixedHeader .headerArea .myLogo .logo_0 a .mob {
    display: block;
}

.myheaderTool .headerMenu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
}

.myheaderTool .clientTool {
    -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;
    max-height: 25rem;
}

.fixedHeader .myheaderTool .clientTool {
    max-height: 0;
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .blankSlider .coverlink {
        display: none;
    }

    body .headerArea .headerArea1 .headerTool {
        max-height: 100%;
    }

    body .flexBetween.mySelectorTool>div.mybtn,
    body .flexBetween.mySelectorTool>div.mySelector {
        width: unset;
    }

    .mySelector.selectBorder {
        flex-grow: 1;
    }

    body .mainArea .mySelectorTool .mybtn {
        margin: 0 0 .313rem 0;
    }

    body .mainArea .mySelectorTool .mybtn a {
        padding: 1.125rem 2.25rem;
        line-height: 1.4385rem;
    }

    .mylist>div>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* font size for mobile version in chinese */
    body.chineseVersion .bodyArea {
        font-size: 1.25rem;
    }

    body.chineseVersion .bodyArea .tagline-2 {
        font-size: 2rem;
    }

    body.chineseVersion .bodyArea .tagline-3 {
        font-size: 1.33rem;
    }

    body.chineseVersion .bodyArea .intro-1 {
        font-size: 1.33rem;
    }

    body.chineseVersion .bodyArea h1 {
        font-size: 2rem;
    }

    body.chineseVersion .bodyArea :not(.myflex)>h1 {
        margin-bottom: 2.25rem;
    }

    body.chineseVersion .bodyArea .h2 {
        font-size: 1.67rem;
    }

    body.chineseVersion .bodyArea .h3 {
        font-size: 1.33rem;
    }

    body.chineseVersion .bodyArea .h4 {
        font-size: 1.25rem;
    }
    body.chineseVersion .bodyArea .formList {
        font-size: 1.25rem;
    }

    body.chineseVersion .bodyArea .flexTCLI .link:not(.morebtn) a {
        font-size: 1.25rem;
    }

    body.chineseVersion .bodyArea .mypage_filter .fnk_hd:before {
        height: 1.25rem;
    }

    body.chineseVersion .bodyArea .myform input:not([type="submit"]):not([type="reset"]) {
        font-size: 1.25rem;
    }

    body.chineseVersion .bodyArea .myform textarea {
        font-size: 1.25rem;
    }

    body.chineseVersion .bodyArea .morebtn a {
        padding: 0.5625rem 1.125rem;
        margin-bottom: 1rem;
    }

    body.chineseVersion .bodyArea .list-dt .title a {
        font-size: 1.25rem;
    }

    /* font size adjustment end */

    #resource-links> :nth-child(1) {
        order: 1;
    }

    #resource-links> :nth-child(2) {
        order: 3;
    }

    #resource-links> :nth-child(3) {
        order: 2;
    }

    #resource-links> :nth-child(4) {
        order: 4;
    }
}

@media screen and (min-width: 1301px) {
    body.chineseVersion.fixedHeader .headerTool .myLogo {
        padding-top: .625rem;
        padding-bottom: 0;
    }

    body.englishVersion.fixedHeader .headerTool .myLogo {
        padding-top: .625rem;
        padding-bottom: 0.5rem;
    }
}

@media screen and (min-width: 993px) and (max-width: 1662px) {
    body #wrap .headerArea .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .englishVersion .footerArea .copyRight,
    .englishVersion .footerArea .updateDate {
        padding: 0.5rem 2rem;
    }

    .englishVersion .footerArea ul.fMenu {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .englishVersion .footerArea ul.fMenu>li {
        padding: 0.5rem;
        max-width: unset;
    }

    .englishVersion .footerArea ul.fMenu .extmenu>ul {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .englishVersion .footerArea .fMenu>li>a {
        padding-bottom: 0.1rem;
    }
}

@media screen and (min-width: 993px) and (max-width:1300px) {
    /* body.englishVersion .footertool>ul {
        min-width: 25rem;
    } */

    body.chineseVersion.fixedHeader .headerTool .myLogo {
        padding-top: .625rem;
        padding-bottom: 0;
    }
}

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

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

:target {
    scroll-margin-top: 84px;
    scroll-snap-margin-top: 84px;
    /* for safari */
}

.chineseVersion #footer .updateDate.caption-1 {
    white-space: nowrap;
}

.mainAreaBC .breadcrumb ul li[class^='breadcrumb_item'] a {
    white-space: nowrap;
}

.result_preloader_wrap {
    transition: opacity 1s ease-in-out;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result_preloader_wrap.notshow {
    opacity: 0;
}

.result_preloader_wrap.displaynone {
    display: none;
}

.result_preloader .loader {
    margin-top: 1rem;
    position: relative;
    width: 4rem;
    height: 4rem;
    display: inline-block;
}

.result_preloader .loader:before {
    content: '';
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 0.5rem solid rgb(212 19 219 / 40%);
    border-top-color: #7a03e2;
}

.result_preloader .loader:before {
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

.loader_text {
    font-size: 1rem;
    margin-top: 1rem;
    color: #000;
}

#wrap,
.fixedHeader .headerArea>.container {
    max-width: 1920px;
    margin: 0px auto;
}

.headerArea .headerTool .clientTool .searchTool {
    display: none;
    float: none;
    /*
	display: block;
	margin-right: 15px;
	margin-top: 12px;/*
	margin-top: 45px;
	padding: 0;*/
    text-align: right;
    z-index: 8901;
    /*
	display: inline-block;*/
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 100%;
    width: 600px;
    -webkit-box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
    padding: 15px;
    background-color: #fff;
}

.headerArea .headerTool .clientTool:not(.activeSearch) .searchSite img.close {
    display: none;
}

.headerArea .headerTool .clientTool.activeSearch .searchSite img.open {
    display: none;
}

.headerArea .headerTool .activeSearch .searchTool {
    display: block;
}

li[alt]:after {
    content: attr(alt);
    width:100%;
    display:block;
    /* background-color: rgba(88, 0, 190, .8); 
    text-align:center;
    color: white;*/
    padding: 0.3em;
    height: auto;
    font-size: 0.8em;
    text-align: right;
}


#category_approved_project {
  white-space: normal;
}
.newTag {
    background-color: red;
    color: white;
    padding: 0.2em;
    margin-right: 0.5em;
    font-size: 0.5em;
    translate: 0rem -0.3em;
    display: inline-block;
    border-radius: 0 0rem 0.5em 0;
    box-shadow: -2px 2px 1.5px 0px rgba(0, 0, 0, 0.3);
    min-width: 2.5em;
    text-align: center;
}
.tit .newTag {
  display:none;
}


/* landing page items ends */
/* popup modal */
#popupModal {
    z-index: 9001;
}
#popupModal.show {
  	display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
#popupModal+.modal-backdrop {
    z-index: 9000;
}

#popupModal .close:hover a {
    background-color: rgba(255, 255, 255, .8);
}

.modal-backdrop.show {
  	opacity: 0.5;
}
body #popupModal .morebtn a {
  	margin: 0;
}
#popupModal .modal-body {
  	padding: 2.5rem 
}
#popupModal .morebtn {
    display: flex;
    align-items: center;
}
.morebtn a.dismiss-button:focus, 
.morebtn a.dismiss-button:hover {
  	background-color: white;
  	color: #5800be;
}

/* popup modal ends */
@-webkit-keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
/* header size adjustment */
@media screen and (max-width:1550px){
    .headerArea .extSiteTool a {
        padding-right: 2.5rem;
        text-transform: none;
    }
    .headerArea .extSiteTool a:after {
        right:1.15rem;
    }
}

.tag~#application-banner {
    min-height: 9rem;
}
@media screen and (max-width: 992px) {
    .tag~#application-banner {
        min-height: 0;
    }
}