/*html, img {
	  -webkit-filter: grayscale(60%);
	  -moz-filter: grayscale(60%);
	  -ms-filter: grayscale(60%);
	  -o-filter: grayscale(60%);
	  filter: grayscale(60%);
	  filter: gray;
}*/

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}

.bg-togglemenu{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); 
	z-index: 99;
	top: 0;
}
.mobile-toggle-icon { width: 40px; height: 40px; background: url(../images/toggle-icon.svg); display: block; float: right; margin-top: 0.625em; border-radius: 10px;z-index: 999999;} 
/* .mobile-toggle-icon-after{position:fixed ; width: 42px; z-index: 9999;}; */

.nav-toggle{z-index: 999;}

.bd-columns{border: 1px solid #A5A5A5;border-radius: 8px; margin: 12px 12px;}

@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

.rip-overlay {
	background:#000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	opacity:.8;
}
.rip-popup {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
}
.rip-content {
	position:relative;
	text-align:center;
	cursor:pointer;
	/* margin-top:30px; */
}


/* fix CSS */
.relative { position:relative; margin:0.5em 0; }
.clear-padding-all { padding: 0; }
.clear-padding-left { padding-left: 0; }
.clear-padding-right { padding-right: 0; }
.clear { clear: both; }
.clear-margin-bottom { margin-bottom: 0 !important; }
.space-top { margin-top: 1em; }
.space-bottom { margin-bottom: 1.25em; }
.space-bottom2 { margin-bottom: 2em; }
.space-bottom3 { margin-bottom: 0.5em; padding: 5px 8px; }
body { background: url(../images/bg-main.jpg) repeat-x scroll 0 0; }
#top { background: #fff; }
.language { float: right; }
.mobile-toggle-icon { width: 40px; height: 40px; background: url(../images/toggle-icon.svg); display: block; float: right; margin-top: 0.625em; border-radius: 10px;z-index: 999999;} 
.fl { float: left; }
.fr { float: right; }
.container { min-height: 400px; }
p { margin-bottom: 0.5em; }
.overflow-hidden { overflow:hidden; }
/* Menu Section */
/*.menu { margin-left:0; }
.menu li { float:left; list-style:none; padding-left:20px; margin-right:20px; background:url(../images/nav-bg.png) no-repeat scroll 0 0; }
.menu li:first-child { background:none; padding-left:0; }
.menu li:last-child { margin-right:0; }*/
.top-link { margin-bottom:1.25em; }
.top-link:after { clear:both; } 
.top-link ul { margin-left:0; margin-bottom:1.25em;   }
.top-link ul li { float:left; list-style:none; }
.top-link ul li:first-child { background:none; margin-top:0px;  }
.top-link ul li {background:url(../images/arrow-5.svg) no-repeat scroll 0 16px; margin-right:10px;}
.top-link ul li a { margin-top:10px;display:block; padding-left:0px;  }
.top-link ul li:last-child a { margin-top:10; padding-left:15; color:#00afad; font-size:12px; }

.expert-header { width:100%; height:16px; background:url(../images/expert-header.png) no-repeat scroll 0 0; margin-bottom:0.5em; }
.blog-header {  width:100%; height:16px; background:url(../images/blog-header.png) no-repeat scroll 0 0; margin-bottom:0.5em; }
.shop-header { width:100%; height:16px; background:url(../images/shop-header.png) no-repeat scroll 0 0; margin-bottom:0.5em; }
.youtube-header { width:100%; height:16px; background:url(../images/youtube-header.png) no-repeat scroll 0 0; margin-bottom:0.5em; margin-top:30px; }
.ig-header { width:100%; height:33px; background:url(../images/instagram-header.png) no-repeat scroll 0 0; margin-bottom:0.5em; }
.view-all { position:absolute; right:0; top:0; width:55px; height:9px; background:url(../images/view-all.png) no-repeat; display:block; text-indent:-9000px; }
.follow { position:absolute; right:0; top:0; width:80px; height:22px; background:url(../images/follow.jpg) no-repeat; display:block; text-indent:-9000px; }
.view-all2 { position:absolute; right:0; top:0px; width:55px; height:9px; background:url(../images/view-all.png) no-repeat; display:block; text-indent:-9000px; }
.bd-1 { border-top: solid 1px #c9c9c9;
width: 45%;
position: absolute;
bottom: 16px;
right: 0;}

a.view-shop { position: absolute; height: 42px; background: url(../images/view-shop.png) no-repeat scroll top right; bottom: -1px; right: 0.9375em; left:0.9375em; z-index: 1; }
ul.ig-list { margin-left: 0; }
ul.ig-list li { width: 20%; margin-right: 6.66%; list-style: none; float: left; margin-bottom: 6.66%; }
/*ul.ig-list li:first-child { text-align:left; }*/

ul.ig-list li.last { margin-right: 0; }
.bg-1 { background: #f5f5f5; }
.bg-1 h4 { padding: 0 0.9375em 0 0.9375em; }
.bg-1 p { padding: 0 0.9375em 0.9375em 0.9375em; }
.bg-2 { bottom: 0; height: 15px; background: url(../images/shadow-bg-1.png) repeat-x; margin-top: -10px; }
#prefoot { background: url(../images/footer-bg.jpg) repeat-x scroll 0 0 #e9e9e9; padding-top: 2em; padding-bottom: 1em; }
#footer { background: url(../images/footer-bg2.jpg) repeat-x scroll 0 0 #00afad; padding-top: 2em; padding-bottom: 1.0625em; }
.btn-1 { background: #cdcdcd; border: 1px solid #cccccc; border-bottom: solid 2px #bcbcbc; padding: 0.5em; width: 100%; font-size: 0.875em; max-width: 100px; cursor: pointer; text-transform:uppercase; }
.btn-1.btn-newsletter { background:url(../images/submit_btn.png) no-repeat; border:none; padding:0; width:100px; height:37px; text-indent:-9000px;  }

.submit-bt .decktop { display: block; }
.img2 { padding: 5px; background: #efefef; }
a.img2 { display: block; margin-bottom: 1.25em; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; }
a.img2:hover { background: #00afad; }
.more { margin-bottom: 1em; display: block; }
.more-2 { margin-bottom: 1em; display: block; }
.header-text2 { margin-bottom: 1.25em; color: #00afad; font-size: 28px;}
.header-text { padding-bottom: 2em; padding-top: 1em; display: block; }
.header-text img { float: left; }

/* Search */
.form-box { position:relative; }


.topic { margin-left: 10px; display: block; float: left; }
.back-to { margin-top: 1em; margin-bottom: 3em; float: left;}
.page-back { padding-left: unset;}
.bd-bottom { border-bottom: dotted 1px #eee; margin-left: 0.9375em; margin-right: 0.9375em; padding-left: 0; padding-right: 0; }
.bd-bottom2 { border-bottom: dotted 1px #eee; }
.bd-bottom3 { border-bottom: solid 2px #e8e8e8; }
.bd-right { border-right: dotted 1px #eee; }
.bd-right2 { border-right: dotted 1px #eee; }
.bd-left { border-left: dotted 1px #eee; }
.border-none { border: none; }
.padding-edit { margin-bottom: 0px !important; padding-bottom: 0; }
.padding-right { padding-right: 0.9375em; }
/* About page */

.box-service { width: 100%; background: #f5f5f5; }
.box-service .icon-1 { text-align: center; padding-top: 1.25em; }
h2.service-header { padding-bottom: 1em; border-bottom: solid 1px #eee; margin-left: 0.9375em; margin-right: 0.9375em; margin-bottom: 0.5em; }
.service-txt { text-align: center; padding-left: 0.9375em; padding-right: 0.9375em; padding-top: 0.5em; padding-bottom: 1.25em; }
.icon-box { position: absolute; }
.hover-img { position: relative; margin-bottom: 1.25em; cursor: pointer; }
.hover-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #000; opacity: 0.7; display: none; }
.zoom-icon { width: 25px; height: 24px; background: url(../images/icon.png) no-repeat scroll 0 0; display: block; float: left; text-indent: -9000px; position: relative; margin-right: 20px; }
.pdf-icon { width: 17px; height: 23px; background: url(../images/icon-2.png) no-repeat scroll 0 0; display: block; float: left; text-indent: -9000px; position: relative; }
.description2 { margin-bottom: 1.25em; }
.description2 .row, .description2 p { margin-bottom: 0; }
.download-pdf { padding-top: 0.5em; display: block; }
/* Directory */

.header-text3 { background: #c3c3c3; padding: 5px; }
.cate-list { margin-left: 0; }
.cate-list li { list-style: none; }
.cate-list li { border-bottom: dotted 1px #eee; padding: 5px 0; background: url(../images/arrow-2.png) no-repeat scroll 0 15px; }
.cate-list li { padding-left: 15px; }
.slide-image ul, .slide-thumb ul { margin-left: 0; }
.slide-image ul li, .slide-thumb ul li { list-style: none; }
.slide-image { height: 346px; overflow: hidden; position: relative; }
.slide-thumb { height: 346px; overflow: hidden; position: relative; }
.slide-image { float: left; }
.slide-thumb ul li { margin-bottom: 10px; list-style: none; }
#threshold li { -webkit-transform: translate3d(0px, 0px, 0px); float: left; margin-right: 0; }
.icon-up { background: url(../images/icon-3.png) no-repeat scroll top center; height: 35px; position: absolute; top: 0px; z-index: 1; left: 0; width: 100%; }
.icon-down { background: url(../images/icon-4.png) no-repeat scroll top center; height: 35px; position: absolute; bottom: 0px; z-index: 1; left: 0; width: 100%; }
/* Contact */

.zoom-icon2 { background: url(../images/icon-5.png) no-repeat scroll 0 0; padding-left: 20px; }
.print-icon { background: url(../images/icon-6.png) no-repeat scroll 0 0; padding-left: 20px; margin-left: 20px; }
.result { position: absolute; top: 20px; right: 0.9375em; }
.search-link { margin-bottom: 1.25em; display: block; }

#mobileSearch { margin-left:0.9375em; margin-right:0.9375em; }

/* DesktopMenu */
#DesktopMenu .menu { margin-left: 0; }
#DesktopMenu .menu li { position: relative; float:left; list-style:none; }
#DesktopMenu .menu li:first-child { background: none; padding-left: 0; }
#DesktopMenu .menu li:last-child { margin-right: 0; }
#DesktopMenu .menu li a { padding-left: 31px; padding-right: 31px; }
#DesktopMenu .menu li { -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; }
#DesktopMenu .menu li .submenu { position: absolute; left: 0;  margin-left: 0; display: none; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);width: 150px;}
#DesktopMenu .menu li .submenu li { float: none; background: #aeaeae; padding: 0; border-bottom: dotted 1px #9c9c9c;}
#DesktopMenu .menu li .submenu li a { padding: 0.5em; position: relative; display: block; text-align: left; font-size:13px;}
#DesktopMenu .menu li .submenu li a:hover { background: #00afad; }
#DesktopMenu .menu li:hover .submenu { display: block; }
#DesktopMenu .arrow-menu { position: absolute; width: 100%; height: 6px; background: url(../images/arrow-3.png) no-repeat scroll top center; bottom: 0; display: none; }
#DesktopMenu .menu li:hover .arrow-menu { display: block; }

#MobileMenu .menu { margin-left:0; margin-top:1.5em; }
#MobileMenu .menu li { list-style:none;}
#MobileMenu .menu li a { display:block; text-align:left; padding-left:0.9375em; padding-right:0.9375em; padding-bottom:0.5em; padding-top:0.5em; }
#MobileMenu .menu li .submenu { margin-left:0; display:none; } 
#MobileMenu .menu li .submenu li { background:url(../images/menu-m3.png) repeat-x scroll center bottom #00afad; }
#MobileMenu .menu li .submenu li a {}
#MobileMenu .menu li .submenu li a:hover { background:url(../images/menu-m4.png) repeat-x scroll center bottom; }

#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }

/*#MobileMenu .menu li:hover .submenu { display: block; }*/

.line-55 { background:url(../images/prefoot-line.jpg) no-repeat scroll center right; height:270px; }

.ico { width:28px; height:28px; text-indent:-9000px; float:left; margin-right:5px; display:block; }
.ico-fb { background:url(../images/icon_fb.png) no-repeat scroll 0 0; }
.ico-yt { background:url(../images/icon_yt.png) no-repeat scroll 0 0; }
.ico-ig { background:url(../images/icon_ig.png) no-repeat scroll 0 0; }
.ico-w { background:url(../images/icon_w.png) no-repeat scroll 0 0; }

.ico:hover { background-position:0 -35px; }

.date { position:absolute; top:0; left:0.9375; background:#00afad;     z-index: 1; }
.date p { padding:0 1.5em; text-align:center; color:#fff; font-weight:bold; margin-bottom:0; }

.space p { margin-bottom:1.5em; }

.submit-bt2{
	background: #00afad;
border: 1px solid #00afad;
padding: 5px;
margin-top:0px;
width: 100%;
font-size: 0.875em;
max-width: 100px;
cursor: pointer;
color:#fff;
height: 40;
margin-bottom: 0px !important;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/

}

input.submit-bt2 {
	background:url(../images/search_btn.png) no-repeat; 
	padding:0;
	border:none;
	width:80px;
	height:27px;
	text-indent:-9000px;
}


input[type="text"].s-search {height: 40px;
padding:8px 12px; background:#F1F1F1 !important; width:100% !important;
border-radius: 5px; border: 0;}

.panel { height:45px; padding:8px; background:white; }
 
 @media only screen {
	#d-desktop {display:none;}
	.language {padding: 1.625em 1.5em 0px 0px;}
	.language span {float: none; font-size: 16px;}
	.mobile-toggle-icon { display: block; }
	#nav { display: none; position: fixed;  width: 312px; height: 374px;  right: 16px; z-index: 999; top: 105px; background: url(../images/m-nav-bg2.png) repeat scroll 0 0; -webkit-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); overflow: auto; }
	
	#DesktopMenu { display:none; }
	#MobileMenu { display:block; }
	
	.mobile-fixed {padding-left:0; padding-right:0;  display: none; }
	
	#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:none; }
	#mobileSearch { display:block; margin-top:1.5em; }
	.input-search { position: relative; }
	#banner, .space-top2 { margin-top: 80px; }
	.bg-2 { display: block; }
	.decktop { display: none; }
	#prefoot .decktop { display: none; }
	#thumb { display: none; }
	
	.desktop-only { display:none; }
	#MobileCate { display:block; }
	.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:0px; }
	.panel { height:auto; }
	input[type="text"].input-search { height:39px; width: 100%; border:none; background:#F1F1F1; border-radius: 4px; padding-left: 20px;}
	
	#MobileCate { position:relative; z-index:9; top:0; }
	#MobileCate h2 { color:#777; display:block; width:90%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
	#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:90%; border:solid 1px #e3e3e3; display:none; }
	#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
	
	.tree-line { height:auto; }
	.content{padding-top:12px;padding-right: 20px}
	.wrp-sharethis .bx {display: inline-block;border-right: 1px solid #EBEBEB; padding: 0 5px 0 10px;}
	.wrp-sharethis{width: 100%;margin: 20px 0 15px 0; padding:0; height: 45px;background: #EDEDED;border-radius: 4px;}
	.c_share{float: right;color: #6f6f6f;font-size: 17px;border: 0!important; padding: 10px 0 0 5px;}
	.article-img{width: 100%;height: 179px;object-fit: cover;}
	.img-height {position: unset;width: unset;height: unset;}
	.img .img-fix-height{ width: unset; object-fit: unset;height: unset;}
	.img .img-fix-height2{ width: 114px;object-fit:cover;height: 114px; }
	.title-content{padding: 12px 0 12px 12px;}
	.pagination-article{padding: 40px 0px 60px 0px;}
	.m-hide {display: none;}
	.title-search {justify-content: start;}
	.submit-bt2{margin-top: 12px;}
	.title-search {margin-bottom: 8px;}
 }	

@media only screen and (min-width: 480px) { 
	#d-desktop {display:none;}
	.language {padding: 1.375em 1.5em 0px 0px;}
	.language span {float: none; font-size: 16px;}
	.mobile-toggle-icon { display: block; margin-top: 10px; z-index: 99999;} 
	
	#nav { display: none; position: fixed;  width: 312px; height: 378px; right: 20px; left: unset; z-index: 99; top: 105px; background: url(../images/m-nav-bg2.png) repeat scroll 0 0; -webkit-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); overflow: auto; }
	
	#DesktopMenu { display:none; }
	#MobileMenu { display:block; }
	
	.mobile-fixed {padding-left:0; padding-right:0; display: none;}
	.pagination-article{
		padding: 40px 0px 60px 0px;
	}
	.content {padding-top: 60px;padding-right: 30px;}
	
	#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:none; }
	#mobileSearch { display:block; }
	.input-search { position: relative; }
	.menu li a { padding-left: 31px; padding-right: 30px; padding-bottom: 15px; display: block; }
	#banner, .space-top2 { margin-top: 90px; }
	.bg-2 { display: none; }
	.decktop { display: none; }
	#prefoot .decktop { display:none; }
	#thumb { display: none; }
	.desktop-only { display:none; }
	#MobileCate { display:block; }
	.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:0px; }
	.panel { height:auto; }
	input[type="text"].input-search { height:39px; width: 100%; border:none; background:#F1F1F1; border-radius: 4px; padding-left: 20px;}
	
	#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
	#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
	#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
	#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
	.tree-line { height:auto; }

	.pagination-article{
		padding: 40px 0px 60px 0px;
	}
	.content{padding-top:12px; padding-right: 30px;}

	.wrp-sharethis .bx {display: inline-block; border-right: 1px solid #EBEBEB; padding: 5px 5px 0 5px;}
	.wrp-sharethis{width: 100%;margin: 20px 0 15px 0; padding:0; height: 45px;background: #EDEDED;border-radius: 4px;}
	.c_share{float: right;color: #6f6f6f;font-size: 17px;border: 0!important; padding: 10px 0 0 5px;}
	.m-hide {display: none;}
	.title-search {margin-bottom: 8px;}
	.header .container { max-width: 100%;}
	footer .container { max-width: 100%;}
}

@media only screen and (min-width: 768px) { 
	.language {padding: 0px 1.5em 0px 0px; margin-bottom: 0;}
	.language span {float: none; font-size: 16px;}
	.mobile-toggle-icon { display: block; margin-top: 0; margin-right: 0;}
	#nav { display: none; position: fixed; width: 312px; height: 374px; right: 20px; left: unset; z-index: 99; top: 105px; background: url(../images/m-nav-bg2.png) repeat scroll 0 0; -webkit-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); overflow: auto; }
	
	#DesktopMenu { display:none; }
	#MobileMenu { display:block; }
	
	.mobile-fixed {padding-left:0; padding-right:0; }
	.content{padding-top:22px;padding-right: 60px}
	
	#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:none; }
	#mobileSearch { display:block; }
	.input-search { position: relative; }
	#banner, .space-top2 { margin-top: 100px; }
	.bg-2 { display: none; }
	.decktop { display: none; }
	#prefoot .decktop { display:block; }
	#thumb { display: none; }
	.desktop-only { display:block; }
	#MobileCate { display:none; }
	.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:0px; }
	.panel { height:auto; }
	
	#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
	#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
	#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
	#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
	/* Edit 04-03-2013 TOR */
	.fixed-height-1 { min-height:280px; }
	.fixed-height-2 { min-height:80px; }
	
	.tree-line { height:35px; }

	.article-img{width: 100%;height: 505px;object-fit: cover;}

	.pagination-article{
		padding: 40px 0px 60px 0px
	}
	.wrp-sharethis .bx {display: inline-block; border-right: 1px solid #EBEBEB; padding: 5px 5px 0 5px;}
	.wrp-sharethis{width: 100%;margin: 20px 0 15px 0; padding:0; height: 45px;background: #EDEDED;border-radius: 4px;}
	.c_share{float: right;color: #6f6f6f;font-size: 17px;border: 0!important;margin-left:16.5px}
	.top-link ul li a {margin-top: 7px; color: #A5A5A5; font-size: 16px !important;}
	.top-link ul li:last-child a { margin-top:7px; padding-left:15; color:#00afad; font-size:16px; }
	.title-search {justify-content: end; margin-bottom: 0px;}
	.d-hide{display: none;}
	.m-hide {display: block;}
}

@media only screen and (min-width:1024px) {
	#d-mobile {display:none;} 
	#d-desktop {display:flex;}
	#top { position: relative; }
	.language {padding: 0px; z-index: 9999;}
	.language span { display:inline-flex; float: left; padding: 0 3px; }
	.mobile-toggle-icon { display: none; }
	#nav { display: block !important; position: relative; width: 100% ; height: auto; padding-left: 7.125em !important ; z-index: 99; top: 20px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; opacity: 1;}
	
	#DesktopMenu { display:block; }
	#MobileMenu { display:none; }
	#DesktopMenu .menu li a { padding-left: 11px; padding-right: 11px; }
	.mobile-fixed {padding-left:0; padding-right:0.9375em; display: block; }
	
	#search-top { position: relative; right: 0px; top: 0px; padding-right: 0px; width:312px;  display:block; z-index: 9999;}
	#mobileSearch { display:none; }
	.input-search { position: relative; }
	.menu li a { padding-left: 31px; padding-right: 30px; padding-bottom: 15px; display: block; }
	#banner{ margin-top: 38px; width: 63.115em; }
	.space-top2 { margin-top: 38px; width: 63.115em;}
	.bg-2 { display: block; }
	.decktop { display: block; }
	#thumb { display: block; }
	.desktop-only { display:block; }
	#MobileCate { display:none; }
	input[type="text"].input-search { height:39px; width: 100%; border:none; background:#F1F1F1; border-radius: 4px; padding-left: 20px;}
	.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:0px;}
	.panel { height:45px; padding:8px; }
	#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
	#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:none 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
	#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
	#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
	
	/* Edit 04-03-2013 TOR */
	.fixed-height-1 { min-height:305px; }
	.fixed-height-2 { min-height:90px; }
	
	.tree-line { height:35px; }

	.article-img{
		width: 100%;
	}
	.pagination-article{
		padding: 40px 0px 60px 0px
	}
	.wrp-sharethis .bx {display: inline-block; border-right: 1px solid #EBEBEB; padding: 5px 5px 0 5px;}
	.wrp-sharethis{width: 100%;margin: 20px 0 15px 0; height: 45px;background: #EDEDED;border-radius: 4px;}
	.c_share{float: right;color: #6f6f6f;font-size: 17px;border: 0!important;margin-left:16.5px}
	.title-content{padding: 0 0 20px 12px;}
	.img .img-fix-height2{ width: 114px;object-fit:cover;height: 114px; }
	.d-hide {display: none;}
	.title-search {justify-content: end; margin-bottom: 0px;}
	.m-hide {display: block;}
}
@media only screen and (max-width:1024px) {
	.space-top2 { margin-top: 100px; width: 63.115em;}
}

@media only screen and (min-width:1440px) { 
	.language {padding: 0px; z-index: 9999; margin:0;}
	.language span { display:inline-flex; float: left; font-size: 15; }
	.mobile-toggle-icon { display: none; }
	#nav { display: block; position: relative; width: 100%; height: auto; padding-left: 16.125em !important ; z-index: 99; top: 20px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; opacity: 1; }
	
	#DesktopMenu .menu { margin: 0; gap:20px; display: flex; }
	#DesktopMenu { display:block; }
	#MobileMenu { display:none; }
	#DesktopMenu .menu li a { padding:0px }
	.mobile-fixed {padding-left:0.9375em; padding-right:0.9375em; display: block; }
	
	#search-top { position: relative; right: 0px; top: 0px; padding-right: 0px; width:312px;  display:block; z-index: 9999;}
	#mobileSearch { display:none; }
	.input-search { position: relative; }
	.menu li a { padding-left: 31px; padding-right: 30px; padding-bottom: 15px; display: block; }
	#banner, .space-top2 { margin-top: 38px; width: 63.115em;}
	.bg-2 { display: block; }
	.decktop { display: block; }
	#thumb { display: block; }
	.desktop-only { display:block; }
	#MobileCate { display:none; }
	input[type="text"].input-search { height:39px; width: 264px; border:none; background:#F1F1F1; border-radius: 4px; padding-left: 20px;} 
	.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:-20px;}
	.panel { height:45px; padding:8px; }
	#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
	#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:none 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
	#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
	#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
	
	/* Edit 04-03-2013 TOR */
	.fixed-height-1 { min-height:305px; }
	.fixed-height-2 { min-height:90px; }
	
	.tree-line { height:35px; }

	.article-img{width: 100%; height: 568px; object-fit: cover;}
	
	.pagination-article{padding: 40px 0px 60px 0px}
	
	.wrp-sharethis .bx {display: inline-block; border-right: 1px solid #EBEBEB; padding: 5px 5px 0 5px;}
	.wrp-sharethis{width: 100%;margin: 20px 0 15px 0; height: 45px;background: #EDEDED;border-radius: 4px;}
	.c_share{float: right;color: #6f6f6f;font-size: 17px;border: 0!important;margin-left:16.5px}
	.column .columns {padding: 12px 12px 0 10px;}
	.img-height {position:relative;width: 100%;height: 186px;}
	.img .img-fix-height{ width: 100%;object-fit:cover;height: 186px; }
	.img .img-fix-height-2{ width: 114px;object-fit:cover;height: 114px; }
	.title-content{padding-top: 28px;}
	#top-article ul li a {margin-top: 3px; color: #A5A5A5; font-size: 16px !important;}
	#top-article ul li:last-child a { margin-top:3px; padding-left:15; color:#00afad; font-size:16px; }
	.top-link ul li a {margin-top: 3px; color: #A5A5A5; font-size: 20px !important;}
	.top-link ul li:last-child a { margin-top:3px; padding-left:0px; color:#00afad; font-size:20px; }
	.d-hide {display: none;}
	.m-hide {display: block;}
	.title-search {justify-content: end; margin-bottom: 0px;}
}

#bg-nav{width: 100%; height: 88px; position: fixed;z-index: 99;top: 0;left: 0}
.article-detail-content table {width: 100%;}
.article-detail-content table tbody tr td {vertical-align: top; padding-bottom: 32px;}
.logo img {height: 40px; width: 112px;}
.language-banner{ display: flex; justify-content: flex-end;  align-items: center;}
.header {position: fixed;width: 100% ;top:0; left: 0; z-index: 999; padding: 0px; height: 88px; background-color: white;}
#top {top: 0; z-index: 99; height: 100%; width: 100%;}
.title-article-now {pointer-events: none;}
.search-btn {padding-top: 12px;}


/*@media only screen and (min-width: 40.063em) {
#top { position: fixed; top: 0; z-index: 99; }
.logo, .language { padding-top: 0.5em; }
.language span { display: block; float: none; }
.mobile-toggle-icon { display: block; }
#nav { display: none; position: fixed; width: 70%; height: 100%; left: 0; z-index: 99; top: 0; background: url(../images/m-nav-bg2.png) repeat scroll 0 0; -webkit-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75); overflow: auto; }

#DesktopMenu { display:none; }
#MobileMenu { display:block; }

.mobile-fixed {padding-left:0; padding-right:0; }

#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:none; }
#mobileSearch { display:block; }
.input-search { position: relative; }
#banner, .space-top2 { margin-top: 80px; }
.bg-2 { display: none; }
.decktop { display: none; }
#thumb { display: none; }
.desktop-only { display:none; }
#MobileCate { display:block; }
.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:7px; right:7px; }
.panel { height:auto; padding-left:50px; }
input[type="text"].s-search { margin-left:-20px; }

#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }


}*/
/*@media only screen and (min-width: 62.500em) {
#top { position: relative; }
.logo, .language { padding-top: 20px; }
.language span { display: block; float: left; }
.mobile-toggle-icon { display: none; }
#nav { display: block; position: relative; width: auto; height: auto; left: 0 !important; z-index: 99; top: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; }

#DesktopMenu { display:block; }
#MobileMenu { display:none; }
#DesktopMenu .menu li a { padding-left: 29px; padding-right: 29px; }
.mobile-fixed {padding-left:0.9375em; padding-right:0.9375em; }

#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:block; }
#mobileSearch { display:none; }
.input-search { position: relative; }
.menu li a { padding-left: 31px; padding-right: 30px; padding-bottom: 15px; display: block; }
#banner, .space-top2 { margin-top: 0px; }
.bg-2 { display: block; }
.decktop { display: block; }
#thumb { display: block; }
.desktop-only { display:block; }
#MobileCate { display:none; }
input[type="text"].input-search { height:23px; }
.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:7px; }
.panel { height:45px; padding:8px; }
#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
}*/
/*@media only screen and (min-width: 90.063em) {
#top { position: relative; }
.logo, .language { padding-top: 20px; }
.language span { display: block; float: left; }
.mobile-toggle-icon { display: none; }
#nav { display: block; position: relative; width: auto; height: auto; left: 0 !important; z-index: 99; top: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; }

#DesktopMenu { display:block; }
#MobileMenu { display:none; }
#DesktopMenu .menu li a { padding-left: 30px; padding-right: 30px; }
.mobile-fixed {padding-left:0.9375em; padding-right:0.9375em; }

#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:block; }
#mobileSearch { display:none; }
.input-search { position: relative; }
.menu li a { padding-left: 31px; padding-right: 31px; padding-bottom: 15px; display: block; }
#banner, .space-top2 { margin-top: 0px; }
.bg-2 { display: block; }
.decktop { display: block; }
#thumb { display: block; }
.desktop-only { display:block; }
#MobileCate { display:none; }
input[type="text"].input-search, input[type="text"].fields-email, .btn-1 { height:23px; font-size:12px; padding:2px 10px; }
.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:7px; }
.panel { height:45px; padding:8px; }
#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
}*/
/*@media only screen and (min-width: 120.063em) {
#top { position: relative; }
.logo, .language { padding-top: 20px; }
.language span { display: block; float: left; }
.mobile-toggle-icon { display: none; }
#nav { display: block; position: relative; width: auto; height: auto; left: 0 !important; z-index: 99; top: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; }

#DesktopMenu { display:block; }
#MobileMenu { display:none; }
#DesktopMenu .menu li a { padding-left: 30px; padding-right: 30px; }
.mobile-fixed {padding-left:0.9375em; padding-right:0.9375em; }

#search-top { position: absolute; right: 0.9375em; top: 20px; width: 40%; top: 50px; display:block; }
#mobileSearch { display:none; }
.input-search { position: relative; }
.menu li a { padding-left: 30px; padding-right: 30px; padding-bottom: 15px; display: block; }
#banner, .space-top2 { margin-top: 0px; }
.bg-2 { display: block; }
.decktop { display: block; }
#thumb { display: block; }
.desktop-only { display:block; }
#MobileCate { display:none; }
input[type="text"].input-search, input[type="text"].fields-email, .btn-1 { height:23px; font-size:12px; padding:2px 10px; }
.form-box button { position:absolute; padding:0; margin:0; background:none; border:none; top:0px; right:7px; }
.panel { height:45px; padding:8px; }
#MobileCate { position:absolute; width:100%; right:0.9375em; z-index:9; top:-0.5em; }
#MobileCate h2 { color:#777; width:50%; height:50px; padding-top:10px; float:right; border:solid 1px #e3e3e3; background:url(../images/arrow-4.png) no-repeat scroll center right #f5f5f5; position:relative; }
#MobileCate ul { position:absolute; right:0; top:50px; z-index:9; width:50%; border:solid 1px #e3e3e3; display:none; }
#MobileCate ul li { background:#f5f5f5; border-bottom:solid 1px #e3e3e3; }
}*/


/* banner */
.orbit-container { display:none; }

#more { margin-bottom:1.25em; }
#more p { background:#e9e9e9; color:#1e9f92; text-align:center; cursor:pointer; padding:5px 0; font-size:14px; }

.btn-gotop{ position: fixed; bottom: 20px ;right:20px; display: none; width: 50px ; height: 50px}

.btn-gotop img{width: 100%; cursor: pointer;}