/* ================= 202511 =================*/

@media (max-width: 1399px) {
    .quick-btn .text {
        font-size: 1.4em !important;
    }
}

.quick-frame {
  background-color: #f8fde6;
  border-radius: 20px;
  padding: 40px 20px;
  max-width: 1920px;
  margin: 40px auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.quick-frame-container {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.quickFrameLeft {
  flex: 0 0 70%;
  width: 70%;
}

.quickFrameRight {
  flex: 1;
  min-width: 0;
}

/* Base quick-container styles (from index.php) */
.quick-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

/* Base quick-btn styles - shared by all buttons */
.quick-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border-radius: 10px;
  padding: 0 12px;
  height: 90px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

/* Buttons in quick-container (from index.php) - horizontal layout by default */
.quick-container .quick-btn {
  flex: 1 1 calc(33.333% - 20px);
  min-width: 300px;
  max-width: 400px;
}

/* Buttons in quickFrameRight .quick-container (from indexResources.php) - always vertical */
.quickFrameRight .quick-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.quickFrameRight .quick-container .quick-btn {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.btn-orange {
  background: linear-gradient(135deg, #E84F0D, #FF8855);
}

.btn-blue {
  background: linear-gradient(135deg, #14246E, #4b6cb7);
}

.btn-green {
  background: linear-gradient(135deg, #018D73, #2CD096);
}

.btn-lightBlue {
  background: linear-gradient(135deg, #4ab8c1, #81D9E3, #a3e7ed);
  color: #000;
}

.btn-orange:hover {
  background: linear-gradient(135deg, #ff764a, #ffb48d);
  color: #000;
}

.btn-blue:hover {
  background: linear-gradient(135deg, #3b5bb7, #7a96e8);
  color: #000;
}

.btn-green:hover {
  background: linear-gradient(135deg, #3dd3a3, #7efad1);
  color: #000;
}

.btn-lightBlue:hover {
  background: linear-gradient(135deg, #5cc9d2, #94e2ec, #b8f0f5);
}


.indexIconinfographics {
  background-image: url("../images/indexIcon_Infographics.png");
}

.indexIconVideo {
  background-image: url("../images/indexIcon_Videos.png");
}

.indexIconPhotoGallery {
  background-image: url("../images/indexIcon_photoGallery.png");
}

.btn-lightBlue:hover .indexIconinfographics {
  background-image: url("../images/indexIcon_Infographics_hover.png");
}

.btn-lightBlue:hover .indexIconVideo {
  background-image: url("../images/indexIcon_Videos_hover.png");
}

.btn-lightBlue:hover .indexIconPhotoGallery {
  background-image: url("../images/indexIcon_photoGallery_hover.png");
}

.community {
  background-image: url("../images/indexIcon_community_digital_support_stations.png");
}

.training {
  background-image: url("../images/indexIcon_taugh_training_classes.png");
}

.self-training {
  background-image: url("../images/indexIcon_online_self-learning_courses.png");
}

.btn-orange:hover .community {
  background-image: url("../images/indexIcon_community_digital_support_stations_hover.png");
}

.btn-blue:hover .training {
  background-image: url("../images/indexIcon_taugh_training_classes_hover.png");
}

.btn-green:hover .self-training {
  background-image: url("../images/indexIcon_online_self-learning_courses_hover.png");
}


.quick-btn .icon {
  width: 60px;
  height: 60px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}


.quick-btn .text {
  flex: 1;
  text-align: left;
  font-size: 1.8em;
  line-height: 1.1;
  font-weight: bold;
  text-decoration: none;
}


.quick-btn:hover .text {
  text-decoration: none;
  font-color: #000 !important;
}

.quick-btn .arrow {
  font-size: 20px;
  transition: transform 0.3s ease;
}


.quick-btn:hover {

  transform: translateY(-10px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
}

.quick-btn:hover .arrow {
  transform: translateX(6px);
}

.quick-btn:hover .icon {
  transform: scale(1.1);
}

.quick-btn,
.quick-btn:hover,
.quick-btn:focus,
.quick-btn:active {
  text-decoration: none;
}




.arrow::before {
  content: "\F231";
  font-family: "bootstrap-icons";
  font-size: 20px;
  display: inline-block;
  transition: transform 0.3s ease;
}

.more-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 10px 30px;
  border: 1.5px solid #000;
  border-radius: 30px;
  background: transparent;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}

.more-btn:hover {
  background-color: #000;
  color: #fff;
}


/* Screen size 576px - 1200px */
@media (min-width: 576px) and (max-width: 1366px) {
  /* quick-container buttons (from index.php) - keep horizontal */
  .quick-container:not(.quickFrameRight .quick-container) {
    justify-content: center;
    flex-direction: row;
  }

  .quick-container:not(.quickFrameRight .quick-container) .quick-btn {
    flex: 1 1 calc(33.333% - 20px);
    min-width: 300px;
    max-width: 400px;
  }

  /* quickFrameRight buttons - keep vertical (already set) */
  .quickFrameRight .quick-container {
    flex-direction: column;
  }

  /* quick-frame-container - keep side by side */
  .quick-frame-container {
    flex-direction: row;
  }
}

/* Screen size < 576px */
@media (max-width: 575px) {
  /* quick-container buttons (from index.php) - change to vertical, almost full width */
  .quick-container:not(.quickFrameRight .quick-container) {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .quick-container:not(.quickFrameRight .quick-container) .quick-btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 80px;
  }

  /* quickFrameRight buttons - keep vertical */
  .quickFrameRight .quick-container {
    flex-direction: column;
    width: 100%;
  }

  .quickFrameRight .quick-container .quick-btn {
    width: 100%;
    max-width: 100%;
  }

  /* quick-frame-container - stack vertically, quickFrameRight below quickFrameLeft */
  .quick-frame-container {
    flex-direction: column;
    width: 100%;
  }

  /* Both sections use almost full width */
  .quickFrameLeft,
  .quickFrameRight {
    width: 100%;
    flex: 1 1 100%;
  }
}



/* ================= END 202511 =================*/



/* ================= FAQ =================*/

/* FAQ Container */
.faq-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
}

/* Category Titles */
.category-title {
  color: #2c3e50;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 2rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #3498db;
}

/* Accordion Styling */
.accordion {
  margin-bottom: 2rem;
}

.accordion-item {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.accordion-button {
  background-color: #fff;
  color: #2c3e50;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1.25rem;
  border: none;
  box-shadow: none;
  transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background-color: #3498db;
  color: white;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.accordion-button::after {
  background-size: 1rem;
  transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
  /* filter: brightness(0) invert(1); */
}

.accordion-body {
  padding: 1.5rem;
  background-color: #fff;
  color: #555;
  font-size: 1.5rem;
  line-height: 1.6;
}

/* Numbering Styles */
.question-number,
.answer-number {
  /*color: #040471;*/
  font-size: 1.5rem;
  font-weight: bold;
  min-width: 40px;
  flex-shrink: 0;
  margin-top: 2px;
}

.question-text,
.answer-text {
  flex: 1;
  font-size: 1.5rem;
}

.accordion-button .d-flex {
  width: 100%;
}

.accordion-body .d-flex {
  align-items: flex-start;
}

/* Content Styling */
.accordion-body p {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.accordion-body a {
  color: #3498db;
  font-size: 1rem;
  text-decoration: none;
}

.accordion-body a:hover {
  color: #cfe8f9;
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
  .faq-container {
    padding: 15px;
  }

  .category-title {
    font-size: 1.25rem;
    margin: 1.5rem 0 0.75rem;
  }

  .accordion-button {
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }

  .accordion-body {
    padding: 1rem;
    font-size: 1rem;
  }

  .question-number,
  .answer-number {
    font-size: 1rem;
  }

  .question-text,
  .answer-text {
    font-size: 1rem;
  }
}

/* ================= END FAQ =================*/

html,
html body {
  font-size: 1em;
  filter: grayscale(1);
}

body {
  font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
  background-color: #fff;
  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;
}

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_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);*/
  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: 0.9375rem;
}

.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;
}

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);*/
  background-repeat: no-repeat;
  background-position: top center;
  /*
	min-height:500px;*/
}

#header:after {
  /*	content:" ";
	display:block;
	width:100%;
	height:20px;
	background-image:url(../images/sd_header.jpg);
	background-position:left top;
	background-repeat:repeat-x;*/
}

.headerArea .container {
  /*	height: 135px*/
}

/*#wrap{
	background-image:url(../images/bg_main1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}*/
#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);*/
  background-repeat: no-repeat;
  /*
	height: 10px;*/
}

.headerTop {
  /*	float: right;*/
  text-align: right;
  /*
	min-height: 125px;*/
}

.headerArea .headerBottom {
  /*	background-image: url('../images/bg_header.png');
	background-repeat: repeat-y;
	padding: 20px;*/
}

.headerArea .headerBg {
  background-color: #ff913f;
  height: 43px;
  width: 100%;
  position: absolute;
  top: 122px;
  left: 0;
  z-index: -1;
  border-bottom: 3px solid #203682;
}

.headerArea ul {
  margin: 0;
  padding: 0;
}

.headerArea .myTool {
  /*background-color:#fff;*/
  /*float:left;*/
}

.headerArea .headerTool {
  /*background-color:#032257;*/
  background-color: inherit;
  /*	width: 85%;*/
  color: #3e5259;
  /*	position: relative;/*background-image:url(../images/clf/bkgdtexture.gif);*/
  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: #F05429;
}

.headerArea .topHeaderTool {
  margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
  margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool>div,
.headerArea .headerTool .bottomHeaderTool>div {
  float: left;
}

.headerArea .headerTool .myTool .myLogo {
  position: relative;
  z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
  position: absolute;
  left: 0;
  right: 0;
  height: 101px;
  background-repeat: repeat-x;
  /*	background-image: url(../images/bg_header.jpg);*/
  z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
  float: left;
  margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,
.headerTool .topHeaderTool,
.headerArea .bottomHeaderTool {
  float: right;
  width: 80%;
}

.myheaderTool>div.clientTool {
  color: #444;
  /*	height: 95px;*/
  padding-top: 0;
  padding-right: 0px !important;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 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);
	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;
}

/* 20251120 */
.headerArea .headerTool .headerMenu {
  position: absolute;
  right: 0;
  margin-top: -15px;
  left: auto;
  /*right: -6% !important;*/
  text-align: left !important;
  z-index: 8000;
  width: auto;
  min-width: 650px;
  max-width: 980px;
  border: 5px solid #ea7b17;
  transition: 
      transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
      background-color 0.3s ease,
      box-shadow 0.4s ease,
      border-color 0.3s ease,
      opacity 0.3s ease;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  box-shadow: 
      0 8px 25px rgba(0, 0, 0, 0.15),
      0 4px 15px rgba(255, 152, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  transform: translateY(-10px) scale(0.95);
  opacity: 0;
  visibility: hidden;
}

/* Constrain menu position on wide screens to stay near menu button */
@media (min-width: 1400px) {
  .headerArea .headerTool .headerNav {
    position: relative;
  }
  
  /* Position menu relative to myheaderTool (where button is) instead of entire headerNav */
  .headerArea .headerTool .myheaderTool {
    position: relative;
  }
  
  /* Calculate right position: align with right edge of myheaderTool */
  .headerArea .headerTool .headerMenu {
    /* Use JavaScript to set this dynamically, or use CSS calc */
    /* For now, constrain max-width to prevent going too far */
    max-width: min(800px, calc(100vw - 2rem));
  }
}

.headerArea .headerTool .headerMenu.active,
.headerArea .headerTool .headerMenu.show {
  /* transform: translateY(0) scale(1); */
  opacity: 1;
  visibility: visible;
}

.headerArea .headerTool .headerMenu:hover {
  /* transform: translateY(0) scale(1.02); 
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  box-shadow: 
      0 15px 50px rgba(0, 0, 0, 0.2),
      0 8px 25px rgba(255, 152, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-color: #ff9800; */
}

.headerArea .headerTool .headerMenu:active {
  transform: translateY(0) scale(0.98);
  transition-duration: 0.1s;
  border-color: #f57c00;
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(-15px) scale(0.95);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.headerArea .headerTool .headerMenu.active {
  /* animation: slideInFromTop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); */
}

.headerArea .headerTool .headerMenu {
  /* margin-top: -24px;
  margin-right: 4px; */
}
.chineseVersion .headerMenu ul.menuLv0>li>a
.headerArea .headerTool .headerMenu ul {
  list-style: none;
  margin: 0;
  padding: 16px;
}

.headerMenu ul.menuLv0>li>a:hover{
  color: #F05429
}

.headerArea .headerTool .headerMenu li {
  padding: 4px 16px;
  /* border-bottom: 1px solid #eee; */
  transition: all 0.2s ease;
}

.headerArea .headerTool .headerMenu li:last-child {
  border-bottom: none;
}

.headerArea .headerTool .headerMenu li:hover {
  /* background-color: #fff3e0; */
  transform: translateX(5px);
}

/* Ensure the parent container has relative positioning */
.headerArea .headerTool {
  position: relative;
  display: inline-block;
}

/* 20251120 */

.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);
	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.6rem;
  font-weight: bold;
  color: #779dcb;
  text-align: center;
  padding-top: 170px;
  display: block;
  width: 160px;
  position: absolute;
  top: 40px;
  transform: translate(-150%, 0);
  /*	top:50%;
    transform: translate(-150%,-50%);*/
  background-image: url(../images/icon_topmenu_1.png);
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 8920;
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(1)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_1.png);
  content: "16-22簞C";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(2)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_2.png);
  content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(3)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_3.png);
  content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(4)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_4.png);
  content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(5)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_5.png);
  content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(6)>ul.menuLv1:before {
  background-image: url(../images/icon_topmenu_6.png);
  content: "";
}

.headerMenu.subheaderMenu .open>ul.menuLv1:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #1f61af;
  z-index: 8910;
}

.headerMenu.subheaderMenu .open>ul.menuLv1>li {
  position: relative;
  display: inline-block;
  z-index: 8920;
}

.headerMenu ul ul.menuLv1 {
  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.2rem;
  font-weight: bold;
}

.headerMenu ul.menuLv1>li>a {
  font-size: 1rem;
}

.headerMenu ul.menuLv2>li>a {
  font-size: 1rem;
}

.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 {
  border-bottom: 0px;
}

.headerMenu ul.menuLv0>li.my_menu5 {
  width: 0%;
  display: none;
}

.headerMenu ul.menuLv0>li>a {
  position: relative;
  padding-right: 40px;
  padding-left: 35px;
}

.headerMenu ul.menuLv0>li>a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 34px;
  height: 30px;
  background-repeat: no-repeat;
  top: -2px;
}

.englishVersion.mySize1 .headerMenu ul.menuLv0>li>a:before {
    top: 8px;
}

.headerMenu ul.menuLv0>li.my_menu1>a:before {
  background-image: url(../images/nav_icon_1.png);
}

.headerMenu ul.menuLv0>li.my_menu2>a:before {
  /*background-image: url(../images/icon_menu_2.png);*/
  background-image: url(../images/nav_icon_2.png);
}

.headerMenu ul.menuLv0>li.my_menu3>a:before {

  background-image: url(../images/smart_silver_icon_menu.png);
}

.headerMenu ul.menuLv0>li.my_menu4>a:before {
  background-image: url(../images/nav_icon_3.png);
}

.headerMenu ul.menuLv0>li.my_menu5>a:before {
  /* background-image: url(../images/digital_tips_orange.png); */
}

.headerMenu ul.menuLv0>li.my_menu6>a:before {
  background-image: url(../images/icon_menu_6.png);
}

.headerMenu ul.menuLv0>li.firstLi:before {
  content: "";
  display: none;
}

.headerMenu ul.menuLv0>li:before {
  /*	content:'';
	background-image:url(../images/icon_menu_near.png);
	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);*/
  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);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.headerMenu ul.menuLv0>li.my_menu0:after {
	background-image: url(../images/navigation/icon/cyber_risk.png);
}
.headerMenu ul.menuLv0>li.my_menu1:after {
	background-image: url(../images/navigation/icon/alerts.png);
}
.headerMenu ul.menuLv0>li.my_menu2:after {
	background-image: url(../images/navigation/icon/report.png);
}
.headerMenu ul.menuLv0>li.my_menu3:after {
	background-image: url(../images/navigation/icon/gov_ref.png);
}
.headerMenu ul.menuLv0>li.my_menu4:after {
	background-image: url(../images/navigation/icon/comment_icon.png);
}*/
/*.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: 1rem;
  text-align: left;
  /*max-width: 148px;*/
  background-repeat: no-repeat;
}

