html,
html body {
font-size: 1em;
}
body {
font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
background-color: #f7f5f5;
color: #3e5259;
}
body p {
margin: 0 0 10px 0;
}
.mainContent a {
color: #007790;
}
a[href*="http"] {
color: #bb370f !important;
}
a[href*=".pdf"] {
color: #bb370f;
}
.empr_page a[href^="#"] {
color: #4b4b4b;
}
.mainContent p a {
color: #bb370f;
}
div.mainContent p,
div.mainContent li {
text-align: left;
}
.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;
}
.float_left {
float: left;
}
.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;vpn_img);*/
background-position: center top; /*
overflow-x: hidden;
overflow: visible;*/
}
.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: 200px;
margin-right: auto;
margin-left: auto;
font-size: 1.6em;
padding: 30px 0;
}
.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: normal;
color: #2b3944;
}
.mainContent h1,
.mainContent h2 {
color: #2b3944;
}
.mainContent h3 > a {
color: #bb370f;
}
.mainContent p {
text-align: left;
margin: 0 0 1.4em 0;
}
.mainContent ul,
.mainContent ol {
padding-left: 0.6em;
margin-bottom: 1.4em;
}
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; /*
max-width: 1440px;*/
overflow: hidden;
}
body.indexVersion #wrap {
}
body.indexVersion .headerArea {
}
body #wrap .container {
border-bottom-width: none;
border-bottom-style: none;
border-bottom-color: none;
clear: both;
padding-right: 0px;
padding-left: 0px;
}
body.indexVersion #header:after {
display: none;
}
body.indexVersion .bodyArea {
/* background-image:url(../images/bg_index.jpg;vpn_img);*/
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;vpn_img);
background-position:left top;
background-repeat:repeat-x;*/
}
.headerArea .container {
/* height: 135px*/
}
/*#wrap{
background-image:url(../images/bg_main1.jpg;vpn_img);
background-repeat:no-repeat;
background-position:center top;
}*/
#wrap .bodyArea .container {
border-bottom-width: none !important;
border-bottom-style: none !important;
border-bottom-color: none !important;
}
#wrap #footer .container {
border-bottom-width: none !important;
border-bottom-style: none !important;
border-bottom-color: none !important;
}
.headerArea {
/*color: #3e5259; /*padding:5px 20px;*/
/* background-image: url(../images/bg_header.png;vpn_img);*/
background-repeat: no-repeat; /*
height: 10px;*/
}
.headerTop {
/* float: right;*/
text-align: right; /*
min-height: 125px;*/
}
.headerArea .headerBottom {
/* background-image: url('../images/bg_header.png;vpn_img');
background-repeat: repeat-y;
padding: 20px;*/
}
.headerArea .headerBg {
background-color: #ff913f;
height: 43px;
width: 100%;
position: absolute;
top: 122px;
left: 0;
z-index: -1;
border-bottom: 3px solid #203682;
}
.headerArea ul {
margin: 0;
padding: 0;
}
.headerArea .myTool {
/*background-color:#fff;*/
/*float:left;*/
}
.headerArea .headerTool {
/*background-color:#032257;*/
background-color: inherit;
/* width: 85%;*/
color: #3e5259; /* position: relative;/*background-image:url(../images/clf/bkgdtexture.gif;vpn_img);*/
margin-right: auto;
margin-left: auto; /*
padding-top: 10px;*/
}
.headerArea .headerTool .langTool {
/*color:#fff;
background-color:#717171;*/
display: inline-block;
}
.headerArea .headerTool .langTool li,
.headerArea .headerTool .langTool a {
/*margin:0;*/
}
.headerArea .headerTool .langTool li span {
margin: 0;
}
.headerArea .headerTool2 {
width: 100%;
}
.headerArea .headerTool a,
.headerArea .headerTool a:link,
.headerArea .headerTool a:visited {
color: #1a1959;
}
/*.headerArea .headerTool .my_menu3>a{
color: #078cdb;
}
.headerArea .headerTool .my_menu4>a{
color: #25a246;
}*/
.headerArea .headerTool a:hover,
.headerArea .headerTool a:focus {
color: #444;
text-decoration: none;
}
.headerArea .headerTool ul.menuLv0 > li > a:focus {
}
.headerArea .headerTool #lunar_conversionc_uc img {
padding-bottom: 4px;
}
.headerArea .headerTool ul.menuLv0 > li > a:hover {
/* color: #FFF;
background-color: #1a5d7a;*/
}
.headerArea .headerTool ul.menuLv1 > li > a:hover,
.headerArea .headerTool ul.menuLv1 > li > a:focus {
/*color:#652d86;*/
}
.headerArea .topHeaderTool {
margin: 5px 0 25px 0;
}
.headerArea .bottomHeaderTool {
margin: 5px 0 5px 0;
}
.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool > div,
.headerArea .headerTool .bottomHeaderTool > div {
float: left;
}
.headerArea .headerTool .myTool .myLogo {
position: relative;
z-index: 100;
}
.headerArea .headerTool .myTool .myLogoBg {
position: absolute;
left: 0;
right: 0;
height: 101px;
background-repeat: repeat-x;
/* background-image: url(../images/bg_header.jpg;vpn_img);*/
z-index: 1;
}
.headerArea .headerTool .myTool .leftHeaderTool {
float: left;
margin-top: 4px;
}
.headerArea .headerTool .myTool .rightHeaderTool,
.headerTool .topHeaderTool,
.headerArea .bottomHeaderTool {
float: right;
width: 80%;
}
.myheaderTool > div.clientTool {
color: #444;
/* height: 95px;*/
padding-top: 0;
padding-right: 0px !important;
padding-bottom: 0px;
padding-left: 0px;
font-size: 1.6em;
font-weight: bold;
text-align: right;
position: relative;
}
.myheaderTool > div.clientTool div {
display: inline-block;
/* vertical-align: middle;*/
vertical-align: text-bottom;
margin: 0; /* float: left;*/
}
.myheaderTool > div.clientTool > div {
margin-left: 20px;
}
.myheaderTool > div.clientTool > div:nth-child(1) {
margin-left: 0;
}
.myheaderTool > div.clientTool div.searchIcon {
position: relative;
display: inline-block;
width: 26px;
}
.myheaderTool > div.clientTool > div.share {
position: relative;
display: inline-block;
width: 26px;
}
/*.myheaderTool>div.clientTool .print img{
padding:7px 0;
}
.myheaderTool>div.clientTool .share img{
padding:8px 2px 9px 3px;
}*/
.myheaderTool > div.clientTool div > * {
margin: 0;
padding: 0;
}
.myheaderTool > div.clientTool div > a {
padding: 0 10px;
}
.myheaderTool > div.clientTool div.myMenuBtn {
height: 1.3549em;
}
.myheaderTool > div.clientTool div.myMenuBtn img {
/* margin-top: -.2em;*/
}
.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.searchTool > * {
padding: 0;
}
.myheaderTool > div.clientTool div.brandhk > * {
padding: 0;
}
.myheaderTool > div.clientTool div#wxinfo_bar > img {
height: 22px;
width: auto;
padding: 2px;
background-color: #fff;
}
.myheaderTool > div.clientTool .myLogin a {
border: 2px solid #1144ab;
padding: 12px 44px;
margin-right: 15px;
background-color: #fff;
border-radius: 6px;
}
.myheaderTool > div.clientTool .myLogin a:hover,
.myheaderTool > div.clientTool .myLogin a:focus,
.myheaderTool > div.clientTool .myLogin a:active {
color: #fff;
background-color: #1144ab;
}
.myheaderTool > div.clientTool .myRegister a {
border: 2px solid #1144ab;
background-color: #1144ab;
color: #fff;
padding: 12px 44px;
border-radius: 6px;
margin-right: 15px;
}
.myheaderTool > div.clientTool .myRegister a:hover,
.myheaderTool > div.clientTool .myRegister a:focus,
.myheaderTool > div.clientTool .myRegister a:active {
color: #444;
background-color: #fff;
}
.myheaderTool > div.clientTool .share > a > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
/*.clientTool>div:before {
content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;
padding-right: 10px;
}
.clientTool>div:first-child:before{
display:none;
}*/
.clientTool > div.AStyleArea:before,
.clientTool > div.language:before,
.clientTool > div.share:before {
/* content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;
padding-right: 10px;*/
}
/*.clientTool>div.language li:before{
content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;
padding-right: 10px;
}*/
.clientTool > div.language li.fst:before {
/* content:"";
display:none;*/
}
.clientTool > div.homeTool:before {
display: none;
}
.clientTool > div.searchTool:before {
content: "";
clear: both;
padding: 0;
margin: 0;
}
.myheaderTool > div.clientTool div.searchIcon > a {
}
.headerArea .headerTool .searchTool {
/* display:none;*/
float: none;
/* display: block;*/
margin-right: 0; /*
margin-top: 45px;*/
z-index: 8901;
position: relative; /*
display: inline-block;*/ /*
margin-top: 10px;*/
vertical-align: middle;
vertical-align: top;
}
.headerArea .headerTool .searchTool input {
/* margin-top: 10px;*/
}
div.searchTool:after {
content: none !important;
}
div.hrbTool:after {
content: none !important;
}
div.mobile_view:after {
content: none !important;
}
/*div.language:after{
content: "";
display:none;
}*/
.searchTool form:before {
/* content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;
margin-left: 5px;*/
}
.clientTool div:after {
/* content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;*/
}
div.language li:after {
/* content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;*/
}
/*div.AStyleArea:before{
content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 5px;
padding-right: 10px;
}
div.language:after{
content: "I";
font-size: medium;
font-weight: lighter;
color: #CCC;
padding-left: 10px;
padding-right: 5px;
}*/
div.language li.last:after {
content: "";
display: none;
}
.hrbTool:before {
content: none !important;
}
.myheaderTool > div.clientTool div.RSS {
color: #be4a03;
font-size: 14px;
}
.myheaderTool > div.clientTool div.AStyleArea {
/* width: 70px;*/ /*
line-height: 1em;*/
}
.myheaderTool > div.clientTool div.language {
display: inline-block;
}
.myheaderTool > div.clientTool div.setting img {
width: 20px;
}
.myheaderTool > div.clientTool div.mobile_view {
/* width: 45px;*/
height: 27px;
}
.myheaderTool > div.clientTool div.language ul li {
/* padding-right: 5px !important;*/
padding-right: 0;
width: 10px !important;
}
.myheaderTool > div.clientTool div.home {
}
.clientTool ul {
float: right;
list-style-type: none;
}
.clientTool ul li {
margin-left: 0;
margin-right: 0;
}
.clientTool:before {
/* content: " ";
float: left;
display: block;
background-image: url(../images/user_login.png;vpn_img);
background-repeat: no-repeat;
position: relative;
width: 10px;
height: 9px;
background-size: 100% 100%;
margin-right: 5px;
top: 50%;
margin-top: -5px;*/
}
.searchTool form {
float: right;
position: relative;
}
.clientTool form a {
display: inline-block;
vertical-align: bottom;
position: absolute;
padding: 2px;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.clientTool form img {
/* float: right;*/
display: block; /*
background-color: #072c72;*/
/* padding: 2px;
/*margin-top: 2px;
/*padding-right: 4px;*/
/*margin-left: -35px;*/
z-index: 4200;
position: relative;
}
.clientTool .language > ul {
/* float:left;*/
}
.headerArea .clientTool > ul > li > div > * {
padding: 4px 12px;
}
.clientTool li * {
display: inline;
/*vertical-align: bottom;*/
}
.clientTool li .aaaTool,
.clientTool li .aaaTool * {
vertical-align: inherit;
}
.mobileClient {
display: none;
}
.logIOTool a {
background: #d73d32;
}
/*.headerArea ul
{
float: left;
}*/
.headerArea .clientTool a {
}
.headerArea li,
.headerArea a {
margin: 0 0px;
padding: 0;
float: none;
display: inline;
text-decoration: none; /*vertical-align: bottom;*/
}
.headerArea .language li.fst:after {
/*
content: "/";
padding: 0 8px; ;
display: inline-block;
display: none !important;
*/
content: "︱";
}
li.last{
/*display: none !important;*/
}
.headerArea .language li a {
color: #000;
font-weight: bold;
-moz-border-radius: 27px;
-webkit-border-radius: 27px;
border-radius: 27px;
padding: 2px;
}
.headerArea .headerMenu li,
.headerArea .headerMenu a {
margin: 0;
display: block;
}
.headerArea a:hover,
.headerArea a:focus {
text-decoration: underline;
}
.headerArea .myTool,
.headerArea .myTool a {
color: #3e5259;
}
.headerArea .langTool {
margin-top: 6px;
}
.headerArea .bottomHeaderTool .contactus img {
vertical-align: initial;
margin: 0 5px;
}
.headerArea .bottomHeaderTool .searchTool {
margin-left: 3px;
margin-top: -2px;
}
.headerArea .hrbTool input {
/* display: inline;
width: 270px;
display: inline-block;
border: 2px solid #d1d1d1;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
color: #999;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
height: 33px;*/
}
.headerArea .hrbTool img {
margin-left: 10px;
}
.myheaderTool > div.clfSeachBar {
float: none;
position: absolute;
top: 30px;
right: 20px;
}
.headerArea .searchTool .hrbTool a {
/*position: relative;
background-color:#3a6ecf;*/
color: #3e5259;
padding: 0 5px;
font-weight: bold;
font-size: 12px;
}
.headerArea .searchTool .hrbTool a:hover,
.headerArea .searchTool .hrbTool a:focus {
color: #cc3333;
text-decoration: none;
}
.headerArea .aaaTool {
margin-right: 5px;
}
.headerArea ul.aaaTool {
padding-right: 0px;
padding-left: 0px;
}
.headerArea .bottomHeaderTool .searchTool .searchBtn img {
/*position: absolute;
top: 0;
right: 10px;*/
margin-left: 5px;
}
.headerArea .headerTool .headerMenu {
/*text-align: center;
font-size: .8em;
display: inline-block;
*zoom: 1;
*display: inline;
/*width:1024px;
height: inherit !important;
/*background-color: #f4f4f4;
margin-top: 82px;
z-index: 7999;
/*position: relative;
position: absolute;
padding-bottom: 0px;
margin-left: 0px;
/* background-image:url('../images/bg_menu.png;vpn_img');
background-repeat: repeat;*/
/* float: right;*/
text-align: left !important;
/* height: 70px;*/ /*
min-height: 62px;*/
z-index: 8000;
}
/*.indexVersion */
.headerArea .headerTool .headerMenu {
/* position:relative;
background-color: transparent;
/* float: right;
padding-left:300px;*/
/* padding-bottom: 0;*/
margin-top: 0;
}
.headerArea .headerTool .headerMenu.mainheaderMenu {
/* position:absolute;*/
position: relative;
}
.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool {
position: absolute;
left: 0;
top: 0;
z-index: 8600;
}
.headerArea
.headerTool
.headerMenu.mainheaderMenu
.mainMenuTool
button
> span:nth-child(2) {
display: block;
width: 40px;
padding: 7px 0;
}
.headerArea .headerTool .headerMenu.subheaderMenu {
margin-left: 100px;
margin-right: 100px;
margin-top: 5px;
}
.headerArea .headerTool .headerMenu.subheaderMenu .tMenu > li > a {
z-index: 8010;
}
.headerMenu {
/* margin-left: 25%;
text-align: right;*/
padding: 0; /* position:relative;*/
}
.headerMenu:before {
/* content:"";
/* background-image:url(../images/bg_top_menu.jpg;vpn_img);*/
/* background-repeat:repeat-x;
position:absolute;
background-color:#3b5999;
left:0;
right:0;
height:62px;
z-index:-1;*/
}
.headerArea .headerTool .headerMenu > ul {
/* float: right;
margin-top:8px;*/
/* position: relative;
margin-left: 35%;
position: static;
display: inline-block;
text-align: right !important;
margin-top: 40px;*/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.headerArea .headerTool .headerMenu > ul > li {
margin: 0 auto auto auto;
/*width: 100%; padding-left: 40px;*/
}
.iePublic .headerArea .headerTool .headerMenu > ul > li {
width: auto;
flex: 1;
}
.indexVersion .headerArea .headerTool .headerMenu > ul {
margin-top: 0;
}
.leftMenuVersion .leftmenu {
float: left;
width: 180px;
}
.leftMenuVersion .mainHeader,
.leftMenuVersion .mainContent {
width: 800px;
float: left;
}
#mainContentSkip {
float: left;
}
/*
.headerArea .headerTool .searchTool
{
display: inline-block;
*zoom: 1;
*display: inline;
width:416px;
position:relative;
background-image: url(../images/bg_search.png;vpn_img);
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 div.extmenu {
padding-left: 40px;
}
.headerMenu ul .close > div.extmenu {
/*display:none;*/ /*
position: absolute;
left: -9999px;*/ /*
padding-left: 40px;*/
}
.headerMenu ul .close ul ul ul {
display: none !important;
}
.headerMenu ul .open > ul,
.headerMenu ul li div.activeUl,
.headerMenu ul li div.activeUl_withTimer {
display: block;
/* right: 0;*/
/* left: 0;
left:auto;*/
left: 0;
}
.headerMenu ul li:nth-child(n + 8).open > ul,
.headerMenu ul li:nth-child(n + 8) div.activeUl,
.headerMenu ul li:nth-child(n + 8) div.activeUl_withTimer {
/* right: 0;
left: auto;*/
}
.headerMenu ul li a > div {
float: left;
}
.headerMenu ul.menuLv1 {
/*z-index: 9999;
width:220px;*/
text-align: left;
width: 100%; /*
min-width: 300px;/*
background-color: #fff;/*
box-shadow: 0 0 12px -2px #000;*/
padding: 0;
}
.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;vpn_img);
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;vpn_img);
content: "16-22簞C";
}
.headerMenu.subheaderMenu .menuLv0 > li.open:nth-child(2) > ul.menuLv1:before {
background-image: url(../images/icon_topmenu_2.png;vpn_img);
content: "";
}
.headerMenu.subheaderMenu .menuLv0 > li.open:nth-child(3) > ul.menuLv1:before {
background-image: url(../images/icon_topmenu_3.png;vpn_img);
content: "";
}
.headerMenu.subheaderMenu .menuLv0 > li.open:nth-child(4) > ul.menuLv1:before {
background-image: url(../images/icon_topmenu_4.png;vpn_img);
content: "";
}
.headerMenu.subheaderMenu .menuLv0 > li.open:nth-child(5) > ul.menuLv1:before {
background-image: url(../images/icon_topmenu_5.png;vpn_img);
content: "";
}
.headerMenu.subheaderMenu .menuLv0 > li.open:nth-child(6) > ul.menuLv1:before {
background-image: url(../images/icon_topmenu_6.png;vpn_img);
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 {
float: left; /* list-style-type: disc;
width: 1000%;
display: block;*/
}
.headerMenu ul ul.menuLv1 > li {
border: 0;
border-top: 0;
list-style-type: disc;
margin: 0;
float: left;
left: 0;
right: 0;
}
.headerMenu ul.menuLv1 > li:hover,
.headerMenu ul.menuLv1 > li:focus,
.headerMenu ul.menuLv1 > li:active {
/*background-color:#ebe9f4; */
}
.headerMenu ul.menuLv1 li a {
padding: 0px;
/*width:220px;*/
display: block;
text-align: left;
}
.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: left;
}
.headerMenu ul.menuLv0 > li.firstLi {
display: none; /*font-size: 18px;/*border-left: #fff 1px solid;
padding-top: 10px;
padding-bottom: 10px;
border-left: 0;*/
/*text-align: right !important;
font-weight: normal;
display:none;*/
}
.headerMenu ul.menuLv0 > li.firstLi > a img {
margin: 0 15px;
}
.subheaderMenu ul.menuLv0 > li {
/* font-size:0.85em;
/*position: static;
/*background-color:#fff;
position:relative;*/
font-weight: bold;
text-align: right;
/*
border-left: 1px solid #d2cfe1;
/*border-right: #fff 1px solid;
/*width: 165px;*/
position: relative;
text-align: center;
vertical-align: top; /* font-weight: normal;*/
}
.headerMenu ul.menuLv0 > li > a {
font-size: 1.2em;
}
.headerMenu ul.menuLv1 > li > a {
font-size: 1em;
}
.headerMenu ul.menuLv2 > li > a {
font-size: 0.9em;
}
.headerMenu.subheaderMenu ul.menuLv0 > li {
position: static;
font-weight: bold;
}
.headerMenu.subheaderMenu ul.menuLv1 > li {
/* font-size:0.8em;*/
}
/*.chineseVersion .headerMenu ul.menuLv0>li{
font-size:1em;
}*/
.headerMenu ul.menuLv0 > li > a {
position: relative;
}
.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 a {
text-decoration: none !important;
}
.headerMenu ul li a {
}
.headerMenu ul.menuLv0 > li a {
/* margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;*/
}
/*.headerMenu ul.menuLv0>li.active_section{
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #ef8000;
}*/
.contentArea .breadcrumb a.home {
vertical-align: middle;
}
/*.chineseVersion .contentArea .breadcrumb a.home {
height: 14px;
}
.simplify .contentArea .breadcrumb a.home {
height: 14px;
}*/
.headerMenu ul.menuLv0 > li a {
/*height:35px !important;*/
}
.headerMenu ul.menuLv0 > li.my_menu4 > a {
/* padding-bottom: 16px!important; /*max-height:35px;*/
}
.headerMenu ul.menuLv0 > li > a {
/* padding-bottom: 20px!important; /*max-height:35px;*/
}
.headerMenu ul.menuLv0 > li.my_menu1 {
}
.headerMenu ul.menuLv0 > li.my_menu5 {
width: 0%;
display: none;
}
.headerMenu ul.menuLv0 > li > a {
position: relative;
padding-left: 40px;
}
.headerMenu ul.menuLv0 > li > a:before {
content: "";
position: absolute;
left: 0;
width: 34px;
height: 30px;
background-repeat: no-repeat;
top: 3px;
}
.headerMenu ul.menuLv0 > li.my_menu1 > a:before {
background-image: url(../images/icon_menu_1.png;vpn_img);
}
.headerMenu ul.menuLv0 > li.my_menu2 > a:before {
/*background-image: url(../images/icon_menu_2.png;vpn_img);*/
background-image: url(../images/smart_silver_icon_menu.png;vpn_img);
}
.headerMenu ul.menuLv0 > li.my_menu3 > a:before {
background-image: url(../images/icon_menu_3.png;vpn_img);
}
.headerMenu ul.menuLv0 > li.my_menu4 > a:before {
background-image: url(../images/icon_menu_4.png;vpn_img);
}
.headerMenu ul.menuLv0 > li.my_menu5 > a:before {
/* background-image: url(../images/digital_tips_orange.png;vpn_img); */
}
.headerMenu ul.menuLv0 > li.my_menu6 > a:before {
background-image: url(../images/icon_menu_6.png;vpn_img);
}
.headerMenu ul.menuLv0 > li.firstLi:before {
content: "";
display: none;
}
.headerMenu ul.menuLv0 > li:before {
/* content:'';
background-image:url(../images/icon_menu_near.png;vpn_img);
background-repeat:no-repeat;
width:19px;
height:35px;
position:absolute;
left: -9px;
top:50%;
margin-top:-18px;*/
}
.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-image: url(../images/icon_menu_arrow.png;vpn_img);*/
background-repeat: no-repeat;
display: none;
}
/*.headerMenu ul.menuLv0>li:after {
content: ' ';
position: absolute;
width: 27px;
height: 25px;
right: 10px;
bottom: 5px;
background-image: url(../images/navigation/icon/cyber_risk.png;vpn_img);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.headerMenu ul.menuLv0>li.my_menu0:after {
background-image: url(../images/navigation/icon/cyber_risk.png;vpn_img);
}
.headerMenu ul.menuLv0>li.my_menu1:after {
background-image: url(../images/navigation/icon/alerts.png;vpn_img);
}
.headerMenu ul.menuLv0>li.my_menu2:after {
background-image: url(../images/navigation/icon/report.png;vpn_img);
}
.headerMenu ul.menuLv0>li.my_menu3:after {
background-image: url(../images/navigation/icon/gov_ref.png;vpn_img);
}
.headerMenu ul.menuLv0>li.my_menu4:after {
background-image: url(../images/navigation/icon/comment_icon.png;vpn_img);
}*/
/*.headerMenu ul.menuLv0>li.firstLi
{
background-color:#da2e5e;
}
.tMenu>li.firstLi {
width: 50px !important;
border:0 !important;
padding-left:0;
padding-right:0;
}
*/
.tMenu > li {
position: relative;
float: left;
/* line-height: 1.2em !important;
/*height: 76px !important;*/
min-height: inherit !important;
max-height: inherit !important;
width: auto;
/*padding-top: 15px;
padding-bottom: 15px;*/
/*padding-left:3px;
padding-right:3px;*/
font-size: 1em;
text-align: left;
/*max-width: 148px;*/
background-repeat: no-repeat;
}
/*.tMenu>li.my_menu0 {
background-image: url(../images/navigation/desktop/navigation_01.jpg;vpn_img);
}
.tMenu>li.my_menu1 {
background-image: url(../images/navigation/desktop/navigation_02.jpg;vpn_img);
}
.tMenu>li.my_menu2 {
background-image: url(../images/navigation/desktop/navigation_03.jpg;vpn_img);
}
.tMenu>li.my_menu3 {
background-image: url(../images/navigation/desktop/navigation_04.jpg;vpn_img);
}
.tMenu>li.my_menu4 {
background-image: url(../images/navigation/desktop/navigation_05.jpg;vpn_img);
}*/
/*.headerMenu ul li ul {
position: absolute;
}*/
.headerMenu ul li > div.extmenu {
/* position: absolute;
width: 100%;
/* padding-top: 10px;*/
}
.headerMenu ul li.open > div.extmenu,
.headerMenu ul li > div.extmenu.activeUl {
left: auto;
}
.headerMenu ul li > div.extmenu:before {
/* content: '';
position: absolute;
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
top: 4px;
left: 15%;*/
}
.headerMenu ul.menuLv0 > li > a {
margin: 0;
/* padding-right: 0;
padding-left: 0;*/ /*
padding: 0 24px;*/
position: relative;
}
.headerMenu ul.menuLv0 > li > a > span {
/*padding-right:16px;*/ /*
padding:12px 0;*/
display: block;
margin-top: 0;
padding: 5px 0; /*13px 0 8px 0;*/ /*
border-bottom: 5px solid #fff;*/
}
.headerMenu .tMenu > li > a:focus > span,
.headerMenu .tMenu > li > a:hover > span,
.headerMenu .tMenu > li > a:active > span {
/*
border-bottom:5px solid #d14d03;*/
}
.headerMenu ul.menuLv0 > li > a > span.caret,
.headerMenu ul.menuLv1 > li > a > span.caret {
position: absolute;
padding-right: 0;
top: 50%;
right: 5px;
display: none; /* margin-top:-4px !important;*/
}
.headerMenu ul.menuLv0 > li:hover > a,
.headerMenu ul.menuLv0 > li > a:hover,
.headerMenu ul.menuLv0 > li > a:focus {
/* background-color: #504098;*/
/* color: #36444d;*/
}
.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;
}
.chineseVersion .headerMenu ul.menuLv0 > li > a {
/* margin: 10px !important;*/
font-weight: bold;
}
.headerMenu ul.menuLv0 > li > a.excLi > span {
position: relative;
}
.headerMenu ul.menuLv0 > li > a.excLi > span:before {
display: none;
content: "";
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 9px; /*
background-image:url(../images/icon_nav_arrow.png;vpn_img);*/
background-repeat: no-repeat;
}
.headerMenu .tMenu a > span {
margin: 0 0px;
}
.headerMenu .tMenu > li > a {
/* padding-left:15px !important;
padding-right:15px !important;
/* padding: 12px 15px !important;*/
}
body.englishVersion .headerMenu .tMenu > li > a {
/* padding-left:15px !important;
padding-right:15px !important;*/
}
.chineseVersion .headerMenu .tMenu > li > a {
/* padding-left:15px !important;
padding-right:15px !important;
/* padding: 2px 25px !important;*/
line-height: 1em;
}
.headerMenu .tMenu a:link,
.headerMenu .tMenu a:visited {
/* color: #36444d;
font-weight:bold;*/
}
/*.headerMenu .tMenu>li>a {
text-align: left !important;
padding-left: 10px !important;
}
/*.headerMenu .tMenu>li>a{
padding-left: 10px !important;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
max-height: 68px;
}
.headerMenu .tMenu>li>a:hover {
text-align: left !important;
padding-left: 10px !important;
padding-top: 10px;
padding-bottom: 30px;
}*/
.headerMenu .tMenu li.open {
/*position:relative;*/
/* min-height: 300px;*/
}
.headerMenu.subheaderMenu .tMenu li.open ul,
.headerMenu.subheaderMenu .tMenu li div.activeUl {
/*position:relative;*/
/*width: 984px;
/*top: 100%;
left: 0;*/
margin: 0; /*padding: 0 10px;*/
/*min-height:220px;
padding-left:480px;*/
background-color: #1f61af;
padding: 0;
border-top: 1px solid #1b5397;
}
.headerMenu .tMenu li > ul.menuLv2 {
position: absolute;
left: -9999px;
}
.headerMenu .tMenu li.active > ul.menuLv2 {
display: block;
min-width: 100%;
position: relative;
left: auto;
}
.headerMenu .tMenu li.open ul.menuLv2,
.headerMenu .tMenu li .activeUl ul.menuLv2,
.headerMenu .tMenu li .activeUl > ul.menuLv2 {
/* min-width: 100%;
position:relative;
left:0;*/
/* border-top: 1px solid #a9cdd6;*/
background-color: #eee;
}
.headerMenu .tMenu li.open ul:after,
.headerMenu .tMenu li div.activeUl > ul:after {
clear: both;
}
.headerMenu .tMenu li.open ul > li,
.headerMenu .tMenu li div.activeUl > ul > li {
/*display:list-item;
float: left;
/*margin-left: 30px;
width: 450px;*/
float: none;
display: block; /* line-height: 20px;*/
}
.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li div.activeUl li a {
/*color: #FFF;/*padding-left:10px;*/
/*background-color: #1a5d7a;
/* padding-top: 25px !important;
padding-bottom: 25px !important;*/
margin-top: 0;
margin-bottom: 0;
/* height: 38px;*/
display: block;
}
.headerMenu .tMenu li ul li a,
.headerMenu .tMenu li ul li a {
/* color: #333 !important;
/*color: #dadada !important;/*#3e3c50 !important;*/
}
.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li div.activeUl li a {
/*color: #FFF;/*padding-left:10px;*/
/*background-color: #1a5d7a;
/* padding-top: 25px !important;
padding-bottom: 25px !important;*/
margin-top: 0;
margin-bottom: 0; /* height: 38px;*/
}
.headerMenu .tMenu li.open ul.menuLv2 > li > a,
.headerMenu .tMenu li div.activeUl .menuLv2 > li > a {
/* background-color: #b8e6e8;
padding: 12px 30px;*/
padding: 6px 10px 6px 30px; /* padding-left: 20px;*/
}
.headerMenu .tMenu li.open ul.menuLv2 > li > a:focus,
.headerMenu .tMenu li div.activeUl .menuLv2 > li > a:focus,
.headerMenu .tMenu li.open ul.menuLv2 > li > a:active,
.headerMenu .tMenu li div.activeUl .menuLv2 > li > a:active,
.headerMenu .tMenu li.open ul.menuLv2 > li > a:hover,
.headerMenu .tMenu li div.activeUl .menuLv2 > li > a:hover {
background-color: #1d5ca6;
color: #fff;
}
.headerMenu ul.menuLv0 {
z-index: 7900;
}
.headerMenu ul.menuLv1 {
z-index: 7910;
}
.headerMenu ul.menuLv2 {
z-index: 7920;
}
.headerMenu ul.menuLv1 > li {
position: relative;
}
.headerMenu .tMenu li.open ul.menuLv2 > li,
.headerMenu .tMenu li > div.extmenu.activeUl ul.menuLv2 > li {
width: 100%;
}
.headerMenu.subheaderMenu .tMenu li ul > li {
width: 100%;
height: auto;
float: left;
}
.headerMenu .tMenu li ul.menuLv1 > li {
/* width: 225px;
/*height: 175px !important;*/
float: none;
}
.headerMenu.subheaderMenu .tMenu li ul.menuLv1 > li {
width: 33% !important;
margin: 0;
vertical-align: top;
}
.headerMenu .tMenu li ul > li.close {
/* background-image: url(../images/menu_nav_down.png;vpn_img);*/
background-position: right top;
background-repeat: no-repeat;
}
.headerMenu .tMenu li ul > li > a {
/*background-image:url(../images/bg_menu_overlay.png;vpn_img);*/
/*background-repeat:no-repeat;*/
background-position: right bottom;
/*background-color:#e5eefa;*/
/*border: 1px solid #3b748d;/*#d9ebf3;*/
border-collapse: collapse;
background-size: 100% 100%; /* padding-left: 20px !important;*/
}
.headerMenu .tMenu li ul > li > a:focus,
.headerMenu .tMenu li ul > li > a:active,
.headerMenu .tMenu li ul > li > a:hover {
/* background-color: rgba(244, 244, 244, .9);*/
}
/*
.headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
background-image:url(../images/bg_menu_overlay.png;vpn_img);
background-repeat:no-repeat;
background-position:right bottom;
background-color:rgba(255, 217, 80, .8);
}
.headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
background-image:url(../images/bg_menu_overlay.png;vpn_img);
background-repeat:no-repeat;
background-position:right bottom;
background-color:rgba(255, 217, 80, .8);
}
*/
.headerMenu .tMenu > li > a {
position: relative;
}
/*.headerMenu .tMenu>li>a:focus:after, .headerMenu .tMenu>li>a:hover:after, .headerMenu .tMenu>li>a:active:after, .headerMenu .tMenu>li>a.active_section:after {
content: " ";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -9px;
height: 9px;
}*/
.headerMenu .tMenu > li > a:focus,
.headerMenu .tMenu > li > a:hover,
.headerMenu .tMenu > li > a:active,
.headerMenu .tMenu > li > a.active_section {
/* background-color: #504098;
color: #fff;*/
color: #36444d;
}
/*.headerMenu .tMenu>li.my_menu3>a:focus,
.headerMenu .tMenu>li.my_menu3>a:hover,
.headerMenu .tMenu>li.my_menu3>a:active,
.headerMenu .tMenu>li.my_menu3>a.active_section{
color: #fff;
background-color: #078cdb;
}
.headerMenu .tMenu>li.my_menu4>a:focus,
.headerMenu .tMenu>li.my_menu4>a:hover,
.headerMenu .tMenu>li.my_menu4>a:active,
.headerMenu .tMenu>li.my_menu4>a.active_section{
color: #fff;
background-color: #25a246;
}
.headerMenu ul.menuLv0>li.my_menu3>a:focus.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu3>a:hover.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu3>a:active.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu3>a.active_section.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu4>a:focus.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu4>a:hover.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu4>a:active.excLi>span:before,
.headerMenu ul.menuLv0>li.my_menu4>a.active_section.excLi>span:before{
background-image: url(../images/icon_nav_arrow_on.png;vpn_img);
}*/
/*.headerMenu .tMenu .firstLi>a:link, .headerMenu .tMenu .firstLi>a:visited{padding:10px 0;}*/
/*.headerMenu .tMenu a:hover, .headerMenu .tMenu a:focus, .headerMenu .tMenu a:active, .headerMenu .tMenu a.active_section{background-color:#ffebbc; color:#b11111; text-decoration:none; font-weight:normal;}*/
.headerMenu .tMenu .menuLv1 a {
/* padding: 10px 20px;
/* font-size: 0.85em;
font-size: 0.92em;
border-left: 1px solid #98b2b5;
border-right: 1px solid #98b2b5;
border-top: 1px solid #d0edf3;
border-bottom: 1px solid #939393;*/
}
.headerMenu .tMenu .menuLv1 > li > a:before {
/* content: '';
width: 6px;
height: 6px;
position: absolute;
left: 20px;
top: 14px;
background-color: #fa7370;*/
}
.headerMenu.subheaderMenu .tMenu .menuLv1 a {
color: #fff;
}
.headerMenu.subheaderMenu .tMenu .menuLv1 a:focus,
.headerMenu.subheaderMenu .tMenu .menuLv1 a:hover {
color: #f6c812;
}
.caret {
display: none; /* display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
margin-top: 0 !important;*/
}
.siteList .caret {
display: none;
}
.siteList > ul > li > a {
font-weight: bold;
}
/*.headerMenu .tMenu .menuLv1 a:link, .headerMenu .tMenu .menuLv1 a:visited, .headerMenu .tMenu .menuLv1, .headerMenu .tMenu .menuLv1{background-color:#FFEBBC;color:#B52C11;}
.headerMenu .tMenu .menuLv1 a:hover, .headerMenu .tMenu .menuLv1 a:focus, .headerMenu .tMenu .menuLv1 a:active, .headerMenu .tMenu .menuLv1 a.active_section{background-color:#965441; font-weight:normal; color:#fff;}*/
.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%; /*height:100%;*/
/*position:absolute;
z-index: 9999;*/
}
.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;
}
.chineseVersion .headerMenu .tMenu .menuLv1 a {
min-height: 19px;
}
.headerMenu .tMenu .menuLv1 {
margin-top: 4px;
}
.headerMenu .tMenu .menuLv1 > li > a {
padding: 4px 0;
}
.headerMenu .tMenu .menuLv1 a {
/*
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;*/
}
.headerMenu .tMenu ul {
/*
border-top: 1px solid #d8d8d8;*/
}
.copyrightBar {
text-align: center;
margin: 0 0 20px 0;
}
.headerTool {
}
.headerNav {
width: 100%;
}
.headerTool .myLogo {
padding: 0;
position: absolute;
z-index: 8888;
}
.headerTool .myLogo a {
padding: 0;
display: inline-block;
}
.headerTool .myLogo .logo_0 {
/*
margin-left:-10px;*/
}
.headerTool .myLogo img {
text-align: left;
max-width: 335px;
/*
max-width: 335px;
width:346px;
margin-top: 10px*/
}
.headerTool .myLogo span {
/* vertical-align: top;
width: 200px;
display: inline-block;
margin-top: 3px;
margin-left: 15px;
font-size: 1.1em;*/
}
.headerTool .headerMenu {
display: none;
position: absolute;
left: 0;
right: 0;
padding: 32px 100px;
border-top: 6px solid #f09530;
background-color: #fcfcfa;
}
.headerTool .headerMenu.active {
display: block;
}
.headerTool .AStyleArea a {
/* color:#000 !important;*/
padding: 0 4px;
vertical-align: baseline;
}
/*=========footer=========*/
.footerArea {
color: #444;
}
.footerArea {
/* background-color: #133c8b;
color: #fff;*/
}
.footerMenu ul.menuLv0 > li.firstLi {
display: none;
}
.footerMenu ul,
.footerMenu ul li {
list-style-type: none;
padding: 0;
}
.indexVersion .footerMenu .bMenu {
display: block;
}
.footerArea {
position: relative;
/* background-color: #f1f1f1;*/
/* box-shadow: 0px 0px 15px #c1c1c1;
box-shadow: 0px -4px 15px -4px #c1c1c1;*/
padding: 0; /*
background-color:#3f3f3f;*/
/* background-color: #313c4e;
color: #fff;*/
background-color: #ff8d04;
background-image: linear-gradient(
121deg,
#ff8d03 0%,
#ff8e04 24%,
#ffbb7e 68%
);
}
.footerArea a {
color: #0d0f0e;
}
.footerArea .footerArea1 {
/* color: #fff;
background-color: #514d4e;*/
color: #0d0f0e;
padding: 60px 0 140px 0;
/* background-image:url(../images/bg_footer.png;vpn_img);
background-repeat:no-repeat;
background-size: cover;*/
/* background-color: #b7ecf4;*/
background-image: url(../images/bg_footer3.png;vpn_img);
background-position: center top;
background-repeat: no-repeat;
}
.footerArea .footerArea1 a {
color: #0d0f0e;
text-decoration: none;
}
.footerArea .footerArea2 {
background-color: #313c4e;
/*
background-image: linear-gradient(141deg, #313c4e, #2a3c4c, #1a3c4b, #133949, #172a48);
background-image: url(../images/bg_footer.png;vpn_img);
*/
}
.footerMenuArea {
position: relative;
padding-top: 10px;
padding-bottom: 20px;
display: flex; /* 20030828 sitemap */
justify-content: space-around; /* 20030828 sitemap */
font-size: 0.85em;
}
.footerTitle {
position: absolute;
left: 0;
bottom: 0;
font-size: 2em;
font-weight: bold;
}
.footerArea .footerArea2 {
padding: 14px 0;
position: absolute;
bottom: 0;
z-index: 10;
width: 100%;
background-color: rgba(0, 19, 63, 0.8);
color: #fff;
}
.footerMenu > div {
max-width: 14.285%;
display: inline-block;
padding: 0 12px; /*
text-align: right;*/
}
.footerMenu > div:nth-child(2) {
max-width: 42.855%;
}
.indexVersion .footerArea {
box-shadow: none; /*
z-index: 8800;*/
}
.footerArea a {
/* color:#444;*/
}
.footerArea .container {
/* position: relative;
/*padding-top:15px;
padding-bottom:30px;*/
/* padding: 2em 0;
/*border-top:1px solid #cccccc;*/
z-index: 1000; /* color: #fff;*/
}
.footerRow {
display: flex;
flex-direction: column;
align-items: center;
}
.footerRow img {
padding-left: 10px;
margin-bottom: 20px;
}
.indexVersion .footerRow {
/* 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;*/
}
.body.chineseVersion.tradition .footerArea .footerMenu {
/* padding-bottom: 0;
/* border-top-width: 5px;
border-top-style: solid;
border-top-color: #3f535a;*/ /*
padding-right: 0px;
padding-left: 10%;
text-align: right;*/
padding: 0;
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
display: inline-block;
width: 70%;
}
body.chineseVersion.simplify .footerArea .footerMenu {
padding: 0;
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
display: inline-block;
}
body.englishVersion .footerArea .footerMenu {
/* padding-bottom: 0;
/* border-top-width: 5px;
border-top-style: solid;
border-top-color: #3f535a;*/ /*
padding-right: 0px;
padding-left: 10%;
text-align: right;*/
padding: 0;
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
display: inline-block;
width: 71%;
}
body.chineseVersion.simplify .footerArea .footerMenu {
padding: 0;
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
display: inline-block;
}
@media print, screen and (max-width: 1170px) {
.footerArea .footerMenu {
margin-left: -0px; /* boostrap 4.2.1 -226px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 186px for 5 columns */
}
body.englishVersion .footerArea .footerMenu {
/* padding-bottom: 0;
/* border-top-width: 5px;
border-top-style: solid;
border-top-color: #3f535a;*/ /*
padding-right: 0px;
padding-left: 10%;
text-align: right;*/
padding: 0;
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
display: none;
width: 77%;
}
body.chineseVersion.simplify .footerArea .footerMenu {
/* padding-bottom: 0;
/* border-top-width: 5px;
border-top-style: solid;
border-top-color: #3f535a;*/ /*
padding-right: 0px;
padding-left: 10%;
text-align: right;*/
display: none;
}
}
@media print, screen and (min-width: 1170px) {
.footerArea .footerMenu {
margin-left: -0px; /* boostrap 4.2.1 -20px for 5 columns */
margin-right: 0px; /* boostrap 4.2.1 96px for 5 columns */
}
}
.footerMenu ul ul ul {
/* display: none;*/
}
.footerMenu ul ul ul > li {
width: 50%;
display: inline-block;
vertical-align: top;
}
.footerIa {
display: inline-block;
width: 30%;
font-size: 1.4em;
padding-top: 4px;
padding-left: 50px;
}
.footerIa .tit {
/* font-size:1.6em;*/
font-weight: bold;
}
.footerIa .share {
margin-bottom: 20px;
}
.footerIa .share img {
width: 35px;
padding: 5px;
height: auto;
}
.footerIa .tel {
position: relative;
padding: 10px 0;
padding-left: 38px;
white-space: nowrap;
}
.footerIa .tel:before {
content: "";
position: absolute;
left: 0;
width: 25px;
height: 25px;
background-image: url(../images/icon_footer_tel.png;vpn_img);
background-repeat: no-repeat;
}
.footerIa .fax {
position: relative;
padding: 10px 0;
padding-left: 38px;
white-space: nowrap;
}
.footerIa .fax:before {
content: "";
position: absolute;
left: 0;
/*===Modify on 20250221 by Netsoft===*/
width: 27px;
height: 27px;
/*===End Add===*/
background-image: url(../images/icon_footer_fax.png;vpn_img);
background-repeat: no-repeat;
}
.footerIa .email {
position: relative;
padding: 10px 0;
padding-left: 38px;
white-space: nowrap;
}
.footerIa .email:before {
content: "";
position: absolute;
left: 0;
width: 25px;
height: 25px;
background-image: url(../images/icon_footer_email.png;vpn_img);
background-repeat: no-repeat;
}
.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 {
/* 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;
/* width: 50%;
vertical-align: baseline;
padding-top: 24px;
text-align:center;*/ /*
margin-bottom: 30px;*/
font-size: 1.4em;
font-weight: bold;
display: inline-block;
}
body .footerArea .info > div {
padding-left: 5px;
}
body .footerArea .info > * {
/* display:inline-block;*/
}
.footerArea .ilRow {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 -12px;
}
.footerArea .ilRow > div {
display: inline-block;
padding: 0 12px;
vertical-align: middle;
}
body .footerArea ul.fMenu a {
/* color: #000;*/
color: #0d0f0e; /*
font-weight: bold;*/
text-decoration: none;
white-space: nowrap; /* 20030828 sitemap */
}
body .footerArea ul.fMenu {
margin-left: -35px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
body.englishVersion .footerArea ul.fMenu {
margin-left: -120px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
body .footerArea ul.fMenu > li {
padding-left: 20px; /*20px;
width:20%;*/
}
.footerArea ul.fMenu > li.my_menu6 {
display: none;
}
body .footerArea ul.fMenu > li,
body .footerArea .copyrightBar {
/* margin: 0;
/* display: inline-block;*/
vertical-align: top;
}
body .footerArea .copyrightBar {
/*margin-left: 10px;
float: left;*/ /*
margin-top: -8px;
margin-bottom: 10px;*/
}
.footerArea ul.fTool {
/* text-align: center;*/
list-style-type: none;
margin: 0 -12px;
padding: 0;
}
.footerArea ul.fTool > li {
display: inline-block;
}
.footerArea .info .fTool li a {
padding: 0 12px;
}
.footerArea .info2 .fTool li a {
padding: 0 40px 0 12px;
}
.footerArea .info3 {
text-align: center;
}
.footerArea .info3 > div {
display: inline-block;
padding: 0 12px;
}
.copyR {
/* text-align: center;
margin-bottom:20px;*/
}
.copyR > div {
display: inline-block;
}
.copyR > div:nth-child(2) {
padding: 0 10px;
}
.copyrightBar img {
/* padding-left: 10px;*/
}
body #footer div.system {
width: 50%;
text-align: right;
float: right;
}
body #footer div.copyright {
width: 50%;
text-align: right;
float: right;
}
body #footer div.w3c {
/* position:absolute;
right:0;
top:50%;
transform: translateY(-50%);
/* text-align:center;
/* display: inline-block;
/* width: 50%;*/
/* float:right;
text-align: right;
padding-top: 0;
transform: translateY(-5px);*/
vertical-align: bottom;
display: inline-block;
}
body #footer div.w3c > div {
vertical-align: baseline;
display: inline-block;
padding: 0 20px;
margin: 0; /* vertical-align: middle;*/
}
body #footer div.w3c .copyrightBar img {
}
.footerArea .updateDate {
/*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,
.footerArea ul.fMenu li {
list-style-type: none; /* padding: 0;*/
}
.footerArea ul.fMenu {
font-size: 1.4em;
}
.footerArea ul.fMenu li {
/* padding-bottom:.1em;*/
}
.footerArea .fMenu > li {
display: inline-block;
zoom: 1;
display: inline;
}
.footerArea .fMenu > li a {
display: block;
margin: 0;
padding: 4px 12px; /* 20240105 4px 2px */
}
.footerArea .fMenu > li > a {
/* font-size:1.4em;*/
font-weight: bold;
}
.footerArea .fMenu > li > .extmenu {
/* font-size:1.2em;*/
}
.footerArea .fMenu > li > a > span {
position: relative;
}
.footerArea .fMenu > li > a > span:before {
/* content:'';
position:absolute;
left: -14px;
top: 0;
width: 6px;
height: 16px;
background-color: #f8d811;*/
}
.footerArea .fMenu > li .firstItem {
margin-left: 0;
}
.footerArea .fMenu > li .lastItem {
margin-right: 0;
}
.footerLeft {
float: left;
}
.footerRight {
float: right;
}
/*
.footerArea .fMenu{color:#a6c3e0; margin-bottom:10px;}
.footerArea .fMenu a:link, .footerArea .fMenu a:visited{color:#a6c3e0;text-decoration:none;}
.footerArea .fMenu a:hover, .footerArea .fMenu a:focus, .footerArea .fMenu a:active, .footerArea .fMenu a.active_section{text-decoration:underline;}*/
.copyRight {
margin-bottom: 10px;
display: block;
text-align: left;
}
.myheaderTool {
position: static;
display: inline-block;
padding-top: 30px;
}
.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;vpn_img);
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;*/
}
/*.indexVersion div.btmNav{
display:none;
}*/
.backBtn {
display: inline-block;
/*background-image: url(../images/btn_back.png;vpn_img);
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: inline-block;
float: right;
/*padding: 7px 12px;*/ /*
color: #3e5259;
margin: 0;
/* background-color: #3e535a;*/ /*
float: right;*/ /*
font-weight: bold;/*float:left;*/ /*background-image: url(../images/btn_top.png;vpn_img);*/ /*
background-repeat: no-repeat;
float: right;
padding: 7px 12px;
color: #172e4d;
margin:0;
background-color: #FAB965;
font-weight:bold;*/
/*position: absolute;
right: 0;
top: 0;/*
margin-top: -40px;
transform: translateY(-50%);*/
position: fixed;
right: 10px;
bottom: 10px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.scrolled .topBtn {
opacity: 1;
}
.backBtn a {
position: relative;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #514d4e;
display: block; /*
padding: 5px 7px 8px 7px;
background-color: #446993;
border-radius: 4px;
color: #FFF !important;/*color: #172e4d;*/ /*margin-left: 25px;*/
}
.backBtn a img {
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, 50%);
max-width: none;
}
.backBtn a:hover,
.backBtn a:focus {
text-decoration: none;
}
.topBtn a {
position: relative;
/* width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #514d4e;*/
display: block; /*
background-color: #004586;
color: #FFF !important;
border-radius: 100px;*/
}
.topBtn a img {
/*
transform: translate(0, 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;vpn_img);
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;*/
vertical-align: text-top;
}
.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; /*
float:left;*/
/* font-weight:bold;*/
font-size: 1.7em;
border-bottom: solid 1px #cbcbcb;
padding-bottom: 5px;
border-radius: 0;
}
.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: #345598 !important;
}
.breadcrumb ul {
/* margin-left: .2em;*/
}
.breadcrumb ul li {
/*
padding:1em 0;*/
}
.breadcrumb ul li br {
display: none;
}
.breadcrumb ul li span,
.bodyArea .breadcrumb span {
color: #444 !important;
padding: 0 6px; /*color:#f00;
font-weight:bold;*/
}
.indexVersion .breadcrumb {
display: none;
}
.extIndex .breadcrumb {
display: none;
}
.qrcode {
position: relative;
margin-right: 10px;
}
.qrcode > a {
position: absolute;
top: 20px;
right: 0;
display: inline-block;
}
.listStyleInline {
display: inline;
padding: 0;
}
.listStyleInline li,
.listStyleInline li > *,
.listStyleInline li > a {
margin: 0 1px;
padding: 0;
float: none;
display: inline;
}
/*=============Header============*/
.mainHeader {
/*margin: 4px 10px 10px 10px;*/
/*position: relative;
/*padding-top: 70px;
min-height: 302px;*/ /*
background-repeat: no-repeat;
background-position: right bottom;
max-height:215px;*/
}
.mainHeader:before {
/* content:" ";
position:absolute;
left:0;
right:0;
height:215px;
background-image:url('../images/bg_header.jpg;vpn_img');
background-repeat:repeat-x;
background-position:bottom;
z-index:3100;*/
}
.mainHeader h1 {
/* background-image: url('../images/banner_sec1_v2.png;vpn_img');*/
background-repeat: no-repeat;
background-position: right bottom;
}
.mainHeader.section0 h1 {
/* background-image: url('../images/banner_sec1_v2.png;vpn_img');*/
}
.mainHeader.section1 h1 {
/* background-image: url('../images/banner_sec1_v2.png;vpn_img');*/
}
.mainHeader.section2 h1 {
/*background-image: none;
padding:43px 0;*/
/* background-image: url('../images/banner_sec2_v2.png;vpn_img');*/
}
/*.mainHeader.section2:before{
height:121px;
background-image:url('../images/bg_header2.jpg;vpn_img');
}
.mainHeader.section3 h1{
background-image: url('../images/banner_sec3_v2.png;vpn_img');
}
.mainHeader.section4 h1{
background-image: url('../images/banner_sec4_v2.png;vpn_img');
}
.mainHeader.section5 h1{
background-image: url('../images/banner_sec5_v2.png;vpn_img');
}
.mainHeader.section6 h1{
background-image: url('../images/banner_sec6_v2.png;vpn_img');
}
.mainHeader.section7 h1{
background-image: url('../images/banner_sec7_v2.png;vpn_img');
}
.mainHeader.section8 h1{
background-image: url('../images/banner_sec8_v2.png;vpn_img');
}
.mainHeader.section9 h1{
background-image: url('../images/banner_sec9_v2.png;vpn_img');
}*/
.mainHeader.section1 h1 {
/* text-shadow: 2px 2px 4px #125611;*/
}
.mainHeader h1 {
text-align: left;
margin: 0px;
font-weight: bold;
padding: 90px 0;
color: #504098;
margin-top: 0;
position: relative;
z-index: 3500;
}
.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 h3 {
/* color: #073e7f;*/
font-size: 1.2em;
font-weight: bold;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
/* padding-bottom:12px;
/* margin-left:10px;*/
margin-bottom: 6px; /*
border-bottom: 4px solid #50b99b;*/
}
.mainContent h2.alter {
color: #166867;
}
.mainContent h2.alter2 {
color: #0b4b71;
margin-bottom: 1rem;
font-size: 1.5em;
}
/*=========mainContent=============*/
body #wrap .bodyArea .container:nth-child(2) {
padding: 25px 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 {
/*z-index: 3000;/*
background-color:#ebf3f6;*/
position: relative;
/* background-color:#f4f4f4;
background-color:#f3f4f6;*/
background-color: #f8fcff;
}
.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;vpn_img);
background-repeat: repeat-y;
background-position: 185px 0;
position: relative;
}
*/
.table_photo tr td {
padding: 15px 15px;
font-size: 1em;
line-height: 1.5em;
border: 1px solid #eceeee;
}
.table_student {
border-width: 5px;
border-color: grey;
border-style: dotted;
font-size: 1em;
line-height: 1.5em;
}
.table_header {
border: 1px none #6a7499;
border-collapse: collapse;
padding: 10px 15px;
background-color: #622a8b;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 1em;
}
.table_header_2 {
border: 1px none #6a7499;
border-collapse: collapse;
padding: 10px 15px;
background-color: #32a1bd;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 1em;
}
.cap_text {
font-size: 0.9em;
}
.titleBlue {
color: #203682;
font-size: 1.6em;
font-weight: bold;
border-bottom: #203682 1px solid;
padding-bottom: 5px;
margin-bottom: 20px;
}
.rightBtn {
float: right;
z-index: 7500;
position: relative;
padding-bottom: 5px;
}
.blueBtn img {
opacity: 0.7;
filter: alpha(opacity=70); /*background-color:#7c9fc7;*/
}
.blueBtnOn img {
opacity: 1;
filter: alpha(opacity=100); /*background-color:#006cae;*/
}
.indexContent,
.whatIsNew,
.eventCalender {
display: inline-block;
zoom: 1;
display: inline;
}
.indexContent {
width: 38%;
}
.whatIsNew,
.eventCalender {
width: 405px; /*margin-left:2%;*/
}
.whatIsNew ul {
margin: 0;
padding: 0;
color: #006ab6;
}
.whatIsNew ul > li {
margin: 25px 0;
}
.whatIsNew ul .newsDate {
color: #3e5259;
}
.eventCalender .event_tit {
font-weight: bold;
color: #3e5259;
}
.eventCalender .event_tit.holiday {
color: #f00;
}
.eventCalender ul {
margin: 0;
padding: 0;
margin-left: 15px;
color: #006ab6;
}
.eventCalender ul > li {
margin: 5px 0;
}
.eventCalender .eventList > div {
padding: 10px;
}
.eventCalender .bgColorZe {
background-color: #edf1f4;
}
/*==============================*/
.headerArea {
position: relative;
z-index: 7000; /* height:350px;
border-top-width: 0;
border-top-style: solid;
border-top-color: #072465;*/
}
.headerArea:before {
/*
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
height: 350px;
background-color: transparent;
background-image: linear-gradient(rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%);
z-index:-1;
-webkit-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
-moz-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
-ms-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
-o-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;*/
}
.headerArea:after {
/* content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;/*
background-image: url(../images/bg_header.jpg;vpn_img);*/ /*
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
z-index:-2;*/
}
.headerArea .headerTool {
width: 100%;
max-width: 100%; /*
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 {
height: auto;
}
.indexVersion .headerArea:before,
.indexVersion .headerArea.fixed:before,
.indexVersion .headerArea:after {
display: none;
}
.indexVersion .headerArea .headerTool {
position: static;
width: auto;
left: auto;
transform: none;
}
.indexVersion .headerArea .headerTool .headerNav {
max-width: none;
}
.headerArea.fixed .myLogo {
margin-top: -12px;
}
.headerArea .myLogo .logo_0 > a > img {
}
.headerArea.fixed .myLogo .logo_0 > a > img {
max-width: 355px;
max-height: 80px;
width: auto;
height: auto;
padding: 12px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.headerArea.fixed .headerTop {
min-height: 60px;
}
.headerArea .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 .headerTool .searchTool input {
font-weight: normal;
}
.headerArea {
font-size: 1.13em;
}
/*.headerArea, footerArea
{
font-size: .7em;
}*/
.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: left;
margin: auto -40px;
/*padding-bottom: 50px;
padding-top: 10px;*/
padding: 40px 0; /* float: left;*/
}
.footerBanner #flexslider_footer {
background-color: transparent;
}
.footerBanner .slides > li {
/*
display: inline-block;
margin: 0;
width: 20%;*/
text-align: center;
}
.footerBanner .slides > li > a {
display: block;
/*padding: 0 40px;*/
width: 166px;
}
.footerBanner li img {
width: 100%; /* 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;vpn_img");
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;vpn_img);
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;vpn_img);
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;vpn_img);
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;vpn_img);
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;vpn_img);
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;vpn_img);
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;
}
.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;vpn_img);
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;vpn_img);
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;vpn_img);*/
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;vpn_img);
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;
}
.subMenu > li > a.leftbtn.active_sub_section {
color: #c40843;
}
.subMenu > li a.leftbtn.active_sub_section {
color: #c40843;
}
.panel-body h3 {
text-align: justify;
}
.table_sub_title {
font-weight: bold !important;
}
.alerts .cont:after {
content: " ";
clear: both;
display: block;
}
.headerArea .headerArea1 {
background-color: #fff;
min-height: 105px;
/*padding: 0 100px 20px 100px;*/
padding: 0 0 20px 0;
/* box-shadow: 0 0 10px -2px #000;*/
position: relative;
z-index: 100;
}
.headerArea .headerArea2 {
position: relative;
}
.headerArea .headerArea3 {
/*padding: 6px 100px;*/
background-color: #1FAF97; /*
background-image:url(../images/bg_menu.jpg;vpn_img);
background-repeat:repeat-x;*/
color: #030247;
}
.headerArea .headerArea3 > div {
text-align: left;
}
.headerArea .headerArea3 a {
color: #fff;
}
.weatherTool {
/* margin:0 -30px;
display: inline-block;*/
font-size: 1.6em;
font-weight: bold;
position: relative; /*
display: -webkit-flex;
display: -moz-flex;
display: flex;*/
}
/*.title{
font-size: 1.4em;
}*/
.weatherTool .weather_icon img {
width: 43px;
margin-right: 20px;
}
.weatherTool .weather_icon img:last-child {
margin-right: 0;
}
.weatherTool > div {
display: inline-block; /*
padding: 20px 20px;
position: relative;
vertical-align: baseline;
letter-spacing: 2px;*/
}
.weatherTool > a {
display: -webkit-flex;
display: -moz-flex;
display: flex;
color: #030247 !important;
}
.weatherTool > div,
.weatherTool > a > div {
display: inline-block;
}
.weatherTool .weatherToolColumn > div {
display: inline-block;
padding: 20px 20px;
position: relative;
vertical-align: baseline;
letter-spacing: 2px;
}
.weatherTool .weatherToolColumn > div.weather_icon {
display: block;
}
.weatherTool .weather_icon {
padding: 20px 0;
}
@media print, screen and (max-width: 767px) {
.weatherTool > div.weather_date {
/* margin-left: 3em;*/
}
.weatherTool .weather_icon {
float: left;
}
.weatherTool .weather_icon img {
/*margin-top:10px;*/
}
}
/*.weatherTool>div:nth-child(1){
padding: 0 0 0 20px;
}*/
.weather_temp .weather_img {
margin-right: 20px;
padding-top: 0px;
margin-top: 0px;
}
.weather_temp .weather_img img {
vertical-align: middle;
width: 43px;
margin-top: 0px;
}
.weatherTool > div.weather_temp {
/*padding-left: 80px;*/
}
.weatherTool > div.weather_humi:after {
content: "";
position: absolute;
right: 0;
top: 30%;
bottom: 30%;
width: 3px;
background-color: #030247;
}
.weatherTool > div.weather_img:after,
.weatherTool > div:last-child:after {
display: none;
}
.weatherTool > div.weather_date span {
color: #d40606;
}
/* event tool en 2 */
.eventTool_grp4 {
margin: 0 auto 30px auto;
font-size: 1.2em;
padding: 3px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0px 15px;
}
.eventTool_grp4 > div {
/*padding: 0 6px;*/
margin-top: 10px;
}
.eventTool_grp4 > div > div {
padding: 16px 20px 16px 80px;
position: relative;
background-color: #fa7564;
border-radius: 100px;
text-align: left;
white-space: nowrap;
max-width: 800px;
min-width: 200px;
overflow: hidden;
}
.eventTool_grp4 > div > div:before {
content: "";
position: absolute;
left: 0px;
width: 70px;
height: 70px;
background-position: center center;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
background-color: #c4584a;
border-radius: 100px;
}
.eventTool_grp4 > div a {
color: #fff;
font-size: 1.3em;
font-weight: bold;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
overflow: hidden;
min-width: 150px;
max-width: 800px;
font-size: clamp(0.8em, 1.3em, 2vw);
}
.eventTool_grp4 > div a:hover {
text-decoration: none;
}
.eventTool_grp4 > div:nth-child(1) > div {
background-color: #1536bb;
border-bottom: 1px solid #07218b;
}
.eventTool_grp4 > div:nth-child(2) > div {
background-color: #7a008f;
border-bottom: 1px solid #4e0161;
}
.eventTool_grp4 > div:nth-child(1) > div:before {
background-image: url(../images/weather/icon_event_2.png;vpn_img);
background-color: #11236b;
}
.eventTool_grp4 > div:nth-child(2) > div:before {
background-image: url(../images/weather/icon_event_4.png;vpn_img);
background-color: #62007b;
}
@media screen and (max-width: 767px) {
#hidden1 {
display: none;
}
.eventTool_grp4{
width:100%;
}
}
.column-img {
float: left;
width: 50%;
padding: 10px 10px 30px 10px;
}
@media screen and (min-width: 767px) {
#hidden2 {
display: none;
}
.eventTool_grp4{
width:100%;
}
}
.column-img2 {
padding: 10px 0px;
}
/* event tool en 0*/
.eventTool_grp3 {
margin: 20px auto 0px auto;
font-size: 1.2em;
padding: 3px 0 3px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px 15px;
}
.eventTool_grp3 > div {
/*padding: 0 6px;*/
margin-top: 10px;
}
.eventTool_grp3 > div > div {
padding: 16px 20px 16px 80px;
position: relative;
background-color: #fa7564;
border-radius: 100px;
text-align: left;
white-space: nowrap;
max-width: 500px;
min-width: 200px;
overflow: hidden;
}
.eventTool_grp3 > div > div:before {
content: "";
position: absolute;
left: 0px;
width: 70px;
height: 70px;
background-position: center center;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
background-color: #c4584a;
border-radius: 100px;
}
.eventTool_grp3 > div a {
color: #fff;
font-size: 1.3em;
font-weight: bold;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
overflow: hidden;
min-width: 150px;
max-width: 500px;
font-size: clamp(0.8em, 1.3em, 2vw);
}
.eventTool_grp3 > div a:hover {
text-decoration: none;
}
.eventTool_grp3 > div:nth-child(1) > div {
background-color: #fe2f07;
border-bottom: 1px solid #c72a0b;
}
.eventTool_grp3 > div:nth-child(2) > div {
background-color: #008055;
border-bottom: 1px solid #005434;
}
.eventTool_grp3 > div:nth-child(1) > div:before {
background-image: url(../images/smart_silver_icon.png;vpn_img);
background-color: #c72a0b;
}
.eventTool_grp3 > div:nth-child(2) > div:before {
background-image: url(../images/weather/icon_event_1.png;vpn_img);
background-color: #018d73;
}
@media screen and (max-width: 767px) {
#hidden1 {
display: none;
}
.eventTool_grp3{
width:100%;
padding: 60px 0 0 0;
}
}
.column-img {
float: left;
width: 50%;
padding: 10px 10px 30px 10px;
}
@media screen and (min-width: 767px) {
#hidden2 {
display: none;
}
.eventTool_grp3{
width:100%;
}
}
.column-img2 {
padding: 10px 0px;
}
/*END event tool en 0*/
/* event tool 0*/
.eventTool_grp1 {
margin: 0 auto 10px auto;
font-size: 1.2em;
padding: 3px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px 15px;
}
.eventTool_grp1 > div {
/*padding: 0 6px;*/
margin-top: 10px;
}
.eventTool_grp1 > div > div {
padding: 16px 20px 16px 80px;
position: relative;
background-color: #fa7564;
border-radius: 100px;
text-align: left;
white-space: nowrap;
max-width: 500px;
min-width: 200px;
overflow: hidden;
}
.eventTool_grp1 > div > div:before {
content: "";
position: absolute;
left: 0px;
width: 70px;
height: 70px;
background-position: center center;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
background-color: #c4584a;
border-radius: 100px;
}
.eventTool_grp1 > div a {
color: #fff;
font-size: 1.3em;
font-weight: bold;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
overflow: hidden;
min-width: 150px;
max-width: 500px;
font-size: clamp(0.8em, 1.3em, 2vw);
}
.eventTool_grp1 > div a:hover {
text-decoration: none;
}
.eventTool_grp1 > div:nth-child(1) > div {
background-color: #fe2f07;
border-bottom: 1px solid #c72a0b;
}
.eventTool_grp1 > div:nth-child(2) > div {
background-color: #008055;
border-bottom: 1px solid #005434;
}
.eventTool_grp1 > div:nth-child(1) > div:before {
background-image: url(../images/smart_silver_icon.png;vpn_img);
background-color: #c72a0b;
}
.eventTool_grp1 > div:nth-child(2) > div:before {
background-image: url(../images/weather/icon_event_1.png;vpn_img);
background-color: #018d73;
}
@media screen and (max-width: 767px) {
#hidden1 {
display: none;
}
.eventTool_grp1{
width:100%;
}
}
.column-img {
float: left;
width: 50%;
padding: 10px 10px 30px 10px;
}
@media screen and (min-width: 767px) {
#hidden2 {
display: none;
}
.eventTool_grp1{
width:100%;
}
}
.column-img2 {
padding: 10px 0px;
}
/*END event tool 0*/
/* event tool*/
.eventTool_grp2 {
margin: 0 auto 30px auto;
font-size: 1.2em;
padding: 3px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.eventTool_grp2 > div {
/*padding: 0 6px;*/
margin-bottom: 15px;
}
.eventTool_grp2 > div > div {
padding: 16px 20px 16px 80px;
position: relative;
background-color: #fa7564;
border-radius: 100px;
text-align: left;
white-space: nowrap;
max-width: 500px;
min-width: 200px;
overflow: hidden;
}
.eventTool_grp2 > div > div:before {
content: "";
position: absolute;
left: 0px;
width: 70px;
height: 70px;
background-position: center center;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
background-color: #c4584a;
border-radius: 100px;
}
.eventTool_grp2 > div a {
color: #fff;
font-size: 1.3em;
font-weight: bold;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
overflow: hidden;
min-width: 150px;
max-width: 350px;
font-size: clamp(0.8em, 1.3em, 2vw);
}
.eventTool_grp2 > div a:hover {
text-decoration: none;
}
.eventTool_grp2 > div:nth-child(1) > div {
background-color: #1536bb;
border-bottom: 1px solid #07218b;
}
.eventTool_grp2 > div:nth-child(2) > div {
background-color: #7a008f;
border-bottom: 1px solid #4e0161;
}
.eventTool_grp2 > div:nth-child(3) > div {
background-color: #ff4300;
border-bottom: 1px solid #c93a06;
}
.eventTool_grp2 > div:nth-child(1) > div:before {
background-image: url(../images/weather/icon_event_2.png;vpn_img);
background-color: #11236b;
}
.eventTool_grp2 > div:nth-child(2) > div:before {
background-image: url(../images/weather/icon_event_4.png;vpn_img);
background-color: #62007b;
}
.eventTool_grp2 > div:nth-child(3) > div:before {
background-image: url(../images/digital_tips2.png;vpn_img);
background-color: #ce3a05;
}
@media screen and (max-width: 767px) {
#hidden1 {
display: none;
}
.eventTool_grp2{
width:100%;
}
}
.column-img {
float: left;
width: 50%;
padding: 10px 10px 30px 10px;
}
@media screen and (min-width: 767px) {
#hidden2 {
display: none;
}
.eventTool_grp2{
width:100%;
}
}
.column-img2 {
padding: 10px 0px;
}
/*END event tool*/
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;
}
/*============================*/
.tMenu.menuLv0 > li > a {
position: absolute;
}
.tMenu.menuLv0 > li > a.excLi:before {
/* content:" ";
display:block;
width:11px;
height:6px;
/* background-image:url(../images/icon_arrow.png;vpn_img);
background-repeat:no-repeat;
position:absolute;
left:0;
top:50%;
margin-top:-3px;*/
}
/*====================*/
.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: 0.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: 0.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;vpn_img);
}
.myboard_cu .my_mail:before {
background-image: url(../images/icon_mail.png;vpn_img);
}
.myboard_cu .my_fax:before {
background-image: url(../images/icon_fax.png;vpn_img);
}
.myboard_cu .my_loc:before {
background-image: url(../images/icon_loc.png;vpn_img);
}
/*======================*/
.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: 0.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: 0.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: 0.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 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.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;vpn_img");
background-repeat: no-repeat;
}
.active .expandable-title a:after {
background-image: url("../images/icon_expansion_on.png;vpn_img");
}
/*=============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 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.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, 0.85);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#close_up .area {
z-index: 9200;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 1000px;
max-width: 100%;
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 20px 40px 20px;
}
#close_up .area .main {
padding: 0;
position: relative;
text-align: center;
}
#close_up .area .main .left {
width: 40%;
float: left;
}
#close_up .area .main .right {
width: 60%;
float: right;
}
#close_up .area .main .img {
padding: 5px;
}
#close_up .area .main .img img {
width: 100%;
}
#close_up .area .main .caption {
padding: 5px;
}
#close_up .area .main .cont {
padding: 5px;
padding-left: 15px;
}
#close_up .area .main .cont p {
margin-bottom: 15px;
}
/*=================*/
.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;vpn_img);
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: 0.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: 0.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(0, 0, 255, 0);
}
.subMenu li > a:before {
content: " ";
position: absolute;
top: 12px;
left: 10px;
width: 7px;
height: 14px;
/* background-image:url('../images/icon_menu_arrow_left.png;vpn_img');*/
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: 0.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 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: 0;
}
#flexslider .flex-control-paging li a {
background: transparent;
text-indent: initial;
color: #444;
font-weight: bold;
font-size: 1.2em;
padding: 10px 16px;
width: auto;
height: auto;
box-shadow: none;
border-radius: 4px;
}
#flexslider .flex-control-paging li a.flex-active {
background-color: #fff;
}
#flexslider .flex-pauseplay a {
display: block;
width: auto;
height: auto;
position: absolute;
left: 13%;
bottom: 10px;
transform: translateY(-100%);
opacity: 0.9;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
padding: 10px 12px;
background-color: #fff;
border-radius: 4px;
font-size: 0;
}
#flexslider .flex-control-nav {
position: relative;
width: auto;
display: inline-block;
}
#flexslider .flex-control-nav > li {
}
#flexslider .flex_control_area {
/* text-align: center;*/
transform: translateY(-100%);
z-index: 100;
position: relative;
left: 13%;
margin-left: 40px;
bottom: -6px;
}
#flexslider .flex_control_area .prevBtn,
#flexslider .flex_control_area .nextBtn {
margin: 0 6px;
display: inline-block;
padding: 0 20px;
position: relative;
z-index: 100;
zoom: 1;
display: inline;
}
#flexslider .flex_control_area .prevBtn > a:before {
font-family: "flexslider-icon";
font-size: 15px;
display: inline-block;
content: "\f001";
color: rgba(21, 7, 7, 1);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#flexslider .flex_control_area .nextBtn > a:before {
font-family: "flexslider-icon";
font-size: 15px;
display: inline-block;
content: "\f002";
color: rgba(21, 7, 7, 1);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#flexslider .flex_control_area div.prevBtn > a,
#flexslider .flex_control_area div.nextBtn > a {
background: transparent;
text-indent: 0;
font-size: 0;
padding: 0 1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
box-shadow: none;
}
/*
.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;vpn_img");
background-repeat: no-repeat;
}
.sliderArea .flex-direction-nav a.flex-next:before {
content: " ";
background-image: url("../images/icon_arrow_slide_right.png;vpn_img");
}
/*=============================================*/
.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 0.2s;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.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: 55px;
height: 55px;
position: absolute;
left: 0;
top: 13px;
background-image: url(../images/btn_cdlist.png;vpn_img);
background-repeat: no-repeat;
}
.faq_list > ol > li.active:before {
background-image: url(../images/btn_cdlist_on.png;vpn_img);
}
.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 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.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;vpn_img);
background-repeat: no-repeat;
}
.my_roll_control .my_roll_next span {
background-image: url(../images/btn_control_next.png;vpn_img);
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;*/
}
body.englishVersion div.AStyleArea {
font-weight: normal;
}
div.language ul li > span[lang="en"] > a {
font-weight: normal;
}
.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;
}
.reports_list_layout ol {
counter-reset: item;
margin-bottom: 0;
}
.reports_list_layout li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}
.reports_table_layout td {
vertical-align: text-top;
}
.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: 0.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;vpn_img);
}
body a.pp_arrow_next {
background-image: url(../images/btn_arrow_next.png;vpn_img);
}
body .pp_content_container .pp_details {
margin: 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/icon_close.png;vpn_img);
background-repeat: no-repeat;
width: 20px;
height: 20px;
box-shadow: none;
background-color: #aaa;
top: -15px;
background-position: center center;
}
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: 68px;
height: 68px;
}
#flexslider .flexslider:hover .flex-direction-nav a {
opacity: 0.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;vpn_img);
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;vpn_img);
}
/*================*/
body .mainHeader.active {
display: block;
}
.section_left_banner {
float: left;
width: 360px;
margin-right: 25px;
}
.mainContent table td {
/*padding: 12px 20px;*/
padding: 12px 12px;
width: auto !important;
/*min-width: 160px;*/
vertical-align: top;
}
.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: 0.8em;
}
/*======================*/
.section_header_banner {
/* height:380px;
background-image:url(../images/header_banner/banner.jpg;vpn_img);
background-repeat:no-repeat;
background-position: center center;
background-size:cover;
position:relative;*/
}
.section_header_banner.section0 {
background-image: url(../images/header_banner/banner0.png;vpn_img);
}
.section_header_banner.section1 {
background-image: url(../images/header_banner/banner1.png;vpn_img);
}
.section_header_banner.section2 {
background-image: url(../images/header_banner/banner2.png;vpn_img);
}
.section_header_banner.section3 {
background-image: url(../images/header_banner/banner3.png;vpn_img);
/* leolee */
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.section_header_banner.section4 {
background-image: url(../images/header_banner/banner4.png;vpn_img);
}
.section_header_banner.section5 {
background-image: url(../images/header_banner/banner_gerontech.png;vpn_img);
}
.section_header_banner.section6 {
background-image: url(../images/header_banner/banner6.png;vpn_img);
}
.section_header_banner.section7 {
background-image: url(../images/header_banner/banner_help_desks.png;vpn_img);
}
body.englishVersion .section_header_banner.section7 {
background-image: url(../images/header_banner/banner_help_desks_en.png;vpn_img);
}
body.chineseVersion.simplify .section_header_banner.section7 {
background-image: url(../images/header_banner/banner_help_desks_sc.png;vpn_img);
}
.section_header_banner.section8 {
background-image: url(../images/header_banner/banner_smart_silver.png;vpn_img);
}
/*
.section_header_banner.section4.detail_cat_A {
background-image: url(../images/header_banner/course_banner_A.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_B {
background-image: url(../images/header_banner/course_banner_B.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_C {
background-image: url(../images/header_banner/course_banner_C.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_D {
background-image: url(../images/header_banner/course_banner_D.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_E {
background-image: url(../images/header_banner/course_banner_E.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_F {
background-image: url(../images/header_banner/course_banner_F.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_G {
background-image: url(../images/header_banner/course_banner_G.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_H {
background-image: url(../images/header_banner/course_banner_H.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_I {
background-image: url(../images/header_banner/course_banner_I.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_J {
background-image: url(../images/header_banner/course_banner_J.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_K {
background-image: url(../images/header_banner/course_banner_K.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_L {
background-image: url(../images/header_banner/course_banner_L.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_M {
background-image: url(../images/header_banner/course_banner_M.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_N {
background-image: url(../images/header_banner/course_banner_N.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_O {
background-image: url(../images/header_banner/course_banner_O.jpg;vpn_img);
}
.section_header_banner.section4.detail_cat_P {
background-image: url(../images/header_banner/course_banner_P.jpg;vpn_img);
}*/
.section_header_banner > .container {
position: relative;
height: 100%;
}
.section_header_banner .section_header {
color: #fff;
font-size: 4.4em;
font-weight: bold;
position: absolute;
bottom: 0;
}
.section_header_banner.section3 .section_header {
color: #fff;
font-size: 4.4em;
font-weight: bold;
position: absolute;
bottom: 0;
}
.section_header_banner.section3 .section_content {
background-color: rgba(0, 136, 214, 0.8);
color: #fff;
position: absolute;
left: 360px;
bottom: 15px;
padding: 38px 28px;
font-size: 1.8em;
font-weight: bold;
}
.chineseVersion .section_header_banner.section3 .section_content {
left: 180px;
}
/*================================*/
@font-face {
font-family: docons;
src: url(fonts/docons.eot?eeeafd68;vpn_img);
src: url(fonts/docons.eot?eeeafd68;vpn_img) format("embedded-opentype"),
url(fonts/docons.woff2?eeeafd68;vpn_img) format("woff2"),
url(fonts/docons.woff?eeeafd68;vpn_img) format("woff"),
url(fonts/docons.ttf?eeeafd68;vpn_img) format("truetype");
font-weight: 400;
font-style: normal;
}
.divTable {
border: 5px solid #2395dc;
display: table;
width: 100%;
margin-bottom: 2em;
min-width: 600px;
}
.divTable > div {
display: table-row;
background-color: #fff;
}
.divTable > div:nth-child(1) {
background-image: url(../images/bg_table_pattern1.png;vpn_img);
background-repeat: repeat;
}
.divTable > div > div {
display: table-cell;
border: 1px solid #2395dc;
padding: 12px 28px;
color: #2395dc;
min-width: 30%;
font-weight: bold;
}
.divTable > div > div a {
color: #2395dc;
position: relative;
word-break: break-all;
} /*
.divTable>div>div a:before {
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);
content: "\FF34";
font-size: 1.2rem;
font-weight: bold;
left: 100%;
top: 0;
padding: 0;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out,-webkit-transform .2s ease-out;
}*/
/*
.divTable>div>div.active a:before{
font-size: .66rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}*/
.divTable > div > div:nth-child(2) {
/* width:70%;*/
}
.divFlowchart > div {
position: relative;
padding: 12px 20px;
margin-bottom: 60px;
background-image: linear-gradient(to right, #ffff1b 50%, #d0e339 85%);
font-size: 1.4em;
font-weight: bold;
}
.divFlowchart > div:after {
content: "";
position: absolute;
width: 41px;
height: 41px;
left: 50%;
top: 100%;
transform: translate(-50%, 10px);
background-repeat: no-repeat;
background-image: url(../images/icon_fc_arrow.png;vpn_img);
}
.divFlowchart > div:last-child:after {
display: none;
}
.divFlowchart a {
color: #2395dc;
}
.divExpand {
background-color: #fff;
/*margin-bottom: 5px;
border: 1px solid #e8e8e8;*/
margin-bottom: 4px;
border: 1px solid #f0f0f0;
overflow: hidden;
}
.divExpand > div:nth-child(1) a {
display: block;
padding: 16px 20px;
position: relative;
font-size: 1.4em;
padding-right: 45px;
}
.divExpand > div:nth-child(1) a:after {
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: 22px;
top: 22px;
padding: 0;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.2s ease-out, color 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out, color 0.2s ease-out;
transition: transform 0.2s ease-out, color 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out,
color 0.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(270deg);
transform: rotate(270deg);
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;
}
.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 20px;
}
/*=====================================*/
body .mainContent h1 {
/*
background-color: #781997;
color: #fdfa00;
padding: 4px 8px;
font-size: 4em;*/ /*
font-size: 2.5em;
margin-bottom: 10px;/*
background-image:url(../images/employer/purple_bar.png;vpn_img);
background-repeat:no-repeat;
background-position:right center;
background-size: auto 100%;*/
font-weight: bold;
line-height: normal;
font-size: 1.6em;
color: #307f2e;
margin-bottom: 20px;
}
body .mainContent h2 {
font-size: 1em;
font-weight: bold;
}
body .mainContent h1.empr_title {
background-color: #781997;
color: #fdfa00;
padding: 4px 8px;
font-size: 1.8em;
margin-bottom: 1em;
background-image: url(../images/employer/purple_bar.png;vpn_img);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
font-weight: normal;
line-height: normal;
}
.empr_list {
}
.empr_list > ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.empr_list > ul > li {
margin: 0;
display: inline-block;
width: 25%; /*
padding-top:24%;*/
position: relative;
min-width: 300px;
min-height: 288px;
}
.empr_list .elist_bg {
position: absolute;
left: 20px;
right: 20px;
top: 15px;
bottom: 15px;
background-image: url(../images/employer/employer_icon_01.png;vpn_img);
background-repeat: no-repeat;
background-position: top center;
background-color: #fff;
box-shadow: 2px 2px 12px -2px #000;
z-index: 10;
}
.empr_list .elist_cont {
position: absolute;
background-color: #0088d6;
left: 5px;
right: 5px;
bottom: 22px;
height: 78px;
z-index: 20;
}
.empr_list .elist_cont:before {
content: "";
position: absolute;
left: 0;
top: 100%;
border-left: 15px solid transparent;
border-top: 7px solid #025684;
}
.empr_list .elist_cont:after {
content: "";
position: absolute;
right: 0;
top: 100%;
border-right: 15px solid transparent;
border-top: 7px solid #025684;
}
.empr_list .elist_order {
position: absolute;
top: -18px;
left: 15px;
border-radius: 100px;
background-color: #fefa01;
color: #514d4e;
border: 3px solid #fff;
width: 42px;
height: 42px;
line-height: 36px;
text-align: center;
font-size: 1.8em;
}
.empr_list .elist_title {
position: absolute;
top: 50%;
left: 65px;
right: 15px;
transform: translate(0, -50%);
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
.englishVersion .empr_list .elist_title {
line-height: 1.2em;
}
.empr_list .elist_1 .elist_bg {
background-image: url(../images/employer/employer_icon_01.png;vpn_img);
}
.empr_list .elist_2 .elist_bg {
background-image: url(../images/employer/employer_icon_02.png;vpn_img);
}
.empr_list .elist_3 .elist_bg {
background-image: url(../images/employer/employer_icon_03.png;vpn_img);
}
.empr_list .elist_4 .elist_bg {
background-image: url(../images/employer/employer_icon_04.png;vpn_img);
}
.empr_list .elist_5 .elist_bg {
background-image: url(../images/employer/employer_icon_05.png;vpn_img);
}
.empr_list .elist_6 .elist_bg {
background-image: url(../images/employer/employer_icon_06.png;vpn_img);
}
.empr_list .elist_7 .elist_bg {
background-image: url(../images/employer/employer_icon_07.png;vpn_img);
}
.empr_list .elist_8 .elist_bg {
background-image: url(../images/employer/employer_icon_08.png;vpn_img);
}
/*
.empr_list .elist_mask a{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:30;
text-decoration:none;
}*/
.empr_title2 {
padding-right: 20px;
color: #781997;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1em;
}
.empr_list2 {
padding-right: 20px;
}
.empr_list2 > ul {
list-style: none;
padding: 0;
margin: 0;
max-width: 175px;
}
.englishVersion .empr_list2 > ul {
max-width: 250px;
}
.empr_list2 > ul > li {
margin: 0;
display: block;
position: relative;
height: 72px;
}
.empr_list2 > ul > li:after {
content: "";
position: absolute;
right: 20px;
top: 0;
bottom: 0;
width: 3px;
background-color: #2393db;
z-index: 10;
}
.empr_list2 > ul > li:last-child:after {
display: none;
}
.empr_list2 > ul > li > a {
text-align: right;
display: block;
position: relative;
z-index: 20;
}
.empr_list2 .elist_title {
position: absolute;
display: block;
height: auto;
left: 0;
right: 50px;
top: 21px;
transform: translateY(-50%);
font-weight: bold;
}
.empr_list2 > ul > li > a.active {
color: #2393db;
}
.empr_list2 .elist_order {
position: absolute;
top: 0;
right: 0;
border-radius: 100px;
background-color: #fff;
color: #514d4e;
border: 3px solid #b7b7b7;
width: 42px;
height: 42px;
line-height: 36px;
text-align: center;
font-size: 1em;
}
.empr_list2 .active .elist_order {
background-color: #fefa01;
color: #514d4e;
border: 3px solid #fff;
}
/*==*/
.empe_section {
padding: 20px 0;
}
.empe_section.section1 {
background-image: url(../images/bg_pattern.png;vpn_img);
background-repeat: repeat;
background-color: #a3d5ba;
}
.empe_section.section2 {
background-color: #efdfa4;
}
.empe_section.section3 {
background-image: url(../images/bg_pattern.png;vpn_img);
background-repeat: repeat;
background-color: #e4f1ea;
margin-bottom: -60px;
padding-bottom: 60px;
}
.empe_index {
margin-bottom: 20px;
}
.empe_index > ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.empe_index > ul > li {
margin: 0;
display: inline-block;
width: 33.333%; /*
padding-top:24%;*/
position: relative;
min-height: 400px;
min-width: 400px;
position: relative;
}
.empe_index > ul > li > a {
display: block;
position: absolute;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
background-image: url(../images/employee/green_box.jpg;vpn_img);
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff !important;
font-size: 1.2em;
font-weight: bold;
}
.empe_index > ul > li > a > span:nth-child(1) {
position: absolute;
width: 250px;
height: 250px;
right: 0;
bottom: 0;
background-repeat: no-repeat;
}
.empe_index > ul > li:nth-child(1) > a > span:nth-child(1) {
background-image: url(../images/employee/employee_green_icon_01.png;vpn_img);
}
.empe_index > ul > li:nth-child(2) > a > span:nth-child(1) {
background-image: url(../images/employee/employee_green_icon_02.png;vpn_img);
}
.empe_index > ul > li:nth-child(3) > a > span:nth-child(1) {
background-image: url(../images/employee/employee_green_icon_03.png;vpn_img);
}
.empe_index > ul > li > a > span:nth-child(2) {
position: absolute;
left: 10px;
top: 10px;
right: 10px;
font-size: 2em;
}
.empe_index > ul > li > a > span:nth-child(3) {
position: absolute;
display: block;
padding: 8px 12px;
left: 25%;
top: 100%;
right: 25%;
background-color: #058ddb;
transform: translate(0, -50%);
text-align: center;
}
.empe_list {
}
.empe_list > ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.empe_list > ul > li {
margin: 0;
display: inline-block;
width: 25%; /*
padding-top:24%;*/
position: relative;
min-width: 300px;
min-height: 288px;
}
.empe_list .elist_bg {
position: absolute;
left: 20px;
right: 20px;
top: 15px;
bottom: 15px;
border-top: 10px;
background-image: url(../images/employer/employer_icon_01.png;vpn_img);
background-repeat: no-repeat;
background-position: top center;
background-color: #fff;
box-shadow: 2px 2px 12px -2px #000;
z-index: 10;
}
.empe_list .elist_cont {
position: absolute;
background-color: #8b4da0;
left: 5px;
right: 5px;
bottom: 22px;
height: 78px;
z-index: 20;
}
.empe_list .elist_cont:before {
content: "";
position: absolute;
left: 0;
top: 100%;
border-left: 15px solid transparent;
border-top: 7px solid #672e81;
}
.empe_list .elist_cont:after {
content: "";
position: absolute;
right: 0;
top: 100%;
border-right: 15px solid transparent;
border-top: 7px solid #672e81;
}
.empe_list .elist_title {
position: absolute;
top: 50%;
left: 25px;
right: 25px;
transform: translate(0, -50%);
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
.englishVersion .empe_list .elist_title {
line-height: 1.2em;
}
.section1 .empe_list .elist_1 .elist_bg {
background-image: url(../images/employee/employee_icon_01.png;vpn_img);
}
.section1 .empe_list .elist_2 .elist_bg {
background-image: url(../images/employee/employee_icon_02.png;vpn_img);
}
.section2 .empe_list .elist_1 .elist_bg {
background-image: url(../images/employee/employee_icon_03.png;vpn_img);
}
.section2 .empe_list .elist_2 .elist_bg {
background-image: url(../images/employee/employee_icon_04.png;vpn_img);
}
.section2 .empe_list .elist_3 .elist_bg {
background-image: url(../images/employee/employee_icon_05.png;vpn_img);
}
.section2 .empe_list .elist_4 .elist_bg {
background-image: url(../images/employee/employee_icon_06.png;vpn_img);
}
.section3 .empe_list .elist_1 .elist_bg {
background-image: url(../images/employee/employee_icon_07.png;vpn_img);
}
.section3 .empe_list .elist_2 .elist_bg {
background-image: url(../images/employee/employee_icon_08.png;vpn_img);
}
.section3 .empe_list .elist_3 .elist_bg {
background-image: url(../images/employee/employee_icon_09.png;vpn_img);
}
.section3 .empe_list .elist_4 .elist_bg {
background-image: url(../images/employee/employee_icon_10.png;vpn_img);
}
.section3 .empe_list .elist_5 .elist_bg {
background-image: url(../images/employee/employee_icon_11.png;vpn_img);
}
/*==*/
.div_1_4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.div_1_4 > div:nth-child(1) {
width: 25%;
}
.div_1_4 > div:nth-child(2) {
width: 75%;
}
.empr_boxlist > ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
}
.empr_boxlist > ul > li {
margin: 0;
padding: 10px;
width: 20%;
display: inline-block;
vertical-align: top;
min-width: 180px;
}
.empr_boxlist > ul > li > div {
background-color: #fff;
box-shadow: 0 0 12px -2px #000;
padding: 20px;
height: 115px;
text-align: center;
}
.englishVersion .empr_boxlist > ul > li > div {
padding: 20px 12px;
}
.empr_boxlist > ul > li img {
display: block;
margin: auto;
margin-bottom: 30px;
}
.empr_boxlist > ul > li > div > div {
transform: translateY(-50%);
text-align: center;
}
.divTable2 {
border: 5px solid #2395dc;
display: table;
width: 100%;
margin-bottom: 1em;
}
.divTable2 > div {
display: table-row;
background-color: #fff;
}
.divTable2 > div > div:nth-child(1) {
color: #2395dc;
font-weight: bold;
}
.divTable2 > div:nth-child(odd) > div:nth-child(1) {
background-image: url(../images/bg_table_pattern1.png;vpn_img);
background-repeat: repeat;
}
.divTable2 > div > div {
display: table-cell;
border: 1px solid #2395dc;
padding: 12px 28px;
width: 30%;
}
.divTable2 > div > div a {
position: relative;
color: #bb370f;
}
.divTable2 > div > div a:before {
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: #2395dc;
content: "\FF34";
font-size: 1.2rem;
font-weight: bold;
left: 100%;
top: 0;
padding: 0;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.divTable2 > div > div li > a:before {
display: none;
}
.divTable2 > div > div:nth-child(2) {
width: 70%;
}
.mainContent .divTable2 ul {
margin: 0;
padding: 0;
}
.mainContent .divTable2 ul > li {
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.mainContent .divTable2 p {
margin-bottom: 10px;
}
.empr_pagebtn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 0.5em;
margin-bottom: 1.5em;
}
.empr_pagebtn > div:nth-child(1) {
width: 50%;
text-align: left;
}
.empr_pagebtn > div:nth-child(2) {
width: 50%;
text-align: right;
}
.empr_pagebtn > div > a {
vertical-align: middle;
font-weight: bold;
}
.empr_pagebtn > div:nth-child(1) > a:before {
content: "";
display: inline-block;
width: 41px;
height: 41px;
margin-right: 10px;
vertical-align: middle;
background-image: url(../images/employer/arrow_left.png;vpn_img);
background-repeat: no-repeat;
background-position: center center;
}
.empr_pagebtn > div:nth-child(2) > a:after {
content: "";
display: inline-block;
width: 41px;
height: 41px;
margin-left: 10px;
vertical-align: middle;
background-image: url(../images/employer/arrow_right.png;vpn_img);
background-repeat: no-repeat;
background-position: center center;
}
.empr_feedback {
background-color: #fff;
padding: 26px 30px;
box-shadow: 0 0 10px -3px #000;
}
.empr_feedback .empr_fbcont {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -13px;
}
.empr_feedback .empr_fbtit {
color: #169f43;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
.empr_feedback .empr_fbcont > div {
width: 33.33%;
padding: 0 13px;
}
.empr_feedback .empr_fbcont > div > div:nth-child(1) > a {
height: 146px;
overflow: hidden;
display: block;
}
.empr_feedback .empr_fbcont > div > div > a > img {
width: 100%;
height: auto;
}
.empr_feedback.interested_area .empr_fbcont > div > div:nth-child(1) > a {
height: 209px;
overflow: hidden;
display: block;
}
.empr_feedback.interested_area .empr_fbcont > div > div > a > img {
width: 100%;
height: auto;
}
.empr_feedback .empr_fbcont > div > div:nth-child(2) {
padding: 16px 18px;
padding-bottom: 30px;
background-color: #f6f6f6;
/*font-weight: bold;*/
min-height: 120px;
max-height: 100%; /*120px;*/
position: relative;
}
.empr_feedback .empr_fbcont > div > div:nth-child(2) > a {
position: absolute;
bottom: 8px;
right: 12px;
}
/*=====================================*/
.btmNavArea {
margin-top: 40px;
}
.indexVersion .btmNavArea {
margin-top: -49px;
}
.div_responsive-table {
overflow-x: auto;
width: 100%;
}
.div_responsive-table table {
min-width: 900px !important;
}
.mainContent table {
border: 5px solid #2395dc;
margin-bottom: 2em;
}
.mainContent table.common_table_1 th {
background-image: url(../images/bg_table_pattern1.png;vpn_img);
background-repeat: repeat;
}
.mainContent table.common_table_1 td {
background-color: #fff;
}
.mainContent table.common_table_1 th,
.mainContent table.common_table_1 td {
border: 1px solid #2395dc;
padding: 12px 28px;
color: #2395dc;
font-weight: bold;
min-width: 0;
}
.mainContent table.common_table_1 th a,
.mainContent table.common_table_1 td a {
color: #bb370f;
font-weight: bold;
}
.mainContent table.common_table_1 td ul li {
margin-top: 0;
}
/*===================================*/
.news_area > div {
padding: 20px 0;
border-bottom: 3px solid #a7a6ab;
line-height: 1.8em;
}
.news_area .title {
margin-bottom: 4px;
color: #0b4b71;
font-size: 1.4em;
font-weight: bold;
}
.news_area .date:before {
content: "";
display: inline-block;
vertical-align: text-bottom;
margin-right: 6px;
width: 22px;
height: 22px;
background-image: url(../images/icon_date.png;vpn_img);
background-repeat: no-repeat;
}
.news_area .cont {
margin-bottom: 20px;
}
.news_area .slider {
}
.news_area .flexslider {
background-color: transparent;
}
.news_area .flexslider > div {
height: 300px;
}
.news_area .flexslider ul,
.news_area .flexslider ol,
.news_area .flexslider li {
margin: 0;
padding: 0;
}
.news_area .flexslider ol.flex-control-nav {
position: relative;
width: auto;
display: inline-block;
line-height: normal;
vertical-align: middle;
}
.news_area .flexslider ol.flex-control-nav li {
margin: 0 3px;
}
.news_area .flexslider ul.flex-direction-nav {
display: none;
}
/*.news_area .flexslider ul.flex-direction-nav a{
font-size:0;
top: auto;
bottom: 0;
line-height: normal;
color:#e9b52b;
opacity: 1;
}
.news_area .flexslider ul.flex-direction-nav a:hover{
opacity: .8;
}*/
.news_area .flexslider ul.flex-direction-nav .flex-prev,
.news_area .flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
.news_area .flexslider ul.flex-direction-nav .flex-next,
.news_area .flexslider:hover ul.flex-direction-nav .flex-next {
right: 0;
}
.news_area .flexslider .flex-direction-nav a:before {
color: #e9b52b;
}
.news_area .flexslider .flex_control_area {
text-align: center;
margin-top: 20px;
}
.news_area .flexslider .flex_control_area .prevBtn,
.news_area .flexslider .flex_control_area .nextBtn {
margin: 0 6px;
display: inline-block;
zoom: 1;
display: inline;
vertical-align: middle;
}
.news_area .flexslider .flex_control_area .prevBtn {
float: left;
}
.news_area .flexslider .flex_control_area .nextBtn {
float: right;
}
.news_area .flexslider .flex_control_area .prevBtn > a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: "\f001";
color: #e9b52b;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.news_area .flexslider .flex_control_area .nextBtn > a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: "\f002";
color: #e9b52b;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.news_area .flexslider .flex_control_area div.prevBtn > a,
.news_area .flexslider .flex_control_area div.nextBtn > a {
background: transparent;
text-indent: 0;
font-size: 0;
padding: 0 1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
box-shadow: none;
}
.news_anchor {
background-color: #fff;
padding: 20px 28px;
background-image: url(../images/bg_pattern.png;vpn_img);
background-repeat: repeat-y;
background-position: right top;
}
.div_responsive-table > .common_table_1 ol ul {
list-style-type: disc;
}
/*===============================*/
.my_anchor_list {
background-color: #fff;
padding: 20px 28px;
background-image: url(../images/bg_pattern.png;vpn_img);
background-repeat: repeat-y;
background-position: right top;
margin-bottom: 20px;
}
.my_anchor_list ol {
font-size: 1.4em;
font-weight: bold;
color: #2395dc;
margin-bottom: 0;
}
.my_anchor_list ol a {
font-size: 0.71429em;
color: #4b4b4b;
}
.divFlowchart2 > div {
position: relative;
margin-bottom: 60px;
}
.divFlowchart2 > div:after {
content: "";
position: absolute;
width: 41px;
height: 41px;
left: 50%;
top: 100%;
transform: translate(-50%, 10px);
background-repeat: no-repeat;
background-image: url(../images/icon_fc_arrow.png;vpn_img);
}
.divFlowchart2 > div:last-child:after {
display: none;
}
.divFlowchart2 > div .title {
padding: 6px 20px;
background-image: linear-gradient(to right, #ffff1b 50%, #d0e339 85%);
font-size: 1.4em;
font-weight: bold;
color: #0b4b71;
position: relative;
}
.divFlowchart2 > div .title .my_order {
font-size: 2em;
color: #2395dc;
margin-right: 16px;
font-style: italic;
}
.divFlowchart2 > div .cont {
background-color: #e8f2d7;
padding: 28px 18px;
}
.divFlowchart2 > div:last-child .title:after {
content: "";
position: absolute;
right: 120px;
bottom: 0;
width: 212px;
height: 416px;
background-image: url(../images/others/careers.png;vpn_img);
background-repeat: no-repeat;
}
.divTable3 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border: 5px solid #2395dc;
width: 100%;
margin-bottom: 1em;
}
.divTable3 > div {
width: 50%;
background-color: #fff;
border: 1px solid #2395dc;
}
.divTable3 > div > div {
border-top: 1px solid #2395dc;
padding: 12px 28px;
color: #2395dc;
font-weight: bold;
}
.divTable3 > div > div:nth-child(1) {
background-image: url(../images/bg_table_pattern1.png;vpn_img);
background-repeat: repeat;
}
.prepara_icon_title > div > p {
position: relative;
vertical-align: middle;
font-weight: bold;
}
.prepara_icon_title > div > p:before {
content: "";
display: inline-block;
margin-right: 10px;
width: 76px;
height: 76px;
vertical-align: middle;
background-position: center center;
background-repeat: no-repeat;
}
.prepara_icon_title > div:nth-child(1) > p:before {
background-image: url(../images/others/icon_01.png;vpn_img);
}
.prepara_icon_title > div:nth-child(2) > p:before {
background-image: url(../images/others/icon_02.png;vpn_img);
}
.prepara_icon_title > div:nth-child(3) > p:before {
background-image: url(../images/others/icon_03.png;vpn_img);
}
.prepara_icon_title > div:nth-child(4) > p:before {
background-image: url(../images/others/icon_04.png;vpn_img);
}
.prepara_icon_title > div:nth-child(5) > p:before {
background-image: url(../images/others/icon_05.png;vpn_img);
}
.prepara_icon_title > div:nth-child(6) > p:before {
background-image: url(../images/others/icon_06.png;vpn_img);
}
.prepara_icon_title > div:nth-child(7) > p:before {
background-image: url(../images/others/icon_07.png;vpn_img);
}
/*======================*/
.news_anchor li {
height: 27px;
line-height: 27px;
}
.news_anchor span.new {
min-width: 27px;
min-height: 27px;
text-align: center;
margin-left: 10px;
display: inline-block;
font-weight: bold;
background-color: #c21717;
color: #fff;
border-radius: 100px;
border: 3px solid #ec7c7c;
border-style: outset;
position: relative;
transform: translateY(-10px);
line-height: normal;
}
.englishVersion .news_anchor span.new {
padding: 0 10px;
line-height: 1.2em;
}
.news_anchor span.new:after {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #b33535;
position: absolute;
left: 0;
top: 100%;
-webkit-transform: translate(-5px, 0px) rotate(45deg);
-moz-transform: translate(-5px, 0px) rotate(45deg);
-ms-transform: translate(-5px, 0px) rotate(45deg);
-o-transform: translate(-5px, 0px) rotate(45deg);
transform: translate(-5px, 0px) rotate(45deg);
}
/*==============*/
.section_header_banner .deepPattern {
/* background: radial-gradient(rgba(0, 0, 0, .2) 15%, transparent 16%) 0 0, radial-gradient(rgba(0, 0, 0, .2) 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color: rgba(255,255,255,.1);
background-size: 3px 3px;*/
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
}
.news_area .new {
display: none;
}
/*==============*/
.mainArea {
position: relative;
}
.mainArea div.more_detail {
font-weight: bold;
font-size: 1.8em;
float: right;
margin-top: 20px;
}
.mainArea0 {
/*
overflow:hidden;*/
background-image: url("../images/bg_header_banner.png;vpn_img");
background-repeat: no-repeat;
background-position: top center; /*background-size: 100% auto;
max-width: 1440px;
margin: auto;*/
}
/* Optional: Adjust the :before and :after styles */
.mainArea0:before, .mainArea0:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
background-repeat: repeat-x;
background-position: top center;
height: 100%; /* Ensure they take full height */
}
.mainArea0:before {
left: 0;
right: 50%;
background-image: url("../images/bg_header_banner_repeat_left.png;vpn_img");
}
.mainArea0:after {
left: 50%;
right: 0;
background-image: url("../images/bg_header_banner_repeat_right.png;vpn_img");
}
body #wrap .mainArea0 .container {
max-width: 1230px;
z-index: 100;
position: relative;
}
.mainArea0 .mainBanner {
position: relative;
height: 0;
padding-bottom: 40%;
}
.mainArea0.section_header_banner .mainBanner {
padding-bottom: 0;
margin-bottom: 0;
}
.mainArea0 .slogan {
position: absolute;
top: 80px;
left: 0;
line-height: 5.6em;
letter-spacing: 8px;
}
.mainArea0 .slogan > div {
font-size: 5em;
font-weight: bold;
}
.mainArea0 .slogan > div:nth-child(2) {
margin-left: 50px;
}
.mainArea0 .slogan > div span {
color: #ff5c00;
}
.mainArea0 .cover {
position: absolute;
top: 90px;
right: 0;
}
.mainArea0 .next {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.mainArea0 .mainBanner > .more {
position: absolute;
top: 370px;
}
.mainArea0 .mainBanner > .more a {
display: block;
color: #fff;
background-color: #f35123;
text-decoration: none;
font-size: 1.4em;
font-weight: bold;
padding: 16px 60px;
border-radius: 100px;
}
.mainArea0 .new {
position: absolute;
/* top: 290px;*/
top: 60%;
left: 80px; /*
color:#00001f;*/
display: none;
}
.mainArea0 .new.active {
display: block;
}
.mainArea0 .new a {
color: #fff !important;
}
.mainArea0 .new a:hover {
text-decoration: none;
}
.mainArea0 .new > div {
/*
border-radius: 6px;*/
position: relative;
box-shadow: 0 10px 16px -10px #000;
}
.mainArea0 .new .header {
font-size: 2em;
font-weight: bold;
padding: 23px 32px;
color: #fff;
background-color: #218300;
border-radius: 6px 0 0 6px;
display: inline-block;
position: absolute;
width: 192px;
top: 0;
bottom: 0;
}
.mainArea0 .new .date {
/*background-color: #1244aa;
padding:8px 32px;
color:#fff;*/
}
/*.mainArea0 .new .date:before{
content:'';
display:inline-block;
width:28px;
height:28px;
margin-right:10px;
background-image:url(../images/icon_cal.png;vpn_img);
background-repeat:no-repeat;
vertical-align: middle;
}*/
.mainArea0 .new .cont {
padding: 12px 80px 12px 32px;
position: relative;
color: #fff;
background-color: #0d5a00;
border-radius: 0 6px 6px 0;
display: inline-block;
font-size: 1.5em;
max-width: 520px;
margin-left: 192px;
}
.mainArea0 .new .more a {
background-color: #fa7564;
font-size: 1.2em;
display: block;
padding: 8px 32px;
border-radius: 100px;
}
.mainArea0 .new .cont .more {
position: absolute;
top: 12px;
right: 32px;
}
.mainArea0 .new .arrow {
text-align: center;
}
.mainArea0 .new .arrow {
display: block;
padding: 16px 0;
}
.mainArea0 .new .close {
position: absolute;
top: 16px;
right: 22px;
}
.mainArea0 .new .close a {
background-color: #424953;
border-radius: 100px;
text-align: center;
display: block;
padding: 4px 7px 6px 8px;
}
/* leolee*/
.mainArea1 {
padding: 0px 0px 60px 0;
}
.mainArea1:after {
content: "";
position: absolute;
left: 0;
bottom: 20%;
width: 165px;
height: 275px;
background-image: url(../images/sub_slider/bg_slider_1.png;vpn_img);
background-repeat: no-repeat;
z-index: -1;
}
.mainArea1 .container > div {
}
.mainArea1 .container > div img {
}
.mainArea1 h1 {
display: inline-block;
}
.mainArea1 .more_detail {
font-size: 2em;
float: right;
}
#flexslider_sub1 {
background-color: transparent;
margin: 0 -28px;
}
#flexslider_sub1 .slides > li > div {
padding: 10px 28px;
}
#flexslider_sub1 .slides > li > div > div {
box-shadow: 0 0 8px -2px #000;
background-color: #ffffff;
}
#flexslider_sub1 .slides > li > div .cover {
position: relative;
overflow: hidden;
}
#flexslider_sub1 .slides > li > div .cover > img {
transform: scale(1);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#flexslider_sub1 .slides > li > div:hover .cover > img {
transform: scale(1.18);
}
#flexslider_sub1 .slides > li .cont {
padding: 20px;
padding-top: 0;
}
#flexslider_sub1 .slides > li .cont > div {
text-align: center;
}
#flexslider_sub1 .slides > li .cont .title {
font-size: 2em; /*
margin-bottom:10px;*/
text-align: center;
font-weight: bold;
}
#flexslider_sub1 .slides > li .cont .time {
font-size: 1.4em;
margin-bottom: 10px;
}
#flexslider_sub1 .slides > li .cont .time:before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_time.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-right: 10px;
}
#flexslider_sub1 .slides > li .cont .url {
font-size: 1.6em;
}
#flexslider_sub1 .slides > li .cont .url a {
display: inline-block;
width: 210px;
padding: 12px 0;
color: #fff;
background-color: #008055;
text-align: center;
text-decoration: none;
border-radius: 100px;
}
#flexslider_sub1 .slides > li .cont .url a:hover,
#flexslider_sub1 .slides > li .cont .url a:focus,
#flexslider_sub1 .slides > li .cont .url a:active {
background-color: #004c33;
}
.div_online_course .slides > li .cont .url a:after,
#flexslider_sub1 .slides > li .cont .url a:after {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_play.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-left: 10px;
}
#flexslider_sub1 .flex-direction-nav a {
width: 82px;
height: 82px;
font-size: 0;
opacity: 0.8;
margin: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#flexslider_sub1 .flex-direction-nav .flex-prev {
left: -20px;
}
#flexslider_sub1 .flex-direction-nav .flex-next {
right: -20px;
}
#flexslider_sub1:hover .flex-direction-nav a {
opacity: 1;
}
#flexslider_sub1 .flex-direction-nav a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url(../images/sub_slider/icon_slider_prev.png;vpn_img);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
#flexslider_sub1 .flex-direction-nav a.flex-next:before {
content: "";
background-image: url(../images/sub_slider/icon_slider_next.png;vpn_img);
}
/* leolee*/
.mainArea2 {
padding: 0px 0px 60px 0; /* background-color:#f7f8fa;*/
}
.mainArea2:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 165px;
height: 275px;
background-image: url(../images/sub_slider/bg_slider_2.png;vpn_img);
background-repeat: no-repeat;
z-index: -1;
}
.mainArea2 .container > div {
}
.mainArea2 .cont {
}
.mainArea2 .cont > div {
}
.mainArea2 .cont > div a {
}
.mainArea2 h1 {
display: inline-block;
}
.mainArea2 .more_detail {
font-size: 1.6em;
float: right;
}
div#flexslider_sub2 {
background-color: transparent;
}
#flexslider_sub2 {
margin: 0 -28px;
}
#flexslider_sub2 .slides > li > div {
padding: 10px 28px;
}
#flexslider_sub2 .slides > li > div > div {
position: relative;
box-shadow: 0 0 10px -2px #000;
background-color: #ffffff;
}
#flexslider_sub2 .slides > li > div .cover {
position: relative;
overflow: hidden;
}
#flexslider_sub2 .slides > li > div .cover > img {
transform: scale(1);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#flexslider_sub2 .slides > li > div:hover .cover > img {
transform: scale(1.18);
}
#flexslider_sub2 .slides > li .cont {
padding: 10px;
padding-top: 0;
}
#flexslider_sub2 .slides > li .cont > div {
text-align: center;
}
#flexslider_sub2 .slides > li .title {
font-size: 2em;
/* position:absolute;
top:30px;*/
text-align: center; /*
left:0;
right:0;
color:#fff;
margin-bottom: 10px;
*/
font-weight: bold;
height: 90px;
z-index: 100;
margin: 0px 30px 15px 30px
}
#flexslider_sub2 .slides > li .cont .date {
font-size: 1.6em;
}
#flexslider_sub2 .slides > li .cont .org {
font-size: 1.5em;
margin-bottom: 10px;
}
#flexslider_sub2 .slides > li .cont .url {
font-size: 1.6em;
margin-bottom: 10px;
}
#flexslider_sub2 .slides > li .cont .url a {
display: inline-block;
width: 210px;
padding: 12px 0;
color: #fff;
background-color: #250f8a;
text-align: center;
text-decoration: none;
border-radius: 100px;
}
#flexslider_sub2 .slides > li .cont .url a:hover,
#flexslider_sub2 .slides > li .cont .url a:focus,
#flexslider_sub2 .slides > li .cont .url a:active {
background-color: #10063e;
}
#flexslider_sub2 .slides > li .cont .url a:after {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_cal.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-left: 10px;
}
#flexslider_sub2 .flex-direction-nav a {
width: 82px;
height: 82px;
font-size: 0;
opacity: 0.8;
margin: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#flexslider_sub2 .flex-direction-nav .flex-prev {
left: -20px;
}
#flexslider_sub2 .flex-direction-nav .flex-next {
right: -20px;
}
#flexslider_sub2:hover .flex-direction-nav a {
opacity: 1;
}
#flexslider_sub2 .flex-direction-nav a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url(../images/sub_slider/icon_slider2_prev.png;vpn_img);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
#flexslider_sub2 .flex-direction-nav a.flex-next:before {
content: "";
background-image: url(../images/sub_slider/icon_slider2_next.png;vpn_img);
}
/* leolee*/
.mainArea3 {
padding: 0px 0px 60px 0;
background-color: #f4f9fd;
}
.my_calendar {
position: relative;
padding: 40px 0 20px 0;
/* box-shadow: 0 0 10px -2px #000;*/
background-color: #d4f584;
border-radius: 10px;
margin: 20px 0 0 0;
color: #333;
/*background-image: url(../images/bg_cal.png;vpn_img);
background-repeat: no-repeat;
background-position: left;
background-size: auto 100%;*/
padding-left: 300px;
height: 623px;
}
.bodyArea .mainContent .my_calendar {
font-size: 0.625em;
}
.my_calendar:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 300px;
height: 623px;
background-image: url(../images/bg_cal.jpg;vpn_img);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
}
.my_calendar a {
color: #fff;
}
.my_calendar .my_cal_tit_y {
position: absolute;
left: 40px;
top: 40px;
font-size: 2.6em;
text-shadow: 0 2px 6px #666;
color: #fff;
}
.my_calendar .my_cal_tit_d {
position: absolute;
left: 40px;
top: 100Px;
font-size: 2.6em;
text-shadow: 0 2px 6px #666;
color: #fff;
}
.my_calendar .cal_event {
text-align: left;
font-size: 1.4em;
margin-bottom: 40px;
font-weight: bold;
}
.my_calendar .cal_event ul {
margin: 0;
padding: 0;
}
.my_calendar .cal_event li {
display: inline-block;
padding-right: 20px;
}
.my_calendar .cal_event .cal_evt_1:before {
content: "";
display: inline-block;
width: 0.8em;
height: 0.8em;
margin-right: 10px;
border-radius: 100px;
background-color: #fa7564;
vertical-align: text-top;
}
.my_calendar .cal_event .cal_evt_2:before {
content: "";
display: inline-block;
width: 0.8em;
height: 0.8em;
margin-right: 10px;
border-radius: 100px;
background-color: #250f8a;
vertical-align: text-top;
}
.my_calendar .cal_event .cal_evt_3:before {
content: "";
display: inline-block;
width: 0.8em;
height: 0.8em;
margin-right: 10px;
border-radius: 100px;
background-color: #ffca00;
vertical-align: text-top;
}
.my_calendar .cal_srceen {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.my_calendar .cal_srceen > div {
width: 50%;
padding: 40px 20px;
}
.my_calendar .cal_srceen > div:nth-child(1) {
width: 55%;
}
.my_calendar .cal_srceen > div:nth-child(2) {
width: 45%;
}
.my_calendar .cal_srceen > div:nth-child(1) {
border-right: 2px solid #fff;
}
.my_calendar .cal_srceen > div.cal_data {
padding-top: 10px;
padding-bottom: 40px;
}
.my_calendar .cal_sel {
text-align: center;
}
.my_calendar .cal_sel > div {
display: inline-block;
vertical-align: middle;
}
.my_calendar .cal_sel > div select {
font-size: 1.4em;
padding: 6px 8px 10px 8px;
border: 2px solid #333;
border-radius: 6px;
background-color: #d4f584;
font-weight: bold;
}
.my_calendar .cal_today {
padding: 9px 22px 8px 22px;
font-size: 1.4em;
background-color: #01ff70;
color: #000;
font-weight: bold;
border-radius: 6px;
}
.my_calendar .cal_sel > div a {
display: block;
padding: 0 2px;
}
.my_calendar .cal_today {
display: inline-block;
}
.my_calendar .cal_sel_data > div > div {
display: inline-block;
width: 14.285714%;
text-align: center;
padding: 8px 0;
font-size: 1.4em; /* boostrap 4.2.1 1.8em */
/*
font-weight:bold;*/
}
.my_calendar .cal_sel_data > div.cal_sel_week > div {
font-size: 1.4em;
padding: 40px 0 30px 0;
font-weight: bold;
}
.my_calendar .cal_sel_data > div.cal_sel_week > div:nth-child(1) {
color: #a6001c;
}
.my_calendar .cal_sel_data .cal_sel_week {
/* border-bottom:1px solid #888;*/
}
.my_calendar .cal_sel_data > div > div a {
color: #333;
}
.my_calendar .cal_sel_data > div > div.empry a {
color: #01594b;
}
.my_calendar .cal_sel_data > div.cal_sel_daily > div a {
display: block;
cursor: default;
}
.my_calendar .cal_sel_data > div.cal_sel_daily > div a:hover {
cursor: inherit;
}
.my_calendar .cal_sel_day {
display: inline-block;
padding: 4px 4px 2px 4px;
margin-bottom: 0px; /* boostrap 4.2.1 10px */
text-align: center;
width: 45px;
border: 2px solid transparent;
border-radius: 100px;
}
.my_calendar .today .cal_sel_day {
border: 2px solid #b25b11;
border-radius: 0;
}
.my_calendar .event .cal_sel_day {
border: 2px solid #0057a9;
border-radius: 100px;
}
.my_calendar .holiday .cal_sel_day {
color: #a6001c;
}
.my_calendar .cal_sel_day_event {
display: block;
height: 0;
}
.my_calendar .cal_sel_day_event > span {
display: inline-block;
width: 0.25em;
height: 0.25em;
border-radius: 100px;
margin: 0 3px;
transform: translateY(-150%);
}
.my_calendar .cal_sel_day_event > span.evt_1 {
background-color: #fa7564;
}
.my_calendar .cal_sel_day_event > span.evt_2 {
background-color: #250f8a;
}
.my_calendar .cal_sel_day_event > span.evt_3 {
background-color: #ffca00;
}
.my_calendar .cal_detail {
max-height: 530px;
overflow: hidden;
}
.my_calendar .cal_detail > div {
max-height: 490px;
}
.my_calendar .cal_detail .cal_evt_list > div {
margin-bottom: 25px; /*
border-left:15px solid #000;*/
border: 0;
padding-left: 20px;
}
.my_calendar .cal_detail .date {
font-size: 1.6em;
display: inline-block;
}
.my_calendar .cal_detail .cal_evt_list > div.evt1 {
border-left-color: #fa7564;
}
.my_calendar .cal_detail .cal_evt_list > div.evt2 {
border-left-color: #250f8a;
}
.my_calendar .cal_detail .cal_evt_list > div.evt3 {
border-left-color: #ffca00;
}
.my_calendar .cal_detail .date > div {
display: inline-block;
}
.my_calendar .cal_detail .from > div,
.my_calendar .cal_detail .to > div {
display: inline-block;
vertical-align: middle;
}
.my_calendar .cal_detail .date .day {
margin-right: 5px;
}
.my_calendar .cal_detail .date .month,
.my_calendar .cal_detail .date .year {
font-size: 0.35em;
}
.my_calendar .cal_detail .cont {
font-size: 1.2em; /*
font-weight:bold;*/
}
.my_calendar .cal_evt_list .link a {
display: inline-block;
background-color: #1b49ff;
color: #fff;
padding: 6px 24px;
border-radius: 100px;
font-size: 1.2em;
font-weight: bold;
margin: 8px 0;
}
.my_calendar .cal_evt_list .link a:hover {
text-decoration: none;
}
.my_calendar .cal_evt_list .link .event {
background-color: #8D14BF; /* #bc1bff; 20230823 */
}
.my_calendar .isEvent .cal_sel_day {
border-color: #8D14BF; /* #bc1bff; 20230823 */
}
.my_calendar .scrollbar-outer > .scroll-element,
.my_calendar .scrollbar-outer > .scroll-element .scroll-element_track {
background-color: transparent;
}
.my_calendar .scrollbar-outer > .scroll-element .scroll-bar {
background-color: rgba(0, 0, 0, 0.4);
}
.mainArea3 .container > div {
}
.mainArea3 .container > div > div:nth-child(1) {
}
.mainArea3 .container > div > div:nth-child(1) .my_header {
}
.mainArea3 .container > div > div:nth-child(1) .my_body {
}
.mainArea3 .container > div > div:nth-child(2) {
}
.mainArea3 .container > div > div:nth-child(2) .my_header {
}
.mainArea3 .container > div > div:nth-child(2) .my_body {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .title {
}
.englishVersion .mainArea3 .container > div > div:nth-child(2) .my_body .title {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .cont {
}
.englishVersion .mainArea3 .container > div > div:nth-child(2) .my_body .cont {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .more {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .more a {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .more a:before {
}
.mainArea3 .container > div > div:nth-child(2) .my_body .more a:after {
}
.mainArea3 h1 {
display: inline-block;
}
.mainArea3 .more_detail {
font-size: 1.6em;
float: right;
}
.mainArea4 {
/*
font-size: 1.4em;
padding-top: 20px;
background-image: url(../images/green_footer.jpg;vpn_img);*/
background-color: #e4f6a4;
background-image: linear-gradient(
141deg,
#e4f5a4 0%,
#e4f5a4 51%,
#c5e96B 1%
);
padding-bottom: 0;
}
.mainArea4 > div {
/*
max-width: 1030px;*/
width: 100%;
margin: auto;
text-align: center;
}
.mainArea4 .tenDiv4 > div:nth-child(1) {
float: left;
margin-left: -90px;
}
.mainArea4 .tenDiv4 > div:nth-child(2) {
font-weight: bold;
margin-top: 20px;
text-align: left;
color: #1e389d;
font-size: 28px;
padding-right: 75px;
}
.mainArea4 .tenDiv6 {
padding-top: 20px;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div {
display: inline-block;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div:nth-child(1) {
width: 78%;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div:nth-child(2) {
width: 22%;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div input {
padding: 14px 16px 14px 16px;
width: 100%;
background-color: #eaeaea;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div a {
background-color: #ffb500;
color: #000;
text-decoration: none;
display: block;
text-align: center;
padding: 10px;
font-size: 1.3em;
font-weight: bold;
}
.mainArea4 .tenDiv6 > div:nth-child(2) > div a:hover,
.mainArea4 .tenDiv6 > div:nth-child(2) > div a:focus,
.mainArea4 .tenDiv6 > div:nth-child(2) > div a:active {
background-color: #ffc945;
}
.sec_cont {
text-align: center;
margin: 0 -15px;
}
.sec_cont > div {
display: inline-block;
width: 33.33%;
min-width: 300px;
padding: 15px;
}
.sec_cont .cover {
width: 100%;
}
.sec_cont .txt {
padding: 20px;
background-color: #fff;
}
.englishVersion .sec_cont .txt {
height: 206px;
}
.sec_cont .title {
font-size: 1.6em;
margin-bottom: 20px;
font-weight: bold;
}
.sec_cont .cont {
font-size: 1.2em;
min-height: 78px;
overflow: hidden;
}
#flexslider_successful .flex-direction-nav .flex-prev {
opacity: 0.7;
left: -40px;
}
#flexslider_successful .flex-direction-nav .flex-next {
opacity: 0.7;
right: -40px;
}
/* leolee*/
.mainArea5 {
padding: 0px 0px 60px 0;
}
/* leolee*/
.mainArea6 {
padding: 0px 0px 60px 0;
}
/* leolee*/
.mainArea7 {
padding: 0px 0px 60px 0;
}
/*====================*/
.ss_area ol {
padding-left: 1.6em;
}
.ss_area li {
padding: 20px;
margin: 0;
}
.ss_area .post {
padding: 0 20px;
}
.ss_area .post img {
height: 340px;
margin-bottom: 20px;
}
.ss_area .video,
.ss_area .video > div {
max-height: 340px;
}
.ss_area .post,
.ss_area .video {
display: inline-block;
width: 50%;
text-align: center;
}
div.mainContent .ss_area .post p {
text-align: center;
}
.flowplayer .fp-engine {
top: 0; /*!important;*/
}
.ss_area .video > a {
padding: 10px 0;
display: block;
}
.ss_area > div {
padding: 20px 0;
}
/*=====*/
.mainContent .flowplayer,
.mainArea3 .flowplayer {
background-color: #000;
}
.flowplayer.is-poster .fp-engine {
top: -9999em;
}
.mainArea3 .my_header > a,
.sec_cont .title > a {
text-decoration: none;
color: #884ca2;
}
.interested {
margin-top: 30px;
}
.disable_icon {
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
}
.common_table_1 > tbody tr:nth-child(1) > .disable_icon {
background-image: url(../images/others/icon_02.png;vpn_img);
}
.common_table_1 > tbody tr:nth-child(2) > .disable_icon {
background-image: url(../images/others/icon_01.png;vpn_img);
background-position: center 60px;
}
.common_table_1 > tbody tr:nth-child(3) > .disable_icon {
background-image: url(../images/others/icon_03.png;vpn_img);
background-position: center 40px;
background-size: 35%;
}
.common_table_1 > tbody tr:nth-child(4) > .disable_icon {
background-image: url(../images/others/icon_04.png;vpn_img);
}
.common_table_1 > tbody tr:nth-child(5) > .disable_icon {
background-image: url(../images/others/icon_05.png;vpn_img);
background-position: center 40px;
background-size: 35%;
}
.englishVersion .common_table_1 > tbody tr:nth-child(2) > .disable_icon {
background-position: center 70px;
}
.englishVersion .common_table_1 > tbody tr:nth-child(3) > .disable_icon {
background-position: center 52px;
background-size: 35%;
}
.englishVersion .common_table_1 > tbody tr:nth-child(5) > .disable_icon {
background-position: center 50px;
}
.empr_page .disable_icon_guide5:before {
content: "";
display: inline-block;
margin-right: 10px;
width: 76px;
height: 76px;
vertical-align: middle;
background-position: center center;
background-repeat: no-repeat;
}
.disable_icon_guide5:nth-of-type(1):before {
background-image: url(../images/others/icon_03.png;vpn_img);
}
.disable_icon_guide5:nth-of-type(2):before {
background-image: url(../images/others/icon_01.png;vpn_img);
}
.disable_icon_guide5:nth-of-type(3):before {
background-image: url(../images/others/icon_02.png;vpn_img);
}
.disable_icon_guide5:nth-of-type(4):before {
background-image: url(../images/others/icon_04.png;vpn_img);
}
.section_header_banner.section4 .section_header {
color: #000;
}
/*=======================*/
.divList {
}
.divList > div {
margin-bottom: 40px;
text-align: center;
}
.divList .cover {
display: inline-block;
padding: 0 30px;
text-align: center;
}
.divList .cont {
display: inline-block;
text-align: left;
}
.divList .title {
font-weight: bold;
font-size: 1.4em;
margin-bottom: 40px;
}
.divList .dlList > div {
display: inline-block;
vertical-align: middle;
}
.divList .dlList > div:nth-child(1) {
margin-right: 16px;
}
.divList .dlList > div:nth-child(2) > div {
display: inline-block;
vertical-align: middle;
}
.divList .dlList > div:nth-child(2) > div:after {
content: "/";
display: inline-block;
margin: 0 4px;
}
.divList .dlList > div:nth-child(2) > div:last-child:after {
display: none;
}
/*=============*/
.mOnly {
position: absolute;
visibility: hidden;
left: -9999px;
}
.navbar-menu {
display: none;
}
/*===============*/
.my_new {
display: none;
position: fixed;
right: 5%;
bottom: 5%;
background-color: #fff;
box-shadow: 0 2px 12px -1px #000;
padding: 20px;
max-width: 100%;
width: 500px;
opacity: 0.95;
z-index: 9000;
}
.my_new.active {
display: block;
}
.my_new > .title {
padding: 0 40px;
font-size: 2em;
font-weight: bold;
margin-bottom: 10px;
}
.my_new > .detail {
padding: 0 40px;
font-size: 1.6em;
}
.my_new > .detail .date {
display: inline-block;
padding-right: 10px;
border-bottom: 4px solid #b51542;
margin-bottom: 5px;
}
.my_new > .detail .title {
margin-bottom: 10px;
}
.my_new .close {
position: absolute;
top: 20px;
right: 20px;
}
.bodyArea .flex-direction-nav .flex-prev {
left: 0;
opacity: 0.7;
}
.bodyArea .flex-direction-nav .flex-next {
right: 0;
opacity: 0.7;
}
.bodyArea .flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
.bodyArea .flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
#flexslider_new .flex-direction-nav .flex-prev {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
#flexslider_new .flex-direction-nav .flex-next {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.flexslider ul.flex-direction-nav,
.flexslider ul.slides {
padding: 0;
margin: 0;
}
/*===========*/
.tenDiv {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tenDiv .tenDiv4 {
width: 58%;
padding-left: 75px;
}
.tenDiv .tenDiv6 {
width: 45%;
}
.high_yel {
color: #4f5a16;
font-weight: bold;
}
.indexVersion .page_scroll {
display: none;
}
.page_scroll {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 8100;
width: 1440px;
height: 0;
display: none;
}
.page_scroll ul {
list-style-type: none;
padding: 0;
margin: 0;
float: right;
padding-right: 20px;
}
.page_scroll li {
display: block;
padding: 2px;
text-align: center;
}
.page_scroll ul a {
width: 11px;
height: 11px;
display: inline-block;
background: #fff;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #74a2f9;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-ms-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.page_scroll ul .active a {
width: 22px;
background: rgba(255, 255, 255, 0.9);
}
/*============*/
.listBanner ul {
margin: 0 -20px;
padding: 0;
}
.listBanner li {
display: inline-block;
list-style-type: none;
padding: 20px;
}
/*==============*/
.os_list {
margin-bottom: 40px;
}
.os_list > ul {
list-style-type: none;
margin: 0 -30px;
padding: 0;
text-align: center;
}
.os_list > ul > li {
display: inline-block;
width: 300px;
max-width: 100%;
min-width: 33.33%;
margin: 0;
padding: 20px 30px 40px 30px;
vertical-align: top;
}
.os_list > ul > li > div {
border-radius: 8px 8px 30px 30px;
box-shadow: 0 0 6px -2px #000;
}
.os_list .cover {
background-color: #f3f3f3;
box-shadow: 0 4px 2px -2px #9c9c9c;
border-radius: 8px 8px 0 0;
padding: 10px;
z-index: 10;
position: relative;
}
.os_list .cover img {
width: 100%;
display: block;
vertical-align: top;
}
.os_list .cont {
background-color: #dff8e9;
padding: 10px;
border-radius: 0 0 30px 30px;
}
.os_list .cont > div {
text-align: center;
}
.os_list .cont .title {
/* font-size:2em;*/
font-size: 1.25em;
text-align: center;
font-weight: bold;
}
.os_list .cont .time {
/*
font-size: 1.6em;*/
}
.os_list .cont .time:before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_time.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-right: 10px;
}
.os_list .cont .url {
/*
font-size: 1.6em;*/
margin-bottom: 10px;
}
.os_list .cont .url a {
display: inline-block;
width: 210px;
padding: 12px 0;
color: #fff;
background-color: #008055;
text-align: center;
text-decoration: none;
border-radius: 25px;
}
.os_list .cont.processing .url a {
background-color: #1536bb;
}
.os_list .cont.complete .url a {
background-color: #c8023d;
}
.os_list .cont .url a:after {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_play.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-left: 10px;
}
.os_list .cont .schedule .txt {
text-align: center;
margin-bottom: 5px;
font-size: 0.75em;
}
.os_list .cont .schedule .chart {
background-color: rgba(145, 145, 145, 1);
width: 60%;
height: 12px;
margin: auto;
position: relative;
border-radius: 5px;
margin-bottom: 15px;
}
.os_list .cont .schedule .chart:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: auto;
border-radius: 5px;
background-color: rgb(200, 93, 79);
background-image: linear-gradient(#f97463, #de6859, #bd584b);
}
.os_list .cont .schedule .chart.percent25:after {
right: 75%;
}
.os_list .cont .schedule .chart.percent100:after {
right: 0;
}
/*================*/
.process_topic {
border-bottom: 1px solid #000;
box-shadow: 0px 7px 13px -13px #000;
}
.process_topic .cover {
display: inline-block;
border-radius: 8px;
box-shadow: 0 0 6px -2px #000;
max-width: 100%;
width: 268px;
min-width: 35%;
text-align: center;
}
.process_topic .detail {
display: inline-block;
max-width: 100%;
width: 500px;
min-width: 65%;
padding-left: 20px;
line-height: 1.8em;
}
.process_topic .detail .time:before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_time.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-right: 10px;
}
.process_topic .schedule {
display: inline-block;
width: 80%;
margin: 30px 0;
vertical-align: middle;
}
.process_topic .schedule .txt {
display: inline-block;
width: 40%;
padding: 0 10px;
text-align: center;
}
.process_topic .schedule .chart {
display: inline-block;
background-color: rgba(145, 145, 145, 1);
width: 60%;
height: 30px;
margin: auto;
position: relative;
border-radius: 5px;
vertical-align: middle;
}
.process_topic .schedule .chart:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: auto;
border-radius: 5px;
background-color: rgb(200, 93, 79);
background-image: linear-gradient(#f97463, #de6859, #bd584b);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.process_topic .schedule .chart.percent0:after {
right: 100%;
}
.process_topic .schedule .chart.percent1:after {
right: 99%;
}
.process_topic .schedule .chart.percent2:after {
right: 98%;
}
.process_topic .schedule .chart.percent3:after {
right: 97%;
}
.process_topic .schedule .chart.percent4:after {
right: 96%;
}
.process_topic .schedule .chart.percent5:after {
right: 95%;
}
.process_topic .schedule .chart.percent6:after {
right: 94%;
}
.process_topic .schedule .chart.percent7:after {
right: 93%;
}
.process_topic .schedule .chart.percent8:after {
right: 92%;
}
.process_topic .schedule .chart.percent9:after {
right: 91%;
}
.process_topic .schedule .chart.percent10:after {
right: 90%;
}
.process_topic .schedule .chart.percent11:after {
right: 89%;
}
.process_topic .schedule .chart.percent12:after {
right: 88%;
}
.process_topic .schedule .chart.percent13:after {
right: 87%;
}
.process_topic .schedule .chart.percent14:after {
right: 86%;
}
.process_topic .schedule .chart.percent15:after {
right: 85%;
}
.process_topic .schedule .chart.percent16:after {
right: 84%;
}
.process_topic .schedule .chart.percent17:after {
right: 83%;
}
.process_topic .schedule .chart.percent18:after {
right: 82%;
}
.process_topic .schedule .chart.percent19:after {
right: 81%;
}
.process_topic .schedule .chart.percent20:after {
right: 80%;
}
.process_topic .schedule .chart.percent21:after {
right: 79%;
}
.process_topic .schedule .chart.percent22:after {
right: 78%;
}
.process_topic .schedule .chart.percent23:after {
right: 77%;
}
.process_topic .schedule .chart.percent24:after {
right: 76%;
}
.process_topic .schedule .chart.percent25:after {
right: 75%;
}
.process_topic .schedule .chart.percent26:after {
right: 74%;
}
.process_topic .schedule .chart.percent27:after {
right: 73%;
}
.process_topic .schedule .chart.percent28:after {
right: 72%;
}
.process_topic .schedule .chart.percent29:after {
right: 71%;
}
.process_topic .schedule .chart.percent30:after {
right: 70%;
}
.process_topic .schedule .chart.percent31:after {
right: 69%;
}
.process_topic .schedule .chart.percent32:after {
right: 68%;
}
.process_topic .schedule .chart.percent33:after {
right: 67%;
}
.process_topic .schedule .chart.percent34:after {
right: 66%;
}
.process_topic .schedule .chart.percent35:after {
right: 65%;
}
.process_topic .schedule .chart.percent36:after {
right: 64%;
}
.process_topic .schedule .chart.percent37:after {
right: 63%;
}
.process_topic .schedule .chart.percent38:after {
right: 62%;
}
.process_topic .schedule .chart.percent39:after {
right: 61%;
}
.process_topic .schedule .chart.percent40:after {
right: 60%;
}
.process_topic .schedule .chart.percent41:after {
right: 59%;
}
.process_topic .schedule .chart.percent42:after {
right: 58%;
}
.process_topic .schedule .chart.percent43:after {
right: 57%;
}
.process_topic .schedule .chart.percent44:after {
right: 56%;
}
.process_topic .schedule .chart.percent45:after {
right: 55%;
}
.process_topic .schedule .chart.percent46:after {
right: 54%;
}
.process_topic .schedule .chart.percent47:after {
right: 53%;
}
.process_topic .schedule .chart.percent48:after {
right: 52%;
}
.process_topic .schedule .chart.percent49:after {
right: 51%;
}
.process_topic .schedule .chart.percent50:after {
right: 50%;
}
.process_topic .schedule .chart.percent51:after {
right: 49%;
}
.process_topic .schedule .chart.percent52:after {
right: 48%;
}
.process_topic .schedule .chart.percent53:after {
right: 47%;
}
.process_topic .schedule .chart.percent54:after {
right: 46%;
}
.process_topic .schedule .chart.percent55:after {
right: 45%;
}
.process_topic .schedule .chart.percent56:after {
right: 44%;
}
.process_topic .schedule .chart.percent57:after {
right: 43%;
}
.process_topic .schedule .chart.percent58:after {
right: 42%;
}
.process_topic .schedule .chart.percent59:after {
right: 41%;
}
.process_topic .schedule .chart.percent60:after {
right: 40%;
}
.process_topic .schedule .chart.percent61:after {
right: 39%;
}
.process_topic .schedule .chart.percent62:after {
right: 38%;
}
.process_topic .schedule .chart.percent63:after {
right: 37%;
}
.process_topic .schedule .chart.percent64:after {
right: 36%;
}
.process_topic .schedule .chart.percent65:after {
right: 35%;
}
.process_topic .schedule .chart.percent66:after {
right: 34%;
}
.process_topic .schedule .chart.percent67:after {
right: 33%;
}
.process_topic .schedule .chart.percent68:after {
right: 32%;
}
.process_topic .schedule .chart.percent69:after {
right: 31%;
}
.process_topic .schedule .chart.percent70:after {
right: 30%;
}
.process_topic .schedule .chart.percent71:after {
right: 29%;
}
.process_topic .schedule .chart.percent72:after {
right: 28%;
}
.process_topic .schedule .chart.percent73:after {
right: 27%;
}
.process_topic .schedule .chart.percent74:after {
right: 26%;
}
.process_topic .schedule .chart.percent75:after {
right: 25%;
}
.process_topic .schedule .chart.percent76:after {
right: 24%;
}
.process_topic .schedule .chart.percent77:after {
right: 23%;
}
.process_topic .schedule .chart.percent78:after {
right: 22%;
}
.process_topic .schedule .chart.percent79:after {
right: 21%;
}
.process_topic .schedule .chart.percent80:after {
right: 20%;
}
.process_topic .schedule .chart.percent81:after {
right: 19%;
}
.process_topic .schedule .chart.percent82:after {
right: 18%;
}
.process_topic .schedule .chart.percent83:after {
right: 17%;
}
.process_topic .schedule .chart.percent84:after {
right: 16%;
}
.process_topic .schedule .chart.percent85:after {
right: 15%;
}
.process_topic .schedule .chart.percent86:after {
right: 14%;
}
.process_topic .schedule .chart.percent87:after {
right: 13%;
}
.process_topic .schedule .chart.percent88:after {
right: 12%;
}
.process_topic .schedule .chart.percent89:after {
right: 11%;
}
.process_topic .schedule .chart.percent90:after {
right: 10%;
}
.process_topic .schedule .chart.percent91:after {
right: 9%;
}
.process_topic .schedule .chart.percent92:after {
right: 8%;
}
.process_topic .schedule .chart.percent93:after {
right: 7%;
}
.process_topic .schedule .chart.percent94:after {
right: 6%;
}
.process_topic .schedule .chart.percent95:after {
right: 5%;
}
.process_topic .schedule .chart.percent96:after {
right: 4%;
}
.process_topic .schedule .chart.percent97:after {
right: 3%;
}
.process_topic .schedule .chart.percent98:after {
right: 2%;
}
.process_topic .schedule .chart.percent99:after {
right: 1%;
}
.process_topic .schedule .chart.percent100:after {
right: 0%;
}
.process_topic .url {
display: inline-block;
width: 25%;
}
.process_topic .url {
/*
font-size: 1.6em;*/
margin-bottom: 10px;
text-align: center;
padding: 0 10px;
vertical-align: middle;
margin: 10px 0;
}
.process_topic .url a {
display: inline-block;
width: 210px;
padding: 12px 0;
color: #fff;
background-color: #008055;
text-align: center;
text-decoration: none;
border-radius: 25px;
}
.process_topic.processing .url a {
background-color: #1536bb;
}
.process_topic.complete .url a {
background-color: #c8023d;
}
.process_topic .url a:after {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_play.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-left: 10px;
}
/*==========*/
.process_list {
margin: 40px 0;
}
.process_list > div {
position: relative;
margin-bottom: 30px;
}
.process_list > div .content {
display: block;
position: relative;
background-color: #fff;
background-image: linear-gradient(90deg, #fff 50%, #eaeaea 90%);
color: #2b3944;
padding: 16px 36px;
border-radius: 10px;
box-shadow: -3px 3px 16px -11px #000;
padding-right: 200px;
}
.chinsesVersion .process_list > div .content {
padding-right: 170px;
}
.process_list > div .content:after {
content: "";
width: 50px;
height: 50px;
background-size: 70% 70%;
background-image: url(../images/icon_process_play.png;vpn_img);
background-repeat: no-repeat;
background-position: center center;
background-color: #008055;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
border-radius: 100px;
z-index: 5;
}
.process_list > div.complete .content:after {
background-image: url(../images/icon_process_complete.png;vpn_img);
background-color: #1536bb;
}
.process_list > div .content span {
display: block;
position: relative;
z-index: 10;
}
.process_list > div .time:before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_time.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-right: 10px;
}
.mobileTool .language {
display: none;
}
/*========*/
.pagelist_area {
}
.pagelist_area .page {
margin: 0 -16px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagelist_area .page > div {
display: none;
width: 50%;
padding: 16px;
}
.pagelist_area .page > div.active {
display: inline-block;
}
.pagelist_area .page > div > a {
display: block;
position: relative;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 0 5px 5px #d3d1d1;
}
.pagelist_area .page .title {
display: block;
padding: 20px 30px;
color: #444;
background-color: #fff;
}
.pagelist_area .page .cover img {
width: 100%;
aspect-ratio: 16 / 10;
}
.pagelist_area .page .detail {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 60px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
}
.pagelist_area .page .date {
display: block;
}
.pagelist_area .page .date:before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
margin-right: 10px;
background-repeat: no-repeat;
background-image: url(../images/icon_pl_cal.png;vpn_img);
}
.pagelist_area .page .locat {
display: block;
}
.pagelist_area .page .locat:before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
margin-right: 10px;
background-repeat: no-repeat;
background-image: url(../images/icon_pl_loc.png;vpn_img);
}
.pagelist_area .control {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: center;
font-size: 0.8em;
max-width: 100%;
width: 800px;
margin: 20px auto;
}
.pagelist_area .control > div {
display: inline-block;
margin: auto;
}
.pagelist_area .control > div.hide {
display: none;
}
.pagelist_area .control > div:nth-child(2) input {
width: 63px;
max-width: 100%;
text-align: center;
padding: 8px 14px;
border: 0;
background-color: #fff;
box-shadow: 0 0 5px 5px #d3d1d1;
}
.pagelist_area .control > div.prev,
.pagelist_area .control > div.next {
display: block;
text-align: center;
padding: 20px;
width: 240px;
max-width: 100%;
background-color: #fff;
color: #444;
box-shadow: 0 0 5px 5px #d3d1d1;
}
.pagelist_area .control > div.prev a,
.pagelist_area .control > div.next a {
color: #444;
}
/*========*/
.listBanner li:nth-child(3) {
display: block;
}
.div_faq_list {
margin-bottom: 40px;
}
.div_faq_list > div {
margin: 30px 10px;
padding: 20px 10px;
box-shadow: 0 0 5px 5px #d3d1d1;
} /*
.div_faq_list>div>div{
padding: 10px;
}*/
.div_faq_list .question > a {
padding: 10px;
display: block;
text-decoration: none;
color: #2b3944;
}
.div_faq_list .anwser {
padding: 10px;
} /*
.div_faq_list>div>div{
padding: 10px;
}*/
.div_faq_list > div > .question {
font-weight: bold;
}
.div_faq_list > div > .anwser {
border-top: solid 1px #f3f3f3;
display: none;
}
.div_faq_list > div > .anwser.active {
display: block;
}
.div_faq_list > div > div .title {
display: inline-block;
width: 80px;
}
.div_faq_list > div > div .content {
display: inline-block;
/*width: calc(100% - 75px);*/
max-width: 90%;
}
.mainContent .div_data_table_1 > table {
border: 0;
box-shadow: 0 0 5px 5px #d3d1d1;
width: calc(100% - 20px);
margin: 30px 10px;
font-size: 0.9em;
}
.mainContent .div_data_table_1 > table th {
padding: 20px;
min-width: 160px;
vertical-align: top;
color: #ffffff;
background-color: #178105;
}
.mainContent .div_data_table_1 > table td {
position: relative;
}
.mainContent .div_data_table_1 > table tbody > tr > td:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #d7d7d7;
}
.mainContent .div_data_table_1 > table tbody > tr > td:first-child:after {
left: 20px;
}
.mainContent .div_data_table_1 > table tbody > tr > td:last-child:after {
right: 20px;
}
.mainContent .div_data_table_1 > table td ul {
margin-bottom: 0;
}
.mainContent .div_data_table_1 > table td ul > li {
margin-top: 0;
}
.mainContent .div_data_table_2 {
/*overflow-x: auto;*/
}
.mainContent .div_data_table_2 > table {
border: 0;
box-shadow: 0 0 5px 5px #d3d1d1;
width: calc(100% - 20px);
margin: 30px, 10px;
/*min-width: 700px;*/
/*font-size: .9em;*/
font-size: 0.7em;
}
.mainContent .div_data_table_2 > table th {
padding: 20px;
/*min-width: 160px;*/
vertical-align: top;
color: #ffffff;
background-color: #178105;
}
.mainContent .div_data_table_2 > table td {
position: relative;
}
.mainContent .div_data_table_2 > table tbody > tr > td:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #d7d7d7;
}
.mainContent
.div_data_table_2
> table
tbody
> tr
> td[rowspan]:first-child:after {
left: 20px;
}
.mainContent .div_data_table_2 > table tbody > tr > td:last-child:after {
right: 0px;
}
.mainContent .div_data_table_2 > table td ul {
margin-bottom: 0;
}
.mainContent .div_data_table_2 > table td ul > li {
margin-top: 0;
}
.mainContent .div_data_table_2 > table tbody > tr:nth-child(odd) {
background: #f1f0f0;
}
.mainContent .div_data_table_2 > table tbody > tr > td[rowspan] {
background: #f8fcff;
}
.mainContent .btn--backtotop {
background: #b0e600;
padding: 10px;
display: inline-block;
color: #000;
}
.mainContent .btn--backtotop:hover {
color: #000;
}
.mainContent .btn--backtotop:before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 25px;
height: 25px;
background: url(../images/icon-totop.png;vpn_img) no-repeat center center;
background-size: 25px 25px;
margin-right: 5px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.my_video > video {
max-width: 70%;
}
.section_header_banner.section_textsize {
background-image: url(../images/header_banner/textsize_banner.png;vpn_img);
}
.section_header_banner.section_notices {
background-image: url(../images/header_banner/important_notice_banner.png;vpn_img);
}
.section_header_banner.section_privacy_policy {
background-image: url(../images/header_banner/privacy_policy_banner.png;vpn_img);
}
.section_header_banner.section_sitemap {
background-image: url(../images/header_banner/sitemap_banner.png;vpn_img);
}
/*=========*/
/*===Modify on 20250221 by Netsoft===*/
.contactus .tel {
position: relative;
padding: 10px 0;
padding-left: 38px;
/*white-space: nowrap;*/
}
.contactus .tel:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 25px;
height: 25px;
background-image: url(../images/icon_contact_us_tel.png;vpn_img);
background-repeat: no-repeat;
}
.contactus .fax {
position: relative;
padding: 10px 0;
padding-left: 38px;
/*white-space: nowrap;*/
}
.contactus .fax:before {
content: "";
position: absolute;
left: 0;
top: 14px;
/*===Modify on 20250221 by Netsoft===*/
width: 27px;
height: 27px;
/*===End Add===*/
background-image: url(../images/icon_contact_us_fax.png;vpn_img);
background-repeat: no-repeat;
}
.contactus .email {
position: relative;
padding: 10px 0;
padding-left: 38px;
/*white-space: nowrap;*/
}
.contactus .email:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 25px;
height: 25px;
background-image: url(../images/icon_contact_us_email.png;vpn_img);
background-repeat: no-repeat;
}
.contactus .locat {
position: relative;
padding: 10px 0;
padding-left: 38px;
/*white-space: nowrap;*/
}
.contactus .locat:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 25px;
height: 25px;
background-image: url(../images/icon_contact_us_locat.png;vpn_img);
background-repeat: no-repeat;
}
/*===End Add===*/
.contactus #mapid {
margin: 20px 0;
position: relative;
}
.contactus .tel > span,
.contactus .fax > span,
.contactus .email > span,
.contactus .locat > span {
/*display: inline-block;*/
width: 10px;
vertical-align: top;
}
.contactus .tel > span:first-child,
.contactus .fax > span:first-child,
.contactus .email > span:first-child,
.contactus .locat > span:first-child {
width: 55px;
}
.contactus .tel > span:last-child,
.contactus .fax > span:last-child,
.contactus .email > span:last-child,
.contactus .locat > span:last-child {
width: calc(100% - 80px);
}
.div_classroom_course {
width: 100%;
}
.div_classroom_course > .left {
display: inline-block;
width: 370px;
}
.div_classroom_course > .right {
display: inline-block;
width: calc(100% - 370px);
}
.div_classroom_course .filter_header {
background-color: #258001;
color: #fff;
padding: 10px;
cursor: default;
position: relative;
margin-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
display: block;
width: 100%;
}
.div_classroom_course .filter_header > span.icon > img {
vertical-align: inherit;
}
.div_classroom_course .course_search_form {
background-color: #fff;
padding: 10px;
}
.div_classroom_course .course_search_form > div {
margin: 10px 0;
}
.div_classroom_course .course_search_form input,
.div_classroom_course .course_search_form select {
width: 100%;
padding: 10px;
height: 65px;
border: 1px solid #ccc;
}
.div_classroom_course .course_search_form input[type="submit"] {
background-color: #1d6df7;
color: #fff;
border-radius: 5px;
}
.div_classroom_course .course_search_form input.btn_reset {
background-color: #ffffff;
color: inherit;
border: solid 1px #1d6df7;
margin-top: 10px;
}
.div_course_list {
width: 100%;
font-size: 0.8em;
}
.div_course_list > div {
display: inline-block;
width: 50%;
min-width: 350px;
padding: 0 5px 20px 5px;
}
.div_course_list > div > div {
padding: 20px;
box-shadow: 0 0 5px 5px #d3d1d1;
min-height: 300px;
}
.div_course_list > div > div > div {
display: block;
position: relative;
}
.div_course_list > div > div > .title > a {
font-size: 1.2em;
color: #258001;
font-weight: bold;
}
.div_course_list > div > div > .organization {
margin: 20px 0;
}
.div_course_list > div > div > .period {
margin-bottom: 10px;
}
.div_course_list > div > div > .organization,
.div_course_list > div > div > .address {
height: 2.7em;
overflow: hidden;
}
.div_course_list > div > div > .period:before,
.div_course_list > div > div > .address:before {
content: "";
display: inline-block;
vertical-align: bottom;
margin-right: 5px;
}
.div_course_list > div > div > .period:before {
background: url(../images/icon_calendar.png;vpn_img);
background-size: 25px;
width: 25px;
height: 25px;
background-repeat: no-repeat;
}
.div_course_list > div > div > .address:before {
background: url(../images/icon_location.png;vpn_img);
background-size: 25px 30px;
width: 25px;
height: 30px;
background-repeat: no-repeat;
}
.div_course_list > div > div > .period:before,
.div_course_list > div > div > .onlineclass:before {
content: "";
display: inline-block;
vertical-align: bottom;
margin-right: 5px;
}
.div_course_list > div > div > .onlineclass:before {
background: url(../images/icon_onlineclass.png;vpn_img);
background-size: 25px 30px;
width: 25px;
height: 28px;
background-repeat: no-repeat;
}
.div_course_list .paginator {
width: 100%;
}
.paginator li {
display: inline-block;
margin: 5px;
list-style: none;
}
.paginator li a {
text-decoration: none;
padding: 3px 10px;
border: 1px solid #e8e8e8;
background-color: transparent;
color: #0d4173;
position: relative;
text-align: center;
display: block;
}
.paginator li.active a {
border: 1px solid #d3544b;
background-color: #d3544b;
color: #fff;
}
.div_classroom_course_detail {
width: 100%;
}
.div_classroom_course_detail > div > div {
width: 50%;
display: inline-block;
margin-bottom: 30px;
}
.div_classroom_course_detail > div > div > .title {
/*width: 140px;*/
width: 170px;
display: inline-block;
font-weight: bold;
vertical-align: top;
}
.div_classroom_course_detail > div > div > .content {
/*width: calc(100% - 140px);*/
width: calc(100% - 170px);
display: inline-block;
/*vertical-align: top;*/
vertical-align: sub;
}
/*body #wrap .div_classroom_course_detail>div.row1>div,
body #wrap .div_classroom_course_detail>div.row3>div,
body #wrap .div_classroom_course_detail>div.row5>div,
body #wrap .div_classroom_course_detail>div.row6>div,
body #wrap .div_classroom_course_detail>div.row7>div,
body #wrap .div_classroom_course_detail>div.row8>div,
body #wrap .div_classroom_course_detail>div.row6>div>div,
body #wrap .div_classroom_course_detail>div.row7>div>div,
body #wrap .div_classroom_course_detail>div.row8>div>div{
width: 100%;
}*/
body #wrap .div_classroom_course_detail > div.row3 > div,
body #wrap .div_classroom_course_detail > div.row4 > div,
body #wrap .div_classroom_course_detail > div.row8 > div,
body #wrap .div_classroom_course_detail > div.row9 > div,
body #wrap .div_classroom_course_detail > div.row10 > div,
body #wrap .div_classroom_course_detail > div.row11 > div,
body #wrap .div_classroom_course_detail > div.row3 > div > div,
body #wrap .div_classroom_course_detail > div.row4 > div > div,
body #wrap .div_classroom_course_detail > div.row9 > div > div,
body #wrap .div_classroom_course_detail > div.row10 > div > div,
body #wrap .div_classroom_course_detail > div.row11 > div > div {
width: 100%;
}
/*.div_classroom_course_detail>div.row6{
margin-top: 60px;
}*/
div_classroom_course_detail > div.row9 {
margin-top: 60px;
}
/*.div_classroom_course_detail>div>div.address ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.div_classroom_course_detail>div>div.address ul>li{
margin-left: 0;
margin-right: 0;
}*/
.div_classroom_course_detail > div > div.address ul,
.div_classroom_course_detail > div > div.course_content ul,
.div_classroom_course_detail > div > div.course_remark ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.div_classroom_course_detail > div > div.address ul > li,
.div_classroom_course_detail > div > div.course_content ul > li,
.div_classroom_course_detail > div > div.course_remark ul > li {
margin-left: 0;
margin-right: 0;
}
.mainContent .div_classroom_course_detail .div_data_table_1 > table {
box-shadow: 0 0 5px 5px #d3d1d1;
}
.div_classroom_course .mobile_search {
display: none;
}
.bodyArea .mainContent .div_online_course {
font-size: 0.625em;
}
.div_online_course {
margin: 0 -28px;
}
.div_online_course .slides > li {
width: 33%;
min-width: 350px;
display: inline-block;
vertical-align: top;
}
.div_online_course .slides > li > div {
padding: 10px 28px;
}
.div_online_course .slides > li > div > div {
box-shadow: 0 0 8px -2px #000;
}
.div_online_course .slides > li > div .cover {
position: relative;
overflow: hidden;
}
.div_online_course .slides > li > div .cover > img {
transform: scale(1);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.div_online_course .slides > li > div:hover .cover > img {
transform: scale(1.18);
}
.div_online_course .slides > li .cont {
padding: 20px;
padding-top: 0;
}
.div_online_course .slides > li .cont > div {
text-align: center;
}
.div_online_course .slides > li .cont .title {
font-size: 2em; /*
margin-bottom:10px;*/
text-align: center;
font-weight: bold;
}
.div_online_course .slides > li .cont .time {
font-size: 1.6em;
margin-bottom: 10px;
}
.div_online_course .slides > li .cont .time:before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
background-image: url(../images/sub_slider/icon_time.png;vpn_img);
background-repeat: no-repeat;
vertical-align: text-top;
margin-right: 10px;
}
.div_online_course .slides > li .cont .url {
font-size: 1.6em;
}
.div_online_course .slides > li .cont .url a {
display: inline-block;
width: 210px;
padding: 12px 0;
color: #fff;
background-color: #008055;
text-align: center;
text-decoration: none;
border-radius: 100px;
max-width: 100%;
}
.div_online_course .slides > li .cont .url a:hover,
.div_online_course .slides > li .cont .url a:focus,
.div_online_course .slides > li .cont .url a:active {
background-color: #004c33;
}
.div_online_course .slides img {
width: 100%;
display: block;
}
.div_online_course .slides > li .cont .url.soon a {
background-color: #857600;
}
.div_online_course .slides > li .cont .url.soon a:hover {
background-color: #716402;
}
/*
.mainArea0:before {
content: "";
background: url(../images/bg_header_banner_repeat_left.png;vpn_img)
background-repeat: repeat-x;
background-position: top center;
position: absolute;
left: 0;
right: 50%;
top: 0;
bottom: 0;
z-index: -1;
}
.mainArea0:after {
content: "";
background: url(../images/bg_header_banner_repeat_right.png;vpn_img)
background-repeat: repeat-x;
background-position: top center;
position: absolute;
left: 50%;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
*/
.section_header_banner.section0:before {
background-image: url(../images/header_banner/banner0_before.png;vpn_img);
}
.section_header_banner.section1:before {
background-image: url(../images/header_banner/banner1_before.png;vpn_img);
}
.section_header_banner.section2:before {
background-image: url(../images/header_banner/banner2_before.png;vpn_img);
}
.section_header_banner.section3:before {
background-image: url(../images/header_banner/banner3_before.png;vpn_img);
}
.section_header_banner.section4:before {
background-image: url(../images/header_banner/banner4_before.png;vpn_img);
}
.section_header_banner.section5:before {
background-image: url(../images/header_banner/banner5_before.png;vpn_img);
}
.section_header_banner.section6:before {
background-image: url(../images/header_banner/banner6_before.png;vpn_img);
}
.section_header_banner.section7:before {
background-image: url(../images/header_banner/banner7_before.png;vpn_img);
}
.section_header_banner.section8:before {
background-image: url(../images/header_banner/banner7_before.png;vpn_img);
}
.section_header_banner.section0:after {
background-image: url(../images/header_banner/banner0_after.png;vpn_img);
}
.section_header_banner.section1:after {
background-image: url(../images/header_banner/banner1_after.png;vpn_img);
}
.section_header_banner.section2:after {
background-image: url(../images/header_banner/banner2_after.png;vpn_img);
}
.section_header_banner.section3:after {
background-image: url(../images/header_banner/banner3_after.png;vpn_img);
}
.section_header_banner.section4:after {
background-image: url(../images/header_banner/banner4_after.png;vpn_img);
}
.section_header_banner.section5:after {
background-image: url(../images/header_banner/banner5_after.png;vpn_img);
}
.section_header_banner.section6:after {
background-image: url(../images/header_banner/banner6_after.png;vpn_img);
}
.section_header_banner.section7:after {
background-image: url(../images/header_banner/banner7_after.png;vpn_img);
}
.section_header_banner.section8:after {
background-image: url(../images/header_banner/banner7_after.png;vpn_img);
}
.listBanner > div:first-child {
display: inline-block;
width: 100%;
max-width: 400px;
}
.listBanner > div:last-child {
display: inline-block;
width: 100%;
max-width: 600px;
}
.listBanner > div > div {
/*margin: 0px; */
}
.listBanner > div > div > div {
display: inline-block;
margin: 5px;
}
.listBanner > div > div.img_2 > div:last-child {
float: right;
}
.listBanner > div > div > div > img {
width: 100%;
}
.listBanner > div > div.img_2 > div > img {
width: auto;
}
.englishVersion .headerArea .headerTool .headerMenu > ul {
font-size: 0.9em;
}
.englishVersion .headerArea .headerTool .searchTool input {
font-size: 0.9em;
}
.englishVersion .eventTool > div > div {
min-height: 97px;
font-size: 0.9em;
}
.englishVersion .eventTool > div a {
position: absolute;
top: 50%;
left: 85px;
transform: translateY(-50%);
}
body.englishVersion h1 {
font-size: 2.5em;
}
body.englishVersion .footerArea ul.fMenu > li {
/*width: 25%;*/
}
.englishVersion #footer .container .footerMenu ul.menuLv0 {
margin-right: 30px;
}
.englishVersion .div_classroom_course_detail > div > div > .title {
width: 170px;
}
.englishVersion .div_classroom_course_detail > div > div > .content {
width: calc(100% - 170px);
}
.process_list > div a:hover {
text-decoration: none;
}
.process_list > div a:hover span.title {
text-decoration: underline;
}
.process_list > div .content span.title {
color: #007790;
}
.process_list > div .content span.status {
display: none;
}
.process_list > div .content span.status.complete {
display: block;
position: absolute;
right: 80px;
top: 50%;
transform: translateY(-50%);
}
.myheaderTool > div.clientTool div.searchIcon img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.myheaderTool > div.clientTool div.searchTool {
display: none;
position: absolute;
left: 0;
right: 0;
margin-left: 0;
}
.myheaderTool > div.clientTool div.searchTool form {
width: 100%;
}
.myheaderTool > div.clientTool div.searchTool form input {
width: 100%;
}
.myheaderTool > div.clientTool div.searchTool.active {
display: block;
}
.div_cooperative_institution_decription > .left {
display: inline-block;
width: 150px;
}
.div_cooperative_institution_decription > .right {
display: inline-block;
width: calc(100% - 150px);
padding-left: 10px;
}
.div_cooperative_institution_decription > .left .icon {
width: 100%;
padding: 20px 0;
border: solid 1px #ddd;
border-radius: 25px;
background-color: #ffffff;
text-align: center;
}
.div_cooperative_institution_decription > .right h2 {
margin-top: 0;
}
.div_cooperative_institution_detail > .header > .header1 {
display: inline-block;
background-color: #1d8730;
color: #ffffff;
border-radius: 25px;
padding: 5px 50px;
}
.div_cooperative_institution_detail > .header > .header2 {
display: inline-block;
font-weight: bold;
padding: 5px 20px;
}
.div_cooperative_institution_detail > .content {
margin-top: 10px;
}
.div_cooperative_institution_detail > .content > ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style: none;
padding-left: 0;
}
.div_cooperative_institution_detail > .content > ul > li {
margin-left: 0;
margin-top: 0;
}
.div_cooperative_institution_gallery > .header > .header1 {
display: inline-block;
background-color: #166df8;
color: #ffffff;
border-radius: 25px;
padding: 5px 50px;
}
.div_cooperative_institution_gallery > .content {
margin-top: 10px;
}
.div_cooperative_institution_gallery > .content > div {
display: inline-block;
width: 33%;
padding: 0 10px 10px 0;
}
.div_know_more {
position: relative;
}
.div_know_more .overflow_layer {
overflow: hidden;
position: relative;
width: 100%;
margin: auto;
border: 2px solid #cccccc;
}
.div_know_more .slider {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
body .mainContent .div_know_more h3 {
background-color: #3a833d;
color: #ffffff;
border-bottom: 6px solid #8fdd34;
text-align: center;
padding: 10px 0;
}
.div_know_more .page {
display: inline-block;
}
.div_know_more .page > .left {
display: inline-block;
width: 50%;
padding-left: 40px;
}
.div_know_more .page > .right {
display: inline-block;
width: 50%;
padding-left: 20px;
padding-right: 40px;
text-align: right;
}
.div_know_more > .pager {
width: 100%;
text-align: center;
}
.div_know_more > .pager > div {
display: inline-block;
width: 20%;
}
/*
.div_know_more>.pager>div.prev,
.div_know_more>.pager>div.next{
background-color: #5c17a5;
padding: 10px 0;
text-align: center;
min-width: 100px;
}
.div_know_more>.pager>div.prev>a,
.div_know_more>.pager>div.next>a{
color: #ffffff;
float: none;
}
*/
.div_know_more > .pager > div.prev,
.div_know_more > .pager > div.next {
background-color: transparent;
padding: 0;
text-align: center;
min-width: 0;
position: absolute;
width: auto;
top: 50%;
transform: translateY(-50%);
}
.div_know_more > .pager > div.prev {
left: 0;
}
.div_know_more > .pager > div.next {
right: 0;
}
.div_know_more > .pager > div.prev a,
.div_know_more > .pager > div.next a {
background-color: #00000029;
color: #000000;
font-size: 0;
text-decoration: none;
display: inline-block;
padding: 10px;
}
.div_know_more > .pager > div.prev a:before,
.div_know_more > .pager > div.next a:before {
font-family: "flexslider-icon";
font-size: 20px;
}
.div_know_more > .pager > div.prev a:before {
content: "\f001";
}
.div_know_more > .pager > div.next a:before {
content: "\f002";
}
.div_know_more > .pager > div.detail {
text-align: center;
padding: 14px 0;
position: absolute;
top: 0;
right: 20px;
color: #ffffff;
width: auto;
}
.div_know_more > .pager > div.detail input {
width: 40px;
text-align: center;
}
.div_know_more .back_btn {
display: inline-block;
padding: 10px 20px;
text-align: center;
}
.div_know_more .page.page1 > .left {
width: 60%;
}
.div_know_more .page.page1 > .right {
width: 40%;
text-align: left;
}
.div_know_more .page.page1 > .right > .img {
max-width: 320px;
}
.div_know_more .page.page2 > .left {
width: 60%;
}
.div_know_more .page.page2 > .right {
width: 40%;
}
.div_know_more .page.page3 > .left {
width: 60%;
}
.div_know_more .page.page3 > .right {
width: 40%;
}
.div_know_more .page.page3 > .right img {
/*
width: 275px;*/
}
.div_know_more .page.page6 > .left {
width: 60%;
}
.div_know_more .page.page6 > .right {
width: 40%;
}
.div_know_more .page.page6 > .right img {
/*
width: 275px;*/
}
.div_know_more .page.page9 > .left {
width: 60%;
}
.div_know_more .page.page9 > .right {
width: 40%;
}
.div_know_more .page.page9 > .right img {
/*
width: 275px;*/
}
.div_know_more .page.page12 > .left {
width: 70%;
}
.div_know_more .page.page12 > .right {
width: 30%;
}
.div_know_more .page.page11 > .right img {
/*
width: 275px;*/
}
.div_know_more .page.page11 > .left {
width: 60%;
}
.div_know_more .page.page11 > .right {
width: 40%;
}
.div_know_more .page.page12 > .right img {
width: 200px;
}
.div_know_more .page.page13 > .left {
width: 60%;
}
.div_know_more .page.page13 > .right {
width: 40%;
}
.div_know_more .page.page13 > .right img {
/*
width: 275px;*/
}
.div_know_more.fix_width .page > .left,
.div_know_more.fix_width .page > .right {
width: 50% !important;
}
@media print, screen and (max-width: 767px) {
body #wrap .div_know_more.fix_width .page > .left,
body #wrap .div_know_more.fix_width .page > .right {
width: 100% !important;
}
}
.div_know_more .div_next_chapter {
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: #5c17a5;
padding: 10px 0;
text-align: center;
min-width: 150px;
color: #ffffff;
float: none;
}
.div_know_more .div_next_chapter:hover {
color: #ffffff;
}
.div_know_more .div_next_chapter.active {
display: inline-block;
}
.div_popup_video > .layer {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000000;
opacity: 0.3;
z-index: 9000;
}
.div_popup_video > .content {
position: fixed;
width: 1000px;
height: 563px;
max-width: 90%;
max-height: 90%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
z-index: 9001;
}
.div_popup_video > .content > video {
width: 100%;
height: 100%;
z-index: 1;
}
.div_popup_video .popup_close {
background-image: url(../images/fancybox_sprite@2x.png;vpn_img);
background-size: 44px 152px;
background-repeat: no-repeat;
width: 38px;
height: 36px;
position: absolute;
right: -15px;
top: -15px;
z-index: 2;
}
.div_popup_layer > .layer {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000000;
opacity: 0.3;
z-index: 9000;
}
.div_popup_layer > .content {
position: fixed;
width: 300px;
height: auto;
/*min-height: 307px;*/
max-width: 90%;
max-height: 90%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #FFFCF7;
z-index: 9001;
text-align: center;
padding: 20px 0px;
}
.div_popup_layer > .content > video {
width: 100%;
height: 100%;
}
.div_popup_layer .content p.correct {
color: #307f2e;
position: absolute;
width: auto;
right: 11.5%;
top: 25%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.div_popup_layer .content.layer_type_1 p.correct,
.div_popup_layer .content.layer_type_2 p.correct,
.div_popup_layer .content.layer_type_3 p.correct {
right: 50px;
}
.div_popup_layer .content.layer_type_4 p.correct,
.div_popup_layer .content.layer_type_5 p.correct,
.div_popup_layer .content.layer_type_6 p.correct {
right: 30px;
}
.div_popup_layer .content p.error {
color: #cc1919;
position: absolute;
/*width: 170px;*/
right: 20px;
left: 20px;
top: 55px;
}
.div_popup_layer .content .quiz_popup_button {
display: inline-block;
background-color: #1d6df7;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
text-align: center;
position: absolute;
bottom: 25px;
/*20191115 Jacky for new image
right: 45px;*/
}
.div_popup_layer .content .quiz_popup_button.error {
left: 50%;
transform: translateX(-50%);
}
.div_popup_layer .error_layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(../images/man.png;vpn_img);
background-size: 100%;
background-repeat: no-repeat;
display: none;
}
.div_popup_layer .correct_layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: 100%;
background-repeat: no-repeat;
background: url(../images/woman.png;vpn_img);
/*background: url(../images/WBLP_test_correct_ans_1_desktop.png;vpn_img); */
}
.div_popup_layer .layer_type_1 .correct_layer {
background-image: url(../images/man_01.png;vpn_img);
}
.div_popup_layer .layer_type_2 .correct_layer {
background-image: url(../images/man_02.png;vpn_img);
}
.div_popup_layer .layer_type_3 .correct_layer {
background-image: url(../images/man_03.png;vpn_img);
}
.div_popup_layer .layer_type_4 .correct_layer {
background-image: url(../images/woman_01.png;vpn_img);
}
.div_popup_layer .layer_type_5 .correct_layer {
background-image: url(../images/woman_02.png;vpn_img);
}
.div_popup_layer .layer_type_6 .correct_layer {
background-image: url(../images/woman_03.png;vpn_img);
}
.div_popup_layer .content .div_quiz_popup_button.leave {
left: 0;
right: 0;
text-align: center;
bottom: 25px;
position: absolute;
}
.div_popup_layer .content .div_quiz_popup_button.leave .quiz_popup_button {
margin: 0 10px;
position: relative;
}
.div_quiz > div {
margin-bottom: 20px;
}
.div_quiz > .process_topic {
box-shadow: none;
}
.div_quiz > .question > span {
color: #0b4b71;
font-size: 1.1em;
font-weight: bold;
}
.div_quiz > .message span {
color: #307f2e;
}
.div_quiz > .message span.error {
color: #cc1919;
}
.div_quiz > .anwser > div {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.div_quiz > .anwser input {
position: absolute;
opacity: 0;
z-index: -1;
}
.div_quiz > .anwser label {
width: 100%;
vertical-align: top;
padding: 5px 10px;
border: 1px solid #9b9b9b;
border-radius: 5px;
}
.div_quiz > .anwser label:hover {
cursor: pointer;
border: 1px solid #0b4b71;
}
.div_quiz > .anwser > div .cover {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
padding-left: 0;
min-height: 0;
margin: 0;
background-color: #fff;
border: 1px solid #9b9b9b;
border-radius: 0;
}
.div_quiz > .anwser > div .cover:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: transparent;
}
.div_quiz > .anwser > div .cover.radio {
border-radius: 25px;
}
.div_quiz > .anwser > div .cover.radio:after {
border-radius: 25px;
}
.div_quiz > .anwser > div .cover.active:after {
background-color: #0b4b88;
}
.div_quiz > .action_button {
width: 100%;
text-align: left;
}
.div_quiz > .action_button > div {
display: inline-block;
width: 100%;
}
.div_quiz > .action_button > div > div {
display: inline-block;
width: calc(50% - 10px);
min-width: 120px;
max-width: 30%;
}
.div_quiz > .action_button > div > div:last-child {
margin-left: 20px;
}
.div_quiz > .action_button > div > div > a {
display: block;
background-color: #1d6df7;
color: #fff;
border-radius: 5px;
padding: 10px 0;
text-align: center;
}
.div_quiz > .action_button > div > div:last-child > a {
background-color: #ffffff;
color: inherit;
border: solid 1px #1d6df7;
}
.div_quiz > .action_button .next_question {
display: none;
}
.div_quiz > .action_button .next_question.active {
display: inline-block;
}
.div_quiz > .action_button .submit_question.hide {
display: none;
}
.div_quiz .process_topic .schedule .chart:after {
background-color: #46cfb1;
background-image: linear-gradient(#50e8c6, #46cfb1, #37b096);
}
.div_quiz .process_topic .schedule .txt {
text-align: left;
}
.div_online_shopping_ch3_result .welcome_message {
text-align: center;
}
.div_online_shopping_ch3_result .action_button {
text-align: center;
}
.div_online_shopping_ch3_result .action_button > a {
display: inline-block;
background-color: #1d6df7;
color: #fff;
border-radius: 5px;
padding: 10px 20px;
text-align: center;
}
.whatsnew-date {
font-size: 1.2em;
color: #0b4b71;
}
.myheaderTool > div.clientTool div.div_share {
top: 100%;
display: none;
background-color: #f2f3f5;
position: absolute;
padding: 10px;
width: 146px;
left: 50%;
transform: translateX(-50%);
}
.myheaderTool > div.clientTool div.div_share > a {
width: 32px;
display: inline-block;
padding: 0;
vertical-align: top;
margin: 0 5px;
}
.myheaderTool > div.clientTool div.div_share.active {
display: block;
}
.div_mobile_language,
.div_mobile_search,
.div_mobile_share,
.div_mobile_menu {
position: fixed;
left: 0;
right: 0;
top: -2000px;
padding-top: 95px;
height: 100%;
overflow-y: auto;
z-index: 1;
background: #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
font-size: 1.2em;
display: none;
}
.div_mobile_language.active,
.div_mobile_search.active,
.div_mobile_share.active,
.div_mobile_menu.active {
display: block;
}
.div_mobile_menu nav.menu_list {
position: absolute;
left: -4000px;
width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.div_mobile_menu nav#mob-subnav--1 > div.menu_list_item {
font-size: 1.2em;
}
.div_mobile_menu div.menu_list_title {
padding: 2px 15px;
font-weight: bold;
font-size: 1.2em;
background: #fff;
text-align: center;
}
.div_mobile_menu div.menu_list_item {
padding: 2px 15px;
font-weight: bold;
font-size: 1.2em;
background: #fff;
}
.div_mobile_menu div.menu_list_title > a,
.div_mobile_menu div.menu_list_item > a {
color: #000;
position: relative;
display: block;
margin: 0 10px;
}
.div_mobile_menu div.menu_list_item > a.have_sub_menu:after {
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.div_mobile_menu div.menu_list_title > a:after {
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.div_mobile_language > ul {
list-style: none;
padding-left: 0;
}
.div_mobile_language > ul > li {
font-size: 1.2em;
font-weight: bold;
padding: 2px 15px;
margin-bottom: 10px;
display: block;
}
.div_mobile_language > ul > li > a {
color: #000;
margin: 0 10px;
}
.div_mobile_share > div.div_mobile_share_title,
.div_mobile_search > div.div_mobile_search_title,
.div_mobile_language > div.div_mobile_language_title {
font-size: 1.5em;
font-weight: bold;
margin: 0 15px 15px;
padding: 0 10px;
position: relative;
}
.div_mobile_share > div.div_mobile_share_title > span,
.div_mobile_search > div.div_mobile_search_title > span,
.div_mobile_language > div.div_mobile_language_title > span {
padding: 0;
position: relative;
z-index: 10;
color: #006629;
}
.div_mobile_share > div.div_mobile_share_title:after,
.div_mobile_search > div.div_mobile_search_title:after,
.div_mobile_language > div.div_mobile_language_title:after {
content: "";
display: none;
height: 25px;
width: 90%;
max-width: 420px;
background: #ffc62e;
position: absolute;
top: 0.8em;
z-index: 0;
}
.div_mobile_search > .mobSearch {
display: none;
}
.div_mobile_search > .searchTool {
display: block;
margin: 15px;
padding: 0 10px;
}
.div_mobile_search > .searchTool input#searchbar {
height: 45px;
border: 0;
box-sizing: border-box;
color: #000;
border-bottom: 1px solid #006629;
background: transparent;
position: relative;
z-index: 5;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
width: calc(100% - 41px);
}
.div_mobile_search > .searchTool input#searchbar::-webkit-input-placeholder,
.div_mobile_search > .searchTool input#searchbar:-moz-placeholder,
.div_mobile_search > .searchTool input#searchbar::-moz-placeholder,
.div_mobile_search > .searchTool input#searchbar:-ms-input-placeholder {
color: #006629;
}
.div_mobile_search .searchIcon {
display: none;
}
.div_mobile_share > a {
display: none;
}
.div_mobile_share > .shareTool {
margin: 15px;
}
.div_mobile_share .div_share {
margin: 0 25px;
}
.div_mobile_share .div_share > a {
margin-right: 5px;
}
.div_mobile_menu #mob-subnav--1 > a {
display: none;
}
.div_mobile_menu .div_share {
margin: 20px 25px 0 25px;
}
.div_mobile_menu .div_share > a {
margin-right: 5px;
}
#flexslider_news_index .flex-pauseplay {
position: absolute; /*
bottom: 3em;*/
left: 7.5em;
top: 6em;
width: 3em;
}
/*===Modify on 20250221 by Netsoft===*/
#flexslider_news_index .flex-pauseplay a {
bottom: auto;
left: auto;
height: 24px;
}
/*===End Add===*/
#flexslider_news_index .flex-direction-nav {
position: absolute; /*
bottom: 3.5em;*/
left: 3em;
top: 6em;
width: 2.8em;
opacity: 1;
}
#flexslider_news_index .flex-direction-nav a {
opacity: 1;
}
#flexslider_news_index .flex-direction-nav a:hover {
opacity: 0.8;
}
#flexslider_news_index .flex-pauseplay a {
top: -16px;
opacity: 1;
}
#flexslider_news_index .flex-pauseplay a:hover {
opacity: 0.8;
}
#flexslider_news_index .flex-direction-nav a:before {
font-size: 22px;
color: rgba(255, 254, 254, 1);
}
#flexslider_news_index .flex-direction-nav a {
height: 28px;
margin: -18px 0 0;
}
#flexslider_news_index .flex-pauseplay .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
#flexslider_news_index {
min-height: 100px;
}
@media print, screen and (max-width: 992px) {
.footerIa {
display: inline-block;
width: 30%;
font-size: 1.4em;
padding-top: 4px;
padding-left: 20px;
}
body #flexslider_news_index .flex-direction-nav a {
height: auto;
}
/*===Modify on 20250221 by Netsoft===*/
body #flexslider_news_index .flex-direction-nav {
/*position: inherit;
bottom: 0.7em;
left: auto;
width: 3em;
float: right;
right: 3.5em;
display:none;*/
position: absolute;
top: 1.7em;
left: auto;/*
width: 2.5em;*/
right: 4em;
}
body #flexslider_news_index .flex-pauseplay {
/*position: inherit;
bottom: 3px;
left: auto;
width: 3em;
float: right;
display:none;*/
position: absolute;
top: 1.7em;
left: auto;
right: 0;/*
width: 3em;*/
}
/*===End Add===*/
.show {
display: block;
}
}
@media print, screen and (max-width: 767px) {
#google_form .google_calendar {
display: none !important;
visibility: hidden !important;
}
.ui-dialog .ui-dialog-title {
width: 100% !important;
}
}
.div_online_course .slides > li .cont .url a.btn_reset,
#flexslider_sub1 .slides > li .cont .url a.btn_reset {
background-color: #1536bb;
}
.div_online_course .slides > li .cont .url a.btn_resume,
#flexslider_sub1 .slides > li .cont .url a.btn_resume {
background-color: #e03400;
}
.div_online_course .slides > li .cont .url a.btn_pending,
#flexslider_sub1 .slides > li .cont .url a.btn_pending {
background-color: #857600;
}
.navbar-my-language {
/*display: none !important;*/
}
.navbar-my-share {
display: none !important;
}
#qrCode {
display: block;
position: absolute;
width: 100%;
padding: 10px;
background: #ffffff;
left: 0;
}
.div_quiz > .q > .question > span {
color: #0b4b71;
font-size: 1.1em;
font-weight: bold;
}
.div_quiz > .q > .message span {
color: #307f2e;
}
.div_quiz > .q > .message span.error {
color: #cc1919;
}
.div_quiz > .q > .anwser > div {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.div_quiz > .q > .anwser input {
position: absolute;
opacity: 0;
z-index: -1;
}
.div_quiz > .q > .anwser label {
width: 100%;
vertical-align: top;
padding: 5px 10px;
border: 1px solid #9b9b9b;
border-radius: 5px;
}
.div_quiz > .q > .anwser label:hover {
cursor: pointer;
border: 1px solid #0b4b71;
}
.div_quiz > .q > .anwser > div .cover {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
padding-left: 0;
min-height: 0;
margin: 0;
background-color: #fff;
border: 1px solid #9b9b9b;
border-radius: 0;
}
.div_quiz > .q > .anwser > div .cover:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: transparent;
}
.div_quiz > .q > .anwser > div .cover.radio {
border-radius: 25px;
}
.div_quiz > .q > .anwser > div .cover.radio:after {
border-radius: 25px;
}
.div_quiz > .q > .anwser > div .cover.active:after {
background-color: #0b4b88;
}
.div_popup_layer > .content p {
text-align: center;
}
.youtube_iframe {
width: 100%;
}
/*.listBanner2{
text-align: center;
}*/
.listBanner2 > div {
display: inline-block;
width: 33%;
min-width: 300px;
padding: 5px;
}
.listBanner2 > div > div {
position: relative;
box-shadow: 0 0 10px -2px #5b5959;
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.listBanner2 > div > div > div.cover {
/*
padding-left: 17px;*/
text-align: center;
}
.listBanner2 > div > div .title {
color: #ffffff;
font-size: 1.3em;
background-color: #5931a0;
border-radius: 77px;
max-width: 250px;
margin: 30px auto;
min-height: 64px;
position: relative;
}
.listBanner2 > div > div .title > a {
position: absolute;
width: 100%;
max-width: 188px;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-decoration: none;
}
.cooperative_institution_banner {
margin-bottom: 20px;
}
.cooperative_institution_org_icon {
margin-bottom: 20px;
}
#flexslider_cooperative_institution {
box-shadow: 0 0 8px -2px #000;
padding: 10px;
margin-bottom: 25px;
}
#flexslider_cooperative_institution .flex-direction-nav {
text-align: center;
margin-top: 20px;
margin-bottom: 0px;
}
#flexslider_cooperative_institution .flex-direction-nav li {
display: inline-block;
}
#flexslider_cooperative_institution .flex-direction-nav a {
position: relative;
opacity: 1;
width: 44px;
height: 42px;
}
#flexslider_cooperative_institution .flex-direction-nav a:before {
font-size: 20px;
color: #ffffff;
background-color: #307f2e;
padding: 10px 15px;
border-radius: 25px;
}
#flexslider_cooperative_institution .flex-direction-nav a.flex-disabled {
opacity: 0.3 !important;
z-index: 1;
}
/*===*/
#flexslider_sub2 .slides > li .title {
/* height: 4em; */
overflow: hidden;
}
#flexslider_sub2 .slides > li .cont .org {
/* height: 2.5em; */
overflow: hidden;
}
.plan_content {
display: inline-block;
width: 100%;
}
.plan_content .content {
float: left;
width: 60%;
}
.plan_content .image {
float: right;
width: 40%;
}
.plan_content .image img {
width: auto;
height: auto;
}
@media print, screen and (max-width: 767px) {
.plan_content .content {
width: 100%;
}
.plan_content .image {
width: 100%;
}
}
/*.mainContent video+a[href*=".pdf"]:after{
content:"";
display:inline-block;
width:32px;
height:29px;
background-image:url(../images/icon_pdf.png;vpn_img);
background-repeat:no-repeat;
vertical-align: top;
}*/
.video_text {
display: inline-block;
background: #335afb;
color: #fff !important;
display: inline-block;
margin: 0;
padding: 10px 35px;
box-sizing: border-box;
font-weight: bold;
border-radius: 15px;
transition: 0.4s;
}
/*.anwser>div{
padding-left:40px;
}*/
.album_year {
width: 100px;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0.5em;
}
.album_year::-ms-expand {
display: none;
}
.album_year_row {
margin-left: 10px !important;
}
#flexslider_photo_index {
background-color: #9AE19A;
/* background-color: white; */
position: relative;
width: 100vw !important;
left: calc(-50vw + 48.5%);
}
#flexslider_photo_index .slides div {
float: left;
width: 50%;
min-width: 500px !important;
}
#flexslider_photo_index .description {
color: #fff !important;
text-align: center;
font-size: 0.8em;
position: absolute;
top: 50%;
left: 50%;
display: block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#flexslider_photo_index .description div {
/* margin-top: -2em;*/
text-align: left;
/* padding-left: 2.5em; */
width: 85%;
float: none;
margin-left: auto;
margin-right: auto;
color:#000;
}
@media screen and (max-width: 1170px) and (min-width: 993px) {
#flexslider_photo_index .description div {
padding: 0 8%;
}
#flexslider_photo_index .description {
/*top: 20% !important;*/
}
}
#flexslider_photo_index .flex-direction-nav a:before {
/* color: #979797 !important; 20230823 */
}
#flexslider_photo_index .flex-prev {
left: -20px;
top: 0;
}
#flexslider_photo_index {
width: 100%;
}
#flexslider_photo_index .photo img {
/* max-height:450px !important; */
height: 450px !important;
width: auto !important;
display: block;
margin-left: auto;
margin-right: auto;
transition: all 0.3s;
}
@media screen and (max-width: 1500px) {
#flexslider_photo_index .photo img {
height: 420px !important;
}
}
@media screen and (max-width: 1430px) {
#flexslider_photo_index .photo img {
height: 400px !important;
}
}
@media screen and (max-width: 1360px) {
#flexslider_photo_index .photo img {
height: 380px !important;
}
}
@media screen and (max-width: 1290px) {
#flexslider_photo_index .photo img {
height: 360px !important;
}
}
@media screen and (max-width: 1220px) {
#flexslider_photo_index .photo img {
height: 340px !important;
}
}
@media screen and (max-width: 1130px) {
#flexslider_photo_index .photo img {
height: 320px !important;
}
}
@media screen and (max-width: 1070px) and (min-width: 992.1px) {
#flexslider_photo_index .photo img {
height: 300px !important;
}
}
#flexslider_photo_index .flex-control-paging a {
/* background: #6b6b6b !important; 20230823 */
display: inline-block;
text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); /* 20230823 */
}
#flexslider_photo_index .flex-control-paging .flex-active {
background: #fe2f07 !important;
}
#flexslider_photo_index .flexslider .flex-control-nav {
bottom: 1em !important;
left: 17em;
}
#flexslider_photo_index .flex-control-paging {
bottom: 1em;
left: 75%;
width: auto;
transform: translateX(-50%);
}
#flexslider_photo_index .flex-direction-nav {
width: 46%;
position: absolute;
right: 2%;
top: 50%;
z-index: 4100;
}
@media print, screen and (max-width: 992px) {
#flexslider_photo_index .slides div {
float: left;
width: 100%;
min-width: 100% !important;
}
#flexslider_photo_index {
width: 100% !important;
left: 0;
}
#flexslider_photo_index .description {
left: 0;
position: inherit;
top: auto;
}
/*===Modify on 20250320 by Netsoft===*/
#flexslider_photo_index .description div {
padding: 2em 0.2em 4em 0.2em;
/*text-align: center;*/
}
/*===End Modify===*/
#flexslider_photo_index .flexslider .flex-control-nav {
left: auto;
bottom: 0 !important;
}
#flexslider_photo_index .photo img {
/* width:auto !important; */
width: 100% !important;
height: auto !important;
display: block;
margin-left: auto;
margin-right: auto;
}
#flexslider_photo_index .flex-direction-nav .flex-next {
/* margin-top: 8em;*/
}
#flexslider_photo_index .flex-prev {
/*
left: auto;
margin-top: 8em;*/
}
#flexslider_photo_index .flex-control-paging {
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
#flexslider_photo_index .photo {
height: 0px;
}
#flexslider_photo_index .flex-active-slide .photo {
height: auto;
}
/*===Modify on 20250319 by Netsoft===*/
body #flexslider_photo_index .flex-direction-nav {
width: calc(100% - 10px);
left: 50%;
right: auto;
top: calc(50% + 28.121484814398200224971878515186vw - 16.872891px);
transform: translate(-50%, 0);
}
body #flexslider_photo_index.flexslider .description {
padding-left: 42px;
padding-right: 42px;
}
body #flexslider_photo_index .flex-direction-nav .flex-prev,
body #flexslider_photo_index:hover .flex-direction-nav .flex-prev{
left: 0;
}
body #flexslider_photo_index .flex-direction-nav .flex-next,
body #flexslider_photo_index:hover .flex-direction-nav .flex-next{
right: 0;
}
/*End Modify*/
}
/*===Modify on 20250319 by Netsoft===*/
#flexslider_photo_index .flex-direction-nav .flex-next {
right: -20px;
top: 0;
}
/*
#flexslider_photo_index:hover .flex-direction-nav .flex-next {
right: -20px;
}*/
/*End Modify*/
@media print, screen and (max-width: 767px) {
#flexslider_photo_index .flex-direction-nav .flex-next {
/*margin-top: 2em;*/
}
#flexslider_photo_index .flex-prev {
left:0;
/*
left: auto;
margin-top: 2em;*/
}
#flexslider_photo_index .flex-direction-nav .flex-next {
right: 0em;
}
#flexslider_photo_index:hover .flex-direction-nav .flex-next {
right: 0em;
}
/*===Modify on 20250319 by Netsoft===*/
/*body #flexslider_photo_index .flex-direction-nav {
top: auto;
bottom: 2em;
}*/
/*End Modify*/
}
/*=============*/
.flex-direction-nav a {
font-size: 0;
}
body div.pp_pic_holder a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.div_know_more .page p {
font-size: 1.4em;
}
.div_quiz {
font-size: 1.4em;
}
.pagelist_area {
font-size: 1.4em;
}
#flexslider_photo_index.flexslider .description {
}
/*============*/
#dialog-confirm {
max-width: 100%;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
z-index: 100;
font-size: 1.4em;
position: fixed !important;
left: 50% !important;
top: 50% !important;
transform: -webkit-translate(-50%, -50%);
transform: -moz-translate(-50%, -50%);
transform: -ms-translate(-50%, -50%);
transform: -o-translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ui-widget-overlay {
background: #aaaaaa;
opacity: 0.3;
filter: Alpha(Opacity=30);
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog .ui-dialog-titlebar {
/*padding: .4em 1em;*/
padding: 5px;
position: relative;
}
.ui-dialog .ui-dialog-title {
/* float: left;*/
display: block;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
display: none;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-button .ui-icon {
background-image: url(../images/ui-icons_777777_256x240.png;vpn_img);
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
display: none;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
text-align: center;
padding: 40px;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none; /*
margin-top: .5em;*/
padding: 10px;
}
.ui-dialog .ui-dialog-buttonset {
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em;
cursor: pointer;
}
.tel_txt {
border: 0;
background: inherit;
}
.tel_txt:focus {
outline: none !important;
}
.overflow_layer > .slider > .page {
visibility: hidden;
outline: 0;
}
.overflow_layer > .slider > .page.active {
visibility: visible;
}
.event_cursor_sel_day {
display: inline-block;
width: 20px;
text-align: center;
padding: 8px 0;
font-size: 1.4em; /* boostrap 4.2.1 1.8em */
cursor: default;
border: 2px solid #b25b11;
border-radius: 0px;
}
.event_cursor_event_day {
display: inline-block;
width: 20px;
text-align: center;
padding: 8px 0;
font-size: 1.8em;
cursor: default;
border: 2px solid #0057a9;
border-radius: 100px;
}
.event_cursor_booth_day {
display: inline-block;
width: 20px;
text-align: center;
padding: 8px 0;
font-size: 1.8em;
cursor: default;
border: 2px solid #8D14BF;
border-radius: 100px;
}
.cooperative_img {
padding: 5px 5px;
overflow: hidden;
}
.cooperative_img > img:not(:last-child) {
margin-right: 1em;
}
.cooperative_img > img {
float: left;
width: 20%;
}
.cooperative_horizontal_img {
/*box-shadow: 2px -11px 8px 8px #8888884f;*/
box-shadow: rgba(0, 0, 0, 0.47) 0px 0px 6px 2px;
}
.cooperative_vertical_img {
/* box-shadow: 7px -1px 5px 5px #8888884f;*/
box-shadow: rgba(0, 0, 0, 0.47) 0px 0px 6px 2px;
}
@media screen and (max-width: 992px) {
.cooperative_img > img {
width: 40%;
}
.cooperative_img > img:last-child {
margin-bottom: 1em;
}
.last_cooperative_img {
width: 100% !important;
margin-top: 1em;
}
}
.eventTool div div {
cursor: pointer;
}
#flexslider_sub2 li div {
cursor: pointer;
}
.listBanner2 div div {
cursor: pointer;
}
/*===================*/
.bodyArea .div_know_more .page > .right img {
width: 100%;
}
.pagelist_area .page .album_title {
display: block;
padding: 15px 10px 15px 10px;
color: #444;
background-color: #fff;
}
.audio {
text-align: right;
margin-right: 40px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.audio {
text-align: center;
margin-right: 0px;
}
.div_popup_layer > .content {
/*height: 80%;*/
}
}
.listBanner > div {
display: inline-block;
width: 100%;
min-width: 300px;
padding: 5px 5px 0 5px;
}
.listBanner > div > div {
position: relative;
box-shadow: 0 0 10px -2px #5b5959;
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.listBanner > div > div > div.cover {
/*
padding-left: 17px;*/
text-align: center;
}
.listBanner > div > div .title {
color: #ffffff;
font-size: 1.3em;
background-color: #5931a0;
border-radius: 77px;
max-width: 250px;
margin: 30px auto;
min-height: 64px;
position: relative;
}
.listBanner > div > div .title > a {
position: absolute;
width: 100%;
max-width: 185px;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-decoration: none;
}
#cal_sel_month:focus,
#cal_sel_month:active {
left: 0.5em;
color: #fff;
background-color: #555;
border: solid #333 2px;
height: auto !important;
width: auto !important;
/*padding: 2px 8px !important;
font-size: 1em !important;*/
z-index: 9999 !important;
}
#cal_sel_year:focus,
#cal_sel_year:active {
left: 0.5em;
color: #fff;
background-color: #555;
border: solid #333 2px;
height: auto !important;
width: auto !important;
/* padding: 2px 8px !important;
font-size: 1em !important;*/
z-index: 9999 !important;
}
.area {
cursor: pointer;
border: solid rgb(187, 204, 0);
font-size: 16px;
color: #030247;
padding: 10px 30px;
transition: 2s;
width: 100px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
border-radius: 50px;
background: #F7AB79;
font-weight: 400;
--hover-borderSize: 2px;
}
.area:hover{
color: #030247;
width: 100px;
background: #F7AB79 none repeat scroll 0% 0% / auto padding-box border-box;
border-color: rgb(204, 0, 105);
border-width: 2px;
border-style: solid;
}
.mainContent .div_data_table_3 {
/*overflow-x: auto;*/
}
.mainContent .div_data_table_3 > table {
border: 0;
box-shadow: 0 0 5px 5px #d3d1d1;
margin: 30px, 10px;
width: 100%;
font-size: 0.7em;
}
.mainContent .div_data_table_3 > table th {
padding: 20px;
/*min-width: 160px;*/
vertical-align: top;
color: #ffffff;
background-color: #178105;
}
.mainContent .div_data_table_3 > table td {
position: relative;
}
.mainContent .div_data_table_3 > table tbody > tr > td:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #d7d7d7;
}
.mainContent
.div_data_table_3
> table
tbody
> tr
> td[rowspan]:first-child:after {
/*right: 20px;*/
}
.mainContent .div_data_table_3 > table tbody > tr > td:last-child:after {
/*right: 20px;*/
}
.mainContent .div_data_table_3 > table td ul {
margin-bottom: 0;
}
.mainContent .div_data_table_3 > table td ul > li {
margin-top: 0;
}
.mainContent .div_data_table_3 > table tbody > tr:nth-child(odd) {
background: #f1f0f0;
}
.mainContent .div_data_table_3 > table tbody > tr > td[rowspan] {
background: #f8fcff;
}
.content label {
font-size: 0.8em;
}
.collapsible-btn {
width: 100%;
margin: 0 0px;
margin-top: 5px;
padding: 10px;
height: 65px;
border: 1px solid #ccc;
background-color: #1d6df7;
color: #fff;
border-radius: 5px;
}
.collapsible-reset{
width: 100%;
margin: 0px;
padding: 10px;
height: 65px;
background-color: #ffffff;
color: inherit;
border: solid 1px #1d6df7;
margin-top: 10px;
}
body.englishVersion .footerArea ul.fMenu > li.my_menu.my_menu3 {
/*width: 25%;*/
display: none;
}
body.chineseVersion.simplify .footerArea ul.fMenu > li.my_menu.my_menu3 {
/*width: 25%;*/
display: none;
}
body.englishVersion .headerMenu ul.menuLv0 > li.my_menu1 > a:before,
body.chineseVersion.simplify .headerMenu ul.menuLv0 > li.my_menu1 > a:before {
background-image: url(../images/smart_silver_icon_menu.png;vpn_img);
}
body.englishVersion .headerMenu ul.menuLv0 > li.my_menu2 > a:before,
body.chineseVersion.simplify .headerMenu ul.menuLv0 > li.my_menu2 > a:before
{
background-image: url(../images/icon_menu_4.png;vpn_img);
}
body.englishVersion .headerMenu ul.menuLv0 > li.my_menu3 > a:before,
body.chineseVersion.simplify .headerMenu ul.menuLv0 > li.my_menu3 > a:before
{
background-image: url(../images/icon_menu_5.png;vpn_img);
}
body.chineseVersion.simplify .footerMenuArea {
position: relative;
padding-top: 10px;
padding-bottom: 20px;
display: flex;
justify-content: center;
font-size: 0.85em;
}
body.chineseVersion.simplify.indexVersion .mainArea0 {
/*
overflow:hidden;*/
background-image: url("../images/bg_header_banner_sc.png;vpn_img");
background-repeat: no-repeat;
background-position: top center; /*background-size: 100% auto;
max-width: 1440px;
margin: auto;*/
}
.table-container {
overflow: visible;
padding: 8px;
}
.swipe {
display: none;
}
@media (max-width: 767px) {
.swipe {
display: block;
}
.table-container {
box-sizing: border-box;
overflow-x: auto;
padding: 8px;
-webkit-overflow-scrolling: touch;
max-width: 100%;
}
table {
box-shadow: none !important;
}
.mainContent .div_data_table_2 > table {
min-width:1000px
}
}
/*===Add on 20250221 by Netsoft===*/
.myheaderTool > div.clientTool div.myMenuBtn {
height: auto;
}
.myheaderTool > div.clientTool div.myMenuBtn img {
margin-top: -.2em;
width: 26px;
}
#flexslider_news_index .flex-direction-nav{
left: 2em;
width: 76px;
}
#flexslider_news_index .flex-direction-nav a {
width: auto;
height: auto;
}
/*===Modify on 20250319 by Netsoft===*/
#flexslider_news_index .flex-direction-nav a:before{
content:'';
width:32px;
height:32px;
/*background-color:#ebf8bf;*/
background-image:url(../images/icon_newsslider_arrow.svg;vpn_img);
/*background-image:url(../images/icon_arrow_286213.svg;vpn_img);*/
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;/*
border-radius:100%;*/
}
#flexslider_news_index .flex-direction-nav a.flex-prev:before{
/*transform: rotate(180deg);*/
background-image:url(../images/icon_newsslider_arrow_r.svg;vpn_img);
}
/*End Modify*/
#flexslider_news_index .flex-pauseplay a{
top: -18px;
width: 32px;
height: 32px;
}
#flexslider_news_index .flex-pauseplay a:before {
content:'';
width:32px;
height:32px;
background-image:url(../images/icon_newsslider_pause.svg;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#flexslider_news_index .flex-pauseplay a.flex-play:before {
background-color:#ebf8bf;
background-image:url(../images/icon_newsslider_play.png;vpn_img);
border-radius:100%;
}
#flexslider_footer .flex-direction-nav a {
width: auto;
height: auto;
}
#flexslider_footer .flex-direction-nav a:before{
content:'';
width:32px;
height:32px;
background-image:url(../images/icon_footslider_arrow.png;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#flexslider_footer .flex-direction-nav a.flex-prev:before{
transform: rotate(180deg);
}
#flexslider_footer .flex-pauseplay a:before {
content:'';
width:15px;
height:15px;
background-image:url(../images/icon_footslider_pause.png;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#flexslider_footer .flex-pauseplay a.flex-play:before {
background-image:url(../images/icon_footslider_play.png;vpn_img);
}
#flexslider_photo_index .flex-direction-nav a {
width: auto;
height: auto;
/*===Add on 20250304 by Netsoft===*/
margin: 0;
transform: translate(0, -50%);
/*===End Add===*/
}
#flexslider_photo_index .flex-direction-nav a:before{
content:'';
width:32px;
height:32px;
background-image:url(../images/icon_galleryslider_arrow.png;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#flexslider_photo_index .flex-direction-nav a.flex-prev:before{
transform: rotate(180deg);
}
#flexslider_photo_index .flex-pauseplay a:before {
content:'';
width:15px;
height:15px;
background-image:url(../images/icon_galleryslider_pause.png;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#flexslider_photo_index .flex-pauseplay a.flex-play:before {
background-image:url(../images/icon_galleryslider_play.png;vpn_img);
}
.paginator li{
vertical-align: middle;
}
.paginator li a {
border: 0;
}
.paginator li.active a {
border: 0;
}
.paginator a.arrow{
position:relative;
padding:3px 0;
}
.paginator a.arrow:before{
content:'';
display:block;
width:32px;
height:32px;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.paginator a.arrow.fst:before{
background-image:url(../images/icon_first_page.png;vpn_img);
}
.paginator a.arrow.last:before{
background-image:url(../images/icon_last_page.png;vpn_img);
}
.paginator a.arrow.prev:before{
background-image:url(../images/icon_previous_page.png;vpn_img);
}
.paginator a.arrow.next:before{
background-image:url(../images/icon_next_page.png;vpn_img);
}
/*===End Add===*/
/*===Add on 20250225 by Netsoft===*/
#flexslider_news_index{
background-color: #0d5a00;
}
#flexslider_news_index .flex-control-paging li a{
border: 1px solid #fff;
background-color: #fff;
box-shadow: none;
}
#flexslider_news_index .flex-control-paging li a.flex-active {
background-color: #d0481f;
}
#flexslider_news_index .flex-control-paging li a:focus,
#flexslider_news_index .flex-control-paging li a:hover {
background-color: #d0481f;
}
#flexslider_news_index .flex-control-paging {
left: calc((100% + 192px) / 2);
width: calc(100% - 192px);
min-width: min(192px, 100vw);
transform: translateX(-50%);
}
.mainArea0 .new #flexslider_news_index .cont{
padding-bottom:32px;
}
#flexslider_news_index.flexslider .flex-control-nav{
bottom: 12px;
}
@media print, screen and (max-width: 992px) {
body .mainArea0 .new #flexslider_news_index .cont{
padding-bottom:4px;
}
body #flexslider_news_index.flexslider .flex-control-nav {
bottom: 2px;
left: 50%;
width: auto;
padding-bottom: 4px;
}
}
/*===End Add===*/
/*===Add on 20250314 by Netsoft===*/
#flexslider_photo_index .flex-control-paging {
padding-left: 0;
}
#flexslider_footer .flex-direction-nav a {
transform: translate(0, -50%);
}
#flexslider_photo_index .flex-pauseplay a:before,
#flexslider_footer .flex-pauseplay a:before{
content: '';
width: 32px;
height: 32px;
background-color: #103a3d;
background-image: url(../images/icon_myslider_pause.svg;vpn_img);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
border-radius: 100%;
}
#flexslider_photo_index .flex-pauseplay a.flex-play:before,
#flexslider_footer .flex-pauseplay a.flex-play:before{
background-image: url(../images/icon_myslider_play.png;vpn_img);
}
#flexslider_photo_index .flex-pauseplay a:hover,
#flexslider_footer .flex-pauseplay a:hover {
opacity: 0.8;
}
#flexslider_photo_index .flex-pauseplay a,
#flexslider_footer .flex-pauseplay a {
width: 32px;
height: 32px;
}
#flexslider_photo_index .flex-pauseplay a{
/*right: calc(2% - 20px);
left: auto;
bottom: 10px;*/
left: 75%;
right:auto;
bottom: calc(1em + 8px);
opacity: 0.7;
}
#flexslider_photo_index .flex-pauseplay a:hover{
opacity: 1;
}
#flexslider_footer .flex-pauseplay{
padding:0;
}
#flexslider_footer .flex-pauseplay a{
position: absolute;
left: 50%;
right: auto;
bottom: 22px;
}
#flexslider_footer.myDisabled .flex-pauseplay a{
display:none;
}
#flexslider_photo_index .flex-pauseplay,
#flexslider_footer .flex-pauseplay {
position: relative;
z-index: 4010;
}
.flex-control-nav.flex-control-paging.freeWidth{
display: inline-block !important;
width: auto !important;
padding: 0 !important;
}
#flexslider_footer .flex-control-paging li a.flex-active {
background: #fe2f07 ;
}
/*===End Add===*/
/*===Modify on 20250319 by Netsoft===*/
#flexslider_footer .flex-control-nav{
position: relative;
bottom: auto;
padding: 20px 0px;
/*
max-height: 64px;
overflow: hidden;
*/
}
/*===End Modify===*/
/*===Modify on 20250320 by Netsoft===*/
@media print, screen and (max-width: 1400px) {
body .footerBanner{
margin-left: 0;
margin-right: 0;
padding-left: 50px;
padding-right: 50px;
}
/*body #flexslider_footer .flex-direction-nav .flex-prev,
body #flexslider_footer:hover .flex-direction-nav .flex-prev {
left: 20px;
}
body #flexslider_footer .flex-direction-nav .flex-next,
body #flexslider_footer:hover .flex-direction-nav .flex-next {
right: 20px;
}*/
}
@media print, screen and (max-width: 992px) {
body #flexslider_photo_index .flex-pauseplay a{
left: 50%;
bottom: 8px;
}
/*body #flexslider_footer .flex-pauseplay a{
right:10px;
}*/
body #flexslider_footer .flex-direction-nav a {
transform: translate(0, 0);
}
body .footerBanner #flexslider_footer .flex-direction-nav a:before {
top: 50%;
margin-top: -64px;
transform: translate(0, -50%);
}
body .footerBanner #flexslider_footer .flex-direction-nav a.flex-prev:before {
transform: translate(0, -50%) rotate(180deg);
}
body #flexslider_footer .flex-direction-nav .flex-prev{
left: -50px;
}
body #flexslider_footer .flex-direction-nav .flex-next {
right: -50px;
}
}
@media print, screen and (max-width: 767px) {
body #flexslider_photo_index .flex-control-paging{
width: 100%;/*
min-height: 57px;*/
padding: 0 85px;
}
body #flexslider_photo_index .flex-pauseplay a{ /*
bottom: 35px;*/
}
}
#flexslider_footer .slides > li > a{
margin-left:auto;
margin-right:auto;
}
#flexslider_footer .flex-direction-nav .flex-prev {
left: -50px;
}
#flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev {
left: -50px;
}
#flexslider_footer .flex-direction-nav .flex-next {
right: -50px;
}
#flexslider_footer.flexslider:hover .flex-direction-nav .flex-next {
right: -50px;
}
/*@media print, screen and (max-width: 992px) {
body #flexslider_footer.flexslider:hover .flex-direction-nav .flex-prev {
left: 10px;
}
body #flexslider_footer.flexslider:hover .flex-direction-nav .flex-next {
right: 10px;
}
}*/
/*
@media print, screen and (max-width: 992px) {
body #flexslider_footer{
overflow: hidden;
}
}*/
.flexslider .flex-direction-nav a {
overflow: visible;
}
@font-face {
font-family: "wico";
src: url("fonts/wico.woff2;vpn_img") format("woff2"), url("fonts/wico.woff;vpn_img") format("woff"), url("fonts/wico.ttf;vpn_img") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.breadcrumb .listStyleInline li,
.breadcrumb .listStyleInline li > *,
.breadcrumb .listStyleInline li > a {
line-height: normal;
}
.breadcrumb .listStyleInline li,
.breadcrumb li{
display: inline-flex;
align-items: center;
}
.breadcrumb .mo{
position:relative;
}
.breadcrumb .mo:after {
content: "\e949";
display: block;
font-size: .5rem;
font-family: "wico";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
transform: rotate(-90deg);
}
.flexslider.mobVer .flex-control-nav{
height:64px;
}
.flexslider.mobVer .flex-control-nav>*{
display:none;
}
.flexslider.mobVer .flex-pauseplay a{
margin-left: 0 !important;
transform: translate(-50%, 0);
}
.flexslider.myDisabled .flex-pauseplay,
.flexslider.myDisabled .flex-direction-nav,
.flexslider.myDisabled .flex-control-nav{
display:none;
}
/*===End Modify===*/
/*===Add on 20250411 by Netsoft===*/
.myflex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.myflex.flexInline{
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.myflex.flexCenter{
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.myflex.flexRight{
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.myflex.flexBetween{
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.myflex.flexAround {
-webkit-justify-content: space-around;
-ms-justify-content: justify;
justify-content: space-around;
}
.myflex.flexEvenly {
-webkit-justify-content: space-evenly;
-ms-justify-content: justify;
justify-content: space-evenly;
}
.myflex.flexTop{
-webkit-align-items: flex-start;
-ms-align-items:start;
align-items:flex-start;
}
.myflex.flexBottom{
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.myflex.flexMiddle{
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.myflex.flexBaseline{
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.myflex.flexColumn{
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.myflex.flexWrap{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.myflex.flexNoWrap{
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.myflex.flexNoFit{
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.myflex.flexFit>div{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.myflex.flexWidth{
width:100%;
}
.myflex.flexHeight{
height:100%;
}
.myflex.dccRow{
margin-left:-10px;
margin-right:-10px;
}
.myflex.dccRow>*{
padding-left:10px;
padding-right:10px;
}
.myflex.flexPaddingright{
margin-right:-10px;
}
@media print, screen and (max-width: 992px) {
body .myflex.flexBlockM>*{
width: 100%;
max-width: 100vw;
}
body .myflex.flexWrapM{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body .myflex.flexCenterM {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
body .myflex.flexTopM{
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
body .myflex.flexLeftM{
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.myflex.flex11>*{
width:50%;
min-width: 50%;
max-width:100%;
}
.myflex.flex111>*{
width:33%;
min-width: 33%;
max-width:100%;
}
.myflex>b,
.myflex>strong{
flex: 0 0 auto;
}
.myflex>.switch_categlory+*,
.myflex>b+*,
.myflex>strong+*{
flex: 1 1 auto;
}
.myflex>.switch_categlory+.category_dropdown {
width: auto;
}
.mainContent .district_dropdown{
padding-left:10px;
padding-right:10px;
}
.mainContent .category_dropdown .content,
.mainContent .district_dropdown .content,
.mainContent .ea_dropdown .content {
left: 0;
right: 0;
width: auto;
}
.mainContent .category_dropdown .content label,
.mainContent .district_dropdown .content label,
.mainContent .ea_dropdown .content label,
.mainContent .mobile_search .content label{
margin-top: 10px;
margin-bottom: 10px;
}
.collapsible-btn,
.collapsible-reset{
height: auto;
width: auto;
min-width:min(202px, 100%);
margin-top: 0;
margin-bottom: 0;
}
.courseBtnArea>*{
margin-right: 20px;
}
.courseRightResetBtnArea{
min-width:min(202px, 100%);
}
.dccRow{
margin:10px 0;
}
.mobile_search>*{
margin-top:5px;
margin-bottom:5px;
}
.mobile_search .collapsible-btn,
.mobile_search .collapsible-reset{
width:100%;
}
.mobile_search .switch_button{
padding-top: 20px;
padding-bottom:20px;
display: flex;
justify-content: center;
}
.mobile_search .switch-btn{
display: inline-block;
padding: 10px 15px;
margin: 0 13px;
font-size: 16px;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease, transform 0.3s ease;
border: none;
}
.table-container>.div_data_table_2{
margin-left: -8px;
margin-right: -8px;
}
.mainContent .table-container>.div_data_table_2>table{
width:100%;
}
.div_classroom_course .collapsible{
border: 1px solid #ccc;
}
.div_classroom_course .collapsible:focus,
.div_classroom_course .collapsible:hover{
border: 1px solid #000;
}
.div_classroom_course .collapsible+.content{
display:block;
opacity:0;
height: 0;
transition: opacity .3s ease;
}
.div_classroom_course .collapsible+.content>.myborder{
display:none;
}
.div_classroom_course .collapsible.active+.content{
opacity:1;
height: auto;
}
.div_classroom_course .collapsible.active+.content>.myborder{
display:block;
}
.collapsible_mobile>img {
height: 32px;
padding-right: 10px;
vertical-align: text-top;
}
/*===End Add===*/
@font-face {
font-family: "awe";
src: url(fonts/awe.eot;vpn_img);
src: url(fonts/awe.eot;vpn_img) format("embedded-opentype"),
url(fonts/awe.woff2;vpn_img) format("woff2"),
url(fonts/awe.woff;vpn_img) format("woff"),
url(fonts/awe.ttf;vpn_img) format("truetype");
font-weight: 400;
font-style: normal;
}
.icon-check:before {
content: "\F00C";
font-family: "awe";
margin-right: 3px;
color: #3DA08D;
}