﻿html {
	font-size: 1em;
}

body {
	/*font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";*/
	font-family: "Nunito Sans", "Helvetica", "sans-serif", "microsoft jhenghei";
	color: #2b3944;
	background-color: #fff;
	/*
	visibility: hidden;*/
}

html body {
	height: auto;
	font-size: 1em;
}

body #wrap .container {
	/* max-width: 1280px;
	width: 100%!important;
	margin: auto !important;
	margin: 0 auto !important;*/
}

.indexVersion #wrap {
	/*
	background-image:url(../images/bg/img_bg_main_1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;*/
}

.container:before {}

.disnone {
	display: none !important;
}

*:before,
*:after {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-ExtraLight.ttf") format("truetype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}



@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}



@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}



@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url("fonts/NunitoSans-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

/*
body.simplify {
	font-family: "Times New Roman", "细明体";
}
@font-face {
	font-family: SourceHanSansHC;
	src: url("fonts/SourceHanSansHK-Light.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: SourceHanSansSC;
	src: url("fonts/SourceHanSansCN-Light.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Dancing Script;
	src: url("fonts/DancingScript-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Oswald Regular;
	src: url("fonts/Oswald-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Oswald Regular;
	src: url("fonts/Oswald-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}*/
body p {
	margin: 0 0 1.2em 0;
}

.mainContent a {
	color: #3f7cd8;
}

.mainContent p a {
	/*	color:#bb370f;*/
}

div.mainContent p,
div.mainContent li {
	/*	text-align:	justify;*/
}

.chineseVersion div.mainContent p,
.chineseVersion div.mainContent li {
	/*
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	/*-moz-text-align-last: justify; /*Firefox*/
	/*-webkit-text-align-last: justify; /*Chrome*/
}

.mainContent a:active,
.mainContent a:hover,
.mainContent a:focus {
	color: #0053B3;
}

.mainContent a.close:active,
.mainContent a.close:hover,
.mainContent a.close:focus {
	/*color: #fff;*/
	text-decoration: none;
}

img,
svg {
	vertical-align: middle;
}

label {
	display: inline-block;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

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 {
	text-align: 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.9em
}

.right {
	text-align: right !important;
}

.bodyArea {
	/*	font-size: 13px;
	background-image: url(../images/woc_bg.jpg);*/
	background-position: center top;
	/*
	overflow: hidden;*/
}

.bodyArea h1 {
	font-size: 2em;

	font-weight: bold;
}

.bodyArea .mainArea h1 {
	font-size: 2em;
	text-align: center;
	margin-bottom: 1em;
}

/*
.bodyArea .mainContent>h1{
	display:none;
}*/
.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;*/
	margin-right: auto;
	margin-left: auto;
	/*
    padding-bottom: 40px;*/
	/*
	min-height: calc(100vh - 260px);*/
	padding: 10px 0;
}

.bodyArea .mainContent.empty {
	padding: 0;
}

.indexVersion .bodyArea .mainContent {
	width: 100%;
}

.bodyArea .mainContent {
	/*    margin-left: 320px;*/
}

.bodyArea .mainContent .my_content {
	padding: 20px 30px;
}

body.indexVersion .mainContent {}

.bodyArea .headerMenu {
	/*	font-size: 15px;*/
}

.mainContent {
	/*
	line-height: 1.6em;
	font-size:1.2em;*/
	color: rgba(0, 0, 0, 0.87);
}

.mainContent h1,
.mainContent h2,
.mainContent h3 {}

.mainContent .myHeader {
	margin-bottom: 28px;
}

.mainContent .myHeader h1 {
	margin: 0;

	line-height: normal;
}

.mainContent .myHeader2 {
	margin-bottom: 25px;
}

.mainContent .myHeader2 h2 {
	margin-bottom: 0;
}

.mainContent p {
	text-align: left;
	line-height: normal;
	margin: 0 0 1em 0;
	color: rgba(0, 0, 0, 0.6);
}

.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;
}

ol>li>ul {
	list-style-type: disc;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	height: 120px !important;
}

.micp {
	padding-left: 200px;
	padding-right: 200px;
}

/*=========header=========*/

body {
	/*	background-color: #fff;*/
}

body #wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

body.indexVersion #wrap {}

body.indexVersion .headerArea {}

body #wrap .container {
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
	clear: both;
	/*
	padding-right: 10px;
	padding-left: 10px;*/
}

.main_secBanner {
	position: relative;
	top: 520px;
}

body.indexVersion #header:after {
	display: none;
}

body.indexVersion .bodyArea {
	/*	background-image:url(../images/bg_index.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height:500px;*/
}

#header:after {
	/*	content:" ";
	display:block;
	width:100%;
	height:20px;
	background-image:url(../images/sd_header.jpg);
	background-position:left top;
	background-repeat:repeat-x;*/
}

.headerArea .container {
	/*	height: 135px*/
}

/*#wrap{
	background-image:url(../images/bg_main1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}*/
.mainbanner {
	/*	background-image:url(../images/img_jp_banner.jpg);
	background-repeat:no-repeat;
    background-size: contain;
    padding-bottom: 14.375%;
    width: 1920px;
    max-width: 100%;*/
}

.chineseVersion .mainbanner {
	/*
	background-image:url(../images/img_jp_banner_tc.jpg);*/
}

.indexVersion .mainbanner {
	/*
	display:none;*/
}

.indexVersion .btmNav {}

.mb_area {
	/*
	position: relative;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 440px;
    overflow: hidden;*/
	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: 100%;
	/*
	border-bottom: 25px solid #007d8f;*/
	/*
	padding-bottom: 40px;*/
	z-index: 5;
}

.content_bg>.container {
	position: relative;
	z-index: 10;
	height: 100%;
	/*
	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 130px;*/
}

.headerArea {
	/*color: #3e5259;	/*padding:5px 20px;*/
	/*	background-image: url(../images/bg_header.jpg);*/
	background-repeat: no-repeat;
	/*
	height: 10px;*/
}

.headerArea1 {
	/*
	border-top:15px solid #2e9057;*/
}

.headerArea2 {
	/*
	background-color: #c5f4e0;*/
	z-index: 4000;
	position: relative;
	background-repeat: repeat;
}

.headerArea2 .headerNav {
	/*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.headerArea2 .headerNav>div {
	/*
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/
}

.indexVersion .headerArea2 {}

.headerTop {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: right;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	padding: 10px 0;
	font-size: 1em;
}

/*
.mainbanner{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
    min-height: 282px;
	background-image:url(../images/headerbanner/img_section1.jpg);
	background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top center;
}


.indexVersion .mainbanner{
	min-height: 0;
	background-image: none;
}*/
.mainbanner .flex-pauseplay {
	z-index: 7000;
	position: static;
}

.mainbanner h1 {
	color: #ffff00;
}

.mainbanner .flex-pauseplay a {
	left: auto;
	right: 10px;
	top: 10px;
	bottom: auto;
	color: #ffca2e;
}

.mainbanner img {
	z-index: -13;
	max-width: none;
}

.content_top_banner {
	/*	float: right;*/
	min-height: 125px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	display: block;
	height: 250px;
}

.headerArea .headerBottom {
	/*	background-image: url('../images/bg_header.png');
	background-repeat: repeat-y;
	padding: 20px;*/
}

.headerArea .headerBg {
	background-color: #ff913f;
	height: 43px;
	width: 100%;
	position: absolute;
	top: 122px;
	left: 0;
	z-index: -1;
	border-bottom: 3px solid #203682;
}

.headerArea ul {
	margin: 0;
	padding: 0;
}

.headerArea .myTool {
	/*background-color:#fff;*/
	/*float:left;*/
}

.headerArea .headerTool {
	/*background-color:#032257;*/
	background-color: inherit;
	/*    background-color: #fff;
/*	width: 85%;*/
	/*	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 {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.headerArea .headerMenu a,
.headerArea .headerMenu a:link,
.headerArea .headerMenu a:visited,
.headerArea .headerMenu a:hover,
.headerArea .headerMenu a:focus,
.headerArea .headerMenu a:active {
	color: #fff;
	background-color: transparent;
}

.headerArea .headerMenu .extmenu a,
.headerArea .headerMenu .extmenu a:link,
.headerArea .headerMenu .extmenu a:visited,
.headerArea .headerMenu .extmenu a:hover,
.headerArea .headerMenu .extmenu a:focus,
.headerArea .headerMenu .extmenu a:active {
	color: #2e4f72;
	background-color: #fff;
	/*
    background-color: #ffd1e9;*/
}

/*.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: #fff;
	background-color: #1a58ab;
}

.headerArea .topHeaderTool {
	margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
	margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool>div,
.headerArea .headerTool .bottomHeaderTool>div {
	float: left;
}

.headerArea .headerTool .myTool .myLogo {
	position: relative;
	z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 101px;
	background-repeat: repeat-x;
	/*	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 .mobSearchArea {
	/*
	display: inline-block;*/
	vertical-align: middle;
}

/*.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: auto;
	max-width: 100%;
	width: 330px;
	/*
    background-color: #fff;*/
}

.headerTool .bs-example-js-navbar-search input[type="text"] {
	background-color: #fff;
}

.headerArea .headerTool .clientTool:not(.activeSearch) .search img.close {
	display: none;
}

.headerArea .headerTool .clientTool.activeSearch .search img.open {
	display: none;
}

.headerArea .headerTool .activeSearch .searchTool {
	display: block;
}

.headerArea .headerTool .searchTool input {
	/*    border-radius: 10px;
    border: 1px solid #a3a3a3;*/
}

div.searchTool:after {
	content: none !important
}

div.hrbTool:after {
	content: none !important
}

div.mobile_view:after {
	content: none !important
}

/*div.language:after{
	content: "";
	display:none;
}*/
.searchTool form:before {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	margin-left: 5px;*/
}

.clientTool div:after {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}

div.language li:after {
	/*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}

/*div.AStyleArea:before{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	padding-right: 10px;
}
div.language:after{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 10px;
	padding-right: 5px;
}*/
div.language li.last:after {
	content: "";
	display: none;
}

.hrbTool:before {
	content: none !important
}

.headerTool div.RSS {
	color: #be4a03;
	font-size: 14px;
}

.headerTool div.AStyleArea {
	/*	width: 70px;*/
	/*
    line-height: 1em;
	padding:0 17px;*/
	position: relative;
	padding: 0;
}

.headerTool div.AStyleArea:before {
	/*	content:"";
	position:absolute;
	width:1px;
	left:0;
	top:28%;
	bottom:28%;
	background-color:#a0abad;*/
}

.headerTool div.AStyleArea:after {
	/*	content:"";
	position:absolute;
	width:1px;
	right:0;
	top:28%;
	bottom:28%;
	background-color:#5b6c73;*/
}

.headerTool div.setting img {
	width: 20px;
}

.headerTool div.mobile_view {
	/*	width: 45px;*/
	height: 27px;
}

.headerTool div.language ul li {
	display: inline-block;
	/*	padding-right: 5px !important;
	padding-right: 0;
	width: 10px !important;*/
}

.headerTool div.home {}

.headerArea ul {
	/*	float: right;*/
	list-style-type: none;
}

.clientTool ul li {
	margin-left: 0;
	margin-right: 0;
}

.clientTool:before {
	/*	content: " ";
	float: left;
	display: block;
	background-image: url(../images/user_login.png);
	background-repeat: no-repeat;
	position: relative;
	width: 10px;
	height: 9px;
	background-size: 100% 100%;
	margin-right: 5px;
	top: 50%;
	margin-top: -5px;*/
}

.searchTool form {}

.headerArea form a {
	/*
	display: inline-block;
	vertical-align: middle;
	padding: 7px 9px;
	background-color: #1d8acd;*/
}

.headerTool .searchBtn {
	/*
    background-color: #eeeef0;*/
	padding: 7px 12px 7px 12px;
	display: inline-block;
	position: absolute;
	right: 0;
	/*
	background-color:#f2dd2c;*/
}

.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: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	/*
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;*/
	padding: 10px 8px;
	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 {
	background-color: #11447E;
	/*#15549a;*/
	/*text-align: center;
	font-size: .8em;
	display: inline-block;
 	*zoom: 1;
 	*display: inline;
	/*width:1024px;
	height: inherit !important;
	/*background-color: #f4f4f4;
	margin-top: 82px;
	z-index: 7999;
	/*position: relative;
	position: absolute;
	padding-bottom: 0px;
	margin-left: 0px;
	background-image:url('../images/bg_menu.jpg');
	background-repeat: repeat;*/
	/*	float: right;*/
	border-radius: 4px 0 0 4px;
	padding: 0 30px;
	margin: 0 -10px;
	margin-left: auto;
	text-align: left;
	width: 1515px;
	max-width: 100%;

	/*    height: 70px;*/
	/*
    min-height: 62px;*/
	/*
	text-transform: uppercase;*/
	z-index: 8000;
}

/*.indexVersion */
.headerArea .headerTool .headerMenu {
	/*	background-color: #015696;
	background-image: linear-gradient(#0166b4 0, #0166b4 50%, #015696 51%);
	box-shadow: 0 4px 6px -2px #000;
	/*    float: right;
	padding-left:300px;*/
	/*	padding-bottom: 0;
	margin-top: 6px;*/
	/*
	overflow: hidden;
    height: 42px;*/
}

.headerArea .headerTool .headerMenu:before {
	/*	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 42px;
	background-color: #fff;*/
}

.headerArea .headerTool .headerMenu .cross_btn,
.headerArea .headerTool .headerMenu .mob_bak {
	display: none;
}

.headerArea .headerTool .headerMenu.mainheaderMenu {
	/*	position:absolute;*/
	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 {
	/*	margin-left: 25%;
	text-align: right;*/
	padding: 0;
	/*	position:relative;*/
}

.headerMenu:before {
	/*	content:"";
/*	background-image:url(../images/bg_top_menu.jpg);*/
	/*	background-repeat:repeat-x;
	position:absolute;
	background-color:#3b5999;
	left:0;
	right:0;
	height:62px;
	z-index:-1;*/
}

.headerArea .headerTool .headerMenu>ul {
	margin-top: 0;
	/*
	font-family: "Dancing Script";
	font-size: 1.14286em;/*	float: right;
	margin-top:8px;*/
	/*	position: relative;
	margin-left: 35%;
	position: static;
	display: inline-block;
	text-align: right !important;
	margin-top: 40px;*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*
	display: inline-flex;*/
	/*
	-webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;*/
}

.indexVersion .headerArea .headerTool .headerMenu>ul {
	margin-top: 0;
	/*
	font-family: "Dancing Script";
	font-size: 1.14286em;*/
}

#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;*/
}

.caret {
	display: none;
}

.siteList .caret {
	display: none;
}

.subMenuFlex {
	/*
	padding-right:100px;*/
	margin-left: -70px;
	padding-left: 70px;
	padding-bottom: 100px;
	overflow: hidden;
	/*
	max-width: calc(100vw - 17px);  */

}

/*
.activeLM .subMenuFlex{
    margin-left: 0;
}*/
.indexVersion .subMenuFlex {
	/*
	padding-right:0;*/
	margin-left: 0;
	padding-left: 0;
}

.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: 20px;
	/*
	padding-top: 25px;
    padding-bottom: 35px;
	padding-left:30px;*/
	/*z-index: 8888;*/
	/*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	/*z-index: -1;*/
}

.headerTool .myLogo .logo_0,
.indexVersion .headerTool .myLogo .logo_1 {
	display: none;

}

.indexVersion .headerTool .myLogo .logo_0 {
	display: block;
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-child(1)) {
	/*
	padding-left:15px;*/
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-last-child(1)) {
	/*
	padding-right:15px;
	position:relative;*/
}

.headerTool .myLogo>div[class^="logo_"]:not(:nth-last-child(1)):after {
	/*
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:2px;
	height:46px;
	background-color:#c0c0c0;
    -webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);*/
}

.headerTool .myLogo .logo_0 a {
	/*
	padding: 32px 15px;*/
	/*
	padding: 18px;*/
	display: inline-block;
}

.headerTool .myLogo .logo_0 img {
	text-align: left;
	/*	width:346px;*/
}

.headerTool .myLogo .logo_0 span {
	/*	vertical-align: top;
	width: 200px;
	display: inline-block;
	margin-top: 3px;
	margin-left: 15px;
	font-size: 1.1em;*/
	/*
	width:330px;
    display: block;*/
}

.headerTool .myLogo .logo_0 img {
	/*	max-width: 330px;
    width: 100%;*/
	/*
    max-height: 55px;*/
	width: auto;
	max-width: 100%;
}

.headerTool .myLogo .logo_name {
	font-size: 1.8em;
	padding-left: 15px;
	font-weight: bold;
}

.indexVersion .rightTool {
	display: none;
}

.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 {
	position: relative;
	padding: 0;

}

.indexVersion .footerArea {
	box-shadow: none;
	/*    z-index: 8800;*/
}

.footerArea,
.footerArea a {
	/*	color:#fff;*/
	/*	font-weight:bold;/*
	background-color:#9ce6f9;*/
}

.footerArea .container {
	/*	position: relative;
	/*padding-top:15px;
	padding-bottom:30px;*/
	/*	padding: 2em 0;
	/*border-top:1px solid #cccccc;*/
	z-index: 1000;
	/*	color: #fff;*/
}