/*.tMenu>li.my_menu0 {
	background-image: url(../images/navigation/desktop/navigation_01.jpg);
}
.tMenu>li.my_menu1 {
	background-image: url(../images/navigation/desktop/navigation_02.jpg);
}
.tMenu>li.my_menu2 {
	background-image: url(../images/navigation/desktop/navigation_03.jpg);
}
.tMenu>li.my_menu3 {
	background-image: url(../images/navigation/desktop/navigation_04.jpg);
}
.tMenu>li.my_menu4 {
	background-image: url(../images/navigation/desktop/navigation_05.jpg);
}*/
/*.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);*/
  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);*/
  background-position: right top;
  background-repeat: no-repeat;
}

.headerMenu .tMenu li ul>li>a {
  /*background-image:url(../images/bg_menu_overlay.png);*/
  /*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);
	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);
	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);
}*/
/*.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;
  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;
  /* 20251027 */
  padding: 0px 0 140px 0;
  /* background-image:url(../images/bg_footer.png);
	   background-repeat:no-repeat;
     background-size: cover;*/
  /* background-color: #b7ecf4;*/
  background-image: url(../images/bg_footer3.png);
  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);
  */
}

.footerMenuArea {
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
  /* 20030828 sitemap */
  justify-content: space-around;
  /* 20030828 sitemap */
  font-size: 0.85em;
  /* 20251027 */
  display: none;
}

.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;*/
  max-width: 1180px;
  width: 100%;
  padding: 0 15px !important;
  margin: auto !important;
  margin: 0 auto !important;
}

.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);
  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);
  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);
  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: 70px;
  /* 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);
	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);
	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);*/
  /*
	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);
	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: 20px;
  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');
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:3100;*/
}

.mainHeader h1 {
  /*	background-image: url('../images/banner_sec1_v2.png');*/
  background-repeat: no-repeat;
  background-position: right bottom;
}

.mainHeader.section0 h1 {
  /*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section1 h1 {
  /*	background-image: url('../images/banner_sec1_v2.png');*/
}

.mainHeader.section2 h1 {
  /*background-image: none;
	padding:43px 0;*/
  /*	background-image: url('../images/banner_sec2_v2.png');*/
}

/*.mainHeader.section2:before{
    height:121px;
	background-image:url('../images/bg_header2.jpg');
}
.mainHeader.section3 h1{
	background-image: url('../images/banner_sec3_v2.png');
}
.mainHeader.section4 h1{
	background-image: url('../images/banner_sec4_v2.png');
}
.mainHeader.section5 h1{
	background-image: url('../images/banner_sec5_v2.png');
}
.mainHeader.section6 h1{
	background-image: url('../images/banner_sec6_v2.png');
}
.mainHeader.section7 h1{
	background-image: url('../images/banner_sec7_v2.png');
}
.mainHeader.section8 h1{
	background-image: url('../images/banner_sec8_v2.png');
}
.mainHeader.section9 h1{
	background-image: url('../images/banner_sec9_v2.png');
}*/
.mainHeader.section1 h1 {
  /*	text-shadow: 2px 2px 4px #125611;*/
}

.mainHeader h1 {
  text-align: left;
  margin: 0px;
  font-weight: bold;
  padding: 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);
	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);*/
  /*
	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: 100%;
  left: auto;
  transform: none;
}

.headerArea2 {
  height: 0;
}

.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");
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
}

.headerArea .headerTool .mailTool a {
  color: #fff;
  width: 50px;
  display: block;
  margin: 3px auto;
  line-height: 1.5em;
}

div.flexslider {
  /*margin-top:-60px;
	margin-bottom:-50px;*/
}

.indexContent {
  position: relative;
  z-index: 8000;
  width: 940px;
  margin: 0 15px;
  padding: 10px 0;
}

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

.colorSort {
  width: 180px;
  padding: 0 10px;
}

