/* 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 */

/* added by SunnyVision */

.mainAreaIntro4 .area-oc .cont>div{
    display: flex;
    justify-content: space-between;
}

.mainAreaIntro4 .area-oc .cont>div>span{
   padding: 0px 10px;
}

.mainArea5 .areaFS .slides li:nth-of-type(1) .cover img{
    width: 393px !important;
    height: auto !important;
}

.headerArea .myLogo .logo_0>a>img{
    width: 1080px !important;
}

.mainAreaIntro4 .tree-title-en>div>span:nth-of-type(1){
    flex-basis:50%
}

/* added here */

@media (max-width:768px) {
    .mainArea5 .areaFS .slides li:nth-of-type(1) .cover img{
        width: 331px !important;
    }
}

/* end */

html {
    font-size: 1em;
}

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

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

body #wrap .container {}

.container:before {}

.disnone {
    display: none !important;
}

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

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

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

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

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

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

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

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


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

body a {
    color: #000;
}

.mainContent a {
    color: #282828;
    font-weight: 900
}

.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: #0d2e4a;
}

img,
svg {
    vertical-align: middle;
    /*max-width: none;*/
}

label {
    display: inline-block;
}

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

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

#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,
.bodyArea .h1,
.bodyArea .h2,
.bodyArea .h3,
.bodyArea .h4,
.bodyArea .h5,
.bodyArea .h6 {
    font-weight: bold;
    line-height: normal;
}

.bodyArea h1,
.bodyArea .h1 {
    color: #000;
    font-size: 2.6667em;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.bodyArea h2 {
    color: #000;
    font-size: 2.4444em;
    margin-top: 0;
    margin-bottom: 20px;
}

.bodyArea .mainArea h1 {}

.bodyArea h1.main,
.bodyArea .h1.main {
    font-size: 2.6667em;
    text-transform: uppercase;
}

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

.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,
.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-family: Open Sans, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
    font-weight: 800;
    color: #f65271;
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 1em;
}

.mainArea .myheading2,
.mainContent .myheading2 {
    font-size: 1.55em;
    font-weight: lighter;
    margin-bottom: 20px;
}

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

.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: 60px;
}

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

.panel-default>.panel-heading {
    color: #333;
    background-color: #fafafa;
    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: 80px;
    padding-left: 80px;
}

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

.mainbanner .flex-pauseplay {
    z-index: 7000;
    position: static;
}

.mainbanner h1,
.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: 45px;
    border-bottom: 1px 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: 5px;
    padding: 8px 0;
}

.headerArea .headerTool .searchTool input {
    background-color: transparent;
    color: #000;
    border: 0;
    font-size: 1.125em;
    padding: 15px 5px;
    width: 100%;
}

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

.headerArea .headerTool .searchTool input:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 225, 225, .6);
}

.headerArea .headerTool .searchTool input::-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 225, 225, .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: 15px;
}

.headerTool div.AStyleArea:before {}

.headerTool div.AStyleArea:after {}

.headerTool div.AStyleArea>a img {
    width: 24px;
}

.headerTool .searchSite a img {
    width: 24px;
}

.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(:last-child):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 .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: 10px 15px;
    display: block;
}

.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 {
    /* display: none; */
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    width: 0;
    padding: 0;
    color: #000;
    background-color: #e3ae66;
    background-image: linear-gradient(161deg, #e3ae66, #e55c6d 46%, #7a65d3);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: -ms-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translate3d(105%, 0, 0);
    -ms-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
    opacity: 0;
    z-index: 8000;
    overflow: auto;
}

.headerArea .headerTool .headerMenu.active {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 560px;
    padding: 30px 80px;
    padding-bottom: 70px;
    opacity: 1;
}

.headerArea .headerTool .headerMenu>* {
    display: none;
}

.headerArea .headerTool .headerMenu.active>* {
    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: 25px;
    top: 25px;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 45px;
}

.headerMenu .cross_btn a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 36px;
    height: 26px;
    background-image: url(../images/icon/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.headerTool .headerMenu .language {
    font-size: 1.25em;
    margin-left: -15px;
    float: left;
}

.headerTool .headerMenu .language li a {
    padding: 0 15px;
}

.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>.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(:last-child):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: #000;
}

.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 {
    z-index: 7900;
    position: relative;
}

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

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

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

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

.headerMenu ul.tMenu.menuLv0>li>a.excLi:after {
    content: "";
    position: absolute;
    right: 0;
    top: 32px;
    width: 27px;
    height: 21px;
    background-image: url(../images/icon/icon_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -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.open>a.excLi:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

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

.headerMenu .tMenu li ul.menuLv1 {
    padding-bottom: 8px;
}

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

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

.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: #000;
}

.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 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: .875em;
    padding: 40px 0 20px 0;
}

.headerMenu .rsMenu {}

.headerMenu .rsMenu a {
    position: relative;
    padding: 10px 0 10px 30px;
    font-weight: bold;
    font-size: 1.25em;
    text-align: left;
}

.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 .fuMenu {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .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: 40px;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

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

.headerMenu .inMenu a {
    padding: 6px 0;
}

.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: 60px;
    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-right: 25px;
    padding-top: 30px;
    padding-bottom: 0px;
    width: 25%;
    height: auto;
    z-index: 3080;
    -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 .headerTool .myLogo {
    padding-top: 10px;
}

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

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

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

.headerTool .myLogo .logo_0 span {}

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

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

.footerArea1 {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}

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

.footerArea1 .myflex>div {}

.footerArea1 .myflex .footerContact {
    max-width: 100%;
    padding-right: 40px;
    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>* {}

.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 {
    padding: 12px 0;
    padding-left: 35px;
    position: relative;
}

.footerArea1 .myflex .footerContact .border>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 20px;
    height: 20px;
    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);
    width: 25x ! important;
    height: 25px ! important;


}

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

.footerArea1 .footerContact .mail>div:not(:last-child) {
    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:last-child {
    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 30px;
    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 10px;
    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(:last-child):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:last-child: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 12px;
    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-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

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

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

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

.footerArea ul.fMenu .extmenu {
    padding: 10px 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: 8px 0;
}

.footerArea .fMenu {
    margin: 0;
}

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

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

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

.footerArea .fMenu>li>a {
    font-size: 1.1111em;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
    color: #000;
    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 {
    /*
	padding: 2px 16px;*/
}

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

.myheaderTool .clientTool:before {}

.myheaderTool .clientTool:after {}

.myheaderTool .clientTool {}

.myheaderTool .clientTool:nth-child(1):before,
.myheaderTool .clientTool:last-child: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(:last-child):after {}

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

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

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

.myheaderTool .clientTool>div.menuBtn a {
    display: block;
    width: 80px;
    height: 80px;
    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-image: linear-gradient(315deg, #fdbc53, #fd5369 51%, #7340fe);
}

.myheaderTool .clientTool>div.menuBtn img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transform-origin: center center;
    -webkit-transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
}

.myheaderTool .clientTool>div.menuBtn a:focus img,
.myheaderTool .clientTool>div.menuBtn a:hover img {
    -webkit-transform: scale(1.4, 1);
    -ms-transform: scale(1.4, 1);
    transform: scale(1.4, 1);
}

.myheaderTool .clientTool>div:last-child {}

.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(:last-child):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(:last-child) {
    padding-right: 5px;
}

.weatherTool .info .cont>div:not(:last-child):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 .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;*/
    -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;
    /*opacity: 1;*/
    /*transition: opacity 0.5s ease-in;*/
    background-color: transparent;
}

/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {
    display: inline-block;
    /*background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;*/
    /*width:54px;
	height: 19px;*/
    float: left;
    /*padding: 10px 15px;*/
    /*
	padding: 7px 12px;*/
    /*padding: 6px 12px;
	/*background-color: #d8e2ed;*/
    color: #3e5259;
    margin: 0;
    /*background-color: #3e535a;
	/*
	margin:0 0 0 50px;*/
    /*background-color: #FAB965;*/
    font-weight: bold;
    /*margin-left:15px;*/
}

.topBtn {
    display: block;
    position: fixed;
    right: 25px;
    bottom: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

.backBtn a {
    padding: 5px 7px 8px 7px;
    background-color: #446993;
    border-radius: 4px;
    color: #FFF !important;
    /*color: #172e4d;*/
    /*margin-left: 25px;*/
}

.backBtn a:hover,
.backBtn a:focus {
    text-decoration: none;
}

.topBtn a {
    display: block;
    position: relative;
    padding-left: 40px;
    font-weight: bold;
    font-size: 1.1111em;
    color: #000;
}

.topBtn a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 28px;
    height: 22px;
    background-image: url(../images/icon/icon_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.topBtn a:hover:before,
.topBtn a:focus:before {
    -webkit-transform: translate(-4px, -50%);
    -ms-transform: translate(-4px, -50%);
    transform: translate(-4px, -50%);
}

.topBtn a:after {}

.topBtn a img {}

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

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

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

.contentArea .breadcrumb {
    font-size: .8333em;
    color: #444;
    z-index: 7888;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: transparent;
    padding: 22px 0 22px 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 {
    text-decoration: none;
    /*
	color: #444 !important;*/
    color: #0068A5;
}

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

.breadcrumb ul li {
    /*
	padding:1em 0;*/
}

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

.breadcrumb ul> :last-child>span {
    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,
.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,
.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,
.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;
}

.mainContent h2 {
    /*font-size: 2em;
	margin: 0;
	margin-bottom: 25px;
	line-height: normal;
	color: #239051;*/
}

.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.125em;
    line-height: normal;
}

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

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

.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-flex;
    display: flex;
    padding: 0;
}

.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 {
    -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: 400px; */
    max-height: 250px;
}


.fixedHeader .headerArea .myLogo .logo_0>a>img {
    height: 60px;
    max-height: 60px;
}

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

.footerBanner.slides>li {
    display: inline-block;
    padding: 10px 10px;
}

.footerBanner li img {}

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

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

.footerBanner a.rd img {
    height: 60px;
}

.footerBanner .mfb_mail {
    position: relative;
    border: 2px solid #740001;
    box-shadow: 2px 2px 0 #bbb;
    color: #000;
    font-size: 1.4em;
    padding: 8px 20px;
}

.footerBanner .mfb_mail:before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 28px;
    margin-right: 10px;
    background-image: url(../images/icon_email.png);
    background-repeat: no-repeat;
    vertical-align: bottom;
}

/*============================*/
.footertool {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px 0;
    text-align: center;
    font-size: 0.8889em;
}

/* =================================================================================================
	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-family: Open Sans, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
    font-weight: 800;
}

/*==========*/
.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: #595959;
    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: #4a29f4;
}

.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: fixed;
    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: 35.7px;
    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%);
}