.footerArea0 {
	overflow: hidden;
	background-color: #6865fc;
	background-image: linear-gradient(90deg, #6865fc, #57d4e6);
	padding: 60px 0;
}

.footerBannerArea {
	max-width: 1600px;
	margin: auto;
}

.footerBanner2 {}

ul.footerBanner2 {
	margin: 0;
	padding: 0;
}

.flex-viewport .footerBanner2.slides>li {
	display: inline-block;
	padding: 0 20px;
	max-width: 100%;
}

.footerArea1 {
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/*
	background-color: #cde1ea;*/
}

.footerArea1 .myflex {
	/*
	border-bottom:1px solid #a5a696;
	padding:40px 0;*/
}

.footerArea1 .myflex>div {
	/*
	width:50%;
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;	*/
}

.footerArea1 .myflex .footerContact {
	width: 450px;
	max-width: 100%;
	padding-right: 2vw;
	position: relative;
}

.footerArea1 .myflex .footerContact:before {}

.footerContact .logo {
	padding: 17px 0;
}

.footerArea1 .myflex .footerMenuArea {
	-webkit-flex: 1 1 0px;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
}

.footerArea1 .footerContact .border {
	padding: 17px 0;
}

.footerArea1 .footerContact .border>.tit {
	font-size: 1.6em;
	font-weight: bold;
	color: #004F80;
	position: relative;
	margin: 0 auto;
	padding: 8px 0;
	border-bottom: 2px solid #004F80;
}

.footerArea1 .footerContact .detail {
	padding: 10px 0;
}

.footerArea1 .footerContact .detail>div {
	padding: 0;
	padding-bottom: 15px;
	padding-left: 75px;
	position: relative;
	font-size: 1em;
}

.footerArea1 .footerContact .detail>div>div {
	padding-bottom: 10px;
}

.footerArea1 .footerContact .detail .tit {
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 5px;
}

.footerArea1 .footerContact .detail .tel:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background-image: url(../images/icon/icon_tel.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.footerArea1 .footerContact .detail .mail:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background-image: url(../images/icon/icon_mail.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.footerArea1 .footerContact .detail .mail>div:not(:last-child) {}

.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: 0.875em;
	padding: 4px 10px;
	background-color: #022953;

}

.footerArea2 .footerRow {
	margin: 0;
	padding: 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 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerArea2 .copyRight {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.footerArea2,
.footerArea2 a {
	color: #fff;
}

.footerArea3 .tit {
	text-align: center;
}

.footerArea3 .tit,
.footerArea3 a,
.footerArea1 .fTool li a {
	color: #004F80;
}

.footerArea3 .footerExternal {
	padding: 20px 0;
	border-bottom: 1px solid #a5a696;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerArea3 .footerExternal>div {
	max-width: 100%;
	width: 400px;
	text-align: center;
}

.footerArea3 .footerExternal .footerApp {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerArea3 .footerShareTool {
	text-align: center;
}

.footerArea3 .footerShareTool a.fb-tool {
	position: relative;
	text-indent: -9999px;
	display: inline-block;
	padding-right: 30px;
}

.footerArea3 .footerShareTool a.fb-tool:before {
	content: '';
	width: 24px;
	height: 24px;
	left: 5px;
	top: -5px;
	position: absolute;
	background-image: url(../images/share/icon-social-facebook-white.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-color: #3b5998;
}

.footerApp .cover {
	padding: 0 10px;
}

.footerApp .store>div {
	padding: 2px 0;
}

.footerRow .logo {
	text-align: center;
	margin-bottom: 20px;
}

div.footerRow {
	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;
	margin: 0 -1vw;
	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: 10px 15px;
	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 {
	/*	color: #000;*/
	/*
	text-decoration: none;*/
}

.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: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

/*
.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:20%;
	bottom:20%;
	right:0;
	width:1px;
	background-color:#a09e91;*/
}

.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: 10px 20px;
	/*
	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 {
	/*	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;
	/*	float:right;
/*	text-align:center;
/*    display: inline-block;
/*    width: 50%;*/
	/*	float:right;
    text-align: right;
	padding-top: 0;*/
}

#footer div.w3c>div {
	display: inline-block;
	padding: 6px 12px;
	vertical-align: middle;
	/*
    transform: translateY(-25%);
/*    vertical-align: baseline;
    display: inline-block;
    padding: 6px 12px;
/*    vertical-align: middle;*/
}

#footer div.w3c .copyrightBar img {}

.footerArea .updateDate {
	display: inline-block;
	padding: 10px;
	/*float:right;
	/*margin-top:20px;
	margin-right:15px;/*
    display: inline-block;
	/*margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 24px;
    float: right;*/
	position: relative;
}

.footerArea .updateDate:before {
	/*
	content:"";
    position: absolute;
	width:1px;
	top:0;
	bottom:0;
	left:0;
	background-color:#c0c0c0;*/
}

.footerArea .fm {
	width: 25%;
	padding: 0 1vw;
}

.footerArea ul.fMenu {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/*
	height: 300px;*/
}

.footerArea ul.fMenu,
.footerArea ul.fMenu li {
	/*	padding: 0;*/
	color: #A4B0BD;
	list-style-type: square;
}

.footerArea ul.fMenu li {
	display: block;
	vertical-align: top;
}

.footerArea ul.fMenu>li {
	/*
    width: 25%;*/
	padding: 17px 0px;
	/*
    margin-bottom: 9%;*/
}

.footerArea ul.fMenu .extmenu {
	/*
	display:none;*/
	padding: 8px 0;
}

.footerArea ul.fMenu .extmenu .extmenu {
	padding: 0;
}

.footerArea ul.fMenu .extmenu>ul {
	padding-left: 0px;
}

.footerArea ul.fMenu .extmenu li {}

.footerArea .fMenu {
	margin: 0;
}

.footerArea .fMenu>li {
	/*	display: inline-block;
	*zoom: 1;
	*display: inline;*/
	/*
    background-color: #595959;*/
	display: block;
	/*
	margin-bottom: 10px;*/
}

.footerArea .fMenu>li a {
	display: block;
	margin: 0;
	padding: 8px 0;
	font-size: 1em;
}

.footerArea .fMenu>li a.tit {
	font-size: 1.2em;
	font-weight: bold;
}

.footerArea .fMenu>li .myflex {
	margin: 0 -10px;
}

.footerArea .fMenu>li .myflex a {
	padding: 8px 10px;
}

.footerArea .fMenu>li a br {
	display: none;
}

.footerArea .fMenu>li>a {
	font-size: 1.6em;
	font-weight: bold;
	color: #004F80;
	position: relative;
	margin: 0 auto;
	padding: 8px 0;
}

.footerArea .fMenu>li>a,
.footerArea .fMenu>li>a:hover,
.footerArea .fMenu>li>a:focus {
	text-decoration: none;
}

.footerArea .fMenu>li>a,
.footerArea .fMenu>li>a.excLi {
	display: block;
	border-bottom: 2px solid #004F80;
}

.footerArea .fMenu>li>a {
	/*
	content: "";
	background-color: lightgray;
    border-radius: 20px;
	color: black;
	overflow: hidden;
	text-align: center;*/
}

.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 {
	/*
	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: 5px 0;
	margin: 0;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.myheaderTool .clientTool:before {
	/*content:"";
	position:absolute;
	top:10%;
	bottom:10%;
	left:0;
	width:1px;
	background-color:#a2aac1;*/
}

.myheaderTool .clientTool:after {
	/*content:"";
	position:absolute;
	top:10%;
	bottom:10%;
	right:0;
	width:1px;
	background-color:#c1aaa2;*/
}

.myheaderTool .clientTool:nth-child(1):before,
.myheaderTool .clientTool:last-child:after {
	/*
	display:none;*/
}

.myheaderTool .clientTool>div:nth-child(1) {
	/*
	padding-left:30px;*/
}

.myheaderTool .clientTool>div:nth-child(1):before {}

.myheaderTool .clientTool>div:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 24px;
	top: 50%;
	left: 0;
	background-color: #d2d2d2;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.myheaderTool .clientTool>div {

	position: relative;
}

.myheaderTool .clientTool>div.assets {
	padding-left: 15px;
	padding-right: 5px;
}

.myheaderTool .clientTool>div.user {
	padding-left: 25px;
	padding-right: 15px;
}

.myheaderTool .clientTool>div:nth-last-child(1):before {
	/*
	content:"";
	position:absolute;
	width:1px;
	height:34px;
	top:50%;
	left:0;
	background-color:#d2d2d2;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);*/
}

.myheaderTool .clientTool .tips a,
.myheaderTool .clientTool .user a,
.myheaderTool .clientTool .setting a,
.myheaderTool .clientTool .logio a {
	position: relative;
}

.myheaderTool .clientTool .tips a:before,
.myheaderTool .clientTool .user a:before,
.myheaderTool .clientTool .setting a:before,
.myheaderTool .clientTool .logio a:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: contain;















}

.myheaderTool .clientTool .tips a:before {
	background-image: url(../images/icon/icon_tips.svg);
}

.myheaderTool .clientTool .user a {
	display: block;
	border-radius: 100px;
	background-color: #f0f4ff;
	padding: 10px;
}

.myheaderTool .clientTool .user a:before {
	background-image: url(../images/icon/icon_user3.svg);
	/*
	margin-right:10px;*/
	vertical-align: middle;
	filter: var(--filter_hexcode_333);
}

/*
.myheaderTool .clientTool .user a:focus:before,
.myheaderTool .clientTool .user a:hover:before{
	background-image:url(../images/icon/icon_user_i.svg);
}*/
.myheaderTool .clientTool .setting a:before {
	background-image: url(../images/icon/icon_setting.png);
}

.myheaderTool .clientTool .logio a:before {
	background-image: url(../images/icon/icon_logout.png);
}

.myheaderTool .clientTool .collection {
	/*
	margin-right:20px;*/
}

.myheaderTool .clientTool .collection select {
	/*
	padding:10px;*/
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
	font-size: .875em;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
	border: 0;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(../images/icon/icon_option_arrow.svg);
	background-repeat: no-repeat;
	background-position: left 5px top 50%;
	background-size: auto;

}

.myheaderTool .clientTool>div:last-child {
	/*
	padding-right:0;*/
}

.myheaderTool .clientTool .language li {
	position: relative;
}

/*
.myheaderTool .clientTool .language li:before,
.myheaderTool .clientTool>div:not(:last-child):before*/
.myheaderTool .clientTool>div:before {
	/*	content:"";
	position:absolute;
	left:0;
	top:50%;
    height: 18px;
	width:1px;
	background-color:rgb(255, 255, 255, .5);
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);*/
}

.myheaderTool .clientTool .language>li:nth-child(1):before,
.myheaderTool .clientTool>div:nth-child(1):before {
	/*
	display:none;*/
}

/*
.myheaderTool .clientTool .contactus:before,
.myheaderTool .clientTool .print:before,
.myheaderTool .clientTool .AStyleArea:before{
	content: "";
    position: absolute;
    background-color: #000;
    border-radius: 100px;
    width: 4px;
    height: 4px;
    left: 6px;
    top: 5px;
}*/
.clientTool .qrcode {
	position: relative;
}

.clientTool .qrcode .qrarea {
	display: none;
	position: absolute;
	width: 160px;
	height: 160px;
	z-index: 8000;
	padding: 10px;
	background-color: #fff;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.clientTool .qrcode.active .qrarea {
	display: block;
}

.clientTool .fbTool a {
	width: 27px;
	height: 24px;
	position: relative;
	font-size: 0;
	display: block;
}

.clientTool .fbTool a:before {
	content: '';
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	border-radius: 100px;
	display: block;
	position: absolute;
	background-image: url(../images/share/icon-social-facebook-white.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-color: #3b5998;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myheaderTool div {
	/*	float: left;*/
	line-height: 1em;
	/*
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;*/
}

.myheaderTool .signup>a {
	display: block;
	color: #fff;
	background-color: #013250;
	border: 1px solid #fff;
	padding: 8px 20px;
	font-size: .6em;
	font-weight: bold;
	margin: 0 17px;
}

.myheaderTool>div.mobile_view {
	padding-left: 0px;
}

.myheaderTool>div.sitemap {
	padding-left: 0px;
	font-size: 14px;
}

.myheaderTool>div.sitemap a {
	color: #3e5259;
}

.mailTool {
	float: right;
}

.homeTool img {
	vertical-align: text-bottom;
}

/*.footerArea>div {
	background-image: url(../images/footer/footer_bg.gif);
	background-repeat: repeat;
}*/
.footerArea .myLogo img {
	width: 90px;
	display: block;
	margin: auto;
}

.footerArea .myLogo span {
	display: block;
	text-align: center;
	margin-top: 10px;
}

/*=========Page Buttom=========*/

div.btmNav {
	/*
    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: 40px;
	position: fixed;
	/*opacity: 1;*/
	/*transition: opacity 0.5s ease-in;*/
	background-color: transparent;
}

/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {
	display: inline-block;
	/*background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;*/
	/*width:54px;
	height: 19px;*/
	float: left;
	/*padding: 10px 15px;*/
	/*
	padding: 7px 12px;*/
	/*padding: 6px 12px;
	/*background-color: #d8e2ed;*/
	color: #3e5259;
	margin: 0;
	/*background-color: #3e535a;
	/*
	margin:0 0 0 50px;*/
	/*background-color: #FAB965;*/
	font-weight: bold;
	/*margin-left:15px;*/
}

.topBtn {
	/*
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;*/
	/*
    position: absolute;
	right: 30px;
    bottom: 15px;*/
	position: absolute;
	right: 20px;
	bottom: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.backBtn a {
	padding: 5px 7px 8px 7px;
	background-color: #446993;
	border-radius: 4px;
	color: #FFF !important;
	/*color: #172e4d;*/
	/*margin-left: 25px;*/
}

.backBtn a:hover,
.backBtn a:focus {
	text-decoration: none;
}

.topBtn a {
	color: #1C5F9F;
	display: flex;
	position: relative;
	background-color: #32599a;
	border-radius: 100px;
	border: 3px solid #32599a;
	width: 50px;
	height: 50px;
	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;
}

.topBtn a:before {
	/*
	content:"";
	position:absolute;
	left:0;
	background-image:url(../images/btn_top.png);
	background-repeat:no-repeat;
	background-size:50% auto;
	background-position:center 45%;
	width:50px;
	height:50px;
	background-color:#910197;
	border-radius:999px;*/
}

.topBtn a:after {
	/*
	content:"";
	display:inline-block;
	margin-left:5px;
	width:15px;
	height:15px;
	background-image:url(../images/icon_top.png);
	background-repeat:no-repeat;*/
}

.topBtn a img {
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}

.topBtn a:hover,
.topBtn a:focus {
	text-decoration: none;
}

.my_anchor {
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	position: static !important;
	display: block !important;
	height: 0 !important;
	width: 0 !important;
}

/*=========breadcrumb=========*/
.indexVersion .contentArea .breadcrumb {
	display: none;
}

.contentArea .breadcrumb a.home {}

.contentArea .breadcrumb {
	color: rgba(0, 0, 0, 0.41);

	z-index: 7888;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;

	padding: 25px 0 10px 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 {

	padding: 0 4px;
	/*color:#f00;
	font-weight:bold;*/
}

.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 {
	text-align: right;
}

.mainHeader span {
	display: none;
	position: absolute;
	right: -10px;
	padding: 40px;
	font-size: 2.6em;
	font-weight: bold;
	background-color: #216354;
	color: #fff;
}

.mainHeader .title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #05499c;
	font-size: 3.6em;
	font-weight: bold;
	padding: 4px 15px;
	box-shadow: 0 0 10px -2px #000;
	background-color: #fff;
}

.mainHeader:before {
	/*	content:" ";
	position:absolute;
	left:0;
	right:0;
	height:215px;
	background-image:url('../images/bg_header.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:3100;*/
}

.mainHeader h1 {
	/*	background-image: url('../images/banner_sec1_v2.png');*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mainHeader.section0 h1 {
	/*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section1 h1 {
	/*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section2 h1 {
	/*background-image: none;
	padding:43px 0;*/
	/*	background-image: url('../images/banner_sec2_v2.png');*/
}

/*.mainHeader.section2:before{
    height:121px;
	background-image:url('../images/bg_header2.jpg');
}
.mainHeader.section3 h1{
	background-image: url('../images/banner_sec3_v2.png');
}
.mainHeader.section4 h1{
	background-image: url('../images/banner_sec4_v2.png');
}
.mainHeader.section5 h1{
	background-image: url('../images/banner_sec5_v2.png');
}
.mainHeader.section6 h1{
	background-image: url('../images/banner_sec6_v2.png');
}
.mainHeader.section7 h1{
	background-image: url('../images/banner_sec7_v2.png');
}
.mainHeader.section8 h1{
	background-image: url('../images/banner_sec8_v2.png');
}
.mainHeader.section9 h1{
	background-image: url('../images/banner_sec9_v2.png');
}*/
.mainHeader.section1 h1 {
	/*	text-shadow: 2px 2px 4px #125611;*/
}

.mainHeader h1 {
	text-align: left;
	margin: 0px;
	font-weight: bold;
	padding: 40px 0 30px 0;
	color: #125e76;
	margin-top: 0;
	position: relative;
	z-index: 3500;
	font-size: 2.5em;
}

.mainContent .mainHeader h1 {
	/*position:relative;*/
	margin-bottom: 0;
	width: 100%;
	margin: 0;
	padding-right: 80px;
}

.mainHeader hr {
	border-bottom: #203682 1px solid;
	border-top: 0;
	margin: 0;
	padding: 0;
}

.printTool {
	margin-top: 1em;
	display: inline-block;
	text-align: right;
	/*margin: 0 10px 0 10px;*/
	float: right;
	/*position: absolute;
	right: 0;
	bottom: 10px;*/
}

.printTool a {
	color: #F00;
}

.mainContent h2 {
	font-size: 1.6em;




	margin: 0;
	margin-bottom: 5px;
	line-height: normal;
	font-weight: bold;
}

.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 40px;
	/*	display: inline-block;
    width: 835px;
	min-height: 500px;*/
}

.indexVersion .contentArea {
	width: 100%;
	/*
	min-height: 0;*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.subMenuFlex {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.subMenuVersion .subMenuFlex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mainContent {
	margin: 0px 0px;
	/*padding-top:10px;*/
}

.bodyArea {
	z-index: 3000;
	position: relative;
	line-height: normal;
	color: rgba(0, 0, 0, 0.78);
	background-color: #fff;
}

.bodyArea.spbg {
	/*
	background-color:#f5f5f5;*/
}

.indexVersion .bodyArea {}

.indexVersion .bodyArea {}

.bodyArea ul,
.bodyArea ol {
	margin-bottom: 1em;
}

.bodyArea .container {
	z-index: 3000;
	display: block;
	
	padding: 0;
	/*
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;*/
}

/*.bodyArea>div
{
	background-color: #efeee7;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	background-position: 185px 0;
	position: relative;
}
*/
.table_photo tr td {
	padding: 15px 15px;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px solid #eceeee;
}

.table_student {
	border-width: 5px;
	border-color: grey;
	border-style: dotted;
	font-size: 1em;
	line-height: 1.5em;
}

.table_header {
	border: 1px none #6a7499;
	border-collapse: collapse;
	padding: 10px 15px;
	background-color: #622a8b;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1em
}

.table_header_2 {
	border: 1px none #6a7499;
	border-collapse: collapse;
	padding: 10px 15px;
	background-color: #32a1bd;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1em
}

.cap_text {
	font-size: 0.9em;
}

.titleBlue {
	color: #203682;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: #203682 1px solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.rightBtn {
	float: right;
	z-index: 7500;
	position: relative;
	padding-bottom: 5px;
}

.blueBtn img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	/*background-color:#7c9fc7;*/
}

.blueBtnOn img {
	opacity: 1;
	filter: alpha(opacity=100);
	/*background-color:#006cae;*/
}

.indexContent,
.whatIsNew,
.eventCalender {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.indexContent {
	width: 38%;
}

.whatIsNew,
.eventCalender {
	width: 405px;
	/*margin-left:2%;*/
}

.whatIsNew ul {
	margin: 0;
	padding: 0;
	color: #006ab6;
}

.whatIsNew ul>li {
	margin: 25px 0;
}

.whatIsNew ul .newsDate {
	color: #3e5259;
}

.eventCalender .event_tit {
	font-weight: bold;
	color: #3e5259;
}

.eventCalender .event_tit.holiday {
	color: #f00;
}

.eventCalender ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	color: #006ab6;
}

.eventCalender ul>li {
	margin: 5px 0;
}

.eventCalender .eventList>div {
	padding: 10px;
}

.eventCalender .bgColorZe {
	background-color: #edf1f4;
}

/*==============================*/
.headerArea {
	/*
    position: fixed;*/
	width: 100%;

	/*
	position: relative;*/
	z-index: 7000;
	/*	height:350px;
	border-top-width: 0;
	border-top-style: solid;
	border-top-color: #072465;*/
	/*Justin 20230302	border-top:14px solid #000;*/

}

.headerArea:before {
	/*
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height: 350px;
	background-color: transparent;
	background-image: linear-gradient(rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%);
	z-index:-1;

	-webkit-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
    -moz-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
    -ms-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
    -o-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
    transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;*/
}

.headerArea:after {
	/*	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;/*
	background-image: url(../images/bg_header.jpg);*/
	/*
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:-2;*/
}

body:not(.indexVersion) .headerArea {
	border-bottom: 2px solid #e1e1e1;
}

.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;
	/*
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
	padding: 6px 10px;










}

.headerArea.fixed:before {
	content: "";
	/*
    position: fixed;
    height: 136px;
    background-color: rgba(255,255,255,1);*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.indexVersion .headerArea {
	height: auto;
}

.indexVersion .headerArea:before,
.indexVersion .headerArea.fixed:before,
.indexVersion .headerArea:after {
	display: none;
}

.indexVersion .headerArea .headerTool {
	position: static;
	width: auto;
	left: auto;
	transform: none;
}

.indexVersion .headerArea .headerTool .headerNav {
	max-width: none;
}

.headerArea.fixed .myLogo {
	margin-top: -12px;
}

.headerArea .myLogo .logo_0>a>img {}

.headerArea.fixed .myLogo .logo_0>a>img {
	max-width: 355px;
	max-height: 80px;
	width: auto;
	height: auto;
	padding: 12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.headerArea.fixed .headerTop {
	min-height: 60px;
}

.headerArea .more {
	display: none;
}

.headerArea.fixed .more {
	display: inline-block;
}

.headerArea .headerTool .mobSearch,
.headerArea.fixed br,
.headerArea.fixed .headerTool .searchTool {
	display: none;
}

.headerArea.fixed .headerTool .mobSearch {
	display: inline-block;
}

.headerArea.fixed .headerTool .mobSearch img,
.headerArea.fixed .headerTool .print img,
.headerArea.fixed .headerTool .share img {
	height: 20px;
	padding: 0;
}

.headerArea.fixed .headerTool .searchTool {
	position: absolute;
	top: 100%;
	margin: 0;
	background-color: #fff;
	left: 0;
	right: 0;
}

.headerArea.fixed .searchTool form {
	float: none;
	text-align: center;
	padding: 0;
	background-color: #fff;
	-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	transition: background-color 0.3s ease-in-out, padding 0.3s ease;
}

.headerArea.fixed .headerTool .searchTool.mobActive {
	display: block;
}

.headerArea.fixed .searchTool.mobActive form {
	background-color: #f8f8f8;
	padding: 30px 0;
}

.headerArea.fixed .headerTool .searchTool input {
	max-width: 100%;
	width: 500px;
}

/*===========AAA================*/
/*==========footerBanner==========*/
.footerBanner {
	/*float:left;
	/*margin:-20px 0 0 0;
	text-align: center;*/
	margin: auto;
	/*padding-bottom: 50px;
    padding-top: 10px;*/
	padding: 4px 10px;
	/*
	float: left;*/
}

.footerBanner a {
	display: block;
}

.footerBanner.slides>li {
	display: inline-block;
	padding: 4px 10px;
	/*
	margin: 0 5px;*/
	/*
	max-width:20%;*/
}

.footerBanner li img {
	height: 40px;
}

.footerBanner a.w3c img {
	height: 34px;
}

.footerBanner a.bhk img {
	height: 47px;
}

.footerBanner a.rd img {
	height: 60px;
}

.footerBanner .mfb_mail {
	position: relative;
	border: 2px solid #740001;
	box-shadow: 2px 2px 0 #bbb;
	color: #000;
	font-size: 1.4em;
	padding: 8px 20px;
}

.footerBanner .mfb_mail:before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 28px;
	margin-right: 10px;
	background-image: url(../images/icon_email.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/*============================*/
.footertool {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* =================================================================================================
	Right Scrolling Module with Pagnation
================================================================================================= */

/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

.simply-scroll-container {
	/* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip {
	/* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list {
	/* UL/OL/DIV - the element that simplyScroll is inited on */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 8px 0px 0px;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll-btn {
	position: absolute;
	width: 42px;
	height: 44px;
	z-index: 3;
	cursor: pointer;
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: 84px -44px;
}

.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}

.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover {
	background-position: -126px -88px;
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover {
	background-position: -42px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll {
	/* Customisable base class for style override DIV */
	width: 100%;
	/*width: 580px;*/
	height: 480px;
	margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
	width: 580px;
	height: 480px;
	border-top: #a2adc1 1px solid;
}

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 550px;
	height: 160px;
}

.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}

.simply-scroll .simply-scroll-btn-left.disabled {}

.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}

.simply-scroll .simply-scroll-btn-right.disabled {}

.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}

.simply-scroll .simply-scroll-btn-up.disabled {}

.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}

.simply-scroll .simply-scroll-btn-down.disabled {}

.simply-scroll .simply-scroll-btn-down:hover {}

/* Vertical scroller example */

.vert {
	/* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}

.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up {
	/* modified btn pos */
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-up.disabled {}

.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down {
	/* modified btn pos */
	right: 0;
	top: 52px;
}

.vert .simply-scroll-btn-down.disabled {}

.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */

.simply-scroll .simply-scroll-list .newsList>li {
	height: inherit;
	margin: 0;
	padding: 0;
	/*border-bottom:1px solid #bdcfe3;
		/*list-style-type:disc;*/
	width: inherit;
}

.simply-scroll .simply-scroll-list .newsList>li>div {
	padding: 10px 45px;
}

/*========================================Clf Style===============================================*/
.leftClfArea {
	float: left;
	padding: 12px 0;
	/*
	font-size: 1.4em;/*padding-left: 10px;*/
}

.rightClfArea {
	float: right;
}

.books_top_box {
	border-bottom: 1px;
	text-align: center;
	border-left: 1px;
	width: 20px;
	height: 180px;
	border-top: 1px;
	border-right: 1px;
	background-color: #f4f4f4;
}

.books_bottom_box {
	width: 250px;
	background-color: #fcf0e2;
	text-align: center;
	height: 100px;
	vertical-align: middle;
}

.issue {
	float: left;
	margin: 5px;
	padding: 10px;
	width: 350px;
	height: 185px;
	border: 1px solid black;
}

.issue_title {
	color: #FFFFFF;
	font-size: 1.6em;
	background-color: #dc3431;
	padding: 5px 5px 5px 5px;
	width: 100px;
	margin-top: -12px;
	text-align: center;
}

.mailTool {
	width: 102px;
	height: 55px;
	background-image: url('../images/btn_email.png');
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
}

.headerArea .headerTool .mailTool a {
	color: #fff;
	width: 50px;
	display: block;
	margin: 3px auto;
	line-height: 1.5em;
}

div.flexslider {
	/*margin-top:-60px;
	margin-bottom:-50px;*/
}

.indexContent {
	position: relative;
	z-index: 8000;
	width: 940px;
	margin: 0 15px;
	padding: 10px 0;
}

.indexContent>div {
	display: inline-block;
}

.colorSort {
	width: 180px;
	padding: 0 10px;
}

.colorSort>div {
	background-color: #efefef;
	padding: 10px 50px 20px 10px;
	margin-bottom: 1px;
}

.colorSort .cerise {
	border-left: 5px solid #DA3287;
}

.colorSort .lochmara {
	border-left: 5px solid #007EC7;
}

.colorSort .hippieGreen {
	border-left: 5px solid #53824B;
}

.colorSort .lavenderIndigo {
	border-left: 5px solid #9457EB;
}

.newsArea {
	width: 375px;
	padding: 0 10px;
}

.newsArea .newsTopic {
	color: #ab264c;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
}

.newsArea .newsDate {
	color: #3e5259;
	font-weight: bold;
}

.newsArea .newsTitle,
.newsArea .newsTitle a {
	color: #4f3e71;
}

.newsContent {
	overflow-y: auto;
	max-height: 215px;
}

.newsContent>div {
	margin-top: 20px;
}

.header2 {
	display: none;
}

/*=================================*/
.mainContent .full {
	padding: 0;
}

.index_row {
	margin-bottom: 50px;
}

.mainContent .main_left {
	width: 770px;
	float: right;
	max-width: 100%;
}

.mainContent .sub_right {
	margin-left: 10px;
	width: 250px;
	float: left;
	position: relative;
}

.simple_tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 40px 10px 20px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #e8c8bb;
	background-image: url(../images/tag/white_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.simple_tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-image: url(../images/tag/deep_pink.png);
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}

/*==================*/
div.ms-options-wrap {
	position: relative;
	display: inline-block;
	vertical-align: initial;
	margin: 10px 10px;
	width: 600px;
}

span.ms_text {
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.ms-options ul li {
	margin: 0;
}

/*==================*/
.home img {
	/*    width:27px;
	height: 27px;
    vertical-align: text-top;
    margin-right: 16px;*/
}

.mobile_view img {
	width: 27px;
	height: 27px;
}

.contentArea .subMenu ul.listStyleBlank {}

#footer .container .footerMenu ul.menuLv0 {
	/*    width: 95% !important;
	margin: 0 auto!important;*/
}

.footerMenu ul li {
	/*    font-size: 13px;*/
}

.footerMenu ul li ul {
	/*	margin-right: 11px;
	padding-right: 11px;
	display:block*/
}

.footerMenu ul li ul ul {
	display: none
}

.footerArea ul.fMenu span.caret {
	display: none;
}

/*==========*/
.roman_list {
	list-style-type: lower-roman;
}

.mainContent {
	/*	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>li>a {
	font-size: 1em;
}

.subMenu>li>a.leftbtn.active_sub_section {
	color: #0068A5;
}

.subMenu>li a.leftbtn.active_sub_section {
	color: #0068A5;
}

.panel-body h3 {
	text-align: justify;
}

.table_sub_title {
	font-weight: bold !important;
}

.alerts .cont:after {
	content: " ";
	clear: both;
	display: block;
}

.membershop_list {
	padding-left: 10px;
}

.download_pdf_remark {
	font-style: italic;
	margin-top: 30px;
}

ol ol.future_terms2 {
	list-style-type: lower-roman;
}

ol.future_terms {
	list-style-type: lower-alpha;
}

/*============================*/
.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: 9000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
	pointer-events: none;
}

#close_up.active.transition {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#close_up.active {

	/*background-color:rgba(0,0,0,.6);*/
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	pointer-events: all;
}

#close_up .bg {
	z-index: 9100;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#close_up .area {
	z-index: 9200;
	position: absolute;
	left: 50%;
	top: 50%;
	right: -50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 700px;
	background-color: #fff;
	border-radius: 16px;
}

#close_up .close {
	opacity: 0;
	position: absolute;
	top: 0;


	right: -1px;
	z-index: 9210;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#close_up.active .close {
	opacity: 1;
}

#close_up.active.transition .close {
	opacity: 0;
}

#close_up .close:hover {}

#close_up .close a {
	display: block;
	position: relative;
	padding: 6px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#close_up .close:hover a {}

#close_up .close a:before {
	content: "";
	display: block;
	width: 29px;
	height: 29px;
	background-image: url(../images/icon/icon_close.png);
}

/*
#close_up .area .title {
	font-weight: bold;
	font-size: 1em;
	background-color: #fff;
	color: #444;
	padding: 20px 20px 40px 20px;
}
#close_up .area .main {
	padding: 0;
	position: relative;
	text-align: center;
}
#close_up .area .main .left {
	width: 40%;
	float: left;
}
#close_up .area .main .right {
	width: 60%;
	float: right;
}
#close_up .area .main .img {
	padding: 5px;
}
#close_up .area .main .img img {
	width: 100%;
}
#close_up .area .main .caption {
	padding: 5px;
}
#close_up .area .main .cont {
	padding: 5px;
	padding-left: 15px;
}
#close_up .area .main .cont p {
	margin-bottom: 15px;
}
#close_up .main img{
    max-height: 800px;
}
#close_up .area>.border{
	padding:16px 16px;
}
#close_up .border>.title{
	font-size:2em;
	text-align:center;
	padding:20px;
}
#close_up .border .inputList{
	border-top:0;
}
#close_up .border input{
    padding: 4px 4px;
	 
    border: 1px solid #0053B3;
    width: 100%;
    margin: 15px 0;
}*/
/*=================*/
.pop_photo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pop_photo li {
	display: inline-block;
	width: 25%;
	min-width: 120px;
	margin: 0;
	padding: 10px;
}

/*=================*/
.my_pdf {
	background-image: url(../images/icon_pdf_title.png);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	background-color: #e2e3e2;
	display: inline-block;
	border-radius: 6px;
}

.my_pdf a {
	text-decoration: none !important;
	color: #4b4b4b;
	font-size: 1.2em;
	padding: 22px 12px 6px 71px;
	min-height: 65px;
	display: block;
}

.chineseVersion .my_pdf a {
	letter-spacing: .16em;
}

/*=============================*/
.fix_line {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #504098;
}

.fix_line.under {
	margin-top: -3px;
}

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;
}

.subMenu li>a:before {
	/*	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 7px;
	height: 14px;
	/*	background-image:url('../images/icon_menu_arrow_left.png');
	background-repeat: no-repeat;*/
}

/*=======================================*/
.sliderArea {
	height: 275px;
	overflow: hidden;
	margin-bottom: 40px;
}

.sliderArea img {
	top: 0;
}

.sliderBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 275px;
	background-color: #fff;
}

div.flexslider {
	margin-bottom: 0;
	border: 0;
	/*	width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0;
	position: static;*/
}

.flexslider .flex-control-nav {
	bottom: 48px;
	z-index: 4000;
}

.flexslider.video_gallery {
	margin-bottom: 0;
}

/*===========*/
body abbr[title]:after {
	content: '';
}

/*
body .close {
	float: none;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
    z-index: 10;
    position: relative;
}
body .close:focus,
body .close:hover {
	color: inherit;
	text-decoration: inherit;
	opacity: 1;
}*/
/*====================================*/
.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav {
	margin-bottom: 0;
	bottom: auto;
}

