.head-zone{z-index: 998;}
.head-zone .main-header .site-heading{transition: All 200ms ease; height: auto; opacity: 1; visibility: visible;}
.head-zone.affix .main-header .site-heading{height: 0px; opacity: 0; visibility: hidden; overflow: hidden; padding: 0;}
.head-zone.tiny .main-header{margin-top: 0;}

.wg-home-new .news-general #news-general .news-item .title{overflow: hidden; display: -webkit-box; max-height: 2em; font: 500 normal 1.5em "Helvethaica Mon";
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wg-home-new .home-calendar .activity-calendar{height: 315px;}
.wg-home-new .home-calendar .activity-calendar .news-group{height: 254px;overflow: auto;}
.wg-home-new .home-calendar .activity-calendar .owl-controls{position: absolute; left: 0; bottom: 0;}

.multimedia-box .widget-body .title{overflow: hidden; display: -webkit-box; max-height: 1em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.wg-home-new .link-box .widget-body .link{width: 100%; margin: 0;}

.white-bg{padding: 10px 0;}
.white-bg.white-bg-detail{padding: 10px; margin: 0;}
.white-bg.-search{padding: 10px; margin: 0 -10px;}
.white-bg.-detail{padding: 10px 0; margin: 0 -10px;}

.news-general .newsbox-body{padding-bottom: 0;}
.news-general .newsbox-body .news-item.-highlight{background: rgba(255,153,0,0.1);}
.news-general .newsbox-body .news-item.-highlight:hover{background: rgba(255,153,0,1);}
.news-general .newsbox-body .news-item.-highlight .caption{height: auto;}
.news-general .newsbox-body .news-item.-highlight .caption:after{display: none;}

#news-related .news-related .item .caption .title{overflow: hidden; display: -webkit-box; max-height: 5.4em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#news-related .news-related .item .caption .desc{overflow: hidden; display: -webkit-box; max-height: 4.5em; line-height: 1.5em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-box.news-content .newsbox-body.innernews .news-item-list{margin: -10px -5px;}
.news-box.news-content .newsbox-body.innernews .news-item{width: calc(100%/3); padding: 10px 5px; margin: 0;}
.news-box.news-content .newsbox-body.innernews .news-item .title{overflow: hidden; display: -webkit-box; max-height: 2.9em;
    -webkit-box-orient: vertical; line-height: 1em;
    -webkit-line-clamp: 3;
}
.news-box.news-content .newsbox-body.innernews .news-item .desc{overflow: hidden; display: -webkit-box; max-height: 2.3em;
    -webkit-box-orient: vertical; line-height: 1.2em;
    -webkit-line-clamp: 2;
}
.news-content-form .select-default select, option{font-size: 24px;}

.content-gallery{width: auto; margin: -5;}
.content-gallery .owl-item{padding: 5px;}

.side-menu li a{background-image: none; position: relative;}
.side-menu li a:after{content: '\f077'; position: absolute; width: 10px; height: 10px; top: 0; bottom: 0; right: 10px;
    font: normal normal normal 10px / 1 FontAwesome; transform: rotate(90deg); margin: auto; color: #ccc;
}
.side-menu li.activeSubmenu a{background-image: none; padding: 10px 12% 10px 10px;}
.side-menu li.activeSubmenu a:after{color: #01549a;}
.side-menu li.activeHead a:after{display: none;}
.side-menu .footer-menu li.activeSubmenuList a{padding: 10px 12% 10px 10px;}


.search-box .search-form form[name="calendatools"] .btn{width: 100%;}

.calendar-list .item .detail [class^="col-"] .fa{width: 15px;}

.calendar-summary.page-summary{padding: 20px 10px 10px;}

.content-wrapper .calendar-list .item header .title{max-width: 92.45%; vertical-align: bottom; text-overflow: inherit;
    white-space: inherit; overflow: visible;
}

.content-meta .share{display: flex; align-items: flex-start;}
.content-meta .share .btn-print{padding: 0 5px;}

.content-footer .button-group .btn .fa{position: relative; top: 2px;}

.page-title .breadcrumb{display: flex; flex-wrap: nowrap; justify-content: flex-end;}

.page-summary .paging a{line-height: 32px;}


/*.contact-header .contact-info-title .title {background: linear-gradient(to bottom, #287739 0%, #2b7a37 100%);}*/
.contact-header .contact-info .item .contact{font-size: 1.8em;}
.contact-header .contact-info .item .contact.-fax,
.contact-header .contact-info .item .contact.-telephone{font-size: 2.2em;}

.contact-form.sitekey{padding: 20px 0 0;}
.contact-form .form-horizontal .form-wrapper > .form-group{margin: 0 -5px;}
.contact-form .form-horizontal .form-wrapper > .form-group > div,
.contact-form .form-horizontal .form-wrapper > .form-group > .form-group{padding: 0 5px;}
.contact-form .form-horizontal .form-wrapper .input-group-addon{width: 40px; position: relative;}
.contact-form .form-horizontal .form-wrapper .input-group-addon .fa{width: 18px; height: 18px; text-align: center; margin: auto;
    display: flex; align-items: center; justify-content: center; position: absolute; top: 11px; left: 0; right: 0;
}
.contact-form .form-btn{margin: 10px -10px 0; padding-bottom: 10px;}

.form-horizontal.-search > .form-group + .form-group{margin-top:20px; padding-top:20px; border-top:#DDD solid 1px; margin-bottom: 0;}
.form-horizontal.-search > .form-group .inner{padding: 0 10px;}

.votepage.widget-box{margin-bottom: 0;}
.votepage.widget-box + .widget-box{margin-top: 20px;}
.votepage.poll-box .widget-body .poll{padding: 20px;}
.votepage.poll-box .widget-body form{padding: 10px 0;}
.votepage.poll-box .widget-body form .input-group{display: block;}

.content-header{clear: both;}

.content-footer.-questionnaire{padding: 20px 10px 10px; margin-top: 0;}


.gallery-wrapper{padding: 0 10px;}
.gallery-wrapper .gallery-header{padding: 10px 0;}
.gallery-wrapper .gallery-row{margin: 0 -1%;}
.gallery-wrapper .gallery-row:after{content: ''; display: table; clear: both;}
.gallery-wrapper .item .caption{height: auto;}
.gallery-wrapper .item .title{overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; line-height: 1; max-height: 2em; min-height: 2em;
    -webkit-line-clamp: 2;
}
.gallery-wrapper .large .item .thumb-vdo{padding-bottom: 59.6%;}
.gallery-wrapper .large .item .caption .title{overflow: hidden; display: -webkit-box; margin: 0;
    -webkit-box-orient: vertical; line-height: 1; max-height: 1em; min-height: inherit;
    -webkit-line-clamp: 1;
}
.gallery-wrapper .small .item .caption{height: auto;}
.gallery-wrapper .small .item .caption .title{overflow: hidden; display: -webkit-box; margin: 0;
    -webkit-box-orient: vertical; line-height: 1; max-height: 1em; min-height: inherit;
    -webkit-line-clamp: 1;
}


.widget-box.link-box:last-child{margin-bottom: 0;}
.link-box .widget-body .link{margin: -10px; display: flex; flex-wrap: wrap; padding: 0;}
.link-box .widget-body .link .item{padding: 10px; width: calc(100%/4); margin: 0;}


.page-title > .container > .row{display: flex; flex-wrap: wrap;}
.page-title > .container > .row > div:nth-child(1){max-width: 100%; width: 100%; flex: 1 0 0%;}
.page-title > .container > .row > div:nth-child(2){max-width: 100%; width: auto; flex: 0 0 auto;}

.white-bg > .page-summary{padding: 20px 10px 10px;}

.white-bg > .gallery-title{padding: 10px;}

.search-box .search-form .input-group.-search{border: none;}
.search-box .search-form .input-group.-search .form-control{border: solid 2px #EEE}

.qua-page > .row{margin: 0;}
.qua-page > .row > .white-bg{margin: 0; padding: 10px;}

.faq-content{margin-top: 20px;}

.side-search.col-xs-12{padding: 0;}

@media (max-width: 1600px) {
}

@media (max-width: 1440px){
    .wg-home-new .home-calendar .activity-calendar{height: 296px;}
}

@media (max-width: 1366px){

}
@media (max-width: 1199px){

    .service-page .service > a{width: calc(100%/4);}

    .side-search .search .body .form-group > div{padding: 0;}
    .side-search .search .body .form-group > div+div{padding-left: 5px;}


    #calendar .calendar-body .day span,
    #calendar .calendar-body .date span {font-size: 16px; padding: 7px;}

    .calendar-list .item header .title {max-width: 390px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}    

    .content-wrapper .calendar-list .item header .title{max-width: 90%;}


    .contact-header .contact-info .item .contact{font-size: 1.4em;}
    .contact-header .contact-info .item .contact.-telephone,
    .contact-header .contact-info .item .contact.-fax{font-size: 1.8em;}

    .mapbanner .mapbannerth,
    .mapgoogle .mapgoogleth,
    .callcenter .hotlineth{top: 8px;left: 70px;}
    .mapbanner .mapbanneren,
    .mapgoogle .mapgoogleen,
    .callcenter .hotlineen{top: 30px;left: 70px;}
    .callcenter .codehotline {font-size: 40px;top: 6px;}


    .gallery-wrapper .item .thumb-vdo{padding-bottom: 62.8%;}


    .download-item .button .btn .fa{font-size: 12px;}
    
    .download-item article > .item.row > .col-md-11{padding-left: 20px;}


    .gallery-wrapper .large .item .thumb-vdo {padding-bottom: 62.2%;}
}

@media (max-width: 991px) {
    .wg-home-new .home-calendar .activity-calendar .news-group{height: 254px;}

    .social-login .asw-menu{top: -400px;}

    .service-page .service.owl-carousel{width: auto; margin: 0 -5px;}
    .service-page .service.owl-carousel .owl-item{padding: 0 5px;}

    .side-search .search .body .form-group > .col-md-8+.col-md-4{padding-left: 0px; padding-top: 5px; clear: both;}
    .side-search .search .body .form-group .btn{min-width: 100px;}

    .side-search .search .body .form-group > .col-lg-8.col-md-7+.col-lg-4.col-md-5{padding-left: 0px; padding-top: 5px; clear: both;}
    .side-search .search .body .form-group > .col-md-10+.col-md-2{padding-left: 0px; padding-top: 5px; clear: both;}

    .news-content-form{margin-top: 10px;}

    form[name="sortnews"]{margin-top: 10px;}
    form[name="sortnews"] .col-md-3{width: 25%; float: left;}
    form[name="sortnews"] .col-md-3.col-md-offset-4 {margin-left: 33.33%;}
    form[name="sortnews"] .col-md-2 {width: 16.66666667%; float: left;}

    .news-box.news-content .newsbox-body.innernews .news-item{width: calc(100%/2);}

    .search-box .search-form form[name="calendatools"] .row > div + div{margin-top: 10px;}
    .search-box .search-form form[name="calendatools"] > div + div{margin-top: 10px;}
    .search-box .search-form form[name="calendatools"] .btn{width: auto; min-width: 100px;}

    #calendar .calendar-body .day span, 
    #calendar .calendar-body .date span {font-size: 18px;padding: 14px;}

    .calendar-list .item header .title {max-width: 290px;}

    .page-title .breadcrumb{justify-content: flex-start; margin-top: 10px;}


    .contact-header .contact-info{padding: 0 20px;}
    .contact-header .contact-info .item .contact{font-size: 24px; margin-left: 35px;}
    .contact-header .contact-info .item .contact.-telephone{font-size: 24px; margin-left: 32px;}
    .contact-header .contact-info .item .contact.-fax{font-size: 24px; margin-left: 36px;}

    .mapbanner .mapbannerth, 
    .mapgoogle .mapgoogleth, 
    .callcenter .hotlineth {top: 3px;left: 53px;}
    .mapbanner .mapbanneren, 
    .mapgoogle .mapgoogleen, 
    .callcenter .hotlineen {top: 23px;left: 53px;}
    .callcenter .codehotline {font-size: 24px;top: 10px;left: 140px;}


    .contact-form .form-group.-invert{display: flex; flex-direction: column-reverse;}


    .votepage .voteChois{display: flex; width: auto; gap: 16px; margin: 0 -5px 15px;}
    .votepage .voteChois .radio{margin: 0;}
    .votepage .voteChois .radio + .radio{margin: 0;}

    .votepage.poll-box .widget-body form > .form-group > .input-group + div{padding: 0;}


    .white-bg.-detail{margin: 0;}


    .listlink.attach-file .item .desc{padding-left: 0; margin-bottom: 0;}


    .gallery-wrapper .item .thumb-vdo {padding-bottom: 66.8%;}


    .about-item > .row{margin: -10px; display: flex; flex-wrap: wrap;}
    .about-item > .row > div{width: 50%; padding: 10px; flex: 0 0 50%; max-width: 50%;}
    .about-item .item{margin-bottom: 0;}


    .link-box .widget-body .link .item{width: calc(100%/3);}



    .download-item article > .item.row > .col-md-1.col-sm-3{width: 8.33333333%;}
    .download-item article > .item.row > .col-md-11.col-sm-9{width: 91.66666667%;}


    .page-title > .container > .row > div:nth-child(1){flex: 0 0 auto; width: 100%;}
    .page-title > .container > .row > div:nth-child(2){flex: 0 0 auto; width: 100%;}


    .gallery-wrapper .large .item .thumb-vdo {padding-bottom: 66.6%;}

    .form-horizontal.-search > .form-group .inner > div + div{margin-top: 10px;}

    .qa-title .body .form-horizontal .form-group .col-md-10 + .col-md-2{margin-top: 10px;}

    .main-footer + .footer-link{padding-bottom: 52px;}

}

@media (max-width: 767px) {
    .wg-home-new .home-calendar .activity-calendar{height: auto; padding-bottom: 50px;}
    .wg-home-new .home-calendar .activity-calendar .news-group{height: 210px;}

    .main-footer .footer-stat span.count{margin: 5px 0;}
    

    .attach-file .item > .row{margin: 0;}
    .attach-file .item > .row > div{position: relative; padding: 0;}
    .attach-file .item .file-icon {width: 40px;height: 40px;line-height: 40px;font-size: 22px;margin-right: 6px; position: absolute; left: 0; top: 0;}
    .attach-file .item .title{padding-left: 46px;}
    .attach-file .item .desc{padding-left: 46px;}
    .attach-file .item .desc span{margin: 0 1px;}

    .news-general .newsbox-body .news-item.-highlight figure a{padding-bottom: 60.7%;}
    .news-general.news-box{margin-bottom: 0;}
    .news-general.news-box .newsbox-body{padding-bottom: 0;}
    .news-general.news-box .newsbox-body .news-item .caption{padding: 15px;}

    #news-related .news-related .owl-dots{position: relative;}

    .news-content-form > .row > div.col-sm-3.col-xs-12{margin-bottom: 10px;}
    .news-content-form .paging-control-title{text-align: left;}

    form[name="sortnews"]{margin-top: 10px;}
    form[name="sortnews"] .col-md-3{width: 100%; float: left; margin-bottom: 10px;}
    form[name="sortnews"] .col-md-3.col-md-offset-4 {width: 58.33333333%; margin-left: 0;}
    form[name="sortnews"] .col-md-2 {width: 41.66666667%; float: left;}
    form[name="sortnews"] .paging-control-title{text-align: left;}

    .news-box.news-content .newsbox-body.innernews .news-item{width: calc(100%);}


    .calendar-list .item header .title{max-width: 100%; width: 100%; border-top: 1px solid #fff;}

    
    .page-title .breadcrumb{justify-content: center;}
    .page-title .breadcrumb>li{display: flex; flex-wrap: nowrap;}
    .page-title .breadcrumb a{white-space: nowrap;}
    .page-title .breadcrumb>li.active{overflow: hidden; max-width: 140px;
        display: -webkit-box; 
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .side-search .search .body .form-group .btn{width: 100%;}

    .content-wrapper .calendar-list .item header .title{max-width: 100%; width: 100%;}

    .content-meta{margin-bottom: 0;}
    .content-meta .row{justify-content: center; display: flex; flex-wrap: wrap;}
    .content-meta .row > div + div{margin-top: 5px;}

    .content-meta + .content-body{margin-top: 20px;}

    .content-footer{margin-top: 10px;}

/*    .contact-header .contact-info-title .title {background: linear-gradient(to bottom, #23733f 0%, #24733e 100%);}    */
    .contact-header .contact-info{padding: 0;}

    .contact-header .contact-link{padding: 10px 10px 0;}
    .mapbanner .mapbannerth, 
    .mapgoogle .mapgoogleth, 
    .callcenter .hotlineth {top: 16px; left: 75px;}
    .mapbanner .mapbanneren,
    .mapgoogle .mapgoogleen, 
    .callcenter .hotlineen {top: 35px; left: 75px;}
    .callcenter .codehotline {font-size: 36px; top: 15px;left: 170px;}
        
    .qa-title{margin: 0;}
    .qa-title .body{padding: 15px;}

    .form-horizontal.-search > .form-group + .form-group {margin-top: 15px; padding-top: 15px;}
    .form-horizontal.-search > .form-group .inner > div + div{margin-top: 10px;}

    .search-content .item .result p > a,
    .download-item.attach-file .item .download-desc p > a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
        max-width: 76%; display: inline-block; vertical-align: bottom;
    }
    .download-item.attach-file .item .title{padding-left: 0; margin-bottom: 5px;}
    .download-item footer span {margin-right: 6px;font-size: 12px;line-height: 30px;}
    .download-item .button{width: 100%;}
    .download-item .button .btn{width: 100%; display: block; font-size: 16px;}
    .download-item .button .btn .fa{margin-right: 5px; position: relative; top: 2px;}
    .download-item .button .btn + .btn{margin-left: 0; margin-top: 2%;}

    .listlink.attach-file .item .title{padding-left: 0; margin-bottom: 5px;}
    .listlink.attach-file .item .desc{padding-left: 0; margin-bottom: 0;}
    .listlink.attach-file .item .desc > a > span{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
        max-width: 76%; display: inline-block; vertical-align: bottom;
    }

    .attach-file.showlistmap .item .title{padding-left: 0; margin-bottom: 5px;}
    .attach-file.showlistmap .item .desc{padding-left: 0; margin-bottom: 0;}
    .attach-file.showlistmap .item .desc > a > span{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
        max-width: 76%; display: inline-block; vertical-align: bottom;
    }


    .votepage .voteChois{flex-direction: column; gap: 8px;}


    .page-summary .total.pull-right{float: none !important;}


    .about-item > .row > div{width: 100%; flex: 0 0 100%; max-width: 100%;}


    .download-item article > .item.row > .col-md-1.col-sm-3.col-xs-3{width: 16.66666667%;}
    .download-item article > .item.row > .col-md-11{padding-left: 0px;}
    .download-item article > .item.row > .col-md-11.col-sm-9.col-xs-9{width: 83.33333333%;}


    .content-video > video{max-width: 100%; height: 60%;}


    #calendar .calendar-header{font-size: 16px;}
    #calendar .calendar-header .currentmonth{font-size: 28px;}
    #calendar .calendar-header .prevmonth i {margin-right: 6px;position: relative;top: 2px;}
    #calendar .calendar-header .nextmonth i {margin-left: 6px;position: relative;top: 2px;}


    .white-bg > .qa-title{margin: -10px 0 0;}

    
}

@media (max-width: 575px) {
    .social-login .social-icon{padding: 8px 15px;}
    .social-login .social-icon a{min-width: 32px;}
    .social-login .social-icon .survey{width: 32px; height: 32px;}
}




/* minisite */
.fluid-box .box-header .title{overflow: hidden; display: -webkit-box; max-height: 1.5em; line-height: 1.5em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news-box-1 .item .caption > div{height: auto !important;}
.news-box-1 .item .caption .title{overflow: hidden; display: -webkit-box; max-height: 25px; margin-bottom: 5px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news-box-1 .item .caption .desc{overflow: hidden; display: -webkit-box; max-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news-box .newsbox-header .title{max-width: 70%;overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.news-general .newsbox-body .news-item.-highlight figure a{padding-bottom:85.5%;}

.page-title .title{font-size: 46px;}

.about-item .item .thumb figcaption{text-align: center; font-size: 24px; line-height: 0.8em;}

.service-page .service a span {font-size: 24px; line-height: 1;}

.qa-title{margin: -10px;border: solid 10px #DDD;}

.footer-link .link-list .title{line-height: 1;}

.attach-file .item .desc > a{display: inline;}
.attach-file .item .desc > a > span{max-width: 90%;overflow: hidden; text-overflow: ellipsis;vertical-align: bottom;}


@media (max-width: 1600px) {
}

@media (max-width: 1440px){
}

@media (max-width: 1366px){

}
@media (max-width: 1199px){
    .main-menu li a {padding: 0 4px !important;}

    .fluid-box .box-header .title{font-size: 24px;}

    .news-box .newsbox-header .title {max-width: 65%;}

    .contact-header .logo > img{max-width: 100%;}

}

@media (max-width: 991px) {
    .site-option .search-and-social{text-align: right;}
    
    .main-menu{padding-bottom: 15px;}


    .list-box-1 .item{display: flex; flex-wrap: wrap;}
    .list-box-1 .item .col-md-3 {max-width: 25%; flex: 0 0 25%;}
    .list-box-1 .item .col-md-3 .thumb{max-height: 125px !important;}
    .list-box-1 .item .col-md-9 {max-width: 75%; flex: 0 0 75%;}


    .news-box .newsbox-header .title{max-width: 85%;}

    .contact-header .contact-title{margin-bottom: 20px; margin-right: 10px;}

    .cover-slide .slide{padding-bottom: 0;}
}

@media (max-width: 767px) {
    .head-zone.style-2 .main-header .header-option{margin-top: 15px;}
    .head-zone.style-2 .main-header .search-and-social{top: -10px;}
    .head-zone.style-2 .site-option .search-and-social .head-search{margin-top: 0;}


    .news-general .newsbox-body .news-item.-highlight figure a{padding-bottom: 60.7%;}

    .news-box .newsbox-header .title{max-width: 70%;}


    .page-title .title{font-size: 36px;}


    .content-wrapper .content-footer{overflow: hidden;}

    .footer-link .link-list > div + div{margin-top: 15px;}

    .contact-header .contact-title{margin: 0 10px; width: auto;}

    .listlink.attach-file .item.row .col-md-11.col-sm-9.col-xs-9 > .col-md-2{margin-top: 5px; padding-left: 0;}
}

@media (max-width: 575px) {
}