#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 h1,
#close_up .main .h1 {
    color: #000;
    font-size: 2.6667em;
    margin-top: 0;
    margin-bottom: 20px;
}

#close_up .main h2 {
    color: #000;
    font-size: 1.9556em;
    margin-top: 0;
    margin-bottom: 20px;
}

#close_up .main img {
    max-height: none;
}

#close_up .main a.externalUrl:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    background-image: url(../images/icon/icon_newwindow.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

#close_up .myToggleDiv>div {
    padding: 20px;
}

#close_up .myToggleDiv>div:nth-child(odd) {
    background-color: #fff;
}

#close_up .myToggleDiv>div:nth-child(even) {
    background-color: #fafafa;
}

#close_up .myToggleDiv .title {
    font-weight: bold;
}

#close_up .myToggleDiv .subtitle {
    font-size: 0.8889em;
}

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

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

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
}

.bodyArea #flexslider-fns .flex-control-paging li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40px;
    flex: 0 1 40px;
}

.bodyArea #flexslider-fns .flexslider .flex-control-paging li a {
    width: 100%;
}

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

#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:last-child {
    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;
}

.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-right: 15px;
}

.headerTool .shareTool>a {}

.headerTool .shareTool>a img {
    width: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #wrap .headerArea .headerTool .headerMenu>ul.tMenu {
    /*
	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:last-child:after {
    display: none;
}

.detail_area>div>div {
    vertical-align: top;
    padding: 20px;
}

.detail_area>div>div {
    border-bottom: none;
}

.detail_area>div>div:nth-child(1) {
    width: 20%;
    display: inline-block;
    background-color: #ededed;
    font-weight: bold;
}

.detail_area>div>div:nth-child(2) {
    width: 80%;
    display: inline-block;
    background-color: #fff;
}

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

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

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

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

.lt_list {
    list-style-type: lower-latin;
}

.mainContent .detail_area li {
    margin-top: 0;
}

.detailTable {
    overflow: auto;
    max-width: 100%;
}

.detailTable table td:nth-child(1),
.detailTable table td:nth-child(1) img {
    width: 300px;
}

.detailTable tr:nth-child(1) td,
.detailTable tr:nth-child(1) th {
    font-weight: bold;
}

.detailTable td,
.detailTable th {
    border-collapse: collapse;
    border: 1px solid #444;
}

.detailTable.d1 td:nth-child(1) {
    min-width: 130px;
}

.detailTable.f4 td:nth-child(4) {
    min-width: 230px;
}

.headerTable {
    overflow: auto;
    width: 100%;
}

.headerTable table td,
.headerTable table th {
    border-collapse: collapse;
    border: 1px solid #2b2b2b;
}

.txtico {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 0 8px;
    margin: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /*background-color: #790707;
    background-image: linear-gradient(141deg, #500606 0%, #880505 51%, #770909 75%);
    opacity: 0.95;
    border: 2px solid #920e0e;*/

    background-color: #774609;
    background-image: linear-gradient(141deg, #502506 0%, #a55c11 51%, #774609 75%);
    opacity: 0.95;
    border: 2px solid #8c5a15;
    font-size: 0.9em;
}

/*============*/
.iconButton {
    margin-left: 20px;
}

.iconButton.fst {
    margin-left: 0;
}

.iconButton .iconPdf img {
    width: 40px;
}

.tableArea {
    overflow: auto;
    max-width: 100%;
}

.youtubeDiv {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.youtubeDiv>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.pop_video a {
    position: relative;
    display: block;
}

.pop_video a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/icon_video_play.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30% auto;
    opacity: .8;
}

.pop_video a:hover:after,
.pop_video a:focus:after {
    opacity: 1;
}

/*================*/
.footerArea .logo_list {
    padding: 0 0;
}

.footerBannerArea {
    margin: 0 -20px;
}

.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: 185px;
}

.footerBannerArea #flexslider_footer .flex-direction-nav {
    /*display:none;*/
}

.footerArea #flexslider_footer .flex-control-paging {
    position: relative;
    bottom: auto;
    padding-top: 40px;
    padding-bottom: 10px;
    /*height: 8px;*/
}

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

