body #wrap .container {
/* max-width: 1280px; */
width: 100%!important;
margin: auto !important;
margin: 0 auto !important;
}
.container:before {
}
html, html body {
font-size: 1em;
}
body {
font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
color: #3e5259;
}
@font-face {
font-family: SourceHanSansHC;
src: url("fonts/SourceHanSansHK-Light.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: SourceHanSansSC;
src: url("fonts/SourceHanSansCN-Light.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: Dancing Script;
src: url("fonts/DancingScript-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.chineseVersion.tradition .headerMenu {/*
font-family: "SourceHanSansHC", "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";*/
}/*
.chineseVersion.simplify .headerMenu{
font-family: "SourceHanSansSC", "Arial", "Helvetica", "sans-serif" , "microsoft jhenghei";
}*/
body p {
margin: 0 0 10px 0;
}
.mainContent a {
/*color:#4b4b4b;*/
}
.mainContent p a {
/* color:#bb370f;*/
}
div.mainContent p, div.mainContent li {
/*text-align: justify;*/
}
.chineseVersion div.mainContent p, .chineseVersion div.mainContent li {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph; /*IE9*/
-moz-text-align-last: justify; /*Firefox*/
-webkit-text-align-last: justify; /*Chrome*/
}
.mainContent a:active, .mainContent a:hover, .mainContent a:focus {
color: #2a6496;
}
.date {
/* color: #000000;
font-weight: bold;*/
}
video {
max-width: 100%;
}
iframe {
max-width: 100%;
}
.press_title {
color: #000066;
}
.font_bold {
font-weight: bold;
}
.float_center {
text-align: center;
}
.font_underline {
text-decoration: underline;
}
.caption {
font-style: italic;
}
.font_italic {
font-style: italic;
}
.float_right {
float: right;
padding: 0 0 1em 1em;
}
.float_left {
float: left;
padding: 0 1em 1em 0;
}
.img-cap {
font-size: 7pt;
}
.center {
margin: 0 auto;
}
.align-left {
text-align: left;
}
/*.clear {
clear: both;
height: 5px;
}*/
.clear:after {
content: "";
display: table;
clear: both;
}
.note {
font-size: 0.9em
}
.right {
text-align: right;
}
.bodyArea {
/* font-size: 13px;
background-image: url(../images/woc_bg.jpg);*/
background-position: center top;/*
overflow: hidden;*/
}
.mobileVersion .bodyArea {
font-size: 1em;
}
.highlightArea {
font-size: 14px;
}
/*.mainContent ol, .mainContent ul {
margin-left: 25px;
}*/
.bodyArea .mainContent {
/* width: 1000px;
max-width:105%;
background-color: #f7f7f7;*/
min-height: 280px;
margin-right: auto;
margin-left: auto;
}
.indexVersion .bodyArea .mainContent {
min-height: 0;
}
.bodyArea .mainContent {
/* margin-left: 320px;*/
}
.bodyArea .mainContent .my_content {
padding: 20px 30px;
}
body.indexVersion .mainContent {
padding: 0 !important;
}
.bodyArea .headerMenu {
/* font-size: 15px;*/
}
.mainContent {
line-height: 1.4em;
color: #2b3944;
}
.mainContent h1, .mainContent h2 {
color: #2b3944;
}
.mainContent h3 {
color: #045ca2;;
font-size : 1.3em;
padding-top:12px;
}
.mainContent h3:first-of-type {
color: #045ca2;
font-size : 1.3em;
padding-top:20px;
}
.mainContent p {
text-align: left;
margin: 0 0 1em 0;
}
.mainContent ul, .mainContent ol {
padding-left: 0.6em;
margin-bottom: 1.4em;
}
.mainContent ul.upper-roman {
list-style-type: upper-roman;
}
.mainContent ul.bold_header>li>div {
font-weight: bold;
color: #816243;
margin-bottom: 1em;
}
ol>li>ul {
list-style-type: disc;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
height: 120px!important;
}
.micp {
padding-left: 200px;
padding-right: 200px;
}
/*=========header=========*/
body {
/* background-color: #fff;*/
}
body #wrap {
width: 100%;
margin-right: auto;
margin-left: auto;
}
body.indexVersion #wrap {
}
body.indexVersion .headerArea {
}
body #wrap .container {
border-bottom-style: none;
clear: both;
padding-right: 0px;
padding-left: 0px;
}
.main_secBanner {
position: relative;
top: 520px;
}
body.indexVersion #header:after {
display: none;
}
body.indexVersion .bodyArea {
/* background-image:url(../images/bg_index.jpg);*/
background-repeat: no-repeat;
background-position: top center;/*
min-height:500px;*/
}
#header:after {
/* content:" ";
display:block;
width:100%;
height:20px;
background-image:url(../images/sd_header.jpg);
background-position:left top;
background-repeat:repeat-x;*/
}
.headerArea .container {
/* height: 135px*/
}
/*#wrap{
background-image:url(../images/bg_main1.jpg);
background-repeat:no-repeat;
background-position:center top;
}*/
.content_bg {
/* background-image: url(../images/content_bg.png);
background-position: 0px 0px;*/
width: 100%;
margin-right: auto!important;
margin-left: auto!important;
display: block;/*
z-index: 30;*//*
height: 1450px;*/
position: relative;
background-repeat: no-repeat;
height:auto;
min-height:800px;
background-color:#fff;
background: linear-gradient(#f5f2e9 0, #fff 400px);
padding-left:2%;
padding-right:2%;
}
.indexVersion .content_bg{
padding-left:0;
padding-right:0;
}
#wrap #footer .container {
border-bottom-style: none !important;
width: 100%;
margin-right: auto!important;
margin-left: auto!important;
padding: 0
}
.headerArea { /*color: #3e5259; /*padding:5px 20px;*/
/* background-image: url(../images/bg_header.jpg);*/
background-repeat: no-repeat;/*
height: 10px;*/
}
.headerTop {
text-align: right;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.mainbanner {
height: 520px;
background-size: cover;
width: 100%;
margin-right: 0;
margin-left: 0;
overflow: hidden;
}
.mainbanner.day {
background-image: url('../images/day_banner.jpg');
background-position: center 20%;
}
.mainbanner.night {
background-image: url('../images/img_headerbanner_night.jpg');
background-position: center 40%;
}
.mainbanner .flex-pauseplay{
z-index: 7000;
position: static;
}
.mainbanner .flex-pauseplay a{
left:auto;
right:10px;
top: 10px;
bottom: auto;
color: #ffca2e;
}
.mainbanner img {
z-index: -13;
max-width: none;
width: 100%;
}
.content_top_banner {
/* float: right;*/
min-height: 125px;
/* width: 100%; */
margin-right: 0;
margin-left: 0;
display: block;
height: 250px;
}
.headerArea .headerBottom {
/* background-image: url('../images/bg_header.png');
background-repeat: repeat-y;
padding: 20px;*/
}
.headerArea .headerBg {
background-color: #ff913f;
height: 43px;
width: 100%;
position: absolute;
top: 122px;
left: 0;
z-index: -1;
border-bottom: 3px solid #203682;
}
.headerArea ul {
margin: 0;
padding: 0;
}
.headerArea .headerTool {
background-color: inherit;
margin-right: auto;
margin-left: auto;
}
.headerArea .headerTool .langTool {
display: inline-block;
}
.headerArea .headerTool .langTool li span {
margin: 0;
}
.headerArea .headerTool2 {
width: 100%;
}
.headerArea .headerMenu a,
.headerArea .headerMenu a:link,
.headerArea .headerMenu a:visited,
.headerArea .headerMenu a:hover,
.headerArea .headerMenu a:focus,
.headerArea .headerMenu a:active{
line-height: 1.4em;
}
.headerArea .headerMenu .extmenu a,
.headerArea .headerMenu .extmenu a:link,
.headerArea .headerMenu .extmenu a:visited,
.headerArea .headerMenu .extmenu a:hover,
.headerArea .headerMenu .extmenu a:focus,
.headerArea .headerMenu .extmenu a:active{
color:#2b3944;
}
.headerArea .headerTool ul.menuLv0>li>a:focus {
}
.headerArea .headerTool #lunar_conversionc_uc img {
padding-bottom: 4px;
}
.headerArea .topHeaderTool {
margin: 5px 0 25px 0;
}
.headerArea .bottomHeaderTool {
margin: 5px 0 5px 0;
}
.headerArea .headerTool .myTool .myLogo, .headerArea .headerTool .topHeaderTool>div, .headerArea .headerTool .bottomHeaderTool>div {
float: left;
}
.headerArea .headerTool .myTool .myLogo {
position: relative;
z-index: 100;
}
.headerArea .headerTool .myTool .myLogoBg {
position: absolute;
left: 0;
right: 0;
height: 101px;
background-repeat: repeat-x;
z-index: 1;
}
.headerArea .headerTool .myTool .leftHeaderTool {
float: left;
margin-top: 4px;
}
.headerArea .headerTool .myTool .rightHeaderTool, .headerTool .topHeaderTool, .headerArea .bottomHeaderTool {
float: right;
width: 80%;
}
.myheaderTool>div.clientTool {
padding-top: 0;
padding-right: 0px !important;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
text-align: right;
display: flex;
align-items: center;
}
.myheaderTool>div.clientTool div {
position: relative;
}
.myheaderTool>div.clientTool div>a {
padding: 0 10px;
}
.myheaderTool>div.clientTool div:nth-child(1):before {
display: none;
}
.myheaderTool>div.clientTool div>ul.aaaTool {
padding: 0 4px;
}
.myheaderTool>div.clientTool div.datetime {
padding-right: 30px;
}
.myheaderTool>div.clientTool div.datetime>#lunar_climatology_uc {
padding-right: 0;
}
.myheaderTool>div.clientTool div.datetime>#lunar_conversionc_uc {
padding: 0;
}
.myheaderTool>div.clientTool div.datetime>span {
padding-left: 6px;
}
.myheaderTool>div.clientTool div.brandhk>* {
padding: 0;
}
.myheaderTool>div.clientTool div#wxinfo_bar>img {
height: 22px;
width: auto;
padding: 2px;
background-color: #fff;
}
.clientTool>div.language li.fst:before {
content: "";
display: none;
}
.clientTool>div.homeTool:before {
display: none;
}
.headerArea .headerTool .searchTool {
z-index: 8901;
position: relative;
}
div.searchTool:after {
content: none !important
}
div.hrbTool:after {
content: none !important
}
div.mobile_view:after {
content: none !important
}
div.language li.last:after {
content: "";
display: none;
}
.hrbTool:before {
content: none !important
}
.myheaderTool>div.clientTool div.RSS {
color: #be4a03;
font-size: 14px;
}
.myheaderTool>div.clientTool div.setting img {
width: 20px;
}
.myheaderTool>div.clientTool div.mobile_view {
height: 27px;
}
.clientTool ul {
list-style-type: none;
}
.searchTool form {
padding-right: 10px;
display: flex;
}
.searchTool .bs-example-js-navbar-search input:focus, .navbar-menu:focus, .overflowArea input:focus{
/*outline: 0px;*/
}
.searchTool .bs-example-js-navbar-search input:-webkit-autofill {
background-color: transparent;
}
.clientTool form a {
padding-left: 10px;
padding-right: 10px;
}
.searchBtn span{
font-size: 0;
}
.clientTool form img {
display: block;
position: relative;
}
.language>ul {
display: flex;
align-items: center;
}
.headerArea .clientTool>ul>li>div>* {
padding: 4px 12px;
}
.clientTool li .aaaTool, .clientTool li .aaaTool * {
vertical-align: inherit;
}
.mobileClient {
display: none;
}
.logIOTool a {
background: #eee;
}
.headerArea .language li {
position: relative;
padding: 0 10px;
}
.headerArea .language li a {
}
.headerArea .headerMenu li, .headerArea .headerMenu a {
margin: 0;
display: block;
text-align: center;
}
.headerArea .myTool, .headerArea .myTool a {
color: #3e5259;
}
.headerArea .langTool {
margin-top: 6px;
}
.headerArea .bottomHeaderTool .contactus img {
vertical-align: initial;
margin: 0 5px;
}
.headerArea .bottomHeaderTool .searchTool {
margin-left: 3px;
margin-top: -2px;
}
.headerArea .hrbTool img {
margin-left: 10px;
}
.myheaderTool>div.clfSeachBar {
float: none;
position: absolute;
top: 30px;
right: 20px;
}
.headerArea .searchTool .hrbTool a {
/*position: relative;
background-color:#3a6ecf;*/ color: #3e5259;
padding: 0 5px;
font-weight: bold;
font-size: 12px;
}
.headerArea .searchTool .hrbTool a:hover, .headerArea .searchTool .hrbTool a:focus {
color: #cc3333;
text-decoration: none;
}
.headerArea .aaaTool {
margin-right: 5px;
}
.headerArea ul.aaaTool {
padding-right: 0px;
padding-left: 0px;
}
.headerArea .bottomHeaderTool .searchTool .searchBtn img {
margin-left: 5px;
}
.headerArea .headerTool .headerMenu {
text-align: left !important;
z-index: 8000;
}
.headerArea .headerTool .headerMenu.mainheaderMenu {
position: relative;
}
.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool {
position: absolute;
left: 0;
top: 0;
z-index: 8600;
}
.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool button>span:nth-child(2) {
display: block;
width: 40px;
padding: 7px 0;
}
.headerArea .headerTool .headerMenu.subheaderMenu {
margin-left: 100px;
margin-right: 100px;
margin-top: 5px;
}
.headerArea .headerTool .headerMenu.subheaderMenu .tMenu>li>a {
z-index: 8010;
}
.headerMenu {
/* margin-left: 25%;*/
text-align: right;
padding: 0; position:relative;
}
.headerMenu:before {
content:"";
position:absolute;
background-color: rgba(26, 35, 45, 0.8);
left: 50%;
height: 100%;
z-index: -1;
width: 100vw;
display: block;
transform: translateX(-50%);
}
.headerArea .headerTool .headerMenu>ul {
margin-top: 0;/*
font-family: "Dancing Script";
font-size: 1.14286em;/* float: right;
margin-top:8px;*/
/* position: relative;
margin-left: 35%;
position: static;
display: inline-block;
text-align: right !important;
margin-top: 40px;*/
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.leftMenuVersion .leftmenu {
float: left;
width: 180px;
}
.leftMenuVersion .mainHeader, .leftMenuVersion .mainContent {
width: 800px;
float: left;
}
#mainContentSkip {
float: left;
}
/*
.headerArea .headerTool .searchTool
{
display: inline-block;
*zoom: 1;
*display: inline;
width:416px;
position:relative;
background-image: url(../images/bg_search.png);
background-repeat: no-repeat;
padding-top: 8px;
margin-top: -18px;
z-index: 9876;
}*/
.headerArea {
}
.headerTool {
}
.hrbTool {
width: 250px/*position: absolute;
left: 0;
right: 0px;
z-index: 9876;
height: 50px;*/
/*background-color:#fff;*/
}
.headerMenu>ul {
}
.headerMenu ul li {
float: left;
margin: 0;
}
.headerMenu ul.menuLv0>li>div.extmenu,
.headerMenu ul.menuLv0>.close>div.extmenu {
position: absolute;
left: -9999px;
right:auto;
}
.headerMenu ul .close ul ul ul {
display: none !important
}
.headerMenu ul .open>ul, .headerMenu ul li ul.activeUl, .headerMenu ul li ul.activeUl_withTimer {
display: block;
left: 0;
}
.headerMenu ul li a>div {
float: left;
}
.headerMenu ul.menuLv1 {
text-align: left;
width: 100%;
padding-top: 30px;
padding-bottom: 15px;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.headerMenu.subheaderMenu ul.menuLv1 {
position: absolute;
left: -9999px;
float: none;
}
.headerMenu.subheaderMenu .tMenu li.open>ul.menuLv1 {
left: 0;
right: 0;
margin: auto;
position: absolute;
padding-left: 500px;
padding-right: 300px;
padding-top: 30px;
padding-bottom: 30px;
/* width: 1600px;*/
min-height: 240px;
}
.headerMenu.subheaderMenu .open>ul.menuLv1:before {
content: "";
font-size: 1.6em;
font-weight: bold;
color: #779dcb;
text-align: center;
padding-top: 170px;
display: block;
width: 160px;
position: absolute;
top: 40px;
transform: translate(-150%, 0);
/* top:50%;
transform: translate(-150%,-50%);*/
background-image: url(../images/icon_topmenu_1.png);
background-repeat: no-repeat;
background-position: top center;
z-index: 8920;
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(1)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_1.png);
content: "";
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(2)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_2.png);
content: "";
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(3)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_3.png);
content: "";
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(4)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_4.png);
content: "";
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(5)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_5.png);
content: "";
}
.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(6)>ul.menuLv1:before {
background-image: url(../images/icon_topmenu_6.png);
content: "";
}
.headerMenu.subheaderMenu .open>ul.menuLv1:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #1f61af;
z-index: 8910;
}
.headerMenu.subheaderMenu .open>ul.menuLv1>li {
position: relative;
display: inline-block;
z-index: 8920;
}
.headerMenu ul ul.menuLv1>li {
border: 0;
border-top: 0;
list-style-type: disc;
margin: 0;
}
.headerMenu .extmenu ul.menuLv1 li a {
text-align: left;
margin-left: 4px;
}
.headerMenu ul.menuLv1.shortList {
width: 240px;
}
.headerMenu ul .longList {
float: left;
position: relative;
}
.headerMenu .longList ul.menuLv1.numUl1 {
left: 220px;
}
.headerMenu .longList ul.menuLv1.numUl2 {
left: 440px;
}
.headerMenu ul.menuLv0 {
margin: 0 auto;
padding: 0;
}
.headerMenu ul.menuLv0, .headerMenu ul.menuLv0 li {
list-style-type: none;
text-align: center;
}
.headerMenu ul.menuLv0>li>a:before{
content:"";
width:1px;
position:absolute;
left:0;
top:0;
bottom:0;
}
.headerMenu ul.menuLv0>li:nth-child(1)>a:before{
display:none;
}
@media (min-width: 864px){
.headerMenu ul.menuLv0>li.firstLi{
display:none;
}
}
.headerMenu ul.menuLv0>li.firstLi>a img {
margin: 0 15px;
}
.subheaderMenu ul.menuLv0>li {
font-weight: bold;
text-align: right;
position: relative;
text-align: center;
vertical-align: top;
}
.headerMenu ul.menuLv0>li>a {
font-size: 1em;
font-weight: bold;
}
.headerMenu.subheaderMenu ul.menuLv0>li {
position: static;
font-weight: bold;
}
.headerMenu ul.menuLv0>li.firstLi>a:before {
display: none;
}
.headerMenu.subheaderMenu ul.menuLv0>li>a:before {
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
width: 1px;
background-color: #666;
}
.headerMenu ul.menuLv0>li.firstLi:before {
content: '';
display: none;
}
.headerMenu ul.menuLv0>li.my_menu1:before {
content: '';
display: none;
}
.headerMenu ul.menuLv0>li:hover:after, .headerMenu ul.menuLv0>li.active_section:after {
content: " ";
position: absolute;
width: 19px;
height: 10px;
bottom: 8px;
left: 50%;
margin-left: -9.5px;
background-repeat: no-repeat;
}
.tMenu>li {
min-height: inherit !important;
max-height: inherit !important;
width: auto;
font-size: 1em;
text-align: left;
background-repeat: no-repeat;
}
.englishVersion .tMenu>li.short{
min-width: 130px;
}
.englishVersion .headerMenu ul.menuLv0>li>a {
font-size: 1em;
}
.englishVersion .headerArea .headerMenu a:link,
.englishVersion .headerArea .headerMenu a:visited,
.englishVersion .headerArea .headerMenu a:hover,
.englishVersion .headerArea .headerMenu a:focus,
.englishVersion .headerArea .headerMenu a:active {
line-height: 1.2em;
}
.headerMenu ul.menuLv1>li>div.extmenu {
position: relative;
}
.headerMenu ul li.my_menu>div.extmenu:before {
content: '';
position: absolute;
width:0px;
background: #eb6100;
height: 4px;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.headerMenu ul li.open>div.extmenu:before{
-webkit-transition: width 1s;
-ms-transition: width 1s;
transition: width 1s;
}
@media(min-width:1921px){
.headerMenu ul li.open>div.extmenu:before{
width:10000px;
}
}
.headerMenu ul.menuLv0>li>a>span {
display: block;
margin-top: 0;
}
.headerMenu ul.menuLv0>li>a>span{
position: relative;/*
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.headerMenu ul.menuLv0>li>a>span.caret, .headerMenu ul.menuLv1>li>a>span.caret {
position: absolute;
padding-right: 0;
top: 50%;
right: 5px;
display: none;
}
.headerMenu.subheaderMenu ul.menuLv0>li:hover>a, .headerMenu.subheaderMenu ul.menuLv0>li>a:hover, .headerMenu.subheaderMenu ul.menuLv0>li>a:focus {
background-color: #1f61af;
color: #fff;
position: relative;
}
.headerMenu.subheaderMenu ul.menuLv0>li:hover>a:after, .headerMenu.subheaderMenu ul.menuLv0>li>a:hover:after, .headerMenu.subheaderMenu ul.menuLv0>li>a:focus:after {
content: "";
position: absolute;
bottom: 0;
height: 5px;
left: 20px;
right: 20px;
border-radius: 10px;
background-color: #97b5d9;
}
.headerMenu .tMenu a>span {
margin: 0 0px;
}
body .headerMenu .tMenu>li>a {
padding-left: 10px !important;
padding-right: 10px !important;
}
.headerMenu.subheaderMenu .tMenu li.open ul, .headerMenu.subheaderMenu .tMenu li ul.activeUl {
margin: 0;
background-color: #1f61af;
padding: 0;
border-top: 1px solid #1b5397;
}
.headerMenu .tMenu li>ul.menuLv2 {
position: absolute;
left: -9999px;
}
.headerMenu .tMenu li.active>ul.menuLv2 {
display: block;
min-width: 100%;
position: relative;
left: auto;
}
.headerMenu .tMenu li.open ul:after, .headerMenu .tMenu li ul.activeUl:after {
clear: both;
}
.headerMenu .tMenu li.open ul>li, .headerMenu .tMenu li ul.activeUl>li {
float: none;
display: block;
}
.headerMenu .tMenu li.open ul li a, .headerMenu .tMenu li ul.activeUl li a {
margin-top: 0;
margin-bottom: 0;
display: block;
}
.headerMenu .tMenu li.open ul.menuLv2>li>a, .headerMenu .tMenu li ul.activeUl .menuLv2>li>a {
padding: 6px 10px 6px 30px;
}
.headerMenu .tMenu li.open ul.menuLv2>li>a:focus, .headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus, .headerMenu .tMenu li.open ul.menuLv2>li>a:active, .headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active, .headerMenu .tMenu li.open ul.menuLv2>li>a:hover, .headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {
background-color: #1d5ca6;
}
.headerMenu ul.menuLv0 {
z-index: 7900;
position: relative;
}
.headerMenu ul.menuLv1 {
z-index: 7910;
position: relative;
}
.headerMenu ul.menuLv2 {
z-index: 7920;
}
.headerMenu ul.menuLv1>li {
position: relative;
}
.headerMenu .tMenu li.open ul.menuLv2>li {
width: 100%;
}
.headerMenu.subheaderMenu .tMenu li ul>li {
width: 100%;
height: auto;
float: left;
}
.headerMenu .tMenu li ul.menuLv1>li {
float: none;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li {
width: 33% !important;
margin: 0;
vertical-align: top;
}
.headerMenu .tMenu li ul.menuLv1>li .extmenu {
display: none;
}
.headerMenu .tMenu li ul>li.close {
background-position: right top;
background-repeat: no-repeat;
}
.headerMenu .tMenu .menuLv1 a {
padding-left: 30px;
}
.headerMenu .tMenu .menuLv1 >li>a:before {
content: '';
width: 24px;
height:24px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.headerMenu.subheaderMenu .tMenu .menuLv1 a {
color: #fff;
}
.headerMenu.subheaderMenu .tMenu .menuLv1 a:focus, .headerMenu.subheaderMenu .tMenu .menuLv1 a:hover {
color: #f6c812;
}
.caret {
display: none;
}
.siteList .caret {
display: none;
}
.headerMenu .tMenu .menuLv1 hr {
margin-top: auto;
margin-bottom: auto;
border: 1px solid #b9c7d6;
border-top: 0;
width: 90%;
margin: 0 auto;
}
.leftHeader {
display: none;
}
.leftMenuHeader {
margin-top: 0;
}
.left_menu>div {
position: relative;
z-index: 8000;
}
.left_menu>div.menuBg {
position: absolute;
top: 0;
bottom: 0;
width: 185px;
z-index: 5000;
}
.leftMenuArea {
float: left;
width: 185px;
}
.leftMenu {
float: left;
}
.left_menu {
width: 185px;
min-height: 100%;
}
.leftMenu {
z-index: 7900;
position: relative;
}
.leftMenu .close>ul {
height: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
position: relative;
overflow: hidden;
}
.leftMenu .open>ul {
height: auto;
opacity: 1;
filter: alpha(opacity=100);
z-index: 7910;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
overflow: visible;
}
.copyrightBar {
text-align: center;
margin: 0 0 0 0;
}
.headerTool {
}
.headerNav {
width: 100%;
}
.headerTool .myLogo {
padding: 0;
position: absolute;
z-index: 9999;
}
@media (min-width:993px){
.headerTool .myLogo a {
padding: 18px;
display: inline-block;
}
}
@media (max-width:993px){
.headerTool .myLogo a {
padding: 0px;
display: inline-block;
}
}
.headerTool .myLogo img {
text-align: left;
}
.headerTool .myLogo img{
max-width: 540px;
/*width:100%;*/
}
.headerTool .AStyleArea a {
padding: 0 4px;
vertical-align: baseline;
}
/*=========footer=========*/
.footerArea {
color: #444;
}
.footerArea a {
color: #444;
}
.footerArea .footerTitle a{
color:#444;
}
.footerArea .footerMenu a {
color: #fff;
}
.footerMenu ul, .footerMenu ul li {
list-style-type: none;
padding: 0;
}
.indexVersion .footerMenu .bMenu {
display: block;
}
.footerArea {
position: relative;
padding: 0 0;
padding-bottom: 20px;
}
.indexVersion .footerArea {
box-shadow: none;
}
.footerArea .container {
z-index: 1000;
}
.footerArea0 {
background-color: #f5fdee;
overflow: hidden;
padding: 40px 0;
}
.footerArea1 {
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
.footerArea1 .footerMenuArea {
background-color: #fff;
}
div.footerRow {
text-align: center;
}
.footerRow .logo {
text-align: center;
margin-bottom: 20px;
}
.indexVersion .footerRow {
text-align: center;
background-color: #fff;/* position: absolute;
left: 1em;
right: 1em;*/
}
.shareFooter {
margin: 25px 0 15px 0;
text-align: center;
}
.shareFooter a {
display: inline-block;
text-align: center;
padding: 0 16px;
font-weight: bold;
}
.footerArea .footerTop {
position: relative;
}
.footerArea .footerTop .mylogo {
position: absolute;
left: 0;
top: 10px;
}
.footerArea .footerBottom {
margin-top: 30px;
}
body #wrap .footerArea .container {
/*background-color:#26418e;*/
}
.footerArea .footerMenu .footerMenuParent{
/* padding-bottom: 0;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #3f535a;
padding-right: 0px;
padding-left: 0px;*/
padding: 21px 10px;
position: relative;/*
background-color: #fcc800;*/
}
body.chineseVersion .footerArea .footerMenu .footerMenuParent{
padding: 21px 10px 24px 10px;
}
body.ieVersion .footerArea .footerMenu .footerMenuParent{
padding: 20px 10px;
}
body.ieVersion.chineseVersion .footerArea .footerMenu .footerMenuParent{
padding: 29px 10px;
}
.footerArea .footerMenu:after {
/* content: '';
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
height: 2px;*/
}
.footerArea .footerMenu{
background-color:#37630a;
}
.footerArea .footerMenu .footerMenuParent{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
}
.fm0 {
width: 15%;
}
.fm1 {
width: 15%;
}
.fm2 {
width: 25%;
}
.fm3 {
width: 25%;
}
.fm4 {
width: 19%;
}
.fm5 {
width: 16.666%;
}
.fm6 {
width: 16.666%;
}
.footerMenuParent .extmenu a{
position: relative;
}
.footerMenuParent .extmenu a:before{
content: '';
position: absolute;
left:0;
top:9px;
background-color: #fff;
width: 5px;
height: 5px;
}
.headerMenu .footerMenuParent .extmenu a:before{
background-color: #fa7370;
}
/*
.footerArea .fm1 .fMenu>li:nth-child(1) {
background-color: #1c8d3d;
}
.footerArea .fm2 .fMenu>li:nth-child(1) {
background-color: #096fb9;
}*/
.footerArea .footerMenu .myText .hdOnly {
display: none;
}
.footerMenu ul ul ul {
display: none;
}
.footerArea .myFooterBg {
position: absolute;
left: 0;
right: 0;
background: #012056;
bottom: 0;
z-index: 1;
}
/*.footerMenu .bMenu
{
display:none;
}*/
.footerMenu .bMenu li {
display: list-item;
margin: 10px 0;
list-style-type: disc;
}
.footerMenu .bMenu .menuLv1 li {
}
.footerMenu .bMenu .menuLv1 li:before {
position: relative;
display: inline-block;
margin-right: 5px;
}
.footerMenu ul.menuLv0>li.firstLi {
/* display: none;/* float: left;
list-style-type: none;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 35px;
padding-left: 30px;
display: none;*/
}
.footerMenu ul.menuLv0>li.my_menu1 {
/* float: left;
width: 13%;
list-style-type: none;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 35px;
padding-left: 6%;*/
}
/*.footerMenu ul.menuLv0>li.my_menu2 {
width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu3 {
width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu4 {
width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu5 {
width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu6 {
width: 13%;
}*//*
.footerArea .footerMenu .bMenu>li {
float: left;
list-style-type: none;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 35px;
}
.footerArea .footerMenu .bMenu>li.my_menu18 {
float: left;
width: 240px;
list-style-type: none;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 35px;
}*/
/*.footerArea .footerMenu .bMenu>li a{
margin-bottom: 5px;
}
.footerArea .footerMenu .bMenu>li li{
float: left;
margin: 8px 25px 8px 25px;
width: 200px;
max-width: 100%;
}
.footerMenu .bMenu {
font-size: 1em;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 30px;
padding-left: 0;
}*/
.footerMenu .shortList {
max-width: 120px;
}
.footerMenu .longList>ul {
float: left;
}
.footerMenu .longList .firstUl {
margin-left: 0;
}
.footerMenu .longList ul {
margin-left: 20px;
}
.footerMenu .bMenu .menuLv1 a:link, .footerMenu .bMenu .menuLv1 a:visited {
display: inline;
}
.footerMenu .bMenu a:link, .footerMenu .bMenu a:visited {
display: block;
color: #3e5259;
font-weight: bold;
}
.footerMenu .bMenu a:hover, .footerMenu .bMenu a:focus, .footerMenu .bMenu a:active, .footerMenu .bMenu a.active_section {
text-decoration: none;
}
.footerMenu .bMenu .menuLv1 a:link, .footerMenu .bMenu .menuLv1 a:visited, .footerMenu .bMenu .menuLv1, .footerMenu .bMenu .menuLv1 {
color: #3e5259;
font-weight: normal;
}
.footerMenu .bMenu .menuLv1 a:hover, .footerMenu .bMenu .menuLv1 a:focus, .footerMenu .bMenu .menuLv1 a:active, .footerMenu .bMenu .menuLv1 a.active_section {
}
body .footerArea ul.fMenu {
list-style-type: none;
padding: 0;
margin-bottom: 0;
}
body .footerArea ul.fMenu, body .footerArea .copyRight, body .footerArea .copyrightBar {
/*text-align:center;
display: inline;*/
}
body .footerArea ul.fMenu {
/*margin:2px 0;
display: inline-block;
float: right;
max-width:38%;*/
}
body .footerArea div.info ul.fMenu {
/* max-width: 50%;*/
margin: 0px;
padding: 0px;
display: block;
}
body .footerArea .footerBold {
font-size: 1.1em;
font-weight: bold;
}
body .footerArea .govLogo {
margin-bottom: 10px;
}
body .footerArea .govLogo>div {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
body .footerArea .info {
display: inline-block;
text-align: center;
vertical-align: middle;
}
body .footerArea .info>div {
padding-left: 5px;
}
.footerArea ul.fTool {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -12px;
}
.footerArea ul.fTool>li {
display: inline-block;
}
.footerArea .info .fTool li a {
padding: 0 12px;
}
.copyR {
text-align: center;
margin-bottom: 20px;
}
.copyR>div {
display: inline-block;
}
.copyR>div:nth-child(2) {
padding: 0 10px;
}
#footer div.system {
width: 50%;
text-align: right;
float: right;
}
#footer div.copyright {
width: 50%;
text-align: right;
float: right;
}
#footer div.w3c {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;/* float:right;
/* text-align:center;
/* display: inline-block;
/* width: 50%;*/
/* float:right;
text-align: right;
padding-top: 0;*/
}
#footer div.w3c>div {
display: inline-block;
padding: 6px 12px;
vertical-align: middle;/*
transform: translateY(-25%);
/* vertical-align: baseline;
display: inline-block;
padding: 6px 12px;
/* vertical-align: middle;*/
}
#footer div.w3c .copyrightBar img {
}
.footerArea .updateDate {
display: inline-block;
padding: 0 12px;/*float:right;
/*margin-top:20px;
margin-right:15px;/*
display: inline-block;
/*margin-bottom: 10px;
padding-left: 5px;
padding-top: 24px;
float: right;*/
}
.footerArea ul.fMenu {
display:block;
}
.footerArea ul.fMenu, .footerArea ul.fMenu li {
list-style-type: none;/* padding: 0;*/
}
.footerArea ul.fMenu li {
display: inline-block;
vertical-align: top;
width: 100%;/* padding-bottom:.1em;*/
}
.footerArea ul.fMenu .extmenu li {
display: block;
}
.footerArea ul.fMenu {
margin: 0 20px;
}
.footerArea .fMenu>li{
display: block;
margin-bottom: 10px;
}
.footerArea .fMenu>li a, .headerArea .footerArea ul.fMenu>li>a {
display: block;
margin: 0;
padding: 8px 16px;
}
.footerArea .fMenu>li a br{
display: none;
}
.footerArea .fMenu>li>a {
font-weight: bold;
color:#dde47c;
}
.englishVersion .footerArea .fMenu>li>a{
font-size: 1em;
}
.chineseVersion .footerArea .fMenu>li>a{
font-size: 1.2em;
}
.footerArea .fMenu>li .extmenu a {
padding-top: 2px;
padding-left: 12px;
padding-right: 5px;
padding-bottom: 2px;
margin-left: 17px;
}
.englishVersion .footerArea .fMenu>li .extmenu a {
font-size: 0.9em;
}
.chineseVersion .footerArea .fMenu>li .extmenu a {
font-size: 1em;
}
.footerArea .fMenu>li .firstItem {
margin-left: 0
}
.footerArea .fMenu>li .lastItem {
margin-right: 0
}
.footerLeft {
float: left;
}
.footerRight {
float: right;
}
.AStyleArea, .language{
font-size: 0.9em;
}
.searchBox{
font-size: 0.8em;
height: auto;
border-radius: 0;
width: auto;
min-width: 300px;
padding: 4px 6px;
background-color: transparent !important;
border-top: 0px;
border-left: 0px;
border-right: 0px;
outline: none;
}
.copyRight {
margin-bottom: 10px;
display: block;
text-align: left;
}
.myheaderTool {
position: static;
display: inline-block;/*
padding-top: 23px;*/
padding: 32px 0 32px 0;
}
.myheaderTool div {
/* float: left;*/
line-height: normal;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
}
.myheaderTool>div.mobile_view {
padding-left: 0px;
}
.myheaderTool>div.sitemap {
padding-left: 0px;
font-size: 14px;
}
.myheaderTool>div.sitemap a {
color: #3e5259;
}
.mailTool {
float: right;
}
.homeTool img {
vertical-align: text-bottom;
}
/*.footerArea>div {
background-image: url(../images/footer/footer_bg.gif);
background-repeat: repeat;
}*/
.footerArea .myLogo img {
width: 90px;
display: block;
margin: auto;
}
.footerArea .myLogo span {
display: block;
text-align: center;
margin-top: 10px;
}
/*=========Page Buttom=========*/
body div.btmNav {
position: relative;
z-index: 6000;/*margin: 50px 0 0 0;
/*height: 60px;*/
/*width: 815px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 10px;
float: right;
text-align:right;
width: auto;*//*
padding-top: 30px;
padding-bottom: 30px;*/
opacity: 0;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-ms-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
right: 20px;
margin-top: 60px;
}
body div.btmNav.active{
opacity: 1;
}
body div.btmNav.fixed{
position: fixed;
bottom: 20px;
right: 20px;
}
body div.btmNav.fixed .topBtn a{
margin:0;
-webkit-transform: translateY(-0%);
-moz-transform: translateY(-0%);
-ms-transform: translateY(-0%);
-o-transform: translateY(-0%);
transform: translateY(-0%);
}
/*.indexVersion div.btmNav{
display:none;
}*/
.backBtn {
display: inline-block;
/*background-image: url(../images/btn_back.png);
background-repeat: no-repeat;*/
/*width:54px;
height: 19px;*/
float: left;
/*padding: 10px 15px;*//*
padding: 7px 12px;*/
/*padding: 6px 12px;
/*background-color: #d8e2ed;*/ color: #3e5259;
margin: 0;
/*background-color: #3e535a;
/*
margin:0 0 0 50px;*/
/*background-color: #FAB965;*/
font-weight: bold;/*margin-left:15px;*/
}
.topBtn {
/*display: block;
position: fixed;
right: 20px;
bottom: 20px;*/
display: inline-block;
color: #3e5259;
margin: 0;
font-weight: bold;
position: absolute;
right: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.backBtn a {
padding: 5px 7px 8px 7px;
background-color: #446993;
border-radius: 4px;
color: #FFF !important;/*color: #172e4d;*/ /*margin-left: 25px;*/
}
.backBtn a:hover, .backBtn a:focus {
text-decoration: none;
}
.topBtn a {
position: relative;
width: 50px;
height: 50px;
display: block;
background-color: #2876AF;
color: #FFF !important;
}
.topBtn a img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.topBtn a:hover, .topBtn a:focus {
text-decoration: none;
}
.my_anchor {
font-size: 0 !important;
padding: 0 !important;
margin: 0 !important;
position: static !important;
display: block !important;
height: 0 !important;
width: 0 !important;
}
/*=========breadcrumb=========*/
.contentArea .breadcrumb a.home {
/*background-image: url(../images/home_breadcrumb_btn.png);
background-repeat: no-repeat;
display: inline-table;
overflow: hidden;
text-indent: -9999px;
padding: 1%;
cursor: pointer;
height: 23px;
width: 22px;
background-position: center -3.5px;*/
padding-right: 0;
text-decoration: none;/*
color: #345598 !important;*/
}
.contentArea .breadcrumb {
/* width: 970px;
/* height: 60px; */
color: #444;
z-index: 7888;/*
position: relative;*/
margin-top: 0;/* padding-left: 30px;*/
margin-right: auto;
margin-bottom: 0;
/* margin-left: 25px;*/
margin-left: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
background-color: transparent;
display: block;
padding: 14px 0;
border-bottom: 1px solid #e4e4e4;/*
float:left;*//* font-weight:bold;*/
font-size: 1.2em;
}
.contentArea .breadcrumb:after {
/* content:"";
position:absolute;
left:0;
right:0;
top: 0;
height:67px;
background-color:#1a58ab;
z-index:-1;*/
}
.breadcrumb a {
text-decoration: none;
color: #126700 !important;
}
.breadcrumb ul {
/* margin-left: .2em;*/
}
.breadcrumb ul li {/*
padding:1em 0;*/
}
.breadcrumb ul li:last-child span{
color: #444 !important;
/*padding: 0 5px;color:#f00;
font-weight:bold;*/
}
.indexVersion .breadcrumb {
display: none;
}
.extIndex .breadcrumb {
display: none;
}
.qrcode {
position: relative;
}
.listStyleInline {
display: inline;
padding: 0;
}
.listStyleInline li, .listStyleInline li>*, .listStyleInline li>a {
margin: 0 1px;
padding: 0;
float: none;
display: inline;
}
/*=============Header============*/
.mainHeader .title {
position: absolute;
bottom: 15px;
left: 15px;
color: #05499c;
font-size: 3.6em;
font-weight: bold;
padding: 4px 15px;
box-shadow: 0 0 10px -2px #000;
background-color: #fff;
}
.mainHeader:before {
/* content:" ";
position:absolute;
left:0;
right:0;
height:215px;
background-image:url('../images/bg_header.jpg');
background-repeat:repeat-x;
background-position:bottom;
z-index:3100;*/
}
.mainHeader h1 {
/* background-image: url('../images/banner_sec1_v2.png');*/
background-repeat: no-repeat;
background-position: right bottom;
}
.mainHeader.section0 h1 {
/* background-image: url('../images/banner_sec1_v2.png');*/
}
.mainHeader.section1 h1 {
/* background-image: url('../images/banner_sec1_v2.png');*/
}
.mainHeader.section2 h1 {
/*background-image: none;
padding:43px 0;*/
/* background-image: url('../images/banner_sec2_v2.png');*/
}
/*.mainHeader.section2:before{
height:121px;
background-image:url('../images/bg_header2.jpg');
}
.mainHeader.section3 h1{
background-image: url('../images/banner_sec3_v2.png');
}
.mainHeader.section4 h1{
background-image: url('../images/banner_sec4_v2.png');
}
.mainHeader.section5 h1{
background-image: url('../images/banner_sec5_v2.png');
}
.mainHeader.section6 h1{
background-image: url('../images/banner_sec6_v2.png');
}
.mainHeader.section7 h1{
background-image: url('../images/banner_sec7_v2.png');
}
.mainHeader.section8 h1{
background-image: url('../images/banner_sec8_v2.png');
}
.mainHeader.section9 h1{
background-image: url('../images/banner_sec9_v2.png');
}*/
.mainHeader.section1 h1 {
/* text-shadow: 2px 2px 4px #125611;*/
}
.mainHeader h1 {
text-align: left;
margin: 0px;
font-weight: bold;
padding: 40px 0 30px 0;
color: #235077;
margin-top: 0;
position: relative;
z-index: 3500;
font-size: 2.5em;
}
.mainContent .mainHeader h1 {
/*position:relative;*/
margin-bottom: 0;
width: 100%;
margin: 0;
padding-right: 80px;
}
.mainHeader hr {
border-bottom: #203682 1px solid;
border-top: 0;
margin: 0;
padding: 0;
}
.printTool {
margin-top: 1em;
display: inline-block;
text-align: right;
/*margin: 0 10px 0 10px;*/
float: right;/*position: absolute;
right: 0;
bottom: 10px;*/
}
.printTool a {
color: #F00;
}
.mainContent h2 {
/* color: #073e7f;
color:#816243;*/
font-size: 1.6em;
color: #40750c;
font-weight: bold;
padding-top: 12px;
margin-top: 0;
margin-bottom: 0;
/*padding-bottom: 12px;*/
/* margin-left:10px;*/
margin-bottom: 12px;/*
border-bottom: 4px solid #50b99b;*/
}
.mainContent h2:first-of-type{
/* color: #073e7f;
color:#816243;*/
font-size: 1.6em;
color: #40750c;
font-weight: bold;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
/*padding-bottom: 12px;*/
/* margin-left:10px;*/
margin-bottom: 12px;/*
border-bottom: 4px solid #50b99b;*/
}
.mainContent h2.alter {
color: #166867
}/*
.mainContent>h1:nth-child(1){
display:none;
}*/
/*=========mainContent=============*/
body #wrap .bodyArea .container:nth-child(2) {
/* padding: 25px 0px;*/
padding: 0px 0px;
}
.contentArea {
padding: 0;
/* display: inline-block;
width: 835px;*/
min-height: 500px;
}
.indexVersion .contentArea {
width: 100%;
min-height: 0;
}
.mainContent {
margin: 0px 0px;/*padding-top:10px;*/
}
.bodyArea {
background-color: #fff;
z-index: 3000;/*
background-color:#ebf3f6;*/
position: relative;/* background-color:#f4f4f4;*/
}
.indexVersion .bodyArea {
background-color: transparent;
}
.bodyArea .container {
z-index: 3000;
display: block;
height: auto;
padding-top: 0;
padding-right: 30px;
padding-bottom: 0;
padding-left: 30px;
}
/*.bodyArea>div
{
background-color: #efeee7;
background-image: url(../images/shadow.png);
background-repeat: repeat-y;
background-position: 185px 0;
position: relative;
}
*/
.table_photo tr td {
padding: 15px 15px;
font-size: 1em;
line-height: 1.5em;
border: 1px solid #eceeee;
}
.table_student {
border-width: 5px;
border-color: grey;
border-style: dotted;
font-size: 1em;
line-height: 1.5em;
}
.table_header {
/* border: 1px none #fff;*/
border-collapse: collapse;
padding: 10px 15px;
background-color: #245f84;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 1em
}
.table_header_2 {
border: 1px none #6a7499;
border-collapse: collapse;
padding: 10px 15px;
background-color: #32a1bd;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 1em
}
.cap_text {
font-size: 0.9em;
}
.titleBlue {
color: #203682;
font-size: 1.6em;
font-weight: bold;
border-bottom: #203682 1px solid;
padding-bottom: 5px;
margin-bottom: 20px;
}
.rightBtn {
float: right;
z-index: 7500;
position: relative;
padding-bottom: 5px;
}
.blueBtn img {
opacity: 0.7;
filter: alpha(opacity=70);/*background-color:#7c9fc7;*/
}
.blueBtnOn img {
opacity: 1;
filter: alpha(opacity=100);/*background-color:#006cae;*/
}
.indexContent, .whatIsNew, .eventCalender {
display: inline-block;
*zoom: 1;
*display: inline;
}
.indexContent {
width: 38%;
}
.whatIsNew, .eventCalender {
width: 405px;/*margin-left:2%;*/
}
.whatIsNew ul {
margin: 0;
padding: 0;
color: #006ab6;
}
.whatIsNew ul>li {
margin: 25px 0;
}
.whatIsNew ul .newsDate {
color: #3e5259;
}
.eventCalender .event_tit {
font-weight: bold;
color: #3e5259;
}
.eventCalender .event_tit.holiday {
color: #f00;
}
.eventCalender ul {
margin: 0;
padding: 0;
margin-left: 15px;
color: #006ab6;
}
.eventCalender ul>li {
margin: 5px 0;
}
.eventCalender .eventList>div {
padding: 10px;
}
.eventCalender .bgColorZe {
background-color: #edf1f4;
}
/*==============================*/
.headerArea {
position: fixed;
width: 100%;
top: 0;
z-index: 7000;
height: auto;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
-ms-transition: background-color 0.5s ease-in-out;
-o-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
}
.headerArea .headerTool {/*
width: 1280px;*/
max-width: 100%;/* position: fixed;
width: 100%;
transform: translateX(-50%);
left: 50%;*/
}
.headerArea .headerTool .headerNav {/*
max-width: 1280px;*/
margin: auto;
}
.headerArea.fixed:before {
content: "";
/*
position: fixed;
height: 136px;
background-color: rgba(255,255,255,1);*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.indexVersion .headerArea:before, .indexVersion .headerArea.fixed:before, .indexVersion .headerArea:after {
display: none;
}
.indexVersion .headerArea .headerTool {
position: static;
width: auto;
left: auto;
transform: none;
}
.indexVersion .headerArea .headerTool .headerNav {
max-width: none;
}
.headerArea.fixed .myLogo {
margin-top: -12px;
}
.headerArea .myLogo .logo_0>a>img {
}
.headerArea.fixed .myLogo .logo_0>a>img {
max-width: 355px;
max-height: 80px;
width: auto;
height: auto;
padding: 12px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.headerArea.fixed .headerTop {
min-height: 60px;
}
.headerArea .clientTool .more {
display: none;
}
.headerArea.fixed .clientTool .more {
display: inline-block;
}
.headerArea .myheaderTool>div.clientTool .mobSearch, .headerArea.fixed .clientTool>br, .headerArea.fixed .headerTool .clientTool .searchTool {
display: none;
}
.headerArea.fixed .myheaderTool>div.clientTool .mobSearch {
display: inline-block;
}
.headerArea.fixed .myheaderTool>div.clientTool .mobSearch img, .headerArea.fixed .myheaderTool>div.clientTool .print img, .headerArea.fixed .myheaderTool>div.clientTool .share img {
height: 20px;
padding: 0;
}
.headerArea.fixed .headerTool .clientTool .searchTool {
position: absolute;
top: 100%;
margin: 0;
background-color: #fff;
left: 0;
right: 0;
}
.headerArea.fixed .searchTool form {
float: none;
text-align: center;
padding: 0;
background-color: #fff;
-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
transition: background-color 0.3s ease-in-out, padding 0.3s ease;
}
.headerArea.fixed .headerTool .clientTool .searchTool.mobActive {
display: block;
}
.headerArea.fixed .searchTool.mobActive form {
background-color: #f8f8f8;
padding: 30px 0;
}
.headerArea.fixed .headerTool .searchTool input {
max-width: 100%;
width: 500px;
}
/*===========AAA================*/
/*.headerArea, footerArea
{
font-size: .7em;
}*/
#footer {
}
.mySize0 .headerArea, .mySize0 .footerArea {
}
.mySize0 .headerArea, .mySize0 .footerArea {
/* height:auto;*/
}/*
.mySize1 .headerArea, .mySize1 .footerArea {
font-size: 1em;
}
.mySize2 .headerArea, .mySize2 .footerArea {
font-size: 1em;
}*/
/*.mySize0 .mainContent
{
font-size: .7em;
}
.mySize1 .mainContent
{
font-size: 1.1em;
}
.mySize2 .mainContent
{
font-size: 1.5em;
}*/
/*
.mySize0 #flexslider
{
margin-bottom:1em;
}
.mySize1 #flexslider
{
margin-bottom:3.5em;
}
.mySize2 #flexslider
{
margin-bottom:5.5em;
}
*/
/*==========footerBanner==========*/
.footerBanner {
/*float:left;
/*margin:-20px 0 0 0;*/
text-align: center;
margin: auto;
/*padding-bottom: 50px;
padding-top: 10px;*/
padding: 20px 0;/*
float: left;*/
}
.footerBanner li {
display: inline-block;/*
margin: 0 5px;*//*
max-width:20%;*/
}
.footerBanner li img {
/* height: 51px;*/
}
/*============================*/
/* =================================================================================================
Right Scrolling Module with Pagnation
================================================================================================= */
/*
* simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
*
* http://logicbox.net/jquery/simplyscroll
* http://logicbox.net/blog/simplyscroll-jquery-plugin
* http://plugins.jquery.com/project/simplyScroll
*
* Copyright (c) 2009 Will Kelly - http://logicbox.net
*
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Last revised: 03/07/2009 21:13
*
*/
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
z-index: 2;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 8px 0px 0px;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
background-position: 84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
background-position: -42px -88px;
}
/* Custom class modifications - override classees
.simply-scroll is default
*/
.simply-scroll { /* Customisable base class for style override DIV */
width: 100%;
/*width: 580px;*/
height: 480px;
margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
width: 580px;
height: 480px;
border-top: #a2adc1 1px solid;
}
.simply-scroll .simply-scroll-list {
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 550px;
height: 160px;
}
.simply-scroll .simply-scroll-list li img {
}
.simply-scroll .simply-scroll-btn {
}
.simply-scroll .simply-scroll-btn-left {
}
.simply-scroll .simply-scroll-btn-left.disabled {
}
.simply-scroll .simply-scroll-btn-left:hover {
}
.simply-scroll .simply-scroll-btn-right {
}
.simply-scroll .simply-scroll-btn-right.disabled {
}
.simply-scroll .simply-scroll-btn-right:hover {
}
.simply-scroll .simply-scroll-btn-up {
}
.simply-scroll .simply-scroll-btn-up.disabled {
}
.simply-scroll .simply-scroll-btn-up:hover {
}
.simply-scroll .simply-scroll-btn-down {
}
.simply-scroll .simply-scroll-btn-down.disabled {
}
.simply-scroll .simply-scroll-btn-down:hover {
}
/* Vertical scroller example */
.vert { /* wider than clip to position buttons to side */
width: 340px;
height: 400px;
margin-bottom: 1.5em;
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px;
}
.vert .simply-scroll-list {
}
.vert .simply-scroll-list li {
width: 290px;
height: 200px;
}
.vert .simply-scroll-list li img {
}
.vert .simply-scroll-btn {
}
.vert .simply-scroll-btn-up { /* modified btn pos */
right: 0;
top: 0;
}
.vert .simply-scroll-btn-up.disabled {
}
.vert .simply-scroll-btn-up:hover {
}
.vert .simply-scroll-btn-down { /* modified btn pos */
right: 0;
top: 52px;
}
.vert .simply-scroll-btn-down.disabled {
}
.vert .simply-scroll-btn-down:hover {
}
/* NOTE left-right classes wouldn't be needed on vertical scroller */
.simply-scroll .simply-scroll-list .newsList>li {
height: inherit;
margin: 0;
padding: 0;
/*border-bottom:1px solid #bdcfe3;
/*list-style-type:disc;*/
width: inherit;
}
.simply-scroll .simply-scroll-list .newsList>li>div {
padding: 10px 45px;
}
/*========================================Clf Style===============================================*/
.leftClfArea {
float: left;
font-size: 1.4em;/*padding-left: 10px;*/
}
.rightClfArea {
float: right;
}
.books_top_box {
border-bottom: 1px;
text-align: center;
border-left: 1px;
width: 20px;
height: 180px;
border-top: 1px;
border-right: 1px;
background-color: #f4f4f4;
}
.books_bottom_box {
width: 250px;
background-color: #fcf0e2;
text-align: center;
height: 100px;
vertical-align: middle;
}
.issue {
float: left;
margin: 5px;
padding: 10px;
width: 350px;
height: 185px;
border: 1px solid black;
}
.issue_title {
color: #FFFFFF;
font-size: 1.6em;
background-color: #dc3431;
padding: 5px 5px 5px 5px;
width: 100px;
margin-top: -12px;
text-align: center;
}
.mailTool {
width: 102px;
height: 55px;
background-image: url('../images/btn_email.png');
background-repeat: no-repeat;
font-weight: bold;
text-align: center;
}
.headerArea .headerTool .mailTool a {
color: #fff;
width: 50px;
display: block;
margin: 3px auto;
line-height: 1.5em;
}
div.flexslider {
/*margin-top:-60px;
margin-bottom:-50px;*/
}
.indexContent {
position: relative;
z-index: 8000;
width: 940px;
margin: 0 15px;
padding: 10px 0;
}
.indexContent>div {
display: inline-block;
}
.colorSort {
width: 180px;
padding: 0 10px;
}
.colorSort>div {
background-color: #efefef;
padding: 10px 50px 20px 10px;
margin-bottom: 1px;
}
.colorSort .cerise {
border-left: 5px solid #DA3287;
}
.colorSort .lochmara {
border-left: 5px solid #007EC7;
}
.colorSort .hippieGreen {
border-left: 5px solid #53824B;
}
.colorSort .lavenderIndigo {
border-left: 5px solid #9457EB;
}
.newsArea {
width: 375px;
padding: 0 10px;
}
.newsArea .newsTopic {
color: #ab264c;
font-weight: bold;
font-size: 1.2em;
padding-top: 10px;
}
.newsArea .newsDate {
color: #3e5259;
font-weight: bold;
}
.newsArea .newsTitle, .newsArea .newsTitle a {
color: #4f3e71;
}
.newsContent {
overflow-y: auto;
max-height: 215px;
}
.newsContent>div {
margin-top: 20px;
}
.header2 {
display: none;
}
/*=================================*/
.mainContent .full {
padding: 0;
}
.index_row {
margin-bottom: 50px;
}
.mainContent .main_left {
width: 770px;
float: right;
max-width: 100%;
}
.mainContent .sub_right {
margin-left: 10px;
width: 250px;
float: left;
position: relative;
}
.simple_tab {
display: inline-block;
font-weight: bold;
height: 34px;
padding: 10px 40px 10px 20px;
position: relative;
margin-top: 5px;
margin-bottom: 15px;
background-color: #e8c8bb;
background-image: url(../images/tag/white_arrow.png);
background-repeat: no-repeat;
background-position: center right;
}
.simple_tab:after {
content: " ";
position: absolute;
width: 17px;
height: 34px;
background-image: url(../images/tag/deep_pink.png);
background-repeat: no-repeat;
left: 100%;
top: 0;
}
/*==============================*/
#cloud {
width: 380px;
height: 280px;
}
#cloud>div {
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
}
#cloud a {
display: block;
padding: 8px 25px;
color: #fff;
background-color: #c4c4c4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
}
/*==================*/
#chart>div {
width: 420px;
height: 280px;
margin: 30px 5px;
float: left;
}
/*#chart>div>div{
position:relative;
}
#chart>div>div:after{
content:" ";
display: block !important;
float: none !important;
clear: both !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}*/
/*==================*/
.comment_input {
margin: 10px 0 50px 0;
}
.comment_input textarea {
margin-bottom: 10px;
padding: 16px;
width: 100%;
height: 200px;
background-color: #f4f4f4;
}
.comment_input .button {
text-align: right;
}
.comment_input button {
border: 0;
background-color: #535353;
color: #fff;
padding: 0 20px;
height: 32px;
border-radius: 3px;
}
.comment_area {
position: relative;
padding: 10px 0;
border-top: 2px solid #e6e6e6;
}
.comment_area:before {
content: " ";
position: absolute;
width: 60px;
height: 2px;
background-color: #f68c38;
top: -2px;
left: 0;
display: block;
z-index: 6000;
}
.comment_area .comment_main>div, .comment_area .comment_sub>div {
padding: 16px 12px;
}
.comment_area .comment_main>div {
background-color: #f1f1f1;
border: 3px solid #dedede;
}
.comment_area .user {
float: left;
max-width: 95px;
}
.comment_area .user .icon {
margin-bottom: 5px;
}
.comment_area .user .name {
color: #345304;
text-align: center;
margin-bottom: 5px;
word-break: break-all;
}
.comment_area .user .position {
color: #2b597f;
text-align: center;
margin-bottom: 5px;
}
.comment_area .comment_detail {
padding-left: 125px;
}
.comment_area .comment_detail .cont {
margin-bottom: 10px;
}
.comment_area .comment_detail .tool {
margin-bottom: 10px;
}
.comment_area .comment_detail .tool>div {
display: inline-block;
margin-right: 20px;
}
.comment_area .comment_detail .tool>div a {
color: #858586 !important;
}
.comment_sub {
margin-left: 120px;
}
.comment_sub>div {
margin: 10px 0;
}
/*==================*/
div.ms-options-wrap {
position: relative;
display: inline-block;
vertical-align: initial;
margin: 10px 10px;
width: 600px;
}
span.ms_text {
width: 30px;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
}
.ms-options ul li {
margin: 0;
}
/*==================*/
/*glossary=*/
.content-block .browse-button-bar {
margin: 0 0 10px 0;
clear: both;
height: 30px
}
.content-block .span12.btn-group {
margin: 0 0 10px 0;
display: block;
}
.content-block .span6.btn-group {
margin: 0 0 10px 0;
display: none;
}
.content-block .btn-group .btn {
font-size: 12px;
font-weight: bold;
padding: 0;
text-transform: capitalize;
}
.content-block .btn-group a {
color: #767676;
text-decoration: none;
padding: 4px 7px;
line-height: 28px;
}
.content-block .btn-group .btn-primary {
padding: 0px 7px;
line-height: 28px;
}
.content-block .recent-terms-title {
font-weight: 800;
margin-bottom: 13px;
}
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #3e535a;
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn:hover {
color: #fff;
}
/*my message*/
span.my_message {
background-image: url(../images/my_message.png);
background-repeat: no-repeat;
padding-left: 25px;
}
/*system_specific_alerts*/
.system_type {
padding-left: 52px;
}
/*tag*/
.tag {
color: #EC7514;
}
.tag strong {
color: #3e5259;
}
/*banner*/
.carousel-inner .left {
display: none
}
.carousel-inner .right {
display: none
}
/*banner*/
#blog .left {
float: left;
max-width: 50%;
}
#blog .right {
float: right;
max-width: 50%;
}
/*comment_tag*/
.comment_tag {
background-image: url(../images/comment_orange_small_icon.png);
background-repeat: no-repeat;
height: 29px;
width: 26px;
display: inline-block;
clear: left;
vertical-align: middle;
cursor: pointer;
}
/*security_article*/
ol.security_article strong {
left: -38px;
position: relative;
}
ol.embrace li {
list-style-type: lower-roman;
}
ul.ref li {
list-style-type: lower-alpha;
}
/*request*/
.request {
background-image: url(../images/request_icon.png);
background-repeat: no-repeat;
height: 29px;
width: 30px;
display: inline-block;
clear: left;
vertical-align: middle;
cursor: pointer
}
/*reply*/
.reply {
background-image: url(../images/icon_reply.png);
background-repeat: no-repeat;
height: 29px;
width: 26px;
display: inline-block;
clear: left;
vertical-align: middle;
cursor: pointer;
padding-left: 40px;
}
/*user*/
#user form {
min-height: 160px;
}
table#user button {
border: 0;
background-color: #535353;
color: #fff;
padding: 0 15px;
height: 32px;
border-radius: 3px;
}
.large_symbol {
font-size: 56px;
font-weight: bold;
line-height: normal;
display: inline-block;
width: 30px;
height: 45px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.intro_first {
font-size: 20px;
font-weight: bold;
line-height: 37px;
}
.intro_first_img {
font-size: 12px;
display: block;
float: right;
margin-left: 15px;
height: 300px;
width: 166px;
line-height: 18px;
}
.larry_page {
font-size: 19px;
display: block;
float: right;
margin-left: 15px;
font-style: italic;
}
.home img {
/* width:27px;
height: 27px;*/
vertical-align: text-top;
margin-right: 16px;
}
.mobile_view img {
width: 27px;
height: 27px;
}
.contentArea .subMenu ul.listStyleBlank {
}
.paging_area .cont ul {
margin-left: 15px;
}
.paging_area .cont li {
display: list-item;
list-style-position: outside;
line-height: 25px;
text-align: justify;
margin-right: 7px!important;
padding-right: 7px!important;
}
.paging_area .cont ul li ul {
padding-left: 20px;
}
.paging_area th {
background-color: #3f535a;
color: #FFF;
font-weight: bold;
padding: 11px;
}
.contact_us th {
background-color: #3f535a!important;
color: #FFF;
font-weight: bold;
padding: 11px;
}
#footer .container .footerMenu ul.menuLv0 {
/* width: 95% !important;
margin: 0 auto!important;*/
}
.footerMenu ul li {
/* font-size: 13px;*/
}
.footerMenu ul li ul {
/* margin-right: 11px;
padding-right: 11px;
display:block*/
}
.footerMenu ul li ul ul {
display: none
}
.glyphicon-chevron-right {
background-image: url(../images/right.gif);
background-repeat: no-repeat;
height: 61px!important;
width: 38px!important;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.glyphicon-chevron-left {
background-image: url(../images/left.gif);
background-repeat: no-repeat;
height: 61px !important;
width: 38px!important;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.glyphicon-chevron-right:before {
content: none!important;
}
.glyphicon-chevron-right:before {
content: none!important;
}
.glyphicon-chevron-left:before {
content: none!important;
}
.glyphicon-chevron-left:before {
content: none!important;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span {
text-align: left;
padding-left: 0;
/* padding-right: 44px;*/
padding-right: 0;
display: block;
word-break: break-word;
margin-top: 0;
padding-left: 40px;
position: relative;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span>img {
position: absolute;
left: 0;
top: 0;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li .caret {
/* background-image: url(../images/nav_bullet_second_level.gif);*/
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;
/* margin-left: 13px;
padding-left: 15%;*/
position: absolute;
top: 0;
right: 13px;
padding-right: 0;
margin-top: 15px !important;
}
.background-white {
border-top-width: 6px !important;
border-top-style: solid !important;
border-top-color: #3f535a !important;
}
.footerMenu .caret {
display: none;
}
.future_task_force ul li {
list-style-type: lower-alpha;
}
.future_task_force ul li ul li {
list-style-type: lower-roman;
}
p.topic {
padding-top: 0px;
}
.topic {
font-weight: bold;
font-style: italic;
}
.topic_row {
height: 185px;
display: block;
}
.topic_row img {
clear: both;
padding-right: 10px;
padding-bottom: 10px;
vertical-align: text-top;
padding-top: 0px;
}
.future_task_force h3 {
padding-bottom: 5px;
}
.topic_row h4 {
font-size: 13px;
font-weight: bold;
color: #287228;
}
.cont .topic_row a::before {
padding-top: 15px;
padding-bottom: 15px;
}
.speaker {
font-size: 14px;
font-weight: bold;
}
.related_links .cont a::before {
content: url(../images/external_link.png);
display: inline;
padding-top: 5px;
}
.guideline .cont li a::before {
display: inline;
}
.guideline .paging_area .cont li {
list-style-type: none;
}
.guideline .paging_area .cont li li {
list-style-type: disc;
}
.guideline .cont li li a::before {
content: none;
display: inline;
padding-top: 5px;
}
/*==========*/
.roman_list {
list-style-type: lower-roman;
}
.mainContent {
/* position:relative;*/
/* padding-top:30px;*/
}
.mainContent .left_img {
width: 360px;
position: absolute;
}
.mainContent .right_cont {
padding-left: 360px;
}
.mainContent .list_anchor {
padding-top: 25px;
border-top: 2px solid #133c8b;
margin-bottom: 80px;
}
.mainContent .list_anchor ul {
padding-left: 0;
list-style-type: none;
}
.list_anchor li {
float: left;
display: inline-block;
position: relative;
margin: 0;
}
.list_anchor li span {
position: absolute;
left: 0;
top: 0;
}
.list_anchor li.fst a {
padding-left: 0;
}
.list_anchor li.lst a {
padding-right: 0;
}
.list_anchor li a {
display: block;
padding: 0 2em;
color: #000 !important;
text-decoration: none !important;
}
.list_anchor li.active a {
color: #32569a !important;
}
/*====*/
.iconPdf {
margin-left: 5px;
margin-right: 5px;
vertical-align: text-bottom;
}
.system_maintenance_schedule table {
width: 100%;
}
.system_maintenance_schedule table ul {
padding-left: 5px;
}
.uppercase {
text-transform: uppercase;
font-weight: bold;
}
.AML h3 {
padding-bottom: 10px;
}
.alerts .cont .panel .panel-title a {
text-decoration: none !important;
font-weight: bold!important;
}
.chineseVersion .subMenu>li>a {
font-size: 1.4em;
/*font-weight: bold;*/
}
.englishVersion .subMenu>li>a {
font-size: 1.2em;
/*font-weight: bold;*/
}
.subMenu>li>a.leftbtn.active_sub_section {
color: #05499c;
}
.subMenu>li a.leftbtn.active_sub_section {
color: #FFEB3B;
}
.panel-body h3 {
text-align: justify;
}
.table_sub_title {
font-weight: bold!important;
}
.alerts .cont:after {
content: " ";
clear: both;
display: block;
}
body .headerArea, body .footerArea {
/* height:auto !important;*/
}
.membershop_list {
padding-left: 10px;
}
.download_pdf_remark {
font-style: italic;
margin-top: 30px;
}
ol ol.future_terms2 {
list-style-type: lower-roman;
}
ol.future_terms {
list-style-type: lower-alpha;
}
body.market4 .leftMenu .subMenu li.my_menu3>a>span {
color: #be4a03;
font-weight: bold;
}
body.market5 .leftMenu .subMenu li.my_menu3>a>span {
color: #be4a03;
font-weight: bold;
}
body.market6 .leftMenu .subMenu li.my_menu3>a>span {
color: #be4a03;
font-weight: bold;
}
body.market7 .leftMenu .subMenu li.my_menu3>a>span {
color: #be4a03;
font-weight: bold;
}
.publications_n_publicity_n_materials h3 {
text-align: center;
float: left;
}
/*====================*/
.myitem_list {
margin: 0 -10px;
}
.myitem_list>div {
margin: 0 10px 25px 10px;
}
.myitem_list.tv_series_list>div {
margin: 0;
}
.myitem_list.activities_photo>div {
margin: 10px 0;
}
/*==========================*/
.myboard_pr {
position: relative;
padding: 12px 16px;
min-height: 324px;
color: #3f3f3f;
border: 1px solid #cecece;
border-radius: 5px;
margin-bottom: 25px;
}
.myboard_pr .id {
display: none;
font-size: 5em;
line-height: 1em;
position: absolute;
top: 30px;
left: 30px;
}
.myboard_pr .cover {
width: 200px;
position: absolute;
}
.myboard_pr .cont_area {
padding-left: 225px;
}
.myboard_pr .date {
margin-bottom: 10px;
color: #444;
}
.myboard_pr .title {
font-weight: bold;
margin-bottom: 10px;
color: #444;
}
.myboard_pr .cont {
margin-bottom: 10px;
color: #444;
}
.myboard_pr .more {
position: absolute;
right: -1px;
bottom: -1px;
padding: 0;
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
}
.myboard_pr .more a {
display: block;
font-size: 32px;
padding: 8px 12px;
background-color: #a6be41;
color: #fff !important;
text-decoration: none !important;
}
/*==============*/
.myboard_nl {
position: relative;
display: inline-block;
width: 100%;
max-width: 240px;
margin: auto;
padding: 12px;
color: #3f3f3f;
border: 1px solid #cecece;
border-radius: 5px;
}
.myitem_list.whatsnew_list .myboard_nl {
min-height: 300px;
}
.myitem_list.my_pdf_div.activities_photo .myboard_nl {
max-width: 190px;
min-height: 235px;
}
.myitem_list.my_pdf_div.tv_series_list .myboard_nl {
max-width: 195px;
border: none;
}
.myboard_nl .id {
position: absolute;
top: 12px;
left: 12px;
font-size: 2em;
line-height: 1em;
}
.myboard_nl .cover {
margin: auto;
text-align: center;
}
.myboard_nl .date {
float: right;
margin-top: 10px;
font-weight: normal;
margin-bottom: 10px;
font-size: .8em;
color: #575757;
}
/*================*/
.myboard_cu {
max-width: 800px;
margin: auto;
margin-bottom: 30px;
}
.myboard_cu>div {
padding: 26px 40px;
border-collapse: collapse;
border: 1px solid #b1b1b1;
border-top: 0;
}
.myboard_cu .title {
font-size: 2em;
font-weight: bold;
color: #fff;
padding: 20px;
text-align: center;
background-color: #07836e;
}
.chineseVersion .myboard_cu .title {
letter-spacing: .16em;
}
.myboard_cu .left {
text-align: left;
position: absolute;
width: 160px;
padding-left: 30px;
font-weight: bold;
}
.myboard_cu .right {
text-align: left;
float: none;
padding-left: 200px;
}
.myboard_cu .left:before {
content: " ";
position: absolute;
width: 23px;
height: 25px;
margin-left: -30px;
background-repeat: no-repeat;
}
.myboard_cu .my_tel:before {
background-image: url(../images/icon_tel.png);
}
.myboard_cu .my_mail:before {
background-image: url(../images/icon_mail.png);
}
.myboard_cu .my_fax:before {
background-image: url(../images/icon_fax.png);
}
.myboard_cu .my_loc:before {
background-image: url(../images/icon_loc.png);
}
/*======================*/
.myboard_wn {
display: none;
position: relative;
margin: auto;
padding: 12px;
color: #3f3f3f;
border: 1px solid #cecece;
border-radius: 5px;
width: 100%;
max-width: 280px;
height: 320px;
overflow: hidden;
}
.chineseVersion .myboard_wn {
height: 300px;
}
.myboard_wn:after {
content: " ";
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 10px;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax */
}
.myboard_wn.double {
max-width: 582px;
}
.mytab_area.mt0 .myboard_wn, .mytab_area.mt1 .myboard_wn.mt1, .mytab_area.mt2 .myboard_wn.mt2, .mytab_area.mt3 .myboard_wn.mt3 {
display: inline-block;
}
.myboard_wn .cover {
text-align: center;
height: 137px;
}
.myboard_wn .cover img {
max-height: 100%;
}
.myboard_wn .type {
float: left;
margin-top: 10px;
font-weight: normal;
margin-bottom: 10px;
}
.myboard_wn .date {
float: right;
margin-top: 10px;
font-weight: normal;
margin-bottom: 10px;
}
.myboard_wn .title {
font-weight: bold;
font-size: 1.22em;
line-height: 1.5em;
}
.myboard_wn .title:before {
content: " ";
clear: both;
display: block;
}
/*=======================*/
.myboard_in_title {
text-align: center;
font-size: 2.2em;
letter-spacing: .16em;
margin: 30px 0;
line-height: 1em;
}
.myboard_in_title>span {
color: #0ba186;
font-weight: bold;
}
.myboard_in {
display: inline-block;
position: relative;
margin: auto;
color: #3f3f3f;
width: 100%;
max-width: 280px;
}
.myboard_in a {
color: #3f3f3f !important;
}
.myboard_in .item {
position: relative;
padding: 12px;
border: 1px solid #cecece;
border-radius: 5px;
width: 100%;
height: 300px;
overflow: hidden;
margin-bottom: 15px;
}
.chineseVersion .myboard_in {
height: 300px;
}
.myboard_in:after {
content: " ";
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 10px;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax */
}
.myboard_in.double {
max-width: 582px;
}
.myboard_in .cover {
text-align: center;
}
.myboard_in .type {
float: left;
margin-top: 10px;
font-weight: normal;
margin-bottom: 10px;
}
.myboard_in .date {
float: right;
margin-top: 10px;
font-weight: normal;
margin-bottom: 10px;
}
.myboard_in .title {
font-weight: bold;
font-size: 1.22em;
line-height: 1.5em;
}
.myboard_in .title:before {
content: " ";
clear: both;
display: block;
}
.indexVersion .myitem_list {
text-align: center;
}
.myitem_list>div.myboard_int {
margin: 0 0 25px 0;
}
.myboard_int .topic {
float: left;
width: 100%;
max-width: 25%;
margin-bottom: 15px;
}
.myboard_int .topic a {
display: block;
font-style: normal;
color: #fff !important;
background-color: #08836e;
padding: 20px;
text-align: center;
font-size: 1.4em;
margin-left: 10px;
margin-right: 10px;
}
.chineseVersion .myboard_in .topic {
letter-spacing: .16em;
}
/*=======================*/
.myboard_st {
position: relative;
margin: auto;
padding: 12px;
color: #3f3f3f;
border: 1px solid #cecece;
border-radius: 5px;
width: 100%;
max-width: 280px;
height: 320px;
overflow: hidden;
display: inline-block;
}
.chineseVersion .myboard_st {
height: 300px;
}
.myboard_st:after {
content: " ";
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 10px;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax */
}
.myboard_st.full {
max-width: 100%;
padding: 10px 30px;
position: relative;
height: auto !important;
}
.myboard_st.full .leftImg {
float: left;
margin-right: 20px;
width: 400px;
}
.myboard_st.full .cont {
padding-left: 420px;
}
.myboard_st .cover {
text-align: center;
height: 137px;
}
.myboard_st .cover a {
display: block;
height: 100%;
}
.myboard_st .cover img {
max-height: 100%;
margin: auto;
}
.myboard_st .title {
font-weight: bold;
font-size: 1.22em;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
}
.myboard_st .title a {
color: #4b4b4b !important;
}
.myboard_st .title:before {
content: " ";
clear: both;
display: block;
}
.myboard_bk.full {
max-width: 100%;
padding: 0;
position: relative;
height: auto !important;
}
.myboard_bk.full .leftImg {
float: left;
margin-right: 20px;
width: 400px;
}
.myboard_bk.full .cont {
padding-left: 420px;
}
/*=======================*/
.mytab ul {
text-align: center;
border-bottom: 1px solid #cbcbcb;
}
.mytab li {
display: inline-block;
width: 24%;
margin: 0;
border: 0;
}
.mytab a {
padding-bottom: 12px;
display: inline-block;
text-align: center;
color: #424242;
font-size: 1.6em;
font-weight: bold;
text-decoration: none !important;
position: relative;
}
.chineseVersion .mytab a {
letter-spacing: .16em;
}
.mytab li.active a {
color: #08836e;
}
.mytab li.active a:after {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 10px;
bottom: -5px;
background-color: #08836e;
}
/*===========*/
.rightImg {
float: right;
width: 200px;
margin-left: 30px;
}
.wrapper-expandable.active .box-style-wrapper {
z-index: 1000;
position: relative;
height: auto;
width: auto;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.wrapper-expandable .box-style-wrapper, .wrapper-expandable.hide .box-style-wrapper {
z-index: -1;
position: fixed;
height: 0;
width: 0;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
overflow: hidden;
}
.wrapper-expandable {
margin-bottom: 10px;
}
.wrapper-expandable.active {
margin-bottom: 20px;
}
.expandable-title {
margin-bottom: 15px;
}
.expandable-title h3 {
padding: 0;
margin: 0;
}
.expandable-title a {
color: #404042 !important;
text-decoration: none !important;
padding: 20px 16px;
padding-right: 30px;
background-color: #c6e6f5;
display: block;
border-radius: 4px;
position: relative;
}
.active .expandable-title a {
background-color: #b9d483;
}
.expandable-title a:after {
content: " ";
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
width: 17px;
height: 19px;
background-image: url('../images/icon_expansion.png');
background-repeat: no-repeat;
}
.active .expandable-title a:after {
background-image: url('../images/icon_expansion_on.png');
}
/*=============Close Up===============*/
#close_up {
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#close_up.active.transition {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
#close_up.active {
z-index: 9000;
/*background-color:rgba(0,0,0,.6);*/
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
#close_up .bg {
z-index: 9100;
background-color: rgba(0,0,0,.85);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#close_up .area {
z-index: 9200;
position: absolute;
left: 50%;
top: 50%;
right: -50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 700px;
background-color: #fff;
}
#close_up .close {
background-color: #ddd;
color: #fff;
text-align: center;
bottom: 0;/*
position: absolute;*/
left: 0;
right: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#close_up .close:hover {
background-color: #bbbbbb;
}
#close_up .close a {
display: block;
padding: 5px;
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#close_up .close:hover a {
color: #fff;
}
#close_up .area .title {
font-weight: bold;
font-size: 1em;
background-color: #fff;
color: #444;
padding: 20px;
text-align:center;
}
#close_up .area .main {
padding: 0;
position: relative;
text-align: center;
}
#close_up .area .main .left {
width: 40%;
float: left;
}
#close_up .area .main .right {
width: 60%;
float: right;
}
#close_up .area .main .img {
padding: 5px;
}
#close_up .area .main .img img {
width: 100%;
}
#close_up .area .main .caption {
padding: 5px;
}
#close_up .area .main .cont {
padding: 5px;
padding-left: 15px;
}
#close_up .area .main .cont p {
margin-bottom: 15px;
}
#close_up .main img{
max-height: 800px;
}
#close_up #qrcode{
margin:10px;
margin-bottom: 20px;
display: inline-block;
}
/*=================*/
.pop_photo ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.pop_photo li {
display: inline-block;
width: 25%;
min-width: 120px;
margin: 0;
padding: 10px;
}
/*=================*/
.my_pdf {
background-image: url(../images/icon_pdf_title.png);
background-repeat: no-repeat;
background-position: 12px 6px;
background-color: #e2e3e2;
display: inline-block;
border-radius: 6px;
}
.my_pdf a {
text-decoration: none !important;
color: #4b4b4b;
font-size: 1.2em;
padding: 22px 12px 6px 71px;
min-height: 65px;
display: block;
}
.chineseVersion .my_pdf a {
letter-spacing: .16em;
}
.tpo_div {
margin-top: 20px;
}
.tpo_div>div {
width: 32%;
padding: 0 20px;
display: table-cell;
border-left: 2px solid #cecfcf;
}
.tpo_div>div.fst {
border-left: 0;
padding-left: 0;
}
.tpo_div>div h3 {
margin-top: 0;
padding-top: 5px;
}
.dpo_list>li {
width: 49%;
display: inline-block;
vertical-align: top;
margin: 0;
padding: .6em;
}
.dpo_list>li:before {
content: '\25cf\a0';
position: absolute;
margin-left: -16px;
font-size: 12px;
}
.ecdBDiv {
text-align: right;
margin-bottom: 10px;
}
.ecdBDiv>div {
display: inline-block;
margin-left: 10px;
}
a.ecdBtn {
text-decoration: none !important;
color: #5c5c5c !important;
}
/*===============*/
.photo_album {
margin: 0 -5px;
}
.photo_album>div {
width: 290px;
max-width: 100%;
padding: 5px;
display: inline-block;
}
/*=====================================*/
.mylist li {
list-style-type: none;
}
.mylist li:before {
content: '\25cf\a0';
position: absolute;
margin-left: -16px;
font-size: 16px;
color: #bf45ee;
}
.div_pilotact>div {
margin-bottom: 20px;
box-shadow: 0 0 5px #000;
}
.div_pilotact .title {
display: table-cell;
width: 200px;
padding: 8px 20px 8px 50px;
vertical-align: middle;
color: #fff;
background-color: #166867;
position: relative;
}
.div_pilotact .title:after {
content: " ";
position: absolute;
right: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
}
.div_pilotact .cont {
display: table-cell;
padding: 8px 20px;
width: auto;
}
.div_pilotact .cont ul {
margin-bottom: 0;
}
/*=============================*/
.fix_line {
position: absolute;
left: 0;
right: 0;
height: 3px;
background-color: #504098;
}
.fix_line.under {
margin-top: -3px;
}
ul.lo_alp>li {
list-style-type: lower-alpha;
}
ul.lo_rom>li {
list-style-type: lower-roman;
}
ul.disc>li {
list-style-type: disc;
}
.leftMenu {
/* background-color: #fff;
border-top: 2px solid #504098;
box-shadow: 1px 2px 8px -1px #000;
padding: 10px 6px;*/
background-color: rgba(255,255,255,0.0);
position: -webkit-sticky;
position: sticky;
top: 200px;
}
.leftMenu.fixed{
position: fixed;
top:10px;
}
.subMenu li>a:before {
/* content: " ";
position: absolute;
top: 12px;
left: 10px;
width: 7px;
height: 14px;
/* background-image:url('../images/icon_menu_arrow_left.png');
background-repeat: no-repeat;*/
}
/*================================*/
.new_list {
background-color: #fff;
padding: 0 30px 30px 30px;
}
div.new_list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.new_list li {
margin: 0;
padding: 20px 0;
border-bottom: 1px solid #dedede;
}
div.new_list li.lst {
border-bottom: 0;
}
.new_list .date {
font-size: .8em;
}
.new_list .title {
font-weight: bold;
}
/*==================================*/
.mainContent .my_title {
color: #504098;
font-weight: bold;
}
.mainContent .my_area {
background-color: #dde8f0;
padding: 20px;
margin-bottom: 20px;
}
.mainContent .my_area2 {
padding: 0 20px;
margin-bottom: 20px;
}
/*=====================================*/
.bodies_list>div {
padding: 15px 0;
border-top: 1px solid #b3b3b3;
position: relative;
}
.bl_top {
min-height: 100px;
}
.bl_logo {
position: absolute;
right: 0;
top: 15px;
max-height: 100px;
}
.bl_org, .bl_org a {
font-weight: bold;
color: #4b4b4b !important;
text-decoration: none !important;
}
.bl_ts>div {
display: table-row;
}
.bl_ts>div>div {
display: table-cell;
}
.bodies_list .title {
font-weight: bold;
padding-right: 6px;
}
/*=======================================*/
.sliderArea {
height: 275px;
overflow: hidden;
margin-bottom: 40px;
}
.sliderArea img {
top: 0;
}
.sliderBg {
position: absolute;
left: 0;
right: 0;
height: 275px;
background-color: #fff;
}
div.flexslider {
margin-bottom: 0;
border: 0;/* width:100%;
margin-left:auto;
margin-right:auto;
border:0;
position: static;*/
}
#flexslider {
overflow: hidden;
}
#flexslider ul {
padding: 0;
margin: 0;
}
.flexslider .flex-control-nav {
bottom: 1em;
z-index: 4000;
}
.flexslider.video_gallery {
margin-bottom: 0;
}
#flexslider .flex-control-nav {
position: relative;
width: auto;
display: block;
margin-top: -30px;
}
#flexslider .flex-control-paging li a {
background-color: #c4c4c4;
}
#flexslider .flex-control-paging li a.flex-active {
background-color: #ff0137;
}/*
.flex-control-paging li a.flex-active {
background-color:#c4c4c4;
}*/
.mainContent .sliderArea ul, .mainContent .sliderArea ol {
padding: 0;
margin: 0;
}
.sliderArea .flex-control-nav {
bottom: 0;
left: 0;
z-index: 3500;
}
.sliderArea .flex-control-paging li a.flex-active {
background: #fff;
background: rgba(255, 255, 255, 0.9);
}
.sliderArea .flex-direction-nav a {
font-size: 0;
width: 39px;
height: 69px;
margin: -35px 0 0;
z-index: 3500;
}
.sliderArea .flex-direction-nav .flex-prev {
left: 10px;
}
.sliderArea .flex-direction-nav .flex-next {
right: 10px;
}
.sliderArea .flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
.sliderArea .flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
.sliderArea .flex-direction-nav a:before {
content: " ";
width: 39px;
height: 69px;
background-image: url('../images/icon_arrow_slide_left.png');
background-repeat: no-repeat;
}
.sliderArea .flex-direction-nav a.flex-next:before {
content: " ";
background-image: url('../images/icon_arrow_slide_right.png');
}
/*=============================================*/
.main_bottom {
margin-bottom: 40px;
}
.main_news {
width: 35%;
padding-right: 20px;
float: left;
}
.main_about {
width: 64.5%;
float: left;
}
.main_news_header {
font-weight: bold;
font-size: 1.2em;
padding-bottom: 16px;
border-bottom: 1px solid #ddd;
}
.main_news_list>ul {
padding-left: 0;
list-style-type: none;
}
.main_news_list>ul>li {
margin: 0;
padding: 8px 0;
border-bottom: 1px solid #ddd;
}
.main_news .date, .main_news .title {
font-weight: normal;
}
.main_about .my_header {
font-weight: bold;
font-size: 1.2em;
padding-bottom: 16px;
}
.my_more {
text-align: right;
}
.my_more a {
color: #B6052F !important;
text-decoration: none !important;
font-weight: bold;
}
/*===========*/
.faq_list>ol {
padding-left: 0;
position: relative;
font-weight: bold;
border-top: 1px solid #ddd;
list-style-type: none;
}
.faq_list>ol>li:hover {
background-color: #fff;
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s;
}
.faq_list>ol>li {
margin: 0;
padding-left: 0;
padding-left: 60px;
position: relative;
}
.faq_list>ol>li:after {
content: " ";
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #ddd;
position: absolute;
}
.faq_list>ol>li:before {
content: " ";
width: 33px;
height: 33px;
position: absolute;
left: 0;
top: 13px;
background-image: url(../images/btn_cdlist.png);
background-repeat: no-repeat;
}
.faq_list>ol>li.active:before {
background-image: url(../images/btn_cdlist_on.png);
}
.faq_list .active .cd_div .cont {
z-index: 1000;
position: relative;
height: auto;
width: auto;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.faq_list .cd_div .cont, .faq_list .cd_div.hide .cont {
z-index: -1;
position: fixed;
height: 0;
width: 0;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
overflow: hidden;
padding: 0 16px;
border-left: 3px solid #35b59e;
font-weight: normal;
}
.faq_list .cd_div {
margin: 0;
position: relative;
}
.faq_list .active .cd_div {
padding-bottom: 20px;
}
.faq_list .cd_div .title {
padding: 0;
margin: 0;
}
.faq_list .cd_div .title a {
color: #404042 !important;
text-decoration: none !important;
padding: 20px 16px;
padding-right: 30px;
font-weight: bold;
display: block;
position: relative;
}
.faq_list .active .cd_div .title a {
}
.faq_list .cd_div .cont p:last-child {
margin-bottom: 0;
}
.faq_list .number {
position: absolute;
right: 100%;
top: 20px;
margin-right: -65px;
}
.graphicBanner {
position: absolute;
right: 0;
top: 0;
max-height: 215px;
max-width: none;
z-index: -1;
}
body abbr[title]::after {
content: '';
}
body .close {
float: none;
font-size: 1em;
font-weight: inherit;
line-height: inherit;
color: inherit;
text-shadow: inherit;
opacity: 1;
}
body .close:focus, body .close:hover {
color: inherit;
text-decoration: inherit;
opacity: 1;
}
/*====================================*/
.mainContent ul.flex-control-nav, .mainContent ol.flex-control-nav {
margin-bottom: 0;
bottom: auto;
}
.my_roll {
position: relative;
margin: 0px 10px 10px 10px;
}
.my_roll_header {
/*font-size: 2.6em;*/
font-size: 1.625em;
font-weight: bold;
padding: 22px 10px;
}
.my_roll .my_roll_content {
overflow: hidden;
width: 100%;
background-repeat: repeat-x;
}
.my_roll .my_roll_content .my_roll_cont_row {
display: table;
white-space: nowrap;
padding: 0 80px;
margin: 0 auto;
}
.my_roll .my_roll_content .my_roll_cont_row>div {
display: inline-block;
vertical-align: top !important;
padding: 0px 10px;
/*width: 378px;*/
/*width:236px;*/
width: 229px;
}
.my_roll .my_roll_content .my_roll_image {
margin: auto;
position: relative;
}
.my_roll .my_roll_content .my_roll_title {
margin: auto;
text-align: left;
white-space: normal;
/* font-size: 1.4em;*/
font-size: 1em;
}
/*.my_roll_header{
display:none;
}*/
.my_roll_control>div {
position: absolute;
width: 39px;
height: 61px;
margin: -20px 0 0 0;
padding: 0;
font-size: 60px;
font-weight: 100;
line-height: 30px;
text-align: center;
}
.my_roll_control>div a {
text-decoration: none !important;
color: #fff !important;
}
.my_roll_control>div span {
display: block;
width: 39px;
height: 61px;
margin: 0;
padding: 0;
font-size: 0;
line-height: 30px;
text-align: center;
}
.my_roll_control .my_roll_prev span {
background-image: url(../images/btn_control_prev.png);
background-repeat: no-repeat;
}
.my_roll_control .my_roll_next span {
background-image: url(../images/btn_control_next.png);
background-repeat: no-repeat;
}
.my_roll_control .my_roll_prev {
top: 0;
bottom: 0;
height: initial;
margin-top: 0;
width: initial;
left: -10px;
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
.my_roll_control .my_roll_next {
top: 0;
bottom: 0;
height: initial;
margin-top: 0;
width: initial;
right: -10px;
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
body.indexVersion div.homeTool {
/* display: none;*/
}
/*body.indexVersion div.clientTool>div.language:before{
display:none;
}*/
body.indexVersion div.AStyleArea:before {
/* content: "";*/
}
body.indexVersion div.AStyleArea {
/* margin-left: 30px;*/
}
.exhibition_table td {
padding: 10px;
}
.press_release_table1 td {
vertical-align: top;
}
.reports_table_layout td:first-child {
text-align: center;
}
.reports_table_layout td {
padding: 10px;
}
.reports_list_layout li {
display: block;
padding: 10px;
}
.reports_list_layout li:last-child {
margin-bottom: 0;
}
.aboutus_intro_list>div {
width: 100%;
max-width: 605px;
margin: auto;
}
.aboutus_intro_list>div>div {
display: inline-block;
width: 100%;
max-width: 300px;
height: 200px;
margin-bottom: 40px;
}
.aboutus_intro_list>div>div img {
height: 100%;
}
.aboutus_intro_list>div>div>a>div {
text-align: center;
font-size: 1.4em;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item_image {
height: 90%;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item1 {
font-weight: bold;
margin-top: 10px;
color: #097dae;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item2 {
font-weight: bold;
margin-top: 10px;
color: #4c04a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item3 {
font-weight: bold;
margin-top: 10px;
color: #0452a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item4 {
font-weight: bold;
margin-top: 10px;
color: #1e8613;
}
/*.chineseVersion{
font-size: 1.1em;
}*/
.organ_search_iframe {
border: none;
width: 100%;
display: block;
}
.list_table {
width: 100%;
border-spacing: 0;
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.list-table td:first-child, .bordered th:first-child {
border-left: none;
}
.list_table th {
background: #e2f3fd;
text-align: left;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
}
.list_table td {
text-align: left;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
}
.list_table tr:nth-child(even) {
background: #fafdf4;
}
.list_table_rowspan {
width: 100%;
border-spacing: 0;
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.list_table_rowspan th {
background: #e2f3fd;
text-align: left;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
}
.list_table_rowspan td {
text-align: left;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
}
.div_acrobat_reader {
background-color: #EAEAEA;
padding: 5px;
}
.div_acrobat_reader>.div_acrobat_reader_icon {
display: inline-block;
width: 160px;
margin-right: 5px;
padding: 10px 0;
}
.div_acrobat_reader>.div_acrobat_reader_description {
display: inline-block;
width: 75%;
}
/*======================*/
.photo_title, .photo_area>li .title {
margin-bottom: 24px;
font-weight: bold;
display: block;
}
.mainContent ul.photo_group {
/*margin: 0 -1em;*/
padding: 0;
text-align: left;
}
.mainContent .photo_area ul.photo_group {
margin: 0 -0.8em;
text-align: left;
}
.photo_group li {
display: inline-block;
vertical-align: top;
/*width: 200px;*/
width: 190px;
text-align: center;
margin: 0;
margin-bottom: 4px;
padding: .1em;
}
.photo_group li.photo_thumb>a>img {
border: 2px solid #b4b4b4;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.photo_group li.photo_thumb>a:focus>img, .photo_group li.photo_thumb>a:hover>img {
border: 2px solid #c30819;
}
body div.light_square .pp_left, body div.light_square .pp_middle, body div.light_square .pp_right, body div.light_square .pp_content {
background-color: transparent;
}
body .pp_nav .pp_play, body .pp_nav .pp_pause, body a.pp_arrow_previous, body a.pp_arrow_next {
font-size: 0;
}
body .pp_nav .pp_play:before, body .pp_nav .pp_pause:before, body a.pp_arrow_previous:before, body a.pp_arrow_next:before {
display: none;
}
body .pp_nav .pp_play, body .pp_nav .pp_pause, body a.pp_arrow_previous, body a.pp_arrow_next {
background-color: transparent;
width: 44px;
height: 44px;
position: absolute;
top: 50%;
margin-top: -56px;
}
body a.pp_arrow_previous {
background-image: url(../images/btn_arrow_prev.png);
}
body a.pp_arrow_next {
background-image: url(../images/btn_arrow_next.png);
}
body .pp_content_container .pp_details {
margin: 0;
background-color: #fff;
}
body div.light_square .pp_description {
text-align: left;
padding: 8px 0;
}
body .pp_nav {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
}
body a.pp_arrow_previous {
left: 0;
}
body a.pp_arrow_next {
right: 0;
}
body a.pp_close {
font-size: 0;
background-color: transparent;
background-image: url(../images/btn_close.png);
background-repeat: no-repeat;
width: 35px;
height: 33px;
box-shadow: none;
}
body .ppt {
display: none !important;
}
body a.pp_previous, body a.pp_next {
background: none !important;
}
/*=========================*/
#flexslider .flex-direction-nav a {
font-size: 0;
width: 48px;
height: 48px;
}
#flexslider .flexslider:hover .flex-direction-nav a {
opacity: .9;
}
#flexslider .flex-direction-nav a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url(../images/banner/icon_arrow_prev.png);
background-repeat: no-repeat;
background-position: center center;
}
#flexslider .flex-direction-nav a.flex-next:before {
content: '';
background-image: url(../images/banner/icon_arrow_next.png);
}
/*================*/
body .mainHeader.active {
display: block;
}
.section_left_banner {
float: left;
width: 360px;
margin-right: 25px;
}
.mainContent table {
width: 100%;
margin-bottom: 1em;
}
.mainContent table th, .mainContent table td {
padding: 10px 10px;/*
width: auto !important;*/
/* min-width:160px;*/
vertical-align: top;
}
.mainContent table h2 {
font-size: 1em;
color: #2b3944;
font-weight: normal;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.mytablestyle{
overflow:auto;
width:100%;
}
.header_date {
margin-bottom: 20px;
background-color: #ccc;
color: #000099;
padding: 8px 12px;
font-weight: bold;
}
.cont_detail {
margin-bottom: 40px;
}
.cont_detail>div {
display: inline-block;
}
.cont_detail>div:nth-child(1) {
width: 20%;
}
.cont_detail>div:nth-child(2) {
width: 80%;
}
.cont_detail>div img {
margin: 0 10px;
}
.toggleTable table tr {
vertical-align: top;
border-bottom: 1px solid #637481; /*#194567;*/
}
.toggleTable table tr:nth-child(odd) {
/* background-color:#e2f0fa;*/
background-color: #d6eeff;
}
.toggleTable table tr:nth-child(even) {
/* background-color:#d2e1ec;*/
background-color: #cecfcf;
}
.toggleTable.toggleHeader table tr:nth-child(1) {
/* background-color:#e1ecf4;*/
font-weight: bold;
background-color: #bad4e6;
}
.section_header_banner {
text-align: center;
}
/*======================*/
ul.latin {
list-style-type: lower-latin;
}
.num_anchor {
vertical-align: super;
font-size: .8em;
}
.divExpand {
background-color: #f0d5ba;
/*margin-bottom: 5px;
border: 1px solid #e8e8e8;*/
margin-bottom: 4px;
border: 3px solid #bdbdbd;
overflow: hidden;
}
.divExpand>div:nth-child(1) h2 {
margin: 0;
padding: 0;
}
.divExpand>div:nth-child(1) a {
display: block;
padding: 8px 14px;
position: relative;
/* font-size: 1.4em;*/
padding-right: 45px;
}
.divExpand>div:nth-child(1) a:after {
content: "";
width: 22px;
height: 22px;
background-image: url(../images/icon_ec_arrow.png);
background-repeat: no-repeat;
background-position: center center;
/*font-family: docons;
font-size: inherit;
speak: none;
display: inline-block;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-align: center;
direction: ltr;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: hsla(0, 0%, 0%, 1);
color: var(--black);
color: #cedc9e;
content: "\FF34";
font-size: 1.2rem;
font-weight: bold;*/
right: 12px;
top: 9px;
padding: 0;
position: absolute;
/* -webkit-transform: rotate(0deg);
transform: rotate(0deg);*/
-webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
transition: -webkit-transform .2s ease-out, color .2s ease-out;
transition: transform .2s ease-out, color .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out, color .2s ease-out;
font-size: 1.4rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.divExpand.active>div:nth-child(1) a:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);/* color: #ce4300;*/
}
.divExpand>div:nth-child(2) {
display: none;
-webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
opacity: 0;
height: 0;
border-top: 3px solid #bdbdbd;
background-color: #fffced;
}
.divExpand.activating>div:nth-child(2) {
display: block;
position: static;
opacity: 0;
height: auto;
}
.divExpand.active>div:nth-child(2) {
display: block;
position: static;
opacity: 1;
height: auto;
padding: 8px 14px;
}
.divExpand_control {
float: right;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.divExpand_control a {
display: block;
font-size: 1.4em;
color: #fff !important;
background-color: #096fb9;
padding: 8px 20px;
margin-left: 20px;
margin-bottom: 20px;
}
/*=============*/
.border_table th, .border_table td {
border-collapse: collapse;
border: 1px solid #888;
}
.float_img_tl {
float: left;
padding: 0 1em 1em 0;
}
.footerMenuArea .tel {
margin-bottom: 20px;
}
.footerMenuArea .tel:before {
content: '';
display: inline-block;
width: 29px;
height: 32px;
background-image: url(../images/icon_telno.png);
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 20px;
}
.footerMenuArea .fax {
margin-bottom: 20px;
}
.footerMenuArea .fax:before {
content: '';
display: inline-block;
width: 29px;
height: 32px;
background-image: url(../images/icon_fax.png);
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 20px;
}
.footerMenuArea .share li {
margin-right: 15px;
}
/*==============*/
.index_tdiv>div {
display: inline-block;
width: 50%;
}
.whatsnew_date {
color: #00837d;
font-weight: bold;
}
ul.whatsnews_list {
list-style: none;
margin-left: -20px;
}
ul.whatsnews_list li::before {
content: "\2022";
color: #00b3aa;
margin-right: 18px;
font-weight: bold;
font-size: 28px;
vertical-align: top;
margin-left: -1em;
}
ul.whatsnews_list li {
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;
}
ul.whatsnews_list .whatsnews_list_three_col {
width: 600px;
margin: 0;
margin-top: 20px;
}
ul.whatsnews_list .whatsnews_list_three_col span:not(.iconPdf) {
display: inline-block;
width: 200px;
text-align: center;
}
ul.whatsnews_list .whatsnews_list_three_col span > a {
/*color: #428bca;*/
color: #3277B3;
}
/*===========*/
.cok_logo{
margin-top:31%;
box-shadow: 0 0 20px -2px #000;
}
.main_secBanner {
margin: 15px -15px;
text-align: center;
margin-top: 20px;
top: auto;/*
margin-top:31%;*//*
margin-top: 100px;*/
}
.main_secBanner>div {
display: inline-block;
width: 413px;
max-width: 100%;
background-color: #FFF;
margin: 10px;
box-shadow: 0 0 20px -2px #000;
}
.main_secBanner>div>div {
padding: 15px;
}
.main_secBanner>div>div>a {
display: block;
}
.main_secBanner>div>div .cover {
display: block;
overflow: hidden;
}
.main_secBanner>div>div .cover.c_v{
height: 0;
padding-bottom: 50.868486352357320099255583126551%;
position: relative;
}
.main_secBanner>div>div .cover.c_v video{
bottom:0;
position:absolute;
}
.main_secBanner>div .cover img {
transform: scale(1);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main_secBanner>div:hover .cover img, .main_secBanner>div>div>a:focus .cover img {
transform: scale(1.08);
}
.main_secBanner>div>div .cont {
display: block;
}
.main_secBanner .title {
position: relative;
background-color: #fff;
font-size: 1.14286em;
font-weight: bold;
line-height: 1.4em;
height: 80px;
overflow: hidden;
/* box-shadow: 0 0 10px -2px #000;*/
display: block;
font-family: "Dancing Script";
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
color: #000;
text-align:justify;
}
.main_secBanner .title:before {
content: '';
position: absolute;
top: 15px;
left: 12px;
}
.ibDiv>div {
display: inline-block;
}
.ibDiv>.my_img {
width: 25%;
padding-right: 20px;
}
.ibDiv>.txt_w_img {
width: 75%;
}
/*================*/
.photoAlbums {
margin: 0 -20px;
text-align: center;
}
.photoAlbums>div {
display: inline-block;/*
width: 100%;*/
max-width: 500px;
padding: 10px;
position: relative;
}/*
.photoAlbums>div>div {*/
.photoAlbums>div>ul.slides>li{
padding: 8px;
background-color: #fff;
border: 1px solid #fff;
box-shadow: 0 0 10px -2px #000;/*
display: inline-block;*/
position:relative;
}
.photoAlbums .cont{
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
min-height: 50px;
padding: 8px 10px;
background-color: rgba(0,0,0,.7);
color: #fff;
padding-right:72px;
width:auto;
}
.photoAlbums .more{
position: absolute;
color: #fff;
right: 8px;
bottom: 8px;
padding: 8px 10px;
font-size: .8em;
}
.my_select>div {
display: inline-block;
margin-bottom: 20px;
}
.my_select select {
font-size: 1.07142857em;
padding: 7px 20px 8px 10px;
border-radius: 6px;
}
.my_select .mys_btn>a {
display: block;
padding: 12px 30px;
margin: 0 10px;
border-radius: 6px;
background-color: #05499c;
color: #fff;
font-size: 1.07142857em;
}
body a.pp_expand {
display: none !important;
}
p.line {
text-decoration: underline;
}
/* ------------------------------------------ */
/* Style for share-btns */
/* ------------------------------------------ */
.myheaderTool>div.clientTool .shareTool {
position: relative;
}
.myheaderTool>div.clientTool .shareTool>.shareList {
display: none;
position: absolute;
top: auto;
left: 50%;
padding: 8px 15px 12px !important;
text-align: left;
z-index: 9000;
min-width: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #FFF;
box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
border-top: 2px solid #3447a3;
left: auto;
right:0;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.myheaderTool>div.clientTool .shareTool>.shareList:before {
display: none;
}
.myheaderTool>div.clientTool .shareTool.active>.shareList {
display: block;
}
.share-btns {
position: relative;
margin-top: 15px;
}
ul.share-btns {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.share-btns>li {
margin: 0;
display: inline-block;/*
padding: 0 5px;*/
}
ul.share-btns a {
font-size: 0;
}
.header-nav__tool--share {
/* text-align: center;*/
}
.header-nav__tool--share .share-btns {
white-space: nowrap;
}
.headerArea li .share-btns__btn {
display: inline-block;
vertical-align: top;
width: 34px;
height: 34px;
margin-right: 5px;
position: relative;
transition: 0.2s;
}
.mob-nav__control .share-btns__btn {
width: 30px;
height: 30px;
vertical-align: middle;
}
.share-btns__btn:before {
content: '';
width: 26px;
height: 26px;
left: 4px;
top: 4px;
display: block;
position: absolute;
background: url() center top;
background-size: 100% auto;
transition: 0.2s;
}
.header-nav__tool--share .share-btns__btn:before {
background-position-y: -26px;
}
.mob-nav__control .share-btns__btn:before {
background-position-y: -22px;
}
.mob-nav__control .share-btns__btn:before {
width: 22px;
height: 22px;
left: 4px;
top: 4px;
}
.share-btns__btn:hover:before {
background-position-y: -26px;
}
.mob-nav__control .share-btns__btn:hover:before {
background-position-y: -22px;
}
.share-btns__btn.share-btns__btn--email:before {
background-image: url(../images/share/icon-social-email-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--email, .header-nav__tool--share .share-btns__btn.share-btns__btn--email, .share-btns__btn.share-btns__btn--email:hover {
background-color: yellowgreen;
}
.share-btns__btn.share-btns__btn--fb:before {
background-image: url(../images/share/icon-social-facebook-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--fb, .header-nav__tool--share .share-btns__btn.share-btns__btn--fb, .share-btns__btn.share-btns__btn--fb:hover {
background-color: #3b5998;
}
.share-btns__btn.share-btns__btn--wa:before {
background-image: url(../images/share/icon-social-whatsapp-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--wa, .header-nav__tool--share .share-btns__btn.share-btns__btn--wa, .share-btns__btn.share-btns__btn--wa:hover {
background-color: #1bd741;
}
.share-btns__btn.share-btns__btn--wb:before {
background-image: url(../images/share/icon-social-weibo-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--wb, .header-nav__tool--share .share-btns__btn.share-btns__btn--wb, .share-btns__btn.share-btns__btn--wb:hover {
background-color: #df2029;
}
.share-btns__btn.share-btns__btn--wc:before {
background-image: url(../images/share/icon-social-wechat-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--wc, .header-nav__tool--share .share-btns__btn.share-btns__btn--wc, .share-btns__btn.share-btns__btn--wc:hover {
background-color: #09b83e;
}
.share-btns__btn.share-btns__btn--tw:before {
background-image: url(../images/share/icon-social-twitter-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--tw, .header-nav__tool--share .share-btns__btn.share-btns__btn--tw, .share-btns__btn.share-btns__btn--tw:hover {
background-color: #00aff0;
}
.share-btns__btn.share-btns__btn--ig:before {
background-image: url(../images/share/icon-social-ig-white.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--ig, .header-nav__tool--share .share-btns__btn.share-btns__btn--ig, .share-btns__btn.share-btns__btn--ig:hover {
background-color: #bc2a8d;
}
.share-btns__btn.share-btns__btn--rss:before {
background-image: url(../images/share/icon-rss.png);
}
.mob-nav__control .share-btns__btn.share-btns__btn--rss, .header-nav__tool--share .share-btns__btn.share-btns__btn--rss, .share-btns__btn.share-btns__btn--rss:hover {
background-color: #f26522;
}
.share-btns__btn:last-child {
margin-right: 0;
}
/* END Style share-btns */
#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child {
background-color: transparent;
}
#menu>.mm-panels>.mm-panel>.mm-listview>.mm-listitem:last-child:after {
display: none;
}
/*====================================*/
.your_justify, .your_justify p {
text-align: justify;
}
.pp_pic_holder a.pp_previous {
width: 50%;
}
.pp_pic_holder a.pp_next {
width: 50%;
}
body #wrap .headerArea .headerTool .headerMenu>ul.tMenu {/*
font-size: 1.35em;*/
}
body a {
color: #355a7b;
}
/*=========*/
.myVideo{
margin-bottom:40px;
}
/*================*/
.event_search {
white-space: nowrap;
text-align: center;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
height: 322px;
}
.event_search .search_holder{
width: 70%;
display: inline-block;
white-space: normal;
}
.event_search .calendar{
width: 50%;
min-width:500px;
max-width:100%;
display: inline-block;
white-space: normal;
vertical-align: top;
margin: 10px;/*
box-shadow: 3px 3px 5px rgba(130,130,130,0.3);*/
overflow: auto;
}
.event_search .calendar_area {
display: flex;
flex-wrap: wrap;
border: 1px solid #2b2b2b;
}
.event_search .calendar .calendar_area>div{
display:inline-block;
flex: 0 0 25%;
width:25%;
text-align:center;
border: 1px solid #2b2b2b;
max-height:100px;
overflow: hidden;
}
.event_search .calendar .calendar_area>div a{
display:block;
padding:8px 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event_search .calendar .calendar_area>div a:hover,
.event_search .calendar .calendar_area>div a:focus{
background-color: #002e66;
color: #fff;
}
.event_search .calendar .calendar_area>div.active a{
background-color: #05499c;
color: #FFF;
}
.event_search .calendar .calendar_area a img {
width: 25px;
vertical-align: top;
margin: 0 5px;
}
.event_search .reselt{
width: 50%;
display: inline-block;
white-space: normal;
vertical-align: top;
margin: 10px;
box-shadow: 3px 3px 5px rgba(130,130,130,0.3);
overflow: auto;
}
.event_search .reselt>div{
display:none;
}
.event_search .reselt>div.active{
display:block;
}
.event_search .reselt ol{
padding-left: 1em;
}
.event_search label{
display:none;
}
/*Event Search Table*/
.event_search_table {
width: 100%;/*
max-width: 640px;*/
}
.event_search_table .input_field {
margin: 5px;
position: relative;
white-space: normal;
}
.event_search_table .input_field input, .event_search_table .input_field select {
width: 100%;
padding: 10px;
height: 50px;
box-shadow: 3px 3px 5px rgba(130,130,130,0.2);
border: 1px solid #CCC;
}
.event_search_table .input_icon {
position: absolute;
left: 10px;
top: 50%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.event_search_table .input_field .input_icon + input, .event_search_table .input_field .input_icon + select {
padding-left: 40px;
}
.event_search_table .input_icon img {
vertical-align: sub;
}
.search_filter .event_search_table .input_field input, .search_filter .event_search_table .input_field select {
box-shadow: none;
}
.event_search_table input[type=submit] {
background-color: #05499c;
color: #FFF;
border-radius: 5px;
}
.event_search_table td {
margin: 10px;
position: relative;
white-space: nowrap;
}
.event_search_table input[name=s_date] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
width: 100%;
z-index: 1;
}
.event_search_table .input_field .halfwidth {
width: 50%;
display: inline-block;
position: relative;
}
.event_filter_holder .filter_content {
display: none;
background-color: #FFF;
padding: 10px;
}
.event_filter_holder .ev_filter .filter_header {
color: #FFF;
padding: 10px;
cursor: pointer;
position: relative;
margin-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
display: table;
width: 100%;
}
.event_filter_holder .ev_filter .filter_header > span {
display: table-cell;
vertical-align: middle;
}
.event_filter_holder .ev_filter label {
font-size: 0.9em;
}
.event_filter_holder .ev_filter .filter_header .icon {
width: 1%;
padding-right: 10px;
}
.event_filter_holder .ev_filter .filter_header i.fa {
width: 1%;
display: table-cell;
vertical-align: middle;
}
.event_filter_holder .search_filter .filter_header {
background-color: #258001;
}
.event_filter_holder .district_filter .filter_header {
background-color: #0095CD;
}
.event_filter_holder .category_filter .filter_header {
background-color: #8329BC;
}
.event_filter_holder .show_more {
cursor: pointer;
text-align: right;
color: #0182DD;
position: relative;
padding-right: 25px;
}
.event_filter_holder .arrow {
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 5px;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.event_filter_holder .arrow-down {
border-left: 7.5px solid transparent;
border-right: 7.5px solid transparent;
border-top: 7.5px solid #0182DD;
}
.event_filter_holder .long_list {
display: none;
}
.region_filter .region {
font-weight: bold;
}
.input_field .form_select {
/*
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(...);
*/
}
.input_field .form_select::-ms-expand {
display: none; /* hide the default arrow in ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0) {
.input_field .form_select {
background-image:none;
padding: 5px;
}
}
/*Static Calendar*/
.calendar a {
text-decoration: none;
}
.calendar .week>div, .calendar .date>div {
display: inline-block;
min-width: 14.28571%;
/*width: -moz-calc(100% / 7);
width: -webkit-calc(100% / 7);
width: -o-calc(100% / 7);
width: calc(100% / 7);*/
}
.calendar .month {
text-align: center;
background-color: #05499c;
position: relative;
color: #FFF;
padding: 5px;
font-size: 0.9em;
}
.calendar .month a {
color: #FFF;
}
.calendar .month .prev {
position: absolute;
left: 10px;
top: 5px;
bottom: 5px;
}
.calendar .month .next {
position: absolute;
right: 10px;
top: 5px;
bottom: 5px;
}
.calendar .holiday {
color: #F00;
}
.calendar .week {
background-color: #D4F1F9;
}
.calendar .week > div, .calendar .date > div {
text-align: center;
font-size: 0.8em;
font-weight: normal;
}
.calendar .date > div {
outline: 1px solid #CCC;
}
.calendar .date_spacer {
color: #838383;
}
.calendar .current{
text-align:center;
}
/*Event Result Table*/
.events_table {
width: 100%;
}
.events_table .events_list {
display: none;
margin-top: 5px;
}
.events_table .events_list.active {
display: block;
}
.events_table .events_data {
position: relative;/*
width: 50%;
display: inline-block;*/
width:100%;
display:block;
}
.events_table .events_data .detail{
/* background: #FFF;*/
padding: 10px;/*
height: 200px;/*
overflow: auto;/*
border: 1px solid #CCC;*/
margin: 5px;
}
.events_table .events_data{
background: #fff;
padding:10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.events_table .events_data:nth-child(odd){
background: #bdebff;
}
.events_table .events_data:hover,
.events_table .events_data:nth-child(odd):hover{
background: #e4f7ff;
}
/*.events_table .events_data .detail:hover {
box-shadow: 0px 0px 10px #aaa;
}*/
/*
.events_table .events_data:nth-child(odd) .detail{
margin-right: 2.5px;
}
.events_table .events_data:nth-child(even) .detail{
margin-left: 2.5px;
}
*/
.events_table .events_data a{
text-decoration: none;
}
.events_table .events_data .name{/*
margin-bottom: 10px;*/
color: #5291FA;
line-height: 150%;
}
.events_table .events_data .detail>div {
line-height: 150%;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
}
.events_table .events_data .detail>div.logo{
margin-bottom:20px;
}
.events_table .events_data .detail>div.logo img{
max-height: 100px;
}
.events_table .events_data .detail>div span.dt{
display:inline-block;
width:23%;
min-width: 100px;
}
.events_table .events_data .detail>div span.dc{
display:inline-block;
width:77%;
}
.events_table .events_data .detail>div .dt{
padding-right:10px;
}
.events_table .events_data .organizer{
/* font-size: 0.8em;*/
color: #423f3f;/*
margin-bottom: 10px;*/
}
.events_table .events_data .display_date{
/* font-size: 0.8em;*/
display: inline-block;
vertical-align:middle;
}
.events_table .events_data .district {
/* font-size: 0.8em;*/
display: inline-block;
vertical-align:middle;/*
margin-left: 20px;*/
}
.events_table .events_data .icon{
vertical-align:middle;
margin-right: 5px;
}
.events_table .region_list {
margin: 0;
white-space: nowrap;
}
.events_table .region_list a{
display: inline-block;
list-style: none;
white-space: normal;
width: 25%;
text-decoration: none;
font-weight: bold;
}
.events_table .region_list .region_btn {
background: #fff;
border-top-style: solid;
border-top-width: 3px;
border-top-color: #000;
padding: 10px;
box-shadow: 3px 3px 5px rgba(130,130,130,0.2);
border: 1px solid #CCC;
}
.events_table .region_list .region_btn.active {
padding-top: 20px;
border-top: 0;
}
.events_table .region_list .hk_region.region_btn {
border-top-color: #EF686E;
color: #EF686E;
}
.events_table .region_list .hk_region.region_btn.active {
background-color: #EF686E;
color: #fff;
box-shadow: 3px 3px 5px rgba(130,130,130,0.2);
border: 1px solid #CCC;
}
.events_table .region_list .kl_region.region_btn {
border-top-color: #45A490;
color: #45A490;
}
.events_table .region_list .kl_region.region_btn.active {
background-color: #45A490;
color: #fff;
box-shadow: 3px 3px 5px rgba(130,130,130,0.2);
border: 1px solid #CCC;
}
.events_table .region_list .nt_region.region_btn {
border-top-color: #3089B3;
color: #3089B3;
}
.events_table .region_list .nt_region.region_btn.active {
background-color: #3089B3;
color: #fff;
box-shadow: 3px 3px 5px rgba(130,130,130,0.2);
border: 1px solid #CCC;
}
.events_table .region_list .others_region.region_btn {
border-top-color: #FF7852;
color: #FF7852;
}
.events_table .region_list .others_region.region_btn.active {
background-color: #FF7852;
color: #fff;
}
.events_table .events_data .detail *{
color:#444;
text-decoration:none;
}
.events_table.etua .events_data .detail a:hover,
.events_table.etua .events_data .detail a:focus {
text-decoration: underline;
}
.paginator ul {
margin: 0;
}
.paginator li {
display: inline-block;
margin: 5px;
list-style: none;
}
.paginator li a {
text-decoration: none;
width: 35px;
height: 35px;
border: 1px solid #e8e8e8;
background-color: transparent;
color: #0d4173;
position: relative;
text-align: center;
display: table;
}
.paginator li.active a {
border: 1px solid #d3544b;
background-color: #d3544b;
color: #fff;
}
.paginator li span {
vertical-align: middle;
font-size: 0.8em;
}
/*Events Detail*/
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7);
z-index: 5000;
display: none;
text-align: center;
}
.overlay .event_detail {
background: #FFF;
padding: 10px;
text-align: left;
width: 100%;
max-width: 1000px;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: auto;
}
.event_detail {
background: #FFF;
padding: 10px;
text-align: left;
}
.event_detail .header {
border-bottom: 1px solid #A0F;
margin-bottom: 5px;
}
.event_detail .title {
font-size: 1.5em;
font-weight: bold;
float: left;
margin-bottom: 5px;
}
.event_detail .right_btn {
float: right;
}
.event_detail .right_btn a{
margin-right: 5px;
}
.event_detail .img_holder {
height: 75px;
position: relative;
margin-bottom: 10px;
}
.event_detail .img_holder .icon, .event_detail .poster {
height: 100%;
max-width: 50%;
}
.event_detail img {
max-height: 100%;
max-width: 100%;
}
.event_detail .responsive-table {
min-width: unset;
}
.event_detail .responsive-table tbody tr:first-child {
border-top: 1px solid #1d96b2;
}
.event_detail .responsive-table td:nth-child(1), .event_detail .responsive-table td:nth-child(3) {
font-weight: bold;
white-space: nowrap;
width: 1%;
}
.event_detail .responsive-table th, .event_detail .responsive-table td {
padding: .5em;
}
.desktop {
display: block;
}
.mobile {
display: none;
}
/*=======*/
.myVideoList{
text-align:left;
margin-bottom:40px;
}
.myVideoList .myVideo{
display:inline-block;
padding:5px;
margin-bottom:0;
max-width: 475px;
}
.myVideoList .myVideo a{
text-decoration:none;
color:#2b3944;
}
.myVideoList .myVideo .cover{
display:block;
}
.myVideoList .myVideo .text{
background-color:#f2f3f5;
border-bottom: 1px solid #dddfe2;
display:block;
padding: 10px 12px;
position:relative;
}
.myVideoList .myVideo .title{
font-weight:bold;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;/*
white-space: nowrap;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.myVideoList .myVideo .cont{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;/*
white-space: nowrap;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display:none !important;
}
.u-lList{
list-style-type:upper-latin;
}
.cokLogo{
width: 600px;
max-width: 100%;
padding: 20px;
margin: auto;
}
.cok_list{
margin:20px 0;
}
.cok_list>div{/*
padding:10px;*/
padding:20px;
}
.cok_list>div ul:last-child{
margin-bottom:0;
}
.cok_list>div:nth-child(odd){
background-color:#bdebff;
background-image: repeating-linear-gradient(190deg,#bdebff, #b6e3f6 .5%, #aedaed .75%);
}
.cok_list>div:nth-child(even){
background-color:#fff;
background-image: repeating-linear-gradient(190deg,#fff, #fbfbfb .5%, #f8f8f8 .75%);
}
.cok_list.cok_detail>div:nth-child(odd){
background-color:#fff;
background-image: repeating-linear-gradient(190deg,#fff, #fbfbfb .5%, #f8f8f8 .75%);
}
.cok_list.cok_detail>div:nth-child(even){
background-color:#bdebff;
background-image: repeating-linear-gradient(190deg,#bdebff, #b6e3f6 .5%, #aedaed .75%);
}
.cok_list.cok_detail.style2>div:nth-child(even){
background-color: #ffd5bd;
background-image: repeating-linear-gradient(190deg,#ffe8bd, #f6d5b6 .5%, #e6edae .75%);
}
.cok_list.cok_detail>div.mhl{
border: 5px solid #ff7324;
border-style: dashed;
box-shadow: 0 0 8px 0 #595959;
position: relative;
z-index: 10;
}
.cok_list.cok_detail>div.mhl:nth-child(even){
border: 3px solid #fff;
}
.iconButton{
display:inline-block;
}
.iconButton a{
display:block;
padding:10px;
position:relative;
color:#444;
background-color:#ddf5ff;
background-image: radial-gradient(#ddf5ff 40%, #dcf2fa 70%, #dbedf4 90%);
border-radius:8px;
font-size: 1.6em;
line-height: 1em;
}
.iconButton a:before{
content:"";
display:inline-block;
margin-right:5px;
width: 45px;
height: 45px;
background-image:url(../images/icon_cok.png);
background-size:100% 100%;
background-repeat:no-repeat;
}
.iconButton .calico {
width: 40px;
margin-left: 5px;
vertical-align: text-bottom;
}
.paginator{
margin:20px 0;
}
.talk_list>div{
padding:10px;
}
.talk_list>div:nth-child(odd){
background-color:#bdebff;
}
.visit_list>div{
padding:10px;
}
.visit_list>div:nth-child(odd){
background-color:#bdebff;
}
/*===========*/
#flexslider_visit.flexslider>ul,
#flexslider_visit.flexslider>ul.slides{
margin: 0;
padding: 0;
}
#flexslider_visit .flex-direction-nav a{
overflow:visible;
font-size:0;
}
#flexslider_visit .flex-control-nav{
position: relative;
line-height: normal;
padding:16px 0;
height:0;
}
#flexslider_visit .flex-pauseplay a{
overflow: visible;
font-size: 0;
bottom: 30px;
z-index: 4010;
}
#flexslider_visit.flexslider{
background-color:transparent;
}
/*====================*/
.billboard{
position:relative;
width:100%;
height:0;
padding-bottom:52.532%;
background-image:url(../images/cok/bg1.png);
background-size: 100% auto;
background-repeat:no-repeat;
}
.billboard .bb_fbg{
position:absolute;
width:38.544%;
left: 50%;
top: 46%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index:10;
}
.billboard .bb_fbg>div{
padding-bottom:45.32%;
background-image:url(../images/cok/bg2.png);
background-size: 100% auto;
background-repeat:no-repeat;
}
.billboard .bb_board>div{
position: absolute;
top: 7.5%;
width: 25.823%;
}
.billboard .bb_board>div:nth-child(1){
left: 10.2%;
}
.billboard .bb_board>div:nth-child(2){
left: 37%;
}
.billboard .bb_board>div:nth-child(3){
left: 63.7%;
}
.billboard .bb_board>div a{
display:block;
position:relative;
}
.billboard .bb_board>div a:before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 6.7%;
height: 46.8%;
background-color: #fff;
opacity: 0;
box-shadow: 0 0 10px 5px #bbb;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.billboard .bb_board>div a:hover:before,
.billboard .bb_board>div a:focus:before{
opacity: .4;
}
.leftMenu .menuLv1 .extmenu{
display:none;
}
.coc_whatsapp{
background-image:url(../images/cok/bg3.png);
background-size: 100% auto;
background-repeat:no-repeat;
}
.coc_whatsapp.style2{
background-image:url(../images/cok/bg3_2.png);
}
.pdf_area{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
width: 850px;
margin: auto;
max-width: 100%;
}
.pdf_area>div{
width:100%;
text-align:center;
padding:10px 10px;
}
.pdf_area>div img{
margin:auto;
margin-bottom:20px;
display:block;
width: 100px;
}
.pdf_area a{
font-weight:bold;
color:#2b3944;
}
/*==============*/
.detail_area{
margin:0 20px 40px 20px;
box-shadow: 0 0 50px -10px #9ca1ff;
}
.detail_area>div{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
position:relative;
border-radius: 8px;
}
.detail_area>div:after{
content:"";
position:absolute;
left:20px;
right:20px;
bottom:0;
height:1px;
background-color:#cfcfcf;
}
.detail_area>div:last-child:after{
display:none;
}
.detail_area>div>div{
vertical-align:top;
padding:20px;
}
.detail_area>div>div{
border-bottom:none;
}
.detail_area>div>div:nth-child(1){
width:20%;
display:inline-block;
background-color: #ededed;
font-weight:bold;
}
.detail_area>div>div:nth-child(2){
width:80%;
display:inline-block;
background-color: #fff;
}
.detail_area>div:nth-child(1)>div:nth-child(1){
border-radius: 10px 0 0 0;
}
.detail_area>div:nth-child(1)>div:last-child{
border-radius: 0 10px 0 0;
}
.detail_area>div:last-child>div:nth-child(1){
border-radius: 0 0 10px 0;
}
.detail_area>div:last-child>div:last-child{
border-radius: 0 0 0 10px;
}
.lt_list{
list-style-type:lower-latin;
}
.mainContent .detail_area li{
margin-top:0;
}
.detailTable{
overflow: auto;
max-width:100%;
}
.detailTable table td:nth-child(1),
.detailTable table td:nth-child(1) img{
width:300px;
}
.detailTable tr:nth-child(1) td,
.detailTable tr:nth-child(1) th{
font-weight:bold;
}
.detailTable td,
.detailTable th{
border-collapse: collapse;
border: 1px solid #444;
}
.detailTable.d1 td:nth-child(1){
min-width:130px;
}
.detailTable.f4 td:nth-child(4){
min-width:230px;
}
.headerTable{
overflow:auto;
width:100%;
}
.headerTable table td,
.headerTable table th{
border-collapse:collapse;
border:1px solid #2b2b2b;
}
.cok_list h2 img {
width: 100px;
}
.txtico{
color:#fff;
text-decoration: none;
display:inline-block;
text-align: center;
padding:0 8px;
margin:4px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
/*background-color: #790707;
background-image: linear-gradient(141deg, #500606 0%, #880505 51%, #770909 75%);
opacity: 0.95;
border: 2px solid #920e0e;*/
background-color: #774609;
background-image: linear-gradient(141deg, #502506 0%, #a55c11 51%, #774609 75%);
opacity: 0.95;
border: 2px solid #8c5a15;
font-size: 0.9em;
}/*
.chineseVersion .txtico{
font-weight: bold;
}*/
/*========*//*
#event_data_list .detail br,*/
#event_data_list .organiser br,
#event_data_list .venue br{/*
display:none;*/
}
.events_table .events_data .detail>div{
padding: 6px 0;
}
.events_table .events_data .detail>div span.dc{
word-break: break-word;
text-align: justify;
}
.events_table .events_data .detail>div span.dc span.ba{
word-break: break-all;
}
/*============*/
.iconButton{
margin-left:20px;
}
.iconButton.fst{
margin-left:0;
}
.iconButton .iconPdf img{
width:40px;
}
.tableArea{
overflow: auto;
max-width:100%;
}
.youtubeDiv{
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.youtubeDiv>iframe{
width: 100%;
height: 100%;
position: absolute;
}
.pop_video a{
position:relative;
display:block;
}
.pop_video a:after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-image:url(../images/icon_video_play.png);
background-repeat:no-repeat;
background-position: center center;
background-size: 30% auto;
opacity: .8;
}
.pop_video a:hover:after,
.pop_video a:focus:after{
opacity: 1;
}
/*================*/
.footerArea .logo_list{
padding:0 20px;
}
#flexslider_footer.flexslider{
background-color:transparent;
}
#flexslider_footer .slides li a{
display:block;
padding:15px;
}
#flexslider_footer .flex-direction-nav a{
opacity:1;
font-size: 0;
overflow: visible;
}
#flexslider_footer .flex-direction-nav a:before{
color:#459cdb;
}
#flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev{
left: -50px;
}
#flexslider_footer.flexslider:hover .flex-direction-nav .flex-next {
right: -50px;
}
#flexslider_footer .flex-control-nav{
position:relative;
bottom:auto;
}
/*==========*/
.footerTitle{
background-color: #e4e4e4;
}
.footerTitle .title{
text-align:center;
padding: 10px 0;
font-size: 1.4em;
display: block;
}
.footerTitle .title:after{
content:"";
display:inline-block;
background-image:url(../images/icon_arrow_top.png);
background-repeat: no-repeat;
background-size: 100% auto;
width: 25px;
height: 25px;
margin: 0 10px;
vertical-align: top;
}
/*==============*/
.search_year ul{
margin:0;
padding:0;
}
.search_year li{
display:inline-block;
margin:0;
margin-bottom: 10px;
}
.mainContent a.search_btn{
padding:8px 26px;
background-color:#1d8191;
color:#fff;
border-radius: 4px;
display: block;
}
.search_year select{
background-color: #555555;
border-radius: 4px;
border-color: transparent;
margin: 0 10px;
padding: 10px;
max-width: 100%;
width: 130px;
}
.btn_container{
text-align: right;
}
.btn_wrapper{
display: inline-block;
margin-left: 5px;
margin-bottom: 10px;
}
.dropdown_wrapper .dropdown>a{
background-color: #3d4351;
border-radius: 4px;
border-color: transparent;
padding: 10px;
max-width: 100%;
width: 110px;
font-size: 1em;
text-align: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
height: 42px;
display: block;
}
.submitC{
background-color: #1d8191;
border-radius: 4px;
border-color: transparent;
padding-left: 7px;
padding-right: 7px;
max-width: 100%;
width: 110px;
font-size: 1em;
text-align: center;
position: relative;
margin-left: 0px;
margin-right: 0px;
color:#fff;
height: 42px;
display: block;
line-height: 42px;
}
.submitC:hover, .submitC:focus, .submitC:active, .submitC:visited{
text-decoration: none !important;
color:#fff !important;
}
.dropdown_wrapper .dropdown>a:hover, .dropdown_wrapper .dropdown>a:focus, .dropdown_wrapper .dropdown>a:visited{
color:#fff !important;
}
.dropdown_wrapper .dropdown-toggle .arrow{
border: solid #fff;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
margin-top: 5px;
right:10px;
}
.dropdown_wrapper .open .dropdown-toggle .arrow{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-top: 10px;
}
div.mainContent .dropdown_wrapper ul{
list-style-image: none;
}
div.mainContent .dropdown_wrapper li{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
.d-lg-none {
display: none !important;
}
.mobShare{
padding:10px 0;
}
.mobShare>a{
display: none !important;
}
.headerArea .headerMenu .mobShare li{
display:inline-block;
}
.myheaderTool>div.clientTool .mobSearchArea .cross_btn{
display:none;
}
.simpleTable{
width:100%;
overflow:auto;
}
.simpleTable table{
border-top:2px solid #1d8191;
border-bottom:2px solid #e3e7e6;
}
.simpleTable tr{
background-color:#fff;
border-left:2px solid #e3e7e6;
border-right:2px solid #e3e7e6;
}
.simpleTable tr:nth-child(odd){
background-color:#f6f7f9;
}
.simpleTable table tr:nth-child(1){
background-color:#1c6627;
color:#fff;
border-left:2px solid #1d8191;
border-right:2px solid #1d8191;
}
.simpleTable table tr td.school{
font-weight: bold;
color: #8327aa;
}
/*==========================*/
.footerMenuArea{
}
.footerMenuArea.active{
}
.footerMenuArea .footerTitle a{
text-decoration:none;
}
.footerMenuArea .footerTitle .title:after{
transform: rotate(180deg);
-webkit-transition: transform 0.2s ease-in-out;
-moz-transition: transform 0.2s ease-in-out;
-ms-transition: transform 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.footerMenuArea.active .footerTitle .title:after{
transform: rotate(0);
}
.footerMenuArea .footerMenu{
max-height:0;
overflow:hidden;
-webkit-transition: max-height 0.3s ease-in-out;
-moz-transition: max-height 0.3s ease-in-out;
-ms-transition: max-height 0.3s ease-in-out;
-o-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.footerMenuArea.active .footerMenu{
max-height:1000px;
}
/*===========*/
.content_mp{
background-color:#fff;
}
.content_mp p {
text-align: left;
margin: 0 0 1em 0;
}
.content_mp .mp_flex.fn2 ul{
list-style-type: none;
overflow: auto;
max-height: 366px;
padding-right: 40px;
margin-right: -40px;
padding-left: 0px;
margin-top:10px;
}
.content_mp .mp_flex.fn2 ul>li{
position:relative;
margin-bottom: 1em;
padding-left: 20px;
}
.content_mp .mp_flex.fn2 ul>li:before{
content:"";
position:absolute;
border-left: 9px solid #444;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: 0;
top: 5px;
}
.content_mp .mp_flex.fn2 ul a{
color:#2b3944;
}
.info_bg{
padding:40px 0;
}
.mp_header{
padding:10px;
background-color:#fff;
text-align:center;
}
.mp_header.hn1 h1,
.mp_header.hn2 h1{
position:relative;
margin-bottom:0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.2em;/*
color: #2d77a4;*/
}
.mp_header.hn2{
position:relative;
z-index:100;
}
.mp_header.hn2:after{
content:"";
position:absolute;
left:50%;
top:100%;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #e4e4e4;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.mp_header.hn1 h1:before{/*
content:"";
display:inline-block;
width:75px;
height:76px;
background-image:url(../images/icon_mph1.png);
background-repeat:no-repeat;
margin-right:20px;
background-size: 100% auto;
background-position: center center;
max-width: 10vw;
max-height: 10vw;*/
}
.mp_header.hn2 h1:before{
content:"";
display:inline-block;
width:80px;
height:76px;
background-image:url(../images/icon_mph2.png);
background-repeat:no-repeat;
margin-right:20px;
background-size: 100% auto;
background-position: center center;
max-width: 10vw;
max-height: 10vw;
}
.welcome_bg{
background-image: url('../images/welcome_bg.jpg');
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.mp_flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.mp_flex.fn1 .mp_cont.cn1{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-top:80px;
padding-bottom:80px;
padding-left:10px;
padding-right:50px;
position:relative;
font-size: 1.1em;
}
.chineseVersion .mp_flex.fn1 .mp_cont.cn1{
font-family: 'DFKai-sb', 'Arial', san-serif;
}
@media(min-width:1580px){
.mp_flex.fn1 .mp_cont.cn1{
padding-left: 0px;
}
}
.f-container{
position: relative;
overflow-x: hidden;
}
.f-container>.container{
position: relative;
z-index: 7;
}
.f-container:before{
content:'';
position: absolute;
height: 100%;
width:100%;
background-color: #deedcc;
left:0;
top: 0;
margin-left: -50%;
z-index: 3;
}
.f-container:after{
content:'';
position: absolute;
height: 100%;
width:100%;
background-color: #deedcc;
right:0;
top:0;
margin-right: -50%;
z-index: 3;
}
/*.mp_flex.fn1 .mp_cont.cn1:after{
content:"";
position:absolute;
top:20%;
left:100%;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #e0f9f0;
}*/
.welcome_mes{
max-width: 1550px;
margin-left: auto;
margin-right: auto;
}
.welcome_mes img{
position: relative;
z-index: 31;
max-width: 502px;
}
@media(min-width:993px){
.welcome_mes img{
width:90%
}
.welcome_img_wrap:after{
width:90%;
height: 100%;
}
}
.mp_flex.fn1 .mp_cont.cn2{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width:40%;
padding-top: 80px;
}
.welcome_img_wrap{
position: relative;
}
.welcome_img_wrap:after{
content:'';
background-color: #eb5500;
left:10px;
top:10px;
position: absolute;
z-index: 20;
max-width:502px;
max-height: 437px;
}
.link_btn{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:40px;
display:inline-block;
position: relative;
border-radius: 2px;
}
.link_btn:before{
content:'';
position: absolute;
background-color: #b9cbe1;
width:100%;
height: 50%;
top:0;
left:0;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
z-index: 10;
}
.link_btn:after{
content:'';
position: absolute;
background-color: #96accc;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
width:100%;
height: 50%;
bottom:0;
left:0;
z-index: 10;
}
.link_btn a{
color:#2b3944;
position: relative;
z-index: 15;
display: block;
}
.link_btn a:after{
content: '';
position: absolute;
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg) translateY(-50%);
-webkit-transform: rotate(-45deg) translateY(-50%);
top: 50%;
right: -20px;
}
.mp_flex.fn2 .mp_cont.cn3,
.mp_flex.fn2 .mp_cont.cn4{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width:50%;
}
.mp_flex.fn2 .mp_cont.cn3{
background-color:#deedcc;
padding-left: 10px;
padding-right: 50px;
padding-top: 70px;
padding-bottom: 70px;
}
.mp_flex.fn2 .mp_cont.cn3 .title{
position:relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mp_flex.fn2 .mp_cont.cn3 .title:before{
/* content:"";
display:inline-block;
width:75px;
height:69px;
background-image:url(../images/icon_mpt1.png);
background-repeat:no-repeat;
margin-right:20px;
background-size: 100% auto;
background-position: center center;
max-width: 10vw;
max-height: 10vw;*/
}
.mp_cont.cn3 ul>li{/*
font-size: 0.8em;*/
}
.mp_flex.fn2 .mp_cont.cn4{
background-color:#deedcc;
padding-top:70px;
padding-bottom:70px;
padding-left:50px;
padding-right:0px;
}
.mp_flex.fn2 .mp_cont.cn4 .title{
position:relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mp_flex.fn2 .mp_cont.cn4 .title:before{
/* content:"";
display:inline-block;
width:65px;
height:65px;
background-image:url(../images/icon_mpt2.png);
background-repeat:no-repeat;
margin-right:20px;
background-size: 100% auto;
background-position: center center;
max-width: 10vw;
max-height: 10vw;*/
}
.mp_cont .title{
font-size:1.6em;
font-weight:bold;
margin-bottom:.6em;
}
.mp_flex.fn3{
width:100%;
overflow:auto;
}
.mp_flex.fn3,
.mp_flex.fn3 a{
color:#fff;
}
.mp_flex.fn3>div {
z-index: 10;
position: relative;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
overflow:hidden;
}
.mp_flex.fn3>div:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000;
opacity: .75;
z-index: -1;
}
.mp_flex.fn3>div:nth-child(1){ background-image:url(../images/bg_mpcu_1.jpg);}
.mp_flex.fn3>div:nth-child(2){ background-image:url(../images/bg_mpcu_2.jpg);}
.mp_flex.fn3>div:nth-child(3){ background-image:url(../images/bg_mpcu_3.jpg);}
.mp_flex.fn3>div:nth-child(4){ background-image:url(../images/bg_mpcu_4.jpg);}
.mp_flex.fn3>div:nth-child(1):before{ background-color:#298c90;}
.mp_flex.fn3>div:nth-child(2):before{ background-color:#a186be;}
.mp_flex.fn3>div:nth-child(3):before{ background-color:#0072bc;}
.mp_flex.fn3>div:nth-child(4):before{ background-color:#7d7d7d;}
.mp_flex.fn3>div>div{
height:0;
padding-bottom:100%;
}
.mp_flex.fn3>div>div>div{
position:absolute;
padding:40px 20px;
left:50%;
top:50%;
width: 100%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.mp_flex.fn3 .title{
font-size: 1.6em;
position:relative;
padding-bottom:40px;
height: 0;
}
.mp_flex.fn3 .title:before{
content:'';
position:absolute;
bottom:-30px;
left:35%;
right:35%;
width:auto;
height:10px;
background-color:#fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mp_flex.fn3 .unit.active .title{
padding-bottom:0;
margin-bottom:40px;
height: auto;
}
.mp_flex.fn3 .unit.active .title:before{
height:auto;
width:10px;
top:0;
bottom: 0;
left:0;
right:auto;
}
.mp_flex.fn3 .title a{
display:block;
text-align:center;
position: absolute;
bottom: 10px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mp_flex.fn3 .unit.active .title a{
position: relative;
bottom: auto;
text-align:left;
padding-left:20px;
}
.mp_flex.fn3 .cont{
overflow:hidden;
max-height:0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
overflow:hidden;
font-size:1em;
padding-right: 20px;
margin-right: -20px;
}
.mp_flex.fn3 .unit.active .cont{
max-height:300px;
opacity: 1;
}
.mp_flex.fn3 .unit.active .cont>div{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom:1em;
}
.mp_flex.fn3 .unit.active .cont>div>div{
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
.mp_flex.fn3 .unit.active .cont .myt{
position:relative;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-right: 10px;
}
.mp_flex.fn3 .unit.active .cont .myt .icon{
max-width: 35px;
max-height: 35px;
}
.mp_flex.fn3 .unit.active .cont .myt .icon:before{
content:'';
position:absolute;
left:0;
top:0;
width:inherit;
height:inherit;
background-repeat:no-repeat;
background-size: 100% auto;
background-position: center top;
}
.mp_flex.fn3 .unit.active .cont .addr .myt .icon:before{background-image:url(../images/icon_mpcu_1.png);}
.mp_flex.fn3 .unit.active .cont .post .myt .icon:before{background-image:url(../images/icon_mpcu_2.png);}
.mp_flex.fn3 .unit.active .cont .tel .myt .icon:before{background-image:url(../images/icon_mpcu_3.png);}
.mp_flex.fn3 .unit.active .cont .fax .myt .icon:before{background-image:url(../images/icon_mpcu_4.png);}
.mp_flex.fn3 .unit.active .cont .mail .myt .icon:before{background-image:url(../images/icon_mpcu_5.png);}
.mp_flex.fn3 .unit.active .cont .offi .myt:before{display:none;}
/*=========*/
.myLogo .m_logo{
display:none;
}
.mp_flex.fn3 .unit.active .cont>div.ic{
display: block;
text-align: center;
}
.img_c_w{
position: relative;
flex: 0 0 auto !important;
margin: 0 auto;
display: block;
}
.img_c_w img{
position: relative;
z-index: 20;
}
.img_c_w:after{
content:'';
position: absolute;
max-width: 162px;
max-height: 162px;
background-color: #aaa6a2;
left:10px;
top:10px;
width: 100%;
height: 100%;
z-index: 12;
}
.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
padding: 30px;
width: 200px;
height: 210px;
margin: 10px;
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0px;
cursor: pointer;
font-size: 0.9em;
color: #000;
}
.control input {
position: absolute;
z-index: 4;
opacity: 0;
left: 0;
top: 7px;
width: 16px;
height: 16px;
}
.control_indicator {
position: absolute;
top: 7px;
left: 0;
height: 18px;
width: 18px;
background: #fff;
border: 1px solid #ccc;
/*
.control:hover input:not([disabled]):checked ~ &,
.control input:checked:focus ~ &
border-color: #666
*/
}
.control_checkbox .control_indicator {
border-radius: 3px;
}
.control_radio .control_indicator {
border-radius: 50%;
}
.control:hover input:not([disabled]) ~ .control_indicator,
.control input:focus ~ .control_indicator {
border-color: #666;
}
.control input:checked ~ .control_indicator {
background: #1d5fd0;
border-color:#1d5fd0;
}
.control input:disabled ~ .control_indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control_indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control_checkbox .control_indicator:after {
left: 5px;
top: 0px;
width: 5px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control_checkbox input:disabled ~ .control_indicator:after {
border-color: #7b7b7b;
}
.control_radio .control_indicator:after {
left: 4px;
top: 4px;
height: 6px;
width: 6px;
border-radius: 50%;
background: #34bb92;
}
.control_radio input:disabled ~ .control_indicator:after {
background: #7b7b7b;
}
div.mainContent .search_year_wrapper ul.dropdown-menu{
padding-top: 15px;
padding-bottom: 15px;
}
.data_table .icon_wrapper>a{
text-align: center;
font-size: 0px;
display: block;
}
@media(max-width: 992px){
.data_table tr>td:nth-child(3)>a, .data_table tr>td:nth-child(4)>a, .data_table tr>td:nth-child(5)>a{
text-align: left;
}
}
.info_table_1 th{
background-color: #245f84;
color:#fff;
}
.info_container .rowb{
display: flex;
}
.q_wrapper .q_title{
padding: 18px 28px;
font-weight: 600;
background-color: #eaeaea;
}
.q_wrapper .ans{
padding: 18px 28px;
background-color: #f8f8f8;
}
.subitem{
font-weight: 600;
}
.btn_container_2 a{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
position: relative;
width: 25%;
text-align: center;
}
.btn_container_2 a:after{
content:'';
position: absolute;
height: 100%;
width:1px;
background-color: #887358;
display: block;
right: 0;
top: 0;
}
.btn_container_2>a:last-child:after{
display: none;
}
.btn_container_2 a:hover{
background-color: #78d0e8;
color:#000;
text-decoration: none;
}
.mainContent .contact_table tr>td:first-child{
padding-left: 28px;
}
.banner_logo a{
display: inline-block;
padding: 5px;
}
.banner_c img{
display: block;
}
.simpleTable .b_table tr>td:first-child{
min-width: 180px;
}
.back_btn{
background-color: #245f84;
text-align: center;
width: 70px;
color: #fff;
display: block;
padding-top: 5px;
padding-bottom: 5px;
font-size: 0.9em;
}
.back_btn:hover, .back_btn:focus{
color: #2b3944 !important;
background-color: #78d0e8;
text-decoration: none;
}
.map_container{
display:inline-block;
position:relative;
}
.map_container #transparent_map{
height: 419px;
position: absolute;
width: 385px;
z-index: 7;
}
#fujian ul li,
#hainan ul li,
#guangxi ul li,
#guangdong ul li,
#yunnan ul li{
display: none;
position: absolute;
text-indent: -9999px;
z-index: 5;
top: 0;
left: 0;
background: none;
}
#fujian ul li{
height: 419px;
width: 385px;
}
#hainan ul li{
height: 357px;
width: 377px;
}
#guangxi ul li{
width: 498px;
height:357px;
}
#guangdong ul li{
width: 400px;
height:360px;
}
#yunnan ul li{
width: 500px;
height: 471px;
}
#content .map_container ul#map_names li{
display: block;
position: absolute;
z-index: 6;
}
/*********************************** Fujian *************************************/
.map_container ul li#nan_ping{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Nanping.png) no-repeat 0 0;
}
.map_container ul li#shan_ming{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Sanming.png) no-repeat 0 0;
}
.map_container ul li#long_yian{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Longyan.png) no-repeat 0 0;
}
.map_container ul li#jiang_zhou{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Zhangzhou.png) no-repeat 0 0;
}
.map_container ul li#xia_men{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Xiamen.png) no-repeat 0 0;
}
.map_container ul li#zhuang_zhou{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Quanzhou.png) no-repeat 0 0;
}
.map_container ul li#po_tian{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Putian.png) no-repeat 0 0;
}
.map_container ul li#fu_zhou{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Fuzhou.png) no-repeat 0 0;
}
.map_container ul li#ning_de{
background: url(../filemanager/template/common/images/map/fujian/map_fujian_Ningde.png) no-repeat 0 0;
}
/****************************** Hainan ****************************************/
.map_container ul li#haikou{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_haikou.png) no-repeat 0 0;
}
.map_container ul li#danzhou{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Danzhou.png) no-repeat 0 0;
}
.map_container ul li#dongfang{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Dongfang.png) no-repeat 0 0;
}
.map_container ul li#sanya{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Sanya.png) no-repeat 0 0;
}
.map_container ul li#wuzhishan{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Wuzhishan.png) no-repeat 0 0;
}
.map_container ul li#wanning{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Wanning.png) no-repeat 0 0;
}
.map_container ul li#qionghai{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Qionghai.png) no-repeat 0 0;
}
.map_container ul li#wenchang{
background: url(../filemanager/template/common/images/map/hainan/map_hainan_Wenchang.png) no-repeat 0 0;
}
/****************************** Guang Xi ****************************************/
.map_container ul li#guilin{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Guilin.png) no-repeat 0 0;
}
.map_container ul li#liuzhou{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Liuzhou.png) no-repeat 0 0;
}
.map_container ul li#hechi{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Hechi.png) no-repeat 0 0;
}
.map_container ul li#baise{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Baise.png) no-repeat 0 0;
}
.map_container ul li#songzhuo{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Chongzuo.png) no-repeat 0 0;
}
.map_container ul li#fangcheng{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_FangchenggangCity.png) no-repeat 0 0;
}
.map_container ul li#nanning{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Nanning.png) no-repeat 0 0;
}
.map_container ul li#qinzhou{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Qinzhou.png) no-repeat 0 0;
}
.map_container ul li#beihai{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Beihai.png) no-repeat 0 0;
}
.map_container ul li#yulin{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Yulin.png) no-repeat 0 0;
}
.map_container ul li#guigang{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Guigang.png) no-repeat 0 0;
}
.map_container ul li#laibin{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Laibin.png) no-repeat 0 0;
}
.map_container ul li#wuzhou{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Wuzhou.png) no-repeat 0 0;
}
.map_container ul li#hezhou{
background: url(../filemanager/template/common/images/map/guangxi/map_guangxi_Hezhou.png) no-repeat 0 0;
}
/****************************** Guang Dong ****************************************/
.map_container ul li#shaoguan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Shaoguan.png) no-repeat 0 0;
}
.map_container ul li#qingyuan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Qingyuan.png) no-repeat 0 0;
}
.map_container ul li#zhaoqing{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Zhaoqing.png) no-repeat 0 0;
}
.map_container ul li#yunfu{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Yunfu.png) no-repeat 0 0;
}
.map_container ul li#maoming{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Maoming.png) no-repeat 0 0;
}
.map_container ul li#zhangjiang{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Zhanjiang.png) no-repeat 0 0;
}
.map_container ul li#yangjiang{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Yangjiang.png) no-repeat 0 0;
}
.map_container ul li#jiangmen{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Jiangmen.png) no-repeat 0 0;
}
.map_container ul li#foshan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Foshan.png) no-repeat 0 0;
}
.map_container ul li#zhongshan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Zhongshan.png) no-repeat 0 0;
}
.map_container ul li#zhuhai{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Zhuhai.png) no-repeat 0 0;
}
.map_container ul li#guangzhou{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Guangzhou.png) no-repeat 0 0;
}
.map_container ul li#huizhou{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Huizhou.png) no-repeat 0 0;
}
.map_container ul li#dongguan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Dongguan.png) no-repeat 0 0;
}
.map_container ul li#shengzhen{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Shenzhen.png) no-repeat 0 0;
}
.map_container ul li#heyyuan{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Heyuan.png) no-repeat 0 0;
}
.map_container ul li#shanwei{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Shanwei.png) no-repeat 0 0;
}
.map_container ul li#jieyang{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Jieyang.png) no-repeat 0 0;
}
.map_container ul li#meizhou{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Meizhou.png) no-repeat 0 0;
}
.map_container ul li#chaozhou{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Chaozhou.png) no-repeat 0 0;
}
.map_container ul li#shantou{
background: url(../filemanager/template/common/images/map/guangdong/map_guangdong_Shantou.png) no-repeat 0 0;
}
/****************************** Yunnan ****************************************/
.map_container ul li#zhaotong{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Zhaotong.png) no-repeat 0 0;
}
.map_container ul li#qujing{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Qujing.png) no-repeat 0 0;
}
.map_container ul li#kunming{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Kunming.png) no-repeat 0 0;
}
.map_container ul li#chuxiong{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Chuxiong.png) no-repeat 0 0;
}
.map_container ul li#lijiang{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Lijiang.png) no-repeat 0 0;
}
.map_container ul li#diqing{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Diqing.png) no-repeat 0 0;
}
.map_container ul li#nujiang{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Nujiang.png) no-repeat 0 0;
}
.map_container ul li#dali{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Dali.png) no-repeat 0 0;
}
.map_container ul li#baoshan{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Baoshan.png) no-repeat 0 0;
}
.map_container ul li#dehong{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Dehong.png) no-repeat 0 0;
}
.map_container ul li#lincang{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Lincang.png) no-repeat 0 0;
}
.map_container ul li#puershi{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Puer.png) no-repeat 0 0;
}
.map_container ul li#xishuangbanna{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Xishuangbanna.png) no-repeat 0 0;
}
.map_container ul li#hongheha{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Honghe.png) no-repeat 0 0;
}
.map_container ul li#yuxi{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Yuxi.png) no-repeat 0 0;
}
.map_container ul li#wenshan{
background: url(../filemanager/template/common/images/map/yunnan/map_yunnan_Wenshan.png) no-repeat 0 0;
}
#fujian_name,
#hainan_name,
#guangxi_name,
#guangdong_name,
#yunnan_name{
display: block;
font-size: 1.8em;
position: absolute;
z-index: 8;
}
#fujian_name{
margin-top: -300px;
margin-left: 160px;
}
#hainan_name{
top: 135px;
left: 120px;
}
#guangxi_name{
top: 155px;
left: 210px;
}
#guangdong_name{
margin-top: -300px;
margin-left: 160px;
}
#yunnan_name{
top: 230px;
left: 190px;
}
.englishVersion .map_container ul#map_names li{
height: 30px;
width: 76px;
}
.chineseVersion .map_container ul#map_names li{
height: 30px;
width: 50px;
}
/*********************************** Fujian *************************************/
#fujian ul#map_names li#nan_ping_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Nanping.png) no-repeat 0 0;
top: 80px;
left: 155px;
}
#fujian ul#map_names li#shan_ming_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Sanming.png) no-repeat 0 0;
top: 160px;
left: 80px;
}
#fujian ul#map_names li#long_yian_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Longyan.png) no-repeat 0 0;
top: 250px;
left: 50px;
}
#fujian ul#map_names li#jiang_zhou_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Zhangzhou.png) no-repeat 0 0;
top: 320px;
left: 100px;
}
#fujian ul#map_names li#xia_men_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Xiamen.png) no-repeat 0 0;
top: 303px;
left: 155px;
}
#fujian ul#map_names li#zhuang_zhou_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Quanzhou.png) no-repeat 0 0;
top: 250px;
left: 160px;
}
#fujian ul#map_names li#po_tian_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Putian.png) no-repeat 0 0;
top: 230px;
left: 210px;
}
#fujian ul#map_names li#fu_zhou_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Fuzhou.png) no-repeat 0 0;
top: 175px;
left: 225px;
}
#fujian ul#map_names li#ning_de_name{
background: url(../filemanager/template/tc/images/map_names/fujian/map_txt_fujian_Ningde.png) no-repeat 0 0;
top: 120px;
left: 225px;
}
/****************************** Hainan ****************************************/
#hainan ul#map_names li#haikou_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_haikou.png) no-repeat 0 0;
top: 40px;
left: 240px;
}
#hainan ul#map_names li#danzhou_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Danzhou.png) no-repeat 0 0;
top: 100px;
left: 85px;
}
#hainan ul#map_names li#dongfang_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Dongfang.png) no-repeat 0 0;
top: 190px;
left: 6px;
}
#hainan ul#map_names li#sanya_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Sanya.png) no-repeat 0 0;
top: 285px;
left: 85px;
}
#hainan ul#map_names li#wuzhishan_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Wuzhishan.png) no-repeat 0 0;
top: 215px;
left: 105px;
}
#hainan ul#map_names li#wanning_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Wanning.png) no-repeat 0 0;
top: 220px;
left: 220px;
}
#hainan ul#map_names li#qionghai_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Qionghai.png) no-repeat 0 0;
top: 160px;
left: 250px;
}
#hainan ul#map_names li#wenchang_name{
background: url(../filemanager/template/tc/images/map_names/hainan/map_txt_hainan_Wenchang.png) no-repeat 0 0;
top: 60px;
left: 300px;
}
/****************************** GuangXi ****************************************/
#guangxi ul#map_names li#guilin_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Guilin.png) no-repeat 0 0;
top: 50px;
left: 330px;
}
#guangxi ul#map_names li#liuzhou_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Liuzhou.png) no-repeat 0 0;
top: 70px;
left: 265px;
}
#guangxi ul#map_names li#hechi_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Hechi.png) no-repeat 0 0;
top: 100px;
left: 180px;
}
#guangxi ul#map_names li#baise_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Baise.png) no-repeat 0 0;
top: 140px;
left: 100px;
}
#guangxi ul#map_names li#songzhuo_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_.png) no-repeat 0 0;
top: 250px;
left: 145px;
}
#guangxi ul#map_names li#fangcheng_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_FangchenggangCity.png) no-repeat 0 0;
top: 280px;
left: 190px;
}
#guangxi ul#map_names li#nanning_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Nanning.png) no-repeat 0 0;
top: 200px;
left: 215px;
}
#guangxi ul#map_names li#qinzhou_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Qinzhou.png) no-repeat 0 0;
top: 270px;
left: 255px;
}
#guangxi ul#map_names li#beihai_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Beihai.png) no-repeat 0 0;
top: 305px;
left: 270px;
}
#guangxi ul#map_names li#yulin_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Yulin.png) no-repeat 0 0;
top: 245px;
left: 323px;
}
#guangxi ul#map_names li#guigang_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Guigang.png) no-repeat 0 0;
top: 185px;
left: 310px;
}
#guangxi ul#map_names li#laibin_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Laibin.png) no-repeat 0 0;
top: 165px;
left: 280px;
}
#guangxi ul#map_names li#wuzhou_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Wuzhou.png) no-repeat 0 0;
top: 175px;
left: 365px;
}
#guangxi ul#map_names li#hezhou_name{
background: url(../filemanager/template/tc/images/map_names/guangxi/map_txt_guangxi_Hezhou.png) no-repeat 0 0;
top: 115px;
left: 380px;
}
/****************************** Guangdong ****************************************/
#guangdong ul#map_names li#shaoguan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Shaoguan.png) no-repeat 0 0;
top: 35px;
left: 190px;
}
#guangdong ul#map_names li#qingyuan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Qingyuan.png) no-repeat 0 0;
top: 60px;
left: 130px;
}
#guangdong ul#map_names li#zhaoqing_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Zhaoqing.png) no-repeat 0 0;
top: 115px;
left: 105px;
}
#guangdong ul#map_names li#yunfu_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Yunfu.png) no-repeat 0 0;
top: 165px;
left: 85px;
}
#guangdong ul#map_names li#maoming_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Maoming.png) no-repeat 0 0;
top: 220px;
left: 45px;
}
#guangdong ul#map_names li#zhangjiang_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Zhanjiang.png) no-repeat 0 0;
top: 280px;
left: 5px;
}
#guangdong ul#map_names li#yangjiang_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Yangjiang.png) no-repeat 0 0;
top: 215px;
left: 90px;
}
#guangdong ul#map_names li#jiangmen_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Jiangmen.png) no-repeat 0 0;
top: 205px;
left: 135px;
}
#guangdong ul#map_names li#foshan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Foshan.png) no-repeat 0 0;
top: 155px;
left: 150px;
}
#guangdong ul#map_names li#zhongshan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Zhongshan.png) no-repeat 0 0;
top: 185px;
left: 170px;
}
#guangdong ul#map_names li#zhuhai_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Zhuhai.png) no-repeat 0 0;
top: 205px;
left: 170px;
}
#guangdong ul#map_names li#guangzhou_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Guangzhou.png) no-repeat 0 0;
top: 135px;
left: 180px;
}
#guangdong ul#map_names li#huizhou_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Huizhou.png) no-repeat 0 0;
top: 140px;
left: 225px;
}
#guangdong ul#map_names li#dongguan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Dongguan.png) no-repeat 0 0;
top: 160px;
left: 200px;
}
#guangdong ul#map_names li#shengzhen_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Shenzhen.png) no-repeat 0 0;
top: 200px;
left: 210px;
}
#guangdong ul#map_names li#heyyuan_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Heyuan.png) no-repeat 0 0;
top: 75px;
left: 250px;
}
#guangdong ul#map_names li#shanwei_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Shanwei.png) no-repeat 0 0;
top: 150px;
left: 280px;
}
#guangdong ul#map_names li#jieyang_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Jieyang.png) no-repeat 0 0;
top: 130px;
left: 305px;
}
#guangdong ul#map_names li#meizhou_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Meizhou.png) no-repeat 0 0;
top: 75px;
left: 310px;
}
#guangdong ul#map_names li#chaozhou_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Chaozhou.png) no-repeat 0 0;
top: 95px;
left: 345px;
}
#guangdong ul#map_names li#shantou_name{
background: url(../filemanager/template/tc/images/map_names/guangdong/map_txt_guangdong_Shantou.png) no-repeat 0 0;
top: 125px;
left: 345px;
}
/****************************** Yunnan ****************************************/
#yunnan ul#map_names li#zhaotong_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Zhaotong.png) no-repeat 0 0;
top: 70px;
left: 335px;
}
#yunnan ul#map_names li#qujing_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Qujing.png) no-repeat 0 0;
top: 185px;
left: 332px;
}
#yunnan ul#map_names li#kunming_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Kunming.png) no-repeat 0 0;
top: 200px;
left: 277px;
}
#yunnan ul#map_names li#chuxiong_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Chuxiong.png) no-repeat 0 0;
top: 200px;
left: 210px;
}
#yunnan ul#map_names li#lijiang_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Lijiang.png) no-repeat 0 0;
top: 115px;
left: 160px;
}
#yunnan ul#map_names li#diqing_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Diqing.png) no-repeat 0 0;
top: 70px;
left: 95px;
}
#yunnan ul#map_names li#nujiang_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Nujiang.png) no-repeat 0 0;
top: 130px;
left: 80px;
}
#yunnan ul#map_names li#dali_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Dali.png) no-repeat 0 0;
top: 175px;
left: 120px;
}
#yunnan ul#map_names li#baoshan_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Baoshan.png) no-repeat 0 0;
top: 220px;
left: 70px;
}
#yunnan ul#map_names li#dehong_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Dehong.png) no-repeat 0 0;
top: 240px;
left: 22px;
}
#yunnan ul#map_names li#lincang_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Lincang.png) no-repeat 0 0;
top: 280px;
left: 105px;
}
#yunnan ul#map_names li#puershi_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Puer.png) no-repeat 0 0;
top: 300px;
left: 170px;
}
#yunnan ul#map_names li#xishuangbanna_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Xishuangbanna.png) no-repeat 0 0;
top: 375px;
left: 155px;
width: 80px !important;
}
#yunnan ul#map_names li#hongheha_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Honghe.png) no-repeat 0 0;
top: 300px;
left: 285px;
}
#yunnan ul#map_names li#yuxi_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Yuxi.png) no-repeat 0 0;
top: 275px;
left: 223px;
}
#yunnan ul#map_names li#wenshan_name{
background: url(../filemanager/template/tc/images/map_names/yunnan/map_txt_yunnan_Wenshan.png) no-repeat 0 0;
top: 285px;
left: 370px;
}
.map_container ul#map_names li {
display: block;
position: absolute;
z-index: 6;
}
.map_container>img:nth-child(2){
display: block;
margin-top: 14px;
margin-left: 12px;
}
/*simplify*/
.simplify #fujian ul#map_names li#nan_ping_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Nanping.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#shan_ming_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Sanming.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#long_yian_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Longyan.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#jiang_zhou_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Zhangzhou.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#xia_men_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Xiamen.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#zhuang_zhou_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Quanzhou.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#po_tian_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Putian.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#fu_zhou_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Fuzhou.png) no-repeat 0 0;
}
.simplify #fujian ul#map_names li#ning_de_name{
background: url(../filemanager/template/sc/images/map_names/fujian/map_txt_fujian_Ningde.png) no-repeat 0 0;
}
/****************************** Hainan ****************************************/
.simplify #hainan ul#map_names li#haikou_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_haikou.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#danzhou_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Danzhou.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#dongfang_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Dongfang.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#sanya_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Sanya.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#wuzhishan_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Wuzhishan.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#wanning_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Wanning.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#qionghai_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Qionghai.png) no-repeat 0 0;
}
.simplify #hainan ul#map_names li#wenchang_name{
background: url(../filemanager/template/sc/images/map_names/hainan/map_txt_hainan_Wenchang.png) no-repeat 0 0;
}
/****************************** GuangXi ****************************************/
.simplify #guangxi ul#map_names li#guilin_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Guilin.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#liuzhou_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Liuzhou.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#hechi_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Hechi.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#baise_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Baise.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#songzhuo_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#fangcheng_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_FangchenggangCity.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#nanning_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Nanning.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#qinzhou_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Qinzhou.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#beihai_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Beihai.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#yulin_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Yulin.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#guigang_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Guigang.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#laibin_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Laibin.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#wuzhou_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Wuzhou.png) no-repeat 0 0;
}
.simplify #guangxi ul#map_names li#hezhou_name{
background: url(../filemanager/template/sc/images/map_names/guangxi/map_txt_guangxi_Hezhou.png) no-repeat 0 0;
}
/****************************** Guangdong ****************************************/
.simplify #guangdong ul#map_names li#shaoguan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Shaoguan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#qingyuan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Qingyuan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#zhaoqing_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Zhaoqing.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#yunfu_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Yunfu.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#maoming_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Maoming.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#zhangjiang_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Zhanjiang.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#yangjiang_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Yangjiang.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#jiangmen_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Jiangmen.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#foshan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Foshan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#zhongshan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Zhongshan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#zhuhai_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Zhuhai.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#guangzhou_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Guangzhou.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#huizhou_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Huizhou.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#dongguan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Dongguan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#shengzhen_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Shenzhen.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#heyyuan_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Heyuan.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#shanwei_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Shanwei.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#jieyang_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Jieyang.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#meizhou_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Meizhou.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#chaozhou_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Chaozhou.png) no-repeat 0 0;
}
.simplify #guangdong ul#map_names li#shantou_name{
background: url(../filemanager/template/sc/images/map_names/guangdong/map_txt_guangdong_Shantou.png) no-repeat 0 0;
}
/****************************** Yunnan ****************************************/
.simplify #yunnan ul#map_names li#zhaotong_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Zhaotong.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#qujing_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Qujing.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#kunming_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Kunming.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#chuxiong_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Chuxiong.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#lijiang_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Lijiang.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#diqing_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Diqing.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#nujiang_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Nujiang.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#dali_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Dali.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#baoshan_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Baoshan.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#dehong_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Dehong.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#lincang_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Lincang.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#puershi_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Puer.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#xishuangbanna_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Xishuangbanna.png) no-repeat 0 0;
width: 80px !important;
}
.simplify #yunnan ul#map_names li#hongheha_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Honghe.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#yuxi_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Yuxi.png) no-repeat 0 0;
}
.simplify #yunnan ul#map_names li#wenshan_name{
background: url(../filemanager/template/sc/images/map_names/yunnan/map_txt_yunnan_Wenshan.png) no-repeat 0 0;
}
/*eng*/
.englishVersion #fujian ul#map_names li#nan_ping_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Nanping.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#shan_ming_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Sanming.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#long_yian_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Longyan.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#jiang_zhou_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Zhangzhou.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#xia_men_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Xiamen.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#zhuang_zhou_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Quanzhou.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#po_tian_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Putian.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#fu_zhou_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Fuzhou.png) no-repeat 0 0;
}
.englishVersion #fujian ul#map_names li#ning_de_name{
background: url(../filemanager/template/en/images/map_names/fujian/map_txt_fujian_Ningde.png) no-repeat 0 0;
}
/****************************** Hainan ****************************************/
.englishVersion #hainan ul#map_names li#haikou_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_haikou.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#danzhou_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Danzhou.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#dongfang_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Dongfang.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#sanya_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Sanya.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#wuzhishan_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Wuzhishan.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#wanning_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Wanning.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#qionghai_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Qionghai.png) no-repeat 0 0;
}
.englishVersion #hainan ul#map_names li#wenchang_name{
background: url(../filemanager/template/en/images/map_names/hainan/map_txt_hainan_Wenchang.png) no-repeat 0 0;
}
/****************************** GuangXi ****************************************/
.englishVersion #guangxi ul#map_names li#guilin_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Guilin.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#liuzhou_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Liuzhou.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#hechi_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Hechi.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#baise_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Baise.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#songzhuo_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#fangcheng_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_FangchenggangCity.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#nanning_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Nanning.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#qinzhou_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Qinzhou.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#beihai_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Beihai.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#yulin_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Yulin.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#guigang_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Guigang.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#laibin_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Laibin.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#wuzhou_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Wuzhou.png) no-repeat 0 0;
}
.englishVersion #guangxi ul#map_names li#hezhou_name{
background: url(../filemanager/template/en/images/map_names/guangxi/map_txt_guangxi_Hezhou.png) no-repeat 0 0;
}
/****************************** Guangdong ****************************************/
.englishVersion #guangdong ul#map_names li#shaoguan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Shaoguan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#qingyuan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Qingyuan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#zhaoqing_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Zhaoqing.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#yunfu_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Yunfu.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#maoming_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Maoming.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#zhangjiang_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Zhanjiang.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#yangjiang_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Yangjiang.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#jiangmen_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Jiangmen.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#foshan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Foshan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#zhongshan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Zhongshan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#zhuhai_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Zhuhai.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#guangzhou_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Guangzhou.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#huizhou_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Huizhou.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#dongguan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Dongguan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#shengzhen_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Shenzhen.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#heyyuan_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Heyuan.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#shanwei_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Shanwei.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#jieyang_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Jieyang.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#meizhou_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Meizhou.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#chaozhou_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Chaozhou.png) no-repeat 0 0;
}
.englishVersion #guangdong ul#map_names li#shantou_name{
background: url(../filemanager/template/en/images/map_names/guangdong/map_txt_guangdong_Shantou.png) no-repeat 0 0;
}
/****************************** Yunnan ****************************************/
.englishVersion #yunnan ul#map_names li#zhaotong_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Zhaotong.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#qujing_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Qujing.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#kunming_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Kunming.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#chuxiong_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Chuxiong.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#lijiang_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Lijiang.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#diqing_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Diqing.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#nujiang_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Nujiang.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#dali_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Dali.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#baoshan_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Baoshan.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#dehong_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Dehong.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#lincang_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Lincang.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#puershi_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Puer.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#xishuangbanna_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Xishuangbanna.png) no-repeat 0 0;
width: 100px !important;
}
.englishVersion #yunnan ul#map_names li#hongheha_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Honghe.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#yuxi_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Yuxi.png) no-repeat 0 0;
}
.englishVersion #yunnan ul#map_names li#wenshan_name{
background: url(../filemanager/template/en/images/map_names/yunnan/map_txt_yunnan_Wenshan.png) no-repeat 0 0;
}
.in_table_2 tr>td:first-child{
width: 12%;
}
.in_table_3 tr>th:first-child{
min-width: 160px;
}
.th_min{
min-width: 160px;
}
.rowb .no{
padding-right: 15px;
}
.th-center{
text-align: center !important;
}
#mobile-menu{
visibility: visible;
}
#mobile-menu.invisible{
visibility: hidden;
}
.megamenuopen .mobileTool{
opacity: 0;
}
div.mainContent {
padding-left: 10px;
padding-right: 10px;
}
div.mainContent ul {
/*list-style-image: url("../filemanager/template/common/images/green_bullet.png");*/
list-style-image: url("../filemanager/template/common/images/bullet1.gif");
list-style-position: outside;
padding-left: 0.4em;
}
div.mainContent ul.indexList {
/*list-style-image: url("../filemanager/template/common/images/green_bullet.png");*/
}
div.mainContent ul.subNav {
list-style-image: url("../filemanager/template/common/images/bullet1.gif");
margin-bottom: 1em;
}
div.mainContent>ul>li>ul {
list-style-image: url("../filemanager/template/common/images/bullet2.gif");
}
div.mainContent dl ul {
list-style-image: url("../filemanager/template/common/images/bullet2.gif");
}
div.mainContent table ul>li>ul {
list-style-image: url("../filemanager/template/common/images/bullet2.gif");
}
div.mainContent>ul>li>ol {
list-style-image: none;
}
/*
div.mainContent ul>li {
background-image: url("../filemanager/template/common/images/bullet1.gif") ;
background-repeat: no-repeat;
background-position: 0 0.28em;
background-size: 15px 15px;
margin-bottom: 5px;
margin-left:0;
}*/
@media screen and (min-width: 768px) and (max-width: 1020px) {
.chineseVersion .fakeslider .fs_header {
top: 200px;
}
}
@media(max-width: 1025px) {
img.structureimg {
width: 100%;
}
}
/* Contact us.html */
.mainContent table.contact_info th:first-child {
width: 20%;
}
.mainContent table.contact_info td {
padding-left: 0;
}
@media(max-width: 992px) {
.mainContent table.contact_info td {
padding-left: 5px;
padding-top: 10px;
}
.mainContent table.contact_info th:first-child {
width: 30%;
}
}
div.info_contact {
background-color: #f5f5f5;
margin-bottom: 15px;
border-bottom-style: solid;
border-bottom-color: rgb(19, 103, 0);
}
.info_contact img {
float: left;
/*width: 208px;*/
padding: 20px;
}
@media(max-width: 992px) {
.info_contact img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
}
@media(max-width: 400px) {
.mainContent table.contact_info th:first-child {
width: 40%;
}
}
/* for urgent/index.html */
span.urgenth3 {
color: #9f6500;
display: block;
}
h2.urgenth2 {
font-size: 1.4em;
padding-top: 12px;
}
table.qa tr:nth-child(odd) {
background-color: #f8f8f8;
}
table.qa tr:nth-child(even) {
background-color: #e4f3d2;
}
table.qa tr:first-child {
background-color: #ffffff;
}
div.mainContent ul li {
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom:0px;
}
/**********************************/
/* en/about_hk/general.html */
div.float_left {
width: 70%;
float: left;
}
div#content_r {
width: 30%;
float: right;
padding-left: 5%;
padding-top: 2%;
}
div#content_r img {
border: 3px solid #dfe8f3;
margin: 0 0 10px 20px;
padding: 0;
}
@media (max-width: 992px) {
div.float_left {
display: block;
float: none;
}
div#content_r {
display: block;
float: none;
width: 100%;
text-align: center;
padding-left: 0;
}
div#content_r img {
border: 3px solid #dfe8f3;
}
}
/* for the slideshow trial */
.mySlides {
display: none;
text-align: center;
}
div.slideshow-container img {
vertical-align: middle;
width: 70%;
max-width: 100%;
}
/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 5px;
margin-top: -22px;
color: #459cdb;
font-weight: bold;
font-size: 2.5em;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
color: #459cdb;
opacity: 0.8;
}
/* Caption text */
.text {
/* color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;*/
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dot.active,
.dot:hover {
background-color: black;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev,
.next,
.text {
font-size: 11px
}
}
@media (min-width: 993px) {
.slideshow-container {
display: none;
}
.dot-container {
display: none;
}
}
@media(max-width: 992px) {
div#content_r {
display: none;
}
}
/*********************************************/
/**********mainland/general.html*************/
p.subtitle {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
color: #2e6b9f;
font-size: 1.1em;
}
h3#transportation {
margin-top: 15px;
margin-bottom: 15px;
}
p.subitem,
div.mainContent h4,
p.header {
font-size:1.1em;
font-weight:600;
color:#B10C09;
}
#mainContent ul li p.header{
margin:0px 0px 5px 0px;
}
/* mainland/work.html */
h3#working {
margin-top: 25px;
margin-bottom: 20px;
}
table.tax_pay {
width: 100%;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #FFF;
}
table.tax_pay th.first_th,
table.tax_pay th.second_th,
table.tax_pay th.last_th {
padding: 10px;
background: #245f84;
color: #ffffff;
text-align: left;
border-right: 1px solid #fff;
vertical-align: text-top;
border-bottom: 1px solid #fff;
}
table.tax_pay th.first_th {
width: 20%;
}
table.tax_pay th.last_th {
width: 30%;
}
table.tax_pay th.pay {
background: #245f84;
color: white;
text-align: left;
/* font-size: 13px; */
border-right: 1px solid #fff;
vertical-align: text-top;
/*width: 90px;*/
font-weight: normal;
}
table.tax_pay td {
padding: 10px;
border-bottom: 1px solid #fff;
/* background-color: #eaeaea;*/
vertical-align: top;
border-right: 1px solid #fff;
}
table.tax_pay td {
padding: 10px;
border-bottom: 1px solid #fff;
/* background-color: #eaeaea;*/
vertical-align: top;
border-right: 1px solid #fff;
}
table.tax_pay tr:nth-child(even) {
background: #eaeaea
}
table.tax_pay tr:nth-child(odd) {
background: #f8f8f8
}
table.tax_pay td.td_heading {
color: #0b66a2;
}
h3.faq {
margin-top: 20px;
}
table.qa tr:first-child th:first-child {
padding-top: 0;
padding-bottom: 7px;
}
td.v_middle {
vertical-align: middle !important;
}
.simpleTable td {
border-right: 1px solid #e3e7e6;
}
td.mobile {
display: none;
}
@media screen and (max-width: 992px) {
td.mobile {
display: block;
}
}
@media screen and (max-width: 992px) {
.simpleTable table td {
padding-left: 8px !important;
padding-right: 8px !important;
}
.simpleTable table th {
display:none;
}
}
div.simpleTable2 {
overflow-x: auto;
}
div.simpleTable2 table {
/*border-top: 5px solid #1d8191;*/
border-top: 2px solid #e3e7e6;
border-left: 2px solid #e3e7e6;
border-right: 2px solid #e3e7e6;
border-bottom: 2px solid #e3e7e6;
}
div.simpleTable2 table th{
background-color:#1c6627;
color:#ffffff;
border: 1px solid #ddd;
}
div.simpleTable2 table td b, div.simpleTable2 table tr.title> td:first-of-type{
font-weight:bold;
color: #8327aa;
}
div.simpleTable2 table tr:nth-child(even) {
border: 1px solid #ddd;
background-color: #f6f7f9;
}
div.simpleTable2 table td {
border-right: 1px solid #e3e7e6;
}
div.simpleTable2 table tr th.pay {
background: #528058;
}
div.simpleTable2 table tr th.last_th {
width:25%;
}
div.simpleTable2 {
overflow-x: auto;
}
div.simpleTable2 table {
/*border-top: 5px solid #1d8191;*/
border-top: 2px solid #e3e7e6;
border-left: 2px solid #e3e7e6;
border-right: 2px solid #e3e7e6;
border-bottom: 2px solid #e3e7e6;
}
/* work.html tax table */
div.taxTable table th{
background-color:#1c6627;
color:#ffffff;
border: 1px solid #ddd;
min-width:131px;
}
div.taxTable table td b, div.taxTable table tr.title> td:first-of-type{
font-weight:bold;
color: #8327aa;
}
div.taxTable table tr:nth-child(even) {
border: 1px solid #ddd;
background-color: #f6f7f9;
}
div.taxTable table tr:nth-child(odd) {
border-left: 1px solid #ddd;
}
div.taxTable table td {
border-right: 1px solid #e3e7e6;
}
div.taxTable table tr th.pay {
background: #528058;
}
div.taxTable table tr th.th_min {
min-width:80px;
}
div.taxTable table tr th.last_th {
min-width:145px;
}
/* information.html */
div.searchyear {
height: 60px;
display: block;
margin-right: 50px;
text-align: right;
}
@media screen and (max-width: 992px) {
div.searchyear {
height: 60px;
display: block;
margin-right: 0px;
text-align: right;
}
}
div.searchyear>form {
margin-top: 6px;
}
div.searchyear>a,
div.searchyear>form {
display: inline-block;
}
div.searchyear>a {
text-decoration: none;
color: #fff;
background-color: #1c6627;
border-color: #17a2b8;
padding: 8.8px 26px;
border-radius: 4px;
margin-top: 7px;
}
div.searchyear>a:hover {
text-decoration: none;
cursor: pointer;
background-color: #154C1D;
border-color: #117a8b;
color: #fff;
}
div.searchyear>a:focus {
text-decoration: none;
cursor: pointer;
background-color: #154C1D;
border-color: #117a8b;
color: #fff;
}
div.searchyear form select.year {
background-color: #d6e1e7;
border-radius: 4px;
border-color: transparent;
margin: 0 10px;
padding: 10px;
max-width: 100%;
width: 130px;
}
div.grid-container {
display: grid;
grid-template-columns: auto auto auto;
}
div.grid-container div.grid-item>ul>li {
padding: 0;
}
div.mainContent ul.subNav li {
float: left;
}
div.mainContent ul.subNav {
height: 3em;
}
@media screen and (max-width: 767px) {
div.mainContent ul.subNav {
height: 6.3em;
}
div.mainContent ul.subNav li {
padding: 0;
}
#mainContent div.director_wrap {
flex-direction: column;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
div.mainContent ul.subNav {
height: 4em;
}
}
@media screen and (min-width: 993px) and (max-width: 1025px) {
div.mainContent ul.subNav {
height: 6em;
}
div.mainContent ul.subNav li {
padding: 0;
}
}
div.simpleTable2 table.province_intro tr td:first-child {
padding-top: 0;
padding-bottom: 0;
padding-left: 1%;
padding-right: 0;
text-align: center;
vertical-align: middle;
width: 5%;
}
div.leftMenu a:hover {
text-decoration: none;
}
div.investPolicy {
margin-top: 20px;
}
div.newsletter tr td:first-child {
width: 13%;
vertical-align: top;
padding: 5px 28px;
padding-top: 19px;
}
@media (max-width: 992px) {
div.newsletter tr td:first-child {
width: 100%;
vertical-align: top;
text-align: center;
font-weight:bold;
}
}
div.contact p {
padding-left: 2.2%;
padding-right: 10%;
}
table.table1 td {
border-right: 1px solid #fff;
}
@media(min-width: 993px){
.simpleTable .gallery .photos img{
max-width: 230px;
}
.simpleTable .gallery .photos{
text-align: center;
}
}
.simpleTable .gallery tr>td:first-child{
min-width: 180px;
}
span.underlineContent{
text-decoration: underline;
}
div.mainContent>ul.siteMap{
list-style-image: url("../filemanager/template/common/images/green_bullet.png");
}
div.mainContent ul.siteMap>li>ul{
list-style-image: url("../filemanager/template/common/images/bullet1.gif");
}
div.mainContent ul.siteMap>li>ul>li>ul{
list-style-image: url("../filemanager/template/common/images/bullet2.gif");
}
h4.contactmethodh4{
margin-bottom:2%;
}
div.mainContent ul.nonIndexList{
list-style-image: url("../filemanager/template/common/images/bullet1.gif");
}
@media(max-width: 992px){
.simpleTable table{
border-top:2px solid #e3e7e6;
}
.simpleTable table.activities tr:nth-child(1) {
display:block;
}
.simpleTable table.activities tr:nth-child(2) {
display:none;
}
.simpleTable table.press tr:nth-child(1) {
display:block;
}
.simpleTable table.press tr:nth-child(2) {
/*display:none;*/
}
div.newsletter table tr:nth-child(1){
display:block;
}
div.newsletter table tr:nth-child(1) th{
text-align:center;
}
}
@media print, (min-width: 993px){
div.left_building{
max-width: 290px;
width: 100%;
text-align: left;
margin-top: 128px;
z-index: 100;
float: left;
position: relative;
}
}
@media (max-width: 992px){
div.left_building{
display: none;
}
}
div.left_building_title {
position: absolute;
top:65px;
font-size: 2.5em;
color: rgb(0,113,153);
margin-left: 40px;
margin-right: 20px;
font-weight: bold;
}
@media (min-width: 993px){
div.development_h1{
margin-left:290px;
}
}
.navbar-menu:after {
content:'';
position: absolute;
width:24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
left:0;
top:0;
}
.searchBtn{
position: relative;
display: block;
}
.print a, .shareTool> a, .qrcode>a{
position: relative;
display: block;
width:40px;
height: 20px;
}
.print a:after, .shareTool> a:after, .searchBtn:after, .qrcode>a:after{
content:'';
position: absolute;
background-repeat: no-repeat;
background-position: center;
width:20px;
height: 20px;
background-size: contain;
left:50%;
top:0;
transform: translateX(-50%);
}
.white .navbar-menu:after {
/*background-image: url('../images/icon_mobilemenubtn_white.svg');*/
}
.navbar-menu:after,
.black .navbar-menu:after {
background-image: url('../images/icon_mobilemenubtn_black.svg');
}
.headershadow .navbar-menu:after {
background-image: url('../images/icon_mobilemenubtn_black.svg');
}
.white .print a:after{
/*background-image:url('../images/icon_printer_white.svg');*/
}
.print a:after,
.black .print a:after{
background-image:url('../images/icon_printer_black.svg');
}
.headershadow .print a:after{
background-image:url('../images/icon_printer_black.svg');
}
.white .shareTool> a:after{
/*background-image:url('../images/icon_share_white.svg');*/
}
.shareTool> a:after,
.black .shareTool> a:after{
background-image:url('../images/icon_share_black.svg');
}
.headershadow .shareTool> a:after{
background-image:url('../images/icon_share_black.svg');
}
.white .searchBtn:after{
/*background-image:url('../images/icon_search_white.png');*/
}
.searchBtn:after,
.black .searchBtn:after{
background-image:url('../images/icon_search_black.png');
}
.headershadow .searchBtn:after{
background-image:url('../images/icon_search_black.png');
}
.white .qrcode>a:after{
/*background-image:url('../images/icon_qrcode_white.png');*/
}
.qrcode>a:after,
.black .qrcode>a:after{
background-image:url('../images/icon_qrcode_black.png');
}
.headershadow .qrcode>a:after{
background-image:url('../images/icon_qrcode_black.png');
}
.indexslider .slider-content,.headerMenu ul ul.menuLv1{
max-width: 1550px;
padding-left: 15px;
padding-right: 15px;
}
@media(min-width:1565px){
.indexslider .slider-content,.headerMenu ul ul.menuLv1{
padding-left: 0px;
padding-right: 0px;
}
}
.indexslider .slider-content{
display: flex;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
}
.indexslider .slider-content h1{
font-size: 3.8em;
font-weight: 600;
color: #fff;
}
.indexslider .slider-content .content-w{
background-color: rgba(56, 56, 56, 0.77);
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
display: none;
}
.indexslider .swiper-slide{
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.indexslider .swiper-button-pause {
display: inline-block;
margin-top: 3px;
}
.indexslider .swiper-button-pause.paused{
margin-top: 3px;
}
.indexslider .swiper-button-pause a{
display: block;
position: relative;
z-index: 10;
font-size:0px;
}
.indexslider .swiper-button-pause.paused a{
}
.indexslider .swiper-button-pause a:before, .indexslider .swiper-button-pause a:after{
content:'';
width:3px;
height: 14px;
display: inline-block;
margin-left: 3px;
margin-right: 3px;
background-color: #fff;
}
.indexslider .swiper-button-pause.paused a:before{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
background-color: transparent;
}
.indexslider .swiper-button-pause.paused a:after{
display: none;
}
.indexslider .but-wrap .swiper-pagination{
position: relative;
width: auto;
text-align: left;
display: inline-block;
}
.indexslider .but-wrap{
position: absolute;
bottom: 10px;
width: 100%;
z-index: 10;
text-align: center;
}
.indexslider .swiper-button-next, .indexslider .swiper-button-prev{
background-color: #7f7f7f;
height: 52px;
width:52px;
background-image: none;
}
.indexslider .swiper-button-prev{
left: 0;
}
.indexslider .swiper-button-next{
right: 0;
}
.indexslider .swiper-button-next a, .indexslider .swiper-button-prev a{
position: relative;
width: 100%;
height: 100%;
display: block;
font-size:0px;
}
.indexslider .swiper-button-next a:after, .indexslider .swiper-button-prev a:after{
content:'';
position: absolute;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
left:50%;
top:50%;
transform: translate(-50%, -50%);
}
.indexslider .swiper-button-prev a:after{
background-image: url('../images/icon_arrow_prev_white.png');
}
.indexslider .swiper-button-next a:after{
background-image: url('../images/icon_arrow_next_white.png');
}
.swiper-pagination-bullet{
background-color: #fff;
opacity: 1;
margin-right: 8px;
width:10px;
height:10px;
}
.indexslider .swiper-pagination-bullet-active{
background-color: #ffc62e;
}
.indexslider .swiper-pagination-bullet-active:focus{
outline: 0px;
}
.indexslider .slide1{background-image: url('../images/index_slider/index_slider_1.jpg')}
.indexslider .slide2{background-image: url('../images/index_slider/index_slider_2.jpg')}
.indexslider .slide3{background-image: url('../images/index_slider/index_slider_3.jpg')}
.indexslider .slide4{background-image: url('../images/index_slider/index_slider_4.jpg')}
.indexslider .slide5{background-image: url('../images/index_slider/index_slider_5.jpg')}
.indexslider .slide6{background-image: url('../images/index_slider/index_slider_6.jpg')}
.indexslider .slide7{background-image: url('../images/index_slider/index_slider_7.jpg')}
.indexslider .slide8{background-image: url('../images/index_slider/index_slider_8.jpg')}
.indexslider .slide9{background-image: url('../images/index_slider/index_slider_9.jpg')}
.indexslider .slide10{background-image: url('../images/index_slider/index_slider_10.jpg')}
.headerMenu .my_menu>a,.myheaderTool a,.searchBox, .searchBox::placeholder{
transition: color 0.5s;
}
.no-transition .headerMenu .my_menu>a,.no-transition .myheaderTool a,.no-transition .searchBox, .no-transition .searchBox::placeholder{
transition: none;
}
.myheaderTool a, .searchBox, .searchBox::placeholder {
color:#000;
}
.white .myheaderTool a, .white .searchBox, .white .searchBox::placeholder{
/*color:#fff;*/
}
.black .myheaderTool a, .black .searchBox, .black .searchBox::placeholder {
color:#000;
}
.headershadow .myheaderTool a, .headershadow .searchBox, .headershadow .searchBox::placeholder{
color:#000;
}
.white .searchBox:-ms-input-placeholder, .white::-ms-input-placeholder{
/*color:#fff;*/
}
.black .searchBox:-ms-input-placeholder, .black::-ms-input-placeholder{
color:#000;
}
.headershadow .searchBox:-ms-input-placeholder, .headershadow::-ms-input-placeholder{
color:#000;
}
.white.headerArea .headerMenu .my_menu.open>a{
/*color: #78e89b;*/
}
.black.headerArea .headerMenu .my_menu.open>a{
color: #78e89b;
}
.headerArea .headerMenu .my_menu.open>a{
color: #78e89b;
}
.headershadow.headerArea .headerMenu .my_menu.open>a{
color: #78e89b;
}
@media(min-width:993px){
.headerTool .myLogo img{
/*display: none;*/
}
}
.logo_0 a{
position: relative;
}
.logo_0 a:after{
content:'';
position: absolute;
background-repeat: no-repeat;
background-size: contain;
left:0;
width:300px;
/*height: 56px;*/
}
/*
@media (max-width:992px){
.englishVersion .logo_0 a:after{
background-image: url('../images/logo_wheto_en_black_short.png');
}
.englishVersion .white .logo_0 a:after{
background-image: url('../images/logo_wheto_en_white_short.png');
}
.englishVersion .black .logo_0 a:after{
background-image: url('../images/logo_wheto_en_black_short.png');
}
.englishVersion .headershadow .logo_0 a:after{
background-image: url('../images/logo_wheto_en_black_short.png');
}
.tradition .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_black_short.png');
width:170px;
}
.tradition .white .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_white_short.png');
}
.tradition .black .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_black_short.png');
}
.tradition .headershadow .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_black_short.png');
}
.simplify .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_black_short.png');
}
.simplify .white .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_white_short.png');
}
.simplify .black .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_black_short.png');
}
.simplify .headershadow .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_black_short.png');
}
}
@media (min-width:992px){
.englishVersion .logo_0 a:after{
width:505px;
background-image: url('../images/logo_wheto_en_black.png');
}
.englishVersion .black .logo_0 a:after{
width:505px;
background-image: url('../images/logo_wheto_en_black.png');
}
.englishVersion .white .logo_0 a:after{
width:505px;
background-image: url('../images/logo_wheto_en_white.png');
}
.tradition .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_black.png');
}
.tradition .black .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_black.png');
}
.tradition .white .logo_0 a:after{
background-image: url('../images/logo_wheto_tc_white.png');
}
.simplify .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_black.png');
}
.simplify .black .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_black.png');
}
.simplify .white .logo_0 a:after{
background-image: url('../images/logo_wheto_sc_white.png');
}
}
*/
@media (max-width:992px){
.tradition .myLogo .logo_0 img,.simplify .myLogo .logo_0 img{
max-width:200px;
height:39px;
}
.tradition .logo_0 a{
width:170px;
}
}
@media (min-width:992px){
.englishVersion .myLogo .logo_0 img{
width:505px;
height:60px;
}
.tradition .myLogo .logo_0 img,.simplify .myLogo .logo_0 img{
/* max-width:300px; */
max-width:650px;
height:60px;
}
.englishVersion .logo_0 a .mobile{
width:505px;
}
.englishVersion .black .logo_0 a .mobile{
width:505px;
}
.englishVersion .white .logo_0 a .mobile{
width:505px;
}
.tradition .logo_0 a{
}
.tradition .black .logo_0 a{
}
.tradition .white .logo_0 a{
}
.simplify .logo_0 a{
}
.simplify .black .logo_0 a{
}
.simplify .white .logo_0 a{
}
}
.searchBox{
border-color:#000;
}
.white .searchBox{
border-color:#fff;
}
.black .searchBox{
border-color:#000;
}
.headershadow .searchBox{
border-color:#000;
}
.headershadow.headerArea{
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
.headerArea1{
background-color: #fff;
}
@media(min-width:993px){
.headerArea .headerMenu .my_menu>a{
color:#fff;
}
.white.headerArea .headerMenu .my_menu>a{
color:#fff;
}
.black.headerArea .headerMenu .my_menu>a{
color:#fff;
}
.headershadow.headerArea .headerMenu .my_menu>a{
color:#fff;
}
.headerMenu .tMenu>li>a.active_section {
color: #78e89b !important;
}
.headerMenu ul ul.menuLv1>li:not(:first-child){
flex: 0 0 33.33333333333%;
max-width: 33.33333333333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
display: flex !important;
align-items: center;
}
.headerMenu ul.menuLv0>li>a:hover{
text-decoration: none;
}
.headerMenu .extmenu ul.menuLv1 li a:hover{
text-decoration: none;
color: #9E4200;
}
.headerMenu ul.menuLv0>li.open>div.extmenu,
.headerMenu ul li.open>div.extmenu {
position: absolute;
left:0;
width:100%;
}
.headerMenu ul li.open>div.extmenu:after {
content: '';
z-index: 0;
display: block;
position: absolute;
top: 0;
height: 100%;
width: 10000px;
left: -5000px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.5);
}
.headerMenu .extmenu .menu_1_icon_01:before{
background-image: url('../images/menu/menu_1_icon_01.png');
}
.headerMenu .extmenu .menu_1_icon_02:before{
background-image: url('../images/menu/menu_1_icon_02.png');
}
.headerMenu .extmenu .menu_1_icon_03:before{
background-image: url('../images/menu/menu_1_icon_03.png');
}
.headerMenu .extmenu .menu_1_icon_04:before{
background-image: url('../images/menu/menu_1_icon_04.png');
}
.headerMenu .extmenu .menu_1_icon_05:before{
background-image: url('../images/menu/menu_1_icon_05.png');
}
.headerMenu .extmenu .menu_2_icon_01:before{
background-image: url('../images/menu/menu_2_icon_01.png');
}
.headerMenu .extmenu .menu_2_icon_02:before{
background-image: url('../images/menu/menu_1_icon_02.png');
}
.headerMenu .extmenu .menu_2_icon_03:before{
background-image: url('../images/menu/menu_2_icon_03.png');
}
.headerMenu .extmenu .menu_2_icon_04:before{
background-image: url('../images/menu/menu_2_icon_04.png');
}
.headerMenu .extmenu .menu_2_icon_05:before{
background-image: url('../images/menu/menu_2_icon_05.png');
}
.headerMenu .extmenu .menu_2_icon_06:before{
background-image: url('../images/menu/menu_2_icon_06.png');
}
.headerMenu .extmenu .menu_3_icon_01:before{
background-image: url('../images/menu/menu_3_icon_01.png');
}
.headerMenu .extmenu .menu_3_icon_02:before{
background-image: url('../images/menu/menu_3_icon_02.png');
}
.headerMenu .extmenu .menu_3_icon_03:before{
background-image: url('../images/menu/menu_3_icon_03.png');
}
.headerMenu .extmenu .menu_3_icon_04:before{
background-image: url('../images/menu/menu_3_icon_04.png');
}
.headerMenu .extmenu .menu_3_icon_05:before{
background-image: url('../images/menu/menu_3_icon_05.png');
}
.headerMenu .extmenu .menu_3_icon_06:before{
background-image: url('../images/menu/menu_3_icon_06.png');
}
.headerMenu .extmenu .menu_3_icon_07:before{
background-image: url('../images/menu/menu_3_icon_07.png');
}
.headerMenu .extmenu .menu_3_icon_08:before{
background-image: url('../images/menu/menu_3_icon_08.png');
}
.headerMenu .extmenu .menu_4_icon_01:before{
background-image: url('../images/menu/menu_4_icon_01.png');
}
.headerMenu .extmenu .menu_4_icon_02:before{
background-image: url('../images/menu/menu_3_icon_01.png');
}
.headerMenu .extmenu .menu_4_icon_03:before{
background-image: url('../images/menu/menu_4_icon_03.png');
}
.headerMenu .extmenu .menu_4_icon_04:before{
background-image: url('../images/menu/menu_4_icon_04.png');
}
.headerMenu .extmenu .menu_4_icon_05:before{
background-image: url('../images/menu/menu_4_icon_05.png');
}
.headerMenu .extmenu .menu_4_icon_06:before{
background-image: url('../images/menu/menu_4_icon_06.png');
}
.headerMenu .extmenu .menu_4_icon_07:before{
background-image: url('../images/menu/menu_4_icon_07.png');
}
.headerMenu .extmenu .menu_4_icon_08:before{
background-image: url('../images/menu/menu_4_icon_08.png');
}
.headerMenu .extmenu .menu_5_icon_01:before{
background-image: url('../images/menu/menu_5_icon_01.png');
}
.headerMenu .extmenu .menu_5_icon_02:before{
background-image: url('../images/menu/menu_5_icon_02.png');
}
.headerMenu .extmenu .menu_5_icon_03:before{
background-image: url('../images/menu/menu_5_icon_03.png');
}
.headerMenu .extmenu .menu_5_icon_04:before{
background-image: url('../images/menu/menu_5_icon_04.png');
}
.headerMenu .extmenu .menu_10_icon_01:before{
background-image: url('../images/menu/menu_10_icon_01.png');
}
.headerMenu .extmenu .menu_10_icon_02:before{
background-image: url('../images/menu/menu_10_icon_02.png');
}
.headerMenu .extmenu .menu_10_icon_03:before{
background-image: url('../images/menu/menu_10_icon_03.png');
}
.headerMenu .extmenu .menu_10_icon_04:before{
background-image: url('../images/menu/menu_10_icon_04.png');
}
.headerMenu .extmenu .menu_10_icon_05:before{
background-image: url('../images/menu/menu_10_icon_05.png');
}
.headerMenu .extmenu .menu_10_icon_06:before{
background-image: url('../images/menu/menu_10_icon_06.png');
}
.headerMenu .extmenu .menu_10_icon_08:before{
background-image: url('../images/menu/menu_10_icon_08.png');
}
.headerMenu .extmenu .menu_11_icon_01:before{
background-image: url('../images/menu/menu_11_icon_01.png');
}
.headerMenu .extmenu .menu_11_icon_02:before{
background-image: url('../images/menu/menu_11_icon_02.png');
}
.headerMenu .extmenu .menu_11_icon_03:before{
background-image: url('../images/menu/menu_11_icon_03.png');
}
.headerMenu .extmenu .menu_11_icon_04:before{
background-image: url('../images/menu/menu_11_icon_04.png');
}
}
.icontainer{
display: flex;
margin-left: -12px;
margin-right: -12px;
flex-wrap: wrap;
}
.icontainer .ic_wrap{
flex: 0 0 25%;
max-width: 25%;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 24px;
}
.icontainer .ic_wrap:hover{
text-decoration: none;
}
.icontainer .ic_wrap:hover .ititle{
color: #9E4200;
}
@media(max-width:575px){
.icontainer .ic_wrap{
flex: 0 0 50%;
max-width: 50%;
}
}
@media(max-width:400px){
.icontainer .ic_wrap{
flex: 0 0 100%;
max-width: 100%;
}
}
.mp_flex.fn3>div.qr{
background-color: #fefaf5;
display: flex;
align-items: center;
}
.mp_flex.fn3>div.qr:before{
background-color: transparent;
}
.mp_flex.fn3>div.qr>div{
height: auto;
padding-bottom: 0;
text-align: center;
width: 100%;
}
.mp_flex.fn3>div.qr>div .title2{
color: #000;
position: static;
left: auto;
top: auto;
transform: none;
font-size: 1.6em;
width: auto;
text-align: center;
padding-top: 0px;
padding-bottom: 5px;
}
.mp_flex.fn3>div>div>div.ic{
position: static;
left: auto;
top: auto;
padding: 0px;
transform: none;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}
.icontainer .ititle{
font-size: 0.8em;
color: #000;
text-align: center;
}
.icontainer .icon_w{
height: 123px;
position: relative;
}
.icontainer .icon_w img{
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.unit.active .labelcont{
display:block;
}
/*=============*/
.fakeslider{
background-position: center top;
background-size: cover;
background-repeat: no-repeat;/*
background-image: url(../images/index_slider_00.jpg);*/
position:relative;
z-index:10;
}
.fakeslider .container{/*
position:relative;
height:100%;*/
z-index: 10;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 40px;
pointer-events: none;
}
.fakeslider .fs_header{
position: absolute;
left: 20px;
top: 250px;
color: #fff;
background-color: rgba(0,0,0,.5);
padding: 10px 30px;
font-size: 3.6em;
/*font-size: 3vw; vw now working when print*/
font-weight: bold;
/* max-width:650px; */
max-width:1000px;
pointer-events: auto;
}
.englishVersion .fakeslider .fs_header{
/*font-size: 1.5vw;*/
font-size: 1.8em;
}
.fakeslider .fs_qrcode{
position: absolute;
width: 26vw;
max-width:100%;
min-width:300px;
right: 0;
bottom: 0;
padding:20px;
pointer-events: auto;
}
.fakeslider .fs_qrcode>a{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.fakeslider .fs_qrcode>a>*{
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
/*================*/
.my_slider{
position:relative;
padding: 0 40px;
}
.my_slider ul,
.my_slider ol{
list-style-type:none;
}
.my_slider a{
}
.my_slider .mys-viewport{
overflow: hidden;
width: 100%;
text-align:center;
}
.my_slider .mys-slides{
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
white-space: normal;
margin:0;
padding:0;
}
.my_slider .mys-slides li{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.my_slider .mys-slides li a{
display:block;
padding: 35px;
width: 250px;
max-width: 100%;
}
.my_slider .mys-slides li a .icon,
.my_slider .mys-slides li a .text{
text-align:center;
}
.my_slider .mys-slides li a .text{
color:#444;
font-weight:bold;
}
.my_slider .mys-direction-nav{
display:none;
}
.my_slider.active .mys-direction-nav{
display:block;
}
.my_slider .mys-direction-nav>div {
position: absolute;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
z-index: 15;
}
.my_slider .mys-direction-nav .mys-nav-prev {
margin-top: 0;
height: auto;
width: auto;
left: 10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.my_slider .mys-direction-nav .mys-nav-next {
margin-top: 0;
height: auto;
width: auto;
right: 10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.my_slider .mys-direction-nav a,
.my_slider .mys-direction-nav a:hover,
.my_slider .mys-direction-nav a:focus{
text-decoration: none;
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
z-index: 10;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.my_slider .mys-direction-nav .mys-nav-prev a{
left:10px;
text-align: left;
}
.my_slider .mys-direction-nav .mys-nav-next a{
right:10px;
text-align: right;
}
.my_slider .mys-direction-nav a span {
display: block;
width: 0;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
background-repeat: no-repeat;
}
.my_slider .mys-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
/*color: rgba(0, 0, 0, 0.8);*/
color: #459cdb;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.my_slider .mys-direction-nav .mys-nav-next a:before {
content: '\f002';
}
/*===============*/
.fakeslider{
background-image: linear-gradient(162deg, #2c85bd 0%, #3d91c2 11%, #72b8d5 51%);
z-index:10;
}
#mycd_viewport {
bottom: 0;
left: 0;
overflow: hidden;
-webkit-perspective: 400px;
-ms-perspective: 400px;
perspective: 400px;
position: absolute;
right: 0;
top: 0;
z-index:-1;
}
#mycd_viewport:after{
content:"";
left:0;
right:0;
top:0;
bottom:0;
position:absolute;
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/index_slider_front.png);
z-index:5;
}
#mycd_world {
height: 150%;
width: 100%;
left: 50%;
top: 50%;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
/*transform: translate(-50%,-50%) rotateX(-50deg) rotateY(0deg) rotateZ(-90deg);*/
transform: translate(-50%,-50%) rotateX(-30deg) rotateY(10deg) rotateZ(-60deg);
}
.cloudBase {
height: 20px;
width: 100%;
left: 0;
top: 50%;
position: absolute;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);/*
-webkit-animation: hori_scroll infinite 10s linear;
-moz-animation: hori_scroll infinite 10s linear;
animation: hori_scroll infinite 10s linear;*/
-webkit-animation: hori_scroll infinite 300s linear;
-moz-animation: hori_scroll infinite 300s linear;
animation: hori_scroll infinite 300s linear;
animation-fill-mode: forwards;
}
.fakeslider.pause #mycd_viewport .cloudBase{
animation-play-state: paused;
}
.cloudLayer{
height: 256px;
width: 256px;
left: 0;
top: 50%;
margin-left: -128px;
margin-top: -128px;
position: absolute;
background-image:url(../images/mycloud/img_cloud0.png);
background-position:center center;
background-size:100% 100%;
background-repeat:no-repeat;
}
.fakeslider .playbtn{
z-index: 10;
position: absolute;
left: 30px;
bottom: 30px;
color: #fff;
}
.fakeslider .playbtn a{
color: #fff;
}
.fakeslider .playbtn a:before{
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f004';
}
.fakeslider.pause .playbtn a:before{
content: '\f003';
}
.fakeslider .playbtn span{
font-size:0;
}
.fakeslider .playbtn .play,
.fakeslider.pause .playbtn .pause{
display:none;
}
.fakeslider .playbtn .pause,
.fakeslider.pause .playbtn .play{
display:block;
}
@-webkit-keyframes hori_scroll {
0% {
-webkit-transform: translateX(-50%);
}
100% {
-webkit-transform: translateX(200%);
}
}
@-moz-keyframes hori_scroll {
0% {
-moz-transform: translateX(-50%);
}
100% {
-moz-transform: translateX(200%);
}
}
@keyframes hori_scroll {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(200%);
}
}
/*===============*/
div.mainContent ul.ul_control > li{
padding-bottom:0;
}
.f_left{
width:30%;
float:left;
}
table.approve{
width: 100%;
margin-bottom: 0px;
border: 0;
}
table.approve tr th{
padding: 10px;
background:#1d8191;
color: #ffffff;
text-align: left;
border-right: 1px solid #fff;
vertical-align: top;
}
table.approve tr td, table.approve tr th.td_style{
padding: 10px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #eaeaea;
}
table.approve tr th.td_style{
vertical-align: middle;
}
/* #content table.approve tr td:first-child {
padding-left: 22px;
} */
table.approve tr.title td:first-child {
font-weight: bold;
padding-left: 10px;
}
table.approve tr td.items{
padding-left: 25px;
}
table.approve tr td.gray{
padding: 10px;
vertical-align: center;
/* background-color:#6d9eda;*/
background-color:#EAEAEA;
}
table.approve tr td.last_td{
padding: 10px;
border-bottom: 0px solid #fff;
vertical-align: top;
border-right: 1px solid #fff;
}
table.approve tr th h2, table.approve tr td h2{
padding:0;
margin:0;
font-size:1em;
}
span.arrow {
color: #1a6726;
}
li img, td img{
padding-left:3px;
}
a.pdf::after{
/*content:url('../images/pdf_icon.png');*/
}
div.mainContent ul.indexList > li{
padding-bottom: 0.5em;
}
.f_right{
float:right;
}
div.mainContent table{
font-size:0.75em;
}
@media (max-width: 864px){
div.mainContent table{
font-size:1em;
}
}
#mainContent div.director_wrap {
display:flex;
gap:15px;
}
#mainContent div.img_left {
/* width: 123px;
margin-right: 15px;
float: left; */
padding: 0;
text-align: center;
}
#mainContent div.img_left span{
display: block;
margin-top: 8px;
font-size:0.8em;
color: #0852C1;
line-height: 1.5;
}
#mainContent div.img_left span.en{
font-size:0.65em;
line-height: 1.3;
}
#mainContent div.f_text {
flex:1;
}
.left_menu_active{
background-color:#78e89b;
}
.left_menu_a_active{
color: #2b3944;
}
div.sitemap li{
margin:1.1em;
margin-top:0.6em;
}
.leftMenu .subMenu>li{
position: relative;
}
.leftMenu .subMenu>li .extmenu{
position: absolute;
left: -9999px;
right: auto;
top: 0;
width: 100%;
background-color: #78e89b;
font-size: 1.2em;
}
.leftMenu .subMenu>li a:hover+.extmenu,
.leftMenu .subMenu>li a:focus+.extmenu,
.leftMenu .subMenu>li:hover .extmenu,
.leftMenu .subMenu>li.active .extmenu{
display: block;
left: 100%;
}
.leftMenu .subMenu>li .extmenu ul{
border-left: 1px solid #b9f0ca;
}
.leftMenu .subMenu>li .extmenu li{
border-left: 1px solid #4f968c;
}
.leftMenu .subMenu>li .extmenu li:last-child{
border-bottom: 0;
}
.leftMenu .subMenu>li .extmenu li a{
border-bottom: 1px solid #0f6f61;
color:#2b3944;
}
.leftMenu .subMenu>li .extmenu li a:hover,
.leftMenu .subMenu>li .extmenu li a:focus{
color:#000000;
}
.leftMenu .subMenu>li .extmenu li:last-child a{
border-bottom: 0;
}
.leftMenu .subMenu>li .excLi{
position:relative;
}
.leftMenu .subMenu>li .excLi:after{
content:"";
position:absolute;
width:0;
height:0;
top:50%;
right:0;
margin-top:-7px;
border-left:10px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
/*when sub menu active */
.leftMenu .subMenu>li .excLi.active_sub_section :after{
content:"";
position:absolute;
width:0;
height:0;
top:50%;
right:0;
margin-top:-7px;
border-left:10px solid #2b3944;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
z-index:9999;
}
.data_title{
display:none;
font-weight: 600;
}
div.contact table.contact_info{
font-size:0.9em;
}
.notice{
color: #045ca2;
font-size: 1.3em;
padding-top: 20px;
}
.alert{
width:100%;
border: 2px red solid;
}
div.mainContent div.sitemap ul li {
padding-top:0;
}
div.breadcrumb span.nobr{
padding:0px;
color: #126700
}
a.a_focus,div:focus,a:focus{
/*border:1px solid black;*/
z-index:999999;
}
a.a_focus:active{
border:none;
}
.focus{
border:3px solid orange;
z-index:999999;
}
@media (min-width:992px){
.cross-btn{
display:none !important;
}
}
@media (max-width:992px){
.cross-btn{
display:block;
}
}
.tMenu>ul.menuLv1>li>div.extmenu{
display: none !important;
}
.englishVersion .content_mp{
font-size:1em !important;
}
.info_header > h2{
font-weight:bold;
}
/*.mainContent a{
text-decoration:underline !important;
}*/
.accordion{
margin-bottom: 30px;
}
.accordion .list_item {
background-color: #F8F4E2;
/* padding: 5px; */
margin-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #E0E0E0;
transition: background-color .3s, border-color .3s;
}
.accordion .list_item:hover{
background-color: #A7E579;
border-bottom-color: #003663;
}
.accordion .list_item.active{
/* background-color: #fff; */
border-bottom-color: #003663;
}
.accordion .list_item .list_content{
display: none;
padding: 20px;
background-color:#FBFBFB;
}
.accordion .list_item .list_content>*:last-child{
margin-bottom: 0!important;
}
.accordion .list_item .list_header{
color: #333;
transition: color .3s;
cursor: pointer;
position: relative;
padding: 15px 25px;
/* padding-top: 11px; */
line-height: 1.25em;
padding-right: 55px;
/* font-size:1.125em; */
font-weight:700;
/* border-top-right-radius: 5px;
border-top-left-radius: 5px; */
transition: background-color .3s;
}
.accordion .list_item.active .list_header{
background-color: #A7E579;
color: #003663;
/* padding-top: 13px;
padding-bottom: 13px; */
}
.accordion .list_item:hover .list_header{
color: #003663;
}
.accordion .list_header a {
position: absolute;
width: 18px;
height: 18px;
right: 25px;
border: none;
font-weight: normal;
top: 20px;
text-indent: -9999px;
border: 0!important;
}
.accordion .list_header a:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-right: 2px solid #003663;
border-bottom: 2px solid #003663;
transform: rotate(45deg) skew(-12deg, -12deg);
right: 0;
top: -3px;
transition: transform .3s, border-color .3s;
}
.accordion .list_item.active .list_header a:before{
transform: rotate(-135deg) skew(-12deg, -12deg);
top: 2px;
border-color: #333;
}
/********* accordion start **********/
.accordion{
margin-bottom: 30px;
}
.accordion .list_item {
background-color: #F8F4E2;
/* padding: 5px; */
margin-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #E0E0E0;
transition: background-color .3s, border-color .3s;
}
.accordion .list_item:hover{
background-color: #A7E579;
border-bottom-color: #003663;
}
.accordion .list_item.active{
/* background-color: #fff; */
border-bottom-color: #003663;
}
.accordion .list_item .list_content{
display: none;
padding: 20px;
background-color:#FBFBFB;
}
.accordion .list_item .list_content>*:last-child{
margin-bottom: 0!important;
}
.accordion .list_item .list_header{
color: #333;
transition: color .3s;
cursor: pointer;
position: relative;
padding: 15px 25px;
/* padding-top: 11px; */
line-height: 1.25em;
padding-right: 55px;
/* font-size:1.125em; */
font-weight:700;
/* border-top-right-radius: 5px;
border-top-left-radius: 5px; */
transition: background-color .3s;
}
.accordion .list_item.active .list_header{
background-color: #A7E579;
color: #003663;
/* padding-top: 13px;
padding-bottom: 13px; */
}
.accordion .list_item:hover .list_header{
color: #003663;
}
.accordion .list_header a {
position: absolute;
width: 18px;
height: 18px;
right: 25px;
border: none;
font-weight: normal;
top: 20px;
text-indent: -9999px;
border: 0!important;
}
.accordion .list_header a:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-right: 2px solid #003663;
border-bottom: 2px solid #003663;
transform: rotate(45deg) skew(-12deg, -12deg);
right: 0;
top: -3px;
transition: transform .3s, border-color .3s;
}
.accordion .list_item.active .list_header a:before{
transform: rotate(-135deg) skew(-12deg, -12deg);
top: 2px;
border-color: #333;
}
/********* accordion end **********/
.button_abc{
width: 100%;
text-align: center;
color:#efbb7a;
padding: 0em;
font-weight:bold;
font-size: 24px;
text-decoration: none;
}
.button_abc:hover{
color: #ffffff;
text-decoration: none;
}
.btn_font_s{
font-size:18px;
}
.btn_container_2{
text-align: center;
}
.externalUrl_abc{
background-color: #b84c97;
margin: 1em;
padding: 1px;
}
.list_item_1a{
background-color: #cde5fd;
}
.list_item_1b{
background-color: #fbfbfb;
}
.list_item_1c{
background-color: #f5f5f5;
}
.btn_container_3 a{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
position: relative;
width: 25%;
text-align: center;
text-decoration: none;
}
.btn_container_3 a:after{
content:'';
position: absolute;
height: 100%;
width:1px;
background-color: #887358;
display: block;
right: 0;
top: 0;
}
.btn_container_3>a:last-child:after{
display: none;
text-decoration: none;
}
.btn_container_3 a:hover{
background-color: #b84c97;
color:#000;
text-decoration: none;
transform: translate(0, -5px);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
transition: 0.2s;
}
.btn_container_3{
text-align: center;
}
.image_abc{
text-align: right;
}
html:lang(en) body #wrap .headerArea1 .container ,
html:lang(en) body #wrap .headerTop .headerMenu{
max-width:1500px;
}
/*html:not(:lang(en)) #wrap .headerArea1 .container ,
html:not(:lang(en)) #wrap .headerTop .headerMenu{
max-width:1600px;
}*/
.album_fair{ margin:0px; padding:0px;}
.album_fair ul{
margin:0px;
padding:0px;
list-style:none;
display:flex;
flex-wrap: wrap;
}
.album_fair ul li{ margin:0px; padding:10px 15px 10px 5px;}
.poste_img{ margin:0px;}
.swiperbigcontainer .poste_img a{
display: block;
width: calc(100% - 2px);
text-align: center;
}
.swiperbigcontainer{
position: relative;
margin-bottom: 30px;
}
.swiperbigcontainer .swiper-container{
width: calc(100% - 100px);
margin-left: auto ;
margin-right: auto;
}
.sbuttonnext,
.sbuttonprev{
text-decoration: none;
display: inline-block;
width: 40px;
height: 40px;
font-size: 0;
}
.sbuttonprev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sbuttonnext{
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
}
.sbuttonprev:before{
content: '\f001';
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
/* color: rgba(0, 0, 0, 0.8); */
color: #459cdb;
text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}
.sbuttonnext:before {
content: '\f002';
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
/* color: rgba(0, 0, 0, 0.8); */
color: #459cdb;
text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}
/* .indexVersion>*:not(#wrap),
.indexVersion>#wrap>*:not(#header),
.indexVersion>#wrap>#header .headerNav .clientTool,
.indexVersion #header .headerTop,
.indexVersion .headerNav:after,
.indexVersion .mobileClient:after {
-webkit-filter: grayscale(100%) grayscale(100%) !important;
-moz-filter: grayscale(100%) grayscale(100%) !important;
filter: grayscale(100%) !important;
} */
/* .indexVersion #mobile-menu,
.indexVersion .modal,
.indexVersion .myheaderTool>div.clientTool .shareTool>.shareList {
-webkit-filter: grayscale(100%) grayscale(100%) !important;
-moz-filter: grayscale(100%) grayscale(100%) !important;
filter: grayscale(100%) !important;
}
.indexVersion:before {
content:"";
position:fixed;
pointer-events: none;
z-index: 7000;
top:0;
left:0;
width:100%;
height:100%;
backdrop-filter: grayscale(1);
} */
/* .indexVersion .indexslider,
.indexVersion .fs_qrcode,
.indexVersion .bodyArea,
.indexVersion .footerArea,
.indexVersion>#wrap>#header .headerNav .shareList,
.indexVersion>#wrap>#header .headerNav .headerMenu {
-webkit-filter: grayscale(1);
filter: grayscale(1);
} */