.list_table {
	width: 100%;
	border-spacing: 0;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.list-table td:first-child,
.bordered th:first-child {
	border-left: none;
}

.list_table th {
	background: #e2f3fd;
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table td {
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table tr:nth-child(even) {
	background: #fafdf4;
}

.list_table_rowspan {
	width: 100%;
	border-spacing: 0;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.list_table_rowspan th {
	background: #e2f3fd;
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table_rowspan td {
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.div_acrobat_reader {
	background-color: #EAEAEA;
	padding: 5px;
}

.div_acrobat_reader>.div_acrobat_reader_icon {
	display: inline-block;
	width: 160px;
	margin-right: 5px;
	padding: 10px 0;
}

.div_acrobat_reader>.div_acrobat_reader_description {
	display: inline-block;
	width: 75%;
}

/*======================*/
.photo_title,
.photo_area>li .title {
	margin-bottom: 24px;
	font-weight: bold;
	display: block;
}

.mainContent ul.photo_group {
	/*margin: 0 -1em;*/
	padding: 0;
	text-align: left;
}

.mainContent .photo_area ul.photo_group {
	margin: 0 -0.8em;
	text-align: left;
}

.photo_group li {
	display: inline-block;
	vertical-align: top;
	/*width:	200px;*/
	width: 190px;
	text-align: center;
	margin: 0;
	margin-bottom: 4px;
	padding: .1em;
}

.photo_group li.photo_thumb>a>img {
	border: 2px solid #b4b4b4;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo_group li.photo_thumb>a:focus>img,
.photo_group li.photo_thumb>a:hover>img {
	border: 2px solid #c30819;
}

body div.light_square .pp_left,
body div.light_square .pp_middle,
body div.light_square .pp_right,
body div.light_square .pp_content {
	background-color: transparent;
}

body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
	font-size: 0;
}

body .pp_nav .pp_play:before,
body .pp_nav .pp_pause:before,
body a.pp_arrow_previous:before,
body a.pp_arrow_next:before {
	display: none;
}

body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
	background-color: #272727;
	width: 44px;
	height: 44px;
	position: fixed;
	/*
	position: absolute;*/
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

body a.pp_arrow_previous {
	background-image: url(../images/btn_arrow_prev.png);
}

body a.pp_arrow_next {
	background-image: url(../images/btn_arrow_next.png);
}

body .pp_content_container .pp_details {
	margin: 0;
	/*
	background-color: #fff;*/
	color: #fff;
	width: auto !important;
}

body div.light_square .pp_description {
	text-align: left;
	padding: 10px 0;
	margin: 0;
	font-size: 1em;
}

body .pp_content_container {
	/*
	max-height: calc(77vh - 25px);*/
}

body div.pp_pic_holder {
	position: fixed;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	/*
	width: 100vw !important;*/
	height: 100vh !important;
	margin: auto;
	max-width: 100%;
}

/*
body .pp_fade{
    max-height: calc(77vh - 25px);
}*/
body .pp_hoverContainer {
	width: auto !important;
	height: auto !important;
}

body #pp_full_res img {
	width: auto !important;
	height: auto !important;
	max-height: calc(77vh - 25px);
	margin: auto;
	display: block;
}

body .pp_content {
	position: relative;
	width: auto !important;
	height: auto !important;
}

body.overDescription .pp_fade {
	position: relative;
}

body.overDescription .pp_hoverContainer {
	max-height: calc(77vh - 25px);
}

body.overDescription .pp_description,
body.overDescription div.light_square .pp_description {
	position: absolute;
	bottom: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, .6);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

body .pp_pic_holder .pp_details .ce_tool {
	display: none;
	position: absolute;
	padding: 10px;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
}

body .pp_pic_holder .pp_details .ce_tool a {
	position: relative;
	padding-right: 22px;
	display: block;
}

body .pp_pic_holder .pp_details .ce_tool a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

body.openDescription .pp_pic_holder .pp_details .ce_tool a:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

body .pp_pic_holder .pp_details .ce_tool a {
	color: #fff;
}

body.overDescription .pp_pic_holder .pp_details .ce_tool {
	display: block;
}

body.openDescription .pp_pic_holder .pp_details .ce_tool .open,
body .pp_pic_holder .pp_details .ce_tool .close {
	display: none;
}

body .pp_pic_holder .pp_details .ce_tool .open,
body.openDescription .pp_pic_holder .pp_details .ce_tool .close {
	display: block;
}

body.overDescription.openDescription .pp_description,
body.overDescription.openDescription div.light_square .pp_description {
	text-overflow: clip;
	white-space: normal;
	overflow: auto;
}

body .pp_gallery {
	opacity: 1 !important;
	display: block !important;
	margin: 0 !important;
}

body .pp_gallery>div {
	width: auto !important;
	float: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	padding: 20px 10px 0 10px;
}

body .pp_gallery ul {
	width: auto !important;
	max-width: 100%;
	left: 50% !important;
	margin: 0;
	height: 220px;
	max-height: 23vh;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	white-space: nowrap;
	float: none;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}

body .pp_gallery ul>li {
	float: none;
	margin: 0;
	padding: 0 10px;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

body .pp_gallery ul a {
	height: 183px;
	max-height: 100%;
	border: 4px solid transparent;
}

body .pp_gallery ul a:focus,
body .pp_gallery ul a:hover,
body .pp_gallery li.selected a {
	border: 4px solid #c5f4e0;
}

body .pp_gallery ul a img {
	width: auto;
	height: 100%;
}

body .pp_nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
}

body .pp_nav .currentTextHolder {
	float: none;
	position: fixed;
	left: 10px;
	top: 10px;
	margin: auto;
}

body a.pp_arrow_previous {
	left: 0;
}

body a.pp_arrow_next {
	right: 0;
}

body div.light_square .pp_gallery a.pp_arrow_previous,
body div.light_square .pp_gallery a.pp_arrow_next {
	margin: 0 !important;
}

body .pp_nav .pp_play {
	display: none;
}

body a.pp_close {
	font-size: 0;
	background-color: #272727;
	background-image: url(../images/btn_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 44px;
	height: 44px;
	padding: 0;
	box-shadow: none;
	position: fixed;
	right: 0;
	top: 0;
}

body .ppt {
	display: none !important;
}

body a.pp_previous,
body a.pp_next {
	background: none !important;
}

/*=========================*/
#flexslider .flex-direction-nav a {
	font-size: 0;
	width: 48px;
	height: 48px;
	color: rgba(255, 255, 255, 1);
	background-color: #303030;
	margin-top: -24px;
}

#flexslider.flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

#flexslider.flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

#flexslider .flexslider:hover .flex-direction-nav a {
	/*
	opacity: .9;*/
}

#flexslider .flex-direction-nav a:before {
	font-size: 24px;
	color: rgba(255, 255, 255, 1);
	left: 45%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#flexslider .flex-direction-nav a.flex-next:before {
	left: auto;
	right: 45%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

/*================*/
body .mainHeader.active {
	display: block;
}

.section_left_banner {
	float: left;
	width: 360px;
	margin-right: 25px;
}

.mainContent table {
	width: 100%;
	margin-bottom: 1em;
}

.mainContent table th,
.mainContent table td {
	/*
	line-height: 1.2;*/
	vertical-align: top;
	padding: 6px 8px;
}

.mainContent table.form-table th,
.mainContent table.form-table td {
	vertical-align: baseline;
	padding: 8px;
}

.mainContent table tr.center th,
.mainContent table tr.center td {
	text-align: center;
}

.mainContent table h2 {
	font-size: 1em;
	color: #2b3944;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.mytablestyle {
	overflow: auto;
	width: 100%;
}

.header_date {
	margin-bottom: 20px;
	background-color: #ccc;
	color: #000099;
	padding: 8px 12px;
	font-weight: bold;
}

.cont_detail {
	margin-bottom: 40px;
}

.cont_detail>div {
	display: inline-block;
}

.cont_detail>div:nth-child(1) {
	width: 20%;
}

.cont_detail>div:nth-child(2) {
	width: 80%;
}

.cont_detail>div img {
	margin: 0 10px;
}

.toggleTable table tr {
	vertical-align: top;
	border-bottom: 1px solid #637481;
	/*#194567;*/
}

.toggleTable table tr:nth-child(odd) {
	/*	background-color:#e2f0fa;*/
	background-color: #d6eeff;
}

.toggleTable table tr:nth-child(even) {
	/*	background-color:#d2e1ec;*/
	background-color: #cecfcf;
}

.toggleTable.toggleHeader table tr:nth-child(1) {
	/*	background-color:#e1ecf4;*/
	font-weight: bold;
	background-color: #bad4e6;
}

.section_header_banner {
	text-align: center;
}

/*======================*/
ul.latin {
	list-style-type: lower-latin;
}

.num_anchor {
	vertical-align: super;
	font-size: .8em;
}

.divExpand {
	background-color: #f0d5ba;
	/*margin-bottom: 5px;
    border: 1px solid #e8e8e8;*/
	margin-bottom: 4px;
	border: 3px solid #bdbdbd;
	overflow: hidden;
}

.divExpand>div:nth-child(1) h2 {
	margin: 0;
	padding: 0;
}

.divExpand>div:nth-child(1) a {
	display: block;
	padding: 8px 14px;
	position: relative;
	/*    font-size: 1.4em;*/
	padding-right: 45px;
}

.divExpand>div:nth-child(1) a:after {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(../images/icon_ec_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 12px;
	top: 9px;
	padding: 0;
	position: absolute;
	/*	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);*/
	-webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
	transition: -webkit-transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out, color .2s ease-out;
	font-size: 1.4rem;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.divExpand.active>div:nth-child(1) a:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	/*    color: #ce4300;*/
}

.divExpand>div:nth-child(2) {
	display: none;
	-webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	opacity: 0;
	height: 0;
	border-top: 3px solid #bdbdbd;
	background-color: #fffced;
}

.divExpand.activating>div:nth-child(2) {
	display: block;
	position: static;
	opacity: 0;
	height: auto;
}

.divExpand.active>div:nth-child(2) {
	display: block;
	position: static;
	opacity: 1;
	height: auto;
	padding: 8px 14px;
}

.divExpand_control {
	float: right;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.divExpand_control a {
	display: block;
	font-size: 1.4em;
	color: #fff !important;
	background-color: #096fb9;
	padding: 8px 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

/*=============*/
.border_table th,
.border_table td {
	border-collapse: collapse;
	border: 1px solid #888;
	text-align: center;
}

.float_img_tl {
	float: left;
	padding: 0 1em 1em 0;
}

.footerMenuArea .mail {
	margin-bottom: 20px;
}

.footerMenuArea .tel {
	margin-bottom: 20px;
}

.footerMenuArea .mail:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_1.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .fax {
	margin-bottom: 20px;
}

.footerMenuArea .fax:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_2.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .tel:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../images/icon_cus_3.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
}

.footerMenuArea .share li {
	margin-right: 15px;
}

/*================*/
body a.pp_expand {
	display: none !important;
}

p.line {
	text-decoration: underline;
}

/*============*/
.headerTool .language {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	/*
    margin-right: 10px;*/
	padding: 0 15px;
}

.indexVersion .headerTool .language {
	padding-right: 0;
}

.myheaderTool .clientTool>div.language {
	padding: 0 0;
}

.headerTool .languageBtn {
	display: none;
}

.headerTool .language .langBtn a {
	display: block;
	padding: 6px;
}

.headerTool .clientTool>.search {
	display: none;
}

.myheaderTool .clientTool>div.social {
	padding: 0 1.3vw;
}

.myheaderTool .clientTool .social a {
	padding: 10px .9vw;
}

/*
.headerTool .language ul{
	display: none;
	position: absolute;
	top: auto;
	text-align: left;
	z-index: 9000;
	background: #FFF;
	box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
	border-top: 2px solid #3447a3;
}
.headerTool .language.active  ul{
	display: block;
}*/
.headerTool .AStyleArea,
.headerTool .searchTool {
	position: relative;
	/*
    display: inline-block;
    vertical-align: middle;*/
}

.mobTitle {
	display: none;
}

/* ------------------------------------------ */
/* Style for share-btns */
/* ------------------------------------------ */
.headerTool .shareTool {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.headerTool .shareTool>a {
	display: block;
	padding: 6px 0;
}

.headerTool .shareTool>.shareList {
	display: none;
	position: absolute;
	top: auto;
	right: 0;
	padding: 8px 15px 12px 15px;
	text-align: left;
	z-index: 9000;
	min-width: 80px;
	background: #FFF;
	box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
	border-top: 2px solid #3447a3;
}

.headerTool .shareTool>.shareList:before {
	display: none;
}

.headerTool .shareTool.active>.shareList {
	display: block;
}

.share-btns {
	position: relative;
	margin-top: 15px;
}

ul.share-btns {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.share-btns>li {
	margin: 0;
	display: inline-block;
	/*
    padding: 0 5px;*/
}

ul.share-btns a {
	font-size: 0;
}

.header-nav__tool--share {
	/*	text-align: center;*/
}

.header-nav__tool--share .share-btns {
	white-space: nowrap;
}

.headerArea li .share-btns__btn {
	display: inline-block;
	vertical-align: top;
	width: 34px;
	height: 34px;
	margin-right: 5px;
	position: relative;
	transition: 0.2s;
}

.mob-nav__control .share-btns__btn {
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.share-btns__btn:before {
	content: '';
	width: 26px;
	height: 26px;
	left: 4px;
	top: 4px;
	display: block;
	position: absolute;
	background: url() center top;
	background-size: 100% auto;
	transition: 0.2s;
}

.header-nav__tool--share .share-btns__btn:before {
	background-position-y: -26px;
}

.mob-nav__control .share-btns__btn:before {
	background-position-y: -22px;
}

.mob-nav__control .share-btns__btn:before {
	width: 22px;
	height: 22px;
	left: 4px;
	top: 4px;
}

.share-btns__btn:hover:before {
	background-position-y: -26px;
}

.mob-nav__control .share-btns__btn:hover:before {
	background-position-y: -22px;
}

.share-btns__btn.share-btns__btn--email:before {
	background-image: url(../images/share/icon-social-email-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--email,
body .headerArea .headerMenu a.share-btns__btn--email:link,
body .headerArea .headerMenu a.share-btns__btn--email:visited,
body .headerArea .headerMenu a.share-btns__btn--email:hover,
body .headerArea .headerMenu a.share-btns__btn--email:focus,
body .headerArea .headerMenu a.share-btns__btn--email:active,
.mob-nav__control .share-btns__btn.share-btns__btn--email,
.header-nav__tool--share .share-btns__btn.share-btns__btn--email,
.share-btns__btn.share-btns__btn--email:hover {
	background-color: yellowgreen;
}

.share-btns__btn.share-btns__btn--fb:before {
	background-image: url(../images/share/icon-social-facebook-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--fb,
body .headerArea .headerMenu a.share-btns__btn--fb:link,
body .headerArea .headerMenu a.share-btns__btn--fb:visited,
body .headerArea .headerMenu a.share-btns__btn--fb:hover,
body .headerArea .headerMenu a.share-btns__btn--fb:focus,
body .headerArea .headerMenu a.share-btns__btn--fb:active,
.mob-nav__control .share-btns__btn.share-btns__btn--fb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--fb,
.share-btns__btn.share-btns__btn--fb:hover {
	background-color: #3b5998;
}

.share-btns__btn.share-btns__btn--wa:before {
	background-image: url(../images/share/icon-social-whatsapp-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--wa,
body .headerArea .headerMenu a.share-btns__btn--wa:link,
body .headerArea .headerMenu a.share-btns__btn--wa:visited,
body .headerArea .headerMenu a.share-btns__btn--wa:hover,
body .headerArea .headerMenu a.share-btns__btn--wa:focus,
body .headerArea .headerMenu a.share-btns__btn--wa:active,
.mob-nav__control .share-btns__btn.share-btns__btn--wa,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wa,
.share-btns__btn.share-btns__btn--wa:hover {
	background-color: #1bd741;
}

.share-btns__btn.share-btns__btn--wb:before {
	background-image: url(../images/share/icon-social-weibo-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--wb,
body .headerArea .headerMenu a.share-btns__btn--wb:link,
body .headerArea .headerMenu a.share-btns__btn--wb:visited,
body .headerArea .headerMenu a.share-btns__btn--wb:hover,
body .headerArea .headerMenu a.share-btns__btn--wb:focus,
body .headerArea .headerMenu a.share-btns__btn--wb:active,
.mob-nav__control .share-btns__btn.share-btns__btn--wb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wb,
.share-btns__btn.share-btns__btn--wb:hover {
	background-color: #df2029;
}

.share-btns__btn.share-btns__btn--wc:before {
	background-image: url(../images/share/icon-social-wechat-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--wc,
body .headerArea .headerMenu a.share-btns__btn--wc:link,
body .headerArea .headerMenu a.share-btns__btn--wc:visited,
body .headerArea .headerMenu a.share-btns__btn--wc:hover,
body .headerArea .headerMenu a.share-btns__btn--wc:focus,
body .headerArea .headerMenu a.share-btns__btn--wc:active,
.mob-nav__control .share-btns__btn.share-btns__btn--wc,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wc,
.share-btns__btn.share-btns__btn--wc:hover {
	background-color: #09b83e;
}

.share-btns__btn.share-btns__btn--tw:before {
	background-image: url(../images/share/icon-social-twitter-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--tw,
body .headerArea .headerMenu a.share-btns__btn--tw:link,
body .headerArea .headerMenu a.share-btns__btn--tw:visited,
body .headerArea .headerMenu a.share-btns__btn--tw:hover,
body .headerArea .headerMenu a.share-btns__btn--tw:focus,
body .headerArea .headerMenu a.share-btns__btn--tw:active,
.mob-nav__control .share-btns__btn.share-btns__btn--tw,
.header-nav__tool--share .share-btns__btn.share-btns__btn--tw,
.share-btns__btn.share-btns__btn--tw:hover {
	background-color: #00aff0;
}

.share-btns__btn.share-btns__btn--ig:before {
	background-image: url(../images/share/icon-social-ig-white.png);
}

body .headerArea .headerMenu a.share-btns__btn--ig,
body .headerArea .headerMenu a.share-btns__btn--ig:link,
body .headerArea .headerMenu a.share-btns__btn--ig:visited,
body .headerArea .headerMenu a.share-btns__btn--ig:hover,
body .headerArea .headerMenu a.share-btns__btn--ig:focus,
body .headerArea .headerMenu a.share-btns__btn--ig:active,
.mob-nav__control .share-btns__btn.share-btns__btn--ig,
.header-nav__tool--share .share-btns__btn.share-btns__btn--ig,
.share-btns__btn.share-btns__btn--ig:hover {
	background-color: #bc2a8d;
}

.share-btns__btn.share-btns__btn--rss:before {
	background-image: url(../images/share/icon-rss.png);
}

body .headerArea .headerMenu a.share-btns__btn--rss,
body .headerArea .headerMenu a.share-btns__btn--rss:link,
body .headerArea .headerMenu a.share-btns__btn--rss:visited,
body .headerArea .headerMenu a.share-btns__btn--rss:hover,
body .headerArea .headerMenu a.share-btns__btn--rss:focus,
body .headerArea .headerMenu a.share-btns__btn--rss:active,
.mob-nav__control .share-btns__btn.share-btns__btn--rss,
.header-nav__tool--share .share-btns__btn.share-btns__btn--rss,
.share-btns__btn.share-btns__btn--rss:hover {
	background-color: #f26522;
}

.share-btns__btn:last-child {
	margin-right: 0;
}

/* END Style share-btns */
#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child {
	background-color: transparent;
}

#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child:after {
	display: none;
}

/*====================================*/
.your_justify,
.your_justify p {
	text-align: justify;
}

.pp_pic_holder a.pp_previous {
	width: 50%;
}

.pp_pic_holder a.pp_next {
	width: 50%;
}

body #wrap .headerArea .headerTool .headerMenu>ul.tMenu {
	/*
	font-size: 1.35em;*/
}

body a {
	color: #000;
}

/*=========*/
.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 120px;*/
}

/*==========*/
.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%;
}

/*=============================*/
.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;
}

.flex11>div {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	width: 50%;
}

.flex111>div {
	width: 33.333%;
}

.facc {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/*=============*/
h2.gh {
	margin-top: 1.4em;
	margin-bottom: 0;
}

.formrow {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
}

.formrow form {
	margin-right: 5px;
}

.formrow label {
	margin-right: 5px;
	display: inline-block;
}

.formrow select {
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 90px;
}

.formrow a {
	display: inline-block;
	color: #fff;
	background-color: #23A136;
	padding: 5px 20px;
}

.mainContent .formrow a:hover,
.mainContent .formrow a:focus {
	color: #fff;
	background-color: #1c872c;
	text-decoration: none;
}

/*=============*/
p.margin_left {
	margin-left: 2em;
}

/*=================*/
.mc-area {
	position: relative;
	min-height: 850px;
}

.white-box {
	position: absolute;
	left: 28%;
	right: 5%;
	bottom: 4%;
	background-color: rgba(255, 255, 255, .9);
	padding: 20px;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .5);
}

.white-box h1:nth-child(1) {
	margin-top: 0;
}

/*================*/
.member-table td:nth-child(1) {
	width: 20%;
}

/*
.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;
}*/
/*==============*/
.fm-banner {
	background-image: url(../images/bg_btn_ft.jpg);
	background-repeat: no-repeat;
	width: 162px;
	height: 52px;
	text-align: center;
}

.fm-banner a {
	height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footerlink {
	text-align: center;
}

.footerlink .useful_list {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	list-style-type: none;
	padding: 0 10px;
	margin: 10px 0;
}

.footerlink .useful_list a {
	padding: 0 10px;
}

/*==================*/
ul.summary {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-top: 2px solid #FF7200;
}

.mainContent table[data-cellspacing] td,
.mainContent table[data-cellpadding] td {
	border: 2px solid #fff;
}

.mainContent table[data-cellspacing] th,
.mainContent table[data-cellpadding] th {
	border: 2px solid #fff;
	border-bottom: 2px solid #ff7200;
}

.mainContent table[data-border="0"] td {
	background-color: #f0f0f0;
}

.mainContent table[data-border="0"] th {
	color: #000;
	background-color: #e6dfda;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.mainContent td p:last-child {
	margin-bottom: 0;
}

.mainContent th[data-align="center"],
.mainContent table[data-border="0"] th[data-align="center"],
.mainContent td[data-align="center"],
.mainContent tr[data-align="center"],
.mainContent td[data-align="center"] p {
	text-align: center;
}

.mainContent th[data-align="left"],
.mainContent table[data-border="0"] th[data-align="left"],
.mainContent td[data-align="left"],
.mainContent tr[data-align="left"],
.mainContent td[data-align="left"] p {
	text-align: left;
}

.mainContent table[data-width="100%"] {
	width: 100%;
}

.mainContent p.digest {
	font-size: 1.2em;
	color: #000000;
	text-align: center;
}

.mainContent img.download {
	margin: 5px;
}

.mainContent label.filter {
	margin: 0 20px 0 0;
}

.mainContent select.filter {
	font-size: 1em;
	height: 1.5em;
	margin-right: 40px;
	width: 100px;
	max-width: 100%;
}

.mainContent input[type="button"] {
	line-height: normal;
}

.mobileLogo {
	display: none;
}

.myUpdate {
	display: none !important;
}

/*==============*/
.bodyArea .flexslider .slides img {
	max-width: 100%;
	width: auto;
	margin: auto;
}

.bodyArea .flexslider {
	background-color: transparent;
}

.bodyArea .flexslider .flex-control-nav {
	bottom: 0;
}

.bodyArea .flexslider .flex-direction-nav a {
	/*
	background-image:url(../images/icon_arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#910197;*/
	border-radius: 100px;
	color: transparent;
	font-size: 0;
	/*
	box-shadow: 0 0 10px #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;
}

.bodyArea .flexslider .flex-direction-nav .flex-prev {
	/*
    -webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);*/
}

.bodyArea .flexslider .flex-direction-nav a:before {
	/*
	display:none;*/
	color: #fff;
}

.bodyArea .flexslider .flex-control-nav li {
	margin: 0 10px;
}

.bodyArea .flexslider .flex-control-paging li a {
	width: 12px;
	height: 12px;
	border-radius: 100px;
	background: rgba(0, 0, 0, 0.3);
}

.bodyArea .flexslider .flex-control-paging li a.flex-active {
	background: rgba(46, 143, 87, 0.95);
}

.flexslider:hover .flex-direction-nav .flex-prev {}

.moreBtn {
	text-align: right;
}

.moreBtn a {
	display: inline-block;
	padding: 8px 20px;
	background-color: #176474;
	color: #fff;
	border-radius: 40px;
}

/*====================*/
.svg_arrow {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	overflow: visible;
	width: 60px;
	height: 60px;
	position: relative;
}

.left_arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.right_arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.up_arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.down_arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.svg_arrow_svg {
	overflow: visible !important;
	width: 19px;
	height: 26px;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	transform: matrix(1, 0, 0, 1, 0, 0) translate(-40%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.svg_arrow_path {
	fill: rgba(0, 0, 0, 0);
	stroke: rgba(255, 255, 255, 1);
	stroke-width: 4px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

/*================*/
body li>p {
	margin-bottom: .6em;
}

body li>p:nth-last-child(1) {
	margin-bottom: 0;
}

.mybtn.btn1 {}

.mybtn.btn1>a {
	color: #fff;
	background-color: #15549b;
}

.mybtn.btn2 {
	text-align: right;
}

.mybtn.btn2>a {
	background-color: #f7be15;
	color: #31525b;
}

.mybtn>a {
	display: inline-block;
	min-width: 160px;
	padding: 6px 12px;
	border-radius: 4px;
	text-align: center;
}

body .table {
	margin: 0;
}

.table>table {
	width: 100%;
}

.table.myflex {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/*============*/
.myflex.flexCenter {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.myflex.flexRight {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.myflex.flexBetween {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.myflex.flexTop {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.myflex.flexBottom {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.myflex.flexMiddle {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.myflex.flexColumn {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.myflex.flexWrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.myflex.flexNoWrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.myflex.flexNoFit {
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.myflex.flexFit>div {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myflex.flexHeight {
	height: 100%;
}

.myflex.flexOverdraw {
	margin-left: -12px;
	margin-right: -12px;
}

.myflex.flexOverdraw>div {
	padding-left: 12px;
	padding-right: 12px;
}

/*============*/
.myflex.flexC5>*:nth-child(1) {
	width: 70.5882%;
}

.myflex.flexC5>*:nth-child(2) {
	width: 29.4118%;
}

.myflex.flex551>*:nth-child(1),
.myflex.flex551>*:nth-child(2) {
	width: 45.4545%;
}

.myflex.flex551>*:nth-child(3) {
	width: 9.0909%;
}

.myflex.flex31111>*:nth-child(1) {
	width: 42.8571%
}

.myflex.flex31111>*:nth-child(n+2) {
	width: 14.2857%
}

/*============*/
.mainContent ul.a {
	padding-left: 6em;
	margin: 2em 0;
	list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='5' cy='5' r='.8' stroke='black' stroke-width='8' fill='none'/%3E%3C/svg%3E");
}

.myflex.flexBBtn {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 80px 0 20px 0;
}

.myflex.flexBBtn a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background-color: #A6AABE;
	color: transparent;
	overflow: hidden;
	font-size: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 10;
}

.myflex.flexBBtn a:before {
	content: "";
	display: block;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	overflow: visible;
	width: 60px;
	height: 60px;
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg_arrow_svg' width='26' height='26' style='overflow: visible !important; position: absolute; top: 50%25; left: 50%25; -webkit-transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25); -ms-transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25); transform: matrix(1,0,0,1,0,0) translate(-40%25,-50%25);' viewBox='1991.397 129.484 19.313 26.46'%3E%3Cpath class='svg_arrow_path' style='fill: rgba(0,0,0,0); stroke: rgba(255,255,255,1); stroke-width: 4px; stroke-linejoin: round; stroke-linecap: round; stroke-miterlimit: 4; shape-rendering: auto;' d='M 1991.3974609375 147.8847961425781 L 1991.3974609375 129.4844055175781 L 2010.7109375 141.6504058837891 L 1991.3974609375 155.9443054199219'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
}

.myflex.flexBBtn>div:nth-child(1) a:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*================================*/
#flexslider_footer.flexslider {
	background-color: transparent;
}

.mob-shareTool,
.mob-fbTool {
	display: none;
}

#qrcode {
	margin-bottom: 20px;
}

#qrcode img {
	margin: auto;
}

/*===========================*/
.mySelect {
	position: relative;
	display: inline-block;
	/*
	margin:10px 0;*/
}

.mySelect .selected a {
	position: relative;
	display: block;
	border: 0;
	border-radius: 8px;
	padding: 10px 20px;
	background-color: #216354;
	color: #fff;
	font-size: 1.2em;
}

.mySelect .selected a:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	margin-left: 20px;
	background-image: url(../images/icon/icon_arrow_w.png);
	width: 16px;
	height: 16px;
}

.mySelect .select-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}

.icon.date {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	line-height: normal;
}

.icon.date:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 0;
	background-image: url(../images/icon/icon_time.svg);
}

.icon.remark a {
	display: inline-block;
	position: relative;
	padding-left: 30px;
}

.icon.remark a:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 14px;
	background-image: url(../images/icon/icon_info.png);
}

.page_scroll {
	position: fixed;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 8100;
}

.page_scroll ul {
	list-style-type: none;
}

.page_scroll li {
	display: block;
	padding: 10px;
}

.page_scroll ul a {
	width: 16px;
	height: 16px;
	display: block;
	background-color: #aab4ba;
	border: 2px solid #aab4ba;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 100px;
}

.page_scroll ul .active a {
	background-color: #fe6a64;
	border: 2px solid #000;
	;
}

.mobSelector {
	display: none;
}

.mobTag {
	display: none;
}

/*======================*/
.mob {
	display: none;
}

.loginBox {
	margin: 0 auto;
	width: 100%;
	max-width: 1380px;
	box-shadow: 0 0 12px rgba(0, 89, 255, 50%);
	border-radius: 10px;
	overflow: hidden;
	/*
	margin-bottom: 40px;
    margin-top: 20px;*/
}

.loginBox.lbSmall {
	max-width: 700px;
	/*
	margin-top:200px;*/
}

.loginBox.border {
	/*
	background-color: #fff;
    border: 1px solid #ddd;
	  
    width: 100%;
    max-width: 640px;
    margin:20px auto;
	padding:20px 60px;*/
}

.loginBox .cover {
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myColorStyle1 .loginBox .cover {
	background-image: url(../images/bg/bg_login.png);
}

.myColorStyle2 .loginBox .cover {
	background-image: url(../images/bg/pt_bg_login.jpg);
}

.myColorStyle3 .loginBox .cover {
	background-image: url(../images/bg/bd_bg_login.jpg);
}

.loginBox .cover .border {
	padding: 15.753424657534246575342465753425% 11.643835616438356164383561643836%;
}

.loginBox .heading.ex1 {
	font-size: 4em;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: 0 0 10px #00177c;
}

.loginBox .heading.ex2 {
	font-size: 2.2em;
	font-weight: bold;
}

.loginBox .heading.ex3 {
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
	float: right;
	padding-right: 100px;
	text-shadow: 0 0 10px #00177c;
}

.loginBox .loginput {
	width: 650px;
	background-color: #fff;
}

.loginBox.lbSmall .loginput {
	width: 100%;
}

.loginBox .loginput .border {
	padding: 17.692307692307692307692307692308% 19.230769230769230769230769230769%;
}

.loginBox.lbSmall .loginput .border {
	padding: 6.4% 21.428571428571428571428571428571%;
}

.loginBox .header {
	font-size: 2.4em;
	text-align: center;
	margin: 20px 0;

}

.loginBox .header.c2 {
	color: #707070;
}

.loginBox.lbSmall .myalert {
	margin-top: 30px;
	font-size: .875em;
}

.loginBox .input {
	padding: 10px 0;
	/*
	padding:10px 20px;*/
}

.loginBox .input .irow {
	position: relative;
	padding: 20px 0;
}

.loginBox .input .irow.irow2 {
	padding-top: 0;
	padding-bottom: 40px;
}

.loginBox .input .itxt label {
	position: relative;
	/*
    position: absolute;
    left: -200vw;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    z-index: -10;*/
}

.loginBox .input .itxt input[type="text"],
.loginBox .input .itxt input[type="password"] {
	width: 400px;
	max-width: 100%;
	padding: 7px;
	padding-left: 45px;
	background-color: #f8f7fd;
	border: 1px solid #efedfa;
	border-radius: 4px;
	outline-color: #6966ed;
}

.loginBox .input .myflex .itxt {
	padding-right: 30px;
}

.loginBox .input .myflex .itxt input[type="text"],
.loginBox .input .myflex .itxt input[type="password"] {
	width: 100%;
}

.loginBox .input .myCaptcha {
	height: 38px;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px);

}

.loginBox .input ::placeholder {
	color: #212121;
	opacity: 1;
}

.loginBox .input ::-ms-input-placeholder {
	color: #212121;
}

.loginBox .input :-ms-input-placeholder {
	color: #212121;
}

.loginBox .input .ibtn {
	text-align: center;
	padding-bottom: 5px;
}

.loginBox .input .irow.irow2 a {
	color: #6765ed;
	font-size: .875em;
}

.loginBox .input .ibtn button,
.loginBox .input .ibtn input[type="submit"],
.loginBox .input .ibtn a {
	position: relative;
	border-radius: 100px;
	padding: 12px 40px;
	text-align: center;
	color: #fff;
	background-color: #472ac4;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 6.8493150684931506849315068493151%), rgba(0, 0, 0, 0%));
	/*background-image: linear-gradient(to right, #282ca9 , #472ac4);*/
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	width: 100%;
	border: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.loginBox .input .ibtn button:after,
.loginBox .input .ibtn input[type="submit"]:after,
.loginBox .input .ibtn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 25px;
	height: 25px;
	background-image: url(../images/icon/icon_sign_in.svg);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-size: auto;
}

.loginBox .input .ibtn button:focus,
.loginBox .input .ibtn button:hover,
.loginBox .input .ibtn input[type="submit"]:focus,
.loginBox .input .ibtn input[type="submit"]:hover,
.loginBox .input .ibtn a:focus,
.loginBox .input .ibtn a:hover {
	background-color: #171b92;
}

.loginBox .input .ibtn.ibtn2 a {
	min-width: 0;
}

.loginBox .input .ibtn.ibtn3 a {

	color: #4A4A4A;
	background-color: #E5E5E5;
	min-width: 0;
}

.loginBox .input .ibtn.ibtn3 a:focus,
.loginBox .input .ibtn.ibtn3 a:hover {
	background-color: #f5f5f5;
}

.loginBox .input .itIcon {
	position: relative;
}

.loginBox .input .itIcon label:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 24px;
	height: 24px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-position: center center;

}

.loginBox .input .itIcon.itiUn label:after {
	background-image: url(../images/icon/icon_user_id.svg);
	background-size: auto;
}

.loginBox .input .itIcon.itiPw label:after {
	background-image: url(../images/icon/icon_password.svg);
	background-size: auto;
}

.loginBox .input .itIcon.itiCc label:after {
	background-image: url(../images/icon/icon_captcha_code.svg);
	background-size: auto;
}

.loginBox .input .itIcon.itiEm label:after {
	background-image: url(../images/icon/icon_email_i.svg);
}

.myHeader .ibtn a {
	border-radius: 100px;
	padding: 8px 30px;
	text-align: center;
	color: #fff;
	background-color: #0053B3;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	/*
	margin:0 10px;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.myHeader .ibtn a:focus,
.myHeader .ibtn a:hover {
	background-color: #0d2e4a;
}

.myAlertList>div {
	position: relative;
	padding-left: 36px;
	margin: 10px 0;
}

.myAlertList>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_alert_c.svg);
}

.myAlertList .error {
	color: #912f2e;
}

.myAlertList .error:before {
	background-image: url(../images/icon/icon_alert_e.svg);
}

.inputList {
	/*font-size: 1.125em;
	border-top:1px solid #c5c5c5;*/
	padding: 0;
}

.inputList>div:not(:nth-child(1)):not(.pmtList):not(.modal):not(.under_btn_row):not(.section_b) {
	margin-top: 16px;
}

.inputList>div:not(.modal):not(.under_btn_row):not(.section_b) {
	margin-bottom: 16px;
}

.inputList>div.dz-clickable {}

.inputList.noborder {
	border-top: 0;
}

.inputList .title {
	/*
	min-width:150px;
	width:8vw;*/
	width: 100%;
	/*font-size:0.80357142857142857142857142857143em;
    font-weight: bold;*/
	/*
	padding-right:20px;*/
	padding-right: 0;
	margin-bottom: 4px;
}

.inputList .title label {
	margin-bottom: 0;
	font-weight: bold;
}

.inputList .flex400>div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;*/
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .flex414 .input {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 33.3333vw;
}

.inputList .flex414 {}

.inputList .flex414>div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 44.4444%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .flex414 .input {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.inputList .flexAA>div {
	min-width: 40%;
	padding: 8px 0;
	padding-right: 20px;
}

.inputList .input input[type="text"],
.inputList .input input[type="password"],
.inputList .input select {
	padding: 4px 8px;
	border: 0;
	border-bottom: 1px solid #0053B3;
	background-color: transparent;
	width: 100%;
	margin: 0 0;
	
}

.inputList .input input[type="text"]:disabled,
.inputList .input input[type="password"]:disabled {
	border-bottom: 0;
}

.inputList.user_profile_list .input input[type="text"],
.inputList.user_profile_list .input select{

	border: 1px solid #e8e8ea;
	border-radius: 6px;
	padding: 8px 10px;
}

.inputList .input.short input[type="text"],
.inputList .input.short input[type="password"] {
	width: 600px;
	max-width: 100%;
}

.inputList .input.long {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.inputList .input.long textarea {
	
	width: 100%;
	min-height: 200px;
	background-color: transparent;
	
    border: 1px solid #0053B3;
	padding: 8px 12px;
	
	border-radius: 8px;
}

.inputList .fileUploader {
	padding: 45px 50px;
	text-align: center;
	color: #595959;
	border: 2px dotted #0053B3;
	position: relative;
	font-size: 1em;
	z-index: 10;
	max-width: 100%;
	width: auto;
	min-width: 0;
	margin: 10px 0;
}

.inputList .fileUploader .myFFText {
	position: relative;
}

.inputList .fileUploader .myFFText:before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	background-image: url(../images/icon/icon_upload.svg);
}

.inputList .fileUploader input[type="file"] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	outline-offset: 1px;
	z-index: -1;
}

.inputList .fileUploader input[type="file"]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
}

.inputList .sboxList>div {
	min-width: 11.1111vw;
	width: 33.3333%;
	padding-right: 10px;
}

.inputList .sboxList label {
	width: 100%;
	padding-right: 10px;
	margin: 8px 0 8px 0;
}

.inputList .sboxList label input[type="checkbox"],
.inputList .sboxList label input[type="radio"] {
	margin-right: 10px;
}

.inputList .ibtn button,
.inputList .ibtn a,
.inputList .ibtn input[type="button"],
.modal-footer .ibtn button,
.modal-footer .ibtn a,
.modal-footer .ibtn input[type="button"],
.modal-body .ibtn button,
.modal-body .ibtn a,
.modal-body .ibtn input[type="button"],
.modal-body .ibtn .btn10,
#dlgConfirm .btn-primary,
#dlgConfirm .btn-secondary {
	border-radius: 100px;
	padding: 8px 20px;
	
	/*margin: 8px 10px;*/
	text-align: center;
	color: #fff;
	background-color: #0053B3;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	border: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.inputList .ibtn button:focus,
.inputList .ibtn button:hover,
.inputList .ibtn a:focus,
.inputList .ibtn a:hover {
	background-color: #0d2e4a;
	text-decoration: none;
}

.inputList .ibtn.ibtn3 a,
.inputList .ibtn.ibtn3 input[type="button"] {
	color: #4A4A4A;
	background-color: #E5E5E5;
}

.inputList .ibtn.ibtn3 a:focus,
.inputList .ibtn.ibtn3 a:hover {
	background-color: #f5f5f5;
}

.inputList .ibtn.ibtn4 a {
	position: relative;
	padding: 8px 30px;
	min-width: 140px;
	margin: 16px 20px;
}

.inputList .ibtn.ibtn4.ibtnAA a,
.inputList .ibtn.ibtn4.ibtnAR a {
	margin-top: 0;
}

.inputList .ibtn.ibtn4.ibtnAA a:after {
	content: ">>";
	display: inline-block;
	margin-left: 5px;
}

.inputList .ibtn.ibtn4.ibtnAR a:after {
	content: "<<";
	display: inline-block;
}

.inputList .ibtn.ibtn4.ibtnPA a:before {
	content: "+";
	display: inline-block;
	margin-right: 5px;
}

.myHeader h1 {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.editTool a {
	display: block;
	position: relative;
	padding: 10px 20px;
	padding-right: 32px;
}

.editTool a:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon/icon_edit.svg);
}

.editTool a:focus:after,
.editTool a:hover:after {
	background-image: url(../images/icon/icon_edit_i.svg);
}

.editTool.icon2 a {
	padding: 0px;
	padding-right: 32px;
}

.editTool.icon2 a:after {
	content: "";
	position: absolute;
	top: -2px;
	right: 0;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon/icon_edit2.svg);
}

.editTool.icon2 a:focus:after,
.editTool.icon2 a:hover:after {
	background-image: url(../images/icon/icon_edit2_i.svg);
}

.inputList .selectArea {
	width: 450px;
	max-width: 100%;
	max-width: calc(100vw - 30px);
}

.inputList select[multiple] {
	width: 100%;
	height: 500px;
	background-color: #f5f5f5;
}

.inputList select[multiple] option {
	position: relative;
	padding: 10px 20px;
}

.inputList select[multiple] option:not([value*="fakefake"]) {
	padding-left: 50px;
}

.inputList select[multiple] option:not([value*="fakefake"]):before {
	content: "";
	position: absolute;
	left: 20px;
	top: 12px;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
}

.inputList select[multiple] option:not([value*="fakefake"]):after {
	content: "";
	position: absolute;
	left: 20px;
	top: 12px;
	width: 16px;
	height: 16px;
	margin: 2px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.inputList select[multiple] option:checked:not([value*="fakefake"]):after {
	background-color: #0053B3;
}

.inputList select[multiple] option[value*="fakefakefake"] {
	white-space: normal;
}

.user_profile_list .input>*:not(:last-child){
	margin-top: 20px;
}

.inputMask label {
	position: relative;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	/*margin: 10px 0;*/
	padding-right: 10px;
}

.inputMask label * {
	cursor: pointer;
}

.inputMask label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.inputMask label .mask {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
	margin: auto 8px;
}

.inputMask label input:focus+.mask,
.inputMask label:hover .mask {
	border: 2px solid #000;
}

.inputMask label .mask:before {
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.inputMask label input:checked~.mask:before {
	background-color: #0053B3;
}

.inputMask.toggleMask label .mask {
	background-color: #ccc;
	height: 22px;
	width: 48px;
	border: 0;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.inputMask.toggleMask label input:focus+.mask,
.inputMask.toggleMask label:hover .mask {
	border: 0;
	opacity: .7;
}

.inputMask.toggleMask label input:checked+.mask {
	background-color: #0053B3;
}

.inputMask.toggleMask label .mask:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 1px;
	background-color: #fff;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.inputMask.toggleMask label input:checked+.mask:before {
	background-color: #fff;
	-webkit-transform: translate(calc(100% + 4px), 0);
	-ms-transform: translate(calc(100% + 4px), 0);
	transform: translate(calc(100% + 4px), 0);
}






/*===================*/
.pmtArea {
	margin-bottom: 20px;
}

.pmtHeader {

	padding: 20px 0;
	border-bottom: 1px solid #c5c5c5;
}

.pmtList>div {
	/*Justin 20230302
	margin:0 -40px;
	padding:0 40px;*/
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pmtList>div.active {
	background-color: #f5f5f5;
}

.pmtList>div>.border {
	position: relative;
	
	border-bottom: 1px solid #c5c5c5;
}
.pmtArea .pmtList .main.myflex>*{
	padding-top: 20px;
	padding-bottom: 20px;
}

.pmtArea .pmtList .functionMenuBig {
	top: calc(100% - 20px);
}


.pmtList .twinputext>* {
	padding-right: 40px;
}

.pmtList .minicheck {
	/*font-size:.8em;*/
}

.pmtList .heading {
	font-size: 1.4em;
	font-weight: bold;
}

.pmtList .sub {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pmtList>.active .sub {
	opacity: 1;
}

.pmtList .sub>.border {
	display: none;
	padding-bottom: 40px;
}

.pmtList>.active .sub>.border {
	display: block;
}

.pmtList .sub .close {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.pmtList .sub .close a {
	position: relative;
}

.pmtList .sub .ibtn.ibtnCC a {
	padding: 0;
}

.pmtList .sub .close a:before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/icon/icon_close.svg);
}

.pmtList .sub .heading {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 20px 0;
}

.pmtList.folder>div.active,
.pmtList.folder>div:hover {
	background-color: #d1ecff;
}

.pmtArea .mobile_td {
	display: none;
	font-weight: 600;
}

.functionFolder a {
	position: relative;
	padding-left: 45px;
	/*updated by justin 20230313*/
	display: block;

}

.functionFolder a:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon/icon_folder.svg);
}

.functionFolder a:focus:before,
.functionFolder a:hover:before {
	background-image: url(../images/icon/icon_folder_i.svg);
}

.functionMenuBig {
	position: absolute;
	z-index: 60;
	
}

.functionMenu {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: none;
	/*position: absolute;*/
	border-radius: var(--border_radius1);
	height: 100%;
	box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
	position: relative;
	z-index: 5;
	background-color: #FFF;
	min-width: 190px;
	font-size: 0.875rem;
	/*left: 150px;
    top: 0;
	z-index:10;*/
}

.functionMenu>* {}

.file_infoMenu .close_btn,
.functionMenu .close_btn{
	position: absolute;
	right: 10px;
	top:10px;
	display: none;
}

.functionMenu .border{
		padding: 5px;
}

.functionMenu .name_wrap,
.file_info_wrap {
	display: none;
	align-items: flex-end;
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 60px;
}

.mainContent .functionMenu a {
	
	color: #000;
}

.myItemList .list .functionMenu .tit {
	color: #000;
}

.functionMenu .file_name {}

.file_extention {

	text-transform: lowercase;
	color: #000;
}

.activeFM{
	z-index: 500;
}

.activeFM .functionMenu {
	opacity: 1;
	display: block;
}

.activeFM .functionMenu>* {}

.activeFM .more{
	z-index: 600;
}

.body_activeFM {}

.body_activeFM .blanket {}

.functionMenu .mytagPage.active .fmTit {
	display: none;
}

.functionMenu .mytagPage .content {
	display: none;
}

.functionMenu .mytagPage.activeP1>div:nth-child(1) .content,
.functionMenu .mytagPage.activeP2>div:nth-child(2) .content,
.functionMenu .mytagPage.activeP2>div:nth-child(3) .content {
	display: block;
}

.mytagPage .fmTit a {
	display: block;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	padding-right: 10px;
	border-radius: 4px;
	white-space: nowrap;
}

.mytagPage .fmTit a:before {
	content: "";
	position: absolute;
	left: 15px;
	width: 20px;
	height: 20px;
}

.mytagPage .ctrlEdit.fmTit a:before {
	background-image: url(../images/icon/icon_edit.svg);
}

.mytagPage .ctrlDel.fmTit a:before {
	background-image: url(../images/icon/icon_delete.svg);
}

/*
.mytagPage .fmTit.tit1 a:before{background-image:url(../images/icon/icon_fm1.svg);}
.mytagPage .fmTit.tit2 a:before{background-image:url(../images/icon/icon_fm2.svg);}
.mytagPage .fmTit.tit3 a:before{background-image:url(../images/icon/icon_fm3.svg);}
.mytagPage .fmTit.tit1 a:focus:before, .mytagPage .fmTit.tit1 a:hover:before{background-image:url(../images/icon/icon_fm1_i.svg);}
.mytagPage .fmTit.tit2 a:focus:before, .mytagPage .fmTit.tit2 a:hover:before{background-image:url(../images/icon/icon_fm2_i.svg);}
.mytagPage .fmTit.tit3 a:focus:before, .mytagPage .fmTit.tit3 a:hover:before{background-image:url(../images/icon/icon_fm3_i.svg);}
*/

.mytagPage .fmTit.info_icon a:before {
	background-image: url(../images/icon/icon_info.svg);
}

.mytagPage .fmTit.view_icon a:before {
	background-image: url(../images/icon/icon_view.svg);
}

.mytagPage .fmTit.edit_icon a:before {
	background-image: url(../images/icon/icon_edit.svg);
}

.mytagPage .fmTit.delete_icon a:before {
	background-image: url(../images/icon/icon_delete.svg);
}

.mytagPage .fmTit.restore_icon a:before {
	background-image: url(../images/icon/restore_icon.png);
}

.mytagPage .fmTit.download_icon a:before {
	background-image: url(../images/icon/icon_download.svg);
}

.mytagPage .fmTit.share_icon a:before {
	background-image: url(../images/icon/icon_share.svg);
}

.mytagPage .fmTit.submission_icon a:before {
	background-image: url(../images/icon/icon_submission.svg);
	
}

.mytagPage .fmTit.perm_icon a:before {
	background-image: url(../images/icon/icon_permission.svg);
}

.mytagPage .fmTit.section_icon a:before {
	background-image: url(../images/icon/icon_section.svg);
}

.mytagPage .fmTit.user_icon a:before {
	background-image: url(../images/icon/icon_user.svg);
}

.mytagPage .fmTit.group_icon a:before {
	background-image: url(../images/icon/icon_group.svg);
}

.mytagPage .fmTit.move_icon a:before {
	background-image: url(../images/icon/icon_move2.svg);
	-webkit-filter: brightness(0) invert(0);
	-ms-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

.mytagPage .fmTit.copy_icon a:before {
	background-image: url(../images/icon/icon_copy.svg);
	-webkit-filter: brightness(0) invert(0);
	-ms-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

.mytagPage .fmTit.create_icon a:before {
	background-image: url(../images/icon/icon_create.png);
	-webkit-filter: brightness(0) invert(0);
	-ms-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

.mytagPage .fmTit a:hover,
.mytagPage .fmTit a:focus{
	background-color: #004e38;
	color: #fff;
	text-decoration: none;
}

.mytagPage .fmTit a:hover:before,
.mytagPage .fmTit a:focus:before  {
	filter: var(--filter_white);
}

.mytagPage .content>* {
	margin: 20px 0;
}

.mytagPage .content>*:nth-child(1) {
	/*
	margin-top:0;*/
}

.mytagPage .content>*:nth-last-child(1) {
	margin-bottom: 0;
}

.mytagPage .content .heading {
	font-size: 1.4em;
}

.mytagPage .content .dropArea {
	padding: 20px;
	background-color: #f5f5f5;
}

.pmtList .iconUser {
	font-size: 1.4em;
	position: relative;
	padding: 10px;
	padding-left: 50px;
}

.pmtList .iconUser:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	background-color: #0053B3;
	border-radius: 100px;
	background-image: url(../images/icon/icon_user.svg);
	background-size: 70% auto;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.pmtList .ibtn.ibtn5 a {
	border-radius: 4px;
	padding: 16px 30px;
	margin: 15px 0;

}

.pmtList .ibtn.ibtn6 a {
	position: relative;
	border-radius: 4px;
	padding: 16px 20px;
	margin: 15px 0;

	background-color: #fff;
	border: 1px solid #c5c5c5;
	color: #0053B3;
	padding-left: 50px;
}

.pmtList .ibtn.ibtn6 a:focus,
.pmtList .ibtn.ibtn6 a:hover {
	background-color: #fff;
	color: #0d2e4a;
}

.pmtList .ibtn.ibtn6 a:before {
	content: "";
	position: absolute;

	left: 15px;
	width: 26px;
	height: 26px;
	background-image: url(../images/icon/icon_url.svg);
}

.pmtList .ibtn.ibtn6 a:focus:before,
.pmtList .ibtn.ibtn6 a:hover:before {
	background-image: url(../images/icon/icon_url_i.svg);
}

.filterTool>div {
	margin: 0 40px;






}

.filterTool select {
	border: 0;
	padding: 0 20px 0 10px;

}

.filterTool .icon a {
	display: block;
	position: relative;
	padding-left: 40px;

}

.filterTool .icon a:before {
	content: "";
	position: absolute;
	left: 0;

	widtH: 20px;
	height: 20px;
}

.filterTool .icon.icon_view a:before {
	background-image: url(../images/icon/icon_view.svg);
}

.filterTool .icon.icon_view a:focus:before,
.filterTool .icon.icon_view a:hover:before {
	background-image: url(../images/icon/icon_view_i.svg);
}

.tagTool {
	margin: 0 -5px;
	margin-bottom: 10px;
}

.tagTool .mitag {
	margin: 5px;
	font-weight: bold;
	color: #0053B3;
}

.tagTool .icon {
	position: relative;
	padding-left: 25px;
}

.tagTool .icon:before {
	content: "";
	position: absolute;
	left: 0;

	width: 20px;
	height: 20px;
}

.tagTool .icon.icon_tag:before {
	background-image: url(../images/icon/icon_tips.svg);
	-webkit-filter: brightness(0) invert(v);
	-ms-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

.tagTool .icon.icon_similarImg:before {
	background-image: url(../images/icon/img_icon.png);
}

.tagTool .icon.icon_ftype:before {
	background-image: url(../images/icon/icon_mVaTxt_2.svg);
}

.tagTool .icon.icon_tax:before {
	background-image: url(../images/icon/icon_va_2.svg);
}

.tagTool .icon.icon_upload_date:before {
	background-image: url(../images/icon/icon_mVaTxt_8.svg);
}

.tagTool .itag a {
	display: block;
	font-size: .8em;
	padding: 8px 16px;
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tagTool .itag a:focus,
.tagTool .itag a:hover {
	color: #000;
	border: 1px solid #0053B3;
	background-color: #d1ecff;
}

.photoSelector {
	margin: 0 -5px;
}

.photoSelector>div {
	padding: 5px;
	/*
	width:430px;
	max-width:100%;*/





	min-width: 25%;
	width: 100%;
	max-width: 430px;

}

.photoSelector.kill1>div {
	width: 570px;
	min-width: 33.333%;
}

.photoSelector .border {
	overflow: hidden;
	border-radius: 4px;
	position: relative;
}

.photoSelector .cover img {
	width: 100%;
}

.cover.closeUp a {
	display: inline-block;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
}

/*updated by justin 20230313
.cover.closeUp a:before,
.photoSelector .cover a:before{
	content:"";
	position:absolute;
	right:10px;
	top:10px;
	width:40px;
	height:40px;
	border-radius:100px;
	background-color:rgba(0,0,0,.5);
	background-image:url(../images/icon/icon_ps_0.png);
    -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;
}
*/
.photoSelector .cover a:focus:before,
.photoSelector .cover a:hover:before {
	background-color: rgba(0, 0, 0, .8);
}

.photoSelector .tool {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
}

.photoSelector .tool>div {
	margin: 5px;
}

.photoSelector .tool .ibtn a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.photoSelector .border:hover .tool .ibtn a,
.photoSelector .tool .ibtn a:focus,
.photoSelector .tool .ibtn a:hover {
	opacity: 1;
}

.photoSelector .tool .ibtn a:focus,
.photoSelector .tool .ibtn a:hover {
	background-color: rgba(0, 0, 0, .8);
}

.photoSelector .tool .ibtn a:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
}

.photoSelector .tool .ibtn.ibtn1 a:before {
	background-image: url(../images/icon/icon_ps_1.png);
}

.photoSelector .tool .ibtn.ibtn2 a:before {
	background-image: url(../images/icon/icon_ps_2.png);
}

.photoSelector .tool .ibtn.ibtn3 a:before {
	background-image: url(../images/icon/icon_ps_3.png);
}

.photoSelector .tool .ibtn.ibtn4 a:before {
	background-image: url(../images/icon/icon_ps_4.png);
}

.excessiveContentArea.eca_eah {
	/*
	background-color:#f3fdff;
    box-shadow: 0 6px 6px -6px #888;*/
	position: relative;
	z-index: 10;
	background-color: #0053b3;
}

.excessiveContentArea.eca_eah:after {
	/*
	content:"";
	position:absolute;
	height:4px;
	bottom:0;
	left:0;
	right:0;
	background-color:#f3fdff;
	z-index:-1;*/
}

.eca_eah .nav>div {
	/*
	min-width:11.1111%;*/
}

.eca_eah .nav a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 12px 20px;
	color: #fff;
	border-bottom: 4px solid #0053B3;
	-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;
}

.eca_eah .nav .active>a,
.eca_eah .nav a:focus,
.eca_eah .nav a:hover {
	/*
	font-weight:bold;*/
	text-decoration: none;
	color: #fff;
	border-bottom: 4px solid #000;
}

.contentArea+.excessiveContentArea.eca_eah {
	margin-top: 8px;
}

.excessiveContentArea.eca_eab {
	padding: 8px 20px;
}

.excessiveContentArea.eca_eab.eab1 {
	background-color: rgba(245, 245, 245, .3);
	position: relative;
	overflow: hidden;
	z-index: 10;
}

.excessiveContentArea.eca_eab.eab1:before {
	content: "";
	background-color: #f5f5f5;
	background-size: cover;
	position: absolute;
	inset: 0px;
	filter: blur(30px);
	transform: skew(-0.29turn, 128deg);
	opacity: 0.3;
	height: 100%;
	width: 100%;
	transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-image 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	pointer-events: none;
	z-index: -1;
}

.prerviewDetail {
	min-width: 69%;
	max-width: 75%;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.pDTool {
	margin-bottom: 8px;
}

.pDTool .ibtn a {
	border-radius: 100px;
	padding: 12px 20px;
	margin: 8px 8px;
	text-align: center;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	display: inline-block;
	font-size: 1.2em;
}

.pDTool .ibtn.ibtn7 a {
	position: relative;
	/*
	padding-left:60px;*/
}

.pDTool .ibtn.grey a {
	background-color: #f3f4f5;
}

.pDTool .ibtn.ibtn7 a:before {
	content: "";
	/*
	position:absolute;
	left:20px;*/
	display: inline-block;
	vertical-align: text-bottom;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}

.pDTool .ibtn.ibtn7 a:focus,
.pDTool .ibtn.ibtn7 a:hover {
	color: #0053B3;
}

.pDTool .ibtn.ibtn8 a {
	color: #fff;
	background-color: #000;
	min-width: 260px;
	max-width: 100%;
}

.pDTool .ibtn.ibtn_fav a:before {
	background-image: url(../images/icon/icon_fav.svg);
}

.pDTool .ibtn.ibtn_fav a:focus:before,
.pDTool .ibtn.ibtn_fav a:hover:before {
	background-image: url(../images/icon/icon_fav_i.svg);
}

.pDTool .ibtn.ibtn_edit a:before {
	background-image: url(../images/icon/icon_edit.svg);
}

.pDTool .ibtn.ibtn_edit a:focus:before,
.pDTool .ibtn.ibtn_edit a:hover:before {
	background-image: url(../images/icon/icon_edit_i.svg);
}

.pDTool .ibtn.ibtn_share a:before {
	background-image: url(../images/icon/icon_share.svg);
}

.pDTool .ibtn.ibtn_download a:before {
	background-image: url(../images/icon/icon_download.svg);
}

.pDTool .ibtn.ibtn_perm a:before {
	background-image: url(../images/icon/icon_permission.svg);
}

.pDTool .ibtn.ibtn_wf a:before {
	background-image: url(../images/icon/icon_workflow.svg);
}

.pDTool .ibtn.ibtn_upload a:before {

	background-image: url(../images/icon/icon_upload_black.svg);
}

.pDTool .ibtn.ibtn_checkin a:before {
	background-image: url(../images/icon/icon_check_in.svg);
}

.pDTool .ibtn.ibtn_checkout a:before {
	background-image: url(../images/icon/icon_check_out.svg);
}

.pDTool .ibtn.ibtn_delete a:before {
	background-image: url(../images/icon/icon_delete.svg);
}

.prerviewDetail2 .pDD2Tags .tag .icon.ibtn_version a:before {
	background-image: url(../images/icon/icon_version.svg);
}

.prerviewDetail2 .pDD2Tags .tag .icon.ibtn_comment a:before {
	background-image: url(../images/icon/icon_comment.svg);
}


.pDCover {
	background-color: rgba(255, 255, 255, 0.70);
	padding: 10px;
	border-radius: 8px;
}

.pDCover .title {
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	margin: 12px 0;
}

.pDCover .cover {
	text-align: center;
	margin: 20px 0;
}

.pDCover .cover img {
	border-radius: 8px;
}

.pDDescript {
	margin: 8px 0;
	padding: 20px 20px;
}

.pDDescript .title {
	/*
	font-size:1.4em;
	font-weight:bold;*/
	margin-bottom: 10px;
}

.pDDescript .content {
	/*font-weight:bold;*/
}

.previewThumbnail {
	margin: 8px 0;
	padding: 0 10px;
}

.previewThumbnail .myflex>div {
	width: 50%;
	padding: 5px;
}

.photoSelector .uploadArea>div {
	height: 85%;
	min-height: 185px;
}

.photoSelector .uploadArea>div>div {
	height: 100%;
}

.uploadArea a .aCenter {
	top: 40%;
	left: 40%;
	position: absolute;
}

.previewThumbnail .myflex>div a,
.photoSelector .uploadArea>div a {
	position: relative;
	display: block;
	font-weight: bold;
	height: 100%;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	color: #000;
	background-color: rgba(12, 18, 28, 0.12);
	-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;
}

.previewThumbnail .myflex>div a:focus,
.previewThumbnail .myflex>div a:hover {
	background-color: rgba(0, 0, 0, 0.23);
}

.previewThumbnail a .aCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pDTag {
	background-color: rgba(255, 255, 255, 0.70);
	padding: 0;
	margin: 8px 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
}

.pDTag>div {
	padding: 20px 20px;
	min-width: 16.6667%;
}

.pDT_title {
	width: 100%;
	margin-bottom: 8px;
	font-weight: bold;
}

.pDTag .title {
	/*
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;*/
	margin-right: 8px;
}

.pDTag .content {
	/*
	font-size:1.4em;
	font-weight:bold;*/
}

.pDT_tag {
	/*
	padding:20px 20px;*/
	margin: 0 -4px;
}

.pDT_tag>div {
	/*
	margin:0 10px 10px 0;*/
}

.pDT_tag a {
	display: block;
	/*
	padding:8px 40px;
	background-color:#f2f5fc;*/
	border-radius: 4px;
	font-size: .8em;
	padding: 8px 16px;
	margin: 4px;
	border: 1px solid #c5c5c5;
	-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;
}

.pDT_tag a:focus,
.pDT_tag a:hover {
	color: #000;
	border: 1px solid #0053B3;
	background-color: #d1ecff;
}

.folderDetail:not(:nth-child(1)) {
	margin-top: 40px;
}

.folderDetail {
	margin-bottom: 40px;
}

.folderDetail>div {
	/*
	padding-right:40px;*/
	padding-bottom: 20px;
}

.folderDetail>div {
	padding-right: 40px;
}

.folderDetail>div:nth-last-child(1) {
	padding-right: 0px;
}

.folderDetail .fdPersonal {
	max-width: 33.333%;
	min-width: 33.333%;
	/*
	padding-right:40px;*/
}

.folderDetail .fdDetail {
	max-width: 66.666%;
	min-width: 66.666%;
}

.folderDetail .fdDetail>div {
	padding-right: 40px;
	padding-bottom: 20px;
	min-width: 50%;
}

.folderDetail .fdDetail>div:nth-child(1) {
	/*
	padding-left:0;*/
}

.folderDetail .fdDetail>div:nth-last-child(1) {
	padding-bottom: 0;
	padding-right: 0;
}

.folderDetail .group+.group {
	margin-top: 40px;
}

.folderDetail .title {
	/*
	font-size:1.6em;
	font-weight:bold;*/
	margin-bottom: 10px;
}

.folderDetail .title {
	font-weight: bold;
}

.folderDetail .mid {
	position: relative;
	margin-bottom: 10px;
}

.folderDetail .mid:after {
	content: "";
	display: inline-block;
	margin: 0 10px;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_id.svg);
	vertical-align: text-bottom;
}

.folderDetail .mbox {
	border: 1px solid #bec5cb;
	border-radius: 4px;
	padding: 0 8px;
}

.folderDetail .mbox>div {
	padding: 8px 8px;
}

.relatedPhoto .rP_title {
	margin: 10px 0;
}

.relatedPhoto .ibtn a {
	padding: 8px 30px;
	margin: 10px 15px;
	text-align: center;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	display: inline-block;
	font-size: 1.2em;
	border: 1px solid #000;
	border-radius: 100px;
}

.relatedPhoto .ibtn.ibtn9 a {
	min-width: 180px;
}

.rP_title .title {
	font-size: 2em;
	font-weight: bold;
}

.relatedPhoto .rP_ps {
	margin: 10px 0;
}

.myComment {
	padding: 20px;
}

.myComment .thmubArea {
	padding: 0 10px;
	padding-top: 90px;
	max-width: 100%;
	width: 280px;
}

.myComment .thmubArea>div {
	padding: 0;
	margin-bottom: 40px;
	/*
	border-bottom:1px solid #000;*/
}

.myComment .thmubArea .heading {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}

.myComment .thmubArea>div>div {
	margin-bottom: 40px;
}

.myComment .thmubArea .cover {
	margin-bottom: 10px;
	width: 200px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.myComment .thmubArea .title {
	margin-bottom: 20px;
}

.myComment .editArea {
	padding: 0 10px;
}

.norNav,
.myComment .editArea .norNav {
	margin-bottom: 20px;
}

.norNav>div,
.myComment .editArea .norNav>div {
	/*
	min-width:20%;*/
}

.norNav a,
.myComment .editArea .norNav a {
	display: block;
	text-align: center;
	width: 100%;
	padding: 24px 16px;
	border-bottom: 4px solid #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.norNav .active>a,
.norNav a:focus,
.norNav a:hover,
.myComment .editArea .norNav .active>a,
.myComment .editArea .norNav a:focus,
.myComment .editArea .norNav a:hover {
	text-decoration: none;
	color: #0053B3;
	border-bottom: 4px solid #0053B3;
}

.myComment .editArea .main {
	position: relative;
}

.myComment .editArea .pointList .point {
	position: absolute;
}

.myComment .editArea .pointList .point.point1 {
	left: 72%;
	top: 18%;
}

.myComment .editArea .pointList .point>.border {
	position: relative;
	height: 0;
	width: 0;
}

.myComment .editArea .pointList .point .mid a {
	position: relative;
	display: block;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}

.myComment .editArea .pointList .point .mid a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #0053B3;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

.myComment .editArea .pointList .point .mid a:focus:before,
.myComment .editArea .pointList .point .mid a:hover:before {
	background-color: #0d2e4a;
}

.myComment .editArea .pointList .point .mid a span {
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myComment .editArea .pointList>div .point {}

.myComment .editArea .bgI {
	border-radius: 4px;
	overflow: hidden;
}

.myComment .editArea .pointList .content {
	position: relative;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.myComment .editArea .pointList .point.active .content {
	opacity: 1;
}

.myComment .editArea .pointList .content>.border {
	display: none;
	position: absolute;
	top: 45px;
	right: -30px;
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
	width: 500px;
	max-width: 100vw;
}

.myComment .editArea .pointList .point.active .content>.border {
	display: block;
}

.myComment .editArea .pointList .content>.border:before {
	content: "";
	position: absolute;
	top: auto;
	bottom: 100%;
	left: auto;
	right: 20px;
	border-bottom: 15px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.myComment .editArea .pointList .content>.border>div:not(:nth-last-child(1)) {
	margin-bottom: 20px;
}

.myComment .editArea .pointList .content .title {
	/*
	margin-bottom:20px;*/
}

.myComment .editArea .pointList .content textarea {
	min-height: 180px;
	width: 100%;
	max-width: 100%;
	padding: 10px;
}

.myComment .editArea .pointList .content .ibtn {
	text-align: right;
}

.myComment .detailArea {
	padding: 0 10px;
	padding-top: 100px;
	max-width: 100%;
	width: 500px;
}

.myComment .detailArea .dAAdd {
	/*
	border-bottom:1px solid #000;
	margin-bottom:40px;*/
	padding-bottom: 20px;
}

.myComment .detailArea .dAAdd>div {
	margin-bottom: 20px;
}

.myComment .detailArea .dAAdd select {
	padding: 0 8px;
	border: 0;
}

.myComment .detailArea .dAAdd textarea {
	padding: 20px;
	width: 100%;
	min-height: 200px;
	background-color: #f5f5f5;
	padding: 8px 12px;
	border: 0;
	border-radius: 8px;
}

.myComment .detailArea .dAAdd .ibtn {
	text-align: right;
}

.myComment .detailArea .dAShow {
	font-size: 1.2em;
	font-weight: bold;
}

.myComment .ibtn button,
.myComment .ibtn a {
	border-radius: 100px;
	padding: 8px 30px;
	margin: 0;
	text-align: center;
	color: #fff;
	background-color: #0053B3;
	font-weight: bold;
	display: inline-block;
	border: 0;
}

.myComment .ibtn a:focus,
.myComment .ibtn a:hover {
	background-color: #0d2e4a;
}

.myEdit {
	padding: 20px;
}

.myEdit .mEAttach {
	max-width: 100%;
	width: 540px;
	padding: 0 20px;
}

.myEdit .mEAttach .heading {
	padding: 20px 0 60px 0;
}

.myEdit .previewer .title {
	margin-bottom: 20px;
}

.myEdit .previewer .cover {
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
}

.myEdit .previewer .cover img {
	width: 100%;
}

.myEdit .icon.iFile {
	position: relative;
	margin-bottom: 20px;
	padding-left: 28px;
}

.myEdit .icon.iFile:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 20px;
	height: 20px;
}

.myEdit .icon.iFile:before {
	background-image: url(../images/icon/icon_file.svg);
}

.myEdit .attachList .border {
	margin: 20px 0;
	padding: 8px 0;
	border: 1px solid #bec5cb;
	border-radius: 4px;
}

.myEdit .attachList .icon a {
	display: block;
	position: relative;
	padding: 20px;
}

.myEdit .attachList .icon a:before {
	content: "";
	display: block;
	/*
	position:absolute;
	left:50%;
	top:50%;*/
	width: 20px;
	height: 20px;
	/*
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}

.myEdit .attachList .icon.iMove a:before {
	background-image: url(../images/icon/icon_move.svg);
}

.myEdit .attachList .icon.iEllipsis a:before {
	background-image: url(../images/icon/icon_ellipsis.svg);
}

.myEdit .attachList .cover {
	width: 100px;
	border-radius: 4px;
	overflow: hidden;
}

.myEdit .attachList .title {
	margin: 0 20px;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.mEEditor {
	/*padding: 0 10px;*/
}

.mEEditor .title {
	margin-bottom: 8px;
	font-size: 1.4em;
	font-weight: bold;
}

.mEEditor .editorArea {
	/*
	border-left:1px solid #dedede;*/
	margin: 0 -10px;
	padding: 0 10px;
}

.mEEditor .editorPlugin {
	padding: 24px 0;
}

.mEEditor .editorPlugin>div {
	margin-left: 16px;
}

.mEEditor .editorPlugin .icon a {
	position: relative;
	display: block;
	padding-left: 28px;
}

.mEEditor .editorPlugin .icon a:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 20px;
	height: 20px;
}

.mEEditor .editorPlugin .icon a:before {
	background-image: url(../images/icon/icon_copy.svg);
}

.mEEditor .editorPlugin .icon a:focus:before,
.mEEditor .editorPlugin .icon a:hover:before {
	background-image: url(../images/icon/icon_copy_i.svg);
}

.mEEditor .editorPlugin .icon a:before {
	background-image: url(../images/icon/icon_delete.svg);
}

.mEEditor .editorPlugin .icon a:focus:before,
.mEEditor .editorPlugin .icon a:hover:before {
	background-image: url(../images/icon/icon_delete_i.svg);
}

.mEEditor .tagList {
	margin-bottom: 24px;
}

.mEEditor .tagList>div {
	margin-right: 10px;
	margin-bottom: 10px;
}

.mEEditor .tagList a {
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: #f2f5fa;
}

.mEEditor .tagList a:focus,
.mEEditor .tagList a:hover {
	background-color: #B3CFE6;
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mEEditor .tax_list>li:not(:first-child){

	padding-top: 16px;
}

.mEEditor .tax_list li {
	display: block;
	padding-right: 12px;
	border-radius: 8px;
}

.myEdit .inputList {
	padding: 0;
}

.myCatalog .prerviewDetail {
	min-width: 66.666%;
	padding: 0 40px;
}

.myCatalog .pDCover {
	border: 1px solid rgba(12, 18, 28, 0.12);
	padding: 0px;
	border-radius: 8px;
	margin-bottom: 4px;
}

.myCatalog .pDCover .cover {
	margin: 0;
}

.myCatalog .cover.closeUp a {
	display: block;
}

.myCatalog .prerviewDetail2 {
	min-width: 33.333%;
}

.myCatalog .prerviewDetail2 .pDD2Pages .page:not(.active) {
	display: none;
}

/*===================*/
.headSearch {
	/*
	background-color:#d1ecff;*/
	/*padding:0 20px 8px 20px;*/
}

.headSearch .border {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid rgba(12, 18, 28, 0.12);
	border-radius: 8px;
}

.headSearch .icon a {
	display: block;
	position: relative;
	padding: 15px 30px;
	padding-left: 60px;
}

.headSearch .icon a:before {
	content: "";
	position: absolute;
	left: 30px;
	top: 50%;
	width: 16px;
	height: 16px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.headSearch .icon.icon_filter a:before {
	background-image: url(../images/icon/icon_filter.svg);
}

.headSearch .icon.icon_filter a:focus:before,
.headSearch .icon.icon_filter a:hover:before {
	background-image: url(../images/icon/icon_filter_i.svg);
}

.headSearch .border>div {
	position: relative;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.headSearch .input:before {
	content: "";
	position: absolute;
	left: 0;
	top: 20%;
	bottom: 20%;
	width: 1px;
	background-color: #bec5cb;
}

.headSearch .select {
	/*	padding-right:15px;*/
}

.headSearch .select select {
	padding: 15px 10px;
	border: 0;
	border-radius: 0;
}

.headSearch .input {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.headSearch .input input {
	padding: 15px 30px;
	border: 0;
	width: 100%;
	height: 100%;
}

.headSearch .mySearchBtn a {
	position: relative;
	display: block;
	width: 55px;
	height: 100%;
}

.headSearch .mySearchBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/icon/icon_search.svg);
	background-position: center center;
	background-size: 40%;
}

.headerTop .headSearch .mySearch .myadvSearchBtn {
	position: relative !important;
	min-width: 35px;
}

.headerTop .headSearch .mySearch .myadvSearchBtn:before {
	content: "...";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: bold;
}

.headerTop .headSearch .mySearch .myadvSearchBtn a {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.headerTop .headSearch .mySearch .myadvSearchBtn a {
	display: block;
	filter: alpha(opacity=0);
	opacity: 0;
	transform-origin: right center;
	-webkit-transform: scaleX(0.1);
	-moz-transform: scaleX(0.1);
	-ms-transform: scaleX(0.1);
	-o-transform: scaleX(0.1);
	transform: scaleX(0.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;
}

.headerTop .headSearch .mySearch form a {
	display: none;
	vertical-align: bottom;
	padding: 10px 40px;
}

.myColorStyle1 .headSearch .mySearchBtn a {
	background-color: #0779c0;
}

.myColorStyle1 .headSearch .mySearchBtn a:focus,
.myColorStyle1 .headSearch .mySearchBtn a:hover {
	background-color: #0d2e4a;
}

.myColorStyle1 .headerTop .headSearch .mySearch .myadvSearchBtn {
	background-color: #0b69a3;
}

.myColorStyle1 .headerTop .headSearch .mySearch .myadvSearchBtn a {
	background-color: #0b69a3;
}


.myColorStyle2 .headSearch .mySearchBtn a {
	background-color: #005589;
}

.myColorStyle2 .headSearch .mySearchBtn a:focus,
.myColorStyle2 .headSearch .mySearchBtn a:hover {
	background-color: #17315b;
}

.myColorStyle2 .headerTop .headSearch .mySearch .myadvSearchBtn {
	background-color: #083F64;
}

.myColorStyle2 .headerTop .headSearch .mySearch .myadvSearchBtn a {
	background-color: #083F64;
}


.myColorStyle3 .headSearch .mySearchBtn a {
	background-color: #1e804d;
}

.myColorStyle3 .headSearch .mySearchBtn a:focus,
.myColorStyle3 .headSearch .mySearchBtn a:hover {
	background-color: #18683e;
}

.myColorStyle3 .headerTop .headSearch .mySearch .myadvSearchBtn {
	background-color: #135332;
}

.myColorStyle3 .headerTop .headSearch .mySearch .myadvSearchBtn a {
	background-color: #135332;
}


/*
.mySearch>.mySearchBtn,
.mySearch>.myadvSearchBtn{
	white-space: nowrap;
	position: absolute;
	left: 0;
	right:auto;
	top: 0;
}
.mySearch.active>.mySearchBtn,
.mySearch.active>.myadvSearchBtn{
	left:auto;
    right: 0;
}
.mySearch>span>span{
	display: inline-block;
    vertical-align: middle;
}
*/

.headerTop .headSearch .mySearch.active>.myadvSearchBtn {
	min-width: 88px;
}

.headerTop .headSearch .mySearch .mySearchBtn a {
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
	transform-origin: left center;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(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;
}

/*
.headerTop .headSearch .mySearch.active .mySearchBtn a{
	filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scaleX(0.1);
	-moz-transform: scaleX(0.1);
	-ms-transform: scaleX(0.1);
	-o-transform: scaleX(0.1);
	transform: scaleX(0.1);
}*/


.headerTop .headSearch .mySearch.active .myadvSearchBtn:before {
	filter: alpha(opacity=0);
	opacity: 0;
}

.headerTop .headSearch .mySearch.active .myadvSearchBtn a {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	vertical-align: bottom;
	padding: 15px 10px;
	text-align: center;
	color: #ffff;
}








.headSearch .mob_advSearch {}

.myheaderTool {
	min-width: 300px;
}

/*=================*/
.leftMenu {
	width: 110px;
	min-width: 110px;
	z-index: 7900;
	position: relative;
	/*
    position: fixed;
    position: -webkit-sticky;
    position: sticky;*/
	/*
    max-height: 100vh;
    min-height: 500px;*/
	min-height: calc(100vh - 100px - 64px + 1px);
	top: 0;
	bottom: 0;
	margin-top: -1px;
}

.indexVersion .leftMenu {
	display: none;
}

.leftMenu>.border {
	/*
	background-color:#fff;	*
    border-top: 1px solid rgba(12, 18, 28, 0.12);
	border-right:1px solid rgba(12, 18, 28, 0.12);*/
	padding: 0 0;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 110px;
	background-color: #0158cb;
}

.myColorStyle1 .leftMenu>.border {
	/*	
    background-color:#0158cb;
	background-image: linear-gradient(#0059cd 0, #0052bd 50%, #01439d 100%);
	*/

	background-color: #0779c0;
	background-image: linear-gradient(#0779c0 0, #0976b9 50%, #0b69a3 100%);
	padding-top: 20px;
}

.myColorStyle2 .leftMenu>.border {
	/*
	background-color:#0779c0;
	background-image: linear-gradient(#0779c0 0, #0976b9 50%, #0b69a3 100%);
	*/

	background-color: #005589;
	background-image: linear-gradient(#083F64 0, #17315b 50%, #005589 100%);
	padding-top: 20px;
}

.myColorStyle3 .leftMenu>.border {

	background-color: #1e804d;
	background-image: linear-gradient(#1e804d 0, #18683e 50%, #135332 100%);
	padding-top: 20px;


}

.activeLM .leftMenu>.border {
	/*
	background-color:#fff;*/
	/*
	width:450px;*/
	/*
    width: calc(100vw - 20px);*/
	background-color: #0158cb;
}

.leftMenu>.border * {
	word-break: break-word;
}

.leftMenu .ocBtn a {
	position: relative;
	text-align: center;
	padding: 6px 0;
	display: block;
	/*
    opacity: .6;*/
}

.leftMenu .ocBtn a:focus,
.leftMenu .ocBtn a:hover {
	opacity: .87;
}

.leftMenu .ocBtn {
	padding: 0;
	padding-top: 10px;
	visibility: hidden;
}

.leftMenu .ocBtn a:before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	margin: auto;
	background-position: center center;
	background-image: url(../images/icon/icon_ls_ce.svg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-left: auto;
	margin-right: 0;
}

.activeLM .leftMenu .ocBtn {
	visibility: visible;
}

.activeLM .leftMenu .ocBtn a:before {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
}

.leftMenu .ocBtn a:focus:before,
.leftMenu .ocBtn a:hover:before {
	/*
	background-image:url(../images/icon/icon_ls_ce_i.svg);*/
}

.leftMenu .btnGroup {
	/*
	padding:10px 0;
	width:100%;*/
	width: 110px;
}

.leftMenu .btnGroup:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(12, 18, 28, 0.12);
}

.leftMenu .btnGroup .section {
	position: relative;
	/*
    padding: 0 10px;
    margin: 0 -10px;*/
	/*
	background-color:#0158cb;*/
	background-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.leftMenu .btnGroup .section:before {
	/*
	content:"";
	position:absolute;
	background-color: transparent;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 5px;
	-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;*/
}

.leftMenu .btnGroup .section.active:before {
	/*
	background-color: #0064d6;*/
}

.leftMenu .btnGroup,
.leftMenu .btnGroup a {
	color: #fff;
}

.leftMenu .btnGroup .icon a {
	position: relative;
	text-align: center;
	padding: 13px 4px 13px 7px;
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
	/*   overflow: hidden;*/
	text-overflow: ellipsis;
	opacity: .87;
}

body:not(.activeLM) .leftMenu .btnGroup .section.activeSection,
.activeLM .leftMenu .btnGroup .section.active,
.activeLM .leftMenu .btnGroup .section.active+.submenu {
	background-color: #023d89;
}

.myColorStyle1:not(.activeLM) .leftMenu .btnGroup .section.activeSection,
.myColorStyle1.activeLM .leftMenu .btnGroup .section.active,
.myColorStyle1.activeLM .leftMenu .btnGroup .section.active+.submenu,
.myColorStyle1.activeLM .leftMenu .btnGroup .section.active+.submenu+.submenu {
	/*
	background-color:#0966df;
	background-image: linear-gradient(#003477 0, #074dab 50%, #0966df 100%);
	*/

	background-color: #1e92db;
	background-image: linear-gradient(#093e5f 0, #126498 50%, #1e92db 100%);
}

.myColorStyle2:not(.activeLM) .leftMenu .btnGroup .section.activeSection,
.myColorStyle2.activeLM .leftMenu .btnGroup .section.active,
.myColorStyle2.activeLM .leftMenu .btnGroup .section.active+.submenu {
	background-color: #005589;
	background-image: linear-gradient(#083F64 0, #17315b 50%, #005589 100%);
}

.myColorStyle3:not(.activeLM) .leftMenu .btnGroup .section.activeSection,
.myColorStyle3.activeLM .leftMenu .btnGroup .section.active,
.myColorStyle3.activeLM .leftMenu .btnGroup .section.active+.submenu {
	background-color: #249a5d;
	background-image: linear-gradient(#004e38 0, #13754a 50%, #249a5d 100%);
}

.leftMenu .btnGroup .section.active .icon a,
.leftMenu .btnGroup .icon a:focus,
.leftMenu .btnGroup .icon a:hover {
	/*
    opacity: .87;*/
}

.leftMenu .btnGroup .section .icon a:before {
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	margin: auto;
	margin-bottom: 2px;
	background-position: center center;
	filter: var(--filter_white);
}

.leftMenu .btnGroup .section.section1 .icon a:before {
	background-image: url(../images/icon/icon_ls_dashboard.svg);
}

.leftMenu .btnGroup .section.section2 .icon a:before {
	background-image: url(../images/icon/icon_ls_assets.svg);
}

.leftMenu .btnGroup .section.section3 .icon a:before {
	background-image: url(../images/icon/icon_ls_share.svg);
}

.leftMenu .btnGroup .section.section4 .icon a:before {
	background-image: url(../images/icon/icon_ls_4.svg);
}

.leftMenu .btnGroup .section.section5 .icon a:before {
	background-image: url(../images/icon/icon_ls_5.svg);
}

.leftMenu .btnGroup .section.section6 .icon a:before {
	background-image: url(../images/icon/icon_ls_admin.svg);
}

.leftMenu .btnGroup .section.section7 .icon a:before {
	background-image: url(../images/icon/icon_ls_workflow.svg);
}

/*added by Justin*/
.leftMenu .btnGroup .section.section7_1 .icon a:before {
	background-image: url(../images/icon/icon_ls_7.svg);
}

.leftMenu .btnGroup .section.section8 .icon a:before {
	background-image: url(../images/icon/icon_ls_share.svg);
}

.leftMenu .btnGroup .section.section9 .icon a:before {
	background-image: url(../images/icon/icon_ls_project.svg);
	
}

.leftMenu .btnGroup .section.section_link .icon a:before {
	background-image: url(../images/icon/icon_more.svg);
}
.leftMenu .btnGroup .section.section_bin .icon a:before {
	background-image: url(../images/icon/icon_ls_bin.svg);
	
}

/*
.leftMenu .btnGroup .section.section8 .icon a:before{background-image:url(../images/icon/icon_ls_8.svg);}
.leftMenu .btnGroup .section.section9 .icon a:before{background-image:url(../images/icon/icon_ls_9.svg);}
.leftMenu .btnGroup .section.section10 .icon a:before{background-image:url(../images/icon/icon_ls_10.svg);}
.leftMenu .btnGroup .section.section11 .icon a:before{background-image:url(../images/icon/icon_ls_11.svg);}
.leftMenu .btnGroup .section.section12 .icon a:before{background-image:url(../images/icon/icon_ls_12.svg);}
.leftMenu .btnGroup .section.section13 .icon a:before{background-image:url(../images/icon/icon_ls_13.svg);}
.leftMenu .btnGroup .section.section14 .icon a:before{background-image:url(../images/icon/icon_ls_14.svg);}
.leftMenu .btnGroup .section.section15 .icon a:before{background-image:url(../images/icon/icon_ls_15.svg);}
.leftMenu .btnGroup .section.section16 .icon a:before{background-image:url(../images/icon/icon_ls_16.svg);}
.leftMenu .btnGroup .section.section17 .icon a:before{background-image:url(../images/icon/icon_ls_17.svg);}
.leftMenu .btnGroup .section.section18 .icon a:before{background-image:url(../images/icon/icon_ls_18.svg);}
.leftMenu .btnGroup .section.section19 .icon a:before{background-image:url(../images/icon/icon_ls_19.svg);}
.leftMenu .btnGroup .section.section20 .icon a:before{background-image:url(../images/icon/icon_ls_20.svg);}
.leftMenu .btnGroup .section.section1 .icon a:focus:before, .leftMenu .btnGroup .section.section1 .icon a:hover:before{background-image:url(../images/icon/icon_ls_1i.svg);}
.leftMenu .btnGroup .section.section2 .icon a:focus:before, .leftMenu .btnGroup .section.section2 .icon a:hover:before{background-image:url(../images/icon/icon_ls_2i.svg);}
.leftMenu .btnGroup .section.section3 .icon a:focus:before, .leftMenu .btnGroup .section.section3 .icon a:hover:before{background-image:url(../images/icon/icon_ls_3i.svg);}
.leftMenu .btnGroup .section.section4 .icon a:focus:before, .leftMenu .btnGroup .section.section4 .icon a:hover:before{background-image:url(../images/icon/icon_ls_4i.svg);}
.leftMenu .btnGroup .section.section5 .icon a:focus:before, .leftMenu .btnGroup .section.section5 .icon a:hover:before{background-image:url(../images/icon/icon_ls_5i.svg);}
.leftMenu .btnGroup .section.section6 .icon a:focus:before, .leftMenu .btnGroup .section.section6 .icon a:hover:before{background-image:url(../images/icon/icon_ls_6i.svg);}
.leftMenu .btnGroup .section.section7 .icon a:focus:before, .leftMenu .btnGroup .section.section7 .icon a:hover:before{background-image:url(../images/icon/icon_ls_7i.svg);}
.leftMenu .btnGroup .section.section8 .icon a:focus:before, .leftMenu .btnGroup .section.section8 .icon a:hover:before{background-image:url(../images/icon/icon_ls_8i.svg);}
.leftMenu .btnGroup .section.section9 .icon a:focus:before, .leftMenu .btnGroup .section.section9 .icon a:hover:before{background-image:url(../images/icon/icon_ls_9i.svg);}
.leftMenu .btnGroup .section.section10 .icon a:focus:before, .leftMenu .btnGroup .section.section10 .icon a:hover:before{background-image:url(../images/icon/icon_ls_10i.svg);}
.leftMenu .btnGroup .section.section11 .icon a:focus:before, .leftMenu .btnGroup .section.section11 .icon a:hover:before{background-image:url(../images/icon/icon_ls_11i.svg);}
.leftMenu .btnGroup .section.section12 .icon a:focus:before, .leftMenu .btnGroup .section.section12 .icon a:hover:before{background-image:url(../images/icon/icon_ls_12i.svg);}
.leftMenu .btnGroup .section.section13 .icon a:focus:before, .leftMenu .btnGroup .section.section13 .icon a:hover:before{background-image:url(../images/icon/icon_ls_13i.svg);}
.leftMenu .btnGroup .section.section14 .icon a:focus:before, .leftMenu .btnGroup .section.section14 .icon a:hover:before{background-image:url(../images/icon/icon_ls_14i.svg);}
.leftMenu .btnGroup .section.section15 .icon a:focus:before, .leftMenu .btnGroup .section.section15 .icon a:hover:before{background-image:url(../images/icon/icon_ls_15i.svg);}
.leftMenu .btnGroup .section.section16 .icon a:focus:before, .leftMenu .btnGroup .section.section16 .icon a:hover:before{background-image:url(../images/icon/icon_ls_16i.svg);}
.leftMenu .btnGroup .section.section17 .icon a:focus:before, .leftMenu .btnGroup .section.section17 .icon a:hover:before{background-image:url(../images/icon/icon_ls_17i.svg);}
.leftMenu .btnGroup .section.section18 .icon a:focus:before, .leftMenu .btnGroup .section.section18 .icon a:hover:before{background-image:url(../images/icon/icon_ls_18i.svg);}
.leftMenu .btnGroup .section.section19 .icon a:focus:before, .leftMenu .btnGroup .section.section19 .icon a:hover:before{background-image:url(../images/icon/icon_ls_19i.svg);}
.leftMenu .btnGroup .section.section20 .icon a:focus:before, .leftMenu .btnGroup .section.section20 .icon a:hover:before{background-image:url(../images/icon/icon_ls_20i.svg);}*/
.leftMenu .btnGroup .section .icon a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 5px;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.leftMenu .btnGroup .section .icon a:focus:after,
.leftMenu .btnGroup .section .icon a:hover:after,
.leftMenu .btnGroup .section.active .icon a:after,
body:not(.activeLM) .leftMenu .btnGroup .section.activeSection .icon a:after {
	opacity: 1;
}

.leftMenu .btnGroup .submenu {
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 100%;
	padding: 0;
	overflow: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}

.leftMenu .btnGroup .section.active+.submenu,
.leftMenu .btnGroup .section.active+.submenu+.submenu {
	opacity: 1;
	width: 335px;
	padding: 4px 20px 4px 20px;
	z-index: 10;
}

.leftMenu .btnGroup .submenu .sm-border {
	display: none;
}

.leftMenu .btnGroup .section.active+.submenu+.submenu {
	left: calc(100% + 335px);
}

.leftMenu .btnGroup .section.active+.submenu .sm-border,
.leftMenu .btnGroup .section.active+.submenu+.submenu .sm-border {
	display: block;
}

.leftMenu .btnGroup .submenu .border>.myflex>div {
	padding: 0 12px 12px 12px;
	overflow: auto;
	max-height: 95%;
	width: 210px;
}

.leftMenu .btnGroup .submenu .mscontent a {
	display: block;
	position: relative;
	padding: 5px 5px 5px 20px;
	font-size: .875em;
	opacity: .85;
}

.leftMenu .btnGroup .submenu .mscontent a:before {
	content: "";
	position: absolute;
	left: 9px;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background-color: #00d6fa;
}

.leftMenu .btnGroup .submenu a:focus,
.leftMenu .btnGroup .submenu a:hover {
	/*
	background-color:#fff;*/
}

.leftMenu .btnGroup .submenu .msheading {
	padding: 8px 0;
	font-size: 1.1em;
}

.leftMenu .btnGroup .submenu .mscontent {
	/*
	background-color:#fff;*/
	padding-bottom: 18px;
}

.leftMenu .btnGroup .section.ls7+.submenu .msheading {
	/*
    font-weight: bold;
	font-size: 1.25em;*/
}

.leftMenu .btnGroup .section.ls7+.submenu .lmsArea {
	font-size: .875em;
}

.leftMenu .lmsArea>.border {
	padding-top: 9px;
	padding-bottom: 9px;
}

.leftMenu .lmsArea input[type="text"],
.leftMenu .lmsArea select {
	color: rgba(0, 0, 0, 0.87);
	max-width: 172px;
}

.leftMenu .lmsArea .lms_heading {
	margin: 8px 0;
	/*
    font-weight: bold;*/
}

.leftMenu .lmsArea .border>.lms_check,
.leftMenu .lmsArea .border>.lms_radio {
	margin: 0 -6px;
}

.leftMenu .lmsArea .lms_check label,
.leftMenu .lmsArea .lms_radio label,
.leftMenu .lmsArea .lms_select label {
	margin: 0;
}

.leftMenu .btnGroup .submenu .lmsArea .border>.lms_check>div,
.leftMenu .btnGroup .submenu .lmsArea .border>.lms_radio>div,
.leftMenu .btnGroup .submenu .lmsArea .border>.lms_select>div {
	padding: 6px 6px;
	width: auto;
	max-width: 50%;
	min-width: 50%;
	min-height: 28px;
	max-height: 28px;
	overflow: hidden;
}

.leftMenu .btnGroup .submenu .lmsArea .border>.lms_submit>div {
	padding: 0;
	width: auto;
}

.leftMenu .lmsArea .lms_submit .ibtn a {
	display: block;
	padding: 4px 12px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .3);
	color: #fff;
	border-radius: 6px;
}

.leftMenu .lmsArea .lms_submit .ibtn a:focus,
.leftMenu .lmsArea .lms_submit .ibtn a:hover {
	background-color: rgba(0, 0, 0, .4);
}

.lmsArea input[type="radio"],
.lmsArea input[type="checkbox"] {
	margin: 0;
	margin-right: 4px;
}

/*==============*/
.mobMenu {
	width: 110px;
	min-width: 110px;
	z-index: 7900;
	position: relative;
	min-height: calc(100vh - 100px - 64px + 1px);
	top: 0;
	bottom: 0;
	margin-top: -1px;
}

.indexVersion .mobMenu {
	display: none;
}

.mobMenu .border {
	padding: 0 0;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 110px;
	background-color: #0158cb;
}

.activeMM .mobMenu .border {
	background-color: #0158cb;
}

.mobMenu .border * {
	word-break: break-word;
}

.mobMenu .ocBtn a {
	position: relative;
	text-align: center;
	padding: 6px 0;
	display: block;
}

.mobMenu .ocBtn a:focus,
.mobMenu .ocBtn a:hover {
	opacity: .87;
}

.mobMenu .ocBtn {
	padding: 0;
	padding-top: 10px;
	visibility: hidden;
}

.mobMenu .ocBtn a:before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: auto;
	background-position: center center;
	background-image: url(../images/icon/icon_ls_ce.svg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-left: auto;
	margin-right: 0;
}

.activeMM .mobMenu .ocBtn {
	visibility: visible;
}

.activeMM .mobMenu .ocBtn a:before {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
}

.mobMenu .ocBtn a:focus:before,
.mobMenu .ocBtn a:hover:before {}

.mobMenu .btnGroup {
	width: 110px;
}

.mobMenu .btnGroup:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(12, 18, 28, 0.12);
}

.mobMenu .btnGroup .section {
	position: relative;
	background-color: #0158cb;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mobMenu .btnGroup .section:before {}

.mobMenu .btnGroup .section.active:before {}

.mobMenu .btnGroup,
.mobMenu .btnGroup a {
	color: #fff;
}

.mobMenu .btnGroup .icon a {
	position: relative;
	text-align: center;
	padding: 13px 4px 13px 7px;
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .87;
}

.activeMM .mobMenu .btnGroup .section.active,
.activeMM .mobMenu .btnGroup .section.active+.submenu {
	background-color: #023d89;
}

.mobMenu .btnGroup .section.active .icon a,
.mobMenu .btnGroup .icon a:focus,
.mobMenu .btnGroup .icon a:hover {}

.mobMenu .btnGroup .section .icon a:before {
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	margin: auto;
	margin-bottom: 2px;
	background-position: center center;
	filter: var(--filter_white);
}

.mobMenu .btnGroup .section.section1 .icon a:before {
	background-image: url(../images/icon/icon_ls_dashboard.svg);
}

.mobMenu .btnGroup .section.section2 .icon a:before {
	background-image: url(../images/icon/icon_ls_assets.svg);
}

.mobMenu .btnGroup .section.section3 .icon a:before {
	background-image: url(../images/icon/icon_ls_3.svg);
}

.mobMenu .btnGroup .section.section4 .icon a:before {
	background-image: url(../images/icon/icon_ls_4.svg);
}

.mobMenu .btnGroup .section.section5 .icon a:before {
	background-image: url(../images/icon/icon_ls_5.svg);
}

.mobMenu .btnGroup .section.section6 .icon a:before {
	background-image: url(../images/icon/icon_ls_admin.svg);
}

.mobMenu .btnGroup .section.section7 .icon a:before {
	background-image: url(../images/icon/icon_ls_7.svg);
}

/*added by Justin*/
.mobMenu .btnGroup .section.section7_1 .icon a:before {
	background-image: url(../images/icon/icon_ls_7.svg);
}

.mobMenu .btnGroup .section.section7 .icon a:before {
	background-image: url(../images/icon/icon_ls_workflow.svg);
}

.mobMenu .btnGroup .section.section8 .icon a:before {
	background-image: url(../images/icon/icon_ls_share.svg);
}

.mobMenu .btnGroup .section.section_link .icon a:before {
	background-image: url(../images/icon/icon_more.svg);
	
}
.mobMenu .btnGroup .section.section_bin .icon a:before {
	background-image: url(../images/icon/icon_ls_bin.svg);
	
}

.mobMenu .btnGroup .section.section9 .icon a:before {
	background-image: url(../images/icon/icon_ls_project.svg);
}

.mobMenu .btnGroup .section .icon a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 5px;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mobMenu .btnGroup .section .icon a:focus:after,
.mobMenu .btnGroup .section .icon a:hover:after,
.mobMenu .btnGroup .section.active .icon a:after {
	opacity: 1;
}

.mobMenu .btnGroup .submenu {
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 100%;
	padding: 4px 20px 4px 20px;
	overflow: auto;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.mobMenu .btnGroup .section.active+.submenu {
	opacity: 1;
	width: 335px;
}

.mobMenu .btnGroup .submenu .sm-border {
	display: none;
}

.mobMenu .btnGroup .section.active+.submenu .sm-border {
	display: block;
}

.mobMenu .btnGroup .submenu .border>.myflex>div {
	padding: 0 12px 12px 12px;
	overflow: auto;
	max-height: 95%;
	width: 210px;
}

.mobMenu .btnGroup .submenu .mscontent a {
	display: block;
	position: relative;
	padding: 5px 5px 5px 20px;
	font-size: .875em;
	opacity: .85;
}

.mobMenu .btnGroup .submenu .mscontent a:before {
	content: "";
	position: absolute;
	left: 9px;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background-color: #00d6fa;
}

.mobMenu .btnGroup .submenu a:focus,
.mobMenu .btnGroup .submenu a:hover {}

.mobMenu .btnGroup .submenu .msheading {
	padding: 8px 0;
	font-size: 1.1em;
}

.mobMenu .btnGroup .submenu .mscontent {
	padding-bottom: 18px;
}

/*==============*/
.prerviewDetail2>div {
	height: 100%;
}

.pDD2Tags .border {
	/*
    border-left: 1px solid rgba(12, 18, 28, 0.12);*/
	border-right: 1px solid rgba(12, 18, 28, 0.12);
	height: 100%;
	width: 70px;
}

.pDD2Tags .icon a {
	position: relative;
	text-align: center;
	padding: 10px 4px 10px 7px;
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .6;
}

.pDD2Tags .tag .icon a:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
	margin-bottom: 5px;
	background-position: center center;
}

.pDD2Tags .tag.tag1 .icon a:before {
	background-image: url(../images/icon/icon_ps_1.svg);
}

.pDD2Tags .tag.tag2 .icon a:before {
	background-image: url(../images/icon/icon_ps_2.svg);
}

.pDD2Tags .tag.tag3 .icon a:before {
	background-image: url(../images/icon/icon_ps_3.svg);
}

.pDD2Tags .tag.tag4 .icon a:before {
	background-image: url(../images/icon/icon_ps_4.svg);
}

.pDD2Tags .tag.tag1 .icon a:focus:before,
.pDD2Tags .tag.tag1 .icon a:hover:before {
	background-image: url(../images/icon/icon_ps_1i.svg);
}

.pDD2Tags .tag.tag2 .icon a:focus:before,
.pDD2Tags .tag.tag2 .icon a:hover:before {
	background-image: url(../images/icon/icon_ps_2i.svg);
}

.pDD2Tags .tag.tag3 .icon a:focus:before,
.pDD2Tags .tag.tag3 .icon a:hover:before {
	background-image: url(../images/icon/icon_ps_3i.svg);
}

.pDD2Tags .tag.tag4 .icon a:focus:before,
.pDD2Tags .tag.tag4 .icon a:hover:before {
	background-image: url(../images/icon/icon_ps_4i.svg);
}

.pDD2Tags .tag .icon a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	width: 3px;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pDD2Tags .tag .icon a:focus:after,
.pDD2Tags .tag .icon a:hover:after,
.pDD2Tags .tag.active .icon a:after {
	opacity: .85;
}

.pDD2Pages {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 16px;
}

.pDD2Pages .editTool a {
	display: inline-block;
	padding-left: 0;
}

.pDD2Pages .folderDetail .mbox {
	margin-bottom: 16px;
}

.pDD2Pages .folderDetail .mbox .title {
	font-size: 0.80357142857142857142857142857143em;
	margin-bottom: 4px;
}

.profileArea {
	width: 100%;
	max-width: 1320px;
	margin-bottom: 48px;
}

.profileArea .paHeading {
	font-size: 1.4em;
	margin: 16px 0;
}

.profileArea .paBox {
	border-radius: 4px;
	border: 1px solid rgba(12, 18, 28, 12%);
	margin: 16px 0;
	padding: 0 16px;
}

.profileArea .paBox .pabRow:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(12, 18, 28, .12);
}

.profileArea .paBox .pabRow {
	padding: 12px 16px;
}

.profileArea .paBox .pabData {
	width: 66.666%;
}

.profileArea .paBox .pabData>div {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 50%;
}

.profileArea .inputList .title {
	font-size: 1em;
	margin: 4px 0;
}

.mobileMenuBtn a {
	display: block;
	position: relative;
}

.mobileMenuBtn a:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon/icon_menu.png);
	background-size: 16px auto;
	background-color: transparent;
	border-radius: 50%;
	-webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	-ms-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mobileMenuBtn a:focus:before,
.mobileMenuBtn a:hover:before {
	background-color: rgba(0, 0, 0, 0.04);
}

/*
.commentArea .title{
	margin-bottom:24px;
}
.commentList>.border{
	position:relative;
	padding-left:48px;
	margin-bottom:24px;
}
.commentList>.border:before{
    content: "";
	position:absolute;
	top:0;
	left:0;
    width: 40px;
    height: 40px;
    background-size: 20px auto; 
    background-color: rgba(0, 0, 0, 0.04);
    background-image: url(../images/icon/icon_personal.svg);
    border-radius: 50%;
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -ms-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.commentList .user{
	padding-right:8px;
}
.commentList .time{
	padding:0 8px;
}
.commentList .content{
    line-height: 1.6em;
}
.commentList .getMore .gmBtn a{
	position:relative;	
}
.commentList .getMore .gmBtn a:before{
	content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 20px auto;
    background-color: transparent;
    background-image: url(../images/icon/icon_more.png);
    border-radius: 50%;
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -ms-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;	
}
.commentList .getMore .gmBtn a:focus:before,
.commentList .getMore .gmBtn a:hover:before{
    background-color: rgba(0, 0, 0, 0.04);
}
.commentList .getMore .functionMenu .border{
	left:auto;
    right: 40px;
}
*/
/*
.bodyArea {
	min-height: calc(100vh - 64px - 170px);
}*/
/*=================*/

.myItemList {
	margin-bottom: 40px;
}

.mil_1 .swiper-slide .box {
    height: 100%;
}

.myItemList.mil_1.mil_select {
	margin-bottom: 0;

}

.myItemList.mil_1.mil_select .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.myItemList .list {
	/*overflow:hidden; */
}

.myItemList .mySectionList.list {
	/*overflow:visible;*/
}

.mySectionArea {
	z-index: 1000;
	position: relative;
}

.active_mySectionArea .mySectionArea {
	z-index: 3000;
}

.assetArea {
	position: relative;
	z-index: 2000;
}

.myItemList.mil_2 .list,
.myItemList.mil_4 .list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/* margin: 0 -10px;*/
}

.myItemList.mil_4 .list {
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.myItemList.mil_1:not(.mil_slider) .list {
	/*-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
}

.myItemList.mil_4 .box {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
	max-width: 16.666666666666666666666666666667%;
}

.active_box {
	position: relative;
	z-index: 1000;
}

.myItemList.mil_1 .list>div,
.myItemList.mil_4 .box {
	/*
    width: 433.25px;
    min-width: 433.25px;*/

	padding: 10px;
}

.myItemList.mil_1.mil_select .list>div {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
	max-width: 16.666666666666666666666666666667%;
	position: relative;
}

.myItemList.mil_1.mil_select .list .activeFM .tool.deskVersion .functionMenu {
	position: absolute;
	top: 55px;
	left: 15%;
}

.myItemList.mil_1 .functionMenuBig{
	top:40px;
}

.myItemList.mil_1:not(.mil_slider) .list>div {
	padding: 14px 10px;
}

.myItemList.mil_1 .box>.border,
.myItemList.mil_4 .box>.border {
	border-radius: var(--border_radius1);

	height: 100%;
	box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
	position: relative;
	z-index: 5;
}

.myItemList.mil_4 .box>.border {
	overflow: visible;
}

.myItemList.mil_1.mil_select .list .uploadArea>.border>.dropzoneArea {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-height: 100%;
	background-color: rgba(0, 0, 0, 0.47);
	border-bottom-left-radius: var(--border_radius1);
	border-bottom-right-radius: var(--border_radius1);
}

.myItemList.mil_1.mil_select .dz-default {
	color: #fff;
}

.myItemList.mil_1 .list .cover,
.myItemList.mil_1 .list .upload_cover {
	border-top-left-radius: var(--border_radius1);
	border-top-right-radius: var(--border_radius1);
	overflow: hidden;
	width: 100%;
	/*height: 250px;
	max-height: 14vw;*/
	aspect-ratio: 211 / 171;
	display: flex;
	align-items: center;
	justify-content: center;
}

.myItemList.mil_1 .list .cover:hover,
.myItemList.mil_1 .list .upload_cover:hover{
	cursor: pointer;
}

.coverView .cover {
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 411px;
}

.myItemList.mil_1.mil_select .list .cover:not(.dropzone),
.myItemList.mil_1.mil_select .list .upload_cover {
	position: relative;
	height: 166.66666666666666px;
	max-height: 9.3333333333333333333333333333333vw;
	background-color: rgba(0, 0, 0, 0.47);
}


.coverView .cover {
	position: relative;
	height: 100%;
	max-height: 411px;
	background-color: rgba(0, 0, 0, 0.47);
}

.coverView .cover:before,
.myItemList.mil_1.mil_select .list .cover:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 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;
}

.coverView:hover .cover:before,
.myItemList.mil_1.mil_select .list .border:hover .cover:before {
	background-color: rgba(0, 0, 0, .5);
}

.myItemList.mil_1 .action {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 0.875em;
}

.myItemList.mil_1:not(.mil_select) .list .detail {
	padding-bottom: 40px;
}


.myItemList.mil_1.mil_select .cover .tool{
	margin: 5px;
}

.coverView .tool,
.myItemList.mil_1.mil_select .cover .tool {
	position: absolute;
	left: 0;
	top: 0;
	/*    padding: 10px;*/
	z-index: 20;
}

.myItemList.mil_1.mil_select .tool.deskVersion {
	display: flex;
}

.myItemList.mil_1.mil_select .tool.mobVersion {
	display: none;
}

.myItemList.mil_1.mil_select .tool>div {
	/*margin: 5px;*/
}

.coverView .tool .cover_ibtn a,
.myItemList.mil_1.mil_select .tool .ibtn a {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.coverView:hover .tool .cover_ibtn a,
.coverView .tool .cover_ibtn a:focus,
.coverView .tool .cover_ibtn a:hover,
.myItemList.mil_1.mil_select .border:hover .tool .ibtn a,
.myItemList.mil_1.mil_select .tool .ibtn a:focus,
.myItemList.mil_1.mil_select .tool .ibtn a:hover {
	opacity: 1;
}

.coverView .tool .cover_ibtn a:focus,
.coverView .tool .cover_ibtn a:hover,
.myItemList.mil_1.mil_select .tool .ibtn a:focus,
.myItemList.mil_1.mil_select .tool .ibtn a:hover {
	background-color: rgba(0, 0, 0, .8);
}

.coverView .tool .cover_ibtn a:before,
.myItemList.mil_1.mil_select .tool .ibtn a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}

.myItemList.mil_1.mil_select .tool .ibtn.ibtn2 a:before {
	background-image: url(../images/icon/icon_ps_2.png);
}

.myItemList.mil_1.mil_select .tool .ibtn.ibtn3 a:before {
	background-image: url(../images/icon/icon_ps_3.png);
}

.coverView .tool .cover_ibtn.cover_ibtn4 a:before,
.myItemList.mil_1.mil_select .tool .ibtn.ibtn4 a:before {
	background-image: url(../images/icon/icon_ps_4.png);
}

.myItemList:not(.mil_3) .list .cover:not(.icon) img,
.myItemList:not(.mil_3) .list .upload_cover:not(.icon) img {
	height: auto;
	width: auto;
	/*
    min-width: 100%;*/
	/*
    min-height: 100%;
    max-width: none;*/
	max-height: 100%;
	/*position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}

.file_info_mob,
.folder_info_mob {
	display: none;
}

.file_info {
	position: absolute;
}

.folder_info {
	position: absolute;
	display: none;
}


.file_info .file,
.folder_info .file {
	/*left: 0 !important;
	top: 0 !important;*/
	position: relative;
	background-color: #ffff;
	padding: 5px;
	min-width: 100px;
	max-width: 200px;
	border-radius: 6px;
	overflow: hidden;
	height: 100%;
	box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
}

.myItemList.mil_1 .list .border .detail .file_info {
	position: absolute;
	/*
	left:0;
	right:0;*/
	top: 100%;
	background-color: #ffff;
	padding: 5px;
	min-width: 100px;
	max-width: 200px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
	opacity: 0;
	font-size: 1.125em;
	-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;
	display: none;
}

.myItemList .list .detail {
	padding: 10px 12px;
	font-size: .875em;
	/* height: 100%; */
}

.myItemList.mil_4 .list .detail {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 12px 12px;
	height: 100%;
}

.myItemList .list .title {

	align-items: flex-start;

	margin-bottom: 5px;
}

.myItemList .list .title label {
	display: flex;
	padding-bottom: 20px;
}

.myItemList.mil_4 .list .title {
	position: relative;
	padding-left: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 8px;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.myItemList.mil_4 .list .title:before {
	content: "";
	position: absolute;
	left: 10px;
	top: -2px;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon/icon_folder.svg);
	background-position-y: top;
}

.myItemList.mil_4 .list .border .more {
	position: relative;
	min-width: 32px;
	min-height: 32px;

}

.myItemList.mil_4 .list .border .more .mobMore{
	width: 100%;
	height: 100%;
}

.myItemList.mil_4 .list .border .more .mobMore a{
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.myItemList.mil_4 .list .activeFM .mobMore a,
.myItemList.mil_4 .list .border .more .mobMore a:hover,
.myItemList.mil_4 .list .border .more .mobMore a:focus{
	background-color: #e3e3e3;
}

.myItemList .list .more .mobMore a {
	position: relative;
	display: block;
	padding: 0 2px;
}

.myItemList .list .more .mobMore a:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_dots3.svg);
	background-size: contain;
}

.myItemList .list .who {
	margin-bottom: 5px;
}

.myItemList .list .date {}

.myItemList .list .tit {
	color: rgba(0, 0, 0, 0.522);
	font-weight: 600;
}

.mil_select .myItemList .list .title label {
	margin: 0;
}

.mil_select .myItemList .list .title label .tit {
	vertical-align: middle;
}

.myItemList .list .cont {
	margin-top: -2px;
	/*display: block;*/
	font-weight: 600;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}


.myItemList .list .title .cont{
	font-weight: bold;
}
/*word-break:break-all;*/
}

.myItemList .list .detail .cont {}

.myItemList.mil_1.mil_select .title label input[type="radio"],
.myItemList.mil_1.mil_select .title label input[type="checkbox"] {
	margin: 0;
	margin-right: 4px;
	-webkit-transform: translate(0, 2px);
	-ms-transform: translate(0, 2px);
	transform: translate(0, 2px);
}

.myItemList .list .count {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding-left: 20px;
	display: flex;
	align-items: center;
	margin-left: auto;
	justify-content: flex-end;
}

.pmtList .count {
	display: flex;
	align-items: center;
}

.myItemList .list .count,
.pmtList .count {}

.myItemList .list .count:before,
.pmtList .count:before {
	content: "";
	/*position:absolute;
	left:4px;
	top:50%;
    transform: translateY(-50%);*/
	width: 12px;
	height: 12px;
	background-image: url(../images/icon/icon_file_s.svg);
	margin-right: 5px;
}


.cont .desk_version {}

.cont .mob_version {
	display: none;
}

.mob_version {
	display: none;
}

.mob_version2 {
	display: none;
}

.myItemList .list .myBtn.btnEdit a {
	display: inline-block;
	font-weight: 600;
	margin-bottom: 4px;
	padding: 0;
	padding-right: 16px;
	background-color: transparent;
	color: #1f4dd2;
	white-space: nowrap;
}

/*
.myItemList .list .btnEdit a:before{
	content:"";
	position:absolute;
    left: 12px;
    top: 7px;
    width: 13px;
    height: 13px;
	background-image:url(../images/icon/icon_edit_w.svg);
}*/
.myItemList .list .btnEdit a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 4px;
	width: 10px;
	height: 10px;
	background-image: url(../images/icon/icon_arrow_blue.svg);
	background-size: auto 100%;
}

.myItemList .control {
	padding: 10px 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.myItemList .control .prev a,
.myItemList .control .next a {
	position: relative;
	display: block;
	margin: 0 16px;
}

.myItemList .control .prev a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_arrow.png);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.myItemList .control .next a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_arrow.png);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.myItemList .control ol.pages {
	padding: 0;
	margin: 0;
	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;
	list-style-type: none;
}

.myItemList .control .pages li {
	margin: 0 16px;
}

.myItemList .control .pages a {
	display: block;
	background-color: #fff;
	width: 14px;
	height: 14px;
	border-radius: 100px;
	border: 2px solid rgba(0, 0, 0, .2);
	-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;
}

.myItemList .control .pages .active a {
	display: block;
	background-color: rgba(0, 0, 0, .785);
	width: 14px;
	height: 14px;
	border-radius: 100px;
	border: 2px solid rgba(0, 0, 0, .785);
}

.myItemList.mil_2 .list {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.myItemList.mil_2 .list>div {
	width: 346.6px;
	min-width: 346.6px;
	max-width: 100%;
	padding: 10px;
}

.myItemList.mil_2 .list .border {
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
}

.myItemList.mil_2 .list .cover {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 126px;
}

.myItemList.mil_2 .list .cover.icon:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 12px;
	right: 12px;
	height: 2px;
	background-color: #e1e1e1;
}

.myItemList.mil_2 .list .detail {
	padding: 10px 12px;
	font-size: .875em;
}

.myItemList.mil_3 .header {
	padding: 10px 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.myItemList.mil_3 .header>div {
	font-size: .875em;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6525);
}

.myItemList.mil_3 .detail>* {
	padding-top: 24px;
	padding-bottom: 24px;
	display: flex;
	align-items: center;
}

.myItemList.mil_3 .detail>*:not(:last-child),
.myItemList.mil_3 .header>div:not(:last-child) {
	padding-right: 20px;
}

.myItemList.mil_3 .detail>*:nth-child(1),
.myItemList.mil_3 .header>div:nth-child(1) {
	width: 20%;
	padding-left: 10px;
}

.myItemList.mil_3.iconCover .header>div:nth-child(1) {
	width: 84px;
}

.myItemList.mil_3 .detail>*:nth-child(2),
.myItemList.mil_3 .header>div:nth-child(2) {
	width: 40%;
}

.myItemList.mil_3 .detail>*:nth-child(3),
.myItemList.mil_3 .header>div:nth-child(3) {
	width: 25%;
}

.myItemList.mil_3.iconCover .header>div:nth-child(3) {
	width: 25%;
}

.myItemList.mil_3 .detail>*:nth-child(4),
.myItemList.mil_3 .header>div:nth-child(4) {
	width: 15%;
}

.myItemList.mil_3 .detail>*:nth-child(5),
.myItemList.mil_3 .header>div:nth-child(5) {
	width: 15%;
	display: none;
}

.myItemList.mil_3 .header .emptyThumbnail {
	display: block;
	padding: 0 12px;
	min-width: 145px;
}

.myItemList.mil_3 .list {
	/*
	max-height:450px;
	overflow:auto;*/
	border-top: 2px solid #e2e4e9;
	border-bottom: 2px solid #e2e4e9;
}

.myItemList.mil_3 .list .border {
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.myItemList.mil_3 .list .active>.border,
.myItemList.mil_3 .list .border:hover {
	background-color: #e3efff;
}

.myItemList.mil_3 .list .detail {
	min-height: 86px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.myItemList.mil_3 .list .title {

	margin-bottom: 0;
}

.myItemList.mil_3 .list .title .myflex {
	align-items: center;
}

.myItemList.mil_3 .list .title .cover {
	position: relative;
	padding-right: 12px;
	/*min-width:145px;
	min-height: 50px;*/
}

.myItemList.mil_3.iconCover .list .title .cover {
	padding-left: 13px;
	padding-right: 2px;
	min-width: 70px;
	/*
    min-height: 45px;*/
}

.myItemList.mil_3 .list .title .cover img {
	/*position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);*/
}

.myItemList.mil_3.iconCover .list .title .cover img {
	width: 55px;
	-webkit-transform: translate(0, -55%);
	-ms-transform: translate(0, -55%);
	transform: translate(0, -55%);
}

.myItemList.mil_3 .list .tit {
	color: rgba(0, 0, 0, 0.87);
	font-weight: normal;
}

.myItemList.mil_3 .list .title .tit {
	/*padding:0 10px 0 20px;*/
}

.myItemList.mil_3 .list .more {
	min-width: 880px;
	display: none;
}

.myItemList.mil_3.iconCover .list .more {
	min-width: 1145px;
}

.myItemList.mil_3 .list .content {
	height: 100%;
}

.myItemList.mil_3 .list .more .asset {
	width: 500px;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 12px;
}

.myItemList.mil_3 .list .more .caption {
	width: 765px;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 12px;
}

.myItemList.mil_3 .list .more .who {
	width: 280px;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 12px;
}

.myItemList.mil_3 .list .more .date {
	width: 100px;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 12px;
}

/*
.myItemList.mil_3 .list .cont {
    min-height: 38px;
    display: block;
}*/
.myItemList.mil_3 .listMore {
	text-align: right;
}

.myItemList.mil_3 .listMore .btnMore {
	display: inline-block;
}

.myItemList.mil_3 .listMore .myBtn.btnMore a {
	display: block;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-right: 24px;
	font-size: .875em;
}

.myItemList.mil_3 .listMore .btnMore a:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 10px;
	width: 10px;
	height: 10px;
	background-image: url(../images/icon/icon_arrow_w.svg);
}

.myItemList.mil_4 .list .border .more {
	position: relative;
}

.myItemList.mil_4 .list .border .more>.myflex {
	display: none;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 80%);
	border-radius: 6px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 170px;
	max-width: 80vw;
	height: auto;
	padding: 6px 10px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.myItemList.mil_4 .list .border .more>.myflex a {
	color: #000;
}

.myItemList.mil_4 .list .border .more.active>.myflex {
	opacity: 1;
	z-index: 10;
	display: block;
}

.myItemList.mil_4 .list .border .more>.myflex>*:not(.file_info_wrap) {
	display: none;
}

.myItemList.mil_4 .list .border .more.active>.myflex>*:not(.file_info_wrap) {
	display: block;
}



.folderTool .ftMore {
	padding-left: 14px;
	/*padding: 0 14px;*/
}

.folderTool .more .mobMore a {
	position: relative;
	display: flex;
	padding: 0 2px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.folderTool .more .mobMore a:before {
	content: "";
	display: block;
	width: 50%;
	height: 50%;
	background-image: url(../images/icon/icon_dots3.svg);
	filter: var(--filter_hexcode_333);
}

.folderTool .more .mobMore a:hover,
.folderTool .more .mobMore a:focus{
	background-color: #e3e3e3;
}

.folderTool .more {
	position: relative;
}

.folderTool .action_Menu {
	display: none;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 80%);
	position: absolute;
	right: 0;
	top: 100%;
	width: 210px;
	max-width: 80vw;
	height: auto;
	padding: 6px 10px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.folderTool .action_Menu a{
	white-space: nowrap;
}
.folderTool .more.active .action_Menu {
	display: block;
	opacity: 1;
	z-index: 9999;
}

.folderTool .more>.action_Menu>* {
	
}

.folderTool .more.active>.action_Menu>* {
	
}

.action_Menu .close_btn{
	text-align: right;
    padding-top: 10px;
    padding-right: 10px;
	display: none;
}


.action_Menu .close_btn a{
	margin-left: auto;
}

.folderTool .ftMore .myBtn {
	display: block;
	padding: 2px 0;
}

.folderTool .ftMore .myBtn a {
	display: block;
	border-radius: 4px;
}

/*==========*/
.funcTag>div {
	width: 430px;
	max-width: 100%;
	margin-bottom: 24px;
}

.funcTag a {
	display: block;
}

.funcTag .border {
	overflow: hidden;
	border-radius: 6px;
	background-color: #f9f9f9;
	padding: 20px 10px;
	font-size: .875em;
}

.funcTag .border.myBtnIcon {
	position: relative;
	padding-left: 70px;
}

.funcTag .myBtnIcon:before {
	content: "";
	position: absolute;
	left: 15px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.78);
	background-size: auto;
	overflow: hidden;
}

.funcTag .myBtnIcon.mbi-1:before {
	background-image: url(../images/icon/icon_ft_1.svg);
}

.funcTag .myBtnIcon.mbi-2:before {
	background-image: url(../images/icon/icon_ft_2.svg);
}

.funcTag .myBtnIcon.mbi-3:before {
	background-image: url(../images/icon/icon_ft_3.svg);
}

.funcTag .title {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
}

.funcTag .content {
	color: rgba(0, 0, 0, 0.6);
}

/*==================*/
.myBtn a {
	position: relative;
	padding: 6px 25px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .785);
	color: #fff;
	white-space: normal;
}

.myBtn a:active,
.myBtn a:focus,
.myBtn a:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 1);
}

.myBtn.btnCopy a,
.myBtn.btnMove a,
.myBtn.btnPerm a,
.myBtn.btnDel a,
.myBtn.btnRestore a,
.myBtn.btnDownload a,
.myBtn.btnSearch a,
.myBtn.btnUpload a,
.myBtn.btnFUpload a,
.myBtn.btnList a,
.myBtn.btnGrid a,
.myBtn.btnCreate a,
.myBtn.btnShare a,
.myBtn.btnAdd a  {
	display: inline-block;
	padding-left: 35px;
	font-size: .875em;
	text-align: left;
	text-decoration: none;
}

.myBtn a::before{
	-webkit-filter: var(--filter_white);
    -ms-filter: var(--filter_white);
    filter: var(--filter_white);
}

.myBtn.btnAdd a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_add.svg);
}

.myBtn.btnSearch a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_search.png);
}

.myBtn.btnCreate a {
	display: inline-block;

	font-size: .875em;
}

.myBtn.btnCreate a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_create.svg);
}


.myBtn.btnUpload a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_upload_black.svg);
}

.myBtn.btnFUpload a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_folder_upload.svg);

}

.myBtn.btnList a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 5px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_list_view.svg);
}


.myBtn.btnGrid a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 5px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_grid_view.svg);
}


.myBtn.btnTree a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 5px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_tree.png);
}

.myBtn.btnCopy a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_copy.svg);
}

.myBtn.btnMove a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_move.svg);
}

.myBtn.btnPerm a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_permission.svg);
}