.footerArea #flexslider_footer .flex-control-paging li a {
    border-radius: 0;
    box-shadow: none;
    background: #bdbdbd;
    width: 40px;
    height: 8px;
    position: relative;
    background-color: transparent;
}

.footerArea #flexslider_footer .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;
}

.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 {
    background: #444;
}

.footerArea #flexslider_footer .flex-control-paging li a.flex-active {
    background-color: transparent;
    cursor: default;
}

.footerArea #flexslider_footer .flex-control-paging li a.flex-active:before {
    background: #000;
    top: 0;
    bottom: 0;
}

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

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

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

/*=============*/
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),
.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:last-child {
    margin-bottom: 0;
}

.mainContent th[data-align="center"],
.mainContent table[data-border="0"] th[data-align="center"],
.mainContent td[data-align="center"],
.mainContent tr[data-align="center"],
.mainContent td[data-align="center"] p {
    text-align: center;
}

.mainContent th[data-align="left"],
.mainContent table[data-border="0"] th[data-align="left"],
.mainContent td[data-align="left"],
.mainContent tr[data-align="left"],
.mainContent td[data-align="left"] p {
    text-align: left;
}

.mainContent table[data-width="100%"] {
    width: 100%;
}

.mainContent p.digest {
    font-size: 1.2em;
    color: #000000;
    text-align: center;
}

.mainContent img.download {
    margin: 5px;
}

.mainContent label.filter {
    margin: 0 20px 0 0;
}

.mainContent select.filter {
    font-size: 1em;
    height: 1.5em;
    margin-right: 40px;
    width: 100px;
    max-width: 100%;
}

.mainContent input[type="button"] {
    line-height: normal;
}

.mobileLogo {
    display: none;
}

.myUpdate {
    display: none !important;
}

/*===============================*/
/*=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 {
    text-align: right;
    padding-bottom: 60px;
}

.mainArea .more a {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 35px;
    padding-right: 65px;
    border: 2px solid #000;
    background-color: #fff;
    color: #000;
    font-size: 1em;
    -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;
}

.mainArea .more a:hover,
.mainArea .more a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.mainArea .more a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: #000;
    height: 0;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: -1;
}

.mainArea .more a:hover:before,
.mainArea .more a:focus:before {
    height: calc(100% + 1px);
}

.mainArea .more a:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 22px;
    right: 30px;
    background-image: url(../images/icon/icon_arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mainArea .more a:hover:after,
.mainArea .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%;
    padding-right: 20px;
}

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

.mainArea {
    padding: 60px 0;
}

.mainArea h1 {}

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

.mainArea1 .container {
    position: relative;
}

.mainArea1 .topic {
    position: absolute;
    left: 80px;
    /*
	top:35%;*/
    bottom: 16%;
    z-index: 10;
    background-color: #fd536d;
    /*background-image: linear-gradient(to right, #c143d1 -18%, #fd536d 100%);*/
    background-image: linear-gradient(120deg, #5c41d3 0%, #e55c6d 54%, #e3ae66 97%);
    -ms-background-clip: text;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;

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

.mainArea1 .topic .sub {
    font-size: 3em;
    text-transform: uppercase;
    font-family: openSans;
    font-weight: 900;
}

.mainArea1 .topic .main {
    font-size: 6.4em;
    text-transform: uppercase;
    line-height: 1em;
    width: 800px;
    max-width: 100%;
    font-family: openSans;
    font-weight: 900;
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.mainArea1 .bannerArea {
    width: 75%;
    margin-left: auto;
}

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

.mainArea1 .bannerArea #flexslider-mb .flex-direction-nav {
    display: none;
}

.mainArea1 .bannerArea #flexslider-mb .flex-pauseplay {
    display: inline-block;
    padding-top: 13px;
    margin: 0 20px;
    float: left;
}

.mainArea1 .bannerArea #flexslider-mb .flex-pauseplay a {
    position: relative;
    left: auto;
    bottom: auto;
    opacity: 1;
}

.mainArea1 .bannerArea #flexslider-mb .flex-direction-nav a:before {
    color: rgba(255, 255, 255, 0.8);
}

#flexslider-mb .flex-direction-nav,
#flexslider_footer .flex-direction-nav {
    margin: 0;
}

.mainArea2 {}

.mainArea2 .msgArea {
    font-size: 1.3333em
}

.mainArea2 .msgArea .border {
    padding-right: 70px;
}

.mainArea2 .msgArea .title {
    font-weight: bold;
    margin-bottom: 10px;
}

.mainArea2 .msgArea .content {
    min-height: 100px;
    margin-bottom: 20px;
}

.mainArea2 .introArea {
    font-size: 1.7778em;
}

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

/*
.mainArea2 #flexslider-msg .flex-direction-nav li:nth-child(1) a{
	border-left: 2px solid #000;
}
.mainArea2 #flexslider-msg .flex-direction-nav li:nth-child(2) a{
	border-right: 2px solid #000;
}*/
.mainArea2 #flexslider-msg .flex-direction-nav a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 27.1px;
    height: 21.4px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    text-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.118' height='21.414' viewBox='0 0 27.118 21.414' fill='%23000'%3E%3Cg%3E%3Cpath d='M1.118 9.707h26v2h-26z'/%3E%3Cpath d='m10.707 0 1.414 1.414-9.293 9.293L12.121 20l-1.414 1.414L0 10.707z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.mainArea2 #flexslider-msg .flex-direction-nav a:hover:before,
.mainArea2 #flexslider-msg .flex-direction-nav a:focus:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.118' height='21.414' viewBox='0 0 27.118 21.414' fill='%23fff'%3E%3Cg%3E%3Cpath d='M1.118 9.707h26v2h-26z'/%3E%3Cpath d='m10.707 0 1.414 1.414-9.293 9.293L12.121 20l-1.414 1.414L0 10.707z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.mainArea2 #flexslider-msg .flex-direction-nav a span {
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.mainArea2 #flexslider-msg .flex-direction-nav .svg_arrow {
    /*	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;*/
}

.mainArea3 .areaHL {
    /*
	width:75%;
	margin-left:auto;*/
}

.mainArea3 .highlightsList {
    padding: 20px 0;
}