.colorSort>div {
  background-color: #efefef;
  padding: 10px 50px 20px 10px;
  margin-bottom: 1px;
}

.colorSort .cerise {
  border-left: 5px solid #da3287;
}

.colorSort .lochmara {
  border-left: 5px solid #007ec7;
}

.colorSort .hippieGreen {
  border-left: 5px solid #53824b;
}

.colorSort .lavenderIndigo {
  border-left: 5px solid #9457eb;
}

.newsArea {
  width: 375px;
  padding: 0 10px;
}

.newsArea .newsTopic {
  color: #ab264c;
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 10px;
}

.newsArea .newsDate {
  color: #3e5259;
  font-weight: bold;
}

.newsArea .newsTitle,
.newsArea .newsTitle a {
  color: #4f3e71;
}

.newsContent {
  overflow-y: auto;
  max-height: 215px;
}

.newsContent>div {
  margin-top: 20px;
}

.header2 {
  display: none;
}

/*=================================*/
.mainContent .full {
  padding: 0;
}

.index_row {
  margin-bottom: 50px;
}

.mainContent .main_left {
  width: 770px;
  float: right;
  max-width: 100%;
}

.mainContent .sub_right {
  margin-left: 10px;
  width: 250px;
  float: left;
  position: relative;
}

.simple_tab {
  display: inline-block;
  font-weight: bold;
  height: 34px;
  padding: 10px 40px 10px 20px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 15px;
  background-color: #e8c8bb;
  background-image: url(../images/tag/white_arrow.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.simple_tab:after {
  content: " ";
  position: absolute;
  width: 17px;
  height: 34px;
  background-image: url(../images/tag/deep_pink.png);
  background-repeat: no-repeat;
  left: 100%;
  top: 0;
}

/*==============================*/
#cloud {
  width: 380px;
  height: 280px;
}

#cloud>div {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

#cloud a {
  display: block;
  padding: 8px 25px;
  color: #fff;
  background-color: #c4c4c4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
}

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

#chart>div {
  width: 420px;
  height: 280px;
  margin: 30px 5px;
  float: left;
}

/*#chart>div>div{
	position:relative;
}
#chart>div>div:after{
	content:" ";
	display: block !important;
    float: none !important;
    clear: both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}*/

/*==================*/
.comment_input {
  margin: 10px 0 50px 0;
}

.comment_input textarea {
  margin-bottom: 10px;
  padding: 16px;
  width: 100%;
  height: 200px;
  background-color: #f4f4f4;
}

.comment_input .button {
  text-align: right;
}

.comment_input button {
  border: 0;
  background-color: #535353;
  color: #fff;
  padding: 0 20px;
  height: 32px;
  border-radius: 3px;
}

.comment_area {
  position: relative;
  padding: 10px 0;
  border-top: 2px solid #e6e6e6;
}

.comment_area:before {
  content: " ";
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: #f68c38;
  top: -2px;
  left: 0;
  display: block;
  z-index: 6000;
}

.comment_area .comment_main>div,
.comment_area .comment_sub>div {
  padding: 16px 12px;
}

.comment_area .comment_main>div {
  background-color: #f1f1f1;
  border: 3px solid #dedede;
}

.comment_area .user {
  float: left;
  max-width: 95px;
}

.comment_area .user .icon {
  margin-bottom: 5px;
}

.comment_area .user .name {
  color: #345304;
  text-align: center;
  margin-bottom: 5px;
  word-break: break-all;
}

.comment_area .user .position {
  color: #2b597f;
  text-align: center;
  margin-bottom: 5px;
}

.comment_area .comment_detail {
  padding-left: 125px;
}

.comment_area .comment_detail .cont {
  margin-bottom: 10px;
}

.comment_area .comment_detail .tool {
  margin-bottom: 10px;
}

.comment_area .comment_detail .tool>div {
  display: inline-block;
  margin-right: 20px;
}

.comment_area .comment_detail .tool>div a {
  color: #858586 !important;
}

.comment_sub {
  margin-left: 120px;
}

.comment_sub>div {
  margin: 10px 0;
}

/*==================*/
div.ms-options-wrap {
  position: relative;
  display: inline-block;
  vertical-align: initial;
  margin: 10px 10px;
  width: 600px;
}

span.ms_text {
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.ms-options ul li {
  margin: 0;
}

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

/*glossary=*/
.content-block .browse-button-bar {
  margin: 0 0 10px 0;
  clear: both;
  height: 30px;
}

.content-block .span12.btn-group {
  margin: 0 0 10px 0;
  display: block;
}

.content-block .span6.btn-group {
  margin: 0 0 10px 0;
  display: none;
}

.content-block .btn-group .btn {
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  text-transform: capitalize;
}

.content-block .btn-group a {
  color: #767676;
  text-decoration: none;
  padding: 4px 7px;
  line-height: 28px;
}

.content-block .btn-group .btn-primary {
  padding: 0px 7px;
  line-height: 28px;
}

.content-block .recent-terms-title {
  font-weight: 800;
  margin-bottom: 13px;
}

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #3e535a;
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn:hover {
  color: #fff;
}

/*my message*/
span.my_message {
  background-image: url(../images/my_message.png);
  background-repeat: no-repeat;
  padding-left: 25px;
}

/*system_specific_alerts*/
.system_type {
  padding-left: 52px;
}

/*tag*/
.tag {
  color: #ec7514;
}

.tag strong {
  color: #3e5259;
}

/*banner*/
.carousel-inner .left {
  display: none;
}

.carousel-inner .right {
  display: none;
}

/*banner*/

#blog .left {
  float: left;
  max-width: 50%;
}

#blog .right {
  float: right;
  max-width: 50%;
}

/*comment_tag*/
.comment_tag {
  background-image: url(../images/comment_orange_small_icon.png);
  background-repeat: no-repeat;
  height: 29px;
  width: 26px;
  display: inline-block;
  clear: left;
  vertical-align: middle;
  cursor: pointer;
}

/*security_article*/
ol.security_article strong {
  left: -38px;
  position: relative;
}

ol.embrace li {
  list-style-type: lower-roman;
}

ul.ref li {
  list-style-type: lower-alpha;
}

/*request*/
.request {
  background-image: url(../images/request_icon.png);
  background-repeat: no-repeat;
  height: 29px;
  width: 30px;
  display: inline-block;
  clear: left;
  vertical-align: middle;
  cursor: pointer;
}

/*reply*/
.reply {
  background-image: url(../images/icon_reply.png);
  background-repeat: no-repeat;
  height: 29px;
  width: 26px;
  display: inline-block;
  clear: left;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 40px;
}

/*user*/
#user form {
  min-height: 160px;
}

table#user button {
  border: 0;
  background-color: #535353;
  color: #fff;
  padding: 0 15px;
  height: 32px;
  border-radius: 3px;
}

.large_symbol {
  font-size: 56px;
  font-weight: bold;
  line-height: normal;
  display: inline-block;
  width: 30px;
  height: 45px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.intro_first {
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
}

.intro_first_img {
  font-size: 12px;
  display: block;
  float: right;
  margin-left: 15px;
  height: 300px;
  width: 166px;
  line-height: 18px;
}

.larry_page {
  font-size: 19px;
  display: block;
  float: right;
  margin-left: 15px;
  font-style: italic;
}

.home img {
  /*    width:27px;
	height: 27px;*/
  vertical-align: text-top;
}

.mobile_view img {
  width: 27px;
  height: 27px;
}

.contentArea .subMenu ul.listStyleBlank {}

.paging_area .cont ul {
  margin-left: 15px;
}

.paging_area .cont li {
  display: list-item;
  list-style-position: outside;
  line-height: 25px;
  text-align: justify;
  margin-right: 7px !important;
  padding-right: 7px !important;
}

.paging_area .cont ul li ul {
  padding-left: 20px;
}

.paging_area th {
  background-color: #3f535a;
  color: #fff;
  font-weight: bold;
  padding: 11px;
}

.contact_us th {
  background-color: #3f535a !important;
  color: #fff;
  font-weight: bold;
  padding: 11px;
}

#footer .container .footerMenu ul.menuLv0 {
  /*    width: 95% !important;
	margin: 0 auto!important;*/
}

.footerMenu ul li {
  /*    font-size: 13px;*/
}

.footerMenu ul li ul {
  /*	margin-right: 11px;
	padding-right: 11px;
	display:block*/
}

.footerMenu ul li ul ul {
  /*	display:none*/
}