.myBtn.btnDel a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_delete.svg);
	
}

.myBtn.btnRestore a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/restore_icon.png);

}

.myBtn.btnDownload a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_download.svg);
}

.myBtn.btnShare a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_share.svg);
}

.rightBtns {
	margin: 0 -5px;
}

.rightBtns .myBtn {
	/*margin:0 5px;*/
	padding: 0 10px;
}

/*=====================*/
.flexTable {
	overflow: auto;
	max-width: 100%;
}

.flexTable .ft-table {
	min-width: 1000px;
}

.flexTable .ft-header {
	padding-top: 5px;
	padding-bottom: 8px;
	border-bottom: 2px solid #e0e1e6;
	font-weight: bold;
	font-size: .875em;
}

.flexTable .ft-header a {
	display: inline-block;
	position: relative;
	padding: 2px 8px;
	padding-right: 35px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	background-color: #f4f5f7;
}

.flexTable .ft-header a:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 10px;
	width: 11px;
	height: 12px;
	background-image: url(../images/icon/icon_sort_arrow.png);
	-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;
}

.flexTable .ft-header .active>a:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.flexTable .ft-body {
	font-size: .875em;
}

.flexTable .ft-body a {}

.flexTable .ft-body .border {
	padding: 16px 0;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flexTable .ft-body .active>.border,
.flexTable .ft-body .border:hover {
	background-color: #f4f5f7;
}

.flexTable .ft-body .active>.border.active,
.flexTable .ft-body .border.active {
	background-color: #e3efff;
}

.flexTable .ft-body .border>div {
	padding: 0 8px;
}

.flexTable .ft-body .action>a {
	display: inline-block;
	padding: 0 5px;
	color: rgba(0, 0, 0, 0.87);
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(1),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(1) {
	width: 13.191489361702127659574468085106%;
	max-width: 13.191489361702127659574468085106%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(2),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(2) {
	width: 17.872340425531914893617021276596%;
	max-width: 17.872340425531914893617021276596%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(3),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(3) {
	width: 18.723404255319148936170212765957%;
	max-width: 18.723404255319148936170212765957%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(4),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(4) {
	width: 13.191489361702127659574468085106%;
	max-width: 13.191489361702127659574468085106%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(5),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(5) {
	width: 14.468085106382978723404255319149%;
	max-width: 14.468085106382978723404255319149%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(6),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(6) {
	width: 17.021276595744680851063829787234%;
	max-width: 17.021276595744680851063829787234%;
}

.flexTable.ft-user .ft-header>.myflex>div:nth-child(7),
.flexTable.ft-user .ft-body>.myflex>div:nth-child(7) {
	width: 5.1063829787234042553191489361702%;
	max-width: 5.1063829787234042553191489361702%;
}

/*=====================*/
.userArea .userMenu {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	width: 360px;
	max-width: 88%;
	z-index: 9200;
	-webkit-transform: translate(120%, 0);
	-ms-transform: translate(120%, 0);
	transform: translate(120%, 0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#close_up.active .userArea .userMenu {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#close_up.active.transition .userArea .userMenu {
	-webkit-transform: translate(120%, 0);
	-ms-transform: translate(120%, 0);
	transform: translate(120%, 0);
}

.userArea .userData {
	background-color: #f0f4ff;
	font-weight: bold;
	padding: 50px 12px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 50%);
}

.userArea .userMessage {
	position: relative;
	padding-left: 50px;
}

.userArea .userMessage:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 42px;
	height: 42px;
	background-color: #fff;
	background-image: url(../images/icon/icon_user3.svg);
	background-size: 22px 22px;
	border-radius: 100px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.userArea .userFunc {
	font-weight: bold;
	padding: 18px 12px;
	overflow: auto;
	max-height: calc(100vh - 122px);
}

.userArea .userFunc>div {}

.userArea .userFunc>div a {
	display: block;
	position: relative;
	padding-left: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.userArea .userFunc>div a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 42px;
	height: 42px;
	/*
    border-radius: 100px;
    background-color: #fff;*/
	background-size: auto;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.userArea .userFunc>div.userPf a:before {
	background-image: url(../images/icon/icon_um_1.svg);
}

.userArea .userFunc>div.userLo a:before {
	background-image: url(../images/icon/icon_um_2.svg);
}

/*==============================*/
.countArea {
	flex: 1;
}

.folderTool {
	/*	margin:0 -24px;*/
}

.myHeader .folderTool {
	/*
    margin-bottom: -15px;*/
	/*min-width: 42%;
    width: 720px;
    max-width: 100%;*/
	margin-left: auto;
}

.sortSelectBox {
	position: relative;
	padding: 0 14px;
	
}

.sortSelectBox:after {
	content: "";
	position: absolute;
	right: -1px;
	top: 25%;
	bottom: 25%;
	width: 2px;
	background-color: rgba(0, 0, 0, 0.15);
}

.sortSelectBox label {
	font-size: 0.875em;
	margin: 0px 10px;
	min-width: 50px;
}

.list_sortSelectBox .sortSelect,
.sortSelectBox .sortSelect {
	margin: 0px 10px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 100px;
	background-color: #fff;
}

.list_sortSelectBox .sortSelect select,
.sortSelectBox .sortSelect select {
	font-size: .75em;
	padding: 8px 10px;
	border: 0;
	background-color: transparent;
}

.newFolderTool {
	/*padding: 0 14px;*/
}

.newFolderTool a {
	display: block;
	font-size: 0.875em;
	/*color:rgba(0, 0, 0, 0.87);*/
}

.newFolderTool>div {
	/*padding: 0 10px;*/
}

.newFolderTool .icon>a {
	position: relative;
	padding-left: 24px;
}

.newFolderTool .icon>a:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 16px;
	height: 16px;
}

.newFolderTool .icon.icon_addNew>a:before {
	background-image: url(../images/icon/icon_nft_1.svg);
}

.newFolderTool .icon.icon_addFolder>a:before {
	background-image: url(../images/icon/icon_nft_2.svg);
}

.newFolderTool .icon.icon_addAsset>a:before {
	background-image: url(../images/icon/icon_nft_3.svg);
}

.newFolderTool .icon.icon_listView>a:before {
	background-image: url(../images/icon/icon_nft_4.svg);
}

.newFolderTool .icon.icon_gridView>a:before {
	background-image: url(../images/icon/icon_grid_view.svg);
	filter: brightness(1) invert(1);
}

.newFolderTool .icon.icon_listView.active>a:before {
	background-image: url(../images/icon/icon_nft_5.svg);
}

/*==============================*/
.pageControl {
	margin: 0 -12px;
	margin-bottom: 40px;
}

.pageControl .pct_page>div {
	padding: 0 12px;
}

.pageControl .pct_page>div a {
	display: block;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.58);
	border-radius: 4px;
	min-width: 30px;
	height: 30px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-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;
}

.pageControl .pct_page>div.active a {
	background-color: #e3efff;
	color: rgba(0, 0, 0, 0.87);
}

.pageControl .pct_direct {
	visibility: hidden;
	width: 0;
}

.pageControl .pct_direct.active {
	visibility: visible;
	width: auto;
	padding: 0 8px;
}

.pageControl .pct_direct>div {
	padding: 4px;
}

.pageControl .pct_direct a {
	display: block;
	position: relative;
	width: 24px;
	height: 22px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 60%);
	border-radius: 8px;
}

.pageControl .pct_direct .pct_fst a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12.5px;
	height: 10px;
	background-image: url(../images/icon/icon_arrow_dou.svg);
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

.pageControl .pct_direct .pct_prev a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7.5px;
	height: 12px;
	background-image: url(../images/icon/icon_arrow.svg);
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

.pageControl .pct_direct .pct_next a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7.5px;
	height: 12px;
	background-image: url(../images/icon/icon_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pageControl .pct_direct .pct_last a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12.5px;
	height: 10px;
	background-image: url(../images/icon/icon_arrow_dou.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pageControl .pct_goto label {
	margin: 0 4px;
}

.pageControl .pct_goto input {
	margin: 0 4px;
	text-align: center;
	width: 42px;
	border: 1px solid rgba(0, 0, 0, 0.37);
	border-radius: 4px;
}

.pageControl .pct_goto .pct_goto_btn {
	margin: 0 4px;
}

.pageControl .pct_goto .pct_goto_btn a {
	display: block;
	padding: 2px 8px;
	background-color: #e3efff;
	color: rgba(0, 0, 0, 0.87);
	height: 30px;
	border-radius: 4px;
	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;
}

/*===============*/
.prerviewAsset {
	padding: 20px 0;
}

.prerviewAssetDetail {
	min-width: 66.666%;
	width: 66.666%;
}

.prerviewAssetDetail .pAArea:not(:nth-last-child(1)){
	border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.pATaxonomy .mEEditor {
	padding-left: 0;
}

.prerviewAssetDetail .pAMenu {
	justify-content: center;
}

.prerviewAssetDetail .pATool {}

.prerviewAssetDetail .pATool .close_btn{
	text-align: right;
    padding-top: 10px;
    padding-right: 10px;
	display: none;
}


.prerviewAssetDetail .pATool .ibtn a {
	position: relative;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	padding: 10px 22px;
	padding-left: 45px;
	margin: 0 8px;
	margin-bottom: 16px;
	/*border: 1px solid #d0e4fe;*/
	border:1px solid #e9eef6;
	border-radius: 100px;
	color: rgba(0, 0, 0, 0.8);
	background-color: #e9eef6;
	-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;
}

.prerviewAssetDetail .pATool .ibtn a:focus,
.prerviewAssetDetail .pATool .ibtn a:hover {
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.78);
	background-color: rgba(0, 0, 0, 0.78);
	text-decoration: none;
}

.prerviewAssetDetail .pATool .ibtn a:before {
	content: "";
	position: absolute;
	left: 22px;
	width: 15px;
	height: 15px;
	-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;
}

.prerviewAssetDetail .pATool .ibtn a:focus:before,
.prerviewAssetDetail .pATool .ibtn a:hover:before {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.prerviewAsset .prerviewAssetDetail .pATool .pAArea .ibtn.icon_cover a.disable_link {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.3);
}

.prerviewAssetDetail .pATool .ibtn.icon_cover a:before {
	background-image: url(../images/icon/icon_cover_black.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_upload a:before {
	background-image: url(../images/icon/icon_pa1.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_permission a:before {
	background-image: url(../images/icon/icon_pa2.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_download a:before {
	background-image: url(../images/icon/icon_pa3.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_workflow a:before {
	background-image: url(../images/icon/icon_pa4.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_share a:before {
	background-image: url(../images/icon/icon_share.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_delete a:before {
	background-image: url(../images/icon/icon_delete.svg);
}

.prerviewAssetDetail .pATool .ibtn.icon_create a:before {
	background-image: url(../images/icon/icon_create.png);
}

/*
.prerviewAssetDetail .pATool .ibtn.icon_upload a:focus:before,
.prerviewAssetDetail .pATool .ibtn.icon_upload a:hover:before{background-image:url(../images/icon/icon_pa1_i.svg);}
.prerviewAssetDetail .pATool .ibtn.icon_permission a:focus:before,
.prerviewAssetDetail .pATool .ibtn.icon_permission a:hover:before{background-image:url(../images/icon/icon_pa2_i.svg);}
.prerviewAssetDetail .pATool .ibtn.icon_download a:focus:before,
.prerviewAssetDetail .pATool .ibtn.icon_download a:hover:before{background-image:url(../images/icon/icon_pa3_i.svg);}
.prerviewAssetDetail .pATool .ibtn.icon_workflow a:focus:before,
.prerviewAssetDetail .pATool .ibtn.icon_workflow a:hover:before{background-image:url(../images/icon/icon_pa4_i.svg);}*/
.prerviewAssetDetail .pACover {
	text-align: center;
	padding-top: 36px;
}

.prerviewAssetDetail .pADescript.inputList,
.prerviewAssetDetail .pACover.inputList {
	margin-bottom: 0px;
}

.prerviewAssetDetail .pACover .title {
	margin-top: 6px;
	text-align: center;
	font-size: 2.25em;
	font-weight: bold;
	/*
    margin-bottom: 20px;*/
}

.prerviewAssetDetail .pACover .cover {
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	margin: 20px;
}

.prerviewAssetDetail .pACover .cover img {
	/*
	max-height:225px;*/
	max-width: 100%;
}

.prerviewAssetDetail .pADescript,
.prerviewAssetDetail .pATaxonomy,
.prerviewAssetDetail .pAHashtag {
	padding: 26px 0;
}

.prerviewAssetDetail .pADescript .title,
.prerviewAssetDetail .pATaxonomy .title,
.prerviewAssetDetail .pAHashtag .title,
.prerviewAssetDetail .pAStatus .title {
	font-weight: bold;
	margin-bottom: 8px;
}

.prerviewAssetDetail .pADescript,
.prerviewAssetDetail .pATaxonomy,
.prerviewAssetDetail .pAHashtag,
.prerviewAssetDetail .pAStatus {
	font-size: .875em;
}

.prerviewAssetDetail .pADescript .iTit,
.prerviewAssetDetail .pATaxonomy .iTit,
.prerviewAssetDetail .pAHashtag .iTit,
.prerviewAssetDetail .pAStatus .iTit {
	position: relative;
	padding-left: 20px;
}

.prerviewAssetDetail .pADescript .iTit:before,
.prerviewAssetDetail .pATaxonomy .iTit:before,
.prerviewAssetDetail .pAHashtag .iTit:before,
.prerviewAssetDetail .pAStatus .iTit:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 15px;
	height: 15px;
	filter: var(--filter_hexcode_444);
}

.prerviewAssetDetail .pADescript .iTit:before {
	background-image: url(../images/icon/icon_va_1.svg);
}

.prerviewAssetDetail .pATaxonomy .iTit:before {
	background-image: url(../images/icon/icon_va_2.svg);
}

.prerviewAssetDetail .pAHashtag .iTit:before {
	background-image: url(../images/icon/icon_va_3.svg);
}

.prerviewAssetDetail .pAStatus .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_7.svg);
}

.myVersionArea .edit a,
.prerviewAssetDetail .edit a {
	display: block;
	position: relative;
	padding: 0 12px;
}

.prerviewAssetDetail .edit a.click_edit:before {
	filter: var(--filter_hexcode_3f7cd8);
}

.myVersionArea .edit a.click_edit:before,
.prerviewAssetDetail .edit a.click_edit:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_edit2.svg);
	
}

.prerviewAssetDetail .btn_cover a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_cover_image.svg);
}

.prerviewAssetDetail .tagList>div {
	margin-right: 10px;
	margin-bottom: 10px;
}

.prerviewAssetDetail .tagList a {
	display: block;
	padding: 4px 15px;
	text-align: center;
	color: rgba(0, 0, 0, 0.87);
	background-color: #efefef;
	border: 1px solid #efefef;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.prerviewAssetDetail .tagList a:focus,
.prerviewAssetDetail .tagList a:hover {
	background-color: #fff;
}

.previewAssetThumbnail {
	min-width: 33.333%;
	width: 33.333%;
	padding-left: 3%;
	padding-right: 1.2%;
}

.previewAssetThumbnail .myflex {
	margin-left: -12px;
	margin-right: -12px;
}

.previewAssetThumbnail .myflex>div {
	width: 50%;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 24px;
}

.previewAssetThumbnail .border {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.previewAssetThumbnailMobile .border.active,
.previewAssetThumbnail .border.active {
	border: 2px solid #ec0c6f;
}

.previewAssetThumbnail .border .cover {
	background-color: rgba(0, 0, 0, .5);
	height: 160px;
}

.previewAssetThumbnail .border img {
	max-height: 100%;
}

.previewAssetThumbnail .border .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/*
	top:60%;*/
	padding: 8px 12px;
	padding-right: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.84210526315789473684210526315789);
	opacity: 0;
	font-size: 1.125em;
	-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;
}

.previewAssetThumbnail .border .title.version_icon:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_mVaTxt_6.svg);
	filter: brightness(0) invert(1);
	margin-right: 10px;
}

.previewAssetThumbnail .border.active .title,
.previewAssetThumbnail .border:hover .title,
.previewAssetThumbnail .border a:focus .title,
.previewAssetThumbnail .border a:hover .title {
	opacity: .95;
}

.previewAssetThumbnail .border .edit,
.previewAssetThumbnail .border .btn_cover {
	position: absolute;
	bottom: 8px;
	right: 8px;
	z-index: 10;
}

.previewAssetThumbnail .border .edit a,
.previewAssetThumbnail .border .btn_cover a {
	display: block;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.previewAssetThumbnail .border .edit a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_edit2.svg);
	filter: brightness(0) invert(1);
}

.previewAssetThumbnail .border .edit a:focus,
.previewAssetThumbnail .border:hover .edit a,
.previewAssetThumbnail .border .btn_cover a:focus,
.previewAssetThumbnail .border:hover .btn_cover a {
	opacity: 1;
}


.previewAssetThumbnail .border .btn_cover a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_cover_image.svg);
	filter: brightness(0) invert(1);
}

/*===============*/
.myCEArea .mCETool a {
	position: relative;
	padding-left: 24px;
	font-size: 0.875em;
	color: rgba(0, 0, 0, 0.87);
}

.myCEArea .mCETool .icon>a:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 16px;
	height: 16px;
}

.myCEArea .mCETool .icon.mCECollapse>a:before {
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url(../images/icon/icon_mce_1.svg);
}

.myCEArea .mCETool .icon.mCEExpand>a:before {
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url(../images/icon/icon_mce_2.svg);
}

.myCEArea .mCETool .icon.icon_listView>a:before {
	background-image: url(../images/icon/icon_nft_4.svg);
}

/*===============*/
.taxonomyTool {
	margin: 0 -10px;
}

.taxonomyTool>div {
	padding: 0 10px;
}

.taxonomyList ul {
	margin: 0;
	padding: 0;
}

.taxonomyList ul.mlv1 {
	padding-left: 56px;
}

.taxonomyList ul.mlv2 {
	padding-left: 18px;
}

.taxonomyList li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.taxonomyList a {
	position: relative;
	display: inline-block;
	padding: 6px 15px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.46);
	background-color: #fff;
	border-left: 5px solid #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.taxonomyList li:not(.submenuToggle)>a {
	padding-left: 30px;
}

.taxonomyList li:not(.submenuToggle)>a:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, 0.55);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.taxonomyList li.submenuToggle>a {
	padding-left: 45px;
}

.taxonomyList li.submenuToggle>a:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	width: 7.5px;
	height: 12px;
	background-image: url(../images/icon/icon_arrow.svg);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.taxonomyList li.submenuToggle>a:focus,
.taxonomyList li.submenuToggle>a:hover {
	color: rgba(0, 0, 0, 0.8);
	background-color: #edebe9;
	border-left: 5px solid #edebe9;
}

.taxonomyList .mlv0>li.submenuToggle.active>a,
.taxonomyList .mlv0>li.submenuToggle.active>a:focus,
.taxonomyList .mlv0>li.submenuToggle.active>a:hover {
	padding-top: 12px;
	padding-bottom: 12px;
	color: rgba(0, 0, 0, 0.8);
	background-color: #edebe9;
	border-left: 5px solid #0156c8;
}

.taxonomyList li.submenuToggle.active>a:before {
	-webkit-transform: translate(0, -50%) rotate(90deg);
	-ms-transform: translate(0, -50%) rotate(90deg);
	transform: translate(0, -50%) rotate(90deg);
}

.taxonomyList .submenu {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.taxonomyList .active>.submenu {
	opacity: 1;
}

.taxonomyList .submenu>* {
	display: none;
}

.taxonomyList .active>.submenu>* {
	display: block;
}

/*============================*/
.area.versionLayer {
	/*updated by justin 20230320*/
	max-width: 95vw;
	max-height: 90vh;
	border-radius: 8px;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.87);
	height: 100%;
}

.area.versionLayer .mVaFunctionTool  a {
	color: rgba(0, 0, 0, 0.87);
}

.versionLayer>.border {
	/*updated by justin 20230320*/
	/*padding:45px 0px;*/
	height: 100%;
}

.versionLayer .close {
	overflow: hidden;
	border-radius: 0 0 0 8px;
}

.versionLayer .close a {
	background-color: #1244d1;
	padding: 8px;
}

.versionLayer .close a:before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/icon_close_w.png);
}

.versionLayer .main {
	height: 100%;
}

.myVersionArea {
	height: 100%;
	position: relative;
}

.myVersionArea .mVaDirect {
	/*padding: 0 2px;*/
	text-align: center;
}

.mVaDirect_next{
	margin-left: auto;
}

.prerviewAssetDetail .mVaDBtn a,
.myVersionArea .mVaDirect .mVaDBtn a {
	position: relative;
	display: inline-block;
	border-radius: 100px;
	width: 38px;
	height: 38px;
	background-color: #d0e4fe;
	border-color: #b7d5fd;
}

.prerviewAssetDetail .mVaDBtn a:before,
.myVersionArea .mVaDirect .mVaDBtn a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7.5px;
	height: 12px;
	background-image: url(../images/icon/icon_arrow.svg);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}




.prerviewAssetDetail .mVaDBtn.prev a:before,
.myVersionArea .mVaDirect .mVaDBtn.prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);

}