.mainArea3 .highlightsList .data {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mainArea3 .highlightsList>.data {
    /*
    min-height: 740px;*/
}

.mainArea3 .highlightsList .data>.scroll-content {
    padding-bottom: 40px;
}

.mainArea3 .highlightsList .data>div:not(.scroll-content):not(.scroll-element) {
    width: 600px;
    max-width: 100%;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    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;
}

.mainArea3 .highlightsList .data>div:not(.scroll-content):not(.scroll-element):nth-child(1) {
    margin-left: -40px;
}

.mainArea3 .highlightsList .data .border {
    padding-left: 40px;
    padding-right: 40px;
    color: #000;
}

/*
.mainArea3 .highlightsList .scroll-x .scroll-element_track{
	position:relative;
	background-color:transparent;
}
.mainArea3 .highlightsList .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;
}
.mainArea3 .highlightsList .scroll-x .scroll-bar{
	background-color:#000;
}
.mainArea3 .highlightsList .scrollbar-outer > .scroll-element .scroll-element_outer,
.mainArea3 .highlightsList .scrollbar-outer > .scroll-element .scroll-element_track,
.mainArea3 .highlightsList .scrollbar-outer > .scroll-element .scroll-bar{
	border-radius:2px;
}*/
.mainArea3 .highlightsList .border>div {
    margin: 20px 0;
}

.mainArea3 .highlightsList .title {
    font-size: 1.3333em;
    font-weight: bold;
    color: #212121;
    position: relative;
}

/*.whatsnewList .title a:after,*/
.mainArea3 .highlightsList .title a:after,
.mainArea6 .lastestNewList .title a:after,
.whatsnewList .link a:after,
.statistics-list .title a:not(.nolink):after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    background-image: url(../images/icon/icon_newwindow.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.mainArea3 .highlightsList .content {
    color: #424242;
}

.mainArea3 .highlightsList .video {
    font-family: IBMPlexMono;
    padding-left: 50px;
    position: relative;
    font-size: 0.7778em;
}

.mainArea3 .highlightsList .video:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 36px;
    height: 36px;
    background-image: url(../images/icon/icon_video.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mainArea4 {}

.mainArea4 .ourServicesList {
    width: 1560px;
    max-width: 100%;
    margin: auto;
}

.mainArea4 .ourServicesList .scroll-x .scroll-element_track {
    position: relative;
    background-color: transparent;
}

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

.mainArea4 .ourServicesList .scroll-x .scroll-bar {
    background-color: #000;
}

.mainArea4 .ourServicesList .scrollbar-outer>.scroll-element .scroll-element_outer,
.mainArea4 .ourServicesList .scrollbar-outer>.scroll-element .scroll-element_track,
.mainArea4 .ourServicesList .scrollbar-outer>.scroll-element .scroll-bar {
    border-radius: 2px;
}

.mainArea4 .ourServicesList .grid {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    direction: ltr;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0px;
    column-gap: 0px;
}

.mainArea4 .ourServicesList .grid>div {
    display: inline-block;
    /*
	width:33.333%;*/
    padding: 0 20px;
}

/**
.mainArea4 .ourServicesList .grid>div:nth-child(1){
	padding-top:145px
}
.mainArea4 .ourServicesList .grid>div:nth-child(3){
	padding-top:180px
}*/
.mainArea4 .ourServicesList .grid>div:nth-child(1) {
    padding-top: 160px
}

.mainArea4 .ourServicesList .grid>div:nth-child(7) {
    padding-top: 160px
}

.mainArea4 .ourServicesList a {
    display: block;
    /*
	padding:5% 9%;
	padding:25px 47.5px;*/
    position: relative;
}

.mainArea4 .ourServicesList .title {
    padding: 5px 0;
    margin-bottom: 40px;
    font-size: 1.1111em;
    font-weight: bold;
}

.mainArea4 .ourServicesList .grid-item.active {}

.mainArea4 .ourServicesList .moredetail {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mainArea4 .ourServicesList .grid-item .coverborder:hover .moredetail,
.mainArea4 .ourServicesList .grid-item.active .moredetail {
    visibility: visible;
    overflow: auto;
    width: auto;
    height: auto;
    /*2022-06-07*/
    /*opacity: 1;*/
    z-index: 10;
}

.mainArea4 .ourServicesList .moredetail .border {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-bottom: 40px;
    background-color: #d8d8d8;
}

.mainArea4 .ourServicesList .moredetail .title {
    font-size: 1.7778em;
    padding: 0;
    margin-bottom: 10px;
}

.mainArea4 .ourServicesList .coverborder {
    position: relative;
}

.mainArea4 .ourServicesList .coverborder .cover {
    max-width: 425px;
}

.mainArea4 .ourServicesList .coverborder a,
.mainArea4 .ourServicesList .coverborder a:focus,
.mainArea4 .ourServicesList .coverborder a:hover {
    color: #000;
}

.mainArea4 .ourServicesList .coverborder .more {
    position: absolute;
    text-align: left;
    right: 20px;
    bottom: 20px;
    padding: 0;

    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mainArea4 .ourServicesList .grid-item .coverborder:hover .more,
.mainArea4 .ourServicesList .grid-item.active .coverborder .more {
    visibility: visible;
    overflow: auto;
    width: auto;
    height: auto;
    opacity: 1;
    z-index: 10;
}

.mainArea4 .ourServicesList .coverborder .more a {
    padding: 0;
    width: 20px;
    height: 22px;
    border: 0;
    background-color: transparent;
    color: #000;
}

.mainArea4 .ourServicesList .coverborder .more a span {
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    padding: 0;
    margin: 0;
}

.mainArea4 .ourServicesList .coverborder .more a:after {
    right: auto;
}

.mainArea4 .ourServicesList .coverborder .more a:hover,
.mainArea4 .ourServicesList .coverborder .more a:focus {
    background-color: transparent;
    color: #000;
}

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

/*
.mainArea4 .ourServicesList .moredetail .more a {
    padding: 0;
    padding-right: 65px;
    border: 0;
    background-color: transparent;
    color: #000;
}
.mainArea4 .ourServicesList .moredetail .more a:hover,
.mainArea4 .ourServicesList .moredetail .more a:focus {
    background-color: transparent;
    color: #000;
}
.mainArea4 .ourServicesList .moredetail .more a:hover:after,
.mainArea4 .ourServicesList .moredetail .more a:focus:after {
    background-image: url(../images/icon/icon_arrow.svg);
}*/
.mainArea5 .areaFS {
    padding: 30px 0 30px 0;
    position: relative;
}

.mainArea5 .areaFS ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mainArea5 .areaFS .border {
    position: relative;
    height: 100%;
    border: 1px solid #bdbdbd;
}

.mainArea5 .areaFS li:nth-child(1) .border {
    border-left: 0px solid #bdbdbd;
    border-right: 0px solid #bdbdbd;
}

.mainArea5 .areaFS li:last-child .border {
    border-right: 0px solid #bdbdbd;
}

.mainArea5 .areaFS .border a {
    padding: 30px 10px;
    text-align: center;
    height: 100%;
    /*min-height:450px;*/
    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-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainArea5 .areaFS .type {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .8889em;
    color: #fff;
    background-color: #000;
    padding: 4px 12px;
    font-family: IBMPlexMono;
    font-weight: bold;
}

.mainArea5 .areaFS .cover {
    padding: 10px 10px;
    /*
	height:320px;*/
    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;
    /*width: 450px;*/
    max-width: 100%;
    padding-top: 70px;
}

.mainArea5 .areaFS .cover img {
    width: auto;
    max-height: 240px;
    padding-left: 40px;
    padding-right: 40px;
}

.mainArea5 .areaFS .title {
    color: #424242;
}

.mainArea5 .areaFS .flexslider .flex-control-paging {
    padding-top: 45px;
    padding-left: 200px;
    padding-right: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#flexslider-fns ol.flex-control-nav.flex-control-paging :first-child {
    margin-left: auto;
}

#flexslider-fns ol.flex-control-nav.flex-control-paging :last-child {
    margin-right: auto;
}

.mainArea5 .areaFS .more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 10px;
}

.mainArea6 .lastestNewList {
    margin-bottom: 40px;
    /*
	padding:40px 0;*/
}

.mainArea6 .lastestNewList ul {
    padding: 0;
    margin: 0;
}

.mainArea6 .lastestNewList li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #bdbdbd;
    list-style-type: none;
}

.mainArea6 .lastestNewList li:nth-child(1) {
    border-top: 1px solid #bdbdbd;
}

.mainArea6 .lastestNewList a {
    display: block;
    padding: 48px 0;
}

.mainArea6 .lastestNewList .border {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainArea6 .lastestNewList .date {
    width: 15%;
    padding: 0 10px;
    padding-left: 30px;
    position: relative;
    font-size: 1.1111em;
}

.mainArea6 .lastestNewList .date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_time.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.mainArea6 .lastestNewList .type {
    width: 20%;
    padding: 0 10px;
    font-size: .8889em;
    font-family: IBMPlexMono;
}

.mainArea6 .lastestNewList .type span {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #000;
}

.mainArea6 .lastestNewList .title {
    width: 65%;
    padding: 0 10px;
}

/*============*/
.mainArea .flexImgText {
    margin-bottom: 60px;
}

.mainArea p {
    color: #424242;
}

.mainArea .mybanner {
    margin: 20px 0;
}

.mainAreaBC .breadcrumb {
    width: 75%;
    font-size: 1.3333em;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    margin-top: -150px;
    z-index: 3100;
}

.mainAreaBC .breadcrumb a {
    position: relative;
    color: #212121;
}

.mainAreaBC .breadcrumb a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.mainAreaBC .breadcrumb a:hover:after,
.mainAreaBC .breadcrumb a:focus:after {
    width: 100%;
    opacity: 1;
}

.mainAreaBC .breadcrumb ul li:last-child {
    font-weight: bold;
}

.design-list .myflex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 1rem;
}

.design-list .border {
    position: relative;
    border-top: 1px solid #d3d3d3;
    margin-bottom: 80px;
}

.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 .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: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 500px;
    width: 100%;
}

.design-list .cover span {
    display: block;
    width: 100%;
    margin-top: 20px;
}

.design-list .border .cover {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto;
}

.design-list .detail {
    padding: 90px 30px 30px 0;
    /*
	padding:30px 30px 30px 0;
	min-height:250px;
	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%;
}  20220720*/

.design-list .detail>div.content {
    max-width: 100%;
    width: 450px;
}

.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:not(.nolink):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);
}



.myImgHead .border {
    /*
    width: 900px;
    max-width: 100%;
    padding-right: 40px;
    padding-left: 10px;*/
    width: 50%;
    max-width: 100%;
}

.myImgHead .myheading {
    padding: 40px 40px 40px 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: #000;
    /*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: #000;
}

.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-top: 20px;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: bold;
}

.mainAreaIntro3 .data {}

.mainAreaIntro3 .data .myflex {
    margin-left: -50px;
    /*-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.mainAreaIntro3 .data .myflex>div {
    min-width: 33.333%;
    max-width: 33.333%;
    padding: 50px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 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 .area-oc .cont-en>div {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.mainAreaIntro4 .tree-title>div>span {
    display: block;
    font-weight: bold;
    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%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.imgChart .full .cover {
    padding: 0 80px;
}

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

.myform .myform-input {
    padding: 20px 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: 1px solid #bdbdbd;
}

.myform .myform-input-area>div {
    padding: 0;
    border-bottom: 1px solid #bdbdbd;
}

.myform .myform-input-area>div.right {
    border-left: 1px solid #bdbdbd;
}

.myform .myform-input-area .full {
    width: 100%;
}

.myform .myform-input-area .half {
    width: 50%;
}

.myform .myform-input-area .half.right {}

.myform input[type="text"] {
    border: 0;
    padding: 28px;
    width: 100%;
}

.myform textarea {
    border: 0;
    padding: 28px;
    width: 100%;
    height: 200px;
    resize: none;
    display: block;
}

.myform select {
    border: 0;
    padding: 28px;
    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: 24px;
    height: 24px;
    top: 50%;
    right: 12px;
    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(-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: 20px 0;
}

.myform .myform-submit input[type="submit"] {
    font-size: 1.1111em;
    background-color: #fff;
    border: 2px solid #000;
    padding: 16px;
    width: 280px;
    max-width: 100%;
    text-align: center;
}

.myform .myform-submit input[type="submit"]:focus,
.myform .myform-submit input[type="submit"]:hover {
    color: #fff;
    background-color: #000;
}

.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: 60px 60px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
}

.contact-list>div.full,
.contact-list>div:not(.right) {
    padding-left: 0;
}

.contact-list .full {
    width: 100%;
    padding: 60px 0;
}

.contact-list .full .myflex>div {
    padding: 0 60px;
}

.contact-list .full .myflex>div:nth-child(1) {
    padding-left: 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: 20px 0 40px 0;
}

.contact-list .title,
.contact-list .title a {
    color: #212121;
}

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

.ffFilter>div {
    margin: 0 10px;
    max-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);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    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;
}

.ffFilter .selectBorder:hover:before {
    /*
	right:-50px;*/
}

.ffFilter select,
.ffFilter input[type=submit] {
    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;
    width: 100%;
}

.ffFilter input[type=submit] {
    height: fit-content;
    background: #b5afaf;
    color: white;
    padding: 19px 18px;
    width: auto;
}

.ffFilter select:required:invalid {
    color: gray;
}

.ffFilter option[value=""][disabled] {
    display: none;
}

.ffFilter option {
    color: #000;
}

.ffResult {
    border-collapse: collapse;
    margin: 20px 0;
}

.ffResult .border {
    position: relative;
    border-top: 1px solid #d3d3d3;
    border-collapse: collapse;
    padding-top: 30px padding-bottom: 60px;
}

.ffResult .mylabel {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    margin-bottom: 20px;
}

.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 20px;
    font-size: 0.7778em;
    font-family: IBMPlexMono;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    max-width: 100%;
    width: calc(100vw - 900px);
    min-width: 25vw;
}