.glyphicon-chevron-right {
  background-image: url(../images/right.gif);
  background-repeat: no-repeat;
  height: 61px !important;
  width: 38px !important;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.glyphicon-chevron-left {
  background-image: url(../images/left.gif);
  background-repeat: no-repeat;
  height: 61px !important;
  width: 38px !important;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.glyphicon-chevron-right:before {
  content: none !important;
}

.glyphicon-chevron-right:before {
  content: none !important;
}

.glyphicon-chevron-left:before {
  content: none !important;
}

.glyphicon-chevron-left:before {
  content: none !important;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span {
  text-align: left;
  padding-left: 0;
  /*	padding-right: 44px;*/
  padding-right: 0;
  display: block;
  word-break: break-word;
  margin-top: 0;
  padding-left: 40px;
  position: relative;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span>img {
  position: absolute;
  left: 0;
  top: 0;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li .caret {
  /*	background-image: url(../images/nav_bullet_second_level.gif);*/
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  /*	margin-left: 13px;
	padding-left: 15%;*/
  position: absolute;
  top: 0;
  right: 13px;
  padding-right: 0;
  margin-top: 15px !important;
}

.background-white {
  border-top-width: 6px !important;
  border-top-style: solid !important;
  border-top-color: #3f535a !important;
}

.footerMenu .caret {
  display: none;
}

.future_task_force ul li {
  list-style-type: lower-alpha;
}

.future_task_force ul li ul li {
  list-style-type: lower-roman;
}

p.topic {
  padding-top: 0px;
}

.topic {
  font-weight: bold;
  font-style: italic;
}

.topic_row {
  height: 185px;
  display: block;
}

.topic_row img {
  clear: both;
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: text-top;
  padding-top: 0px;
}

.future_task_force h3 {
  padding-bottom: 5px;
}

.topic_row h4 {
  font-size: 13px;
  font-weight: bold;
  color: #287228;
}

.cont .topic_row a::before {
  padding-top: 15px;
  padding-bottom: 15px;
}

.speaker {
  font-size: 14px;
  font-weight: bold;
}

.related_links .cont a::before {
  content: url(../images/external_link.png);
  display: inline;
  padding-top: 5px;
}

.guideline .cont li a::before {
  display: inline;
}

.guideline .paging_area .cont li {
  list-style-type: none;
}

.guideline .paging_area .cont li li {
  list-style-type: disc;
}

.guideline .cont li li a::before {
  content: none;
  display: inline;
  padding-top: 5px;
}

/*==========*/
.roman_list {
  list-style-type: lower-roman;
}

.mainContent {
  /*	position:relative;*/
  /*	padding-top:30px;*/
}

.mainContent .left_img {
  width: 360px;
  position: absolute;
}

.mainContent .right_cont {
  padding-left: 360px;
}

.mainContent .list_anchor {
  padding-top: 25px;
  border-top: 2px solid #133c8b;
  margin-bottom: 80px;
}

.mainContent .list_anchor ul {
  padding-left: 0;
  list-style-type: none;
}

.list_anchor li {
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
}

.list_anchor li span {
  position: absolute;
  left: 0;
  top: 0;
}

.list_anchor li.fst a {
  padding-left: 0;
}

.list_anchor li.lst a {
  padding-right: 0;
}

.list_anchor li a {
  display: block;
  padding: 0 2em;
  color: #000 !important;
  text-decoration: none !important;
}

.list_anchor li.active a {
  color: #32569a !important;
}

/*====*/
.iconPdf {
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.system_maintenance_schedule table {
  width: 100%;
}

.system_maintenance_schedule table ul {
  padding-left: 5px;
}

.uppercase {
  text-transform: uppercase;
  font-weight: bold;
}

.AML h3 {
  padding-bottom: 10px;
}

.alerts .cont .panel .panel-title a {
  text-decoration: none !important;
  font-weight: bold !important;
}

.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);
	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: 25px;
  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;
}

@media (max-width: 767px) {
  .weatherToolColumn {
    font-size: 0.8em;
  }
}

.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: #fe2f07;
  border-bottom: 1px solid #c72a0b;
}


.eventTool_grp4>div:nth-child(2)>div {
  background-color: #1536bb;
  border-bottom: 1px solid #07218b;
}


.eventTool_grp4>div:nth-child(3)>div {
  background-color: #008055;
  border-bottom: 1px solid #005434;
}




.eventTool_grp4>div:nth-child(1)>div:before {
  background-image: url(../images/smart_silver_icon.png);
  background-color: #c72a0b;
}



.eventTool_grp4>div:nth-child(2)>div:before {
  background-image: url(../images/weather/icon_event_2.png);

  background-color: #11236b;
}

.eventTool_grp4>div:nth-child(3)>div:before {
  background-size: 50px 50px;
  background-image: url(../images/weather/icon_event_1.png);

  background-color: #018d73;
}

@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);
  background-color: #c72a0b;
}



.eventTool_grp3>div:nth-child(2)>div:before {
  background-image: url(../images/weather/icon_event_1.png);
  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 30px auto;
  padding: 3px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 15px;
}

.eventTool_grp1>div {
  /* padding: 0 6px; */
  margin-top: 50px;
}

.eventTool_grp1>div>div {
  padding: 16px 8px 16px 75px;
  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,
.eventTool_grp2>div a {
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 100px;
  max-width: 350px;
  font-size: clamp(1em, 1.3em, 2vw);
}


.eventTool_grp1>div a:hover,
.eventTool_grp2>div a:hover {
  text-decoration: none;
}


.eventTool_grp1>div:nth-child(1)>div {
  background-color: #fe2f07;
  border-bottom: 1px solid #c72a0b;
}

div[class='container eventTool_grp1'] div:nth-child(2) {
  background-color: #1536bb;
  border-bottom: 1px solid #07218b;
}

div[class='container eventTool_grp1'] div:nth-child(3) {

  background-color: #008055;
  border-bottom: 1px solid #005434;
}

div[class='container eventTool_grp1'] div:nth-child(4) {
  background-color: #1536bb;
  border-bottom: 1px solid #07218b;

}

div[class='container eventTool_grp1'] div:nth-child(5) {
  background-color: #7a008f;
  border-bottom: 1px solid #4e0161;
}

div[class='container eventTool_grp1'] div:nth-child(6) {
  background-color: #ff4300;
  border-bottom: 1px solid #c93a06;
}

div[class='container eventTool_grp1'] div:nth-child(1):before {
  background-image: url(../images/smart_silver_icon.png);
  background-color: #c72a0b;
}

div[class='container eventTool_grp1'] div:nth-child(2):before {
  background-image: url(../images/weather/icon_event_2.png);

  background-color: #11236b;
}

div[class='container eventTool_grp1'] div:nth-child(3):before {
  background-size: 50px 50px;
  background-image: url(../images/weather/icon_event_1.png);

  background-color: #018d73;

}

div[class='container eventTool_grp1'] div:nth-child(4):before {
  background-image: url(../images/weather/icon_event_2.png);
  background-color: #11236b;

}

div[class='container eventTool_grp1'] div:nth-child(5):before {
  background-image: url(../images/weather/icon_event_4.png);
  background-color: #62007b;
}

div[class='container eventTool_grp1'] div:nth-child(6):before {
  background-image: url(../images/digital_tips2.png);
  background-color: #ce3a05;
}


.acknowledgement>div>ul {
  list-style-type: none;
  padding: 0;
}

.acknowledgement>div>ul>li {
  margin: 5px 0;
}



@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;
  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 8px 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;
}




@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);
	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);
}

.myboard_cu .my_mail:before {
  background-image: url(../images/icon_mail.png);
}

.myboard_cu .my_fax:before {
  background-image: url(../images/icon_fax.png);
}

.myboard_cu .my_loc:before {
  background-image: url(../images/icon_loc.png);
}

/*======================*/
.myboard_wn {
  display: none;
  position: relative;
  margin: auto;
  padding: 12px;
  color: #3f3f3f;
  border: 1px solid #cecece;
  border-radius: 5px;
  width: 100%;
  max-width: 280px;
  height: 320px;
  overflow: hidden;
}

.chineseVersion .myboard_wn {
  height: 300px;
}

.myboard_wn:after {
  content: " ";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: #fff;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1));
  /* Standard syntax */
}

.myboard_wn.double {
  max-width: 582px;
}

.mytab_area.mt0 .myboard_wn,
.mytab_area.mt1 .myboard_wn.mt1,
.mytab_area.mt2 .myboard_wn.mt2,
.mytab_area.mt3 .myboard_wn.mt3 {
  display: inline-block;
}

.myboard_wn .cover {
  text-align: center;
  height: 137px;
}

.myboard_wn .cover img {
  max-height: 100%;
}

.myboard_wn .type {
  float: left;
  margin-top: 10px;
  font-weight: normal;
  margin-bottom: 10px;
}

.myboard_wn .date {
  float: right;
  margin-top: 10px;
  font-weight: normal;
  margin-bottom: 10px;
}

.myboard_wn .title {
  font-weight: bold;
  font-size: 1.22em;
  line-height: 1.5em;
}

.myboard_wn .title:before {
  content: " ";
  clear: both;
  display: block;
}

/*=======================*/
.myboard_in_title {
  text-align: center;
  font-size: 2.2em;
  letter-spacing: 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");
  background-repeat: no-repeat;
}

.active .expandable-title a:after {
  background-image: url("../images/icon_expansion_on.png");
}

/*=============Close Up===============*/
#close_up {
  z-index: -1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 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);
  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');*/
  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");
  background-repeat: no-repeat;
}

.sliderArea .flex-direction-nav a.flex-next:before {
  content: " ";
  background-image: url("../images/icon_arrow_slide_right.png");
}

/*=============================================*/
.main_bottom {
  margin-bottom: 40px;
}

.main_news {
  width: 35%;
  padding-right: 20px;
  float: left;
}

.main_about {
  width: 64.5%;
  float: left;
}

.main_news_header {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
}

.main_news_list>ul {
  padding-left: 0;
  list-style-type: none;
}

.main_news_list>ul>li {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.main_news .date,
.main_news .title {
  font-weight: normal;
}

.main_about .my_header {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 16px;
}

.my_more {
  text-align: right;
}

.my_more a {
  color: #b6052f !important;
  text-decoration: none !important;
  font-weight: bold;
}

/*===========*/
.faq_list>ol {
  padding-left: 0;
  position: relative;
  font-weight: bold;
  border-top: 1px solid #ddd;
  list-style-type: none;
}

.faq_list>ol>li:hover {
  background-color: #fff;
  -webkit-transition: background-color 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);
  background-repeat: no-repeat;
}

.faq_list>ol>li.active:before {
  background-image: url(../images/btn_cdlist_on.png);
}

