/*!
 * myCss v1.0.0
 * Copyright © 2003 NetSoft Limited. All rights reserved.
 */
/*======================Temp Css========================*/
html,
body {
    height: 100%;
}

html body {
    /*font-size: .8333vw;*/
    font-size: 1.125rem;
}

#wrap {
    min-height: 100%;
    height: auto;
}

a#fontSizeM,
a#fontSizeL,
a#fontSizeXL {
    color: #000000;
}

.clearBoth {
    clear: both;
}

body .nonDisplay {
    display: none;
}

body a {}

body a:visited {}

body a:hover,
body a:focus {}

body .deep1 {
    background-color: #333;
    color: #fff;
}

body .deepBg a {
    color: #ffffff;
}

body .deepBg a:hover,
body .deepBg a:focus {
    color: #ffffff;
}

h1 {
    font-weight: bold;
    color: #000000;
    text-align: left;
    display: block;
    font-size: 3rem;
    margin-bottom: 3rem;
}

h2 {
    margin-right: 0;
    padding-right: 0;
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    font-weight: bold;
}

h3,
.h3 {
    font-size: 2rem;
    margin-left: 0;
    padding: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-weight: bold;
}

h4 {
    margin-top: 0;
    font-size: 1.2rem;
}

h5 {
    font-size: 1rem;
    margin-top: 0;
    color: #000000;
}

body label {
    font-weight: inherit;
}

.mainContent li {
    line-height: 1.6em;
}

.mainContent hr {
    color: #bbb;
    max-width: 100%;
}

.headerTool .headerToolLeft {
    float: left;
}

.headerTool .headerToolRight {
    float: right;
}

.headerTool .headerToolRight>div {
    float: left;
}

.headerToolRight .AStyleArea {
    margin-top: 2px;
}

.imgBar {
    margin-top: 6px;
}

.imgBar img {
    margin-top: -6px;
    margin-right: 3px;
}

.headerToolRight .AStyleArea,
.headerToolRight .clfSeachBar {
    float: left;
}

div.org {}

body .row {
    margin: 0;
}

img,
table {
    border: 0;
}

table {
    border-collapse: collapse;
}

.access {
    position: absolute !important;
    left: -9999px;
    font-size: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -1 !important;
}

.disNone {
    display: none;
}

.navbar-menu {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-my-mainmenu {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
}

.desktop {
    display: inherit;
}

.mobile {
    display: none;
}

.mobileLangTool {
    float: right;
}

.headerTool .nav>li>a {
    padding: 0;
}

.headerTool .nav>li>a:hover,
.headerTool .nav>li>a:focus {}

.headerTool .nav .open>a,
.headerTool .nav .open>a:hover,
.headerTool .nav .open>a:focus {}

.mainMenu li.dropActive ul.menuItem {}

.mainMenu .menuItem li a {}

.headerArea .headerImg {
    background-color: #cce6f3;
    padding: 25px 20px;
}

.headerImg .headerTxt p {
    margin: 22px 0;
}

.bs-example-js-navbar-quick,
.iconTool {
    z-index: 700;
}

.bs-example-js-navbar-search {
    z-index: 600;
}

.headerMenu.collapse {
    display: block;
    height: inherit !important;
}

.headerTool {
    background-color: #333;
}

.headerTool .btnStyleDivide,
.headerTool .btnStyleDivide2 {
    color: #fff;
    float: right;
    font-size: 1.4rem;
}

.headerTool .btnStyleDivide li {
    padding: 14px 10px 14px 0;
    border-right: solid 1px #666;
}

.headerTool .btnStyleDivide li.imgOver {
    background: #fff;
}

.headerTool .btnStyleDivide li.imgOver a {
    color: #000;
}

.headerTool .btnStyleDivide a,
.headerTool .btnStyleDivide2 a {
    padding: 0 15px;
    color: #fff;
}

.headerTool .btnStyleDivide a:focus,
.headerTool .btnStyleDivide a:hover,
.headerTool .btnStyleDivide a:focus,
.headerTool .btnStyleDivide2 a:focus,
.headerTool .btnStyleDivide2 a:hover,
.headerTool .btnStyleDivide2 a:focus {
    color: #fff;
}

.headerTool .btnStyleDivide2 li {
    /*margin:13px 0;*/
    padding: 13px 5px;
    border-right: solid 1px #666;
}

.headerTool .btnStyleDivide2 li.imgOver {
    background: #fff;
}

.headerTool .quickList {
    position: absolute;
}

.headerTool .bs-example-js-navbar-quick {
    min-width: 300px;
}

.mainMenu .menuItem {}

.mainMenu .menuItem .menuItemHr {}

.aaaMenu img {
    vertical-align: sub;
}

.aaaMenu {
    margin: 5px 0 0 0;
    color: #005c8a;
}

.headerArea .aaaMenu .aaaSize li,
.headerArea .aaaMenu .aaaSize a {
    margin: 0 2px;
    padding: 0;
    float: none;
    display: inline;
}

.aaaMenu .size0 {
    font-size: 12px;
}

.aaaMenu .size1 {
    font-size: 16px;
}

.aaaMenu .size2 {
    font-size: 20px;
}

.contentBottom {
    padding: 20px 0;
    float: left;
    font-size: 1.2rem;
    width: 100%;
}

.contentBottom .myHeader2 {
    font-size: 1.6rem;
    line-height: 1.2em;
}

.contentBottom .btnStyle1>div {
    background-color: #e0e0e0;
    color: #525252;
    padding: 5px;
    margin-top: 5px;
}

.contentBottom .btnStyle1 a,
.contentBottom .btnStyle1 a:link,
.contentBottom .btnStyle1 a:active,
.contentBottom .btnStyle1 a:visited {
    color: #333333;
}

.contentBottom .btnStyle1 img {
    float: right;
}

.footerArea .shareBar {}

.shareBar>div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 10px 30px 0 0;
}

.shareBar .shareBtn {
    margin: 5px 0 0 0;
}

.shareBar .shareBtn img {
    margin: 0 3px 0 0;
}

.indexVersion .footerMenu {
    display: block;
}

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

.footerMenu ul>li {
    display: inline;
    padding: 0;
    margin: 0;
}

.copyrightMenu ul {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}

.copyrightMenu ul>li {
    display: inline;
    padding: 0;
    margin: 0;
}

.menuDivide2 {
    margin: 0 2px 0 4px;
    color: #3f84a7;
}

.menuDivide3 {
    margin: 0 2px 0 4px;
}

.footerArea .footerMenu {}

.footerArea .CopyrightBar {
    padding: 20px 0 10px 0;
}

.footerArea .CopyrightBar a {}



.hiddenLabel {
    visibility: hidden;
    position: absolute;
}

.mainHeader h1 {
    /*	color: #000;
	margin-top: 5px;
	/*font-size:2rem;
	padding: 10px;*/
}

body .mainHeader {}

.mainHeader,
.mainContent,
.myTitle {
    /*padding:5px;*/
}

.mainContent {
    /*margin-bottom: 4em;*/
}

.contentBottom {
    margin-top: 4em;
}

/*====================Left Menu================================*/
.leftMenu .mainTitle {
    padding-top: 0;
    color: #005c8a;
    font-size: 2.6rem;
    line-height: 1.2em;
}

.leftMenu .subTitle {
    color: #000;
}

.leftMenu .subTitle a,
.leftMenu .subTitle a:link,
.leftMenu .subTitle a:active,
.leftMenu .subTitle a:visited {
    color: #000;
}

.leftMenu .subTitle a:hover,
.leftMenu .subTitle a:focus {
    color: #005c8a;
}

.leftMenu {
    /*padding-right: 0;*/
    /*	font-size: 1.3rem;*/
}

/*=====================Content Css=============================*/

.myHeader0 {
    font-size: 1.8rem;
    line-height: 1em;
    /*margin:0;*/
}

.myHeader1 {
    background-color: #abdbc7;
    color: #005c8a;
    padding: 5px;
    font-size: 1.6rem;
}

.listStyle0,
.listStyle0>li,
.mainContent .listStyle0,
.mainContent .listStyle0>li {
    list-style-type: none;
}

.listStyle0,
.mainContent .listStyle0 {
    padding: 5px 0;
}

.listStyle1,
.listStyle1>li {
    list-style-type: none;
}

.listStyle1 {
    padding: 5px;
}

.listStyleNone,
.listStyleNone>li {
    list-style-type: none;
}

.listStyleRoman {
    list-style-type: lower-roman;
}

.listStyleAlpha {
    list-style: lower-alpha;
}

body .subMenu>li {
    margin: 0;
    list-style-type: none;
}

body .subMenu>li .extmenu {
    display: none;
}

body .subMenu>li.firstLi {}

body .subMenu>li ul {}

body .subMenu>li li {}

body .subMenu>li li a {}

body .subMenu>li li li a {}

.subMenu>li.borderB {}

ul.subMenu {}

.subMenu2>li.borderB {}

.leftMenu .subMenu li>a {}

.leftMenu .subMenu li li:last-child {}

.leftMenu .subMenu li>a>span {}

.leftMenu .subMenu li>a>span:hover {}

.leftMenu .subMenu li>a>span.caret {
    display: none;
}

.leftMenu .subMenu li.open>a>span.caret {}

.subMenu>li>a {}

.subMenu>li>a:hover,
.subMenu>li>a:focus {}

.subMenu>li>a:before {}

body .leftMenu .subMenu>li.active>a:before,
body .leftMenu .subMenu>li>a:hover:before,
body .leftMenu .subMenu>li>a:focus:before,
.subMenu>li>a.leftbtn.active_sub_section:before {}

.subMenu>li>a,
.subMenu>li>a:visited {}

.subMenu>li>a.active_section.active_section_sub {}

.subMenu .listStyle0>li {}

.subMenu li.lastLi>a,
.subMenu li.firstLi>a {}

.subMenu li.lastLi>a,
.subMenu li.firstLi>a.active_section {}

.subMenu li.firstLi>a,
.subMenu li.firstLi>a:visited {}

.subMenu li.lastLi>a.activeObj,
.subMenu li.firstLi>a.activeObj {}

.subMenu2 {}

.subMenu2>li {}

.menuStyleDivide .activeObj>a {}

.leftMenu .subMenu a.activeObj {}

.leftMenu .subMenu .borderB>a.activeObj {}

.leftMenu .subMenu {}

.leftMenu .subMenu ul li {}

.pStyle0 {}

.pStyle0 img {
    float: left;
    padding: 5px;
}

.pStyle1 img {
    float: right;
    padding: 5px;
}

.lrs {
    padding: 5px;
}

.sectionPage table,
.sectionPage table th,
.sectionPage table td {
    vertical-align: top;
}

.styleTable table {
    width: 100%;
}

.styleTable table,
.styleTable th,
.styleTable td,
.styleTable tr {
    border-collapse: collapse;
    border: #666666 1px solid;
}

.styleTable th,
.styleTable td {
    padding: 5px 8px;
}

.styleTable table .styleBorder {
    border-bottom: 1px solid #005c8a;
}

.nonStyleTable {
    border: 0;
}

.nonStyleTable th,
.nonStyleTable td {
    padding: 5px 8px;
}

.hideBtn {
    margin-left: 10px;
}

.styleBorder,
.styleDiv>div {
    background-color: #f7f9f9;
}

.styleDiv.ToggleList .bgColorZe,
.groupColor .bgColorZe {
    background-color: #ecf0f1;
}

.styleDiv .styleBorder.active,
.styleDiv .styleBorder.bgColorZe.active {
    background-color: #cce3ed;
}

.styleDiv .styleDiv {
    margin: 10px -10px -10px -10px;
    padding-left: 10px;
}

.styleDiv .styleDiv>div {
    border: 1px solid #fff;
    background-color: transparent;
}

.styleDiv .styleDiv.ToggleList {
    margin: 10px -10px -10px -10px;
}

.styleDiv .styleDiv.ToggleList>div {
    margin-left: 10px;
    border: 0;
    padding: 0;
}

.styleDiv .styleDiv.ToggleList>div a {
    color: #666;
    padding: 10px 20px;
    display: inline-block;
}

.styleDiv .styleDiv.ToggleList .bgColorZe a {
    background-color: #50658b;
    color: #fff;
}

.styleFirstRow table .bgColorFth,
.styleFirstCol table .bgColorFth {
    background-color: #622a8b;
    color: #ffffff;
    text-align: left;

}

.pdfTable table {
    margin-bottom: 10px;
}

.pdfTable td {}

.fileForm>div {
    position: relative;
    margin-left: 40px;
}

/*.fileForm input{border:0}*/
/*.fileForm input.file_input_textbox{border:1px solid;}*/
.fileForm .file_input_button,
.file_input_button2 {
    border: 0;
    margin-top: 1px;
    margin-bottom: 1px;
}

.fileForm .file_input_textbox {
    height: 26px;
    line-height: 20px;
}

.fileForm div {
    margin-bottom: 2px;
}

.tableGray tr {
    background-color: #f6f6f6;
}

.rowStyle0 {
    float: left;
    width: 100%;
}

body h1

/*, body h2*/
    {
    /*
	margin: 0;
    font-weight: bold;
    font-size: 2rem;*/
}

body.englishVersion h1 {
    /*
	font-family: 'Oswald Regular', 'Arial', sans-serif;*/
}

body .mainContent h1 {
    /*	color: #073e7f;
	color:#816243;*/
    /*
    margin-bottom: 25px;*/
    /*
    border-bottom: 1px solid #d14d05;*/
    /*
	color:#444;*/
}

body.subMenuVersion .mainContent h1 {
    /*
    padding-bottom: 8px;
    border-bottom: 1px solid #888;*/
}

body h2 {}

body.englishVersion h2 {
    /*
		font-family: 'Oswald Regular', 'Arial', sans-serif;*/
}

body h3 {
    /*	color: #4D75B3;*/
    font-size: 1.1rem;
    margin-left: 0px;
    font-weight: 600;
    padding: 0px;
    /*
	padding-top: 15px;*/
    margin-right: 0px;
    margin-top: 0;
    margin-bottom: 15px;
}

body h4,
body h5 {
    font-size: 1rem;
    margin-top: 0.4em;
    color: #000000;
    /*	margin-left: 10px;*/
}

body .vLink {
    /*height: 20.8em;*/
    width: 1px;
    border-left: 1px solid #000;
    /*position: absolute;
	display: inline;*/
    float: left;
    margin-top: 50px;
    margin-left: -20px;
}

.newsList,
.newsList li {
    list-style-type: none;
}

body .simply-scroll .simply-scroll-list .newsList>li {
    width: 100%;
}