.prerviewAssetDetail .mVaDBtn.next a:before,
.myVersionArea .mVaDirect .mVaDBtn.next a:before {
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	-ms-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
}

.mVaDBtn.more {
	display: none;
}

.prerviewAssetDetail .mVaDBtn.more a:before {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon/icon_dots3.svg);
}

.myVersionArea .mVaContent {
	position: relative;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 100%;
}

.myVersionArea .mVaContent>.border,
#close_up .myVersionArea .mVaContent>.border {
	/*position: absolute;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
	height: 100%;
}

.area.versionLayer .title,
#close_up .area.versionLayer .title {
	color: rgba(0, 0, 0, 0.87);
	
}
.myVersionArea .direct_btn_row {
	display: flex;
	justify-content: space-between;
}
.myVersionArea .direct_btn_row .modal_close{
	display: none;
}
.myVersionArea .direct_btn_row  .title{
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 25px;
	padding-right: 20px;
}

.border .myVersionArea .mVaContent .title{
	margin-bottom: 25px;
}

.upload_file_detail .border .myVersionArea .mVaContent .title{
	margin-bottom: 0px;
}
.upload_file_detail .mVaFunctionTool {
	padding: 0px 0;
}
.upload_file_detail .mVaPages .mVaPArea.mVaPMany>div{
	padding: 10px 0;
}
.border .myVersionArea .title,
#close_up .border .myVersionArea .title {
	color: #000;
	font-weight: bold;
	font-size: 1.5em;
	text-align: left;

}

.border .myVersionArea .title .version,
#close_up .border .myVersionArea .title .version {
	font-size: 20px;
	font-weight: normal;
}

.myVersionArea .title .iTit {
	position: relative;
	/*
	padding-left:28px;*/
}

