.sr-only {
  color: #111111!important;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

a:focus {
  outline: 3px dotted #ff0000 !important;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:focus {
  outline: 3px dotted #ff0000 !important;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input:focus  {outline: dotted 3px #ff0000 !important;}

select:focus  {outline: dotted 3px #ff0000 !important;}



.txt_edit li{
line-height: 2.2 !important;
}
.post-cont-type li{
	
line-height: 2.2 !important;	
}
.body{

	
	background-image: url(../img/top_left_bg.png),url(../img/top_right_bg.png);
	background-position: 0px 350px,100% 500px;
	background-repeat: no-repeat,no-repeat;
	background-color: #fcfbf6 !important;
	
}

a:hover{
text-decoration: none;	
	
}
input{
	border:1px solid #bdbdbd !important;
	
}
select{
	border:1px solid #bdbdbd !important;
	
}
textarea{
	border:1px solid #bdbdbd !important;
	
}
.input-group-append{
	
border-color: #bdbdbd !important;	
}
::placeholder {
  color: #666666 !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666666 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color:#666666 !important;
}

.main{
	margin-bottom: 0px;
	
}


.main_mb70{
margin-bottom: 70px;	
	
}
.main_mb100{
margin-bottom: 100px;	
	
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
	color: #727272 !important;
	
}
.color_orang{
color: #cdcdcd;
margin: 50px 0 50px 0;	
	
}

.custom-section-padding{
	
padding: 100px 0 100px 0;	
	
}

.ttimetable{
color: #fff !important;	
	
}

.cc_red{
color: #bf2f47;	
	
}

.cc_green{
	
color: #30cc67;	
	
}

.mp-60{
padding-top: 60px; margin-top: 60px; padding-bottom: 80px; margin-bottom: 80px;	
}

.txt_c_or{
	color: #007e67!important;
}
.txt_c_fff h2{
	color: #007e67!important;
}
.txt_c_fff p{
	
	font-weight: normal;
	
}


@media (max-width: 575px) {
.mp-60{
padding-top: 0px !important; margin-top: 0px !important; padding-bottom: 40px !important; margin-bottom: 40px !important;	
}	
.minus-100{
margin-top: -100px !important;	
	
	}	
}


.btn-group22 div {
  background-color: #ececec;
  border: 1px solid #dddddd;

  color: #626262;
  /* White text */
  padding: 0px 8px;
  /* Some padding */
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */
}


/* Clear floats (clearfix hack) */
.term{
	display: inline-block;
margin-right: 5px;

}

.term a{
	

}
.term2 ul li{
	
margin-top: -5px;

}

.mmtop{
line-height: 33px;	
	
}
.btn-group22 div:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group22 div:not(:last-child) {
  border-right: none;
  /* Prevent double borders */
}


.btn-group22 div:hover {
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.2);
}


.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* Start Social Media
 * -------------------------- */
.socialMedia {
	float:left;
	line-height:0;
	position:relative;

list-style-type: none;
list-style: none; 
	
	
width: 30px;
	
	
}
.socialMedia ul {
	text-align: left;
	width: 55px;
	list-style-type: none;
list-style: none; 	
padding: 0;
	margin: 0;	
}
.socialMedia .sf-menu ul {
	top:45px;
	left:-5px;
	position:absolute;
	z-index: 1;
	list-style-type: none;
list-style: none; 	
	padding: 0;
	margin: 0;
	
}
.socialMedia li a {	
	list-style-type: none;
list-style: none; 	
	width:30px;
	height:30px;
	overflow:hidden;
	display:block;
	background:url(../img/icon_share.png) no-repeat ;
	background-position:center;
	
	padding:0;
	font-size: 0;
	
}
.socialMedia li a:hover {
}
.socialMedia .sf-menu ul li {
	width:45px;
	height:45px;
	display:block;
	list-style-type: none;
list-style: none; 	
}
.socialMedia li.nav1 {
	background:#00c200;
}
.socialMedia li.nav2 {
	background:#3b5998;
}
.socialMedia li.nav3 {
	background:#cf682f;
}
.socialMedia li.nav4 {
	background:#00aced;
}
.socialMedia li.nav5 {
	background:#ff3334;
}
.socialMedia li.nav1 a {
	background:url(../img/line.svg) no-repeat center;


	background-size:70%;
	width:45px;
	height:45px;
}
.socialMedia li.nav2 a {
	/*background:url(../img/fb.svg) no-repeat center;*/
	background-size:70%;
	width:45px;
	height:45px;
}
.socialMedia li.nav3 a {
	/*background:url(../img/plurk.svg) no-repeat center;*/
	background-size:70%;
	width:45px;
	height:45px;
}
.socialMedia li.nav4 a {
	background:url(../img/twitter.svg) no-repeat center;
	background-size:70%;
	width:45px;
	height:45px;
}

.socialMedia li.nav5 a {
	background:url(../img/youtube.svg) no-repeat center;
	background-size:70%;
	width:45px;
	height:45px;
}
/* End Social Media
 * -------------------------- */
/* Start Social Media2
 * -------------------------- */
.socialMedia2 {
	float:left;
	line-height:0;
	position:relative;

list-style-type: none;
list-style: none; 
	
	
width: 30px;
height: 30px;	
	
}
.socialMedia2 ul {
	text-align: left;
	
	list-style-type: none;
list-style: none; 
	padding: 0;
	margin: 0;
	
}
.socialMedia2 .sf-menu2 ul {
	top:45px;
	left:-5px;
	position:absolute;
	z-index: 1000;
		list-style-type: none;
list-style: none; 
	padding: 0;
	margin: 0;
}


.socialMedia2 li a {
	
	width:30px !important;
	height:30px !important;
	overflow:hidden !important;
	display:block !important;
	background:url(../img/qr-code.svg) no-repeat center;
	background-size:80%;
	padding:0 !important;
	font-size: 0 !important;
		list-style-type: none;
list-style: none; 
}
.socialMedia2 li a:hover {
}
.socialMedia2 .sf-menu2 ul li {
	width:120px;
	height:120px;
	display:block;
}
.socialMedia2 li.barcode {
	background:url(../img/qrcode.png) no-repeat center;


	
	width:120px;
	height:120px;
	
}


/* End Social Media2
 * -------------------------- */


/* Social Btns
 * -------------------------- */
.sharebtn {

width:30px;
	height:30px;
	background:url(../img/icon_share.png) no-repeat ;
	background-position:center;
  border: none;
}

.sharedown {
  position: relative;
  display: inline-block;
}

.sharedown-content {
  display: none;
  position: absolute;
margin-top: -10px;
  min-width: 45px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.sharedown-content a {
width:45px;
height:45px;
  color: black;
  text-align: center;
  padding: 0;
  text-decoration: none;
  display: block;
	
}
.sharedown-content .nav1 {
	background:#00c200;
}
.sharedown-content .nav2 {
	background:#3b5998;
}
.sharedown-content .nav3 {
	background:#cf682f;
}

.sharedown-content a:hover {background-color: #ddd;}
.sharedown-content .focused {
  display: block;
}
.sharedown:hover .sharedown-content {display: block;}
.sharedown:focus .sharedown-content {display: block;}
.sharedown:hover .sharebtn {background-color: #3e8e41;}

/*End Social Btns 
 * -------------------------- */

/* Social Btns
 * -------------------------- */
.btn_qr {

width:30px;
	height:30px;
	
}

.btn_qrdown {
  position: relative;
  display: inline-block;
}

.btn_qrdown-content {
  display: none;
  position: absolute;
margin-top: -10px;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.btn_qrdown-content a {
width:120px;
height:120px;
  color: black;
  text-align: center;
  padding: 0;
  text-decoration: none;
  display: block;
	
}
.sharedown-content .nav1 {
	background:#00c200;
}
.sharedown-content .nav2 {
	background:#3b5998;
}
.sharedown-content .nav3 {
	background:#cf682f;
}

.btn_qrdown-content a:hover {background-color: #ddd;}
.btn_qrdown-content .focused {
  display: block;
}
.btn_qrdown:hover .btn_qrdown-content {display: block;}
.btn_qrdown:focus .btn_qrdown-content {display: block;}
.btn_qrdown:hover .btn_qrdown-content {background-color: #3e8e41;}

/*End Social Btns 
 * -------------------------- */

/* Start Country
 * -------------------------- */
.muti_country {
	float:left;
	line-height:0;
	position:relative;

list-style-type: none;
list-style: none; 
	
	
width: 80px;
	
	
}
.muti_country  ul {
	text-align: left;
	width: 55px;
	list-style-type: none;
list-style: none; 	
padding: 0;
	margin: 0;	
}
.muti_country .sf-menu ul {
	top:45px;
	left:-5px;
	position:absolute;
	z-index: 999;
	list-style-type: none;
list-style: none; 	
	padding: 0;
	margin: 0;
	
}
.muti_country ul li a {	
	list-style-type: none;
list-style: none; 	
	display:block;
	background:url(../img/icon_global.png) no-repeat ;
	background-position:center left;
	margin-top: 0px;
	padding: 0;
}


.muti_country li.nav1 {
	
}
.muti_country li.nav2 {
	background:#3b5998;
}
.muti_country  li.nav3 {
	background:#cf682f;
}
.muti_country  li.nav4 {
	background:#00aced;
}
.muti_country  li.nav5 {
	background:#ff3334;
}
.muti_country  li.nav1 a {
	display:block;
	background-image: none;
color: #e9e9e9!important;
overflow: visible;
	background-size:70%;
	width:145px;
	height:45px;
	font-size: 1.0em;
}

/* End Country
 * -------------------------- */

/* Start language
 * -------------------------- */
.muti_lang {
	float:left;
	line-height:0;
	position:relative;

list-style-type: none;
list-style: none; 
	
	
width: 40px;
	
	
}
.muti_lang ul {
	text-align: left;
	width: 55px;
	list-style-type: none;
list-style: none; 	
padding: 0;
	margin: 0;	
}
.muti_lang .sf-menu ul {
	top:45px;
	left:-5px;
	position:absolute;
	z-index: 1;
	list-style-type: none;
list-style: none; 	
	padding: 0;
	margin: 0;
	
}
.muti_lang ul li a {	
	list-style-type: none;
list-style: none; 	
	width:40px;
	height:30px;
	overflow:hidden;
	display:block;
	background:url(../img/icon_language.png) no-repeat ;
	background-position:center;
	
	padding:0;
	font-size: 0;
	
}


.muti_lang li.nav1 {
	
}
.muti_lang li.nav2 {
	background:#3b5998;
}
.muti_lang li.nav3 {
	background:#cf682f;
}
.muti_lang li.nav4 {
	background:#00aced;
}
.muti_lang li.nav5 {
	background:#ff3334;
}
.muti_lang li.nav1 a {
	
	background-image: none;
color: #111;
overflow: visible;
	background-size:70%;
	width:145px;
	
	font-size: 1.0em;
}

/* End language
 * -------------------------- */


/*Check Box 
 * -------------------------- */
.ck_container input{

float: left;
margin-top: 10px;
margin-right: 5px;	
padding-top: 10px;	
}

/*END Check Box 
 * -------------------------- */

.openstreetMap{
width:100%;	
height: 400px;	

	
	
}

.openstreetMap_asia{

text-align: center;	
	
}

.location{
	position: absolute;
	top:130px;
	
	left: 210px;
	
}


.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 460px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0%;
  margin-left: -210px;
	
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.megamenu_more{
	
	float: right; color: #fff !important; font-size: 2.8em; margin-top: -20px; margin-bottom: 20px;
}
a.megamenu_more{
color: #fff !important;	
	
}
.focused{
	
top: auto !important;
		display: block !important;
	
		opacity: 1 !important;	
}

CAPTION{
	
	display: none;
}

.nav-pills li a{
	color: #111111 !important;
	font-weight: 550 !important;
	font-size: 0.9em!important;
	
}
.header-nav-top li a{
color: #727272!important;
	font-weight: normal!important;	
}

.nav-pills li li a{
	color: #fff !important;
	
}
.main_nav li li a{
	
	padding-right: 80px!important;
}
a.btn_more_color{
color: #00807d !important;	
	
}

.section_title{
color: #007c79 !important;	
	
}

table  a{
color: #007c79 !important;		
}
table a.btn-primary{
color: #fff !important;		
}
.headerSearch_label{
	
	display: none;
}
a.megamenu_more i{color: #fff!important}

@media (max-width: 800px) {
	
	.header-nav-top{
	display: none !important;	
	}
	
	.nav-pills li a{
	color: #fff !important;
	
}
}

.alert_new{
	
	width: 100%;
	color:#111111;
	margin-bottom: 33px;
	padding: 20px;
	
	
}

.alert-secondary2{
	
	background-color: #FFF496;
}

.post-content{
word-wrap: break-word !important;

	
}
.post-content span{
word-wrap: break-word !important;

	
}
.post-content p{
word-wrap: break-word !important;

	
}

.img-fluid{
	width: 100%;
}

.required_red{
	font-size: 0.7em !important;
	color: #C70606;
	
}
.card{
margin-top: 30px;	
	
}
.sitemap_title{	
background-color: #dddddd !important; 
text-align: center !important; 
color: #111111 !important; 
padding: 15px 25px 15px 25px !important; 
font-size: 1.2em !important;
	
}
.card-text{
color: #666666 !important;	
font-size: 1.2em;
display: block !important;;	
position: inherit !important;	
}

.card-text:focus{
display: block !important;
position: inherit !important;		
 outline: 3px dotted #ff0000 !important;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.post-info{
font-size: 0.9em !important;	
	
}

.pic-txt{
 font-style: italic;
font-size: 0.9em !important;
margin-top: 5px;	
margin-bottom: -10px;
line-height: 23px!important;	
}
@media (max-width: 800px) {
	
	.pic-txt{
	margin-bottom: 10px!important;	
	}
}
/*Google Search*/
.gsc-orderby{
	
display: none;
}

.title_content_h2{

margin-top: 30px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;	
font-weight: 700 !important;
color: #111111!important;
font-size: 2.3em!important;
-webkit-font-smoothing: antialiased;	
letter-spacing: 0!important;
line-height: 1.4!important;
	
}
.title_content_h2::first-letter{
font-size: 160%;
  color: #379b89;	
	
}
.title_content_h2_sub{
margin-top: -15px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
color: #3F3F3F;
font-size: 1.6em!important;
letter-spacing: 0!important;	
	
}
.title_content_h3{
font-weight: 100 !important;
color: #000!important;
font-size: 1.7em!important;
letter-spacing: 0!important;
margin-bottom: 20px;	
}
.title_content_h4{
font-weight: 600 !important;
color: #188571!important;
font-size: 1.5em!important;
letter-spacing: 0!important;
margin-bottom: 20px;	
}
.title_content_h4_1{
font-weight: 100 !important;
color: #000!important;
font-size: 1.4em!important;
letter-spacing: 0!important;
margin-bottom: 20px;	
}
.title_content_h4_1::first-letter{
font-weight: 100 !important;
color: #188571!important;
font-size: 1.4em!important;
letter-spacing: 0!important;	
}
.title_content_h4_2{
font-weight: 100 !important;
color: #188571!important;
font-size: 1.4em!important;
letter-spacing: 0!important;
margin-bottom: 20px;	
}
.post-content h2 a{
	
color: #111111!important;
line-height: 23px!important;	
	
}
.hot_keywords a{color: #df1041;}

h2{letter-spacing: 0px;}

.pics_txt{
background-color: #f5f4ee; padding: 40px 20px 40px 20px;

}

.post-meta a{
color: #017E7C!important;	
	
}
.post-meta{
padding-bottom: 0px;	
margin-bottom: 13px;
border-bottom: #ececec 0px solid!important;
	}
.post-meta span{
	margin-right: 15px;
}
@media (max-width: 1024px) {
	
.post-meta{
padding-bottom: 20px;	
margin-bottom: 20px;
border-bottom: #ccc 0px solid!important;
	}

}
.post-info a{
color: #017E7C!important;	
	
}

.date_txt{
color: #757575!important;
}

.menu_bg{
/*background-image: url("img/menu_bg.jpg")!important;*/
background-repeat: repeat-x;	
	
}

/*Menu highlight */
.eng_m101 .nav-pills>li>a.m1_a{
border-top: 2px solid #4cd3ba;
  
}

.eng_m102 .nav-pills>li>a.m1_a{
  border-top: 2px solid #4cd3ba;  
  
}

.eng_m201 .nav-pills>li>a.m2_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m202 .nav-pills>li>a.m2_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m203 .nav-pills>li>a.m2_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m301 .nav-pills>li>a.m3_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m302 .nav-pills>li>a.m3_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m401 .nav-pills>li>a.m4_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m503 .nav-pills>li>a.m5_a{
 border-top: 2px solid #4cd3ba;  
  
}
.eng_m601 .nav-pills>li>a.m6_a{
 border-top: 2px solid #4cd3ba;  
  
}
/*END Menu highlight */

.h4{
color: #212529;	
letter-spacing: -.05em;
-webkit-font-smoothing: antialiased;
font-size: 1.4em;

line-height: 27px;
margin: 0 0 14px 0;
}

.mtype a:focus{	
	
display: block;	
outline: 3px dotted #ff0000 !important;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: -2px;	
}

.formErrorContent{
	width: 180px!important;
	
}

@media (min-width: 801px) {
	
.menu_list_mobile{display: none!important}

}

.h1_logo{
	width: 204px;
	height: 48px;
}
.h1_logo2{
	width: 204px;
	height: 48px;
}
@media (max-width: 1081px) {
	
.h1_logo{
	width: 202px!important;
	height: 48px!important;
}	

}
@media (max-width: 800px) {
	
.logo-red{display: none!important}
	
.h1_logo{
	width: 202px!important;
	height: 48px!important;
}	

}
.access_c{
	color: transparent!important;
}
.lsize{
	width: 267px!important;
}
.marker{
	background-color: #F7E600;
}
@media (max-width: 990px) {
	.ji_us{display: none!important}	
	.lsize{
	width: 200px!important;
}
}
@media (max-width: 800px) {
	.share_btns{display: none!important}	

}

.marker{
	background-color: #F7E600;
}
.menu_bg{
	background-color: rgba(252,251,246,1)!important;
}

.tparrows{
margin-top:10%!important;	
	
}

@media (min-width: 801px) {
  .logo_mobile {
  display: none!important}		
	
}



.tabs-menu{
	margin: 33px 0 50px 0!important;
}
.h_yellow{
background-color: #EFEFEF!important;
border-right: 1px #fff solid!important;
padding: 10px 25px 10px 25px!important;
text-align: center!important;	
}
.h_yellow.active {background-color: #FFB843!important;color: fff!important;	}

.post-meta{
margin-bottom: 33px!important;	
}

.languages{
text-align: center;
padding-top: 23px;
padding-bottom: 23px;	
font-size: 1.7em!important;	
border: 1px solid #ccc;
margin-bottom: 5px;
}
.txt_edit table th{
	text-align: center;
	background-color: #d4d4d4;
	padding: 10px 20px 10px 20px;	
}
.txt_edit table td{	
	padding: 10px 10px 10px 10px;	
}

.txt_edit table tr:nth-child(even){
	background-color: #f6f5f0;
}
.txt_edit li{
	font-size: 1.1em!important;
}
/*2021_11_01 增加_文章語系TAG*/
.language_bg a{
display: inline-block;	
padding: 0px 20px 0px 20px;

text-align: center;
background-color: rgba(255,255,255,0.5);
border: 1px #cdcdcd	solid;
color: #2c4b4b;
font-size: 0.80em!important;
margin-left: 3px;
margin-bottom: 3px;	
}
/*END 2021_11_01  增加_文章語系TAG*/

.pageheader_h2{
	color: #fff; display: inline-block; font-size: 1.813em; line-height: 1; margin: 0;padding: 0;font-weight: 400; position: relative; top: 1px;
}

@media (max-width: 500px) {
	.txt_pic_w{
	width: 100%!important;
	padding: 0px 0px 0px 0px!important;
	margin-bottom: 33px!important;	
}
}
.leaflet-control-zoom-out{
	color: #000!important;
}
.leaflet-control-zoom-in{
	color: #000!important;
}
.leaflet-popup-close-button{
color: #000!important;	
}


@media (min-width: 1025px) {
    #header .header-nav {
		
		flex-grow: 0!important;

    }
}