.newsColor {}

.newsItem {
    margin: 5px 0 15px 0;
    line-height: 1.2em;
}

.newsDate {
    font-weight: bold;
    /*display:inline;*/
}

.newsTitle {
    /*font-weight:bold;
	display:inline;*/
}

.newsContent {}

.newsEmer {
    color: #FFF;
}

.newsEmer>div {
    background-color: #D73D33;
    text-align: center;
}

.inlinkTI div {}

.inlinkTI ul,
.inlinkTI li {
    width: 100%;
}

.inlinkTI img {
    //vertical-align: top;
}

.mainContent .listContent {
    padding: 5px;
}

.mainContent .listContent ul,
.mainContent .listContent ul li {
    padding: 0;
}

.menuStylePhone .clickActive {}

.pdfIcon {
    /*width:60px*/
}

.myBgcolor0 {
    background-color: #fff3cc;
}

.myBgcolor1 {
    background-color: #f4e7bd;
}

.myBgcolor2 {
    background-color: #d9fdf8;
}

.myBgcolor3 {
    background-color: #fcdcc7
}

.myBgcolor4 {
    background-color: #eddbe7
}

.myBgcolor5 {
    background-color: #daeac3
}

.myBorder0 {
    border: solid 1px #019680;
}

.myBorder0 .myBordeL {
    background-color: #019680;
}

.myBorder1 {
    border: solid 1px #f8ad7c;
}

.myBorder1 .myBordeL {
    background-color: #f8ad7c;
}

.myBorder2 {
    border: solid 1px #66a356;
}

.myBorder2 .myBordeL {
    background-color: #66a356;
}

.myBorder3 {
    border: solid 1px #ffcc62;
}

.myBorder3 .myBordeL {
    background-color: #ffcc62;
}

.myBorder4 {
    border: solid 1px #ade0e4;
}

.myBorder4 .myBordeL {
    background-color: #ade0e4;
}

.myBorder5 {
    border: solid 1px #daeac3;
}

.myBorder {
    border: solid 1px;
}

.myBorder .myBordeL {}

.myBordeL {
    width: 16%
}

.myBordeR {
    width: 84%;
    background-color: #ffffff;
}

.myTable0 {
    background-color: #ffe4bf;
}

.myTable1 {
    border: #ef761b 1px solid;
}

.myTable1 td {
    background-color: #ffe3aa;
}

.myTable1 .firstRow>td {
    background-color: #d8551f;
}

.myTable1 .firstCol>td {
    background-color: #ff9555;
}

.myTable2 {
    border: #ff9900 1px solid;
}

.myTable2 td {
    background-color: #ffe5c0;
}

.myTable3 {
    border: #66ccff 1px solid;
}

.myTable3 td {
    background-color: #bbe9ff;
}

.myTable3 .firstRow>td {
    background-color: #55c8ff;
}

.myTable4 td {
    background-color: #e3f2d5;
}

.txt-btn,
.img-btn {
    cursor: pointer;
    color: #005c8a;
    text-decoration: underline;
}

.txt-btn:hover,
.img-btn:hover {
    cursor: pointer;
    color: #4d636b;
    text-decoration: underline;
}

.itemList>div {
    margin-bottom: 5px;
}

.itemList .itemImg {
    float: left;
    padding: 0px 5px 0px 0px;
}

#bottomNews>div {
    padding: 12px 12px 0px 12px;
}

/*====Chinese=====*/
.chineseVersion h2,
.chineseVersion .mainTitle {
    font-weight: bold;
}

/*====ISO===*/
div.faq h3 {
    float: left;
    cursor: pointer;
}

div.faq .iso {
    clear: both;
}

.bold {
    font-weight: bold;
}

.iso .iso-text {
    width: 100%;
}

/*=========Search============*/
.search_form h3 {
    margin: 10px 0;
}

.search_form .searchHeader {
    background: #ABDBC7;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.search_form .searchLabel {
    float: left;
    width: 18%;
}

.search_form .seachInputBar {
    margin-left: 5px;
    font-size: .8rem;
    float: right;
    width: 40%;
    margin-right: 40%;
}

.searchSections>div {
    margin-bottom: 16px;
}

.searchSections ul.sectList {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 2px 0;
}

.searchSections ul li {
    margin: 0 10px;
}

.search_form .SearchCase select {
    margin: 5px 10px;
}

.moreBtn {
    /*
    text-align: center;
    margin-bottom: 1em;*/
}

.mainContent .arrowList ul li {
    padding: 0 5px 0 12px;
    margin: 15px 5px 15px 10px;
    line-height: 1.2em;
    background-image: url(../images/icon_arrow.png);
    background-repeat: no-repeat;
    list-style-type: none;
}

.logoList {
    margin: 0;
    padding: 10px;
}

.mainContent .logoList ul {
    margin: 0;
    padding: 0;
}

.logoList ul li {
    margin: 10px;
    display: inline;
}

.arrowList,
.logoList {
    background-color: #f5f4f9;
    margin-bottom: 10px;
    min-height: 210px;
}

/*==================*/
.searchList_pageList {
    position: absolute;
    top: 5px;
    right: 30px;
    z-index: 6500;
}

.searchList_pageList .searchList_right {
    float: right;
}

.searchList_pageList .searchList_right>div {
    float: left;
    /*margin:0 5px;*/
}

.searchList_pageList .searchList_right .searchList_record {
    margin: 4px 5px 0 0;
}

.searchList_pageList .searchList_prev,
.searchList_pageList .searchList_next {
    border: 1px #85c6d8 solid;
    border-collapse: collapse;
}

.searchList_pageList .searchList_next {
    margin-left: -1px;
}

/*=====================*/
.styleDiv>div {
    border: #f3f3f3 solid 1px;
}

.styleDiv>hr {
    display: none;
}

/*
.ToggleList .bgColorZe, .groupColor .bgColorZe, .bgColorZe
{
	background-color: #f3f3f3;
}*/
.styleDiv .iLDiv {
    padding: 10px;
    overflow: auto;
}

.styleDiv>div {
    padding: 10px;
}

.styleDiv .iLDiv div {
    float: left;
}

.styleDiv .iLDiv2 div {
    display: inline;
}

.formDiv1 .iLDiv>div {
    padding-right: 20px;
}