.faq_list .active .cd_div .cont {
  z-index: 1000;
  position: relative;
  height: auto;
  width: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.faq_list .cd_div .cont,
.faq_list .cd_div.hide .cont {
  z-index: -1;
  position: fixed;
  height: 0;
  width: 0;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  -webkit-transition: opacity 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: 1rem;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-shadow: inherit;
  opacity: 1;
}

body .close:focus,
body .close:hover {
  color: inherit;
  text-decoration: inherit;
  opacity: 1;
}

/*====================================*/
.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav {
  margin-bottom: 0;
  bottom: auto;
}

.my_roll {
  position: relative;
  margin: 0px 10px 10px 10px;
}

.my_roll_header {
  /*font-size: 2.6em;*/
  font-size: 1.625em;
  font-weight: bold;
  padding: 22px 10px;
}

.my_roll .my_roll_content {
  overflow: hidden;
  width: 100%;
  background-repeat: repeat-x;
}

.my_roll .my_roll_content .my_roll_cont_row {
  display: table;
  white-space: nowrap;
  padding: 0 80px;
  margin: 0 auto;
}

.my_roll .my_roll_content .my_roll_cont_row>div {
  display: inline-block;
  vertical-align: top !important;
  padding: 0px 10px;
  /*width: 378px;*/
  /*width:236px;*/
  width: 229px;
}

.my_roll .my_roll_content .my_roll_image {
  margin: auto;
  position: relative;
}

.my_roll .my_roll_content .my_roll_title {
  margin: auto;
  text-align: left;
  white-space: normal;
  /*	font-size: 1.4em;*/
  font-size: 1em;
}

/*.my_roll_header{
	display:none;
}*/

.my_roll_control>div {
  position: absolute;
  width: 39px;
  height: 61px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  text-align: center;
}

.my_roll_control>div a {
  text-decoration: none !important;
  color: #fff !important;
}

.my_roll_control>div span {
  display: block;
  width: 39px;
  height: 61px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 30px;
  text-align: center;
}

.my_roll_control .my_roll_prev span {
  background-image: url(../images/btn_control_prev.png);
  background-repeat: no-repeat;
}

.my_roll_control .my_roll_next span {
  background-image: url(../images/btn_control_next.png);
  background-repeat: no-repeat;
}

.my_roll_control .my_roll_prev {
  top: 0;
  bottom: 0;
  height: initial;
  margin-top: 0;
  width: initial;
  left: -10px;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

.my_roll_control .my_roll_next {
  top: 0;
  bottom: 0;
  height: initial;
  margin-top: 0;
  width: initial;
  right: -10px;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

/*body.indexVersion div.homeTool{
	display: none;
}*/
/*body.indexVersion div.clientTool>div.language:before{
	display:none;
}*/
body.indexVersion div.AStyleArea:before {
  /*	content: "";*/
}

body.indexVersion div.AStyleArea {
  /*	margin-left: 30px;*/
}

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);
}

body a.pp_arrow_next {
  background-image: url(../images/btn_arrow_next.png);
}

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);
  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);
  background-repeat: no-repeat;
  background-position: center center;
}

#flexslider .flex-direction-nav a.flex-next:before {
  content: "";
  background-image: url(../images/banner/icon_arrow_next.png);
}

/*================*/
body .mainHeader.active {
  display: block;
}

.section_left_banner {
  float: left;
  width: 360px;
  margin-right: 25px;
}