/*
.myVersionArea .title .iTit:before{
	content:"";
	position:absolute;
	left:0;
	top:8px;
	width:16px;
	height:16px;
	background-image:url(../images/icon/icon_version.svg);
}*/
.myVersionArea .title .edit a {
	display: block;
	position: relative;
	padding: 0 6px;
}

.myVersionArea .title .edit a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_edit2.svg);
}

.border .myVersionArea .mVaContent>.border>.content {
	max-height: calc(100% - 74px);
	height: calc(100% - 74px);
	padding-top: 20px;
}

.mVaContent .content>.mVaImgView {
	/*
	min-width:64%;*/
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	
	padding-right: 40px;
}

.mVaContent .content>.mVaImgView .cover {
	position: relative;
	height: 100%;
	/*
	max-height:83.333333333333333333333333333333%;
	height:83.333333333333333333333333333333%;*/
}

.mVaImgView .cover .control {
	padding: 0;
}

.mVaImgView .cover .control a {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaImgView .cover:hover .control a,
.mVaImgView .cover .control a:focus {
	opacity: 1;
}

.mVaImgView .cover .control .prev,
.mVaImgView .cover .control .next {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mVaImgView .cover .control .prev {
	left: 15px;
}

.mVaImgView .cover .control .next {
	right: 15px;
}

.mVaImgView .cover .control .prev a,
.mVaImgView .cover .control .next a {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	background-color: #fff;
	border-radius: 100px;
	margin: 0;
}

.mVaImgView .cover .control .prev a:before,
.mVaImgView .cover .control .next a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_arrow.png);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
}