.styleDiv.formDiv0 .iLDiv>div>label {
    width: 120px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.styleDiv .iLDiv>div .myLabel {
    width: 80px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.styleDiv .iLDiv>div span {
    vertical-align: top;
    padding: 0 10px;
}

.styleDiv .iLDiv>div span.hLWord {
    padding: 0 2px;
}

.styleDiv .bgColorFth,
.styleDiv .bgColorLst,
.styleDiv.formDiv1>div,
.styleDiv.formDiv>div {
    padding: 10px;
}

.styleDiv .formTitle {
    display: none;
}

.styleDiv .redTri {
    vertical-align: middle;
    margin-left: 5px;
}

.styleDiv.formDiv>div .iLRight {
    margin: 0;
}

.searchList_pageList {
    margin: 10px 0 5px 0;
    overflow: auto;
    float: left;
    width: 100%;
}

.styleDiv .submitBottom {
    text-align: center;
}

.styleDiv .btn_grey {
    padding: 4px 20px;
}

.styleDiv .faRow {
    width: 100%;
}

.styleDiv .faRow>label,
.styleDiv.formDiv0 .iLDiv>div.faRow>label {
    width: initial;
}

.styleFirstRow>div.bgColorFth,
.styleFirstCol>div.bgColorFth,
.styleLastRow>div.bgColorLst {
    color: #000;
    font-weight: bold;
}

.blue.styleFirstRow>div.bgColorFth {
    background-color: #bdd3de;
}

.bgColorFth.blue {
    background-color: #bdd3de;
    padding: 10px;
    font-weight: bold;
}

.halfScreen {
    width: 50%;
}

.listBlank,
ul.listBlank,
ol.listBlank {
    padding: 0;
    margin: 0;
}

.listBlank,
.listBlank>li,
ul.listBlank,
ul.listBlank>li,
ol.listBlank,
ol.listBlank>li {
    list-style-type: none;
}

.listBlank>li {
    display: inline;
}

.appDiv {
    padding: 10px 0;
    margin-bottom: 30px;
    /*border-top:1px #999 solid;*/
}

.appIcon {
    display: inline-block;
    margin-bottom: 20px;
}

.appDiv:hover>.appIcon img,
.appDiv:focus>.appIcon img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

body .appDiv p {
    margin-top: 0;
}

.appInfo {
    display: inline-block;
    max-width: 50%;
    margin: 10px;
}

.appTitle {
    font-weight: bold;
    margin-bottom: 5px;
}

.appLink a {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    background-color: #EEE;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
    transition: 0.25s;
    margin-right: 5px;
}

.appLink a:hover,
.appLink a:focus {
    background-color: #DDD;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px;
    text-decoration: none;
    color: #000;
}

.highlight {
    padding: 3px 7px !important;
    background-color: #d63c34;
    color: #fff;
    margin-left: 7px;
}

.highlightBtn {
    padding: 5px 12px !important;
    background-color: #3a6fcf;
    color: #fff;
    margin-left: 7px;
}

.highlightBtn>a:link,
.highlightBtn>a:active,
.highlightBtn>a:visited,
.highlightBtn>a:hover,
.highlightBtn>a:focus {
    color: #fff;
}

.remark {
    color: #666;
    font-style: italic;
}

.eventTitle {
    float: left;
    font-weight: bold;
    font-size: 1.6rem;
}

.eventTitle .hlRed {
    color: #f00;
}

.orderTool {
    position: absolute;
    top: 0;
    right: 0;
    margin: 1.2em 30px 0 0;
}

.siteMenu>li {
    margin: 10px 0;
}

.siteMenu .firstLi img {
    display: none;
}

.siteMenu .firstLi .mOnly {
    position: relative;
    visibility: visible;
    left: 0;
}

.siteMenu,
.siteMenu>li {
    list-style: none;
}

.mainContent .siteMenu ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 1em;
}

.squareArt {
    height: 40px;
    width: 40px;
    float: left;
    display: block;
}

.squarArtList .squareArt {
    margin-right: 10px;
}

.tagArt {
    width: 5px;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    padding: 0 !important;
}

.myBlueBtn {
    background-color: #3a6fcf;
    color: #fff;
    padding: 5px 12px;
    display: inline-block;
    margin: 10px 0;
}

.myBlueBtn.largeBtn {
    padding: 12px 50px;
    margin: 20px 0;
}

.mySize0 .squareArt {
    float: left;
}

.mySize1 .squareArt,
.mySize2 .squareArt {
    float: none;
}

.cerise {
    background-color: #d73252;
}

.tahitiGold {
    background-color: #e45e2b;
}

.deepLilac {
    background-color: #9453b9;
}

.forestGreen {
    background-color: #218320;
}

.curiousBlue {
    background-color: #3e79b1;
}

.galliano {
    background-color: #dd961a;
}

.squarArtList {
    text-align: left;
    margin: 30px 10px;
}

.squarArtList>div {
    display: inline-block;
    margin-right: 10px;
    width: 140px;
}

.iframeDiv {
    display: none;
}

.iframeVersion .iframeDiv {
    display: block;
}

.normalDiv {
    display: block;
}

.iframeVersion .normalDiv {
    display: none;
}

.calendarList>div {
    width: 100%
}

.newsData {
    position: relative;
}

.newsIcon {
    position: absolute;
    top: 0;
    left: 0;
}

/*=======================*/
.mob {
    display: none;
}

/*=====================Print===================================*/
@media print {

    html,
    html body {
        height: auto;
    }

    @page {
        size: auto\9;
        /* auto is the current printer page size */
        margin: 0mm\9;
        /* this affects the margin in the printer settings */
    }

    body {
        font-size: 1.1458em !important;
        width: 100%;
        margin: 0px\9;
        /* the margin on the content before printing */
    }

    body {
        min-width: 1024px !important;
        width: 1024px !important;
        -webkit-print-color-adjust: exact !important;
    }

    #wrap {
        width: 95% !important;
        margin: auto !important;
    }

    .myitem_list.my_pdf_div.activities_photo>div.myboard_nl>div.cover img {
        max-width: 100%;
    }

    body .bodyArea {
        background: none;
        margin-top: 0px !important;
    }

    .casenotarea .case_img {
        width: 100%;
    }

    body .headerTool .myLogo {
        position: relative;
    }

    body .headerMenu,
    body .breadcrumb,
    body .myheaderTool,
    body .leftMenu,
    body .mainHeader,
    body .printTool,
    body .btmNav {
        display: none !important;
    }

    body .mainContent {
        margin-left: 0 !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body .footerArea {
        box-shadow: none;
    }

    .headerArea {
        position: static !important;
    }

    body #wrap .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    body .headerMenu .nobr,
    body .mainHeader .nobr {
        display: block;
    }

    .section_left_banner {
        display: none;
    }

    body .mainbanner {
        margin-bottom: 70px;
    }

    body .nobr {
        white-space: nowrap !important;
    }

    body .footerArea ul.fMenu {
        height: auto;
    }
}

/*=============*/
.dOnly {
    position: static;
    visibility: visible;
    left: auto;
}

.dtOnly {
    position: static;
    visibility: visible;
    left: auto;
}

.mOnly {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}

.tmOnly {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}

.smOnly {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}

.moreBtn.mOnly {
    display: none !important;
}
.statistics-list tbody tr {
    border-bottom: 1px solid #d3d3d3
}
@media (min-width: 1900px) {
    html body {
        font-size: 1rem;
    }
}

@media (min-width: 1440px) {
    body .mainpage2 {
        background-size: auto;
        padding-top: 340px;
    }
}

@media print,
(min-width: 1171px) {}

@media print,
(min-width: 993px) {

    .mOnly,
    .m_tool {
        display: none;
    }
}

@media print,
(min-width: 768px) {
    .footerArea {
        clear: both;
    }

    body .leftMenu {}

    body .leftMenu .subMenu>li {}

    body .leftMenu .subMenu>li>a {}

    body .leftMenu .subMenu>li:last-child>a {}

    body .leftMenu .subMenu>li.eOEvtList,
    body .leftMenu .subMenu>li.active,
    body .leftMenu .subMenu>li:hover {}

    body .leftMenu .subMenu>li.eOEvtList:before,
    body .leftMenu .subMenu>li.active:before,
    body .leftMenu .subMenu>li:hover:before {}

    body .leftMenu .subMenu>li.active>a,
    body .leftMenu .subMenu>li>a:hover,
    body .leftMenu .subMenu>li>a:focus {}

    body.indexVersion .contentArea,
    body.extIndex .contentArea {
        padding-top: 0px;
    }

    body .btmNav {}

    .contentArea .slideWidth {
        min-width: 505px
    }

    .headerArea .headerTool .searchTool {
        z-index: 9876;
    }

    .searchTool form {}

    .searchTool {}

    .headerArea .hrbTool input {
        max-width: 70%;
    }


    body.indexVersion .contentArea,
    body.extIndex .contentArea {
        padding-top: 0px;
    }

    body .btmNav {
        /*    width: 840px;*/
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-menu {
        display: none;
    }

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

    body .mainContent {}


    body.subMenuVersion .contentArea:before {}

    body.subMenuVersion .mainContent {}

    body.subMenuVersion.mainContent.full_width {
        padding-left: 0;
    }

    .headerTool {}

    .bs-example-js-navbar-quick {}

    .bs-example-js-navbar-search {}

    .searchLabel {
        margin-bottom: 0;
    }

    .mainMenu .menuItem {}

    .menuStyleDivide ul {
        padding: 0;
        box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.3);
    }

    .menuStyleDivide ul>li {
        min-width: 200px;
    }

    .menuStyleDivide ul ul {
        top: 0;
        left: 99%;
    }

    .menuStyleDivide ul li {
        position: relative;
    }

    .menuStyleDivide ul>li>a:link,
    .menuStyleDivide ul>li>a:active,
    .menuStyleDivide ul>li>a:visited {
        padding: 8px 10px;
        display: block;
    }

    .mainMenu .dropActive>ul,
    .mainMenu .activeUl {
        display: block;
        position: absolute;
        z-index: 900;
        list-style: none;
    }

    .mainMenu .dropActive>ul .subMenuTitle,
    .mainMenu .activeUl .subMenuTitle {}

    .headerTool .bs-example-js-navbar-search {}

    .headerTool .searchBtn {}

    .headerTool .searchBtn img {}

    .headerTool .addLabelLedbyQuick {
        padding: 0;
        width: 305px;
    }

    .headerTool .addLabelLedbyQuick li,
    .headerTool .addLabelLedbyQuick li a,
    .headerTool .addLabelLedbyQuick li a:link,
    .headerTool .addLabelLedbyQuick li a:active,
    .headerTool .addLabelLedbyQuick li a:visited {
        background-color: #cde4db;
        background-image: url(../images/qmbtn.png);
        background-repeat: no-repeat;
        background-position: right;
        color: #000;
        text-decoration: none;
    }

    .headerTool .addLabelLedbyQuick li {
        margin: 0;
        padding: 0;
    }

    .headerTool .addLabelLedbyQuick a,
    .headerTool .addLabelLedbyQuick a:link,
    .headerTool .addLabelLedbyQuick a:active,
    .headerTool .addLabelLedbyQuick a:visited {
        padding: 7px 20px;
        width: 100%;
        border-bottom: solid 1px #8f9f99;
        border-top: solid 1px #8f9f99;
        margin-right: 10px;
    }

    .headerTool .clientTool .searchTool .overflowArea {
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }

    .headerTool .bs-example-js-navbar-search input {}

    .chineseVersion .headerTool .bs-example-js-navbar-search input {
        /*
	min-width:383px;*/
    }

    .contentBottom .btnStyle1 {
        float: left;
    }

    .contentBottom .btnStyle2 {
        position: absolute;
        bottom: 0;
    }

    .contentBottom .btnDivide {
        border-right: 1px solid #666;
        margin-bottom: 5px;
    }

    .listStyle0>li {
        margin: 8px 0;
        /*padding: 10px 0;*/
    }

    .listStyle1>li {
        margin: 10px 0;
    }

    .pdfTable table.col1 td {
        width: 100%;
    }

    .pdfTable table.col2 td {
        width: 50%;
    }

    .pdfTable table.col3 td {
        width: 33.33%;
    }

    .pdfTable table.col4 td {
        width: 25%;
    }

    .pdfTable table.col5 td {
        width: 20%;
    }

    .pdfTable table.col6 td {
        width: 16.66%;
    }

    .pdfTable table.col7 td {
        width: 14.28%;
    }

    .pdfTable table.col8 td {
        width: 12.25%;
    }

    .pdfTable table.col9 td {
        width: 11.11%;
    }

    .pdfTable table.col10 td {
        width: 10%;
    }

    .fileForm .file_input_textbox,
    .fileForm .file_input_button,
    .fileForm .file_input_button2 {
        display: inline;
    }

    body .bgJustice {
        margin: 0 -15px;
    }

    .newsEmer {
        float: right;
        margin-right: -45px;
        width: 120px;
    }

    .newsType1 {
        background-image: url(../images/icon_cal1.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .newsType2 {
        background-image: url(../images/icon_cal2.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .newsType3 {
        background-image: url(../images/icon_cal3.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .topBtn .btnTop {
        /*display:none;*/
        /*margin-right: 10px;*/
    }

    .backBtn .btnBack {
        /*	margin-right: 10px;*/
    }

    /*
.social {
	float: right;
	width: 28%;
	margin-top: -20px;
}*/
    .mainContent .listLeft,
    .mainContent .listRight {
        margin: 0 15px 0 -15px;
    }

    .itemList {
        min-height: 3px;
    }

    .casenotarea .case_img {
        width: 230px;
        height: 120px;
    }

    .myFL {
        /*float:left;
	width:72%;*/
    }

    .mainContent .myFL>p,
    .mainContent .myFL>h2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .indexVersion .mainContent .myFL>p,
    .indexVersion .mainContent .myFL>h2 {
        margin: 0;
    }

    .myFR {
        float: right;
        width: 28%;
    }

    .titleArea {
        border-bottom: #6b7e9e 1px solid;
    }

    .myDropDownBox {
        width: 30%;
        float: left;
        margin: 0 0 0 2%;
    }

    .kcsVersion .myDropDownBox {
        margin-bottom: 10px;
    }

    .subPage {
        margin: auto;
        width: 90%;
    }

    .subPage .myPage {
        display: none;
    }

    .subPage .myPage.pageActive {
        display: block;
    }

    .titlePage {
        border-top: #a7cfe0 1px solid;
        border-bottom: #d2d2d2 1px solid;
        border-left: #a7cfe0 1px solid;
        border-right: 0;
    }

    .titlePage.active {
        border-top: #027eb3 1px solid;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
    }

    .titlePage.active>div {
        border-top: #027eb3 1px solid;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
    }

    .inlineDiv>div {
        display: inline;
    }

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

    .inlineDiv>div>* {
        width: 100%;
    }

    .contentWrap {
        margin: 20px;
    }

    body .selectTool label {
        display: inline-block;
    }

    .selectTool>div {
        margin-bottom: 10px;
    }

    .selectTool>div,
    .selectTool select {
        width: 120px;
    }

    .selectTool select {
        min-height: 30px;
        padding: 3px 8px;
    }

    .selectTool>div.searchKey {
        width: auto;
    }

    .selectTool #event_keyword {
        width: 200px;
        display: inline-block;
        height: auto;
        min-height: 30px;
        padding: 3px 8px;
    }

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

    .pageTool img {
        border: 1px solid #84c5db;
        margin: 0 10px;
    }

    body .pageTool>.fCd {
        border: 0;
    }

    .pageTool>div {
        border-left: 2px solid #abc2d2;
        display: inline-block;
    }

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

    body .selectTool label {
        font-weight: bold;
    }

    .titlePage.active .moreBtn {
        display: block;
        margin: 10px;
    }

    .titlePage .moreBtn {
        display: block;
        margin: 10px;
    }

    .mySize0 .titlePage.longTitle>div>a {
        line-height: 1em;
        height: 39px;
        padding-top: 8px;
    }

    .titlePage.fpage {
        margin-left: 0;
    }

    .titlePage.page2 {
        width: 49.5%;
    }

    .titlePage.page3 {
        width: 33%;
    }

    .titlePage {
        display: block;
    }

    body .specialItem div {
        padding: 22px 0 19px 55px;
    }

    body .myDropDownBox .ddb_title {
        padding: 13px 0 10px 55px;
    }

    .kcsVersion .specialItem {
        margin: 0 20px;
    }

    .searchTool.bs-example-js-navbar-search.collapse {
        display: block;
    }

    body .greyBg {
        background: #f5f5f8;
        padding: 15px;
        float: left;
    }

    .mainContent .arrowList ul {
        width: 25%;
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .footerArea .myFooterBg {
        height: 97px;
    }

    .flexsliderCalendar,
    .flexsliderTraining {
        min-height: 400px;
    }

    /*	.onAir
	{
		margin-top: -145px;
	}*/
    .indexVersion .specialItem {
        /*margin-bottom:80px;*/
    }

    .appWrap {
        display: inline-block;
        max-width: 35%;
        margin: 0 10px;
        border-right: 5px solid #EEE;
        padding-right: 5%;
    }

    .appDiv:hover>.appWrap,
    .appDiv:focus>.appWrap {
        border-color: #DDD;
    }
}

@media screen and (max-width: 1330px) {
    body .headerMenu.subheaderMenu .tMenu li.open>ul.menuLv1 {
        padding-left: 300px;
        padding-right: 50px;
    }

    body .headerMenu.subheaderMenu .tMenu li ul.menuLv1>li {
        min-width: 300px;
    }

    body #wrap .container,
    body .mainAreaContent {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media screen and (max-width: 1170px) {
    body .area_warning .awn_more {
        position: relative;
        right: auto;
        top: auto;
        margin: 20px auto;
    }

    body .myheaderTool>div.clientTool div.datetime {
        display: block;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    body .headerArea .headerTool .searchTool {
        /*		margin-top: 20px;*/
    }

    /*=================*/
    body .section_left_banner {
        display: none;
    }

    body .contentArea {
        min-height: 0;
    }

    body #wrap div.bodyArea .container:nth-child(2) {
        padding: 0;
    }

    body .mainbanner>.container {
        overflow: hidden;
    }

    body .headerTool .myLogo {
        /*
		width:0;*/
    }
}


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

    body .truncate-tags-display:not(.show-all) .tags {
        --tags-height: calc(1rem + 1.5rem + 1rem);
    }

    .dOnly,
    .d_tool,
    .dptool * {
        display: none;
    }

    body .rightbtnwrap {
        text-align: left;
        width: 100%;
        margin-bottom: 2rem;
    }

    body .rightbtnwrap>div {
        margin-right: 1rem;
        margin-left: 0;
        margin-bottom: 1rem;
    }

    body {}

    body #wrap .mainArea1 .container {
        padding-left: 0;
        padding-right: 0;
    }

    body .bodyArea .contentArea .mainContent {
        max-width: 100%;
    }

    body.subMenuVersion .bodyArea .mainContent {
        padding: 20px 0;
        /* background-color: #fff; */
        max-width: 100%;
        margin-left: 0;
        margin: auto;
    }

    body .bodyArea .mainAreaMC.full .mainContent,
    body.subMenuVersion .bodyArea .mainAreaMC.full .mainContent {
        padding: 0;
    }

    .bodyArea .container {
        margin-right: auto;
        margin-left: auto;
    }

    .footerArea .container {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }

    body .titlePage,
    body .titlePage.page2,
    body .titlePage.page3 {
        width: 100%;
    }

    body .footerArea .copyRight {}

    body .footerArea ul.fMenu,
    body .footerArea .copyRight,
    body .footerArea .copyrightBar {}

    body .footerArea .copyrightBar {}

    body .mainContent ol,
    body .mainContent ul {}

    body .my_content ol,
    body .my_content ul {
        padding-left: 25px;
    }

    body .rightBtn {
        display: none;
    }

    body .whatnewscontrol {
        margin-top: 30px;
    }

    body .whatIsNew,
    body .eventCalender {
        width: 100%;
    }

    body .simply-scroll-clip {
        overflow: visible;
        margin-top: 30px;
    }

    body #whatsnews {
        overflow: visible;
        position: relative;
    }

    body div.org {}

    body #whatnewscontrol,
    body #whatnewscontrol>* {
        display: none;
    }

    #whatsnews {}

    body .headerArea .headerTool .headerMenu {
        height: 100vh;
        overflow: auto;
    }

    body .headerArea .headerTool .headerMenu.active {
        padding: 30px 30px;
    }

    body .headerArea .headerTool .headerMenu.active {}

    body .headerArea .headerTool .headerMenu.mainheaderMenu {}

    body .headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool {}

    body .headerMenu.mainheaderMenu .mhm_scene {}

    body .headerMenu.mainheaderMenu .mhm_scene .section {}

    body .headerMenu.mainheaderMenu .mhm_scene ul {}

    body .headerMenu.mainheaderMenu .mhm_scene>.active>ul {}

    body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>ul {}

    body .headerArea .headerTool .headerMenu.dOnly {}

    body .headerArea .headerTool .headerMenu.active {}

    body .headerArea .headerTool .headerMenu.in {}

    body .headerMenu ul li,
    body .headerMenu ul .longList {}

    body .headerMenu ul.menuLv0 {}

    body .breadcrumb ul li span,
    body .bodyArea .breadcrumb span {
        padding: 0px;
        margin: 0;
        white-space: pre;
    }

    body .headerArea .hrbTool input {}

    body .headerMenu ul.menuLv1 {}

    body .headerMenu ul .excActive>ul {}

    body .headerMenu.subheaderMenu .tMenu li.open.excActive>ul,
    body .headerMenu.mainheaderMenu .tMenu li.open.excActive>ul {}

    body .headerMenu.subheaderMenu .open>ul.menuLv1 {}

    .headerMenu ul.menuLv0>li {}

    body .headerMenu .tMenu li.open ul {}

    body div.flexslider {}

    body .flex-direction-nav a {}

    .desktop {
        display: none;
    }

    .mobile {
        display: inherit;
    }

    .mobileLogo {
        margin: auto;
    }

    body .headerTool .leftClfArea {
        float: none;
        display: inline-block;
    }

    .menuRight {
        display: inline-block;
        font-size: 18px;
        padding: 10px;
        background-image: url(../images/btn_lang.jpg);
    }

    .mobileLangTool {
        float: right;
    }

    body .headerArea .headerTool .hrbTool {
        position: relative;
    }

    body .headerMenu .menuStyleDivide {
        width: 100%;
        background-color: #333;
    }

    body .headerMenu .menuStyleDivide li,
    body .headerMenu .menuStyleDivide li a {
        background-color: #abdbc7;
        color: #000;
    }

    body .headerMenu .menuStyleDivide li,
    body .headerMenu .menuStyleDivide li a,
    body .headerMenu .menuStyleDivide li a:link,
    body .headerMenu .menuStyleDivide li a:active,
    body .headerMenu .menuStyleDivide li a:visited {
        background-color: #abdbc7;
        color: #000;
        text-decoration: none;
    }

    /*
body .headerMenu .menuStyleDivide li{
	border-bottom:solid 1px #6b6b6b;
	border-top:solid 1px #6b6b6b;
}*/

    body .headerMenu .menuStyleDivide li:hover,
    body .headerMenu .menuStyleDivide li:focus,
    body .headerMenu .menuStyleDivide li a:hover,
    body .headerMenu .menuStyleDivide li a:focus {
        background-color: #3f9b75;
        color: #fff;
        text-decoration: none;
    }

    body .headerMenu .menuStyleDivide a,
    body .headerMenu .menuStyleDivide a:link,
    body .headerMenu .menuStyleDivide a:active,
    body .headerMenu .menuStyleDivide a:visited {
        padding: 15px 20px;
        width: 100%;
        border-bottom: solid 1px #6b6b6b;
        border-top: solid 1px #6b6b6b;
        font-weight: normal;
    }

    body .headerMenu .menuStyleDivide>li>a,
    body .headerMenu .menuStyleDivide>li>a:link,
    body .headerMenu .menuStyleDivide>li>a:active,
    body .headerMenu .menuStyleDivide>li>a:visited {
        font-weight: bold;
    }

    body .headerMenu .menuStyleDivide .menuItem {}

    body .headerMenu .menuItem {}

    body .headerMenu .menuStyleDivide>li {
        position: inherit;
    }

    body .headerMenu ul.showMenu {}

    body .headerMenu ul.hiddenMenu {}

    body .headerMenu ul.isHidden {}

    body .headerMenu .menuItem a {}

    body .headerMenu .subMenuTitle a {}

    body .headerMenu .subMenuTitle img {}

    .navbar-nav>li>a {
        line-height: inherit;
    }

    body .headerMenu li {}

    .headerArea .headerImg {}

    .headerTool {}

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

    .bs-example-js-navbar-search {}

    .headerMenu.bs-example-js-navbar-collapse.dOnly.collapse {}

    .headerMenu.bs-example-js-navbar-collapse.dOnly.collapse.in {}

    .left_menu>* {}

    .leftMenu>.left_menu>.headerMenu {}

    .headerTool .searchBtn img {}

    .headerTool .quickList {
        margin: 0;
        width: 100%;
        position: relative;
    }

    .headerTool .addLabelLedbyQuick {
        position: inherit;
        display: block;
        width: 100%;
        background-color: #333;
        padding: 0;
    }

    .headerTool .addLabelLedbyQuick li,
    .headerTool .addLabelLedbyQuick li a,
    .headerTool .addLabelLedbyQuick li a:link,
    .headerTool .addLabelLedbyQuick li a:active,
    .headerTool .addLabelLedbyQuick li a:visited {
        background-color: #abdbc7;
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

    .headerTool .addLabelLedbyQuick a,
    .headerTool .addLabelLedbyQuick a:link,
    .headerTool .addLabelLedbyQuick a:active,
    .headerTool .addLabelLedbyQuick a:visited {
        padding: 15px 20px;
        width: 100%;
        border-bottom: solid 1px #6b6b6b;
        border-top: solid 1px #6b6b6b;
        font-weight: normal;
    }

    .contentBottom .btnStyle1 img {
        /*margin-top:5px;	*/
    }

    .contentBottom .btnStyle1 {
        float: left;
    }

    body.indexVersion .footerMenu,
    #flexsliderFooter {
        display: none;
    }

    .footerArea .shareBar,
    .footerArea .footerMenu {
        /*background-color: #ededed;
	padding-left: 10px;
	padding-bottom: 10px;
	display: none;*/
    }

    .footerArea .CopyrightBar {
        color: #fff;
        background-color: #333;
        padding: 10px;
    }

    .footerArea .CopyrightBar a {
        color: #fff;
    }

    .footerArea .CopyrightBar ul {
        margin: 10px 0;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding: 0;
    }

    .pdfTable table,
    .pdfTable table tbody,
    .pdfTable table tr,
    .pdfTable table tr>* {
        display: block;
    }

    .pdfTable table td {
        width: 100%;
        margin-top: -1px;
    }

    .pdfTable table,
    .pdfTable table tr {
        border: 0;
    }

    .fileForm .file_input_textbox,
    .fileForm .file_input_button,
    .fileForm .file_input_button2 {
        display: block;
    }

    .fileForm .file_input_hidden {
        height: 56px;
    }

    body .bodyArea .mainContent {
        width: 100%;

    }

    body.subMenuVersion div.contentArea {
        width: 100%;
        padding-left: 0;
    }

    body .leftMenu {
        display: none;
    }

    body .contentArea .breadcrumb {}

    body .paging_area {
        width: 100%;
    }

    .cont {
        /*
    width: 100%;*/
    }

    .contentArea .cont hr {
        width: 100%;
    }

    .mainContent a {
        word-break: break-word;

    }

    .hiddenObj {
        visibility: hidden;
        position: absolute;
    }

    .quesList {
        margin-bottom: 100px;
    }

    .ansList {
        padding: 0;
    }

    .ansList,
    .ansList>li {
        list-style-type: none;
    }

    .myHeader1 .subfont {
        float: right;
        font-size: 0.7rem;
        margin: 5px 5px 0 0;
    }

    body .newsEmer {
        color: #FFF;
        text-align: right;
    }

    body .newsEmer>div {
        background-color: #D73D33;
        text-align: center;
        display: inline-block;
        padding: 0 12px;
    }

    body #calendar {
        margin: 10px 70px;
    }

    body .newsData {
        padding: 10px 20px 0 20px;
    }

    body .whatIsNew ul>li {
        margin: 2px 0;
    }

    body .titlePage a {
        padding: 10px;
    }

    body .titlePage .moreBtn a {
        margin: 0 10px;
        color: #000;
    }

    .newsType1 {
        border-left: #b3d236 solid 10px;
    }

    .newsType2 {
        border-left: #66cff6 solid 10px;
    }

    .newsType3 {
        border-left: #fbba20 solid 10px;
    }

    .topBtn .textTop {
        display: none;
    }

    body .topBtn {
        right: 1rem;
        bottom: 1rem;
        width: 5rem;
        scale: 75%;
    }

    body .topBtn a>span {
        display: none;
    }

    body .btmNav {
        text-align: right;
        /*
    width: 40px;*/
    }

    body div.btmNav.active {
        /*
	bottom:-20px;*/
    }

    body #flexsliderOnAir,
    body #flexsliderOffice,
    body #flexsliderApplication,
    body #flexsliderMobileApp {
        display: none;
    }

    body .headerTool .mobileTool {
        order: 0;
        z-index: 8900;
        display: inline-block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    body .headerTool .mobileTool>button {
        width: 40px;
        display: inline-block;
        padding: 8px;
    }

    body .headerTool .mobileTool>button.navbar-my-search {
        /*
	background-color: #044b9b;*/
    }

    body.chineseVersion .headerTool .mobileTool {
        /*	top:0;*/
    }

    body .headerTool .active>.mobileTool {
        background-color: transparent;
    }


    body .headerTool.active .headerNav {
        min-height: 64px;
        /*	background-color: #1b5e79;*/
    }

    body.indexVersion .headerTool .headerNav {
        width: 100%;
    }

    body .headerTool .myLogo .logo_0 img,
    body .headerTool .myLogo img {
        width: auto;
    }

    body.fixedHeader .headerArea .myLogo .logo_0 a .mob {
        width: 100%;
    }

    body .headerTool .myLogo .logo_0 a .txt {
        display: none;
    }

    body .headerTool .myLogo span {
        display: inline;
    }

    body .headerArea .language li a {
        padding: 0 8px;
    }

    body .headerArea .headerTool .myLogo a.dOnly {
        display: none;
    }

    body .myheaderTool .clientTool>div.menuBtn a {}

    body .myheaderTool .clientTool>div.menuBtn a img {
        width: 24px;
    }

    body #flexsliderOnAir.active,
    body #flexsliderOffice.active,
    body #flexsliderApplication.active,
    body #flexsliderMobileApp.active {
        display: block;
    }

    body .flexsliderTraining {
        display: none;
    }

    body #flexsliderHeadline {
        display: none;
    }

    body #flexsliderNew {
        display: none;
    }

    body .myheaderTool .clientTool>*:not(.menuBtn) {
        display: none;
    }

    body .myheaderTool .clientTool>.menuBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    body .myheaderTool .clientTool>div,
    body .myheaderTool .clientTool>div.language {}

    body .myheaderTool {}

    body .myheaderTool>div.clfSeachBar {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
    }

    body .header1 {
        display: none;
    }

    body .header2 {
        display: block;
    }

    .headerArea .headerTool .myheaderTool>div.clfSeachBar {
        display: block;
    }

    .bodyArea>div.container {
        background-color: transparent;
        background-image: none;
    }

    .mainContent .listLeft,
    .mainContent .listRight {
        margin: 0;
    }

    .itemList {
        min-height: 1px;
    }

    .SearchFrom .searchTitle {
        z-index: 999;
        position: relative;
        float: left;
        background-color: #333;
    }

    .SearchFrom img {
        float: left;
        top: 0;
        z-index: 100;
    }

    .SearchFrom .SearchBtn {
        width: 65px;
    }

    .SearchFrom .searchTitle {
        /*width: 90%;*/
    }

    .SearchFrom .SearchCase {
        width: 90%;
    }

    .SearchFrom .SearchSelect0,
    .SearchFrom .SearchSelect1,
    .SearchFrom .SearchSelect2 {
        width: 100%
    }

    body .myTool,
    body .searchTool,
    body .headerMenu,
    body .headerMenu {}

    body .titlePage .moreBtn {
        display: block;
        margin: 10px;
    }

    body#page_bg .specialItem div {
        margin: 1px 0;
    }

    body .tMenu .longList ul {}

    body .headerMenu .tMenu a {}

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

    body .headerMenu ul.menuLv0>li:hover>a,
    body .headerMenu ul.menuLv0>li>a:hover,
    body .headerMenu ul.menuLv0>li>a:focus {}

    body .headerMenu.mainheaderMenu ul.menuLv0>li:hover>a,
    body .headerMenu.mainheaderMenu ul.menuLv0>li>a:hover,
    body .headerMenu.mainheaderMenu ul.menuLv0>li>a:focus {}

    body .tMenu.menuLv0>li>a.excLi:before {}

    body .headerMenu ul.menuLv1 li a {}

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

    body .headerMenu .tMenu a:hover,
    body .headerMenu .tMenu a:focus,
    body .headerMenu .tMenu a:active,
    body .headerMenu .tMenu a.active_section {}

    body .headerMenu ul.menuLv0>li>a,
    body.chineseVersion .headerMenu ul.menuLv0>li>a,
    body.chineseVersion .headerMenu .tMenu>li>a {}

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

    .headerArea.subheaderMenu .headerTool ul.menuLv0>li>a:hover,
    .headerArea.subheaderMenu .headerTool ul.menuLv0>li>a:focus,
    .headerArea.mainheaderMenu .headerTool ul.menuLv1>li>a:hover,
    .headerArea.mainheaderMenu .headerTool ul.menuLv1>li>a:focus {}

    body .headerMenu.subheaderMenu ul.menuLv0>li:hover>a,
    body .headerMenu.subheaderMenu ul.menuLv0>li>a:hover,
    body .headerMenu.subheaderMenu ul.menuLv0>li>a:focus {}

    body .headerMenu.mainheaderMenu .tMenu .menuLv1 li:hover>a,
    body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
    body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited {}

    body .headerMenu.mainheaderMenu .mhm_scene>li>a {}

    body .headerMenu.mainheaderMenu .mhm_scene>.active>a {}

    body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>a {}

    body .headerMenu.mainheaderMenu .tMenu .menuLv1 a,
    body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
    body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited {}

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

    body .headerMenu .tMenu .firstLi>a:link,
    body .headerMenu .tMenu .firstLi>a:visited {}

    body .headerMenu .tMenu .menuLv1 a {}

    body .headerMenu ul.menuLv1 li a {}

    body div.footerArea .info {
        /*    display: block;
    width: 100%;*/
        padding-top: 0;
        /*    margin-top: 20px;*/
    }

    body .footerBanner.slides>li {
        margin: 0;
        display: inline-block;
        max-width: 100%;
    }

    body .footerArea ul.fMenu {
        max-width: none !important;
    }

    body .footerArea .fTool li a {
        padding: 0 10px;
    }

    body div.footerArea a,
    body div.footerArea a:active,
    body div.footerArea a:hover,
    body div.footerArea a:focus,
    body div.footerArea a:link,
    body div.footerArea a:visited {
        /*	color: #3e5259;*/
    }

    body div.footerArea ul.fMenu {
        /*
	padding: 7px 0;
	float: left;
	margin: 0;*/
        /*
	display:none;*/
        padding: 0;
    }

    body .topBtn a {
        /*
	padding:20px;
	padding-left:30px;*/
    }

    body .fm-banner {
        margin: auto;
    }

    body .indexContent {
        width: 100%;
    }

    body .colorSort,
    body .newsArea {
        width: 100%;
        padding-right: 30px;
    }

    .appDiv,
    .appDiv div {
        text-align: center;
    }

    /*=======Main======*/

    /*==============List============*/
    body .mainContent ol ol,
    body .mainContent ol ul,
    body .mainContent ul ol,
    body .mainContent ul ul {
        padding-left: 10px;
    }

    /*======Box List========*/
    body ul.box_list,
    body ul.box_list.fine {
        padding: 0;
    }

    /*==========Side=========*/
    body .box_side ol,
    body .box_side ul {
        padding-left: 15px;
    }

    body .my_left_hand_side {
        max-width: 100% !important;
    }

    body .styleTable.my_table_style table tr td {
        display: block;
        padding: 5px 10px;
    }

    /*==============Albums=====================*/
    /*body div.pp_pic_holder{
	left: 0 !important;
    width: 100% !important;
}*/
    body .pagetag_page .albums_body {
        /*padding: 15px 0;*/
    }

    body .mainSlider ul.slides>li {
        height: auto !important;
    }

    body #flexslider ul.slides li>div {
        /*	text-align: center;
	position:relative;*/
    }

    body .mainSlider .slide_cont {
        max-width: 100%;
    }

    body div.ppt {
        padding: 15px 0 !important;
    }

    body div.light_square .pp_expand {
        display: none !important;
    }

    body a.pp_close {
        top: -30px;
        right: -10px;
        box-shadow: none;
        padding: 1px 5px;
    }

    body .pp_content_container .pp_left {
        padding-bottom: 90px;
    }

    body .pp_nav>a {
        white-space: nowrap;
    }

    body .pp_nav .pp_play,
    body .pp_nav .pp_pause,
    body a.pp_arrow_previous,
    body a.pp_arrow_next {
        float: left;
    }

    /*==============Gallery==================*/
    body .gallery_list li>div {
        max-width: 210px;
    }

    .gallery_list ul li {
        background-color: #8b2789 !important;
    }

    .gallery_list ul li,
    .gallery_list ul li a {
        color: #fff !important;
    }

    .gallery_list ul li.mobile_toggle {
        background-color: #e9d4e7 !important;
    }

    .gallery_list ul li.mobile_toggle,
    .gallery_list ul li.mobile_toggle a {
        color: #000 !important;
    }

    body .gallery_list2 ul li .gallery_cont {
        padding: 20px 0;
    }

    body .gallery_list2 ul li .gallery_img {
        text-align: center;
        display: block;
        width: initial;
    }

    /*=====Form List=======*/
    body .program_form .my_form_side0 {
        display: block;
        position: static;
        margin: 5px 0;
        width: inherit;
    }

    body .program_form .my_form_side1 {
        display: block;
        position: static;
        margin: 5px 0;
        width: inherit;
    }

    body .program_form .program_form_item_list li {
        width: 100%;
        padding: 5px;
    }

    body .program_form .program_form_item_list li img {
        position: static;
        float: left;
        margin: -5px 5px 0 -5px;
    }

    /*============Mobile only===============*/
    body .headerArea .headerTop {}

    body .headerArea .headerBottom {}

    body .mCEvt {}

    body .mCEvt.clickActive {}

    body .headerMenu ul.menuLv1,
    body .headerMenu .extmenu>ul {}

    body .headerMenu .tMenu li ul>li {}

    body .headerMenu .tMenu li ul>li:before {}

    body .headerMenu ul .open ul,
    body .headerMenu ul li ul.activeUl {}

    body .headerMenu ul .excActive>ul {}

    body .tMenu.sub-level-active {}

    body .wrap-nav {
        display: block;
        height: inherit !important;
    }

    body .wrap-nav .tMenu a:link,
    .wrap-nav .tMenu a:visited {
        width: auto !important;
    }

    body .wrap-nav {
        display: none;
        height: auto !important;
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 0;
        z-index: 8555;
        top: 44px;
        margin: 0;
        padding: 0;
    }

    body .wrap-nav>ul {
        margin-top: 0 !important;
    }

    body .wrap-nav.active {
        display: block;
    }

    body .wrap-nav>ul>li {
        width: 100% !important;
        max-width: inherit !important;
        padding: 0 !important;
        height: auto !important;
        text-align: left !important;
        margin: 0;
        display: block;
        background-color: #f4f4f4;
    }

    body .fix_line {
        display: none;
    }

    body .tMenu {}

    body .tMenu li a {}

    body .tMenu li ul {}

    body .tMenu li.expanded ul:before,
    body .tMenu li.active ul:before {}

    body .tMenu li.expanded ul,
    body .tMenu li.active ul {}

    body .tMenu li.expanded ul>li,
    body .tMenu li.active ul>li {}

    body .tMenu li.expanded ul,
    body .tMenu li.active ul {}

    body .tMenu li.expanded ul>li,
    body .tMenu li.active ul>li {}

    body .tMenu li.expanded ul>li,
    body .tMenu li.active ul>li {}

    body .tMenu li.expanded ul>li,
    body .tMenu li.active ul>li {}

    body .tMenu li.expanded ul,
    body .tMenu li.active ul {}

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

    body .headerArea .headerTool ul.menuLv1>li>a:hover,
    body .headerArea .headerTool ul.menuLv1>li>a:focus {}

    body .pagetag_page .albums_download {
        float: none;
        margin-top: 20px;
    }

    body .pagetag_tag ul {
        text-align: left;
    }

    body .pagetag_tag ul li {
        display: block;
        border-bottom: 1px solid #ddd;
    }

    body .bubble {
        width: auto;
    }

    body .my_list,
    body .my_list li {
        list-style-type: square;
    }

    body .mainHeader h1 {}

    body .contentArea .breadcrumb {
        /*
	font-size:.8rem;*/
    }

    body .home img {
        vertical-align: top;
    }

    body .mainHeader h1:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: -1;
    }

    body .s_subtitle {
        display: block !important;
    }

    body .s_photo {
        float: none;
    }

    body div.pp_pic_holder {
        /*min-width:inherit;*/
        min-width: 80% !important;
        left: 10% !important;
    }

    body div.light_square .pp_left {
        /*height:auto !important;*/
    }

    body .pp_top,
    body .pp_bottom {}

    .pp_content {
        width: auto !important;
    }

    .pp_details {
        width: auto !important;
    }

    .pp_nav>a {
        float: none;
        width: 100%;
    }

    .pp_content #pp_full_res img {
        min-width: 100%;
        height: initial !important;
    }


    body .mainContent {
        line-height: 1.4em;
    }

    body.indexVersion .bodyArea {
        padding: 0;
    }



    body .headerArea1 {
        margin: 0;
    }

    body .headerArea2 {
        display: none;
        border: 0;
        position: relative;
        z-index: 9000;
    }

    body .headerArea3 {
        position: relative;
        z-index: 9000;
    }

    body.indexVersion .headerArea2 {}

    body .headerMenu ul.menuLv0>li a {}

    body .content_bg {
        margin: 0;
        border: 0;
    }

    body .my_folder_list ul li a {
        padding: 20px 0 20px 60px;
    }

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

    body.indexVersion div.bodyArea {
        min-height: 100px;
    }

    body .mainHeader {
        background-position: top center;
        overflow: hidden;
        /*	max-height:121px;*/
    }

    body .mainHeader:before {
        /*	height: 121px !important;
    background-image: url(../images/bg_header2.jpg) !important;*/
    }

    #contact_us .col-md-3 {
        width: 100%;
        height: 100%;
        display: block;
        margin-right: 0px !important;
        margin-left: 0px !important;
        clear: both
    }

    #information .col-md-3 {
        width: 100%;
        height: 100%;
        display: block;
        margin-right: 0px !important;
        margin-left: 0px !important;
        clear: both
    }

    .text-center i img {
        width: 50%;
        height: 50%;
        display: block;
        clear: both
    }

    .alerts .cont>p {
        margin-left: 0;
        text-align: justify;
        line-height: 17px !important;
    }

    body #wrap {
        min-width: auto;
        margin-right: auto;
        margin-left: auto;
    }

    body .headerArea .headerTool .headerNav {
        flex-wrap: wrap;
    }

    body .headerArea .headerArea1 .headerTool .headerNav {
        padding: 0;
    }

    body .headerTool .myLogo {
        width: 165px;
    }

    body .headerArea2 .headerTool .myLogo {
        display: none;
    }

    body .headerTool .myLogo {
        padding-top: 1rem;
        max-height: 5rem;
    }

    body.chineseVersion .headerTool .myLogo {}

    body .h1Area>div:first-child {
        width: 100%;
    }

    body .h1Area h1 {
        margin-bottom: 3rem;

    }

    body .headerTool.active .mobileClient {
        display: block;
        padding: 0px;
    }

    body .mobileClient {
        font-size: 2rem;
        font-weight: bold;
        color: #454545;
    }

    body .mobileClient .userIcon {
        float: left;
    }

    body .mobileClient .userIcon img {
        padding: 15px;
        background-color: #000;
        width: 80px;
        margin-right: 10px;
        vertical-align: top;
    }

    body .mobileClient ul {
        padding: 0 10px 10px 0;
    }

    body .mobileClient ul li img {
        width: 30px;
    }

    body .mobileClient .logout {
        float: right;
    }

    body.indexVersion .breadcrumb,
    body.extIndex .breadcrumb {
        display: none !important;
    }

    .contentArea h2 {
        /*	padding: 13px;*/
        margin-top: 0;
    }

    body .contentArea .mainContent .cont h2 {
        padding: 0px;
        margin-top: 0;
    }

    .footerMenu ul.bMenu {
        display: none !important;
    }

    body .mybox_login {
        max-width: 100%;
        padding: 0;
    }

    body .mybox_login>div {
        box-shadow: none;
    }

    body .notice {
        margin: 0;
    }

    body .alerts_area {
        width: 100%;
    }

    body .digest_corner_area .digest_corner>div {
        max-width: 100%;
        margin-left: 0;
    }

    body .box_area {
        margin-top: 30px;
        float: none;
        height: inherit;
        padding-bottom: 43px;
    }

    body .dashboard_area {
        margin-left: 0;
    }

    body .footerArea ul.fMenu>li {
        color: #fff;
        padding: 0;
    }

    body .footerArea ul.fMenu a {
        padding: 8px 0px;
        display: inline-block;
    }

    .paging_area .page #cyber_threat_map .cont {
        width: 100% !important;
    }

    body .mainContent .main_left {
        float: none;
        width: 100%;
    }

    body .mainContent .sub_right {
        margin-left: 0;
        max-width: 100%;
        float: none;
    }

    body #cloud {
        margin: auto;
        max-width: 90%;
        height: auto;
    }

    body .page_select>div {
        display: block;
        margin: 7px 0;
        width: 100%;
        float: none;
    }

    body .page_select>div select {
        width: 100%;
    }

    body .alerts .detail .left {
        float: none;
        max-width: 100%;
    }

    body .alerts .detail .right {
        float: none;
        max-width: 100%;
    }

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

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

    body div.ms-options-wrap {
        width: 100%;
        padding-right: 10px;
    }

    body .system_type {
        padding-left: 0;
        margin: 10px 0;
    }

    body .alerts_table .alerts_row>div {
        width: 50%;
    }

    body .alerts_table .alerts_row {
        border-bottom: 1px solid #ddd;
    }

    body #chart>div {
        float: none;
        margin: 30px 0;
        width: 342px;
        height: 228px;
        overflow: hidden;
    }

    body .comment_sub {
        margin-left: 0;
    }

    body .headerFirst {}

    body .breadcrumbbg {
        position: static;
        width: 100%;

        padding-right: 1.2rem;
        padding-top: 3rem;
    }


    body .myheaderTool .clientTool {
        position: static;
    }



    body div#footer div.info ul.fMenu,
    body div#footer div.system ul.fMenu,
    body .footerArea .info>div {
        float: none;
        width: 100%;
        text-align: center;
    }

    body .footerArea .updateDate:before {
        display: none;
    }

    body div#footer div.system {
        float: none;
        width: 100%;
        text-align: center;
    }

    body div#footer div.w3c,
    body div#footer div.copyright {
        float: none;
        width: 100%;
        text-align: center;
    }

    body div.btmNav {
        /*
	width:100%;
	padding:30px;*/
    }

    body .mClinet {
        text-align: center;
        margin-bottom: 10px;
    }

    body .mClinet>div {
        display: inline-block;
        margin: 0 2px;
        color: #ddd;
    }

    body .headerMenu ul.menuLv0>li>a>span {
        text-align: left;
    }

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

    body .headerMenu ul li>div.extmenu {}

    body .headerMenu ul li.excActive>div.extmenu {}

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

    body .headerMenu ul.menuLv1 {}

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

    body .headerMenu .excActive>ul.menuLv1 {}

    body .headerMenu .tMenu li>ul.menuLv2 {}

    body .headerMenu .tMenu li.excActive>ul.menuLv2 {}

    body .headerMenu .tMenu li.open ul.menuLv2>li>a,
    body .headerMenu .tMenu li ul.activeUl .menuLv2>li>a {}

    body .headerMenu .tMenu .menuLv1 .menuLv2 a,
    body .headerMenu .tMenu .menuLv1 .menuLv2 a:link,
    body .headerMenu .tMenu .menuLv1 .menuLv2 a:visited {}

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

    body .headerMenu ul.menuLv0>li.excActive>a>span.caret {}

    body .headerMenu .tMenu li ul.menuLv1>li span.caret {}

    body .headerMenu .tMenu li ul.menuLv1>li.excActive span.caret {}

    body .paging_area table {
        max-width: 100%;
    }

    body .list_table_rowspan td {
        padding: 10px 0;
    }

    .myitem_list {
        text-align: center;
    }

    /*====================================*/
    body .mainContent ul.mylist {
        margin-left: 10px;
    }

    body .div_pilotact .title {
        padding: 8px 20px;
        width: 140px;
    }

    body .myboard_bk.full .cont {
        padding-left: 0;
    }

    body .bodyArea .mainContent,
    body.indexVersion .bodyArea .mainContent {
        /*
		padding: 0 15px 20px 15px !important;*/
    }

    body .bodyArea .mainContent {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    body.indexVersion .bodyArea .mainContent {
        margin-top: 0;
    }

    body .tmOnly {
        position: static;
        visibility: visible;
        left: auto;
    }

    body .clientTool>div.language:before {
        display: none;
    }

    /*=========================*/
    body .sliderArea {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    body .sliderBg {
        position: static;
        height: auto;
    }

    body div.flexslider {}

    body .sliderArea .flex-direction-nav .flex-prev {
        left: 0;
    }

    body .sliderArea .flex-direction-nav .flex-next {
        right: 0;
    }

    /*========================*/
    body .main_news {
        width: 100%;
        padding-right: 0;
        float: none;
        margin-bottom: 30px;
    }

    body .main_about {
        width: 100%;
        float: none;
    }

    body .main_bottom {
        margin-bottom: 0;
    }

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

    body.indexVersion div.btmNav .backBtn {
        display: none;
    }

    /*==============*/
    body .headerArea .headerTool {
        padding-top: 0;
    }

    body .headerArea .headerArea1 .headerTool {
        padding: 0;
        max-height: 70px;
    }

    body .clientTool>div.language li.last:before {
        display: none;
    }

    body .myheaderTool>div.clientTool div.language ul li {
        /*		padding-right:0 !important;*/
    }

    body .headerMenu br {
        display: none;
    }

    /*====================*/
    /*	body .mainSlider{
		top:75px;
	}
	body .main_new{
		top:679px
	}
	body .main_highlight {
    	top: 1179px;
	}
	body .main_shortcut {
		top: 1649px;
	}*/
    body.indexVersion .headerArea {
        /*		position: relative;
		left: 0;
		transform: none;/*
		position: relative;
		transform: translateX(0);
		left: auto;
		top: auto;*/
    }

    body .currentTool {
        height: auto;
        /*		padding-top:36px;*/
        padding-top: 140px;
        padding-bottom: 16px;
        padding-left: 10px;
        padding-right: 10px;
        background-position: top center;
    }

    /*=======================================*/
    body .page_scroll {
        display: none;
    }

    body .footerArea .subFooterMenu ul>li {
        display: inline-block;
        padding: 4px 16px;
    }

    body .footerArea .subFooterMenu {
        float: none;
        text-align: center;
        font-size: 1.2rem;
    }

    body .footerArea2 .copytool {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .footerArea2 .copytool>* {
        text-align: center;
        margin: auto;
    }

    body .footerArea2 .footerRow {
        padding: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .footerArea2 .footerRow>* {
        width: 100%;
        text-align: center;
    }


    body .footerArea ul.fTool>li {
        padding: 0;
        margin: 5px 0;
    }

    body .copyR>div:nth-child(2) {
        display: none;
    }

    body .currentTool {
        /*background-image:url(../images/bg_main1_mob.jpg) !important;
		background-position: center center !important;
    	background-size: cover !important;*/
        padding-top: 0;
        /*		background-position: bottom center !important;*/
    }

    body iframe {
        max-width: 100%;
    }

    /*=============*/
    body .weatherTool {}

    body .headerArea .headerTool .searchTool {}

    body .headerArea .headerTool .hrbTool {}

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

    body .clientTool form img {}

    body .headerTool .searchBtn {}

    body .div_acrobat_reader>div {
        width: 100% !important;
        text-align: center;
    }

    body .tmOnly {
        position: absolute !important;
        visibility: hidden !important;
        left: -9999px !important;
    }

    body .dtOnly {
        position: absolute !important;
        visibility: hidden !important;
        left: -9999px !important;
    }

    body .smOnly {
        position: static;
        visibility: visible;
        left: auto;
    }

    body .headerTool div.searchTool input {}

    body .searchTool form {}

    body .headerTool .searchBtn img {}

    /*================*/
    body .mainSlider {}

    body #flexslider ul.slides li>div {}

    body .mainSlider .slide_bg {}

    body #flexslider ul.slides li>div.slide_bg {}

    body #flexslider ul.slides li>div.slide_cont {}

    body .flexslider .slides img {}

    body .mainSlider .slide_cont {}

    body .mainSlider .slide_cont>* {}

    body div.flexslider {}

    body .mainSlider .slide_cont span {}

    body .flexslider .flex-control-nav {}

    body .main_new {
        position: static;
        background-image: none;
        height: auto;
    }

    body .main_new .my_roll .my_roll_content .my_roll_title {
        margin-top: 1em;
        text-align: center;
        margin-bottom: 1em;
    }

    body .main_highlight {
        position: static;
        height: auto;
    }

    body .main_highlight .my_roll .my_roll_content .my_roll_title {
        margin-bottom: -1em;
    }

    body .main_shortcut {
        position: static;
        height: auto;
        background-image: url(../images/bg_shortcut_mob.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
    }

    body .main_shortcut .my_roll .my_roll_content .my_roll_title {
        margin-bottom: 50px;
    }

    body .main_footer_banner {
        margin-top: 0;
    }

    body .footerArea1 .myflex .footerContact:before {
        display: none;
    }

    /*========================*/
    body div.flexslider {}

    body .flex-direction-nav a {}

    body .moreBtn a {}

    body .moreBtn.mOnly {
        display: block !important;
        margin-bottom: 0;
        padding-bottom: 1em;
    }

    body .moreBtn.hide {
        display: none !important;
    }

    body .organisers_table>div,
    body .organisers_table>div[class^="half_"] {
        width: 100%;
        display: block;
    }

    body .organisers_table>div[class^="half_"]>a {
        float: none;
        width: 100%;
    }

    body .currentTool {
        /*
		padding-top:127px;*/
    }

    body .headerMenu.subheaderMenu .tMenu li ul.menuLv1>li,
    body .headerMenu.mainheaderMenu .tMenu li ul.menuLv1>li,
    body .headerMenu.mainheaderMenu .tMenu.mhm_scene li.open ul>li,
    body .headerMenu.mainheaderMenu .tMenu.mhm_scene li ul.activeUl>li,
    body .headerMenu.mainheaderMenu .tMenu.mhm_scene ul>li {
        width: auto !important;
        display: block;
    }

    body .headerMenu.subheaderMenu .open>ul.menuLv1 {
        min-height: 0;
    }

    body .headerMenu.subheaderMenu .open>ul.menuLv1:before {
        display: none;
    }

    body .headerMenu.subheaderMenu .open>ul.menuLv1:after {
        display: none;
    }

    /*=================*/
    body .footerArea ul.fTool {
        margin: 0;
        display: block;
        text-align: center;
    }

    body #footer div.w3c>div {
        transform: translateY(0);
    }

    body .mainbanner img {
        /*
		left: 50%;
		position: relative;
		transform: translate(-50%,0);
		height: 100px;*/
        z-index: 1;
        height: 80px;
    }

    body .footerBanner {
        text-align: center;
    }

    /*===================*/
    body .desktop {
        display: none;
    }

    body .mobile {
        display: block;
    }

    body .event_search {
        display: block;
        height: auto;
    }

    body .event_search .calendar {
        display: block;
        width: 100%;
        box-shadow: none;
        min-width: 0;
    }

    body .event_search .reselt {
        display: block;
        width: 100%;
        box-shadow: none;
    }

    body .event_search .search_holder {
        width: 100%;
    }

    body .events_table .events_data {
        width: 100%;
        float: none;
    }

    /*
	body .events_table .events_data:nth-child(odd) .detail{
		margin-right: 0px;
	}

	body .events_table .events_data:nth-child(even) .detail{
		margin-left: 0px;
	}*/


    body .search_filter .event_search_table {
        margin: 0 auto;
    }

    body .event_detail .responsive-table td:nth-child(odd) {
        border-bottom: 1px solid #ffffff;
        margin-bottom: -2px;
    }

    body .event_detail .responsive-table td:nth-child(even) {
        border-top: 1px solid #ffffff;
    }

    body .event_detail .responsive-table tbody tr:last-child td:nth-child(2) {
        border-bottom: 2px solid #1d96b2;
    }

    body .event_detail .responsive-table td {
        display: block;
        border-right: 1px solid #1d96b2;
    }

    body .event_detail .responsive-table td:nth-child(1),
    body .event_detail .responsive-table td:nth-child(3) {
        white-space: normal;
        width: auto;
    }

    body .event_detail .right_btn .print_btn {
        display: none;
    }

    body .event_detail .img_holder .icon,
    body .event_detail .poster {
        max-width: 100%;
    }

    body .paginator li.first,
    body .paginator li.last,
    body .paginator li.skip {
        display: none;
    }

    body .cok_list>div {
        padding: 10px;
    }

    body .headerTool .mobSearchArea .cross_btn,
    body .headerTool .mobLangArea .cross_btn {}

    body .headerMenu.active .cross-btn,
    body .searchTool.mobActive .cross-btn,
    body .searchTool.active .cross-btn,
    body .language.active .mobLangArea .cross_btn {}

    body .headerMenu.active .cross-btn:before,
    body .headerMenu.active .cross-btn:after,
    body .searchTool.mobActive .cross-btn:before,
    body .searchTool.mobActive .cross-btn:after,
    body .searchTool.active .cross-btn:before,
    body .searchTool.active .cross-btn:after,
    body .language.active .mobLangArea .cross_btn:before,
    body .language.active .mobLangArea .cross_btn:after {}

    body .headerMenu.active .cross-btn:before,
    body .searchTool.mobActive .cross-btn:before,
    body .searchTool.active .cross-btn:before,
    body .language.active .mobLangArea .cross_btn:before {}

    body .headerMenu.active .cross-btn:after,
    body .searchTool.mobActive .cross-btn:after,
    body .searchTool.active .cross-btn:after,
    body .language.active .mobLangArea .cross_btn:after {}

    body .language .mobPadding {}

    body .language .mobTitle {}

    body .headerMenu .shareList {}

    body .headerMenu.active .shareList {}

    body .headerArea .headerTool .headerMenu ul {}

    body .headerArea .headerTool .headerMenu li {}

    body .headerArea .headerTool .headerMenu>ul {}

    body .headerMenu ul li>div.extmenu,
    body .headerMenu ul.menuLv0>.close>div.extmenu {}

    body .tMenu li.my_menu3>div.extmenu,
    body .tMenu li.my_menu4>div.extmenu {}

    body .headerMenu .tMenu li ul.menuLv1 {}

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

    body .headerMenu .my_menu .extmenu>.menu_items {}

    body .headerMenu .my_menu.open .extmenu>.menu_items {}

    body .d-lg-none {}

    body .mobShare {}

    /*==============*/
    body .headerMenu .my_menu .extmenu>.menu_items {}

    body .headerMenu .my_menu.close .extmenu>.menu_items {}

    body .headerMenu .my_menu.open .extmenu>.menu_items {}

    body .headerArea {}

    body .myheaderTool>div.clientTool .mobSearchArea .cross_btn {}

    body .mobSearchArea {}

    body .headerArea .searchTool .mobSearchArea,
    body .headerArea .language .mobLangArea {}

    body .headerArea .searchTool.active .mobSearchArea,
    body .headerArea .language.active .mobLangArea {}

    body .overflowArea {}

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

    body .simpleTable table body .simpleTable tr,
    body .simpleTable td,
    body .simpleTable th {
        display: block;
    }

    body .simpleTable tr:nth-child(1) {
        display: none;
    }

    body .simpleTable td:before {
        content: attr(data-title)":";
        display: block;
    }

    body .mainContent table th,
    body .mainContent table td {
        padding: 7px 5px;
    }

    body .mainContent table th:nth-child(1),
    body .mainContent table td:nth-child(1) {
        padding-top: 10px;
    }

    body .mainContent table th:last-child,
    body .mainContent table td:last-child {
        padding-bottom: 10px;
    }

    body .footerMenuArea {
        display: none;
    }

    /*==========*/
    body .headerArea .headerArea2 .headerTool {
        border: 0;
        padding: 0;
    }

    /*===========*/


    body .footerRow {
        display: block;
    }

    body .footerArea2 {
        /*
		padding: 0;*/
    }

    body .footerArea3 .footerExternal>div {
        margin-bottom: 10px;
    }

    body .footerArea3 .footerApp>div {
        margin-bottom: 10px;
    }

    body .my_date_list>div.header {
        display: none;
    }

    body .my_date_list>div>a {
        display: block;
    }

    body .my_date_list>div.header>div:nth-child(1),
    body .my_date_list>div>a>div:nth-child(1) {
        padding-left: 0;
    }

    body .my_book_list ol {
        padding-left: 45px;
    }

    /*==========*/
    body .headerArea .headerArea1 .headerTool {
        display: block;
        max-height: none;
    }

    body .white-box {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        background-color: transparent;
        padding: 0;
        box-shadow: none;
        margin-top: 20px;
    }

    body .icon_list.il_2 li {
        padding: 20px;
        max-width: 45%;
    }

    body .footerArea1 .footerMenuArea {
        /*
		display: none;
	    padding: 20px 0;*/
    }

    body .footerArea1 .myflex>div {
        /*
		width:100%;*/
    }

    body .footerArea1 a {
        word-break: break-all;
        word-break: break-word;
    }

    body .footerMenuArea .footerMenu {
        display: none;
        margin-bottom: 20px;
    }

    /*====================*/
    body .footerArea ul.fMenu {
        height: auto;
    }

    /*============*/
    body .headerTool .language ul {}

    body .headerArea .myheaderTool .language .mobLangArea a,
    body .headerArea .myheaderTool .language .mobLangArea a:link,
    body .headerArea .myheaderTool .language .mobLangArea a:visited {}

    body .headerArea .myheaderTool .language .mobLangArea a.cross-btn {}

    /*=======*/
    body .mainbanner {
        /*
	    border-top: 10px solid #ff7300;*/
    }

    body .mainContent table[data-width="100%"] {
        overflow: auto;
        display: block;

    }

    body .mainContent table[data-width="100%"]>* {
        display: block;
        min-width: 800px;
    }

    body .mainContent label.filter,
    body .mainContent select.filter {
        margin-bottom: 10px;
    }

    /*================*/
    body .mainbanner .txt>span {
        font-size: 3rem;
        left: 50%;
    }

    body .mainpage2_1 .flex11>div {
        width: 100%;
    }

    body .mainpage2_1 .flexslider .moreBtn {
        text-align: center;
    }

    body .project-search .project-search-border a {
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    /*=============*/
    body .myflex.flexPhoto {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .myflex.flexPhoto>div {
        width: 100%;
    }

    body .flexPhoto>div:nth-child(1) img {
        margin-left: 0;
        margin-right: 0;
    }

    body .mainbanner .txt>div {
        height: auto;
        padding: 15px;
    }

    body .mainbanner .txt span {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body .mainbanner .txt>div:before {
        display: none;
    }

    body .mainContent ul.a {
        padding-left: 2em;
    }

    body .mainArea3 .myflex.flex334>div,
    body .service_body.myflex.flex21>div {
        width: 100%;
    }

    body .headerArea .headerArea2 .headerTool .headerNav {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .headerArea .headerArea2 .headerTool .headerNav>div.weatherTool,
    body .headerArea .headerArea2 .headerTool .headerNav>div {
        width: 100%;
    }

    /*======================*/
    body .dst {
        display: none;
    }

    body .mob {
        display: block;

    }

    body .mainArea1 #flexslider-mainbanner .border,
    body .mainArea1 {
        min-height: 200px;
    }

    body div#wrap .mainArea1 .flexslider .container {
        padding: 10px;
    }

    body .mainArea1 .news_alert .border {
        position: relative;
        right: auto;
        top: auto;
        box-shadow: none;
        border: 0;
        margin: auto;
    }

    body .news_alert .cover {
        text-align: center;
    }

    body .mainArea1 .news_alert .moreBtn {
        left: auto;
        right: 0;
    }

    body .mainArea2,
    body .mainArea3 {
        padding: 20px 0;
    }

    body .mainArea3 .mobTab>:not(.active) .heading,
    body .mainArea3 .mobTab>:not(.active) .cont {
        display: none;
    }

    body .promotion {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    body .promotion {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    body .ccgo_update {
        margin-bottom: 0;
    }

    body .mainArea2 .service_body .service_search {
        margin-left: -25px;
        margin-right: -25px;
        padding: 0 25px;
    }

    body .mainArea2 .service_body .service_search .myflex {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    body .mainArea2 .service_body .service_search .myflex>div {
        width: 33.333%;
        text-align: left;
        padding: 0 10px;
    }

    body .mainArea2 .ss_btn>a {
        text-align: left;
    }

    body .mainArea2 .service_body .service_search .myflex>div.tit {
        width: 100%;
        padding: 10px 15px;
    }

    body .mainArea2 .service_body .service_result>ul>li {
        width: 100%;
    }

    body .mainArea2 .service_body .service_result>ul {
        padding-left: 15px;
    }

    body .mainArea1 #flexslider-mainbanner .flex-control-nav {
        bottom: 10px;
    }

    body .mainArea1 #flexslider-mainbanner .flex-pauseplay {
        bottom: 10px;
    }

    body .mainArea1 #flexslider-mainbanner .flex-pauseplay a {
        left: 0;
    }


    body .bodyArea h1.down,
    body .bodyArea .h1.down {
        position: static;
        top: auto;
    }

    body .mainArea {
        padding: 20px 0;
    }

    body:not(.indexVersion) div.mainArea.mainAreaMC {}

    body .mainArea .more {
        padding-bottom: 20px;
    }

    body .mainArea .flex13>*:nth-child(1),
    body .mainArea .flex13>*:nth-child(2) {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    body .mainArea1 .bannerArea #flexslider-mb .flex-control-paging {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin: 10px 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    body .mainArea1 .bannerArea #flexslider-mb .flex-control-paging li a.flex-active:before {
        background: #fff;
    }

    body .mainArea1 .bannerArea #flexslider-mb .flex-control-paging li a:before {
        background: #fff;
    }

    body .mainArea1 .bannerArea {
        width: auto;
        margin: 0 -15px;
    }

    body .mainArea1 .bannerArea .title {
        display: none;
    }

    body .mainArea1 .topic {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
    }

    body .mainArea1 .topic {}

    body .mainArea1 .topic .main {
        font-size: 4em;
    }

    body .mainArea1 .topic .sub {
        font-size: 2em;
    }

    body .mainArea2 #flexslider-msg {
        padding: 0 90px;
    }

    body .mainArea2 #flexslider-msg .flex-direction-nav {
        margin-bottom: 0;
    }

    body .mainArea2 #flexslider-msg .flex-direction-nav a {
        width: 40px;
        height: 40px;
    }

    body .mainArea2 #flexslider-msg .flex-direction-nav a:before {
        width: 17.5px;
        height: 13.8192px;
    }

    body .mainArea2 #flexslider-msg .flex-direction-nav a.flex-prev {
        position: absolute;
        left: 0;
        top: 50%;
        border: 2px solid #000;
        -webkit-transform: translate(0, -50%);
        -mstransform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    body .mainArea2 #flexslider-msg .flex-direction-nav a.flex-next {
        position: absolute;
        right: 0;
        top: 50%;
        border: 2px solid #000;
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -mstransform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg);
    }

    body .mainArea2 .msgArea .border {
        padding-right: 0;
    }

    body .mainArea2 .msgArea {}

    body .mainArea2 .msgArea .title {}

    body .mainArea2 .msgArea .content {
        height: auto;
    }

    body .mainArea2 .introArea {
        font-size: 1.35em;
    }

    body .mainArea .more a {
        /*
		font-size:1rem;
		font-weight:bold;
		padding:0;
		border:0;
		text-decoration:underline;
		background-color: transparent;*/
    }


    body .footerArea1>div>.myflex {
        text-align: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .footerArea1 .myflex .footerContact {
        width: initial;
        margin: auto;
        padding: 0;
        flex-shrink: 0;
    }

    body .footerArea1 .footerContact .myflex .tit {
        width: 80px;
        max-width: 50%;
    }

    body .footerArea1 .myflex .footerMenuArea {
        display: none;
        /* width: 100%;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; */
    }

    body .footertool {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body .footertool>* {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    body .footerBanner a.bhk img {
        width: 174px;
    }

    /*===================*/
    body .mainAreaBC .breadcrumb {
        margin-top: 10px;
        margin-bottom: 40px;
        width: auto;
        font-size: 1.125rem;
    }

    body .mainArea .myheading1,
    body .mainContent .myheading1,
    .englishVersion .mainArea .myheading1,
    .englishVersion .mainContent .myheading1 {
        line-height: 1.4 margin-bottom: 20px;
        font-size: 1.5556rem;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .englishVersion .mainArea .myheading1,
    .englishVersion .mainContent .myheading1 {
        font-size: 2.25em !important;
    }

    .chineseVersion .mainArea .myheading1,
    .chineseVersion .mainContent .myheading1 {
        font-size: 2.7em !important;
    }

    body .mainArea .myheading1.myheadingpadding {
        margin-top: 0;
    }

    body .mainArea .myheading2,
    body .mainContent .myheading2 {
        font-size: 1.125rem;
        font-weight: 400;
    }

    body .mainArea .myheading22,
    body .mainContent .myheading22 {
        font-size: 1.125rem;
    }

    body .mainArea .myheading3,
    body .mainContent .myheading3 {
        font-size: 1.55556rem;
    }

    body .design-list .myflex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: unset;
    }

    body .design-list .border {
        padding: 60px 0;
        margin-bottom: 0;
    }

    body .design-list .type {
        font-size: .875rem;
        left: 0;
        right: auto;
    }

    body .design-list .borer .cover {
        /*
		margin: 0 -15px;*/
        margin: 0;
        width: 100%;
        max-width: none;
    }

    body .design-list .border .cover {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    body .design-list .detail {
        min-height: 0;
        padding: 0;
        margin-top: 30px;
    }

    body .design-list .title {
        text-align: center;
    }

    body .design-list .title a {
        text-align: center;
    }

    body .design-list .title a:after {
        top: 0;
    }

    body .mainArea .myImgHead {
        margin: 0 -15px;
        background-size: 100% auto;
        /*background-image: none;
        padding-top: 0;*/
        padding-top: 70%;
    }

    body .myImgHead .myheading {
        padding: 0 15px;
        padding-top: 15px;
    }

    body .mainAreaIntro2 {
        padding: 0;
        background-image: linear-gradient(180deg, rgba(253, 142, 83, 90%), rgba(253, 83, 105, 90%) 11%, rgba(74, 33, 244, 90%) 100%);
    }

    body .mainAreaIntro2 .flex11>div {
        width: 100%;
        position: relative;
    }

    body .mainAreaIntro2 .border {
        min-height: 220px;
    }

    body .mainAreaIntro2 .border:nth-child(n+2):before {
        left: 0;
        right: 0;
        top: -1px;
        bottom: auto;
        width: auto;
        height: 1px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    body .mainAreaIntro2 .border>* {
        padding: 30px 10%;
    }

    body .mainAreaIntro2 .type {
        padding: 4px 16px;
        position: static;
        transform: translateX(-10vw);
        /*
        left: 0;
        top: 0;
        */
    }

    body .mainAreaIntro2 .title {
        text-align: center;
        font-size: 1.125rem;
    }

    body .mainAreaIntro2 .title>ul {
        text-align: left;
    }

    body .bodyArea .heading5 {
        font-size: 1.125rem;
    }

    body .mainAreaIntro3 .data .myflex {
        margin-left: 0;
        justify-content: center;
    }

    body .mainAreaIntro3 .data .myflex>div {
        max-width: 100%;
        padding: 10px;
    }

    body .mainAreaIntro4 .area-oc {
        padding: 5px 0 15px 0;
        margin: 20px 0;
    }

    body .mainAreaIntro4 .area-oc .sub-head {
        padding: 30px 0;
    }

    body .mainAreaIntro4 .dl-pdf {
        position: relative;
        top: auto;
        left: auto;
        right: 0;
        font-size: .875rem;
        /*
		margin: 20px 0;*/
        text-align: right;
    }

    body .mainAreaIntro4 .dl-pdf a {
        text-align: left;
        padding-right: 0;
    }

    body .mainArea .flexImgText {
        margin-bottom: 20px;
    }

    body .mainArea .mybanner {
        margin: 20px -15px;
    }

    body .myheading .underHigh {
        margin-bottom: 30px;
    }

    body .myheading .underHigh:after {
        width: 80px;
        bottom: -15px
    }

    body .imgChart .type {
        font-size: .875rem;
    }

    body .imgChart>div {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 10px;
    }

    body .mainArea .dl-pdf {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    body .mainArea .dl-pdf a {
        font-size: .875rem;
        padding-right: 10px;
    }

    body .mainAreaFns2 .my-dl {
        margin-left: auto;
        max-width: 60%;
        margin-top: 40px;
    }

    body .mainArea .my-dl-text {
        font-size: 1rem;
        font-weight: bold;
        padding: 15px 0;
    }

    body .imgChart .half {
        width: 100%;
    }

    body .imgChart .half:nth-child(odd):before {
        display: none;
    }

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

    body .myform .myform-input-area>div.right {
        border-left: 0;
    }

    body .contact-list>div {
        padding: 30px 20px;
    }

    body .contact-list .full .myflex {
        padding: 30px 0;
    }

    body .contact-list .full .myflex>div {
        width: 100%;
        padding: 0;
    }

    /*20220719*/
    .contact-list>div.right {
        padding-left: 0;
    }

    body .contact-list .half {
        width: 100%;
    }

    body .contact-list .half.right:before {
        display: none;
    }

    body .contact-list .half.empty {
        display: none;
    }

    body .ffFilter {
        margin: 0;
    }

    body .ffFilter>div {
        height: auto;
    }

    body .ffResult .type {
        font-size: .875rem;
    }

    body .ffResult .organiser {
        font-size: .875rem;
        padding: 4px 14px;
        font-family: IBMPlexSans;
        width: calc(100vw - 180px);
    }

    body .ffResult .organiser .name {
        font-size: 1rem;
    }

    body .ffResult .cover {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding-top: 0px;
        padding-right: 45px;
        padding-bottom: 45px;
        padding-left: 45px;
        width: 100%;
    }

    body .ffResult .cover:before {
        display: none;
    }

    body .ffResult .detail {
        padding: 0;
        margin-bottom: 0px;
        width: 100%;
    }

    body .ffResult .title {
        font-size: 1.25rem;
        text-align: center;
    }

    body .ffResult .tag {
        margin-right: 0;
        margin-bottom: 20px;
    }

    body .ffResult .tag>div {
        margin-right: 8px;
        margin-bottom: 8px;
    }

    body .ffResult .tag a {
        font-size: .75rem;
        padding: 4px 12px;
    }

    body .ffResult .title a:after {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    body .locationFilter {
        width: 100%;
    }

    body .myFilter.locationFilter .ffFilter>div {
        height: auto;
    }

    body .locationFilter .mybtn {
        max-height: 48px;
    }

    body #close_up .area .main {
        padding-left: 45px;
        padding-right: 45px;
    }

    body .statistics-list>.myflex {
        position: relative;
        padding: 10px 0;
    }

    body .statistics-list>.myflex:nth-child(1) {
        padding-top: 45px;
    }

    body .statistics-list>.myflex>div {
        position: static;
    }

    body .statistics-list>.myflex>div:nth-child(n+2) .type {
        display: none;
    }

    body .statistics-list>.myflex>div:nth-child(n+1) {
        width: 100%;
    }

    body .statistics-list>.myflex>div {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    /*
    body .statistics-list>.myflex>div:nth-child(2) {

        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }*/

    body .statistics-list .type {
        position: absolute;
        left: 0;
        top: 0;
    }

    body .statistics-list .detail {
        padding: 10px 0;
    }

    body .statistics-list.statistics3 .detail {
        padding: 10px;
    }

    body .statistics-list .title {
        font-weight: bold;
        font-size: 1.125rem;
    }

    body .statistics-list>.myflex>div:nth-child(2) .content {
        font-size: .875rem;
    }

    body .statistics-list>.myflex>div:nth-child(2) .content {
        /*padding-left: 25px; 19072022 */
        position: relative;
    }

    /* 19072022
    body .statistics-list>.myflex>div:nth-child(2) .content:before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        width: 17px;
        height: 17px;
        background-image: url(../images/icon/icon_time.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
*/
    body .statistics-list .xls,
    body .statistics-list .pdf {
        width: auto;
    }

    body .statistics-list .xls a,
    body .statistics-list .pdf a {
        font-size: .875rem;
    }

    body .linksList>div {
        min-height: 100px;
        width: 100%;
        /*padding: 18px;*/
    }


    body .linksList .type {
        position: absolute;
        /* top: auto;
		bottom: 100%; */
        background-color: transparent;
        color: #000;
        font-size: 1rem;
        font-weight: bold;
        display: block;
        font-family: IBMPlexSans;
        padding: 8px 12px;
    }

    body .linksList .empty {
        display: none;
    }

    body .ffFilter.nomargin {
        padding: 0 0 40px 0;
    }

    /*====*/
    body .mainArea1 .bannerArea #flexslider-mb .flex-pauseplay {
        position: absolute;
        bottom: 10px;
    }

    body .mainArea1 .bannerArea #flexslider-mb .flex-pauseplay a {
        color: #fff;
    }

    body #flexslider-mb .flex-pauseplay a {
        color: #fff;
    }

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

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

    body .mainArea3 .highlightsList>.data {
        min-height: 0;
    }

    body .mainArea.mainArea1 .bannerArea #flexslider-mb .flex-control-paging,
    body #flexslider-mb .flex-control-nav {
        display: none;
    }

    body #flexslider-mb .flex-pauseplay a {
        color: #fff;
    }

    body #flexslider_footer .flex-pauseplay a {
        bottom: -40px;
    }

    /*===========*/
    body .statistics3.statistics-list>.myflex:nth-child(1) {
        padding-top: 10px;
    }

    body .statistics-list.statistics3 .type {}

    body .statistics-list.statistics3 tbody td,
    body .statistics-list.statistics3>.myflex:nth-last-child(1) {
        border-bottom: 0;
    }

    body .statistics-list.statistics3>.myflex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .statistics-list.statistics3>.myflex>div {
        padding: 0;
    }

    body .statistics-list.statistics4>.myflex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .statistics-list.statistics4>.myflex>div {
        padding: 0;
    }

    /* two column layout */
    body .mainContent .statistics4 table td:nth-child(1) .detail {
        padding-left: 0;
    }

    body .mainContent .statistics4 table td:nth-child(1),
    body .statistics-list.statistics4>.myflex>div:nth-child(1) {
        width: 40%;
        padding-left: 0;
    }

    body .mainContent .statistics4 table td:nth-child(2),
    body .statistics-list.statistics4>.myflex>div:nth-child(2) {
        width: 60%;
    }

    body .mainContent .statistics4 table td:nth-child(3) .detail {
        padding-left: 0;
    }

    body .mainContent .statistics4 table td:nth-child(3),
    body .statistics-list.statistics4>.myflex>div:nth-child(3) {
        width: 100%;
        padding-left: 0;
    }


    /* two column layout ends */

    /* production credits list */
    body .mygrid {
        gap: 1rem;
        -ms-grid-columns: auto 1rem 30%;
        grid-template-columns: auto 30%;
    }

    body .statistics-list .movie {}

    body .statistics5 tr td {
        padding: 0;
    }

    body .statistics5 tr.no-cover td:nth-child(2) {
        width: 100%;

    }

    body .statistics5 tr:not(.no-cover) td:nth-child(2) {
        width: 60%;

    }

    body .statistics5 tr:not(.no-cover) td:nth-child(3) {
        width: 40%;

    }

    body .statistics-list.statistics5>.mygrid.no-cover {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }

    body .statistics-list.statistics5 .year_td,
    .statistics-list.statistics5 .year {
        display: none;
    }

    body .statistics-list.statistics5 .h4 .yearspan {
        display: inline-block;
    }

    /* production credits list ends */

    body .expand_list .title a {}

    body .expand_list .content {}

    body .expand_list .title a:after {}

    body .myStatHeading {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /*=========*/
    body .whatsnewList .page_control {
        margin: 10px 0;
    }

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

    body .ffFilter.ft_wn>div {
        max-width: 100%;
        padding: 10px 0;
        padding-right: 10px;
    }

    body .displayList .whatsnewList .detail {
        padding: 0;
    }

    body .ffResult-news .whatsnewList .grid>div {
        width: auto;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        -ms-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }

    body .mytag_wn a {
        padding: 10px 20px;
    }

    body .dptool .tit {
        margin-left: 0;
    }

    body .mytag_wn {
        margin-bottom: 10px;
    }

    body .mainAreaIntro3 .data .myflex>div {
        width: 330px;
        max-width: 100%;
        padding: 50px;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 0 1 auto;
    }

    body .imgChart .full .cover {
        padding: 0 2%;
    }

    body .linksList.ll-o>div {
        padding-top: 60px;
    }

    body .mainArea5 .areaFS .more {
        text-align: right;
        position: relative;
        right: auto;
        bottom: auto;
        padding-top: 10px;
        display: flex;
        justify-content: center;
    }

    /*=============*/
    body .myImgHead .border {
        width: 100%;
    }

    /*============================*/
    body .myflex.flexWrapM {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .myflex.flexLeftM {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    body .myflex.flexCenterM {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body .myflex.flexBetweenM {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    body .myflex.flexFullM>div {
        width: 100%;
    }

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

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

    body .mainArea7.mainArea .flex13>*.fstborder:nth-child(2),
    body .mainArea7 .fstborder {
        padding: 0;
        padding-bottom: 40px;
    }

    body .mainArea7 .ma7-area1 {
        margin-bottom: 45px;
    }

    body .mainArea9 .myImgHead {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .mainArea9 .myImgHead .border {
        padding: 15px;
        width: 100%;
        min-height: 0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    body .mainArea9 .myImgHead .borderName {
        padding: 15px;
        width: 100%;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    body .mainArea9 .mySearch .myform>div {
        margin: 0;
        margin-bottom: 20px;
    }

    body .mainArea10 .border {
        width: 100%;
    }

    body .mainArea10 .border.banner {
        min-height: 200px;
    }

    body .mainArea10 .border.detail {
        padding: 15px;
    }

    body .mainArea10 .border.detail .cont {
        padding: 15px 0;
    }

    body .footerArea0,
    body .footerArea1 {
        padding: 15px 0;
    }

    /*==============*/
    body .ceTag .title a:after {
        top: 12px;
    }

    body .myCheckList>div:not(:nth-child(1)) {
        margin-top: 10px;
    }

    body .myCheckList>div:not(:nth-last-child(1)) {
        margin-bottom: 10px;
    }

    body .myCheckList.mclMulti>div>div:not(:nth-child(1)) {
        margin-top: 10px;
    }

    body .myCheckList.mclMulti>div>div:not(:nth-last-child(1)) {
        margin-bottom: 10px;
    }

    body .mfsCat ul>li {
        margin-bottom: 10px;
    }

    /* location list */

    body .myFilter_n_Result {
        display: block;
    }

    body .mfsFilter {
        width: 100%;
    }

    body .mfsResult .data-list .border,
    body.displayList .mfsResult .mypage_content .border {
        width: calc(50% - var(--data-list-gap) / 2);
        flex-wrap: wrap;
    }

    body .mfsResult .mypage_content .cover {
        width: 100%;
    }

    body.displayList .mfsResult .data-list {
        gap: var(--data-list-gap) var(--data-list-gap);
    }

    body.displayList .mfsResult .mypage_content .border {
        border-bottom: none !important;
        padding: 0;
    }

    body.displayList .mfsResult .mypage_content .cover,
    body.displayList .mfsResult .mypage_content .detail {
        width: 100%;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }

    body.displayList .mfsResult .mypage_content .order,
    body.displayList .mfsResult .mypage_content .detail .cont {
        display: none;
    }

    /* location list ends */
    /*==========*/
    body .myDocumentMenu {
        width: 100%;
        padding: 0;
    }

    /* Remove BACK button in RWD, saving spaces -- ANDY */
    body .mainArea .myDocumentMenu .mybtn.mybtnBk {
        display: none;
    }

    /* body .mainArea .myDocumentMenu .mybtn.mybtnBk a {
        padding: 8px 24px;
        padding-left: 56px;
    } */

    body .myDocumentContent {
        padding-right: 0;
        max-width: 100%;
    }

    body .mDocSlider {
        margin: 0 auto;
    }

    body .mDocTitleList .title {
        min-width: 0;
    }

    body .mDocTitleList .cont {
        min-width: 0;
        width: 70%;
    }

    /*===========================*/
    body .mainArea .flexMw50 .mybtn .ipBorder,
    body .mainArea .flexMw50 .mybtn a {
        min-width: 0;
    }

    body .mainArea .mybtn.mybtn1.iconAddUser {
        margin: 10px 0;
    }

    body .myIndexList .border {
        width: 100%;
        max-width: 100%;
    }

    body .pointList>ul>li {
        padding-right: 0;
    }

    body .iconList .border {
        padding: 20px;
    }

    body .myContact.flex11>div {
        width: 100%;
    }

    /* add one more breakpoint @ 600px before before moving to 1 column andy start*/
    body .linksList .empty {
        display: block;
    }

    body .linksList>div {
        width: 50%;
    }

    body .linksList>div:nth-child(even):before {
        display: block;
    }

    body .mainContent .linksList.ll-o>div {
        padding: 3em 0.5em;
        /* padding fix */
    }

    /*andy end*/
}

@media screen and (max-width: 992px) and (orientation: landscape) {
    body #close_up .area {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    body .dOnly {
        position: absolute;
        visibility: hidden;
        left: -9999px;
    }

    body .mOnly {
        position: static;
        visibility: visible;
        left: auto;
    }

    body .pop_photo li {
        min-width: 120px;
    }

    body .footerArea .logo_list {
        padding: 0 40px;
    }

    body .flex-direction-nav .flex-prev {
        left: -30px;
    }

    body .flex-direction-nav .flex-next {
        right: -30px;
    }

    body .footerArea .footerMenu .footerMenuParent {
        display: block;
    }

    body .footerArea .footerMenu .footerMenuParent>div {
        display: block;
        width: 100%;
    }

    body .search_year li {
        margin-bottom: 10px;
    }

    /*===========*/
    body #flexslider .flex-control-nav {
        position: relative;
        background-color: #061a2f;
        width: 100%;
        transform: translate(0, 0);
        bottom: auto;
        left: auto;
        padding: 20px 40px;
        height: 0;
    }

    body #flexslider .flex-pauseplay {
        bottom: 15px;
    }

    /*======*/
    body .mainContent .my_row {
        display: block;
        margin-bottom: 20px;
    }

    body .mainContent .my_row>button {
        margin: 10px 0;
    }

    body .photoAlbums .photoArea>div {
        width: 100%;
    }

    body .footerArea ul.fMenu>li {
        width: 100%;
    }

    /*=============*/
    body.indexVersion .mainbanner {
        /*
	    width:767px;
		height:231px;*/
    }

    body .mainbanner {
        /*
	    height: 180px;
		background-image:none;*/
        /*
	    background-image: url(../images/headerbanner/img_m-banner_1.jpg);
		max-height:400px;
		height: auto;
		background-size: contain;*/
    }

    body .mainbanner:after {
        /*
		content:"";
		display:block;
		height:0;
		width:0;
		padding-bottom: 68.835%;
		z-index:-1;*/
    }

    body .mainbanner .txt>span {
        font-size: 2.2rem;
        left: 50%;
    }

    body .mainbanner>.container {
        min-height: 185px;
    }

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

    body .mainbanner>.container {
        overflow: hidden;
    }

    body.selectBox .mypa_select table,
    body.selectBox .mypa_select tbody,
    body.selectBox .mypa_select tr,
    body.selectBox .mypa_select td {
        display: block;
    }

    /*=============================*/
    body .headerAreaPop.active,
    body .headerAreaPop .area {
        max-height: 100vh;
    }

    body .headerAreaPop.active .area {
        overflow: auto;
    }

    body .headerAreaPop .cont {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body .headerAreaPop .cont .cover {
        margin: auto;
        margin-bottom: 10px;
    }

    /*==============================*/


    body .mainArea1 .topic {
        color: #4676E2;
    }

    body.fixPos {
        overflow: hidden !important;
        max-height: 100vh !important;
    }

    /*=========================*/
    body .my_promotion {
        flex-wrap: wrap;
    }

    body .mainArea9 .myImgHead2 {
        position: static;
        width: 100%;
    }

    body .mainArea9 .border {
        width: 100%;
        margin-top: 1rem;
        padding-left: 0;
    }
}

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

    body .mainArea5 .areaFS .flexslider .flex-control-paging {
        justify-content: center;
    }
}

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

    /*andy start*/
    body .linksList.ll-o>div {
        padding: 3em 0;
        /* padding fix */
        min-height: 10em;
    }

    body .linksList>div {
        width: 100%;
    }

    body .linksList>div:nth-child(even):before {
        display: none;
    }

    body .linksList>div:nth-last-child(2) {
        border-bottom: 0;
    }

    body .mainContent .linksList.ll-o>div.empty {
        height: 1px;
        border-bottom: 0;
        min-height: 1px;
        padding: 0;
    }

    body .truncate-tags-display:not(.show-all) .tags {
        --tags-height: calc(1rem + 1.5rem);
    }

    body .statistics-list.statistics4>.myflex>:nth-child(n+1) {
        width: 100%;
    }

    body .statistics-list.statistics4 .myflexList {
        margin-bottom: 0;
    }

    body .mDocTitleList .title,
    body .mDocTitleList .cont {
        width: 100%;
    }

    /*andy end*/

    body .myTagFilter {
        flex-wrap: wrap;
    }

    /* tag / active tag adapt the same black label style  -- ANDY */
    body .myTagFilter .title {
        font-size: .8889rem;
        color: #fff;
        background-color: #000;
        padding: 0.25rem 12px;
        font-family: IBMPlexMono;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 0.625rem;
        min-width: auto;
        width: auto;
        text-transform: capitalize;
    }

    /* moving the MORE / CLEAR ALL button next to the black tag */
    body .myTagFilter .myfArea {
        position: relative;
        width: 100%;
        border-left: 0;
        padding-left: 12px;
        padding-bottom: 2rem;
        width: 100%;
        flex-wrap: wrap;
        /* more/less button at top */
    }

    body .myTagFilter .tt-down,
    body .myTagFilter .clear-all {
        top: -2.75rem;
        right: 1rem;
        position: absolute;
        padding: 0;
    }

    body .myTagFilter .clear-all {
        padding-right: 2rem;
    }

    /* tags */
    body .myTagFilter .myfArea> :not(.tags):not(.mybtn)>a {
        padding: 0;
        padding-right: 1.8rem;
        /* move padding left to the parent; */
        margin: 0.5rem 1rem 0 0;
    }

    body .statistics-list.statistics4 .tag>div {
        padding: 0;
    }

    body .truncate-tags-display .tags a,
    body .statistics-list.statistics4 .tag>div a {
        margin: 0.5rem 0.5rem 0 0;
        padding: 0 0.5rem;
    }

    /* moving the MORE / CLEAR ALL button next to the black tag END */

    /* production credits list */
    body .statistics-list.statistics5>.mygrid {
        gap: 1rem;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        min-height: 250px;
    }

    body .statistics-list.statistics5>.mygrid>div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    body .statistics-list.statistics5>.mygrid>div:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    body .statistics-list.statistics5>.mygrid>div:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        grid-row: auto;
        grid-column: auto;
    }

    body .statistics-list.statistics5>.mygrid>div:last-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        grid-column: auto;
    }
                body .statistics5 tr:not(.no-cover) td:nth-child(2) {
                    width: 100%;
                    order:2;
                }
        
                body .statistics5 tr:not(.no-cover) td:nth-child(3) {
                    width: 100%;
        order:1;
                }
    /* production credits list ends */
    /* location list */
    body .mfsResult .data-list .border,
    body.displayList .mfsResult .mypage_content .border {
        width: 100%;
    }

    /* location list ends */
      
      
      
    /* 20231221 */

    body .mainContent .statistics4 table td:nth-child(1),
    body .mainContent .statistics4 table td:nth-child(2)  {
        width: 100%;
        padding: 1rem 0;
    }
    body.production_directory .statistics-list.statistics4 td:nth-child(2) .detail {
        padding: 0;
    }
    .statistics-list.statistics4 .tag {
        margin: unset;
    }
    .about_us .mainContent table th:nth-child(1) {
        display: none;
    }
}

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

@media screen and (max-width: 320px) {
    .clientTool>.print>a {
        display: none;
    }

    .clientTool>.AStyleArea>a {
        display: none;
    }
}

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

    body .myform .myform-input-area>div.half.full {
        width: 50%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

body .ffResult .cover img {
    max-width: 100%;
}

@media(max-width: 992px) {
    body .headerMenuBigWrapper .langmenu {
        display: block;
    }

    body .menu_search {
        display: block;
    }

    body .headerMenuBigWrapper .menuLv0 {
        border-top: 0;
    }

    body .headerMenu ul.menuLv0>li.my_menu {
        display: block;
        width: 100% !important;
        text-align: left !important;
        float: none;
    }

    body .headerMenuBigWrapper.active ul.menuLv0>li.my_menu {
        display: block;
    }

    body .headerMenu ul.menuLv0>li.my_menu:after {
        display: none !important;
    }
}