.mainContent table 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.cyberSecurity {
  background-image:
    url(../images/header_banner/header_banner_cyberSecurity.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.communityDigitalSupportStations {
  background-image: url(../images/header_banner/header_banner_communityDigitalSupportStations.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.DI_prog_en {
  background-image: url(../images/header_banner/header_banner_DI_prog_en.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.DI_prog_sc {
  background-image: url(../images/header_banner/header_banner_DI_prog_sc.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.DI_prog_tc {
  background-image: url(../images/header_banner/header_banner_DI_prog_tc.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.header_banner_index_en {
  background-image: url(../images/header_banner/header_banner_index_en.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
  position: relative;
  height: 0;
  padding-bottom: 40%;
}

.section_header_banner.header_banner_index_sc {
  background-image: url(../images/header_banner/header_banner_index_sc.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.header_banner_index_tc {
  background-image: url(../images/header_banner/header_banner_index_tc.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.onlineSelfLearning {
  background-image: url(../images/header_banner/header_banner_onlineSelfLearning.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.Smart_Silver {
  background-image: url(../images/header_banner/header_banner_smart_silver.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.taughtTraining {
  background-image: url(../images/header_banner/header_banner_taughtTraining.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.communityDigitalSupportStations,
.section_header_banner.DI_prog_en,
.section_header_banner.DI_prog_sc,
.section_header_banner.DI_prog_tc .section_header_banner.header_banner_index_en,
.section_header_banner.header_banner_index_sc,
.section_header_banner.header_banner_index_tc,
.section_header_banner.onlineSelfLearning,
.section_header_banner.Smart_Silver,
.section_header_banner.taughtTraining {}

.section_header_banner.contactUs {
  background-image: url(../images/header_banner/header_banner_contactUs.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.faq {
  background-image: url(../images/header_banner/header_banner_faq.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.importantNotices {
  background-image: url(../images/header_banner/header_banner_importantNotices.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.photoGallery {
  background-image: url(../images/header_banner/header_banner_photoGallery.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.privacyPolicy {
  background-image: url(../images/header_banner/header_banner_privacyPolicy.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.Sitemap {
  background-image: url(../images/header_banner/header_banner_Sitemap.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.videos {
  background-image: url(../images/header_banner/header_banner_videos.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.Infographics {
  background-image:
    url(../images/header_banner/header_banner_infographics.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.contactUs {
  background-image:
    url(../images/header_banner/header_banner_contactUs.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.subSection {
  background-image:
    url(../images/header_banner/header_banner_subSection.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.helpDesk {
  background-image:
    url(../images/header_banner/header_banner_helpDesk.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.textSize {
  background-image:
    url(../images/header_banner/header_banner_textSize.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}

.section_header_banner.general {
  background-image: url(../images/header_banner/header_banner_mobile_green.png);
  background-image:
    url(../images/header_banner/header_banner_mobile_green.png),
    linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
    linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
    linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
  background-position: center, right top, right bottom, right bottom;
}


body .section_header_banner h1 {
  max-width: 1180px;
  width: 100%;
  padding: 0 15px !important;
  margin: auto !important;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  font-size: clamp(1.2em, 3vw, 3.5em) !important;
  color: black;
}

@media (max-width: 1366px) {

  body .section_header_banner h1 {
    left: 0;
    top: 0;
    transform: none;
    display: flex;
    align-items: center;
  }

  .section_header_banner.cyberSecurity,
  .section_header_banner.Smart_Silver,
  .section_header_banner.cyberResource,
  .section_header_banner.communityDigitalSupportStations,
  .section_header_banner.DI_prog_en,
  .section_header_banner.DI_prog_sc,
  .section_header_banner.DI_prog_tc,
  .section_header_banner.onlineSelfLearning,
  .section_header_banner.taughtTraining,
  .section_header_banner.onlineSelfLearning {
    background-image:
      url(../images/header_banner/header_banner_mobile_orange.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
    background-position: center, right top, right bottom, right bottom;
  }

  .section_header_banner.Infographics,
  .section_header_banner.contactUs,
  .section_header_banner.faq,
  .section_header_banner.importantNotices,
  .section_header_banner.photoGallery,
  .section_header_banner.privacyPolicy,
  .section_header_banner.Sitemap,
  .section_header_banner.videos,
  .section_header_banner.subSection,
  .section_header_banner.helpDesk,
  .section_header_banner.textSize {
    background-image: url(../images/header_banner/header_banner_mobile_green.png);
    background-image:
      url(../images/header_banner/header_banner_mobile_green.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
    background-position: center, right top, right bottom, right bottom;
  }

}


@media (max-width: 576px) {

  .section_header_banner.cyberSecurity,
  .section_header_banner.Smart_Silver,
  .section_header_banner.cyberResource,
  .section_header_banner.communityDigitalSupportStations,
  .section_header_banner.DI_prog_en,
  .section_header_banner.DI_prog_sc,
  .section_header_banner.DI_prog_tc,
  .section_header_banner.onlineSelfLearning,
  .section_header_banner.taughtTraining,
  .section_header_banner.onlineSelfLearning {
    background-image:
      url(../images/header_banner/header_banner_mobile_orange.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 17.4%, #fffcf7 17.4%, #fffcf7 100%);
    background-position: center, right top, right bottom, right bottom;
  }

  .section_header_banner.Infographics,
  .section_header_banner.contactUs,
  .section_header_banner.faq,
  .section_header_banner.importantNotices,
  .section_header_banner.photoGallery,
  .section_header_banner.privacyPolicy,
  .section_header_banner.Sitemap,
  .section_header_banner.videos,
  .section_header_banner.subSection,
  .section_header_banner.helpDesk,
  .section_header_banner.textSize {
    background-image: url(../images/header_banner/header_banner_mobile_green.png);
    background-image:
      url(../images/header_banner/header_banner_mobile_green.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 17.4%, #fffcf7 17.4%, #fffcf7 100%);
    background-position: center, right top, right bottom, right bottom;
  }



}

body.englishVersion .section_header_banner.section7 {
  background-image: url(../images/header_banner/banner_help_desks_en.png);
}

body.chineseVersion.simplify .section_header_banner.section7 {
  background-image: url(../images/header_banner/banner_help_desks_sc.png);
}

.section_header_banner.section8 {
  background-image: url(../images/header_banner/banner_smart_silver.png);
}


@media (min-width: 1920px) {

  .section_header_banner.cyberSecurity,
  .section_header_banner.cyberResource,
  .section_header_banner.Infographics,
  .section_header_banner.cyberResource,
  .section_header_banner.communityDigitalSupportStations,
  .section_header_banner.DI_prog_en,
  .section_header_banner.DI_prog_sc,
  .section_header_banner.DI_prog_tc,
  .section_header_banner.onlineSelfLearning,
  .section_header_banner.taughtTraining,
  .section_header_banner.onlineSelfLearning,
  .section_header_banner.Infographics,
  .section_header_banner.contactUs,
  .section_header_banner.faq,
  .section_header_banner.importantNotices,
  .section_header_banner.photoGallery,
  .section_header_banner.privacyPolicy,
  .section_header_banner.Sitemap,
  .section_header_banner.videos {
    background-size: auto, 50% 101%, 100% 9%, 100% 100%;
  }


}

@media (min-width: 6000px) {

  .section_header_banner.Infographics::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    top: 91%;
    background: #22b573;
    z-index: 1;
  }

  .section_header_banner.cyberSecurity::after,
  .section_header_banner.cyberResource::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    top: 91%;
    background: #f05524;
    z-index: 1;
  }

  .section_header_banner.cyberSecurity {
    background-image:
      url(../images/header_banner/cyber_security_header_bg_landing_desktop.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 16.4%, #fffcf7 17.4%, #fffcf7 100%);
  }

  .section_header_banner.cyberResource {
    background-image:
      url(../images/header_banner/cyber_security_header_bg_resources_desktop.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #f05524 9.9%, #f05524 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #f05524 1%, #f05524 16.4%, #fffcf7 17.4%, #fffcf7 100%);
  }

  .section_header_banner.Infographics {
    background-image:
      url(../images/header_banner/infographics_header_bg_desktop.png),
      linear-gradient(to top, #f8fcff 0%, #f8fcff 9.9%, #22b573 9.9%, #22b573 33.3%, #fffcf7 33.3%, #fffcf7 100%),
      linear-gradient(to left, #f8fcff 0%, #f8fcff 100%),
      linear-gradient(to top, #fffcf7 0%, #fffcf7 1%, #22b573 1%, #22b573 16.4%, #fffcf7 17.4%, #fffcf7 100%);
  }
}

/*
.section_header_banner.section4.detail_cat_A {
	background-image: url(../images/header_banner/course_banner_A.jpg);
}
.section_header_banner.section4.detail_cat_B {
	background-image: url(../images/header_banner/course_banner_B.jpg);
}
.section_header_banner.section4.detail_cat_C {
	background-image: url(../images/header_banner/course_banner_C.jpg);
}
.section_header_banner.section4.detail_cat_D {
	background-image: url(../images/header_banner/course_banner_D.jpg);
}
.section_header_banner.section4.detail_cat_E {
	background-image: url(../images/header_banner/course_banner_E.jpg);
}
.section_header_banner.section4.detail_cat_F {
	background-image: url(../images/header_banner/course_banner_F.jpg);
}
.section_header_banner.section4.detail_cat_G {
	background-image: url(../images/header_banner/course_banner_G.jpg);
}
.section_header_banner.section4.detail_cat_H {
	background-image: url(../images/header_banner/course_banner_H.jpg);
}
.section_header_banner.section4.detail_cat_I {
	background-image: url(../images/header_banner/course_banner_I.jpg);
}
.section_header_banner.section4.detail_cat_J {
	background-image: url(../images/header_banner/course_banner_J.jpg);
}
.section_header_banner.section4.detail_cat_K {
	background-image: url(../images/header_banner/course_banner_K.jpg);
}
.section_header_banner.section4.detail_cat_L {
	background-image: url(../images/header_banner/course_banner_L.jpg);
}
.section_header_banner.section4.detail_cat_M {
	background-image: url(../images/header_banner/course_banner_M.jpg);
}
.section_header_banner.section4.detail_cat_N {
	background-image: url(../images/header_banner/course_banner_N.jpg);
}
.section_header_banner.section4.detail_cat_O {
	background-image: url(../images/header_banner/course_banner_O.jpg);
}
.section_header_banner.section4.detail_cat_P {
	background-image: url(../images/header_banner/course_banner_P.jpg);
}*/
.section_header_banner>.container {
  position: relative;
}

.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);
  src: url(fonts/docons.eot?eeeafd68) format("embedded-opentype"),
    url(fonts/docons.woff2?eeeafd68) format("woff2"),
    url(fonts/docons.woff?eeeafd68) format("woff"),
    url(fonts/docons.ttf?eeeafd68) 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);
  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);
}

.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);
	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);
  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);
  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);
}

.empr_list .elist_2 .elist_bg {
  background-image: url(../images/employer/employer_icon_02.png);
}

.empr_list .elist_3 .elist_bg {
  background-image: url(../images/employer/employer_icon_03.png);
}

.empr_list .elist_4 .elist_bg {
  background-image: url(../images/employer/employer_icon_04.png);
}

.empr_list .elist_5 .elist_bg {
  background-image: url(../images/employer/employer_icon_05.png);
}

.empr_list .elist_6 .elist_bg {
  background-image: url(../images/employer/employer_icon_06.png);
}

.empr_list .elist_7 .elist_bg {
  background-image: url(../images/employer/employer_icon_07.png);
}

.empr_list .elist_8 .elist_bg {
  background-image: url(../images/employer/employer_icon_08.png);
}

/*
.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);
  background-repeat: repeat;
  background-color: #a3d5ba;
}

.empe_section.section2 {
  background-color: #efdfa4;
}

.empe_section.section3 {
  background-image: url(../images/bg_pattern.png);
  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);
  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);
}

.empe_index>ul>li:nth-child(2)>a>span:nth-child(1) {
  background-image: url(../images/employee/employee_green_icon_02.png);
}

.empe_index>ul>li:nth-child(3)>a>span:nth-child(1) {
  background-image: url(../images/employee/employee_green_icon_03.png);
}

.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);
  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);
}

.section1 .empe_list .elist_2 .elist_bg {
  background-image: url(../images/employee/employee_icon_02.png);
}

.section2 .empe_list .elist_1 .elist_bg {
  background-image: url(../images/employee/employee_icon_03.png);
}

.section2 .empe_list .elist_2 .elist_bg {
  background-image: url(../images/employee/employee_icon_04.png);
}

.section2 .empe_list .elist_3 .elist_bg {
  background-image: url(../images/employee/employee_icon_05.png);
}

.section2 .empe_list .elist_4 .elist_bg {
  background-image: url(../images/employee/employee_icon_06.png);
}

.section3 .empe_list .elist_1 .elist_bg {
  background-image: url(../images/employee/employee_icon_07.png);
}

.section3 .empe_list .elist_2 .elist_bg {
  background-image: url(../images/employee/employee_icon_08.png);
}

.section3 .empe_list .elist_3 .elist_bg {
  background-image: url(../images/employee/employee_icon_09.png);
}

.section3 .empe_list .elist_4 .elist_bg {
  background-image: url(../images/employee/employee_icon_10.png);
}

.section3 .empe_list .elist_5 .elist_bg {
  background-image: url(../images/employee/employee_icon_11.png);
}

/*==*/
.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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
}

.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);
  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);
  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);
}

.prepara_icon_title>div:nth-child(2)>p:before {
  background-image: url(../images/others/icon_02.png);
}

.prepara_icon_title>div:nth-child(3)>p:before {
  background-image: url(../images/others/icon_03.png);
}

.prepara_icon_title>div:nth-child(4)>p:before {
  background-image: url(../images/others/icon_04.png);
}

.prepara_icon_title>div:nth-child(5)>p:before {
  background-image: url(../images/others/icon_05.png);
}

.prepara_icon_title>div:nth-child(6)>p:before {
  background-image: url(../images/others/icon_06.png);
}

.prepara_icon_title>div:nth-child(7)>p:before {
  background-image: url(../images/others/icon_07.png);
}

/*======================*/
.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");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*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");
}

.mainArea0:after {
  left: 50%;
  right: 0;
  background-image: url("../images/bg_header_banner_repeat_right.png");
}


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);
	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;
}


.mainArea1 {
  padding: 0px 0px 60px 0;
  margin-top: 20px
}

.mainArea1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 165px;
  height: 275px;
  background-image: url(../images/sub_slider/bg_slider_1.png);
  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);
  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,
.list-view-item .list-view-content .list-view-action 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;
}

.list-view-item .list-view-content .list-view-action a {
  width: 140x;
}

.list-view-item .list-view-content .list-view-action a:hover,
.list-view-item .list-view-content .list-view-action a:focus,
.list-view-item .list-view-content .list-view-action a:active {
  background-color: #004c33;
}



.div_online_course .slides>li .cont .url a:after,
.list-view-item .list-view-content .list-view-action 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);
  background-repeat: no-repeat;
  vertical-align: text-top;
  margin-left: 10px;
}

.list-view-item .list-view-content .list-view-action a:after {
  vertical-align: middle;
}

#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);
  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);
}


.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);
  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);
  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);
  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);
}

.mainArea3 {
  padding: 0px 0px 60px 0;
  background-color: #f4f9fd;
}

.my_calendar {
  position: relative;
  padding: 40px 0 20px 0;
  background-color: #d4f584;
  border-radius: 10px;
  color: #000;
  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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

.my_calendar a {
  color: #000;
}

.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,
.my_calendar .my_cal_tit_d_mobile {
  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;
  color: #000;
}

.my_calendar .cal_sel_data>div.cal_sel_week>div:nth-child(1) {
  color: #a6001c;
}

.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: inherit;
  text-decoration: none
}

.my_calendar .cal_sel_data>div.cal_sel_daily>div a:hover {
  cursor: inherit;
}

.cal_sel_daily div.event {
  cursor: pointer;
}

.my_calendar .cal_sel_day {
  display: inline-block;
  /* padding: 4px 4px 2px 4px; */
  margin-bottom: 0px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;

}

.my_calendar .selected .cal_sel_day {
  position: relative;
}

.my_calendar .selected .cal_sel_day::before {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  outline: 0.2vw solid #b25b11;
  outline-offset: 3px;
  border-radius: 0;
  background-color: transparent;
}

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

  .my_calendar .selected .cal_sel_day::before {
    outline-offset: 0.5vw !important;
    outline: 3px solid #b25b11 !important;
  }

}


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

  .my_calendar .cal_sel_day {
    width: 7vw !important;
    height: 7vw !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

}

/* 
.my_calendar .cal_sel_day:hover {
  outline: 0.25vw solid rgba(110, 28, 28, 0.5);
  outline-offset: 0.35vw;
  transform: scale3d(2, 2, 1);
} */

.my_calendar .event .cal_sel_day {
  background-color: #9EEAF9;
  /* border: 2px solid transparent; */
  border-radius: 100px;
  color: #000;
}



/* isEvent state: #fcbd60 background, transparent border, no corners */
.my_calendar .isEvent .cal_sel_day {
  background-color: #fcbd60;
  /* border: 2px solid transparent; */
  border-radius: 100px;
  color: #000;
  cursor: pointer;
}

/* If both event and isEvent present -> #82D68A background */
.my_calendar .event.isEvent .cal_sel_day,
.my_calendar .isEvent.event .cal_sel_day {
  background-color: #82D68A;
  /* border: 2px solid transparent; */
  border-radius: 100px;
  color: #000;
}

.my_calendar .holiday a {
  color: #a6001c !important;
}

.my_calendar .holiday.event .cal_sel_day,
.my_calendar .holiday.isEvent .cal_sel_day,
.my_calendar .holiday.event.isEvent .cal_sel_day {
  color: #a6001c !important;
}

.my_calendar .holiday.event a,
.my_calendar .holiday.isEvent a,
.my_calendar .holiday.event.isEvent a {
  color: #a6001c !important;
}

/* When a cell is today and also event/isEvent, keep rounded corners */
/* .my_calendar .today.event .cal_sel_day,
.my_calendar .today.isEvent .cal_sel_day,
.my_calendar .today.event.isEvent .cal_sel_day {
  border-radius: 100px;
} */

/* Selected + event/isEvent also keep rounded corners */
/* .my_calendar .selected.event .cal_sel_day,
.my_calendar .selected.isEvent .cal_sel_day,
.my_calendar .selected.event.isEvent .cal_sel_day {
  border-radius: 100px;
} */

.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;
  cursor: pointer;
}

.my_calendar .cal_evt_list .link a:hover {
  text-decoration: none;
}

.my_calendar .cal_evt_list .link .event {
  background-color: #fcbd60;
}

.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);*/
  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;
}


.mainArea5 {
  padding: 0px 0px 60px 0;
}


.mainArea6 {
  padding: 0px 0px 60px 0;
}


.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);
}

.common_table_1>tbody tr:nth-child(2)>.disable_icon {
  background-image: url(../images/others/icon_01.png);
  background-position: center 60px;
}

.common_table_1>tbody tr:nth-child(3)>.disable_icon {
  background-image: url(../images/others/icon_03.png);
  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);
}

.common_table_1>tbody tr:nth-child(5)>.disable_icon {
  background-image: url(../images/others/icon_05.png);
  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);
}

.disable_icon_guide5:nth-of-type(2):before {
  background-image: url(../images/others/icon_01.png);
}

.disable_icon_guide5:nth-of-type(3):before {
  background-image: url(../images/others/icon_02.png);
}

.disable_icon_guide5:nth-of-type(4):before {
  background-image: url(../images/others/icon_04.png);
}

.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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
}

.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);
}

.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;
}

@media (max-width: 940px) {
  body .mainContent .div_data_table_1>table td {
    flex-wrap: wrap;
  }

  .sec_item_topic.content-visible {
    border: 0 !important;
  }

  .sec_item_topic.content-visible>td {
    border: 0 !important;
  }

  body .mainContent .div_data_table_1>table tbody>tr>td:before {
    margin-left: 0px !important;
  }

  .browseBtn {
    margin-top: 8px !important;
  }
}

.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) 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);
}

.section_header_banner.section_notices {
  background-image: url(../images/header_banner/important_notice_banner.png);
}

.section_header_banner.section_privacy_policy {
  background-image: url(../images/header_banner/privacy_policy_banner.png);
}

.section_header_banner.section_sitemap {
  background-image: url(../images/header_banner/sitemap_banner.png);
}

/*=========*/
/*===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);
  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);
  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);
  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);
  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);
  background-size: 25px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
}

.div_course_list>div>div>.address:before {
  background: url(../images/icon_location.png);
  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);
  background-size: 25px 30px;
  width: 25px;
  height: 28px;
  background-repeat: no-repeat;
}

.div_course_list .paginator {
  width: 100%;
}

.paginator li {
  display: inline-block;
  margin: 3px;
  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;
}

@media(max-width: 576px) {
  .paginator li a {
    padding: 3px 5px;
  }

  .weatherTool .weather_icon img {
    width: 2em;
  }

}


.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 {
  font-size: 0;
  /* Remove whitespace between inline-block items */
}

.div_online_course .slides>li {
  width: 33.333333%;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  /* Restore font size */
}

.div_online_course .slides>li>div {
  padding: 10px 28px;
}

/* Responsive grid layout */
/* Medium screens: 2 items per row */
@media (max-width: 767px) and (min-width: 576px) {
  .div_online_course .slides>li {
    width: 50%;
  }

  .div_online_course .slides>li>div {
    padding: 10px 15px;
  }
}

/* Small screens: 1 item per row */
@media (max-width: 575px) {
  .div_online_course .slides>li {
    width: 100%;
  }

  .div_online_course .slides>li>div {
    padding: 10px 15px;
  }

  .div_online_course {
    margin: 0 -15px;
  }
}

.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: 1.7em;
  text-align: center;
  font-weight: bold;
}

.div_online_course .slides>li .cont .time {
  font-size: 1.4em;
  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);
  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)
  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)
  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);
}

.section_header_banner.section1:before {
  background-image: url(../images/header_banner/banner1_before.png);
}

.section_header_banner.section2:before {
  background-image: url(../images/header_banner/banner2_before.png);
}

.section_header_banner.section3:before {
  background-image: url(../images/header_banner/banner3_before.png);
}

.section_header_banner.section4:before {
  background-image: url(../images/header_banner/banner4_before.png);
}

.section_header_banner.section5:before {
  background-image: url(../images/header_banner/banner5_before.png);
}

.section_header_banner.section6:before {
  background-image: url(../images/header_banner/banner6_before.png);
}

.section_header_banner.section7:before {
  background-image: url(../images/header_banner/banner7_before.png);
}

.section_header_banner.section8:before {
  background-image: url(../images/header_banner/banner7_before.png);
}

.section_header_banner.section0:after {
  background-image: url(../images/header_banner/banner0_after.png);
}

.section_header_banner.section1:after {
  background-image: url(../images/header_banner/banner1_after.png);
}

.section_header_banner.section2:after {
  background-image: url(../images/header_banner/banner2_after.png);
}

.section_header_banner.section3:after {
  background-image: url(../images/header_banner/banner3_after.png);
}

.section_header_banner.section4:after {
  background-image: url(../images/header_banner/banner4_after.png);
}

.section_header_banner.section5:after {
  background-image: url(../images/header_banner/banner5_after.png);
}

.section_header_banner.section6:after {
  background-image: url(../images/header_banner/banner6_after.png);
}

.section_header_banner.section7:after {
  background-image: url(../images/header_banner/banner7_after.png);
}

.section_header_banner.section8:after {
  background-image: url(../images/header_banner/banner7_after.png);
}

.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: 2em !important;
}
*/

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);
  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);
  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);
  /*background: url(../images/WBLP_test_correct_ans_1_desktop.png); */
}