.mVaImgView .cover .control .prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.versionLayer .btn_nav2{
	position: absolute;
	z-index: 50;
	right: 10px;
	display: flex;
	flex-direction: column;
}

.versionLayer .btn_nav2 .btn_row2{
	display: block;
	height: auto;
	margin-right: 0;
}

.versionLayer .btn_nav2 .new_window_btn{
	margin-top:20px;
}

.btn_nav2{
	justify-content: flex-end;
    margin-top: 10px;
	margin-bottom: 10px;
	
	display: none;
	
}



.btn_nav2 a{
	width: 30px;
    height: 30px;
    background-color:#222;
    display: flex;
	align-items: center;
	justify-content: center;
}

.btn_nav2 a::before{
	content: '';
    display: block;
	width: 80%;
    height: 80%;
    
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    filter: var(--filter_white);
}

.btn_nav2 .btn_row2{
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 30px;
	margin-right: 10px;
}

.btn_nav2 .new_window_btn{
	border-radius: 6px;
	
	overflow: hidden;
}

.zoom_in_btn a::before{
    
    background-image: url(../images/icon/icon_zoomin.svg);
	
}

.zoom_out_btn a::before{
    
    background-image: url(../images/icon/icon_zoomout.svg);
	
}

.zoom_reset_btn a::before{
    
    background-image: url(../images/icon/icon_zoomreset.svg);
	
}


.new_window_btn a::before{
    
    background-image: url(../images/icon/icon_new_window.svg);
	
}

.panzoom_big_container{
	
	width: 100%;
}

.panzoom{
	text-align: center;
}


.mVaContent .content>.mVaImgView .cover img,
.mVaContent .content>.mVaImgView .cover video,
.versionLayer .mVaContent .content>.mVaImgView .cover img,
#close_up .versionLayer .mVaContent .content>.mVaImgView .cover img {
	/*position: absolute;
	left: 50%;
	right: -50%;
	top: 50%;
	bottom: -50%;
	max-height: 100%;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}

.mVaContent .content>.mVaImgView .myItemList {
	/*
	max-height:16.666666666666666666666666666667%;*/
}

.mVaImgView .count {
	text-align: right;
	margin-top: 8px;
}

.mVaImgView .count>.border {
	background-color: rgba(0, 0, 0, 0.66);
	color: #fff;
	border-radius: 100px;
	padding: 2px 10px;
	font-size: .75em;
	display: inline-block;
}