.ffResult .organiser .name {
    font-size: 1.2857em;
    font-weight: bold;
    font-family: IBMPlexSans;
}

.ffResult .cover img {
    max-width: 380px;
    max-height: 418px;
    width: auto;
    height: auto;
    padding: 40px;
}

.ffResult .cover img[src*="CSI-logo.jpg"],
.ffResult .cover img[src*="film_dev_fund.svg"] {
    max-width: 100%;
}

.ffResult .main {
    max-width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.ffResult .detail {
    max-width: 66.66% -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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.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 .tag .tag9 a {
    background-color: #baffcb;
}

.ffResult .content {}

.ffResult .cover {
    width: 33.33%;
    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;
}


.whatsnewList {
    margin: 0 -2.8%;
}

.header.whatsnewList {
    margin: 0;
}

.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);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.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);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.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: .7778em;
    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;
    width: 100%;
}

.whatsnewList .detail .link {
    margin-bottom: 20px;
    width: 100%;
}

.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);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.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 {
    padding: 50px 0;
}

.statistics-list>.myflex {}

.statistics-list>.myflex>div {
    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:not(:nth-child(2)) {
    border-top: 1px solid #d3d3d3;
}

.statistics-list .detail {
    padding: 24px 0px 24px 12px;
}

.statistics-list .title {
    font-size: 1.1671em;
}

.statistics-list .xls,
.statistics-list .pdf {
    width: 50%;
}

.statistics-list .link {
    width: 90%;
}

.statistics-list .xls a,
.statistics-list .pdf a,
.statistics-list .link a {
    display: block;
    font-size: .7778em;
    font-family: IBMPlexMono;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}

.statistics-list .xls a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/icon/icon_table.svg);
    background-repeat: no-repeat;
}