.div_popup_layer .layer_type_1 .correct_layer {
  background-image: url(../images/man_01.png);
}

.div_popup_layer .layer_type_2 .correct_layer {
  background-image: url(../images/man_02.png);
}

.div_popup_layer .layer_type_3 .correct_layer {
  background-image: url(../images/man_03.png);
}

.div_popup_layer .layer_type_4 .correct_layer {
  background-image: url(../images/woman_01.png);
}

.div_popup_layer .layer_type_5 .correct_layer {
  background-image: url(../images/woman_02.png);
}

.div_popup_layer .layer_type_6 .correct_layer {
  background-image: url(../images/woman_03.png);
}

.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;
}

.alert-date,
.whatsnew-date {
  font-size: 1.2em;
  color: #0b4b71;
  margin: 0 0 15px 10px;
}

.subSection-index,
.alert-message {
  background: #edf8e8;
  border: 1px solid #b8dde9;
  padding: 20px;
  border-radius: 6px;
  line-height: 1.7;
  color: #0b4b71;
  font-size: 1.1em;
}

.subSection-index ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.subSection-index ol {
  padding-left: 20px;
}

.alert-link {
  margin: 15px 0 0 10px;
  font-size: 1.1em;
}

.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: 1em;
  margin: 2px;
  padding: 12px;
}

.div_mobile_menu div.menu_list_title {
  padding: 2px 15px;
  font-weight: bold;
  font-size: 1em;
  background-color: #53e2a5;
  text-align: center;
  line-height: 1.2;
  margin: 2px;
  padding: 12px;
}

.div_mobile_menu div.menu_list_item {
  padding: 2px 15px;
  font-weight: bold;
  font-size: 1em;
  background-color: #c9f1e0;
  line-height: 1.2;
  margin: 2px;
  padding: 12px;
  text-align: left;
}

.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;
  line-height: 1.2;
  padding: 12px;
}

.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: 9em;
  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: 9em;
  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);
	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;
  appearance: none;
  -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);
}

.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-day {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 2px solid #b25b11;
}

.event_cursor_event_day {
  padding: 8px 0;
  font-size: 1.8em;
  cursor: default;
  background-color: #9EEAF9;
  border: 1px solid black;
  border-radius: 100px;
}

.event_cursor_booth_day {
  padding: 8px 0;
  font-size: 1.8em;
  cursor: default;
  background-color: #fcbd60;
  border: 1px solid black;
  border-radius: 100px;
}

.event_both_day {
  padding: 8px 0;
  font-size: 1.8em;
  cursor: default;
  background-color: #82D68A;
  border: 1px solid black;
  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.chineseVersion.simplify .footerMenuArea {
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  font-size: 0.85em;
  display: none;
}


body.chineseVersion.simplify.indexVersion .mainArea0 {
  /*
          overflow:hidden;*/
  background-image: url("../images/bg_header_banner_sc.png");
  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;
  font-size: 0.8em !important;
}

@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);
  /*background-image:url(../images/icon_arrow_286213.svg);*/
  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);
}

/*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);
  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);
  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);
  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);
  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);
}

#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);
  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);
  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);
}

.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);
}

.paginator a.arrow.last:before {
  background-image: url(../images/icon_last_page.png);
}

.paginator a.arrow.prev:before {
  background-image: url(../images/icon_previous_page.png);
}

.paginator a.arrow.next:before {
  background-image: url(../images/icon_next_page.png);
}

/*===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);
  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);
}

#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") format("woff2"), url("fonts/wico.woff") format("woff"), url("fonts/wico.ttf") 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);
  src: url(fonts/awe.eot) format("embedded-opentype"),
    url(fonts/awe.woff2) format("woff2"),
    url(fonts/awe.woff) format("woff"),
    url(fonts/awe.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

.icon-check:before {
  content: "\F00C";
  font-family: "awe";
  margin-right: 3px;
  color: #3DA08D;
}




/*===Modify on 20250925 by Netsoft===*/
.mySwiperWrapper,
.banner-slider,
.footer-slider {
  position: relative;
}

.banner-slider,
.swiper-slide {
  text-align: center;
}

