/*!
* myCss v1.0.0
* Copyright 穢 2003 NetSoft Limited. All rights reserved.
*/
/*======================Temp Css========================*/
html, body {
font-family: Arial, Helvetica, sans-serif;/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
/*
body h1, body h2, body h3, body .fontGeo, body .myHeader0, body .myHeader1, body .myHeader2, body .newsDate, body .newsTitle, .subMenu .mainTitle, .SearchFrom
{
font-family:Georgia, "Times New Roman", Times, serif;
}*/
#wrap {
min-height: 100%;
height: auto;/*margin: 0 auto -60px;
padding: 0;*/
}
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 {
/*color: #2a6496;*/
/*color: #3c6af3;
color: #4d636b;*/
}
body .deep1 {
background-color: #333;
color: #fff;
}
body .deepBg a {
color: #ffffff;
}
body .deepBg a:hover, body .deepBg a:focus {
color: #ffffff;
}
body h2 {
font-weight: 600;
margin-right: 0px;
padding-right: 0px;
}
#home h2 {
font-size: 3.1em !important;
font-weight: 600!important;
text-align: center;
display: block;
color: #00024f;
padding-top: 20px;
padding-bottom: 20px;
letter-spacing: -0.015em;
font-family: 'Open Sans', 'Arial', 'sans-serif', 'Microsoft JhengHei';
}
body h1{
font-weight: 600;
color: #000000;/*
width: 1000px;*/
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
clear: both;/*
height: 30px;
font-size: 29px;*/
}
body label {
font-weight: inherit;
}
.mainContent li {
margin: 0.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 {
display: none;
}
body .row {
margin: 0;
width:100%;/*ie11*/
}
img, table {
border: 0;
}
table {
border-collapse: collapse;
}
.access {
position: absolute !important;
/* visibility: hidden;*/
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;
/*float: left;*/
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 {
/*text-decoration:inherit;
background-color: inherit;*/
}
.headerTool .nav .open > a, .headerTool .nav .open > a:hover, .headerTool .nav .open > a:focus {
/* background-color: inherit;
border-color: inherit;*/
}
.mainMenu li.dropActive ul.menuItem {
background-color: #f9f9f9;
}
.mainMenu .menuItem li a {
background-color: #f9f9f9;
}
.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 {
}
.headerTool .btnStyleDivide, .headerTool .btnStyleDivide2 {
color: #fff;
float: right;
font-size: 1.4em;
}
.headerTool .btnStyleDivide li {
/*margin:14px 0;*/
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 {
/*display: none;*/
}
.mainMenu .menuItem .menuItemHr {
margin: 0 5%;
padding: 0;
color: #D3D8E2;
background: #D3D8E2;
height: 0px;
}
/*
.aaaMenu .aaaSize
{
padding:0;
}
*/
.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:left;*/
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.2em;
width: 100%;
}
.contentBottom .myHeader2 {
font-size: 1.6em;
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 {
/*padding-left:15px;*/
}
.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;
}
/*.footerMenu
{
display:none;
}*/
.indexVersion .footerMenu {
display: block;
}
.footerMenu ul {
list-style-type: none;
list-style-position: outside;
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 .CopyrightBar {
padding: 20px 0 10px 0;
}
.headerArea .breadcrumb {
margin: 3px 0 20px 0;
color: #005c8a;
}
.headerArea .breadcrumb ul, .headerArea .breadcrumb li {
list-style: none;
}
.headerArea .breadcrumb ul {
padding: 0;
margin: 0;
}
.headerArea .breadcrumb li {
margin-right: 3px;
}
.headerArea .breadcrumb a, .headerArea .breadcrumb a:link, .headerArea .breadcrumb a:active, .headerArea .breadcrumb a:visited {
color: #000;
text-decoration: none;
}
.headerArea .breadcrumb a:hover, .headerArea .breadcrumb a:focus {
color: #005c8a;
text-decoration: underline;
}
.hiddenLabel {
visibility: hidden;
position: absolute;
}
.mainHeader h1 {
/* color: #000;
margin-top: 5px;
/*font-size:2em;
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.6em;
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.3em;*/
}
/*=====================Content Css=============================*/
.myHeader0 {
font-size: 1.8em;
line-height: 1em;/*margin:0;*/
}
.myHeader1 {
background-color: #abdbc7;
color: #005c8a;
padding: 5px;
font-size: 1.6em;
}
.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;
/*
border-top:2px solid #e1e1e1;*/
}
body .subMenu>li.firstLi{
border-top:0;
}
body .subMenu>li ul{
padding-left:0;
list-style-type:none;
}
body .subMenu>li li {
/* font-size: 14px;*/
margin: 0;
list-style-type: none;
line-height: 30px;
list-style-position: outside;
}
body .subMenu>li li a{
line-height: 1em;
list-style-type: none;
list-style-position: outside;
display: list-item;
padding-right: 10px;
padding-left:20px;
padding-top: 8px;
padding-bottom: 8px;
letter-spacing: -0.015em;
color: #565656;
font-weight: bold;
font-size: 0.95em;
}
body .subMenu>li li li a{
margin-left:30px;
}
.subMenu>li.borderB {
border-bottom: 1px #ddd solid;
}
ul.subMenu{/*
width:300px*/
}
.subMenu2>li.borderB {
border-bottom: 1px #ddd solid;
}
.leftMenu .subMenu li>a{
position: relative;
}
.leftMenu .subMenu li li:last-child{
border-bottom: 1px #fdfdfd solid !important
}
.leftMenu .subMenu li>a>span{
/* padding-right: 40px;*/
display: block;
padding-left:0;
line-height: 1.5em;
}
.leftMenu .subMenu li>a>span:hover{
color: #504098;
text-decoration: underline;
}
.leftMenu .subMenu li>a>span.caret{
/* padding-right: 0px;
position: absolute;
right: 25px;
top: 50%;
width:13px;
height:13px;
background-image:url(../images/icon_leftmenu_expansion.png);
background-repeat:no-repeat;
background-position:center center;
margin-top: -6px !important;
border: 0;*/
display:none;
}
.leftMenu .subMenu li.open>a>span.caret{/*
background-image:url(../images/icon_leftmenu_expansion_on.png);*/
}
.subMenu>li>a {
/* border-bottom: 1px #ddd solid;*/
letter-spacing: -0.025em;
display: block;
/* font-size: 0.8em;*/
padding-top: 16px;
padding-right: 0;
padding-bottom: 16px;
padding-left: 0px;
}
.subMenu>li>a,
.subMenu>li>a:visited{
color: #2b3944;
/* font-weight: bold;*/
padding-bottom: 10px;
padding-top: 20px;
padding-left:15px;
padding-right:15px;
}
.subMenu>li>a.active_section.active_section_sub{
color: #504098;
font-weight: bold;
}
.subMenu .listStyle0>li {
margin: 0;
}
.subMenu li.lastLi>a, .subMenu li.firstLi>a {
/* border: none;*/
}
.subMenu li.lastLi>a,.subMenu li.firstLi>a.active_section {
/* font-weight: bold;*//*
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0;
/* border-bottom: 1px #ddd solid;*/
}
.subMenu li.firstLi>a,
.subMenu li.firstLi>a:visited{
padding-top: 10px;
}
.subMenu li.lastLi>a.activeObj, .subMenu li.firstLi>a.activeObj {
border-bottom: solid 1px;
}
.subMenu2 {
/*margin-left:10px;*/
}
.subMenu2>li {
padding: 2px 0 2px 20px;
}
.menuStyleDivide .activeObj>a {
color: #005c8a;/*font-weight:bold;*/
}
.leftMenu .subMenu a.activeObj {
color: #005c8a;/*font-weight:bold;*/
}
.leftMenu .subMenu .borderB>a.activeObj {
border-color: #005c8a;
border-width: 1px;
}
.leftMenu .subMenu {
text-align: left;
padding-top: 0;
margin-left: 0px;
padding-left: 0px;
margin-bottom:0px;
}
.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: 700;
font-size: 1.5em;
padding-bottom: 7px;
}
body .mainContent h1{
margin-bottom: 25px;
display: inline-block;
}
body.subMenuVersion .mainContent h1{
padding-bottom: 8px;
/*border-bottom: 1px solid #888;*/
}
body h2 {
color:#555657;
font-weight: bold;
}
body h3 {
font-size: 1.1em;
margin-left: 0px;
font-weight: bold;
padding: 0px;
margin-right: 0px;
margin-top:0;
margin-bottom: 15px;
}
body h4, body h5 {
font-size: 1em;
margin-top: 0.4em;
color: #000000;
font-weight: bold;
margin-left: 10px;
}
body .h4, .body h5 {
font-size: 1em;
margin-top: 0.4em;
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;
}
.casenotarea .casenote>* {
background-color: #f6f6f6;
padding: 0 7px;
border: 1px #dcdcdc solid;
}
.casenotarea .case_no, .casenotarea .case_title {
font-family: Georgia, "Times New Roman", Times, serif;
}
.casenotarea .case_no {
color: #005c8a;
font-size: 0.9em;
padding-top: 5px
}
.casenotarea .case_title {
color: #005c8a;
font-weight: bold;
font-size: 1.1em;
line-height: 1em;
/*overflow: overlay;*/
overflow: hidden;
}
.casenotarea .case_desc {
/*overflow: overlay;*/
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
font-size: 0.9em;
}
.casenotarea .case_topic {
/*overflow: overlay;*/
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
float: left;
width: 48%;
}
.casenotarea .case_img {
padding-bottom: 5px;
}
.casenotarea .case_img img {
width: 160px;
height: 225px;
}
.mySize0 .casenotarea .case_topic {
max-height: 130px;
height: 130px;
margin: 5px;
}
.mySize1 .casenotarea .case_topic {
max-height: 160px;
height: 160px;
margin: 5px;
}
.mySize2 .casenotarea .case_topic {
max-height: 200px;
height: 200px;
margin: 5px;
}
/*.mySize0 .casenotarea .case_title
{
max-height:32px;
height: 32px;
}
.mySize1 .casenotarea .case_title
{
max-height:42px;
height: 42px;
}
.mySize2 .casenotarea .case_title
{
max-height:52px;
height: 52px;
}*/
.casenotarea .case_title {
padding-top:5px;
}
.mySize0 .casenotarea .case_desc {
max-height: 110px;
height: 110px;
}
.mySize1 .casenotarea .case_desc {
max-height: 190px;
height: 190px;
}
.mySize2 .casenotarea .case_desc {
max-height: 260px;
height: 260px;
}
.mySize0 .casenotarea .case_tag {
max-height: 50px;
height: 50px;
font-size: 0.9em;
}
.mySize1 .casenotarea .case_tag {
max-height: 120px;
height: 120px;
font-size: 0.9em;
}
.mySize2 .casenotarea .case_tag {
max-height: 190px;
height: 190px;
font-size: 0.9em;
}
.casenotarea .casenote {
padding: 0px;
}
.casenotarea {
padding: 5px 5px 0px 15px
}
.SearchFrom .searchTitleArea {
color: #fff;
/*background: url(../images/iconCase.png) left no-repeat #abdbc7;*/
min-width: 185px;
z-index: 400;
position: relative;
}
.SearchFrom .SearchCase>select {
color: #005c8a;
height: 1.5em !important;
}
.SearchFrom .SearchBtn {
background-color: #cccccc;
color: #333333;
z-index: 400;
position: relative;
border-left: #FFF 5px solid;
}
.SearchFrom .SearchBtn>input {
border: none;
background: none;
padding: 0;
}
.SearchFrom .SearchBtn>img {
/*margin:0 5px 0 0;*/
position: absolute;
top: 23px;
right: 10px;
}
.mySize0 .SearchFrom .SearchBtn>input {
/*margin:16px 5px 16px 5px;*/
padding: 16px 25px 16px 15px;
}
.mySize1 .SearchFrom .SearchBtn>input {
/*margin:14px 5px 13px 5px;*/
padding: 14px 25px 13px 10px;
}
.mySize2 .SearchFrom .SearchBtn>input {
/*margin:11px 5px 10px 5px;*/
padding: 11px 25px 10px 5px;
}
.SearchFrom .SearchCase>select {
font-size: 14px;
margin: 3px 5px 0 5px;
}
/*
.mySize0 .SearchFrom .SearchCase>select
{
margin:16px 5px 15px 5px;
}
.mySize1 .SearchFrom .SearchCase>select
{
margin:14px 5px 13px 5px;
}
.mySize2 .SearchFrom .SearchCase>select
{
margin:11px 5px 10px 5px;
}
*/
/*.mainContent .page
{
float:right;
margin-top: 1em;
}
.mainContent .page td
{
background-color: #ececec;
margin:0 2px;
border: 1px #fff solid;
}
.mainContent .page .selectpage
{
font-weight:bold;
/*border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 2px 2px 2px;
-moz-box-shadow: #666 2px 2px 2px;
box-shadow: #666 2px 2px 2px;
background: d8d8d8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(d8d8d8), to(d8d8d8));
background: -webkit-linear-gradient(d8d8d8, d8d8d8);
background: -moz-linear-gradient(d8d8d8, d8d8d8);
background: -ms-linear-gradient(d8d8d8, d8d8d8);
background: -o-linear-gradient(d8d8d8, d8d8d8);
background: linear-gradient(d8d8d8, d8d8d8);
-pie-background: linear-gradient(d8d8d8, d8d8d8);
behavior: url(/pie/PIE.htc);*//*
}*/
/*====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: .8em;
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;
}
/*==========Google===========*/
#cse form.gsc-search-box {
line-height: 1em;
}
#cse .gsc-control-cse {
/*background-color: #000;
border: 1px solid #000;*/
padding: 0;
}
#cse .gsc-search-box-tools, #cse .gsc-tabsArea, #cse .gsc-orderby-container, #cse .gcsc-branding {
display: none;
}
#cse .gsc-selected-option-container {
padding: 0;
width: 80px!important;
}
#cse .resInfo-name {
float: left;
margin-top: 0;
margin-bottom: 0;
padding: 8px 0;
padding-bottom: 10px;
margin-left: -4px;
color: #676767;
}
#cse .gsc-result-info {
float: left;
}
#cse .gsc-refinementsArea {
display: none;
}
.gsc-control-cse {
/* font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;*/
}
.gsc-control-cse .gsc-table-result {
margin-left: 8px;/* font-family: Arial, sans-serif;*/
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #D9D9D9;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #666666;
background-color: #CECECE;
background-image: none;
filter: none;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #E9E9E9;
background-color: #E9E9E9;
border-bottom-color: #FF9900
}
.gsc-tabsArea {
border-color: #FF9900;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #000000;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #336699;
background-color: #FFFFFF;
}
.gsc-completion-title {
color: #0000CC;
}
.gsc-completion-snippet {
color: #000000;
}
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover {
color: #0000CC;
}
.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active {
color: #0000CC;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
color: #000000;
}
.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short {
color: #008000;
}
input[id*="searchbar"]::-ms-clear {
display: none;
width : 0;
height: 0;
}
input[id*="searchbar"]::-ms-reveal {
display: none;
width : 0;
height: 0;
}
.moreBtn {
text-align: center;
margin-bottom: 1em;
}
.ddb_btn {
float: right;
}
.ddb_btn .moreBtn, .ddb_btn .dropBtn {
float: left;
position: relative;
margin-right: 5px;
}
.myDropDownBox .ddb_title span.myStyle {
color: #fff;
max-width: 115px;
display: inline-block;
}
.myDropDownBox .mylong {
margin-top: -6px;
}
.titleArea {
padding: 10px;
background-color: #e7f2f8;
vertical-align: bottom;
}
.titleArea img {
margin: 0 10px;
}
#flexsliderNew li>div {
border-bottom: #d9d9d9 1px solid;
padding: 10px;
}
#flexsliderNew li>div.colorDiv {
background-color: #eff3f4;
}
#flexsliderHeadline .hl_date {
background-color: #d7d7d7;
border-bottom: #f0f3f4 1px solid;
}
#flexsliderHeadline .fLi {
border-top: #d9d9d9 1px solid;
}
#flexsliderHeadline li>div {
border-bottom: #f0f3f4 1px solid;
padding: 5px 20px 15px 40px;
font-size: .9em;
}
#flexsliderHeadline .hl_date {
padding: 5px 10px;
color: #444444;
font-weight: bold;
font-size: .8em;
}
#flexsliderHeadline li>div {
background-color: #f0f3f4;
}
#flexsliderHeadline li>div .hl_type {
font-weight: bold;
margin: 5px 0;
}
#flexsliderHeadline li>div .hl_datail {
}
#flexsliderHeadline li>div.newdate {/*
background-image: url(../images/icon_new.png);
background-repeat: no-repeat;
background-position: left top;
border-top: #d8d9db 1px solid;*/
}
#flexsliderHeadline li>div .hl_datail a {
display: block;
font-weight: bold;
}
.titlePage {
margin-left: 1px;
float: left;
background-color: #e7f2f8;
}
.mainContent .titleArea {
border-bottom: #6c7f9d 1px solid;
}
.titlePage>div, .titleArea {
background-color: #e6f2f7;
border-top: #a7cfe0 1px solid;
border-bottom: #fff 1px solid;
border-left: 0;
border-right: 0;
}
.titlePage a {
padding: 10px 0 10px 15px;
display: block;
float: left;
width: 80%;
color: #6b696a;
font-weight: bold;
}
.titlePage.active a {
color: #404040;
}
.titlePage .moreBtn a {
padding: 0;
}
.titlePage {
display: none;
}
.titlePage.fpage, .titlePage.mOnly {
display: block;
}
/*.footerArea .copyrightBar
{
display:none;
}*/
.specialItem div {
padding: 24px 0 19px 55px;
min-height: 60px;
margin: 5px 0;
line-height: 1em;
}
.kcsVersion .specialItem div {
margin: 0;
}
.kcsVersion .specialItem div.mdfBtn {
padding: 7px;
background-color: #a2d6d4;
min-height: 0;
margin-bottom: 10px;
}
.mdfBtn #doc_sel {
vertical-align: top;
padding: 5px 0;
width: 85%;
}
.myDropDownBox .ddb_title {
padding: 15px 0 10px 55px;
min-height: 42px;
/*margin:5px 0;*/
line-height: 1em;
}
.mySize0 .specialItem div {
padding: 24px 0 19px 55px;
}
.mySize1 .specialItem div {
padding: 20px 0 19px 55px;
}
.mySize2 .specialItem div {
padding: 20px 0 19px 55px;
}
.mySize0 .myDropDownBox .ddb_title {
padding: 15px 0 10px 55px;
}
.mySize1 .myDropDownBox .ddb_title {
padding: 12px 0 10px 55px;
}
.mySize2 .myDropDownBox .ddb_title {
padding: 12px 0 10px 55px;
}
/*
.mySize0 .mainContent .firstContent
{
padding: 49px 20px 0 20px;
position: relative;
min-height:300px;
}
.mySize1 .mainContent .firstContent
{
padding: 55px 20px 0 20px;
position: relative;
min-height:300px;
}
.mySize2 .mainContent .firstContent
{
padding: 58px 20px 0 20px;
position: relative;
min-height:300px;
}
*/
.mainContent .firstContent {
padding: 0 20px;
position: relative;
min-height: 300px;
}
.specialItem div, .myDropDownBox {
position: relative;
}
.specialItem div span {
color: #fff;
position: relative;
z-index: 9000;
font-size: 1.2em;
}
.specialItem div span.access {
position: absolute;
}
.specialItem div img {
position: absolute;
top: 0;
left: 0;
z-index: 4500;
}
.myDropDownBox .ddb_title>img {
position: absolute;
top: 0;
left: 0;
z-index: 4500;
}
.myDropDownBox span.access {
color: #fff;
position: absolute;
z-index: 9000;
}
.myDropDownBox .ddb_title .ddb_btn img {
position: relative;
z-index: 9000;
}
.specialItem div {
background-color: #000;
}
/*.specialItem .bg_vid {
background-image: url(../images/bg_vid.png);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
background-color: #1b8787;
}
.specialItem .bg_fac {
background-image: url(../images/bg_fac.png);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
background-color: #3c6bb1;
}
.specialItem .bg_pas {
background-image: url(../images/bg_pas.png);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
background-color: #6246aa;
}
.specialItem .bg_kno {
background-image: url(../images/bg_kno.png);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
background-color: #317f43;
}
.specialItem .bg_faq {
background-image: url(../images/bg_faq.png);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
background-color: #be8430;
}*/
.specialItem .bg_mdf {
background-color: #1c8073;
}
.specialItem .bg_pdf {
background-color: #8a63a2;
}
.myDropDownBox.denim .ddb_title {
background-color: #0e7cb2;
}
.myDropDownBox.christi .ddb_title {
background-color: #5c800f;
}
.myDropDownBox.mulberry .ddb_title {
background-color: #c8407b;
}
.myDropDownBox.teal .ddb_title {
background-color: #00837e;
}
.myDropDownBox.goldenbrown .ddb_title {
background-color: #a66714;
}
.myDropDownBox.scampi .ddb_title {
background-color: #70589c;
}
.myDropDownBox.denim .arrowList {
border-color: #6ec1e9;
}
.myDropDownBox.christi .arrowList {
border-color: #b0c976;
}
.myDropDownBox.mulberry .arrowList {
border-color: #f0a3c5;
}
.myDropDownBox.teal .arrowList {
border-color: #65ceca;
}
.myDropDownBox.goldenbrown .arrowList {
border-color: #fabf79;
}
.myDropDownBox.scampi .arrowList {
border-color: #b5a0c9;
}
.calendar {
margin: 0px auto;
float: left;
background-color: #4f658c;
color: #fff;
padding-bottom: 1px;
}
.calendar .month {
margin-top: 5px;
}
.calendar .datebox {
float: left;
margin: 1px 0 0 1px;
height: 25px;
border: #cdcdcd 1px solid;
background: #ffffff;
color: #606060;
text-align: center;
font-size: 12px;
font-weight: bold;
border-radius: 1px;
line-height: 2em;
vertical-align: middle;
display: block
}
.calendar .week.holiday, .calendar .holiday {
color: #ee0000;
}
.calendar .today {
color: #000000;
}
.calendar .prevMon {
margin-top: 2px
}
.calendar .nextMon {
margin-top: 2px
}
.calendar .event {
color: #000000;
border: #7763de 1px solid
}
.calendar .event a:link, .calendar .event a:active {
color: #000000;
background: #ffda33;
text-decoration: none;
display: block
}
.calendar .event a:hover, .calendar .event a:focus {
color: #000000;
background: #ffda33;
text-decoration: none;
display: block
}
.calendar .others {
color: #dcdcdc;
font-style: italic;
border: #dcdcdc 1px solid
}
.calendar .month {
text-align: center;
margin-bottom: 5px
}
.calendar .control {
text-align: center
}
.calendar .week {
float: left;
margin: 7px 0 0 1px;
text-align: center;
font-size: .9em;
font-weight: bold;
display: block;
background-color: #e7f2f8;
color: #000;
padding: 2px 0;
}
.calendar a.btn_grey {
background-color: #b6dbeb;
color: #000;
}
.calendar, .calendar .month, .calendar .control {
width: 197px;
}
.calendar .datebox, .calendar .week {
width: 27px;
}
#largeFlexsliderCalendar {
width: 100%;
overflow: auto;
}
#largeCalendar {
min-width: 855px;
}
.largeCalendar {
margin: 0px auto;
float: left;
background-color: #d4d6d3;
color: #fff;
padding-bottom: 1px;
border-top: #CDCDCD 1px solid;
}
.largeCalendar .month {
margin-top: 5px;
}
.largeCalendar .datebox {
float: left;
margin: 1px 0 0 1px;
height: 115px; /*border:#cdcdcd 1px solid;*/
background: #ffffff;
color: #606060;
text-align: left;
font-size: 1em;
font-weight: bold;
border-radius: 1px;
line-height: 2em;
vertical-align: middle;
display: block
}
.largeCalendar .week.holiday, .largeCalendar .holiday {
color: #ee0000;
}
.largeCalendar .today {
color: #51648c;
}
.largeCalendar .prevMon {
margin-top: 2px
}
.largeCalendar .nextMon {
margin-top: 2px
}
.largeCalendar .event {
color: #000000;
border: #7763de 1px solid
}
.largeCalendar .event a:link, .largeCalendar .event a:active {
color: #000000;
background: #ffda33;
text-decoration: none;
display: block
}
.largeCalendar .event a:hover, .largeCalendar .event a:focus {
color: #000000;
background: #ffda33;
text-decoration: none;
display: block
}
.largeCalendar .others {
color: #8d9192;
font-style: italic;
background-color: #ededed; /*border:#dcdcdc 1px solid*/
}
.largeCalendar .month {
text-align: center;
margin-bottom: 5px
}
.largeCalendar .control {
text-align: center
}
.largeCalendar .week {
float: left;
margin: 0 0 1px 1px;
text-align: center;
font-size: .9em;
font-weight: bold;
display: block;
background-color: #f8faf9;
color: #000;
padding: 2px 0;
border-bottom: 5px #a7c4d2 solid;
}
.largeCalendar a.btn_grey {
background-color: #b6dbeb;
color: #000;
}
.largeCalendar, .largeCalendar .month, .largeCalendar .control {
width: 100%;
}
.largeCalendar .datebox, .largeCalendar .week {
width: 14.17%;
}
.largeCalendar .date_day {
background-color: #ededed;
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
margin-right: 2px;
}
.largeCalendar .holiday .date_day {
background-color: #fceaea;
}
.largeCalendar .today .date_day {
background-color: #51648c;
color: #fff;
}
.mySize0 .largeCalendar .date_day {
padding-top: 7px;
}
.mySize1 .largeCalendar .date_day {
padding-top: 4px;
}
.mySize2 .largeCalendar .date_day {
padding-top: 1px;
}
.selectForm>div {
position: relative;
vertical-align: middle;
padding: 10px;
}
.selectForm img {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.greyBg {
background: #f5f5f8;
padding: 0;
}
.kcsVersion .mainContent .arrowList ul {
width: auto;
float: none;
padding: 10px 0;
}
/*.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;
}
.kcsVersion .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;
}*/
.kcsVersion .mainContent .arrowList {
height: 100%;
}
/*.kcsVersion .mainContent .ddb_content
{
margin-bottom:10px;
}*/
#flexsliderFooter {
width: 90%;
margin: auto;
padding: 10px 10px 0 10px;
background: #F2F2F5;
}
#flexsliderCalendar, .myCalendar {
margin-right: 10px;
}
#flexsliderCalendar, #whatIsNew, .myCalendar {
float: left;
}
.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;
}
.kcsVersion .arrowList {
border-width: 2px;
border-style: solid;
border-bottom-width: 5px;
}
.kcsVersion .myFooterBg {
display: none;
}
/*
#flexsliderCalendar
{
position:absolute;
}
#flexsliderTraining
{
position:absolute;
}
#flexsliderOffice
{
position:absolute;
}
#flexsliderApplication
{
position:absolute;
}
#flexsliderMoblieApp
{
position:absolute;
}
*/
/*==================*/
.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.6em;
}
.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;
}
.siteMenu ul {
margin-top: 10px;
margin-bottom: 10px;
}
.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;
}
/*=======================*/
.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;
}
@media screen and (max-width: 1440px) {
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;
}
}
@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{
}
/*=================*/
body .section_left_banner{
display:none;
}
body .contentArea {
display: block;
width: 100%;
min-height: 0;
}
}
@media screen and (max-width: 992px) {
body.subMenuVersion .bodyArea .mainContent{
padding:20px !important;
background-color:#fff;
max-width: 100%;
margin-left:0;
}
.bodyArea .container {
margin-right: auto;
margin-left: auto;
}
.footerArea .container {
margin-right: auto;
margin-left: auto;
}
body .titlePage, body .titlePage.page2, body .titlePage.page3 {
width: 100%;
}
body .footerArea ul.fMenu, body .footerArea .copyRight, body .footerArea .copyrightBar {
color: #000 !important;
text-align: center;
margin: 0;
}
body .footerArea .copyrightBar {
float:none !important;
}
body .mainContent ol, body .mainContent ul {
padding-left: 0.6em;
margin-bottom: 1.4em;
}
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 {
display: block;
}
body #whatnewscontrol, body #whatnewscontrol>* {
display: none;
}
#whatsnews {
height: inherit !important;
}
body .headerArea .headerTool .headerMenu {
display:none;
width: 100%;
color: #454545;
background-image: none;
}
body .headerArea .headerTool .headerMenu.mainheaderMenu {
display:block;
}
body .headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool{
display:none;
}
body .headerMenu.mainheaderMenu .mhm_scene{
position: relative;
top: 0;
}
body .headerMenu.mainheaderMenu .mhm_scene .section{
width:auto;
}
body .headerMenu.mainheaderMenu .mhm_scene ul{
position: relative;
left: 0;
}
body .headerMenu.mainheaderMenu .mhm_scene>.active>ul{
display:none;
}
body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>ul{
display:block;
}
body .headerArea .headerTool .headerMenu.dOnly {
display: block;
z-index: -1;
position: fixed;
height: 0;
width: 0;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
body .headerArea .headerTool .headerMenu.active {
display: block;
z-index: 8000;
position: relative;
height: 100%;
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible !important;
padding:0;
float:none;
margin-left:0;
margin-bottom: 10px;
}
body .headerArea .headerTool .headerMenu.in {
display: block;
}
body .headerMenu ul li, body .headerMenu ul .longList {
float: none;
display: block;
text-align: left;
}
body .headerMenu ul.menuLv0 {
margin: 0;
width: 100%;
display: block;
}
body .headerMenu a br{
content:' ';
display: none;
}
body .headerMenu a br:before,
body .headerMenu a br:after{
content:' ';
}
body .headerArea .hrbTool input {
width: 70%;
}
body .headerMenu ul.menuLv1 {
width: 100%;
position: relative;
}
body .headerMenu ul .excActive>ul {
padding: 0;
}
body .headerMenu.subheaderMenu .tMenu li.open.excActive>ul,
body .headerMenu.mainheaderMenu .tMenu li.open.excActive>ul {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
width:auto;
min-height: 0;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1{
width:auto;
}
body .headerMenu .tMenu li.open ul {
position: relative;
}
body div.flexslider {
margin-top: 0;
margin-bottom: 0;
}
body .flex-direction-nav a {
top: 25%;
padding-top: 0;
background-color: transparent;
height: 40px;
}
.desktop {
display: none;
}
.mobile {
display: inherit;
}
.mobileLogo {
margin: auto;
}
.headerTool .leftClfArea {
width: 100%;
padding-left: 0;
}
/*.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: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 {
padding: 0;
}
body .headerMenu .menuItem {
position: absolute;
display: block;
top: 0;
z-index: 1200;
width: 100%;
list-style-type: none;
}
body .headerMenu .menuStyleDivide>li {
position: inherit;
}
body .headerMenu ul.showMenu {
left: 0;
}
body .headerMenu ul.hiddenMenu {
left: 100%;
}
body .headerMenu ul.isHidden {
display: none;
}
body .headerMenu .menuItem a {
display: block;
}
body .headerMenu .subMenuTitle a {
text-align: center;
}
body .headerMenu .subMenuTitle img {
float: left;
margin-top: -5px;
}
.navbar-nav > li > a {
line-height: inherit;
}
.headerArea .headerImg {
padding: 10px 5px;
text-align: center;
}
.bs-example-js-navbar-search {
display: none;
}
.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse {
display: none;
height: auto !important;
position: absolute;
left: 0;
right: 0;
margin-top: 0;
z-index: 8555;
}
.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse.in {
display: block;
}
.left_menu>* {
display: none;
}
.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 {
float: left;
}
body.indexVersion .footerMenu, #flexsliderFooter {/*
display: none;*/
display:block;
}
body .f-block-wrapper,
body.englishVersion .f-block-wrapper,
body.chineseVersion .f-block-wrapper{
padding:0;
}
body .footerArea .footerMenu{
display:block;
}
.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;
}
.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;
}
.bodyArea .mainContent{
width: 100% !important;
}
.leftMenu {
display: none!important
}
.contentArea .breadcrumb {
display: none!important
}
.paging_area{
width: 100% !important
}
.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.7em;
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 {
background-image: none;
margin: 0;
position: static;
float: right;
margin: 15px;
}
body .headermenutop{
margin:0;
position: static;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
body .clientTool{
display:none;
}
body .btmNav {
/*margin: 5px 0;*/
}
body #flexsliderOnAir, body #flexsliderOffice, body #flexsliderApplication, body #flexsliderMobileApp {
display: none;
}
body .headerTool .mobileTool{
z-index: 9000;
padding: 0;
height:auto;
max-width: 160px;
float: right;
top: 0;
right: 0;
}
body .headerTool .mobileTool>button{
display: inline-block;
}
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;
}
body.indexVersion .headerTool .headerNav {
width: 100%;
background: #fff;
}
body .headerTool .myLogo img {
width:auto;
height: inherit;
height: auto;
padding-right: 12px;
}
body .headerTool .myLogo span {
display: inline;
margin: 0;
}
body .headerArea .headerTool .language a,
body .headerArea .headerTool .language a:link,
body .headerArea .headerTool .language a:visited{
font-size: 1.2em !important;
}
body .headerArea .headerTool .myLogo a{
width: 100%;
display: block;
overflow: hidden;
}
body .headerArea .headerTool .myLogo a.dOnly{
display:none;
}
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>div{
display:block;
}
.rightClfArea,
.contentArea div.breadcrumb, .contentArea .printTool {
display: none;
}
body .myheaderTool {
width:100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
body .headermenutop-container{
padding-right:15px;
}
body #flexslider .flex_control_area{
position: relative;
right: auto;
bottom: auto;
float: right;
margin: 5px;
}
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;
}
.mySize0 .SearchFrom .searchTitle {
padding: 15px 0 15px 5px;
}
.mySize1 .SearchFrom .searchTitle {
padding: 12px 0 12px 5px;
}
.mySize2 .SearchFrom .searchTitle {
padding: 12px 0 12px 5px;
line-height: 1.2em;
}
.SearchFrom .SearchBtn {
width: 65px;
}
.SearchFrom .SearchCase {
width: 90%;
}
.SearchFrom .SearchSelect0, .SearchFrom .SearchSelect1, .SearchFrom .SearchSelect2 {
width: 100%
}
body .myTool, body .searchTool, body .headerMenu, body .headerMenu {
display: none;
}
body .titlePage .moreBtn {
display: block;
margin: 10px;
}
body#page_bg .specialItem div {
margin: 1px 0;
}
body .tMenu .longList ul {
left: 0 !important;
min-height: inherit !important;
}
body .headerMenu .tMenu a,
body .headerMenu .tMenu a:link,
body .headerMenu .tMenu a:visited {
border-left: 1px solid #98b2b5;
border-right: 1px solid #98b2b5;
border-top: 1px solid #d0edf3;
border-bottom: 1px solid #82a1a5;
}
body .headerMenu ul.menuLv0>li:hover>a,
body .headerMenu ul.menuLv0>li>a:hover,
body .headerMenu ul.menuLv0>li>a:focus{
color:#000 !important;
}
body .headerMenu.mainheaderMenu ul.menuLv0>li:hover>a,
body .headerMenu.mainheaderMenu ul.menuLv0>li>a:hover,
body .headerMenu.mainheaderMenu ul.menuLv0>li>a:focus{
color:#fff !important;
}
body .tMenu.menuLv0>li>a.excLi:before{
display:none;
}
body .headerMenu .tMenu .menuLv1 a:link, body .headerMenu .tMenu .menuLv1 a:visited {
color: #000;
}
body .headerMenu .tMenu a:hover, body .headerMenu .tMenu a:focus, body .headerMenu .tMenu a:active, body .headerMenu .tMenu a.active_section {
text-decoration: none;
font-weight: bold;
}
body .headerMenu ul.menuLv0>li>a{
width:100%;
opacity:1;
}
body .headerMenu ul.menuLv0>li>a,
body.chineseVersion .headerMenu ul.menuLv0>li>a,
body.chineseVersion .headerMenu .tMenu>li>a{
padding: 10px 20px !important;
}
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{
color: #000 !important;
}
.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 {
border-bottom: 1px solid #c2d7d8 !important;
background-image: none;
color: #3e3c50 !important;
background-color: #c3d5e8;
}
body .headerMenu.subheaderMenu ul.menuLv0>li:hover>a,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:hover,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:focus{
background-color: #c3d5e8;
}
body .headerMenu.mainheaderMenu .tMenu .menuLv1 li:hover>a,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited{
color:#000;
}
body .headerMenu.mainheaderMenu .mhm_scene>li>a{
background-color: #104a8d;
color: #fff;
border-bottom: 1px solid #072243;
border-top: 1px solid #136fd7;
}
body .headerMenu.mainheaderMenu .mhm_scene>.active>a{
background-color: #104a8d;
}
body .headerMenu.mainheaderMenu .mhm_scene>.mobActive>a{
background-color: #1f61af;
}
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
body .headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited{
background-color: #61b7e8;
border-left: 1px solid #43a9b4;
border-right: 1px solid #43a9b4;
border-top: 1px solid #79cbdc;
border-bottom: 1px solid #3a8891;
}
body .headerMenu .tMenu .firstLi>a:link, body .headerMenu .tMenu .firstLi>a:visited {
padding: 10px;
}
.titlePage a {
color: #404040;
}
.mainContent .titleArea {
color: #404040;
font-weight: bold;
font-size: 14px;
}
body div.footerArea .info{
padding-top: 0;
padding-left:0px;
}
div.footerArea .updateDate {
margin: 0;
}
.footerArea .footerBottom>* {
margin: 0 !important;
}
.footerArea .footerBanner {
padding: 10px 0 10px 0;
text-align: center;
margin-top: 30px;
}
body .footerBanner li {
width: 100%;
padding-bottom: 20px;
margin:0px;
}
.footerArea .footerTop .mylogo {
position: relative !important;
top: 0 !important;
}
.footerArea .copyrightBar {
display: inline-block;
padding: 7px 7px;
}
.footerArea .copyRight {
max-width: none !important;
color: #fff;
padding: 7px 0;
float: left;
}
.footerArea .footerBottom {
margin-top: 0 !important;
}
body .footerArea ul.fMenu {
max-width: none !important;
}
body div.footerArea ul.fMenu {
padding: 7px 0;
float: left;
margin: 0;
}
body .indexContent {
width: 100%;
}
body .colorSort, body .newsArea {
width: 100%;
padding-right: 30px;
}
.appDiv, .appDiv div {
text-align: center;
}
/*=======Main======*/
body #wrap .container {
width: 100% !important;
}
/*==============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=========*/
.my_left_hand_side, .my_right_hand_side {
float: none !important;
margin-bottom: 20px;
width: 100%;
}
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;
}
body .mainSlider ul.slides>li{
height: auto !important;
}
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;
}
/*=================Box Message===================*/
.box_message .box_message_item {
margin: 7px auto;
display: block;
float: none;
width: 310px !important;
}
.box_message_item>div {
float: none !important;
}
.box_message .box_message_item>div.box_message_img {
max-width: none !important;
}
.box_message .box_message_item>div.box_message_img img {
height: auto;
max-width: none;
width: 100%;
}
/*==============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 {
padding: 0;
width: 100%;
margin-bottom:0;
text-align:left;
min-height: 0;
}
body .headerArea .headerBottom {
display: none;
}
body .headerMenu ul.menuLv1 {
position: relative !important;
display: block !important;
left: 0 !important;
background-color: transparent;
border: 0;
box-shadow: none !important;
}
body .headerMenu .tMenu li ul>li {
width: 100% !important;
padding-right: 0px !important;
position: relative;
}
body .headerMenu ul .excActive>ul {
display: none;
}
body .tMenu.sub-level-active {
margin-top: 0 !important;
display: inline-block;
width: 100%;
}
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 {
display: inline-block;
width: 100%;
}
body .tMenu li ul {
position: relative;
height: auto;
z-index: 9999;
text-align: left;
border-top: 1px solid #e0dfe4;
width: 100%;
}
body .tMenu li.expanded ul:before, body .tMenu li.active ul:before {
content: '' !important;
}
body .tMenu li.expanded ul, body .tMenu li.active ul {
position: relative;
top: 100%;
left: 0;
margin: 0;
padding: 0;
display: block;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li {
height: auto;
width: 100%;
margin: 0;
padding: 0;
display: block;
}
body .tMenu li.expanded ul, body .tMenu li.active ul {
width: 100% !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li {
width: 100% !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li {
margin-left: 0 !important;
}
body .tMenu li.expanded ul>li, body .tMenu li.active ul>li {
float: none !important;
}
body .tMenu li.expanded ul, body .tMenu li.active ul {
display: block !important;
min-height: initial !important;
padding: 0 !important;
margin: 0 !important;
}
body .headerMenu .tMenu li.open ul,
body .headerMenu .tMenu li ul.activeUl{
border-top:0;
}
body .headerArea .headerTool ul.menuLv1>li>a:hover, body .headerArea .headerTool ul.menuLv1>li>a:focus {
color: #000;
background-color: #c2d7d8;
}
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 {
text-align: center;
background-position: center center;
}
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: 80% !important;
left: 10% !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 .bodyArea {
font-size: 1em;
}
body.indexVersion div.bodyArea{
min-height:100px;
}
body .mainHeader {
background-position: top center;
overflow: hidden;
}
#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 .headerTool.active .mobileClient {
display: block;
padding: 0px;
}
body .mobileClient {
font-size: 2em;
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;
}
body .breadcrumb {
display: block !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 10px !important;
}
.contentArea h2 {
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: #ddd;
}
body .footerArea ul.fMenu a {
padding: 8px 10px;
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 .discussion .header .my_div1, body .discussion .header .my_div2 {
display: none;
}
body .discussion .content>div {
border-bottom: 1px solid #ddd;
}
body .discussion .content .my_div1 img {
margin-left: 20px;
}
body .discussion .content>div>div {
display: block;
float: none;
width: 100%;
text-align: left;
}
body .discussion_group .header .title {
float: none;
margin-bottom: 10px;
}
body .discussion_group .content .create_detail .user {
float: none;
}
body .discussion_group .new_post {
padding-left: 0;
}
body .discussion_group .post_area .sort>div {
float: none;
margin: 0;
}
body .discussion_group .post_area .post_data .post_reply {
position: relative;
padding-left: 125px;
right: 0;
top: 0;
}
body .discussion_group .post_area .post_detail .create_by {
padding-left: 1.4em;
}
body .discussion_group .post_area .post_detail .create_by:before {
position: absolute;
margin-left: -1.4em;
}
body .discussion_group_topic .post_area .post_detail {
padding-left: 110px;
width: auto;
}
body .discussion_group_topic .post_area .idno {
left: auto;
right: 0;
}
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 {
max-width: none !important;
}
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 {
content: "";
display: none;
}
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 .headerNav{
padding-left:0;
}
body .headerMenu .tMenu li ul.menuLv1>li{
float:none !important;
margin:0;
}
body .headerMenu .tMenu li ul>li.close{
background-image: none !important;
margin:0;
}
body .headerMenu.subheaderMenu .open>ul.menuLv1>li{
display:block;
}
body .headerMenu.subheaderMenu ul.menuLv0>li:hover>a:after,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:hover:after,
body .headerMenu.subheaderMenu ul.menuLv0>li>a:focus:after{
display:none;
}
body .headerMenu ul.menuLv0>li.my_menu{
width: 100% !important;
max-width: inherit !important;
padding: 0 !important;
height: auto !important;
text-align: left !important;
background-size: 100% 100%;
}
body .headerMenu ul.menuLv0>li.my_menu:after{
display:none !important;
}
body .headerMenu ul.menuLv0>li.active_section{
border-bottom:0 !important;
}
body .headerMenu ul.menuLv0>li.my_menu2 span{
text-align:left !important;
}
body .headerMenu ul.menuLv0>li.firstLi{
display:block;
}
body .headerFirst{
position:relative;
}
body .headerMenu ul ul.menuLv1{
float:none;
}
body .headerArea .myheaderTool>div.clientTool>div{
display:none;
}
body .headerArea .myheaderTool>div.clientTool>div.datetime{
display: block;
padding: 0;
}
body .headerArea .myheaderTool>div.clientTool>br{
display:none;
}
body .myheaderTool>div.clientTool div>* {
margin: 0;
padding: 0 3px;
}
body .myheaderTool>div.clientTool>div.AStyleArea,
body .myheaderTool>div.clientTool>div.brandhk{
display:none;
}
body .myheaderTool>div.clientTool>div.mobile_view{
display:block;
}
body .myheaderTool>div.clientTool>div.mobile_view img{
display:none;
}
/*body .myheaderTool>div.clientTool>div.mobile_view a{
display:block;
background-image:url('../images/desktop.png');
background-repeat:no-repeat;
background-position:center center;
width:29px;
height:28px;
border-bottom:none !important;
margin-top: 5px;
}*/
body .myheaderTool>div.clientTool>div.language,
body .myheaderTool>div.clientTool>div.shareTool,
body .myheaderTool>div.clientTool>div.searchTool{
display: inline-block;
vertical-align: middle;
margin-top:-4px;
}
body .myheaderTool>div.clientTool>div.shareTool a{
padding:0px;
}
body .myheaderTool>div.clientTool>div.language{
margin-right:0;
}
body .headerArea .myheaderTool>div.clientTool>div.language.active{
display: block;
position: absolute;
right: 60px;
top: 50px;
background-color: #f3f3f3;
transform: translateX(50%);
}
body .myheaderTool>div.clientTool div.language ul li{
width:auto !important;
text-align: center;
padding: 10px 4px;
}
body .headerArea .myheaderTool>div.clientTool>div.language.active ul *{
display:block;
}
body .myheaderTool>div.clientTool>div.searchTool{
width: auto;
margin-right:0;
margin-left:5px;
padding-right: 0 !important;
}
body .myheaderTool>div.clientTool>div.searchTool a.searchBtn{
padding: 5px;
}
body.mySize2 .myheaderTool>div.clientTool>div.searchTool a.searchBtn{
padding: 8px;
}
body .myheaderTool>div.clientTool>div.searchTool input{
width: 100%;
min-width: 240px;
padding-right: 40px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
body .myheaderTool>div.clientTool>div.searchTool.active label{
display:block;
}
.searchTool.mobActive input{
display: block;
position: fixed;
top: 161px;
right: 0;
left: 0;
width: 100%;
z-index: 9000;
}
body .searchTool form:before{
display:none;
}
body .clientTool>div:before{
display:none;
}
body div#footer div.info ul.fMenu,
body div#footer div.system ul.fMenu,
body .footerArea .info>div{/*
padding-left:12px;*/
}
body div#footer div.system{
float:none;
width:100%;
text-align:center;
}
body div#footer div.w3c,
body div#footer div.copyright{
text-align: center;
width:100%;
}
body .footerArea .copyRight{
float:none;
}
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{
padding:0;
border-bottom:0;
}
body .headerMenu .tMenu>li>a:focus>span,
body .headerMenu .tMenu>li>a:hover>span,
body .headerMenu .tMenu>li>a:active>span{
border-bottom:0;
}
body .headerMenu ul li>div.extmenu{
position: relative;
left: 0;
background-color: #fff;
border: 0;
padding: 0;
}
body .headerMenu ul li.excActive>div.extmenu{
display:block !important;
position: relative;
left: 0;
}
body .headerMenu ul.menuLv1{
padding:0;
}
body .headerMenu .tMenu .menuLv1 >li>a:before{
display:none;
}
body .headerMenu .excActive>ul.menuLv1{
display:block !important;
}
body .headerMenu .tMenu li>ul.menuLv2{
display:none !important;
background-color:#0d3c50;
}
body .headerMenu .tMenu li.excActive>ul.menuLv2{
display:block !important;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
body .headerMenu .tMenu .menuLv1 .menuLv2 a:link,
body .headerMenu .tMenu .menuLv1 .menuLv2 a:visited{
background-color:#c7e7e8;
padding-left:30px;
}
body .headerMenu ul.menuLv0>li>a>span.caret{
height: 26px;
width: 26px;
background-repeat: no-repeat;
border-top-style: none!important;
border-right-style: none!important;
border-bottom-style: none!important;
border-left-style: none!important;
position: absolute;
top: 50%;
right: 13px;
padding-right: 0;
margin-top: -13px !important;
}
body .headerMenu ul.menuLv0>li.excActive>a>span.caret{
height: 26px;
width: 26px;
background-repeat: no-repeat;
border-top-style: none!important;
border-right-style: none!important;
border-bottom-style: none!important;
border-left-style: none!important;
position: absolute;
top: 50%;
right: 13px;
padding-right: 0;
margin-top: -13px !important;
}
body .headerMenu .tMenu li ul.menuLv1>li span.caret{
height: 26px;
width: 26px;
background-repeat: no-repeat;
border-top-style: none!important;
border-right-style: none!important;
border-bottom-style: none!important;
border-left-style: none!important;
position: absolute;
top: 50%;
right: 13px;
padding-right: 0;
margin-top: -13px !important;
}
body .headerMenu .tMenu li ul.menuLv1>li.excActive span.caret{
height: 26px;
width: 26px;
background-repeat: no-repeat;
border-top-style: none!important;
border-right-style: none!important;
border-bottom-style: none!important;
border-left-style: none!important;
position: absolute;
top: 50%;
right: 13px;
padding-right: 0;
margin-top: -13px !important;
}
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{
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{
width:100%;
margin:auto;
}
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:block;
}
body.indexVersion div.btmNav .backBtn{
display:none;
}
/*==============*/
body .headerArea .headerTool{
padding-top:0;
}
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.indexVersion .headerArea{
position: relative;
left: 0;
transform: none;
}
body .currentTool{
height: auto;
padding-top: 140px;
padding-bottom:16px;
padding-left: 10px;
padding-right: 10px;
background-position: top center;
}
/*=======================================*/
body .mainpage0,
body .mainpage1,
body .mainpage2{
padding:0;
background-size: cover;
}
body .mainpage3,
body .mainpage8{
padding: 0;
background-size: cover;
}
body .mainpage2_2,
body .mainpage5,
body .mainpage6{
padding:0;
background-size: cover;
}
body .mainpage4,
body .mainpage7{
padding:0;
}
body .mainpage0>div:nth-child(2) .container>div{
text-align: center;
padding: 0 65px;
}
body .area_warning,
body .area_current,
body .area_location{
position:relative;
top:auto;
left:auto;
overflow: auto;
overflow-y: hidden;
margin: auto;
max-width:none;
min-width:0;
}
body .area_location{
margin-top: 10px;
left: 50%;
right: auto;
transform: translateX(-50%);
display: inline-block;
max-width: 100%;
}
body .area_current .detail>div:nth-child(3){
position: relative;
top: auto;
right: auto;
width: auto;
}
body .area_current .detail>div:nth-child(3) .bg.circle {
transform: translate(0,0);
}
body .area_weather_map{
margin: 0;
}
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.2em;
}
body .footerArea ul.fTool>li{
padding: 2px 0;
}
body .copyR>div:nth-child(2){
display:none;
}
body .currentTool{
padding-top: 0;
}
body iframe{
max-width:100%;
}
/*=============*/
body .weatherTool {
width: 100%;
background-color: #D1E3EF;
margin: 0;
}
body .headerArea .headerTool .searchTool {
margin-top: 0;/*
padding-top: 0;*/
left: 0;
}
body .headerArea .headerTool .hrbTool {
position: relative;
}
body .myitem_list>div{
margin:0 0 25px 0;
}
body .headerArea .searchTool input[id*="searchbar"]{
width: calc(100% - 36px);
}
body .headerTool .searchBtn {
display: inline-block;
width: 35px;
text-align: center;
}
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 .myLogo img {/*
max-height: 80px;*/
heigth: 65px;
max-height: 65px;
width: auto;
}
.searchTool input {/*
display: none;*/
}
body .searchTool form{
float:none;
}
body .headerTool .searchBtn img{
float: none;
margin-left: 0;
}
/*================*/
body .mainSlider {
position: static;
height: auto;
}
body #flexslider ul.slides li>div {
max-width: 100%;
}
body .mainSlider .slide_bg{
margin-left: 0;
transform: translateX(0);
}
body #flexslider ul.slides li>div.slide_bg{
position:relative;
padding-bottom: 0;
}
body #flexslider ul.slides li>div.slide_cont{
margin-top:0 !important;
padding-bottom: 15px;
}
body .flexslider .slides img {
max-width: none;
width: auto;
max-width:100%;
margin: auto;
}
body .mainSlider .slide_cont{
max-width:100%;
margin-top: 300px !important;
}
body .mainSlider .slide_cont>*{
display:none !important;
}
body .mainSlider .slide_cont span{
max-width:100%;
padding: 4px 16px;
float: none !important;
display: block;
}
body .flexslider .flex-control-nav{
position:relative;
bottom: 2px;
}
body .my_roll_control{
display:none;
}
body .my_roll .my_roll_content .my_roll_cont_row{
white-space:normal;
max-width: 100%;
display: block;
padding: 0;
}
body .my_roll .my_roll_content .my_roll_cont_row>div{
display:block;
max-width: 100%;
margin: auto;
}
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 div.flexslider {
position: relative;
}
body .my_roll .my_roll_content .my_roll_cont_row>div{
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position:absolute;
z-index:-1;
}
body .my_roll .my_roll_content .my_roll_cont_row>div.active{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
position: relative;
z-index: 1000;
}
body .moreBtn a{
display: inline-block;
padding: 8px 20px;
background-color: #375F14;
color: #ffffff !important;
text-shadow: -1px 0 #172d04, 0 1px #172d04, 1px 0 #172d04, 0 -1px #172d04;
font-weight: bold;
font-size: 1.4em;
border-radius: 8px;
border-color: #3b5425;
border-style: double;
border-width: 2px;
text-decoration: none !important;
}
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 .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{
text-align: center;
width:100%;
}
body #footer div.w3c>div{
transform: translateY(0);
}
body .flexMainBanner{
display:block;
}
body .flexMainBanner>div{
max-width:100%;
display:block;
margin:10px auto;
}
body .dot-link:before{
display:none;
}
body .shareTool a{
padding: 3px;
}
body .shareTool a img{
height: 20px;
}
body .shareTool.dot-link{
position:static;
}
body .shareList{
position: absolute;
left: 0;
right: 0;
top: 100%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
text-align: center;
}
body #filter-form .filter-row>div:nth-child(3) {
width: calc(50% + 150px);
max-width: 100%;
margin: auto;
padding: 5px 10px;
display: block;
}
/*=======otherLang mobile CSS Begin=======*/
body .otherLangTool{
line-height: normal;
padding-right: 10px;
}
body .otherLangTool .tbtn a{
width: 20px;
height: 20px;
display: block;
}
body .otherLangTool .tList{
padding-top:0;
}
body .otherLangTool .tbtn .tit{
position: absolute !important;
left: -9999px;
font-size: 0 !important;
padding: 0 !important;
width: 0 !important;
height: 0 !important;
z-index: -1 !important;
}
body .headerArea .headerMenu li.otherLang{
display:none;
}
body .clientTool.activeLang{
position:static;
}
body .headerTool .clientTool.activeLang div.language{
position: absolute;
top: 85px;
bottom: 0;
left: 0;
right: 0;
height:calc(100vh - 85px);
padding: 5px 0;
border-top: 2px solid #000;
box-shadow: none;
background-color: #fff;
overflow: auto;
z-index: 9020;
}
body .headerTool .clientTool .language ul{
border-top: 0;
position: relative;
top: auto;
right: auto;
width: auto;
padding: 0;
}
body .headerTool .clientTool .language ul li{
margin: 15px 10px;
}
body .headerTool .clientTool .language ul a{
text-align: left;
font-size: 1.3rem;
}
body .headerTool .clientTool .language ul.withother{
display:block;
}
body .headerTool .clientTool .language .dOnly{
display:none;
}
body .headerTool .clientTool .language .mOnly {
display:block;
position: static;
visibility: visible;
left: auto;
}
/*=======otherLang mobile CSS End=======*/
}
@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 .f-block-wrapper{
display:block;
}
body .f-block2{
display:block;
}
}
@media screen and (max-width: 350px){
body.englishVersion .myLogo .d_logo{
display:none;
}
body.englishVersion .myLogo .m_logo{
display:inline;
}
}
@media screen and (max-width: 360px){
body.chineseVersion .myLogo .d_logo{
display:none;
}
body.chineseVersion .myLogo .m_logo{
display:inline;
}
body .pop_photo li{
display:block;
min-width:120px;
width:100%;
}
}
@media all and (min-width: 768px){
.float_right_tablet_up{
float:right;
}
}
@media screen and (max-width: 767px){
.pb-30-sm-down{
padding-bottom:30px;
}
}
@media screen and (max-width: 992px){
.d-none-mobile{
display:none !important;
}
}
@media all and (min-width: 993px){
.d-flex-desktop{
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
}
@media all and (min-width: 993px){
.d-block-desktop{
display:block;
}
}
@media all and (min-width: 993px){
.align-self-center-desktop{
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
}
@media all and (min-width: 993px){
.flex-1-desktop{
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
}
@media all and (min-width: 768px){
.justify-content-space-between-desktop{
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
}
@media screen and (max-width: 992px){
.bg-add-992{
background-color:#e9ebf3;
}
}
@media screen and (max-width: 992px){
body .footerBanner li:last-child {
padding-bottom: 0px;
}
}
@media screen and (max-width: 992px){
.footerPhotoWrapper {
margin-top:30px;
}
}
@media all and (min-width: 993px){
.shareTool, .homeTool {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
}
@media all and (min-width: 993px){
body .mainArea0 {
/*background-size: 100% auto;*/
background-size: cover;
}
}
@media screen and (max-width: 992px){
body .mainArea0 {
background-size: cover;
display:none;
}
}
@media screen and (max-width: 992px){
.footerArea1 .footerMenuArea {
display:none;
}
}
@media all and (min-width: 768px){
.pl-15-desktop{
padding-left:15px;
}
}
@media all and (min-width: 993px){
.myheaderTool>div.clientTool {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
}
}
@media screen and (max-width: 992px){
body div.footerArea .info {
padding-top: 0;
padding-left: 0px;
text-align:center;
/* margin-top: 20px; */
}
}
@media screen and (max-width: 992px){
.area .left-side{
width:100% !important;
}
}
@media screen and (max-width: 992px){
.area .right-side{
float:none !important;
}
}
@media screen and (max-width: 992px){
.main-page-photo-wrapper{
/*display:block !important;
margin-left:0px !important;
margin-right:0px !important;*/
}
}
@media screen and (max-width: 992px){
.main-page-photo-wrapper .img-wrapper{
padding-bottom:10px;
}
}
/*@media (min-width: 768px){
.main-page-photo-wrapper .img-wrapper.col-md-3 {
-ms-flex: 0 0 23%;
flex: 0 0 23%;
max-width: 23%;
}
}*/
@media screen and (max-width: 446px){
.main-page-photo-wrapper{
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 446px){
.main-page-photo-wrapper .img-wrapper:first-child{
width:100%;
}
}
@media screen and (max-width: 446px){
.main-page-photo-wrapper .img-wrapper:not(:first-child) {
width:50%;
}
}
@media screen and (max-width: 767px){
.img-block img, .img-block p{
max-width: 100% !important;
margin:auto !important;
display: block !important;
}
}
@media all and (min-width: 993px){
.flexslider .slide_cover img{
min-height:500px;
}
}
@media all and (min-width: 993px){
.flexslider .container{
/*margin-top:-500px;*/
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
min-height: 450px;
height:450px !important;/*ie11*/
}
}
@media all and (min-width: 993px){
.slider-height {
height:550px !important;/*ie11*/
position: relative;
}
}
@media all and (min-width: 993px){
.flexslider .row{
/*position: relative;*/
}
}
@media all and (min-width: 993px){
.mySize2 .flexslider .row{
margin-top:0px;
}
}
@media screen and (max-width: 992px){
.flexslider .btn-01{
margin:0 auto;
}
}
@media screen and (max-width: 575px){
.flexslider .banner_title{
font-size: 2.1em !important;
}
}
@media screen and (max-width: 992px){
.flexslider .slide_cover img{
display:none !important;
}
}
@media all and (min-width: 993px){
.home-page-slider-section2 p{
width:70%;
}
}
@media screen and (max-width: 992px){
.flexslider .container{
padding-bottom: 60px !important;
}
}
input:focus,
select:focus,
textarea:focus,
button:focus {/*
outline: none;*/
}
@media screen and (max-width: 575px){
.download-img-wrapper{
border-right:none !important;
}
}
@media screen and (max-width: 992px) and (min-width: 576px){
.download-img-wrapper:nth-child(3n+1){
border-right:none !important;
}
}
@media all and (min-width: 993px){
.download-img-wrapper:nth-child(4n+1){
border-right:none !important;
}
}
@media all and (min-width: 993px){
.img-class{
padding-left:15px;
}
}
@media screen and (max-width: 992px){
.img-class{
float: none !important;
margin-bottom: 30px;
}
}
@media screen and (max-width: 992px){
.g-width-100x-mobile{
width:100%;
}
}
@media all and (min-width: 993px){
.right-wrapper{
width:20%;
padding-left:15px;
}
}
.right-wrapper img{
margin-bottom:10px;
}
@media screen and (max-width: 992px){
.right-wrapper img{
float: none !important;
}
}
@media all and (min-width: 993px){
.width-300-img{
width:300px;
}
}
@media all and (min-width: 993px){
.img-wrap{
padding-left:15px;
float:right;
padding-bottom:15px;
}
}
@media screen and (max-width: 992px){
.img-wrap{
float: left !important;
margin-bottom: 30px;
width: 100% !important;
}
}
@media screen and (max-width: 992px){
.width-auto-md-down{
width:auto !important;
}
}
@media screen and (max-width: 576px){
.g-d-none-sm-down{
display:none !important;
}
}
@media screen and (max-width: 992px){
.td-mobile-100{
display:block !important;
width:100% !important;
}
}
@media all and (min-width: 993px){
.align-self-center-lg{
-ms-flex-pack: center;
-ms-flex-align:center;
align-self:center;
}
}
@media screen and (max-width: 1066px) and (min-width: 993px){
.englishVersion.mySize2 .myLogo img{
width:90%;
}
}
@media (min-width: 1200px){
.slider-style-3 .col-xl-8 {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.slider-style-3 .col-xl-4 {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
}
@media (min-width: 993px){
.slider-style-3 .col-lg-7 {
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
.slider-style-3 .col-lg-5 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
.slider-style-100-height .row{
position:relative;
}
.slider-style-100-height .img-right{
position:absolute;
right:0;
}
.slider-style-100-height .img-bottom{
bottom:0;
}
.img-100-height-wrapper img{
height:100% !important;
}
@media (min-width: 993px){
.position-abs-lg{
position: absolute;
}
}
@media (min-width: 993px){
.right-0-lg{
right: 0;
}
}
@media (min-width: 993px){
.right-15-lg{
right: 15px;
}
}
@media (min-width: 993px){
.right-20-lg{
right: 20px;
}
}
@media screen and (max-width: 992px){
body table.bt tfoot th::before,
body table.bt tfoot td::before,
body table.bt tbody td::before{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 0 auto;
}
body table.bt tfoot th .bt-content,
body table.bt tfoot td .bt-content,
body table.bt tbody td .bt-content {
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
body table.bt.responsive-table tfoot th,
body table.bt.responsive-table tfoot td,
body table.bt.responsive-table tbody td{
display:block;
}
body table.bt.responsive-table tfoot th::before,
body table.bt.responsive-table tfoot td::before,
body table.bt.responsive-table tbody td::before{
width:100%;
}
body .tender table tr{
display:block;
margin-bottom:20px;
}
body .tender table td{
display:block;
padding:5px;
}
body .tender table td:nth-child(1){
min-width:0;
}
/*==========*/
body .myCDList .myflex,
body .myCDList .cd_div.active .cont .myrow{
display:block;
}
body #close_up .area{
width:95%;
}
}