body{/*background: inherit;*/}
a{
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
figure.cover-bg{margin: 0; background-size: cover;}
figure.cover-bg > img{width: 100%;}

.row-table{display: table; width: 100%;}
.row-table > div{display: table-cell; vertical-align: middle;}
.row-table > .col-auto{width: 1%;}
.row-table > .col{width: auto;}
.row-table.vlign-top > div{vertical-align: top;}

.head-zone{position: fixed; width: 100%; z-index: 4; top: 0;}

.site-container{
    padding-top: 197px;
    padding-bottom: 40px;
    background: url(../img/bottomzone-bg.jpg?v=20161016) center bottom no-repeat;
}

.main-header{background: url(../img/new/background/bg-header.jpg?v=20161016) bottom no-repeat; position: relative; margin-top: 0;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.site-option {
    float: none;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d8d8d8;
    height: 30px;
}
.header-option {margin-top: 0;}
.header-option > div{color: #333333; vertical-align: middle; height: 30px; padding:0 20px;}
.header-option > div + div {margin-left: 0;}
.header-option .change-font{border-left: solid 1px #d8d8d8;}
.header-option .change-font a{color: #333333;}
.header-option .change-display {padding-top: 4px; border-left: solid 1px #d8d8d8;}
.header-option .change-display a{background-color: #d8d8d8; border: solid 1px #fff;}
.header-option .change-display a{border: none !important;}

.header-option .lang-btn{border-left: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8; padding: 0;}
.lang-btn a{padding: 0; height: 29px; line-height: 29px; width: 44px; text-align: center; color: #333333; background-color: #f7f7f7;}
.lang-btn a.th,
.lang-btn a.en {border-radius: 0;}
.lang-btn a.active,
.lang-btn a:hover {
    background: #ffffff;
}
.lang-btn a+a{border-left: solid 1px #d8d8d8;}

.site-title,
.site-title .title{color: #0e7940;}
.site-heading{float: none; padding: 7px 0;}
.site-heading:after{content: ''; display: table; clear: both;}

.main-nav{background-color: #0e7940;text-align: left; position: relative;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.main-nav:before{
    content: ''; 
    background-color: #36ad5b; 
    position: absolute; 
    top: 0; 
    height: 53px; 
    width: 380px;
    right: 50%; 
    margin-right: -960px;
}
.main-nav:after{content: ''; display: table; clear: both;}
.main-nav.affix{background-color: #0e7940;}
.main-nav.affix .mini-logo{display: none;}
.main-menu{display: block;}
.main-menu li{display: block; float: left;}
.main-menu li+li{margin-left: 50px;}
.main-menu li a{color: #fff;border-radius: 0; margin: 0; padding: 0; height: 53px; line-height: 53px; position: relative; display: block;}
.main-menu li a:before{
    content: ''; opacity: 0; position: absolute; top: 100%; left: 0; right: 0; width: 100%; background-color: #eeac39; height: 4px;
    margin-top: -4px; z-index: 1001;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.main-menu li:hover a,
.main-menu li.active a {background: transparent;}
/*.main-menu li a:hover:before{opacity: 1;}*/
.main-menu li.active a:before{opacity: 1;}

.main-menu li a i{display: none;}
.main-menu li:hover a{color: #eeac39;}

.main-menu li.nav-search{position: relative; z-index: 1002; float: right; display: block; line-height: 1;}
.main-menu li.nav-search:hover .link{background-color: transparent;}
.main-menu li.nav-search:hover .icon-close{background-color: transparent; color: #186a48;}
.nav-search:after{content: ''; display: block; clear: both;}
.nav-search a{
	-webkit-transition:All 0ms ease;
	-moz-transition:All 0ms ease;
	-o-transition:All 0ms ease;
}
.nav-search .link{
    margin: 0; padding: 0 15px;
	position: relative; font-size: 20px; line-height: 53px; height: 53px; color: #5E7AA2; display: block; text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition:All 200ms ease;
	-moz-transition:All 200ms ease;
	-o-transition:All 200ms ease;
}
.nav-search .link:hover{color: #F7C52A; background-color: transparent;}
.nav-search .link:hover:before{display: none;}
.nav-search .search-form{
    margin: 0; position: absolute; top: 0; right: 0; padding-left: 20px;
    height: 53px; width: 82px;
    background-color: #36ad5b;
    border: none;
	-webkit-border-radius: 28px 0 0 28px;
	-moz-border-radius: 28px 0 0 28px;
	border-radius: 28px 0 0 28px;
	-webkit-transition:All 200ms ease;
	-moz-transition:All 200ms ease;
	-o-transition:All 200ms ease;
}
.nav-search .search-form form{width: 0px; background-color: transparent; display: table-cell; vertical-align: middle;}
.nav-search .form-control{
    width: 0; height: 33px; background-color: #fff; border:none; padding: 0; font-size: 16px; color: #333;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition:All 0ms ease;
	-moz-transition:All 0ms ease;
	-o-transition:All 0ms ease;
}
.nav-search .form-control::-webkit-input-placeholder {color: #ccc;}
.nav-search .form-control::-moz-placeholder {color: #ccc;}
.nav-search .form-control:-ms-input-placeholder {color: #ccc;}
.nav-search .form-control:-moz-placeholder {color: #ccc;}
.nav-search .input-group{width: 100%;}
.nav-search .input-group-addon{width: 50px; padding: 0; margin: 0; background-color: transparent; border:none;
    vertical-align: middle;
    display: table-cell;
}
.nav-search .icon-close{
    opacity: 0; visibility: hidden; margin: auto; color: #186a48;
    position: absolute; top: 0; bottom: 0; right: 10px; width: 12px; height: 15px;
    padding: 0; line-height: 0;
    background-size: 100%;
    text-shadow:none;
}
.nav-search .search-btn{display: none;
    position: absolute;
    z-index: 3;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 50px;
    height: 25px;
    width: 80px;
    background: #e8e8e8;
    color: #888;
    border: none;
    box-shadow: 1px 1px 0px 0px #dadada;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font: 100 normal 18px "Helvethaica Mon";
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.nav-search .search-btn .fa{font-size: 14px; margin-right: 5px;}
.nav-search .search-btn:hover{box-shadow: 1px 1px 0px 0px #adadad;}

.nav-search.open .input-group{padding-right: 40px;}
.nav-search.open .input-group-addon{width: 35px;}
.nav-search.open .search-form{width: 1160px; overflow: hidden; background-color: #36ad5b; padding-left: 0;}
.nav-search.open .search-form form{width: 100%;}
.nav-search.open .form-control{width: 100%; padding: 0 100px 0 15px;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}
.nav-search.open .icon-close{opacity: 0.6; visibility: visible;}
.nav-search.open .icon-close:before{display: none;}
.nav-search.open .icon-close:after{content: "\f00d"; font: normal normal normal 14px/1 FontAwesome;}
.nav-search.open .icon-close:hover{opacity: 1;}
.nav-search.open .search-btn{display: block;}




.main-menu li.dropdown{position: static;}
/*.main-menu li.dropdown > a:after{content: '+'; position: absolute; top: 0; right: 0; display: none;}
.main-menu li.dropdown.open > a:after{content: '-';}*/
.main-menu li.dropdown.open > a{position: relative;}
/*.main-menu li.dropdown.open > a:before{margin-top: 0; opacity: 1;}*/
.main-menu li.dropdown.open > a:after{
    content: '';
    position: absolute;
    z-index: 9000;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #085a4e;
    top: 100%;
    left: 0;
    right: 0;
    margin: 4px auto 0;
}
.main-menu li.dropdown.open > a{color: #eeac39;}
.main-menu li.dropdown .dropdown-menu{
    min-width: inherit; width: 100%;position: fixed;
    left: 0;
    top: 195px;
    float: none;
    border-top: 4px solid #085a4e;
    border-bottom: 4px solid #085a4e;
    background-color: rgba(255, 255, 255, 0.99);
    background-image: url(../img/new/background/bg-submenu.png?v=20161016);
    background-position: bottom left;
    background-repeat: no-repeat; 
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
    border-radius: 0;
}
.main-menu li.dropdown .dropdown-menu .main {padding: 30px 0;}
.main-menu li.dropdown .dropdown-menu .sub {
    padding: 30px 20px 30px 40px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.main-menu li.dropdown .dropdown-menu .main,
.main-menu li.dropdown .dropdown-menu .sub{height: calc(100vh - 215px); overflow-y: auto;}
.main-menu li.dropdown .dropdown-menu .banner {
    text-align: center;
    padding: 30px;
}
.main-menu li.dropdown .dropdown-menu .banner a:before{display: none;}
.main-menu li.dropdown .dropdown-menu .header{margin-bottom: 15px;}
.main-menu li.dropdown .dropdown-menu .header .topic{font: 600 normal 24px "Helvethaica Mon"; color: #186a48; margin-bottom: 15px;}
.main-menu li.dropdown .dropdown-menu .header .topic a{color: #186a48; line-height: 1; height: auto; padding-left: 10px; font-size: 24px;}
.main-menu li.dropdown .dropdown-menu .header .topic a:after{
    content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 5px;
    background-color: #186a48; border-radius: 50%;
}
.main-menu li.dropdown .dropdown-menu .header .topic a:before{display: none;}
.main-menu li.dropdown .dropdown-menu .header .topic a:hover{color: #ff6c00;}
.main-menu li.dropdown .dropdown-menu ul{padding: 0; margin: 0; list-style: none;}
.main-menu li.dropdown .dropdown-menu ul:after{content: ''; display: table; clear: both;}
.main-menu li.dropdown .dropdown-menu ul li{float: none; width: 100%;}
.main-menu li.dropdown .dropdown-menu ul li+li {margin-left: 0; margin-top: 10px;}
.main-menu li.dropdown .dropdown-menu ul li a{color: #186a48; font-size: 20px; line-height: 1; height: auto;  padding-left: 10px;}
.main-menu li.dropdown .dropdown-menu ul li a:after{
    content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px;
    background-color: #186a48; border-radius: 50%;
}
.main-menu li.dropdown .dropdown-menu ul li a:hover{color: #ff6c00;}
.main-menu li.dropdown .dropdown-menu ul li a:hover:after{background-color: #ff6c00;}
.main-menu li.dropdown .dropdown-menu ul li a:hover:before{opacity: 0;}
.main-menu li.dropdown.active .dropdown-menu ul li a:before{opacity: 0;}
.main-menu li.dropdown .dropdown-menu ul li.active a:before{opacity: 0;}
.main-menu li.dropdown .dropdown-menu ul li.active a{color: #ff6c00;}
.main-menu li.dropdown .dropdown-menu ul li.active a:after{background-color: #ff6c00;}

.main-menu li.dropdown .dropdown-menu .sub ul li a{padding-left: 20px; color: #333333;}
.main-menu li.dropdown .dropdown-menu .sub ul li a:after{display: none;}
.main-menu li.dropdown .dropdown-menu .sub ul li a:hover{color: #ff6c00;}

.head-zone.tiny .main-header{margin-top: -144px;}
.head-zone.tiny .main-nav{box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
.head-zone.tiny .main-nav .dropdown-menu {top: 51px;}
.head-zone.tiny .main-menu li.dropdown .dropdown-menu .main,
.head-zone.tiny .main-menu li.dropdown .dropdown-menu .sub{height: calc(100vh - 71px);}

.logo-link > a span{background-color: transparent;}




.social-login {
    margin-top: 0;
    text-align: center;
    float: none;
    position: fixed; z-index: 3;
    top: 230px;
    right: 0;
    width: 100px; background-color: #ffffff;
    border: 2px solid #ebebeb;
    border-right: none;
    overflow: hidden;
    -webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.social-login.closeup{}
.social-login .btn-side {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #fff;
    color: #848484;
    position: absolute;
    right:-2px;
    bottom: 100%;
    margin-bottom: 2px;
    border: 1px solid #ebebeb;
    display: none;
    -webkit-transition: All 200ms ease;
    -moz-transition: All 200ms ease;
    -o-transition: All 200ms ease;
    border-radius: 10px 0 0 0;
}
.social-login .btn-side:focus,
.social-login .btn-side:active:focus,
.social-login .btn-side.active:focus,
.social-login .btn-side.focus,
.social-login .btn-side:active.focus,
.social-login .btn-side.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.social-login .btn-side .icon{
    font-family: 'FontAwesome';
    font-size: 28px;
    line-height: 38px;
}
.social-login .btn-side .icon:before{content: "\f105";}
.social-login .btn-side:hover {background-color: #0e7940;border: 1px solid #056532;color: #fff;}
.social-login .btn-side.closeup{opacity: 0.3;}
.social-login .btn-side.closeup .icon:before{content: "\f104";}
.social-login .btn-side.closeup:hover{opacity: 1;}

.social-login .social-icon {
    margin: 15px 0; float: none;
}
.social-icon a {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 1px 2px 0px 1px rgba(0, 0, 0, 0.15);
}
.social-icon a + a {
    margin-left: auto; margin-top: 7px;
}
.social-icon a i {
    line-height: 36px;
    font-size: 22px;
}
.social-icon a.facebook{border-color: #475993;}
.social-icon a.facebook i{color: #475993;}
.social-icon a.twitter{border-color: #76a9ea;}
.social-icon a.twitter i{color: #76a9ea;}
.social-icon a.youtube{border-color: #d80027;}
.social-icon a.youtube i{color: #d80027;}
.social-icon a.facebook:hover{background-color: #475993;}
.social-icon a.twitter:hover{background-color: #76a9ea;}
.social-icon a.youtube:hover{background-color: #d80027;}
.social-icon a.facebook:hover i,
.social-icon a.twitter:hover i,
.social-icon a.youtube:hover i{color: #fff !important;}

.survey{background-color: #0e7940; text-align: center; display: block; padding-top: 10px; padding-bottom: 15px;
    /*-webkit-border-radius: 0 0 0 15px;
    -moz-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;*/
}
.survey img{display: block; margin: 0 auto;}
.survey span{color: #fff; font: 400 normal 20px/1 "Helvethaica Mon";}
.survey:hover{background-color: #186a48;}


.wg-home-new .home-slide {margin-top: 0; position: relative; z-index: 0;}
.wg-home-new .home-slide .slide {/*height: 580px;*/ height: 460px;}
.wg-home-new .home-slide .owl-nav{margin: 0;}
.wg-home-new .home-slide .owl-dots {bottom: 10px;}
.wg-home-new .home-slide .owl-dots .owl-dot span{width: 10px; height: 10px; background-color: #e8e8e8;}
.wg-home-new .home-slide .owl-dots .owl-dot.active span{width: 35px; background-color: #0e7940;}

.wg-home-new .home-highlight {
    background: url(../img/new/background/bg-home-highlight-2.png?v=20161016) center bottom no-repeat;
    margin-top: 0;
    background: none;
    padding-bottom: 0;
}

.wg-home-new .notice-search{background-color: transparent; padding: 0;/* margin: -180px 0 0 0;*/ margin: 20px 0 0 0; position: relative; z-index: 1;}
.wg-home-new .home-notice{background-color: #f0f0f0; padding: 15px 30px; border-radius: 15px; border: 1px solid #ebebeb; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);}
.wg-home-new .home-notice .title{width: 4.546%; min-width: 50px; height: 50px; padding: 0; border-radius: 50%; overflow: hidden;}
.wg-home-new .home-notice .notice-slide{
    height: 48px; background-color: #fff; margin-left: 3%; position: relative; overflow: visible;
    border-radius: 15px; padding: 12px 10px; width: 92%;
}
.wg-home-new .home-notice .notice-slide:before{
    content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; margin: auto; right: 100%;
    width: 0;height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #fff transparent transparent;
}
.wg-home-new .home-notice .notice-slide .owl-nav .owl-prev{left: 10px}
.wg-home-new .home-notice .notice-slide .owl-nav .owl-next {right: 10px;}
.wg-home-new .home-notice .notice-slide .owl-nav .owl-prev,
.wg-home-new .home-notice .notice-slide .owl-nav .owl-next {top: 0;bottom: 0;margin: auto;}

.wg-home-new .banner-link{background-color: #fff; margin-top: 20px; padding: 15px 30px; border-radius: 15px; border: 1px solid #ebebeb; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);}
.wg-home-new .banner-link .owl-controls{display: block;}
.wg-home-new .banner-link .owl-nav{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 30px; pointer-events: none;}
.wg-home-new .banner-link.owl-theme .owl-nav [class*=owl-]{
    position: absolute; height: 22px; width: 22px;
    border-top: 2px solid #36ad5b;
    border-right: 2px solid #36ad5b;
    color: transparent;
    font-size: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    display: block;
    border-radius: 0;
    pointer-events: visible;
}
.wg-home-new .banner-link.owl-carousel .owl-controls .owl-nav .owl-prev{left: 25px; transform: rotate(-135deg);}
.wg-home-new .banner-link.owl-carousel .owl-controls .owl-nav .owl-next{right: 25px; transform: rotate(45deg);}
.wg-home-new .banner-link.owl-carousel .owl-item img{width: 81px; height: 76px; margin: 0 auto; display: block; object-fit: contain;}
.wg-home-new .banner-link a span {
    display: block;
    width: 100%;
    position: relative;
    font: 400 normal 1.8em "Helvethaica Mon";
    color: #333;
    text-align: center;
    bottom: inherit;
    left: inherit;
}

.wg-home-new .highlight-box { margin-top: 40px; position: relative; border: 1px solid #ebebeb; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4); height: 380px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.wg-home-new .highlight-box .highlight-header .viewall{
    position: absolute; z-index:2; bottom: 0; right: 0; padding: 0;
    width: 120px; height: 40px; text-align: center;
    -webkit-border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	border-radius: 15px 0 15px 0;
    color: #fff;
    font: 400 normal 1.5em "Helvethaica Mon" !important;
    line-height: 40px !important;
    pointer-events: visible;
}
.wg-home-new .highlight-box .highlight-header .rss-btn{pointer-events: visible;}
.wg-home-new .highlight-box .highlight-body{padding: 0;}


.wg-home-new .news-highlight {background: #ffffff;}
.wg-home-new .news-highlight .highlight-header {
    color: #0e7940;
    padding-left: 485px;
    padding-top: 20px;
    background: transparent;
    position: absolute;
    right: 0; z-index: 2;
    height: 100%; width: 100%;
    pointer-events: none;
}
.wg-home-new .news-highlight .highlight-header .viewall{background-color: #0e7840;}
.wg-home-new .news-highlight .highlight-header .viewall:hover {background: #03572a;}
.wg-home-new .news-highlight .highlight-body {padding: 0;}
.wg-home-new .news-highlight .news-item{padding: 0; display: table; width: 100%; overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.wg-home-new .news-highlight .news-item .thumb{display: table-cell; vertical-align: top; width: 1%;}
.wg-home-new .news-highlight .highlight-body .news-item .thumb a{display: block; width: 455px; height: 380px; padding-bottom:0;}
.wg-home-new .news-highlight .news-item .caption{display: table-cell; vertical-align: top; width: auto; padding: 15px 30px; padding-top: 70px; background: transparent; height: inherit;}
.wg-home-new .news-highlight .news-item .caption .infonews{height: inherit;}
.wg-home-new .news-highlight .news-item .caption .title,
.wg-home-new .news-highlight .news-item .caption .desc{color: #333;}
.wg-home-new .news-highlight .news-item:hover .caption {background: transparent; color: #0e7940}
.wg-home-new .news-highlight .news-item:hover .caption .title{color: #0e7940;}
.wg-home-new .news-highlight .news-item:hover .caption .desc{}
.wg-home-new .news-highlight .news-item .caption .date{color: #999999;}
.wg-home-new .news-highlight .owl-nav{display: none;}
.wg-home-new .news-highlight .owl-dots{position: absolute; left: 485px; bottom: 12px; padding: 0; text-align: left;}
.wg-home-new .news-highlight .owl-dots .owl-dot{width: 10px; height: 10px; background: #e8e8e8; font-size: 0; line-height: 0; border-radius: 0;}
.wg-home-new .news-highlight .owl-dots .owl-dot.active{width: 35px; background: #0e7940;}
.wg-home-new .news-highlight .owl-dots .owl-dot+.owl-dot {margin-left: 10px;}


.wg-home-new .news-infographic {background: #fff; }
.wg-home-new .news-infographic .highlight-header {
    color: #38a6df;
    padding:0 30px;
    background: transparent;
    right: 0; z-index: 2;
    height: 64px;
}
.wg-home-new .news-infographic .highlight-header .title{line-height: 64px;}
.wg-home-new .news-infographic .highlight-header .rss-btn{line-height: 64px;}
.wg-home-new .news-infographic .highlight-header .viewall{background-color: #38a6df;}
.wg-home-new .news-infographic .highlight-header .viewall:hover{background-color: #137cb3;}
.wg-home-new .news-infographic .owl-dots{text-align: left; height: auto; padding-left: 30px; padding-bottom: 15px;}
.wg-home-new .news-infographic .owl-dots .owl-dot + .owl-dot{margin-left: 10px;}
.wg-home-new .news-infographic .owl-dots .owl-dot span{width: 10px; height: 10px; background-color: #e8e8e8 !important; border-radius: 0; margin: 0px !important;}
.wg-home-new .news-infographic .owl-dots .owl-dot.active span{width: 35px; background-color: #38a6df !important;}
.wg-home-new .news-infographic .news-item{padding: 0; display: block;}
.wg-home-new .news-infographic .news-item > *{display: block;}
.wg-home-new .news-infographic .news-item .thumb,
.wg-home-new .news-infographic .news-item .thumb a {width: 100%;}
.wg-home-new .news-infographic .news-item .thumb a {padding-bottom: 52%;}
.wg-home-new .news-infographic .news-item .caption{padding: 10px 30px 0px 30px; height: 79px;}
.wg-home-new .news-infographic .news-item .caption .title{color: #333;}
.wg-home-new .news-infographic .news-item:hover {background: transparent;}
.wg-home-new .news-infographic .news-item:hover .caption {color: #38a6df;}
.wg-home-new .news-infographic .news-item:hover .caption .title {color: #38a6df;}
.wg-home-new .news-infographic .news-item .caption p{color: #999999; margin-top: 5px;}


.wg-home-new .news-box{
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    margin-top: 40px; margin-bottom: 0; height: 380px;
    position: relative;
    border: 1px solid #ebebeb; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
    background-color: #fff;
}
.wg-home-new .news-box .newsbox-header .view-all{
    position: absolute; z-index: 2; bottom: 0; right: 0; padding: 0;
    width: 120px; height: 40px; text-align: center;
    -webkit-border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	border-radius: 15px 0 15px 0;
    color: #fff;
    font: 400 normal 1.4em "Helvethaica Mon" !important;
    line-height: 40px !important;
    pointer-events: visible;
}

.wg-home-new .news-general .newsbox-header .view-all{background-color: #ffa031;}
.wg-home-new .news-general .newsbox-header .view-all:hover {background: #c57516;}
.wg-home-new .news-general #news-general{padding: 0;}
.wg-home-new .news-general #news-general .owl-dots{text-align: left; padding-left: 30px; padding-bottom: 15px;}
.wg-home-new .news-general #news-general .owl-dots .owl-dot{width: 10px; height: 10px; background: #e8e8e8; font-size: 0; line-height: 0; border-radius: 0;}
.wg-home-new .news-general #news-general .owl-dots .owl-dot.active{width: 35px; background: #ffa031;}
.wg-home-new .news-general #news-general .owl-dots .owl-dot+.owl-dot {margin-left: 10px;}
.wg-home-new .news-general .newsbox-header {padding: 0 30px;border: none;height:64px;}
.wg-home-new .news-general .newsbox-header .title {color: #ffa031; line-height: 64px;}
.wg-home-new .news-general .newsbox-header .rss-btn{line-height: 64px;}
.wg-home-new .news-general #news-general .news-item {background: transparent;}
.wg-home-new .news-general #news-general .news-item .thumb {height: auto !important;}
.wg-home-new .news-general .newsbox-body .news-item figure a {padding-bottom: 48%;}
.wg-home-new .news-general #news-general .news-item .caption {padding: 20px 30px 0px 30px;height: auto;}
.wg-home-new .news-general .newsbox-body .news-item .caption .infonewsTwo{height: auto;}
.wg-home-new .news-general .newsbox-body .news-item .caption .desc{display: none;}
.wg-home-new .news-general .newsbox-body .news-item .caption .date{color: #999999;}
.wg-home-new .news-general #news-general .news-item .title {color: #333333;line-height: 1em;}
.wg-home-new .news-general #news-general .news-item:hover .caption {
    background: transparent;
    color: inherit;
}
.wg-home-new .news-box .newsbox-body .news-item:hover .caption .title {
    color: #ffa031 !important;
}
.wg-home-new .news-box .newsbox-body .news-item:hover .caption .date {color: #999999 !important;}

.wg-home-new .widget-zone .widget-box {height: 380px !important;}
.wg-home-new .widget-box {
    position: relative; border: 1px solid #ebebeb; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4); height: 380px;
    margin-bottom: 0;
    margin-top: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.wg-home-new .widget-box .widget-header {
    padding: 0 30px;
    height: 64px;
}
.wg-home-new .widget-box .widget-header .title{line-height: 64px;}
.wg-home-new .widget-box .widget-header .viewall{
    position: absolute; z-index: 2; bottom: 0; right: 0; padding: 0;
    width: 120px; height: 40px; text-align: center;
    border-radius: 15px 0 15px 0;
    color: #fff;
    font: 400 normal 1.4em "Helvethaica Mon" !important;
    line-height: 40px !important;
    pointer-events: visible;
}

.wg-home-new .purchase-box .widget-header{background: #f78145;}
.wg-home-new .purchase-box .widget-header .viewall{background-color: #f78145;}
.wg-home-new .purchase-box .widget-header .viewall:hover {background: #da5715;}
.wg-home-new .purchase-box .widget-news .news-tab{display: none;}

.wg-home-new .news-list .item {padding: 10px 20px;}
.wg-home-new .news-list .item:hover a{color: #fff;}


.wg-home-new .widget-news .list-header {padding: 0;}
.wg-home-new .widget-news .mCustomScrollbar {
    height: 316px !important;
    padding: 15px 0 45px 0;
}

.wg-home-new .career-box .widget-body .mCustomScrollbar {
    height: 316px;
    padding: 15px 0 45px 0;
}
.wg-home-new .career-box .widget-header .viewall{background: #4a961e;}
.wg-home-new .career-box .widget-header .viewall:hover{background: #33710f;}


.article-box .widget-header {
    background: transparent;
    color: #f24e4e;
/*    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    padding-top: 230px;*/
}
.wg-home-new .article-box .widget-header .title{/*line-height: 1;*/}
.wg-home-new .article-box .widget-header .viewall{background: #f24e4e;}
.wg-home-new .article-box .widget-header .viewall:hover{background: #af1c1c;}
.wg-home-new .article-box .widget-body{height: 315px;}
.wg-home-new .article-box .banner3 .thumb a{height: 260px;}
.wg-home-new .article-box .owl-dots{position: absolute; z-index: 1; top: inherit; bottom: 10px; left: 30px; right: 30px; text-align: left;}
.wg-home-new .article-box .owl-dots .owl-dot + .owl-dot{margin-left: 10px;}
.wg-home-new .article-box .owl-dots .owl-dot span{width: 10px; height: 10px; background-color: #e8e8e8; border-radius: 0; margin: 0px;}
.wg-home-new .article-box .owl-dots .owl-dot.active span{width: 35px; background-color: #f24e4e;}


.wg-home-new .widget-zone .widget-box #banner figure{height: 380px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.wg-home-new .banner-box .owl-dots{position: absolute; z-index: 1; top: inherit; bottom: 11px; left: 30px; right: 30px; text-align: left;}
.wg-home-new .banner-box .owl-dots .owl-dot + .owl-dot{margin-left: 10px;}
.wg-home-new .banner-box .owl-dots .owl-dot span{width: 10px; height: 10px; background-color: #e8e8e8; border-radius: 0; margin: 0px;}
.wg-home-new .banner-box .owl-dots .owl-dot.active span{width: 35px; background-color: #0e7940;}


.wg-home-new .home-calendar .newsbox-header {border-bottom: none; padding: 0 30px; height: 64px;}
.wg-home-new .home-calendar .newsbox-header .title {font: 600 normal 2em "Helvethaica Mon"; line-height: 64px;}
.wg-home-new .home-calendar .newsbox-header .view-all {background: #269bd8;}
.wg-home-new .home-calendar .newsbox-header .view-all:hover{background: #0b73a9;}
.wg-home-new .home-calendar .newsbox-body{padding: 0;}
.wg-home-new .home-calendar .activity-calendar .item{background: #dcecf4; border-left: 3px solid transparent;}
.wg-home-new .home-calendar .activity-calendar .item:nth-child(odd) {border-left-color: #269bd8;}
.wg-home-new .home-calendar .activity-calendar .item:nth-child(even) {border-left-color: #0f5b83;}
.wg-home-new .home-calendar .activity-calendar .item .date{text-align: left; border-right: 0; padding: 5px 10px;}
.wg-home-new .home-calendar .activity-calendar .item .title{padding: 5px 10px;}
.wg-home-new .home-calendar .activity-calendar .owl-dots{text-align: left; padding-left: 30px; padding-bottom: 10px; padding-top: 20px;}
.wg-home-new .home-calendar .activity-calendar .owl-dots .owl-dot{width: 10px; height: 10px; background: #e8e8e8; font-size: 0; line-height: 0; border-radius: 0;}
.wg-home-new .home-calendar .activity-calendar .owl-dots .owl-dot.active{width: 35px; background: #269bd8;}
.wg-home-new .home-calendar .activity-calendar .owl-dots .owl-dot+.owl-dot {margin-left: 10px;}
.home-calendar .activity-calendar .item:hover{color: inherit !important;}
.home-calendar .activity-calendar .item:hover .day{color: #269bd8 !important;}
.home-calendar .activity-calendar .item:hover .title a{color: inherit !important;}
.wg-home-new .home-calendar .activity-calendar .item:hover{background-color: #d3e3eb;}


.wg-home-new .multimedia-box .widget-header{background: transparent; color: #333333;}
.wg-home-new .multimedia-box .widget-header .title{/*line-height: 1;*/}
.wg-home-new .multimedia-box .widget-header .viewall {background: #36ad5b; pointer-events: visible;}
.wg-home-new .multimedia-box .widget-header .viewall:hover{background: #1b7e3a;}
.wg-home-new .multimedia-box .widget-body .video{position: relative; height: 254px; background-color: #000;}
.wg-home-new .multimedia-box .widget-body .video iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; max-height: inherit;}
.wg-home-new .multimedia-box .widget-body .video video{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.wg-home-new .multimedia-box .widget-body .caption {padding: 15px 130px 15px 30px;text-align: left;height: 60px;}


.wg-home-new .link-box .widget-header {
    background: transparent;
    color: #a0b046;
}
.wg-home-new .link-box .widget-header .viewall{background: #a0b046;}
.wg-home-new .link-box .widget-header .viewall:hover{background: #81902c;}
.wg-home-new .link-box .widget-body .link{padding: 0 25px 60px 25px;}
.wg-home-new .link-box .widget-body .link:after{content: ''; display: table; clear: both;}
.wg-home-new .link-box .widget-body .link .item{
    width: 50%; background: #36ad5b; float: left; margin: 0; display: block; padding: 5px 5px;
    border:1px solid #fff; position: relative;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.wg-home-new .link-box .widget-body .link .item i {
    width: 90px;
    height: 75px;
    background: transparent !important;
    border-radius: 0;
}
.wg-home-new .link-box .widget-body .link .item .title{
    line-height: 1em; min-height: 2em; color: #fff; margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    word-break: keep-all;
}
.wg-home-new .link-box .widget-body .link .item:hover{color: #fff; background: #0e7840; transform: scale(1.03); position: relative; z-index: 99;}
/*.link-box .widget-body .link .item:nth-child(1):hover{left: -3px; top: -3px;}
.link-box .widget-body .link .item:nth-child(2):hover{right: -3px; top: -3px;}
.link-box .widget-body .link .item:nth-child(3):hover{left: -3px; bottom: -3px;}
.link-box .widget-body .link .item:nth-child(4):hover{right: -3px; bottom: -3px;}*/





.contact-footer{background-color: #36ad5b;}
.contact-footer .contact-info{color: #fff; font: 400 normal 1.5em/1 "Helvethaica Mon"; padding: 15px 0; padding-right: 55px;}
.contact-footer .contact-info .title{font-size: 30px;}
.contact-footer .contact-info .desc{ padding-left: 25px; position: relative; margin-bottom: 15px;}
.contact-footer .contact-info .desc .icon{position: absolute; left: 0; top: 0;}
.contact-footer .contact-info .link-contact{padding: 0; margin: 0; list-style: none;}
.contact-footer .contact-info .link-contact:after{content: '';display: table; clear: both;}
.contact-footer .contact-info .link-contact li{float: left;}
.contact-footer .contact-info .link-contact li+li{margin-left: 20px;}
.contact-footer .contact-info .link-contact .icon{margin-right: 3px; position: relative; top: -2px;}
.contact-footer .greencall{ background-color: #2e9b50;  border-left: 2px solid #0e7940; border-right: 2px solid #0e7940;}
.contact-footer .greencall .inner{width: 220px;font-family: "Helvethaica Mon"; line-height: 1; text-align: center; padding: 15px 0;}
.contact-footer .greencall .inner .title{font-size: 30px; font-weight: bold; color: #ffffff;}
.contact-footer .greencall .inner .desc{font-size: 30px; font-weight: 100; color: #ffffff;}
.contact-footer .greencall .inner .social-icon:after{content: ''; display: table; clear: both;}
.contact-footer .greencall .inner .social-icon .login-button{min-width: inherit; padding: inherit; line-height: 32px;}
.contact-footer .greencall .inner .social-icon a{float: left; background-color: transparent; border-color: #fff; box-shadow: none; position: relative;}
.contact-footer .greencall .inner .social-icon a+a{margin-left: 8px; margin-top: 0;}
.contact-footer .greencall .inner .social-icon a i{color: #fff;}
.contact-footer .greencall .inner .social-icon a:hover{top: -2px;}
.contact-footer .newsletter-box{background: #36ad5b; color: #fff; font: 400 normal 1.5em/1 "Helvethaica Mon"; padding: 15px 0; width: 440px;}
.contact-footer .newsletter-box .widget-body{padding-left: 95px;}
.contact-footer .newsletter-box .widget-body .subscribe{padding: 0;}
.contact-footer .newsletter-box .widget-body .subscribe .btn {
    font: 400 normal 1.6em "Helvethaica Mon";
    font-size: 20px;
    height: 38px; line-height: 38px;
    padding: 0;
    color: #FFF;
    background: #2e9b50;
    border-radius: 25px;
    display: block;
    width: 100%;
}
.contact-footer .newsletter-box .widget-body .subscribe .btn:hover {background: #126b2e;}
.main-footer{padding-top: 15px; padding-bottom: 25px; background: #0e7940;}
.main-footer .copyright{text-align: left;}
.main-footer .stat{text-align: right;}
.main-footer .stat p{margin: 0;}
.main-footer .qr-code{display: inline-block; vertical-align: middle;}
.main-footer .footer-stat {padding: 0;color: #fff;}
.main-footer .footer-stat span.count {background: #36ad5b; color: #fff;}
.footer-link .privacy{display: inline-block; padding: 0 20px; color: #36ad5b; line-height: 50px;}
.footer-link .privacy a{color: #36ad5b;}
.footer-link .privacy a:hover{color: #0e7940;}
.footer-link .toggle-footer{
    padding: 12.5px 25px;
    background: #36ad5b;
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.footer-link .toggle-footer:after{
    content: ''; display: inline-block; vertical-align: middle;
    position: relative; top: 3px;
    margin-left: 10px;
    height: 10px; width: 10px;
    border-left: 1px solid #fff; 
    border-top: 1px solid #fff;
    transform: rotate(45deg);
}
.footer-link .link-list{border-top: 4px solid #0e7940;}












/*edit-26/09/2562*/
.main-menu li.dropdown .dropdown-menu .row{margin: 0;}
.main-menu li.dropdown .dropdown-menu .row > div{padding: 0;}
.main-menu li.dropdown .dropdown-menu .main{overflow-y: visible;}
.main-menu li.dropdown .dropdown-menu ul li{position: relative;}
.main-menu li.dropdown .dropdown-menu ul li+li {margin-top: 0;}
.main-menu li.dropdown .dropdown-menu ul li a {padding: 10px 5px 10px 20px;}
.main-menu li.dropdown .dropdown-menu ul.nav-submenu-tab li a:hover {background-color: #e1e1e1;}
.main-menu li.dropdown .dropdown-menu ul.nav-submenu-tab li a:after {left: 10px;}
.main-menu li.dropdown .dropdown-menu ul.nav-submenu-tab li a:before {
    width: 0; height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    background-color: transparent;
    border-color: transparent transparent transparent #e1e1e1;
    top: 12px; bottom: 0; right: auto; left: 100%;margin-top: 0;
}
.main-menu li.dropdown .dropdown-menu ul.nav-submenu-tab li.active a{background-color: #e1e1e1;}
.main-menu li.dropdown .dropdown-menu ul.nav-submenu-tab li.active a:before {opacity: 1;}

.social-login{width: 50px;}

.link-list .link .dropdown{position: relative;}
.link-list .link .dropdown:after {content: '+';font-size: 10px;margin-left: 5px;color: #186a48;}
.link-list .link .open.dropdown:after{content: '-';}
.link-list .link .dropdown .dropdown-menu{
    position: relative; top: 0; min-width: inherit;
    background-color: transparent;
    border: 0;
    box-shadow:none;
}
.link-list .link .dropdown .dropdown-menu a {
    color: #186a48; padding: 0; white-space: inherit;
    font-size: 1.2em;
    font-family: "Helvethaica Mon";
}
.link-list .link .dropdown .dropdown-menu a:hover {color: #ff6600; background-color: transparent;}

.footer-logolink{background-color: #fff;}

.main-menu .lang-btn{display: none;}













body.font-size-medium {font-size: 1.5rem;}



body.font-size-large {font-size: 1.6rem;}
body.font-size-large .main-menu li.dropdown .dropdown-menu{top: 198px;}



body.display-1 .site-option{background-color: #000;}
body.display-1 .header-option > div{color: #fff;}
body.display-1 .header-option .change-font a{color: #fff;}
body.display-1 .lang-btn a {background: #000 !important;color: #fff !important;}
body.display-1 .lang-btn a.active,
body.display-1 .lang-btn a:hover {background: #fff !important;color: #000 !important;}
body.display-1 .header-option .change-display a:nth-of-type(3){border-color: #ff0;}
body.display-1 .main-logo img{filter: grayscale(100%);}
body.display-1 .main-nav {background-color: #2b2b2b;}
body.display-1 .main-nav:before {background-color: #545454;}
body.display-1 .main-menu a {color: #fff;}
body.display-1 .main-menu li.active a,
body.display-1 .main-menu li:hover a {background: transparent;}
body.display-1 .nav-search .search-form{background-color: #545454;}
body.display-1 .nav-search .input-group-addon .link img{filter: grayscale(100%) brightness(200%);}
body.display-1 .social-login {background-color: #000000;border-color: #ffffff;}
body.display-1 .social-icon a{background-color: #000;}
body.display-1 .social-icon a.facebook,
body.display-1 .social-icon a.twitter,
body.display-1 .social-icon a.youtube {border-color: #fff;}
body.display-1 .social-icon a.facebook i,
body.display-1 .social-icon a.twitter i,
body.display-1 .social-icon a.youtube i {color: #fff;}
body.display-1 .survey {background-color: #1f1f1f;}
body.display-1 .owl-dots .owl-dot.active {background: transparent !important; color: transparent !important;}
body.display-1 .home-highlight{background: #000;}
body.display-1 .home-slide .slide{filter: grayscale(100%);}
body.display-1 .home-slide .owl-dots .owl-dot.active span {background-color: #000;}
body.display-1 .home-notice {background-color: #212121;}
body.display-1 .home-notice .notice-slide .owl-nav .owl-prev,
body.display-1 .home-notice .notice-slide .owl-nav .owl-next{filter: grayscale(100%);}
body.display-1 .banner-link {background-color: #fff;}
body.display-1 .banner-link.owl-theme .owl-nav [class*=owl-] {border-top: 2px solid #000;border-right: 2px solid #000;}
body.display-1 .banner-link a span{color: #000;}
body.display-1 .banner-link.owl-carousel .owl-item img{filter: grayscale(100%);}
body.display-1 .highlight-box {border: 1px solid #fff;box-shadow: 0px 5px 20px 2px rgba(255, 255, 255, 0.15); overflow: hidden;}
body.display-1 .highlight-box .news-item{border:none;border-radius: 15px;overflow: hidden;}
body.display-1 .rss-btn .fa{color: #fff;}
body.display-1 .news-highlight .highlight-body .news-item .thumb a{filter: grayscale(100%);}
body.display-1 .news-highlight .news-item .caption .desc{color: #fff;}
body.display-1 .news-highlight .news-item .caption .date{color: #fff;}
body.display-1 .news-highlight .owl-dots .owl-dot.active{background-color: #fff !important;}
body.display-1 .news-infographic .news-item .thumb a{filter: grayscale(100%);}
body.display-1 .news-infographic .news-item .caption p{color: #fff;}
body.display-1 .news-infographic .owl-dots .owl-dot.active span {background-color: #fff !important;}
body.display-1 .news-box {background: #000 !important;color: #fff !important;border: 1px solid #fff; box-shadow: 0px 5px 20px 2px rgba(255, 255, 255, 0.15);}
body.display-1 .news-general .newsbox-body .news-item figure a{filter: grayscale(100%);}
body.display-1 .news-general .newsbox-body .news-item .caption .date{color: #fff;}
body.display-1 .news-general .newsbox-header {background: transparent !important;}
body.display-1 .news-general #news-general {overflow: hidden;border-radius: 15px;}
body.display-1 .news-general #news-general .news-item {border: 0;}
body.display-1 .news-general #news-general .owl-dots .owl-dot.active {background: #fff !important;}
body.display-1 .widget-zone .widget-box{background: #000 ;color: #fff ;border: 1px solid #fff;}
body.display-1 .widget-news .mCustomScrollbar { background: #212121;}
body.display-1 .widget-news .item {background: #212121 !important;}
body.display-1 #pc2 .news-list .item a span {background: transparent !important;}
body.display-1 #pc2 .news-list .item a i {color: #ffffff !important;}
body.display-1 .career-box .widget-body .mCustomScrollbar{ background: #212121;}
body.display-1 .career-box .item {background: #212121 !important;}
body.display-1 .career-box .item a span {background: transparent !important;}
body.display-1 .career-box .item a i {color: #ffffff !important;}
body.display-1 .article-box .banner3 .thumb a{filter: grayscale(100%);}
body.display-1 .article-box .widget-body{border-radius: 15px;overflow: hidden; background-color: transparent;}
body.display-1 .article-box .owl-dots .owl-dot.active span{background-color: #fff;}
body.display-1 .widget-zone .widget-box #banner figure{filter: grayscale(100%);}
body.display-1 .banner-box .owl-dots .owl-dot.active span{background-color: #fff;}
body.display-1 .home-calendar .activity-calendar .item:nth-child(odd) {border-left-color: #fff;background: #1f1f1f;}
body.display-1 .home-calendar .activity-calendar .item:nth-child(even) {border-left-color: #272727;}
body.display-1 .home-calendar .activity-calendar .item .date .day{color: #fff;}
body.display-1 .home-calendar .activity-calendar .item .title .text{color: #fff;}
body.display-1 .home-calendar .activity-calendar .owl-dots .owl-dot.active{background-color: #fff !important;}
body.display-1 .multimedia-box{border: 1px solid #fff; border-radius: 15px; overflow: hidden;}
body.display-1 .multimedia-box .widget-header{background: transparent !important;}
body.display-1 .multimedia-box .widget-body{background: transparent !important;}
body.display-1 .multimedia-box .widget-body .video iframe{filter: grayscale(100%); border-radius: 15px 15px 0 0;}
body.display-1 .link-box{border: 1px solid #fff; border-radius: 15px; overflow: hidden;}
body.display-1 .link-box .widget-body .link .item i img{filter: grayscale(100%);}
body.display-1 .logo-link > a img{filter: grayscale(100%);}
body.display-1 .contact-footer {background-color: #080808;}
body.display-1 .contact-footer .greencall {background-color: #080808;border-left: 2px solid #000000;border-right: 2px solid #000000;}
body.display-1 .contact-footer .newsletter-box {background: transparent;}
body.display-1 .main-footer .stat img{filter: grayscale(100%);}
body.display-1 .main-footer .footer-stat span.count{background: #fff;}
body.display-1 .footer-link .link-list {border-top: 4px solid #7d7d7d;}
body.display-1 .link-list .title {border-bottom: solid 1px #ffffff;}
body.display-1 .contact-footer .greencall .inner .social-icon .login-button{background: #000 !important;}
body.display-1 .main-menu li a:before{background-color: #fff;}
body.display-1 .main-menu li.dropdown .dropdown-menu {border-top: 4px solid #000000;border-bottom: 4px solid #000000;background: rgb(43, 43, 43);}
body.display-1 .main-menu li.dropdown .dropdown-menu .header .topic{color: #fff;}
body.display-1 .main-menu li.dropdown .dropdown-menu ul li.active a{color: #fff;}
body.display-1 .main-menu li.dropdown .dropdown-menu ul li.active a:after {background-color: #ffffff;}
body.display-1 .main-menu li.dropdown .dropdown-menu ul li a{color: #ccc;}
body.display-1 .main-menu li.dropdown .dropdown-menu .banner .cover-bg{filter: grayscale(100%);}
body.display-1 .main-menu li.dropdown .dropdown-menu ul li a:after{background-color: #ccc;}
body.display-1 .main-menu li.dropdown .dropdown-menu .sub ul li a:hover {color: #ffffff;}
body.display-1 .nav-search.open .icon-close:hover{color: #fff;}
body.display-1 .social-icon a.facebook:hover,
body.display-1 .social-icon a.twitter:hover,
body.display-1 .social-icon a.youtube:hover{background-color: #4a4a4a;}
body.display-1 .main-menu li.nav-search:hover .icon-close {color: #ffffff;}
body.display-1 .footer-link .toggle-footer:after {border-left: 1px solid #000;border-top: 1px solid #000;}
body.display-1 .link-list .link .dropdown:after{color: #fff;}
body.display-1 .link-list .link .dropdown .dropdown-menu a{color: #fff;}
body.display-1{}






body.display-3 .site-option{background-color: #000;border-bottom: 1px solid #ffff00;}
body.display-3 .header-option > div{color: #ff0;}
body.display-3 .header-option .change-font {border-left: solid 1px #ff0;}
body.display-3 .header-option .change-font a{color: #ff0;}
body.display-3 .header-option .change-display {border-left: solid 1px #ff0;}
body.display-3 .header-option .lang-btn {border-left: solid 1px #ffff00;border-right: solid 1px #ffff00;}
body.display-3 .header-option .lang-btn a+a {border-left: solid 1px #ffff00;}
body.display-3 .lang-btn a {background: #000 !important;color: #ff0 !important;}
body.display-3 .lang-btn a.active,
body.display-3 .lang-btn a:hover {background: #ff0 !important;color: #000 !important;}
body.display-3 .header-option .change-display a:nth-of-type(3){border-color: #ff0;}
body.display-3 .main-logo img{filter: grayscale(100%);}
body.display-3 .main-nav {background-color: #ffff00;}
body.display-3 .main-nav:before {background-color: #545454;}
body.display-3 .main-menu a {color: #000;}
body.display-3 .main-menu li.active a,
body.display-3 .main-menu li:hover a {background: transparent; color: #000; }
body.display-3 .nav-search .search-form{background-color: #545454;}
body.display-3 .nav-search .input-group-addon .link img{filter: grayscale(100%) brightness(200%);}
body.display-3 .social-login {background-color: #000000;border-color: #ffff00;}
body.display-3 .social-icon a{background-color: #000;}
body.display-3 .social-icon a.facebook,
body.display-3 .social-icon a.twitter,
body.display-3 .social-icon a.youtube {border-color: #ffff00;}
body.display-3 .social-icon a.facebook i,
body.display-3 .social-icon a.twitter i,
body.display-3 .social-icon a.youtube i {color: #ffff00;}
body.display-3 .survey {background-color: #1f1f1f;}
body.display-3 .owl-dots .owl-dot.active {background: transparent !important; color: transparent !important;}
body.display-3 .home-highlight{background: #000;}
body.display-3 .home-slide .slide{filter: grayscale(100%);}
body.display-3 .home-slide .owl-dots .owl-dot.active span {background-color: #ff0;}
body.display-3 .home-notice {background-color: #212121;}
body.display-3 .home-notice .notice-slide .owl-nav .owl-prev,
body.display-3 .home-notice .notice-slide .owl-nav .owl-next{filter: grayscale(100%);}
body.display-3 .banner-link {background-color: #ff0;}
body.display-3 .banner-link.owl-theme .owl-nav [class*=owl-] {border-top: 2px solid #000;border-right: 2px solid #000;}
body.display-3 .banner-link a span{color: #000;}
body.display-3 .banner-link.owl-carousel .owl-item img{filter: grayscale(100%);}
body.display-3 .highlight-box {border: 1px solid #ff0; box-shadow: 0px 5px 20px 2px rgba(255, 255, 0, 0.28); overflow: hidden;}
body.display-3 .highlight-box .news-item{border:none;border-radius: 15px;overflow: hidden;}
body.display-3 .rss-btn .fa{color: #ff0;}
body.display-3 .news-highlight .highlight-body .news-item .thumb a{filter: grayscale(100%);}
body.display-3 .news-highlight .news-item .caption .desc{color: #ff0;}
body.display-3 .news-highlight .news-item .caption .date{color: #ff0;}
body.display-3 .news-highlight .owl-dots .owl-dot.active{background-color: #ff0 !important;}
body.display-3 .news-infographic .news-item .thumb a{filter: grayscale(100%);}
body.display-3 .news-infographic .news-item .caption p{color: #ff0;}
body.display-3 .news-infographic .owl-dots .owl-dot.active span {background-color: #ff0 !important;}
body.display-3 .news-box {background: #000 !important;color: #fff !important;border: 1px solid #ff0;box-shadow: 0px 5px 20px 2px rgba(255, 255, 0, 0.15);}
body.display-3 .news-general .newsbox-body .news-item figure a{filter: grayscale(100%);}
body.display-3 .news-general .newsbox-body .news-item .caption .date{color: #ff0;}
body.display-3 .news-general .newsbox-header {background: transparent !important;}
body.display-3 .news-general #news-general {overflow: hidden;border-radius: 15px;}
body.display-3 .news-general #news-general .news-item {border: 0;}
body.display-3 .news-general #news-general .owl-dots .owl-dot.active {background: #ff0 !important;}
body.display-3 .widget-zone .widget-box{background: #000 ;color: #fff ;border: 1px solid #ff0;}
body.display-3 .widget-news .mCustomScrollbar { background: #212121;}
body.display-3 .widget-news .item {background: #212121 !important;}
body.display-3 #pc2 .news-list .item a span {background: transparent !important;}
body.display-3 #pc2 .news-list .item a i {color: #ff0 !important;}
body.display-3 .career-box .widget-body .mCustomScrollbar{ background: #212121;}
body.display-3 .career-box .item {background: #212121 !important;}
body.display-3 .career-box .item a span {background: transparent !important;}
body.display-3 .career-box .item a i {color: #ffffff !important;}
body.display-3 .article-box .banner3 .thumb a{filter: grayscale(100%);}
body.display-3 .article-box .widget-body{border-radius: 15px;overflow: hidden; background-color: transparent;}
body.display-3 .article-box .owl-dots .owl-dot.active span{background-color: #ff0;}
body.display-3 .widget-zone .widget-box #banner figure{filter: grayscale(100%);}
body.display-3 .banner-box .owl-dots .owl-dot.active span{background-color: #ff0;}
body.display-3 .home-calendar .activity-calendar .item:nth-child(odd) {border-left-color: #ff0;background: #1f1f1f;}
body.display-3 .home-calendar .activity-calendar .item:nth-child(even) {border-left-color: #272727;}
body.display-3 .home-calendar .activity-calendar .item .date .day{color: #ff0;}
body.display-3 .home-calendar .activity-calendar .item .date .month-year{color: #ff0;}
body.display-3 .home-calendar .activity-calendar .item .title .text{color: #ff0;}
body.display-3 .home-calendar .activity-calendar .owl-dots .owl-dot.active{background-color: #ff0 !important;}
body.display-3 .multimedia-box{border: 1px solid #ff0; border-radius: 15px; overflow: hidden;}
body.display-3 .multimedia-box .widget-header{background: transparent !important;}
body.display-3 .multimedia-box .widget-body{background: transparent !important;}
body.display-3 .multimedia-box .widget-body .video iframe{filter: grayscale(100%); border-radius: 15px 15px 0 0;}
body.display-3 .link-box{border: 1px solid #ff0; border-radius: 15px; overflow: hidden;}
body.display-3 .link-box .widget-body .link .item{border-color: #ff0;}
body.display-3 .link-box .widget-body .link .item .title{color: #ff0;}
body.display-3 .link-box .widget-body .link .item i img{filter: grayscale(100%);}
body.display-3 .logo-link > a img{filter: grayscale(100%);}
body.display-3 .contact-footer {background-color: #080808;}
body.display-3 .contact-footer .greencall {background-color: #080808;border-left: 2px solid #000000;border-right: 2px solid #000000;}
body.display-3 .contact-footer .greencall .inner .title{color: #ff0;}
body.display-3 .contact-footer .greencall .inner .desc{color: #ff0;}
body.display-3 .contact-footer .greencall .inner .social-icon a {border-color: #ff0;}
body.display-3 .contact-footer .newsletter-box {background: transparent; color: #ff0;}
body.display-3 .contact-footer .contact-info {color: #ff0;}
body.display-3 .contact-footer .newsletter-box .widget-body .subscribe .btn{background-color: #ff0!important;}
body.display-3 .main-footer .stat img{filter: grayscale(100%);}
body.display-3 .main-footer .footer-stat span.count{background: #ff0;}
body.display-3 .footer-link .link-list {border-top: 4px solid #7d7d7d;}
body.display-3 .link-list .title {border-bottom: solid 1px #ffffff;}
body.display-3 .contact-footer .greencall .inner .social-icon .login-button{background: #000 !important;}
body.display-3 .main-menu li a:before{background-color: #000;}
body.display-3 .main-menu li.dropdown .dropdown-menu {border-top: 4px solid #fff;border-bottom: 4px solid #000000;background: rgb(43, 43, 43);}
body.display-3 .main-menu li.dropdown .dropdown-menu .header .topic{color: #ff0;}
body.display-3 .main-menu li.dropdown .dropdown-menu ul li.active a{color: #ff0;}
body.display-3 .main-menu li.dropdown .dropdown-menu ul li.active a:after {background-color: #ffffff;}
body.display-3 .main-menu li.dropdown .dropdown-menu ul li a{color: #ccc;}
body.display-3 .main-menu li.dropdown .dropdown-menu .banner .cover-bg{filter: grayscale(100%);}
body.display-3 .main-menu li.dropdown .dropdown-menu ul li a:after{background-color: #ccc;}
body.display-3 .main-menu li.dropdown .dropdown-menu .sub ul li a:hover {color: #ff0;}
body.display-3 .nav-search.open .icon-close:hover{color: #ff0;}
body.display-3 .social-icon a.facebook:hover,
body.display-3 .social-icon a.twitter:hover,
body.display-3 .social-icon a.youtube:hover{background-color: #4a4a4a;}
body.display-3 .main-menu li.nav-search:hover .icon-close {color: #ff0;}
body.display-3 .nav-search .form-control {background-color: #ff0;color: #000;}
body.display-3 .nav-search .search-btn {background: #000000;color: #ff0;}
body.display-3 .home-notice .notice-slide:before {border-color: transparent #ff0 transparent transparent;}
body.display-3 .home-notice .notice-slide{background-color: #ff0;}
body.display-3 .toggle-footer {background: #ff0 !important;}
body.display-3 .footer-link .toggle-footer:after {border-left: 1px solid #000;border-top: 1px solid #000;}
body.display-3 .survey span {color: #ff0;}
body.display-3 .link-list .link .dropdown:after{color: #ff0;}
body.display-3 .link-list .link .dropdown .dropdown-menu a{color: #ff0;}
body.display-3{}













.cover-slide {margin-top: 0;}






/*G-edition 28/01/2564*/
.modal-news { position: fixed; z-index: 1050; display: none; height: 100%; align-items: center; justify-content: center;
    top: 0; left: 0; right: 0; bottom: 0; background: #0000004d;}
.modal-news.show {display: flex !important;}

.box-slide-new {position: relative; max-width: 900px; margin: 0 auto;}
.slide-new {position: relative; max-width: 900px; max-height: 520px;}
.slide-new .item {padding: 0;background: #fff;position: relative; border-radius: 10px;}
.slide-new img {max-height: 500px;max-width: 900px; margin: 0 auto; object-position: center; object-fit: contain; border-radius: 10px;}
.slide-new .slick-dots{display: none !important;}
.slide-new .slick-next:before, 
.slide-new .slick-prev:before{display: none;}
.slide-new .icon{ position: absolute; height: 22px; width: 22px;border-top: 2px solid #fff;border-right: 2px solid #fff;
    color: transparent; font-size: 0; margin: 0; padding: 0; background: transparent;display: block;border-radius: 0;pointer-events: visible;
}
.slide-new .slick-prev{left: -25px; transform: rotate(-135deg);}
.slide-new .slick-next{right: -25px; transform: rotate(45deg);}
.slide-new .slick-next.slick-disabled .icon,
.slide-new .slick-prev.slick-disabled .icon{opacity: .25;}

.slide-new button.close { position: absolute; right: 10px; top: 10px; background: #fff; width: 34px; height: 34px;
    border-radius: 50%; border: none; font-size: 20px; opacity: 1;vertical-align: middle;z-index: 999;color: #888;
}

.slide-new button.close span {line-height: 1px; position: relative; top: -2px;}


@media (max-width: 991px) {
    .box-slide-new {max-width: 600px;}
    .slide-new {max-width: 600px;}
    .slide-new img {max-width: 600px;}
    .slide-new .slick-prev{left: -15px;}
    .slide-new .slick-next{right: -15px;}
}

@media (max-width: 767px) {
    .box-slide-new {max-width: inherit; width: 90%;}
    .slide-new {max-width: inherit; width: 100%;}
    .slide-new img {max-width: 100%;}
}

/*G-edition 28/01/2564*/