.swiper-control {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySwiperWrapper .swiper-control,
.footer-slider .swiper-control {
  display: flex;
  align-items: center;
  margin-top: 0.375rem;
  gap: 0.75rem;
}

/*===*/
.mySwiperWrapper .btn,
.swiper-nav-btn {
  --btn-radius: 1.71875rem;
  --btn-hover-color: #0079b9;
  --color: #fff;
  --hover-color: #fff;

  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 1.125rem 2.25rem;
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-image: linear-gradient(101deg, #018859, #0079b9);
  border: none;
  border-radius: 1.71875rem;
  text-wrap: nowrap;
}

.mySwiperWrapper .btn:hover .swiper-nav-btn:focus {
  color: #fff;
  text-decoration: none;
}

.mySwiperWrapper .btn:focus,
.swiper-nav-btn:focus,
.focus.swiper-nav-btn {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.mySwiperWrapper .btn:not(:disabled):not(.disabled),
.swiper-nav-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.mySwiperWrapper .btn::after,
.swiper-nav-btn::after {
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--btn-radius);
  background-color: var(--btn-hover-color);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.arw-link .swiper-nav-btn,
.js-swiper-prev,
.js-swiper-next {
  transition-duration: 0.6s;
  transition-property: transform, color, visibility, opacity, box-shadow, background-color, border-width, border-color, fill, max-width, max-height, height, left, right;
  transition-timing-function:
    cubic-bezier(0.23, 1, 0.32, 1);
}

.mySwiperWrapper .btn--circle,
.swiper-nav-btn {
  --btn-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.875rem;
  width: 2.875rem;
  padding: 0;
  background-image: linear-gradient(140deg, #199465 21%, #2689b1 84%);
}

.mySwiperWrapper .js-swiper-prev.swiper-button-disabled,
.mySwiperWrapper .js-swiper-next.swiper-button-disabled {
  opacity: 0;
}

.mySwiperWrapper .js-swiper-prev,
.mySwiperWrapper .js-swiper-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -1.625em;
  width: 3.25em;
  height: 3.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}

.js-swiper-prev {
  left: -2.375em;
}

.js-swiper-next {
  right: -2.375em;
}

.mySwiperWrapper .js-swiper-prev:hover,
.mySwiperWrapper .js-swiper-next:hover {
  background-color: #88181c;
}

.mySwiperWrapper .js-swiper-prev::before,
.mySwiperWrapper .js-swiper-next::before {
  font-family: "wico" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 1.25em;
  font-weight: 700;
}

.mySwiperWrapper .js-swiper-prev:hover::before,
.mySwiperWrapper .js-swiper-next:hover::before {
  color: #fff;
}

.mySwiperWrapper .js-swiper-prev::before {
  content: "\e90a";
}

.mySwiperWrapper .footer-slider__nav-btn::before {
  content: "\e907";
  color: #fff;
  font-size: 1.25rem;
}

.mySwiperWrapper .footer-slider__nav-btn--prev::before {
  transform: rotate(180deg);
}

.mySwiperWrapper .footer-slider__nav-btn:hover::after {
  opacity: 1;
}

.mySwiperWrapper .footer-slider__nav-btn {
  --footer-swiper-nav-btn-size: 2.875rem;
  height: 2.875rem;
  background-color: #0079b9;
  width: 2.875rem;
}

.mySwiperWrapper .footer-slider__nav-btn--prev {
  left: calc(-5% - var(--footer-swiper-nav-btn-size) / 2);
}

.mySwiperWrapper .footer-slider__nav-btn--next {
  right: calc(-5% - var(--footer-swiper-nav-btn-size) / 2);
}

.mySwiperWrapper .swiper-button-disabled,
.mySwiperWrapper .footer-slider .swiper-button-disabled {
  opacity: 1 !important;
}

.mySwiperWrapper .swiper-button-lock,
.mySwiperWrapper .footer-slider .swiper-button-lock {
  display: none;
}

/*===*/
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.mySwiperWrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
}

.js-swiper-pagination {
  font-size: 1rem;
}

.footer-slider__pagi {
  display: flex;
  align-items: center;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-width: 0.8125rem;
  --swiper-pagination-color: trasparent;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.mySwiperWrapper .swiper-pagination-bullet,
.footer-slider__pagi .swiper-pagination-bullet {
  --footer-slider-swiper-color: #7c7c7c;
  border-radius: 0;
  height: 1.875rem;
  background: linear-gradient(var(--footer-slider-swiper-color), var(--footer-slider-swiper-color)) center / 100% 4px no-repeat;
  transition: width 0.3s;
}

.mySwiperWrapper .swiper-pagination-bullet-active,
.footer-slider__pagi .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-width: 2.5625rem;
  --footer-slider-swiper-color: #000;
}

.mySwiperWrapper .swiper-pagination-lock,
.mySwiperWrapper .swiper-pagination-lock~.swiper-play-pause {
  display: none;
}

/*===*/
.mySwiperWrapper button:not(:disabled),
.mySwiperWrapper [type=button]:not(:disabled) {
  cursor: pointer;
}

.swiper-play-pause {
  position: relative;
  z-index: 1;
  display: flex;
  margin-left: 0.5em;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1.875em;
  max-width: 1.875em;
  width: 1.875em;
  height: 1.875em;
  padding: 0;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.swiper-play-pause:hover,
.swiper-play-pause:focus {
  color: #fff;
}

.mySwiperWrapper .swiper-play-pause,
.footer-slider .swiper-play-pause {
  margin-left: 0 !important;
}

.mySwiperWrapper .footer-slider .swiper-control.is-playing .swiper-play-pause::before,
.footer-slider .swiper-control.is-playing .swiper-play-pause::before {
  font-size: 1rem;
}

.mySwiperWrapper .swiper-play-pause::before,
.footer-slider .swiper-play-pause::before {
  color: #000;
}

.swiper-play-pause:before {
  font-family: "wico" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.375em;
  content: "\e908";
  margin-left: 0.1875em;
}

.is-playing .swiper-play-pause::before {
  content: "\e912";
  margin-left: 0;
}

.swiper-play-pause .sr-pause {
  display: none;
  visibility: hidden;
}

.is-playing .swiper-play-pause .sr-pause {
  display: inline;
  visibility: visible;
}

.is-playing .swiper-play-pause .sr-play {
  display: none;
  visibility: hidden;
}

/*===*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*===End Modify===*/
/*===Modify on 20251008 by Netsoft===*/
/*===Remove===
body .swiper-wrapper{
	height: auto;
}*/
.mySwiperWrapper .swiper,
.mySwiperWrapper .swiper+.swiper-control {
  transition: all 0.2s ease-out;
}

.mySwiperWrapper .swiper:not(.swiper-initialized),
.mySwiperWrapper .swiper:not(.swiper-initialized)+.swiper-control {
  opacity: 0 !important;
}

/*===End Modify===*/

.banner-slider {
  max-width: 600px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 20px;
}

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

  .banner-slider {
    max-width: 600px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mySwiperWrapper .footer-slider__nav-btn--prev {
    left: calc(-0.5% - var(--footer-swiper-nav-btn-size) / 2);

  }

  .mySwiperWrapper .footer-slider__nav-btn--next {
    right: calc(-0.01% - var(--footer-swiper-nav-btn-size) / 2);

  }


  .mySwiperWrapper .banner-slider .footer-slider__nav-btn--prev {
    left: calc(-0.5% - var(--footer-swiper-nav-btn-size) / 2);
    display: none;
  }

  .mySwiperWrapper .banner-slider .footer-slider__nav-btn--next {
    right: calc(-0.01% - var(--footer-swiper-nav-btn-size) / 2);
    display: none;
  }

  .mySwiperWrapper .footer-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
    display: none;
  }

}


@media screen and (max-width: 1222px) {
  .mySwiperWrapper .footer-slider .footer-slider__nav-btn--prev {
    left: calc(-3% - var(--footer-swiper-nav-btn-size) / 2);

  }

  .mySwiperWrapper .footer-slider .footer-slider__nav-btn--next {
    right: calc(-3% - var(--footer-swiper-nav-btn-size) / 2);

  }

}

/* Menu hover icon style */
.menu-hover-icon {
  display: none; 
}


.leftbtn:hover .menu-hover-icon {
  /* display: inline-block;
  padding-right:4px; */
}

/* Fix for headerMenu display inside clientTool */
/* Reset float from .clientTool ul */
.myheaderTool > div.clientTool .headerMenu ul {
  float: none;
}

/* Reset inline display from .clientTool li * */
.myheaderTool > div.clientTool .headerMenu li div,
.myheaderTool > div.clientTool .headerMenu li ul,
.myheaderTool > div.clientTool .headerMenu li li {
  display: block;
}

.myheaderTool > div.clientTool .headerMenu li a {
  display: flex;
  width: 100%;
  align-items: center;
}

/* Ensure icons and text in links remain inline/inline-block */
.myheaderTool > div.clientTool .headerMenu li a span,
.myheaderTool > div.clientTool .headerMenu li a i {
  /* display: inline-block;
  vertical-align: middle; */
}

/* Adjust padding for the new icon position if needed */
.headerMenu ul.menuLv0 > li > a .menu-hover-icon {
    margin-right: 8px;
}

/* Standardize all font-sizes in headerMenu and bs-example-js-navbar-collapse.active to use rem */
/* Specific font-size standardization for headerMenu elements */
.headerMenu,
.headerMenu.bs-example-js-navbar-collapse.active {
  font-size: 1.15rem; /* Base font size */
}

.headerMenu ul.menuLv0 > li > a,
.headerMenu.bs-example-js-navbar-collapse.active ul.menuLv0 > li > a {
  font-size: 1.3rem; /* Level 0 menu items */
}

.headerMenu ul.menuLv1 > li > a,
.headerMenu.bs-example-js-navbar-collapse.active ul.menuLv1 > li > a {
  font-size: 1.3rem; /* Level 1 menu items */
}

.headerMenu ul.menuLv2 > li > a,
.headerMenu.bs-example-js-navbar-collapse.active ul.menuLv2 > li > a {
  font-size: 1.15rem; /* Level 2 menu items */
}

.headerMenu .tMenu > li > a,
.headerMenu.bs-example-js-navbar-collapse.active .tMenu > li > a {
  font-size: 1.15rem; /* Top menu items */
}

.headerMenu .tMenu .menuLv1 a,
.headerMenu.bs-example-js-navbar-collapse.active .tMenu .menuLv1 a {
  font-size: 1.15rem; /* Submenu items */
}

.headerMenu ul li > div.extmenu,
.headerMenu.bs-example-js-navbar-collapse.active ul li > div.extmenu {
  font-size: 1.15rem; /* Extended menu containers */
}

.headerMenu ul.menuLv0 > li > a > span,
.headerMenu.bs-example-js-navbar-collapse.active ul.menuLv0 > li > a > span {
  font-size: inherit; /* Inherit from parent */
  padding: 4px;
}