.statistics-list .pdf a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 27px;
    height: 31px;
    background-image: url(../images/icon/icon_pdf.svg);
    background-repeat: no-repeat;
}

.statistics-list .link a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 27px;
    height: 31px;
    background-image: url(../images/icon/icon_newwindow.svg);
    background-repeat: no-repeat;
}

.statistics-list.statistics3>.myflex>div {
    width: 20%;
    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(1) {
    width: 70%;
}

.statistics-list.statistics3>.myflex>div:last-child {
    padding-right: 0;
}

.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: 8px;
    top: 8px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .7778em;
    color: #000;
    background-color: #ffa231;
    padding: 7px 16px;
    font-family: IBMPlexMono;
    border-radius: 16px;
}

.linksList .type.type1 {
    background-color: #ffa231;
}

.linksList .type.type2 {
    background-color: #ffa0b2;
}

.linksList .type.type3 {
    background-color: #fff176;
}

.linksList>div {
    width: 50%;
    position: relative;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-collapse: collapse;
    min-height: 240px;
    padding: 40px;
    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%;
}

/*============*/
.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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

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

/*================================*/
.flexBetween {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexMiddle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.expand_list {
    counter-reset: question;
    /*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:not(.faq):before {
    counter-increment: question;
    content: counter(question);
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
	
    border: 3px solid #282828;
    text-align: center;
    border-radius: 100px;
    width: 1.6em;
    height: 1.6em;
    top: 22px;
}
*/
.expand_list .title a span.count:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 3px solid #282828;
    text-align: center;
    border-radius: 100px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

span.count {
    position: absolute;
    left: 0;
    top: 22px;
    width: 2em;
    height: 2em;
    text-align: center;
}

.expand_list .title a:active:before,
.expand_list .title a:hover:before,
.expand_list .title a:focus:before {
    border-color: #0d2e4a;
}

.expand_list .title a:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon/icon_cross.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -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 div.nomargin,
.mainContent div.nomargin {
    margin-top: 0;
    margin-bottom: 0;
}

/*=============================*/
.section5 .leftMenu .menuLv0>li>a {
    position: relative;
    padding-right: 55px;
}

.section5 .leftMenu .menuLv0>li>a:after {
    content: "";
    position: absolute;
    right: 13px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.section5 .leftMenu .menuLv0>li:nth-child(1)>a:after {
    background-image: url(../images/icon/icon_chart.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(2)>a:after {
    background-image: url(../images/icon/icon_article.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(3)>a:after {
    background-image: url(../images/icon/icon_judgment.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(4)>a:after {
    background-image: url(../images/icon/icon_link.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(5)>a:after {
    background-image: url(../images/icon/icon_faqs.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(1)>a:hover:after,
.section5 .leftMenu .menuLv0>li:nth-child(1)>a:focus:after,
.section5 .leftMenu .menuLv0>li:nth-child(1).active>a:after,
.section5 .leftMenu .menuLv0>li:nth-child(1)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(1)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(1)>a.active_section.active_section_sub:after {
    background-image: url(../images/icon/icon_chart_i.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(2)>a:hover:after,
.section5 .leftMenu .menuLv0>li:nth-child(2)>a:focus:after,
.section5 .leftMenu .menuLv0>li:nth-child(2).active>a:after,
.section5 .leftMenu .menuLv0>li:nth-child(2)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(2)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(2)>a.active_section.active_section_sub:after {
    background-image: url(../images/icon/icon_article_i.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(3)>a:hover:after,
.section5 .leftMenu .menuLv0>li:nth-child(3)>a:focus:after,
.section5 .leftMenu .menuLv0>li:nth-child(3).active>a:after,
.section5 .leftMenu .menuLv0>li:nth-child(3)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(3)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(3)>a.active_section.active_section_sub:after {
    background-image: url(../images/icon/icon_judgment_i.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(4)>a:hover:after,
.section5 .leftMenu .menuLv0>li:nth-child(4)>a:focus:after,
.section5 .leftMenu .menuLv0>li:nth-child(4).active>a:after,
.section5 .leftMenu .menuLv0>li:nth-child(4)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(4)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(4)>a.active_section.active_section_sub:after {
    background-image: url(../images/icon/icon_link_i.svg);
}

.section5 .leftMenu .menuLv0>li:nth-child(5)>a:hover:after,
.section5 .leftMenu .menuLv0>li:nth-child(5)>a:focus:after,
.section5 .leftMenu .menuLv0>li:nth-child(5).active>a:after,
.section5 .leftMenu .menuLv0>li:nth-child(5)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(5)>a.leftbtn.active_sub_section:after,
.section5 .leftMenu .menuLv0>li:nth-child(5)>a.active_section.active_section_sub:after {
    background-image: url(../images/icon/icon_faqs_i.svg);
}

.myStatHeading {
    margin-top: 60px;
    margin-bottom: 40px;
}

.myStatList {
    margin-bottom: 20px;
}

.myStatList>div {
    position: relative;
    /*width:430px;*/
    max-width: 100%;
    padding-right: 20px;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 600px) {
    .myStatList>div {
        width: 25%;
        margin-right: 50px;
    }
}

@media only screen and (max-width: 445px) {
    .myStatList {
        display: block;
    }
}

.myStatList>div:before,
.myStatList .list_0 img {
    content: "";
    position: absolute;
    left: 0;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.myStatList .list_1:before {
    background-image: url(../images/icon/icon_stat_1.svg);
}

.myStatList .list_2:before {
    background-image: url(../images/icon/icon_stat_2.svg);
}

.myStatList .list_3:before {
    background-image: url(../images/icon/icon_stat_3.svg);
}

.myStatList .list_4:before {
    background-image: url(../images/icon/icon_stat_4.svg);
}

.myStatList .list_5:before {
    background-image: url(../images/icon/icon_stat_5.svg);
}

.myStatList .value {
    font-size: 1.3333em;
    font-weight: bold;
}

.myStatList .detail {
    color: #424242;
}

/*=============*/
.mytag_wn,
.mytag_ev {
    font-size: 1.7778em;
    margin: -15px -20px 0 -20px;
}

.mytag_wn>div {}

.mytag_wn a,
.mytag_ev a {
    display: block;
    padding: 20px 20px;
    font-weight: bold;
    color: #595959;
}

.mytag_wn .active a,
.mytag_ev .active a {
    color: #212121;
}

.filterBtn a {
    display: inline-block;
    font-size: 1.1111em;
    padding: 16px 16px;
    padding-left: 45px;
    border: 2px solid #000;
    display: inline-block;
    max-width: 100%;
    text-align: center;
}

.filterBtn a.active,
.filterBtn a:focus,
.filterBtn a:hover {
    background-color: #000;
    color: #fff;
}

.filterBtn a span {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.filterBtn a span:before {
    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    right: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.timeline .filterBtn a span:before {
    background-image: url(../images/icon/icon_timeline.svg);
}

.timeline .filterBtn a.active span:before,
.timeline .filterBtn a:focus span:before,
.timeline .filterBtn a:hover span:before {
    background-image: url(../images/icon/icon_timeline_i.svg);
}

.fnk_hd {
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
    font-family: IBMPlexMono;
}

.fnk_hd:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/icon/icon_radio.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.tool_wn {
    margin-bottom: 40px;
}

.ft_wn {
    margin: 0 -20px;
}

.ffFilter.ft_wn>div {
    width: 320px;
    padding: 20px;
    margin: 0;
}

.dptool {
    font-family: IBMPlexMono;
    font-size: 0.7778em;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dptool .tit {
    text-transform: uppercase;
    margin: 10px 15px;
}

.dptool .mydisplay a {
    position: relative;
    display: block;
    padding: 0 10px;
    padding-left: 55px;
    margin: 10px 0;
}

.dptool .mydisplay .active a,
.dptool .mydisplay a:hover,
.dptool .mydisplay a:focus {
    color: #732dd9;
}

.dptool .mydisplay a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.dptool .mydisplay .mdp_grid a:before {
    background-image: url(../images/icon/icon_grid.svg);
}

.dptool .mydisplay .mdp_grid.active a:before,
.dptool .mydisplay .mdp_grid a:hover:before,
.dptool .mydisplay .mdp_grid a:focus:before {
    background-image: url(../images/icon/icon_grid_i.svg);
}

.dptool .mydisplay .mdp_list a:before {
    background-image: url(../images/icon/icon_list.svg);
}

.dptool .mydisplay .mdp_list.active a:before,
.dptool .mydisplay .mdp_list a:hover:before,
.dptool .mydisplay .mdp_list a:focus:before {
    background-image: url(../images/icon/icon_list_i.svg);
}

.displayList .ffResult-news .grid-item {
    width: 100%;
    padding: 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

.displayList .ffResult-news .grid-item:nth-child(1) {
    border-top: 1px solid #e0e0e0;
}

.displayList .whatsnewList {
    margin: 0;
}

.displayList .whatsnewList .cover {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 333px;
    max-width: 100%;
}

.displayList .whatsnewList .detail {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding-right: 20px;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.displayList .whatsnewList .detail .title {
    margin-top: 10px;
    width: 100%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.displayList .whatsnewList .detail .content {
    width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.displayList .whatsnewList .detail .tag {
    margin: 10px 0;
}

.displayList .whatsnewList .detail .tag .type {
    margin-bottom: 0;
}

/*==================*/
.whatsnewList .page_control {
    font-family: IBMPlexMono;
    margin: 30px 0;
}

.whatsnewList .page_control,
.whatsnewList .page_control a {
    color: #757575;
}

.whatsnewList .page_control .active,
.whatsnewList .page_control .active a {
    color: #000;
}

.whatsnewList .page_control>.myflex {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.whatsnewList .page_control>.myflex>div {
    padding: 0 6px;
}

.whatsnewList .page_control>.myflex>div a {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
}

.whatsnewList .page_control>.myflex>div a:hover,
.whatsnewList .page_control>.myflex>div a:focus {
    text-decoration: none;
    color: #444;
}

.whatsnewList .page_control>.myflex .next,
.whatsnewList .page_control>.myflex .prev {
    font-size: .8889em;
    margin: 0 20px;
}

.whatsnewList .page_control>.myflex .pagenum a:before {
    content: "";
    position: absolute;
    background: #bdbdbd;
    height: 1px;
    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;
}

.whatsnewList .page_control>.myflex .pagenum.active a:before {
    background: #000;
    bottom: 0;
    height: 8px;
}

.whatsnewList .page_control>.myflex .pagenum a:focus:before,
.whatsnewList .page_control>.myflex .pagenum a:hover:before {
    background: #444;
}

.ffFilter.flexLeft {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ev2aFilter {
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.activeFilter .tit {
    font-family: IBMPlexMono;
    text-transform: uppercase;
    font-size: 0.7778em;
    padding-right: 20px;
}

.activeFilter .tit:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 20px;
    width: 1px;
    background-color: #e0e0e0;
}

.activeFilter .tag a {
    content: "";
    position: relative;
    padding: 0 50px;
    color: #732dd9;
}

.activeFilter .tag a:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_closetag.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.clearFilter a {
    display: block;
    text-transform: uppercase;
    font-family: IBMPlexMono;
    color: #000;
    padding: 20px;
    background-color: #f4f4f4;
}

.mypage_ev,
.eventOn .mypage_wn {
    display: none;
}

.eventOn .mypage_ev {
    display: block;
}

.eventOn .mypage_ev.mypage_ev1,
.eventOn .mypage_ev.mypage_ev2 {
    display: none;
}

.eventOn.event1 .mypage_ev.mypage_ev1,
.eventOn.event2 .mypage_ev.mypage_ev2 {
    display: block;
}

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

.mypage_ev .statistics-list .detail {
    padding: 22px 0px 20px 12px;
}

.mypage_ev .statistics-list .title {
    font-size: 1.3333em;
    font-weight: bold;
    margin-bottom: 16px;
}

.mypage_ev .statistics-list .location {
    position: relative;
    margin: 10px 0;
    padding-left: 28px;
}

.mypage_ev .statistics-list .location:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_location.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.mypage_ev .statistics-list .ticket {
    position: relative;
    margin: 10px 0;
    padding-left: 28px;
}

.mypage_ev .statistics-list .ticket:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_ticket.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.myFilter .filter_dropdown .multi-checkbox-field {
    margin-bottom: 16px;
}

.multi-checkbox-field {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    position: relative;
    margin-bottom: 16px;
}

.multi-checkbox-field-toggle {
    background: #fff;
    cursor: pointer;
    line-height: 24px;
    padding: 0;
    position: relative;
    min-width: 200px;
}

.multi-checkbox-field-toggle>a {
    display: block;
    padding: 16px 20px 14px;
    color: #000;
    text-decoration: none !important;
    margin-right: 50px;
}

.multi-checkbox-field-toggle:after {
    content: "";
    background-image: url(../images/chevron-down-green.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 11px;
    height: 10px;
    background-repeat: no-repeat;
    margin-top: -5px;
}

.multi-checkbox-field.active .multi-checkbox-field-toggle:after {
    background-image: url(../images/filter_close.png);
}

.multi-checkbox-field .list {
    background: #fff;
    border: 1px solid #ebebeb;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 0;
    display: none;
    margin: 0 -1px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 16px 20px 14px;
    max-height: 282px;
    overflow-y: scroll;
}

.multi-checkbox-field .list,
.multi-checkbox-field.active {
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    width: fit-content;
}

.multi-checkbox-field.active .list {
    display: block;
    padding-top: 8px;
}

.multi-checkbox-field .checkbox {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.myFilter .checkbox,
.myFilter .checkboxset,
.myFilter .optionset,
.myFilter .radio {
    margin-right: 16px;
    margin-top: 4px;
}

.multi-checkbox-field .checkbox {
    padding-left: 0;
}

.multi-checkbox-field .checkbox input {
    margin: 0;
    margin-right: 20px;
}

.ffFilter.fit input {
    width: auto;
}

.radio label,
.checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
}

.multi-checkbox-field .checkbox label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
}

.myFilter .checkbox label,
.myFilter .checkboxset label,
.myFilter .optionset label,
.myFilter .radio label {
    margin-right: 8px;
}

.mainArea .mybtn {
    display: inline-block;
    font-size: 1.1111em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0 24px;
}

.mainArea .mybtn a {
    display: block;
    text-align: center;
    min-width: 185px;
    max-height: 54px;
    padding: 16px 36px;
    font-size: 14px;
}

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

.myflexFirstDiv,
.myflexFirstDiv .type {
    min-width: 130px;
}

.videoArea {
    margin-bottom: 70px;
}

.videoArea .border {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.videoArea .border iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

body a:hover {
    color: unset;
}

.left_arrow::before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

.right_arrow::before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f002';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

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

.eventOn .event-search {
    display: block !important;
}

.title_center {
    text-align: center;
}

div.alterColor {
    background: #fafafa !important;

}

.rightbtnwrap {
    text-align: right;
    width: 40%;
}

.rightbtnwrap>div {
    margin-left: 1rem;
    display: inline-block;
}

.detailBackBtn a span:before {
    background-image: url(../images/icon/east-black-24-dp-b.svg);
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    top: 54%;
    transform: translateY(-50%);
}

.detailBackBtn a:active span:before,
.detailBackBtn a:focus span:before,
.detailBackBtn a:hover span:before {
    background-image: url(../images/icon/east-black-24-dp-w.svg);
}

.detailBackBtn a.active,
.detailBackBtn a:focus,
.detailBackBtn a:hover {
    background-color: #000;
    color: #fff;
}

.detailBackBtn a span {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.detailBackBtn a {
    display: inline-block;
    font-size: 1.1111em;
    padding: 16px 16px;
    padding-left: 45px;
    border: 2px solid #000;
    display: inline-block;
    max-width: 100%;
    text-align: center;
}


@media {
    min-width: 1200px) {}

    @media screen and (max-width: 992px) {
        body .subMenuFlex {
            flex-wrap: wrap;
        }

        body .whatsnew_detail .leftMenu {
            display: block;
            width: 100%;
        }
    }

    .timeline .filterBtn.archiveBtn a span:before {
        background-image: url(../images/icon/archive-24-dp-b.svg);
    }

    .timeline .filterBtn.archiveBtn a.active span:before,
    .timeline .filterBtn.archiveBtn a:focus span:before,
    .timeline .filterBtn.archiveBtn a:hover span:before {
        background-image: url(../images/icon/archive-24-dp-w.svg);
    }

    /*======================*/
    body:not(.fixedHeader) .bodyArea {
        padding-top: 0 !important;
    }

    .headerArea {
        top: 0;
        background-color: #FFF;
    }

    .fixedHeader .headerArea {
        position: fixed;
    }

    .footerArea .fMenu>li>a:hover,
    .footerArea .fMenu>li>a:focus {
        text-decoration: none !important;
        cursor: auto;
    }

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

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



    @media only screen and (max-width: 991px) {
        .ffResult .mylabel>div.extraDiv {
            min-width: 0px;
        }
    }

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

        /*20220715*/
        .time .myflex {
            align-items: center;
            justify-content: center;
            flex-flow: column;
        }

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

        #industAreaTxt,
        #hotKeywordTxt {
            min-width: unset !important;
        }

        /*20220715*/
        .mypage_ev .statistics-list .detail {
            padding: 22px 10px;
        }

        .statistics-list.statistics3>.myflex>div:nth-child(1) {
            width: 95%;
            line-height: 1.2;
        }

        .mainArea .mybtn {
            margin: 0 0px;
        }

        .myFilter .myflex {
            justify-content: start;
        }

        /*20220715*/

        .footerArea1 .footerContact .border>div:not(.footerFollow)::before {
            margin-left: 12%;
        }

    }

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

        .bodyArea .flexslider .flex-control-paging li a {
            width: auto;
        }
    }

    @media only screen and (max-width: 320px) {
        body .flexslider .flex-direction-nav .flex-prev {
            margin-left: -10%;
        }

        body .flexslider .flex-direction-nav .flex-next {
            margin-right: -10%;
        }

        .footerArea1 .footerContact .border>div:not(.footerFollow)::before {
            margin-left: 0%;
        }
    }

    .rsMenu li span {
        float: left;
    }

    .heading-padding-top {
        margin-top: 60px !important;
    }

    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFPrev a,
    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFNext a,
    .bodyArea .flexslider .flex-control-paging li.myFFPrev a,
    .bodyArea .flexslider .flex-control-paging li.myFFNext a {
        position: relative;
        text-indent: 0;
    }

    .bodyArea .flexslider .flex-control-paging li.myFFPrev a:before,
    .bodyArea .flexslider .flex-control-paging li.myFFNext a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        color: rgba(0, 0, 0, 0.8);
        background-color: transparent;
        -webkit-transform: translate(100%, -4px);
        -ms-transform: translate(100%, -4px);
        transform: translate(100%, -4px);
    }

    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFPrev a:before,
    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFNext a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        color: rgba(0, 0, 0, 0.8);
        background-color: transparent;
        -webkit-transform: translate(0%, -4px);
        -ms-transform: translate(0%, -4px);
        transform: translate(0%, -4px);
    }

    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFPrev a:before,
    .bodyArea .flexslider .flex-control-paging li.myFFPrev a:before {
        content: '\f001';
    }

    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFNext a:before,
    .bodyArea .flexslider .flex-control-paging li.myFFNext a:before {
        content: '\f002';
    }

    .myFFPrev a span,
    .myFFNext a span {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        left: -9999px;
    }

    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFPrev a:focus:before,
    .footerArea #flexslider_footer.flexslider .flex-control-paging li.myFFNext a:focus:before,
    .bodyArea .flexslider .flex-control-paging li.myFFPrev a:hover:before,
    .bodyArea .flexslider .flex-control-paging li.myFFNext a:hover:before {
        color: rgba(0, 0, 0, 1);
        background-color: transparent;
    }

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

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

    @media screen and (max-width: 992px) {
        .footerArea #flexslider_footer .slides li {
            padding-bottom: 10px;
        }

        .mainAreaIntro1 .myImgHead {
            background-image: url(../images/banner/img_banner2_mobile.jpg);
        }

        .mainAreaFns1 .myImgHead {
            background-image: url(../images/banner/img_banner3_mobile.jpg);
        }
    }

    .nowrap{
        white-space: nowrap;
    }

    .subMenu_container {
        max-width: 100%;
    }


    @media print {
        .footerArea #flexslider_footer .slides li {
            padding-bottom: 10px;
        }

        .mainArea3 .highlightsList .data,
        .bodyArea .flexslider .slides,
        .footerArea #flexslider_footer .slides {
            flex-direction: row;
            flex-wrap: wrap;
        }

        .mainArea3 .highlightsList .data>div:not(.scroll-content):not(.scroll-element):nth-child(1) {
            margin-left: 0;
        }

        .mainArea3 .highlightsList .data>div:not(.scroll-content):not(.scroll-element) {
            width: 450px;
        }

        #flexslider-fns>div>ul,
        #flexslider_footer>div>ul {
            width: 1024px !important;
        }

        .mainArea4 .ourServicesList {
            max-width: 95%;
        }

        .mytag_wn,
        .mytag_ev,
        .mainAreaIntro3 .data .title {
            font-size: 1.5rem;
        }

        .whatsnewList .detail .title,
        .whatsnewList .detail .link,
        .mainAreaIntro3 .data .sub-title {
            font-size: 1rem;
        }

        .bodyArea .heading5 {
            font-size: 1.3rem;
        }

        .mainAreaIntro2 .title {
            font-size: 1.4rem;
        }

        .mainAreaIntro4 {
            font-size: 0.5rem;
            padding: 0;
        }

        .mainAreaIntro4 .h1 {
            font-size: 6.5em
        }

        .mainArea .dl-pdf {
            padding-top: 0;
        }

        div.mainArea.mainAreaIntro3,
        div.mainArea.mainAreaIntro4 {
            page-break-inside: avoid;
        }
    }