.mVaImgView .slider {
	position: relative;
}

.mVaImgView .slider .list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 -8px;
}

.mVaImgView .slider .list>div {
	width: 16.666666666666666666666666666667%;
	min-width: 16.666666666666666666666666666667%;
	max-width: 16.666666666666666666666666666667%;
	padding: 8px;
}

.mVaImgView .slider .list>div a {
	display: block;
	border: 2px solid #fff;
	border-radius: 4px;
	overflow: hidden;
}

.previewAssetThumbnail a>.video,
.myItemList .video,
.mVaImgView .slider .list>div a .video {
	position: relative;
}

.previewAssetThumbnail a>.video:after,
.myItemList .video:after,
.mVaImgView .slider .list>div a .video:after {
	content: "";
	/*position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/icon/icon_play.svg);
	background-size: auto 40%;
	z-index: 20;*/
}

.mVaImgView .slider .list>div.active a,
.mVaImgView .slider .list>div a:focus,
.mVaImgView .slider .list>div a:active {
	border: 2px solid #ec0c6f;
}

.mVaImgView .slider .list .border {
	position: relative;
	height: 100px;
	background-color: rgba(0, 0, 0, .5);
}

.mVaImgView .slider .list .border .content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 4px 4px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.84210526315789473684210526315789);
	opacity: .95;
	font-size: .75em;
	-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;
}

.mVaImgView .slider .list>div.active .content,
.mVaImgView .slider .list>div:hover .content,
.mVaImgView .slider .list>div a:focus .content,
.mVaImgView .slider .list>div a:hover .content {
	opacity: .95;
}

.mVaImgView .slider .list .border .content .title,
.area.versionLayer .mVaImgView .slider .list .border .content .title,
#close_up .area.versionLayer .mVaImgView .slider .list .border .content .title {
	color: #fff;
	margin-bottom: 0;
	font-size: 0.8rem;
}






.mVaImgView .slider .list .border .title.version_icon,
.mVaImgView .slider .list .border .content .comment {
	position: relative;
	padding-left: 16px;
}

.mVaImgView .slider .list .border .title.version_icon:before,
.mVaImgView .slider .list .border .content .comment:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 12px;
	height: 12px;
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.mVaImgView .slider .list .border .title.version_icon:before {
	background-image: url(../images/icon/icon_mVaTxt_6.svg);
}

.mVaImgView .slider .list .border .content .comment:before {
	background-image: url(../images/icon/icon_comment.svg);

}

.mVaImgView .myItemList .slider .control {
	padding: 0;
}

.mVaImgView .myItemList .slider .control a {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaImgView .myItemList .slider:hover .control a,
.mVaImgView .myItemList .slider .control a:focus {
	opacity: 1;
}

.mVaImgView .slider .control .prev,
.mVaImgView .slider .control .next {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mVaImgView .slider .control .prev {
	left: 15px;
	z-index: 9999;
}

.mVaImgView .slider .control .next {
	right: 15px;
	z-index: 9999;
}

.mVaImgView .slider .control .prev a,
.mVaImgView .slider .control .next a {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	background-color: #fff;
	border-radius: 100px;
	margin: 0;
}

.mVaImgView .slider .control .prev a:before,
.mVaImgView .slider .control .next a:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
}

.mVaImgView .slider .control .prev a:before {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.mVaImgView .slider .control .pages {
	display: none;
}

.mVaContent .content>.mVaTxtView {
	min-width: 45%;
	width: 45%;
	padding: 0;
	/*
	padding:0 10px;*/
}

.mVaContent .content>.mVaTxtView {}

.mVaContent .mVaTxtView .mVaTabs>.border {
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.mVaContent .mVaTxtView .mVaTabs .tab a {
	position: relative;
	display: block;
	padding: 10px 18px;
	padding-top: 0;
	text-decoration: none;
	color: #000;
}

.area.versionLayer .mVaContent .mVaTxtView .mVaTabs .tab a:focus,
.area.versionLayer .mVaContent .mVaTxtView .mVaTabs .tab a:hover {
	font-weight: bold;
	color: #1848d2;
	text-decoration: none;
}

.area.versionLayer .mVaContent .mVaTxtView .mVaTabs .tab.active a {
	color: #1848d2;
}

.mVaContent .mVaTxtView .mVaTabs .tab.active a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background-color: #1848d2;
}

.mVaFunctionTool {
	padding: 18px 0;
	margin: 0 -8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.mVaFunctionTool>div {
	padding: 8px;

}

.area.versionLayer .mVaFunctionTool .ibtn>a,
#close_up .area.versionLayer .mVaFunctionTool .ibtn>a {
	margin: 0;
	font-size: .75em;
	background-color: #efefef;
	border-radius: 8px;
	text-align: center;
	/*height: 100%;*/
	height: 80px;
	line-height: 1.1em;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	width: 80px;
}

.area.versionLayer .mVaFunctionTool .ibtn>a:focus,
.area.versionLayer .mVaFunctionTool .ibtn>a:hover,
.area.versionLayer .mVaFunctionTool .ibtn.active>a,
#close_up .area.versionLayer .mVaFunctionTool .ibtn>a:focus,
#close_up .area.versionLayer .mVaFunctionTool .ibtn>a:hover,
#close_up .area.versionLayer .mVaFunctionTool .ibtn.active>a {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.78);
	-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;
	text-decoration: none;
}

.mVaFunctionTool .ibtn>a .txt {
	display: block;
	text-align: center;
}

.mVaFunctionTool .ibtn>a:before {
	content: "";
	display: block;
	margin: 0;
	width: 24px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	margin-top: 3px;
	-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;
	filter: var(--filter_hexcode_333);
}

.mVaFunctionTool .ibtn a:focus:before,
.mVaFunctionTool .ibtn a:hover:before,
.mVaFunctionTool .ibtn.ibtn.active>a:before {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.mVaFunctionTool .icon_upload>a:before {
	background-image: url(../images/icon/icon_mVaFt_1.svg);
}

.mVaFunctionTool .icon_delete>a:before {
	background-image: url(../images/icon/icon_mVaFt_2.svg);
}

.mVaFunctionTool .icon_checkin>a:before {
	background-image: url(../images/icon/icon_mVaFt_3.svg);
}

.mVaFunctionTool .icon_share>a:before {
	background-image: url(../images/icon/icon_mVaFt_4.svg);
}

.mVaFunctionTool .icon_download>a:before {
	background-image: url(../images/icon/icon_mVaFt_5.svg);
}

.mVaFunctionTool .icon_save>a:before {
	background-image: url(../images/icon/icon_mVaFt_6.svg);
}

.mVaFunctionTool .icon_checkout>a:before {
	background-image: url(../images/icon/icon_mVaFt_7.svg);
}

/*
.mVaFunctionTool .icon_upload a:focus:before,
.mVaFunctionTool .icon_upload a:hover:before{background-image:url(../images/icon/icon_mVaFt_1i.svg);}
.mVaFunctionTool .icon_delete a:focus:before,
.mVaFunctionTool .icon_delete a:hover:before{background-image:url(../images/icon/icon_mVaFt_2i.svg);}
.mVaFunctionTool .icon_checkin a:focus:before,
.mVaFunctionTool .icon_checkin a:hover:before{background-image:url(../images/icon/icon_mVaFt_3i.svg);}
.mVaFunctionTool .icon_share a:focus:before,
.mVaFunctionTool .icon_share a:hover:before{background-image:url(../images/icon/icon_mVaFt_4i.svg);}
.mVaFunctionTool .icon_download a:focus:before,
.mVaFunctionTool .icon_download a:hover:before{background-image:url(../images/icon/icon_mVaFt_5i.svg);}*/
.mVaFunctionTool .toggleBtn {
	position: relative;
}

.mVaFunctionTool .toggleBtn .exArea {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaFunctionTool .toggleBtn:hover .exArea,
.mVaFunctionTool .toggleBtn.activeToggle .exArea {
	opacity: 1;
}

.mVaFunctionTool .toggleBtn .exArea>* {
	display: none;
}

.mVaFunctionTool .toggleBtn:hover .exArea>*,
.mVaFunctionTool .toggleBtn.activeToggle .exArea>* {
	display: block;
}

.mVaFunctionTool .toggleBtn .exArea {
	position: absolute;
	bottom: 100%;
	left: -15px;
	right: -15px;
}

.mVaFunctionTool .toggleBtn .exArea .border {
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 89, 255, 50%);
	font-size: .875em;
	padding: 8px 0;
	margin-bottom: 5px;
}

.myTriangle {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 20px;
	height: 20px;
	overflow: hidden;
	-webkit-transform: translate(-50%, -1px);
	-ms-transform: translate(-50%, -1px);
	transform: translate(-50%, -1px);
}

.myTriangle:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 70.710678118654752440084436210485%;
	box-shadow: -1px -1px 10px -2px rgba(0, 89, 255, 50%);
}

.myTriangle.mTriBottom {}

.mVaFunctionTool .toggleBtn .exArea .border ul {
	padding-left: 25px;
	margin: 0;
}

.mVaFunctionTool .toggleBtn .exArea .border li a {
	display: block;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mVaFunctionTool .toggleBtn .exArea .border li::marker {
	font-size: .95em;
}

.mVaTxtView .mVaPages {
	/*max-height: calc(100% - 137px);*/
	height: 100%;
	/*padding-right: 10px;*/
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

.versionLayer.version .mVaTxtView .mVaPages {
	max-height: calc(100% - 29px);
}

.mVaTxtView .mVaPages .page {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaTxtView .mVaPages .page>* {
	display: none;
}

.mVaTxtView .mVaPages .page.active {
	opacity: 1;
}

.mVaTxtView .mVaPages .page.active>* {
	display: block;
}

.mVaPages .page>.border {
	padding: 0;
}

.mVaPages .mVaPArea {
	font-size: .75em;
}

.mVaPages .mVaPArea:not(.mVaPMany) {
	padding: 16px 0;
}

.mVaPages .mVaPArea.mVaPMany>div {
	padding: 16px 0;
}

.mVaPages .mVaPArea:not(:nth-last-child(1)) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/*
.area.versionLayer .mVaCation .title,
.area.versionLayer .mVaFormats .title,
.area.versionLayer .mVaFilesize .title,
.area.versionLayer .mVaUploadby .title,
.area.versionLayer .mVaTag .title{
	font-size:.75em;
    text-align: left;
    padding: 0;
    margin-bottom: 8px;
}*/
.mVaSearch {
	position: absolute;
	top: 16px;
	bottom: 16px;
	right: 0;
	left: 0;
}

.mVaSearch>div {
	height: 100%;
}

.mVaSearch .scroll {
	overflow: auto;
	max-height: 330px;
    margin-bottom: 30px;
}

.mVaSearch .scroll>div {
	
}

.mVaComment textarea {
	width: 100%;
	background-color: #d9d9d9;
	border-color: #d9d9d9;
	border-radius: 4px;
	height: 150px;
}

.mVaComment .tool {
	margin: 0 -8px;
}

.mVaComment .ibtn a,
.mVaComment .ibtn button {
	position: relative;
	display: block;
	
	font-weight: 600;
	padding: 10px 22px;
	margin: 0 8px;
	border: 1px solid #d0e4fe;
	border-radius: 100px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaComment .ibtn.btn_submit a{
	background-color: #0053B3;
	color: #fff;
}

.mVaComment .ibtn.active a,
.mVaComment .ibtn a:focus,
.mVaComment .ibtn a:hover,
#close_up .area.versionLayer .mVaComment .ibtn a:focus,
#close_up .area.versionLayer .mVaComment .ibtn a:hover,
.mVaComment .ibtn.active button,
.mVaComment .ibtn button:focus,
.mVaComment .ibtn button:hover {
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.78);
	background-color: rgba(0, 0, 0, 0.78);
}

.area.versionLayer .mVaPages .title.meta {
	font-size: 0.9rem;
	text-align: left;
	padding-right: 20px;
	font-weight: bold;
	min-width: 180px;
	max-width: 180px;
}

.area.versionLayer .mVaPages .title.meta a{
	color: #000;
}

.area.versionLayer .mVaPages .title {
	font-size: 0.9rem;
	text-align: left;
	padding: 0;
	margin-bottom: 8px;
	margin: 0px;
	margin-bottom: 5px;
	/* font-weight: 600; */
	color: #555;
	align-items: center;
}

.mVaTxtView .mVaPages .title .iTit {
	position: relative;
	padding-left: 18px;
}

.mVaTxtView .mVaPages .title .iTit:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	filter: var(--filter_hexcode_333);
	background-image: url(../images/icon/icon_va_1.svg);
}

.versionLayer .mVaCation .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_1.svg);
}

.versionLayer .mVaFormats .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_2.svg);
}

.versionLayer .mVaFilesize .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_3.svg);
}

.versionLayer .mVaUploadby .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_4.svg);
}

.versionLayer .mVaTag .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_5.svg);
}

.versionLayer .mVaVersion .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_6.svg);
}

.versionLayer .mVaStatus .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_7.svg);
}

.versionLayer .mVaDate .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_8.svg);
}

.versionLayer .mVaCheckin .title .iTit:before {
	background-image: url(../images/icon/icon_mVaTxt_9.svg);
}

.versionLayer .mVaCheckout .title .iTit:before {
	background-image: url(../images/icon/icon_mVaFt_7.svg);
}

.mVaTxtView .mVaPages .title .edit a {
	display: block;
	position: relative;
	padding: 0 6px;
}

.mVaTxtView .mVaPages .title .edit a:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon/icon_edit2.svg);
}

.mVaTxtView .mVaPages .content {
	font-size: 0.9rem;
}

.mVaTxtView .mVaTag .tagList {
	margin: 0 -5px;
	margin-bottom: 10px;
}

.area.versionLayer .mVaTxtView .mVaTag .tagList a {
	display: block;
	padding: 4px 16px;
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-radius: 100px;
	color: #3f7cd8;
	-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;
}

.mVaSearch .heading {
	font-size: 1.5em;
	font-weight: bold;
}

/*.mVaSearch .heading,*/
.mVaSearch .input {

	margin-bottom: 16px;
}

.mVaSearch .input label {
	margin-bottom: 6px;
}

.mVaSearch .input .searchBar {
	position: relative;
}

.mVaSearch .input .searchBar input,
#close_up .area.versionLayer .border .input .searchBar input {
	margin: 0;
	padding: 5px 0;
	/*
	padding-right:40px;*/
	width: 100%;
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
	margin-left: 1px;
}

.mVaSearch .input .searchBar .searchBtn {
	/*
	position:absolute;
	right:0;
	bottom:6px;*/
	padding-left: 10px;
	padding-bottom: 10px;
}

.lmsArea .inputText>div>select,
.lmsArea .inputText>div>input {
	height: 100%;
}

.lmsArea .inputText .searchBtn,
.lmsArea .inputText .resetBtn {
	padding-left: 5px;
}

#mob_submenu-search .mob_search_btn a {
	margin-left: 10px;
}

.myColorStyle1 #mob_submenu-search .mob_search_btn a.searchBtn,
.myColorStyle1 #mob_submenu-search .mob_search_btn a.resetBtn,
.myColorStyle1 .lmsArea .inputText .resetBtn a,
.myColorStyle1 .lmsArea .inputText .searchBtn a,
.myColorStyle1 .mVaSearch .input .searchBar a {
	position: relative;
	display: block;
	/*	background-color:#1244d1;*/
	background-color: #2585C5;
	border-radius: 100px;
	width: 34px;
	height: 34px;
}

.myColorStyle2 #mob_submenu-search .mob_search_btn a.searchBtn,
.myColorStyle2 #mob_submenu-search .mob_search_btn a.resetBtn,
.myColorStyle2 .lmsArea .inputText .resetBtn a,
.myColorStyle2 .lmsArea .inputText .searchBtn a,
.myColorStyle2 .mVaSearch .input .searchBar a {
	position: relative;
	display: block;
	background-color: #005589;
	border-radius: 100px;
	width: 34px;
	height: 34px;
}


.myColorStyle3 #mob_submenu-search .mob_search_btn a.searchBtn,
.myColorStyle3 #mob_submenu-search .mob_search_btn a.resetBtn,
.myColorStyle3 .lmsArea .inputText .resetBtn a,
.myColorStyle3 .lmsArea .inputText .searchBtn a,
.myColorStyle3 .mVaSearch .input .searchBar a {
	position: relative;
	display: block;
	background-color: #249a5d;
	border-radius: 100px;
	width: 34px;
	height: 34px;
}

a.top_search {
	display: inline-block;
	margin-left: 15px;
}

a.top_search:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: brightness(0) invert(v);
	-ms-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
}

#mob_submenu-search .mob_search_btn a.searchBtn:before,
#mob_submenu-search .mob_search_btn a.resetBtn:before,
.lmsArea .inputText .resetBtn a:before,
.lmsArea .inputText .searchBtn a:before,
.mVaSearch .input .searchBar a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

a.top_search:before,
#mob_submenu-search .mob_search_btn a.searchBtn:before,
.lmsArea .inputText .searchBtn a:before,
.mVaSearch .input .searchBar a:before {
	background-image: url(../images/icon/icon_search.svg);
}

#mob_submenu-search .mob_search_btn a.resetBtn:before,
.lmsArea .inputText .resetBtn a:before,
.mVaSearch .input .searchBar .searchBtn.reset a:before {
	background-image: url(../images/icon/icon_reset.svg);
}

.mVaSearch .filter {}

.mVaSearch .filter label {
	margin: 0;
	margin-right: 8px;
}

.mVaSearch .filter .sortSelect {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 100px;
	margin: 0px 8px;
	background-color: #fff;
}

.mVaSearch .filter .sortSelect select {
	padding: 6px 10px;
	border: 0;
	background-color: transparent;
}

.mVaSearch .result .list>.border,
#close_up .mVaSearch .result .list>.border {
	padding: 18px 0;
	padding-right: 10px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.mVaSearch .result .list .title .tit {
	position: relative;
	
	font-size: 1.1666666666666666666666666666667em;
	font-weight: bold;
	margin-bottom: 4px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mVaSearch .result .list .title .user_icon{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #c7c7c7;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.mVaSearch .result .list .title .user_icon .icon_mask{
	position: relative;
	width: 80%;
	height: 80%;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
}

.mVaSearch .result .list .title .user_icon .icon_mask:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 90%;
	height: 90%;
	background-image: url(../images/icon/icon_mVaTxt_4.svg);
	filter: var(--filter_white);
	transform: translateX(-50%);
}


.mVaSearch .result .list .title .date {
	position: relative;
	padding-left: 16px;
	font-size: 0.83333333333333333333333333333333em;
	font-weight: normal;
	margin-bottom: 4px;
}

.mVaSearch .result .list .title .date:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 12px;
	height: 12px;
	background-image: url(../images/icon/icon_time.svg);
}

.mVaSearch .result .tool .icon {
	position: relative;
}

.mVaSearch .result .tool .icon:not(:nth-last-child(1)):after {
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	bottom: 2px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.4);
}

.mVaSearch .result .tool .icon a {
	position: relative;
	
	display: flex;
	align-items: center;
}
.mVaSearch .result .tool .icon:not(:last-child){
	margin-right: 8px;
}


.mVaSearch .result .tool .icon:not(:last-child) a{
	padding-left: 8px;
	padding-right: 8px;

}

.mVaSearch .result .tool .icon a:before {
	content: "";
	width: 12px;
	height: 12px;
	margin-right: 3px;
	filter: var(--filter_hexcode_3f7cd8);
	background-repeat: no-repeat;
	background-size: contain;
}

.mVaSearch .result .tool .icon_edit a:before {
	background-image: url(../images/icon/icon_edit2.svg);
}

.mVaSearch .result .tool .icon_delete a:before {
	background-image: url(../images/icon/icon_trash.svg);
}

.area.versionLayer .main .cont,
.area.versionLayer .main .mVaSearch .result .list .cont,
#close_up .area.versionLayer .main .cont,
#close_up .area.versionLayer .main .mVaSearch .result .list .cont {
	padding: 0;
}

.mVaSearch .result .list .cont p:nth-last-child(1),
#close_up .area.versionLayer .main .mVaSearch .result .list .cont p:nth-last-child(1) {
	margin-bottom: 0;
}

/*=========================*/
.mVaContent .content>.mVaImgView .myItemList.mil_1 {
	max-height: 100%;
	height: 100%;
	/*updated by justin 20230321*/
	overflow: auto;
	padding: 10px;
	margin: 0 -10px;
}

.mVaContent .myItemList.mil_1.mil_select .list>div {
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}

.mVaContent .myItemList.mil_1.mil_select .list .cover {
	height: 130px;
	max-height: 7.404123662079511vw;
}

.mVaContent .myItemList.mil_1.mil_select .list .cover.video:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/icon/icon_play.svg);
	background-size: auto 70%;
	z-index: 20;
}

.mVaContent .myItemList.mil_1.mil_select .tool {
	left: auto;
	right: 0;
	padding: 0;
}

.mVaContent .myItemList.mil_1.mil_select .tool .ibtn a {
	width: 30px;
	height: 30px;
}

.mVaContent .myItemList.mil_1.mil_select .tool .ibtn a:before {
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-position: center center;
}

.mVaContent .myItemList.mil_1.mil_select .tool .ibtn.ibtn5 a:before {
	background-image: url(../images/icon/icon_edit2.svg);
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.mVaContent .myItemList.mil_1.mil_select .list .detail {
	padding: 12px 12px;
}

.mVaContent .myItemList.mil_1.mil_select .list label {
	margin: 0;
}

.mVaContent .myItemList.mil_1.mil_select .list .title {
	margin: 0;
}

.mVaContent .myItemList.mil_1.mil_select .list .count {
	margin: 0;
}

.mVaWorkflow .heading {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 16px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.mVaWorkflow .input>.list>.border {
	padding: 16px 0;
	padding-left: 16px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.mVaWorkflow .input .list .title .iTit {
	position: relative;
	margin-left: -16px;
	font-weight: bold;
}

.mVaWorkflow .input .list .title .iTit:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 12px;
	height: 12px;
}

.mVaWorkflow .input .list .title.mVaWorkflow .iTit:before {
	background-image: url(../images/icon/icon_mVaWip_1.svg);
}

.mVaWorkflow .input .list .title.mVaType .iTit:before {
	background-image: url(../images/icon/icon_mVaWip_2.svg);
}

.mVaWorkflow .input .list .title.mVaPublish .iTit:before {
	background-image: url(../images/icon/icon_mVaWip_3.svg);
}

.mVaWorkflow .input .list .title.mVaDate .iTit:before {
	background-image: url(../images/icon/icon_mVaWip_4.svg);
}

.mVaWorkflow .input .list .title .iTit label {
	margin: 0;
}

.versionLayer input[type="text"],
#close_up .area.versionLayer input[type="text"] {
	margin: 0;
	padding: 5px 0;
	width: 380px;
	max-width: 100%;
	border: 0;
	border-bottom: 2px solid #000;
}

.mVaWorkflow .mVaRadio>div {
	min-width: 33.333%;
	max-width: 33.333%;
	padding-right: 10px;
}

.mVaWorkflow .mVaRadio .cont {
	margin-left: 6px;
}

.mVaWorkflow .mVaRadio label,
.mVaWorkflow .mVaRadio label input[type="radio"],
.mVaWorkflow .mVaRadio label input[type="checkbox"] {
	margin-left: 5px;
}

.versionLayer.premission .mVaPages .mVaPArea,
.versionLayer.workflow .mVaPages .mVaPArea {
	font-size: .875em;
}

.mVaSummit {
	padding: 16px 0;
}

.mVaSummit .tool {
	margin: 0 -8px;
}

.mVaSummit .ibtn a,
.mVaSummit .ibtn button {
	position: relative;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	padding: 10px 22px;
	margin: 0 8px;
	border: 1px solid #d0e4fe;
	border-radius: 100px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mVaSummit .ibtn.active a,
.mVaSummit .ibtn a:focus,
.mVaSummit .ibtn a:hover,
#close_up .area.versionLayer .mVaSummit .ibtn a:focus,
#close_up .area.versionLayer .mVaSummit .ibtn a:hover,
.mVaSummit .ibtn.active button,
.mVaSummit .ibtn button:focus,
.mVaSummit .ibtn button:hover {
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.78);
	background-color: rgba(0, 0, 0, 0.78);
}

.versionLayer.premission .border .myVersionArea .title,
#close_up .versionLayer.premission .border .myVersionArea .title {
	margin-left: -25px;
}

.mVaPremission .list {
	margin: 0 -25px;
}

.mVaPremission .list>div {
	width: 50%;
	padding: 0 25px;
	margin-bottom: 20px;
}

.versionLayer .mVaPremission input[type="text"],
#close_up .area.versionLayer .mVaPremission input[type="text"] {
	width: 100%;
}

/*===========================*/
.previewAssetThumbnailMobile {
	display: none;
}

.previewAssetThumbnailMobile .slider {
	position: relative;
}

.previewAssetThumbnailMobile .slider .list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 -4px;
	overflow: auto;
	padding-bottom: 10px;
}

.previewAssetThumbnailMobile .slider .list>div {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	padding: 4px;
}

.previewAssetThumbnailMobile .slider .list>div .selector a {
	display: block;
	border: 2px solid #fff;
	border-radius: 4px;
	overflow: hidden;
}

.previewAssetThumbnailMobile .slider .list>div.active .selector a,
.previewAssetThumbnailMobile .slider .list>div .selector a:focus,
.previewAssetThumbnailMobile .slider .list>div .selector a:active {
	border: 2px solid #ec0c6f;
}

.previewAssetThumbnailMobile .slider .list .cover img,
.previewAssetThumbnailMobile .myItemList:not(.mil_3) .slider .list .cover:not(.icon) img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	position: static;
	left: auto;
	top: auto;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.previewAssetThumbnailMobile .slider .list .border {
	position: relative;
}

.previewAssetThumbnailMobile .slider .list .border .cover {
	height: 50px;
	background-color: rgba(0, 0, 0, .5);
}

.previewAssetThumbnailMobile .slider .list .border .title {
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: auto;
	height: calc(1em + 10px);
	padding: 4px 4px;
	padding-right: 30px;
	border-radius: 4px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.84210526315789473684210526315789);
	opacity: 1;
	font-size: .75em;
	-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;
}

.previewAssetThumbnailMobile .slider .list>div.active .content,
.previewAssetThumbnailMobile .slider .list>div:hover .content,
.previewAssetThumbnailMobile .slider .list>div a:focus .content,
.previewAssetThumbnailMobile .slider .list>div a:hover .content {
	opacity: .95;
}

.previewAssetThumbnailMobile .slider .list .border .content .title {
	color: #fff;
	margin-bottom: 0;
}

.previewAssetThumbnailMobile .border .edit,
.previewAssetThumbnailMobile .border .btn_cover {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 10;
}

.previewAssetThumbnailMobile .border .edit a,
.previewAssetThumbnailMobile .border .btn_cover a {
	padding: 0;
}

.previewAssetThumbnailMobile .border .edit a:before,
.previewAssetThumbnailMobile .border .btn_cover a:before {
	filter: brightness(0) invert(1);
}

#taxForm .form-control {
	margin-bottom: 10px;
}

#taxForm .list-enc>div {
	margin-left: 0;
	/*margin-right: 10px;*/
	margin-bottom: 5px;
}

#mainFrom .mainContent .myHeader h1 {
	display: flex;

}

.thumbArea .selectedCover{
	width: 30%;
}

.dropzoneBig2{
	overflow: hidden;
}

.blanket {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0.5;
	display: none;
}

.blanket:hover {
	cursor: pointer;
}

.active_tabArea{
	position: relative;
	z-index: 5000;
}
.page2 a.add_meta{
	position: relative;
	
	
	background-color: #3f7cd8;
	
}

.page2 a.add_ocr{

}
.page2 .ibtn.ibtn2{
  /* float:right;*/
}
.ibtn_row{
	display: flex;
	flex-wrap: wrap;
}
.ibtn_row>*{
	
}
.ibtn_row>*:not(:last-child){
	margin-right: 5px;
}
.ibtn_row>*{
	margin-bottom: 5px;
}
.modal-body .page2 .ibtn a{
	font-weight: 400;
	font-size: 12px;
}
.bootstrap-datetimepicker-widget{
   min-width:280px !important;
}
.exist_time{
   margin-right:10px;
}
.content.meta > div{
   min-height:20px;
}

.ibtn a:hover,
.ibtn a:focus{
	text-decoration: none;
}

.link_block{
	word-break: break-all;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 4px;
}

.record_title a{
	display: flex;
	align-items: center;
	/*flex-wrap: wrap;*/
}

.record_title a img{
	margin-right: 10px;
}

@-webkit-keyframes passing {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }

    50% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
}

@keyframes passing {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }

    50% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        opacity: 0
    }
}


   .prerviewAssetDetail .mVaDBtn.close a:before,
   .myVersionArea .mVaDirect .mVaDBtn.close a:before {
		background-image: unset;
	}

  .prerviewAssetDetail .mVaDBtn.close a i,
  .myVersionArea .mVaDirect .mVaDBtn.close a i{
	    position: absolute;
	    left: 35%;
	    top: 26%;
	    width: 7.5px;
	    height: 12px;
	}

.pmtList .record_title a.asset_list_mob{
	display:none;
}

#popupDialog .modal-content{
	 /* overflow: scroll;*/ 
}
/*
#popupDialog img{
	   max-width: unset !important;  
}
*/