@charset "utf-8";

@media (max-width: 1200px){
	.img-logo2f img {
		height: 44px;
	}
	.home-tabnews2f .nav-tabs > li > a {padding: 8px 5px;font-size: 18px;}
	#menu2f .nav > li > a {    padding: 6px 4px 6px 4px; font-size: 16px;}
	.top-contact2f{ margin-right:10px;}
	.home-iconcontent .home-des01{ width:80%;}
	.numdate{ text-align:center;}
	.heading-einformation2f,.heading-service2f{ margin-top:62px;}
	.home-elibrary{padding: 10px 15px;}
	.home-thumbnail-inf2f,.home-eventthumbnail2f{ height:100px;}
	.home-appdownload2f .img-sme{ height:60px;}
	.home-appdownload2f a > img {padding-left: 175px;}
	.home-appdownload2f{ top:24%;}
	.home-about2f span, .home-contact2f span{width: 60%;}
	.home-externallink2f{padding: 30px 5px 20px 5px;}
	.home-section04{    height: 210px;}
	.thumbnail-news2f img{ height:100%; width:auto;}
	.img-thumbnail2f a{ height:290px;}
	.home-tabnews2f .nav-tabs > li > a{ padding:8px 10px;}
	.home-listservice2f ul li a { padding-left: 20px;font-size: 15px;background-position: 7px 10px;}
	.month-year span { font-size: 14px; line-height: 18px;}
	.numdate {width: 41px;font-size: 45px;line-height: 50px;
		margin-left:2px;}
	.t-date-event span { font-size: 18px;}
	.home-date-event2f .t-notic {font-size: 12px;
		margin-top:11;}
	.thumbnail-upload2f{ font-size:14px;}
	/* .mainmenu-top02 > .row .col-lg-4.col-md-5 {width: 32%;}
	.mainmenu-top02 > .row .col-lg-8.col-md-7{width: 68%;} */
	.webname03{font-size: 22px;   line-height: 20px; margin-top: 15px;}
	.mainmenu-top01 {padding: 10px 0 5px 0;}
	.home-control-carlendar2f{    margin-top: 70px;}
	.home-listservice2f ul {padding-bottom: 10px;}
	.home-thumbnail-econsult2f { height: 190px;}
	.thumbnail-service2f a { height: 140px;}
	.content-externallink2f button.slick-prev, .content-externallink2f button.slick-next{top:10%;}
	/*menu 1200*/
	.menu-left2f #cssmenu01 ul ul li a{     font-size: 17px; padding: 5px 5px 5px 20px; background-position: 10px 13px;}
	.menu-left2f #cssmenu01 ul li a{padding: 10px 10px;}
	.menu-left2f #cssmenu02 ul ul li a{     font-size: 17px; padding: 5px 5px 5px 20px; background-position: 10px 13px;}
	.menu-left2f #cssmenu02 ul li a{padding: 10px 10px;}

	}
@media (max-width: 1024px){
	.infosite .home-tabnews2f .nav-tabs > li, .infosite .home-tabnews2f .nav-tabs > li > a {
    height: 60px;}
	.infosite .home-tabnews2f .nav-tabs > li > a {font-size: 18px;}
	.title-about2f, .title-contact2f { font-size: 24px;}
	.heading-einformation2f, .heading-econsult2f, .heading-service2f { font-size: 22px; margin-bottom: 15px;}
	.home-control-carlendar2f {margin-top: 65px;}
	.table-procurement2f table thead th {font-size: 16px;}
	.boxthumbnail-news2f {padding-right: 60px;}
	.home-iconcontent .home-des01{ width:100%;}
	.date-news2f {width: 60px;}
	.t-date01 { height: 50px;line-height: 55px;}
	.content-contact2f, .tx-contact2f a, .content-contact2f p { font-size: 19px;}
	.project-thumb2f{ width:35%;}
	.project-detail2f{ width:65%;}
	.home-tabnews2f .nav-tabs > li > a {margin-right: 0; padding: 5px 15px;font-size: 20px;}
	.project-detail2f{ padding:15px 10px;}
	.box-newsdetail2f a, .menu-left2f #cssmenu ul li a {font-size: 17px;}
	.content-contact2f h2 { margin-bottom: 5px;}
	.content-detail2f h3 {line-height: 22px;  margin-bottom: 20px;  font-size: 19px;}
	.home-tabnews2f .nav-tabs > li { text-align: center;}
	.home-tabnews2f .nav-tabs > li > a {     padding: 5px 10px; font-size: 17px;}
	.home-circledate2f span {  font-size: 50px;  line-height: 70px;  }
	.footer-visitor2f strong {  margin-top: 7px;  }
	.home-boxcaption-news2f .date-news { line-height: 60px;}
	.numdate {  line-height: 54px;	}
	.box-externallink2f h3 {  font-size: 20px;  }
	.video-container {  padding-top: 35px;  }
	.menu-left2f #cssmenu ul ul a {  padding: 9px 5px 0 40px;}
	.home-newsdetail2f {padding: 10px 15px;}
	.home-control-carlendar2f h3 {font-size: 22px; line-height: 40px;}
	.home-circledate2f { width: 40px; height: 40px;}
	.home-circledate2f span {font-size: 25px; line-height: 10px;}
	.t-date-event {margin-top: 0;}
	.t-date-event span { font-size: 16px;}
	.home-boxcarlendar2f a {height: 20px;}
	.home-newslist2f {  height: 177px; overflow: hidden;}
	.home-boxcarlendar2f .t-event {font-size: 10px;}
	.home-boxcarlendar2f { height: 137px;overflow: hidden; padding: 10px 15px;}
	.home-newshilight2f {height: 178px;}
	/* .home-calendar2f .view-more2f a{bottom:-31px;} */
	.home-newsdetail2f a{font-size: 16px;}
	.home-listservice2f ul li a { height: 22px;display: block; overflow: hidden;}
	/*menu 1024*/
	.menu-left2f #cssmenu01 ul ul a{background-position: 28px 9px; padding-left: 30px;}
	.menu-left2f #cssmenu01 ul li a {padding: 5px 10px;font-size:17px;}
	.menu-left2f #cssmenu02 ul ul a{background-position: 28px 9px; padding-left: 30px;}
	.menu-left2f #cssmenu02 ul li a {padding: 5px 10px;font-size:17px;}

	}
@media (max-width: 991px){
	    .control_heading_link,.body-calendar-credit{ margin-bottom: 15px;}
	.credit_right {  padding-left: 0;}
	.infosite .home-tabnews2f .nav-tabs > li > a {  font-size: 13px;  line-height: 20px;}
	.heading-einformation2f, .heading-econsult2f, .heading-service2f { font-size: 20px;}
	.home-control-carlendar2f h3 {font-size: 26px;line-height: 45px;}
	.home-tabnews2f .nav-tabs > li > a{ height: 60px; }
	.home-newsdetail2f a {padding-top: 3px;}
	.t-form2f, #main-content2f .form-control, .btn.btn-gray { font-size: 17px;}
	.home-listservice2f ul { padding-bottom: 10px;}
	.home-control-carlendar2f h3 {  font-size: 22px; line-height: 40px;}
	.heading-einformation2f ,.heading-service2f{margin-top: 49px;}
	.webname03{ font-size:17px; line-height: 15px;}
	.list-cate-sitemap2f > ul > li{ width:33%;}
	.content-gallery2f .bx-wrapper:first-child, .content-gallery2f .bx-wrapper:first-child .bx-viewport li {height: 389px !important;}
	.content-gallery2f .bx-wrapper:last-child, .content-gallery2f .bx-wrapper:last-child .bx-viewport li { height: 75px !important;}
	.title-thumbnail2f a,.thumbnail-upload2f{ width:100%; text-align:left;}
	.img-thumbnail2f a { height: 190px;}
	/* .home-section02 .view-more2f a { margin-top: 40px;} */
	.icon-link2f span{     font-size: 16px;line-height: 18px; margin-bottom: 10px;}
	.home-externallink2f { padding: 10px 0 10px 0;}
	.icon-link2f img{ max-width:100%;}
	.home-externallink2f,.home-vdo2f{ height:250px;}
	.home-about2f, .home-contact2f{ padding:10px 15px;}
	.home-contact2f{    background-size: 160px;background-position: bottom right;}
	.home-about2f { background-position: 95% 95%; background-size: 80px;}
	.des-about2f, .des-contact2f{ font-size:18px;}
	.home-about2f span, .home-contact2f span {width: 100%;}
	.home-appdownload2f .img-sme {margin-bottom: 10px;}
	.home-section04 {height: 170px;}
	.home-appdownload2f a > img{ padding-left: 120px;height:30px;}
	.home-appdownload2f {top: 30%; }
	.home-appdownload2f .img-sme {height: 40px;}
	.home-econsult2f p{ margin-bottom:46px;}
	.home-list-itemevent2f a{    display: block; height: 20px;overflow: hidden;}
	.home-list-itemevent2f img {margin-right: 5px;top: 1px; width: 10px;}
	.home-eventthumbnail2f,.heading-newsevent2f{ margin-bottom:10px;}
	.home-detail-event2f{ width:100%;}
	.home-detail-event2f a{ height:37px;}
	.heading-newsevent2f img { padding-left: 10px;height: 24px;}
	.heading-newsevent2f{ font-size:32px;}
	.home-informaiton-left2f p {height: 40px;}
	.home-boxcaption-news2f .t-caption {  line-height: 22px;  }
	.home-eventthumbnail2f{ height:85px;}
	.home-elibrary{ min-height:inherit;}
	.home-elibrary{    background-size: 100% 100%;}
	.home-thumbnail-inf2f  img{ height:100%;}
	.home-thumbnail-inf2f, .home-eventthumbnail2f {height: 85px;}
	.home-thumbnail-econsult2f {height: 155px;}
	.home-thumbnail-inf2f a { display: block;  height: 100%;}
	.home-boxcarlendar2f a{    margin-top: 5px; margin-bottom: 10px;}
	.home-date-event2f .t-notic{    padding-left: 0; margin-top: 5px;}
	.home-newsdetail2f{ padding:10px;}
	.box-date{ padding-top:15px;}
	.month-year {padding-top: 0; width: 100%;text-align: center;}
	.home-boxcaption-news2f .t-caption{    left: 65px; width: 65%;}
	.home-boxcaption-news2f .date-news{ width:50px; font-size:40px;}
	.numdate {font-size: 40px; line-height: 25px;width: 100%;padding-right: 9px;}
	.home-control-carlendar2f{ margin-top:89px;}
	.thumbnail-service2f a { height: auto;}
	.home-icon{ width:120px; height:120px;    background-size: auto 40%;}
	.logo2f img{ width:40px;height: auto;}
	#menu2f .nav > li > a { padding: 8px 2px;font-size: 12px;}

	.top-callcenter2f img{ width:100px;}

	.top-contact2f{padding-top: 0;}
	.webname01,.footer-detail-left2f h3{ font-size:22px;padding-bottom:0;}
	.webname02 {font-size: 16px;line-height: 15px;}
	.logo2f .img-logo2f{ margin-right:5px;}
	.mainmenu-top01{    padding: 10px 0 5px 0;}
	.logo2f{ margin: 24px 0 10px 0;}
	.footer-callcenter2f img{width:150px;}
	.pagination2f ul li a.first,.pagination2f ul li a.last{ display:none;}
	.pagination2f ul li a, .pagination2f ul li span{ font-size:13px;}
	.pagination2f ul li select{ width:45px;}
	.box-captcha2f{ text-align:center;margin:20px 0 30px 0;}
	.content-map2f{ height:350px;}
	.box-externallink2f h3{ font-size:22px;}
	.box-department2f {padding: 20px 10px 40px 10px;}
	.boxsearch2f .col-sm-6{ padding-right:0;}
	.form-search2f .btn-center2f.btn2button .btn{ width:35%; margin:0 5px 20px 5px; }
	.video-container {  padding-top: 56px;  }
	.ima-link-info {  width: 150px;height: 150px;}
	.infosite .home-content01 .slick-slide h2 {  font-size: 18px;  line-height: 22px;}
	.banner_rightinfo {height: 185px;}
	.home-section01.infosite .home-content01{ margin-bottom: 30px;}
	.banner_rightinfo{background: none;}
	.infosite .home-tabnews2f .nav-tabs > li, .infosite .home-tabnews2f .nav-tabs > li > a{ height: auto;}
	#home-bigbanner2f .bx-wrapper img {height:inherit}
	.bx-wrapper .bx-viewport {height:auto!important;}
	}
@media (max-width: 768px){
	.content-right2f > h2{line-height:30px;margin-bottom:20px;}
	#insite-banner2f{ height:130px;}
	.header-menu2f {line-height: 40px;color: #fff;margin-bottom: 15px;}
	.navication2f .breadcrumb{ margin-bottom:0;}
	.box-collapse2f .heading-collapse2f .btn {
    font-size: 22px;
    line-height: 22px;
    padding: 10px 45px 10px 20px;
	}
	.content-detail2f img,.content-detail2f h3,.box-pink2f{ margin-bottom:20px;}

	}
@media (max-width: 767px){
	.content-right2f{margin-bottom: 30px;}
	#menu_view_desktop{display: none;}
	#menu_view_mobile{display: block;}
	.body-interest-link-credit{ margin-bottom: 15px;}
	.heading_link > h3, .interest-link-credit > h3,
	.calendar-credit h3, .interesting-link-credit > h3{ font-size: 20px; line-height: 20px;}

	.infosite .home-tabnews2f .nav-tabs > li,
	.infosite .home-tabnews2f .nav-tabs > li > a {  height: auto;min-height: 40px;}
	.infosite .home-tabnews2f .nav-tabs > li > a {
    font-size: 18px;
    line-height: 20px;
    padding-top: 12px;
}
	.infosite .home-tabnews2f .nav-tabs > li  span{    display: block;  width: 100%;  height: auto;}
	.home-boxcarlendar2f .t-event { font-size: 12px;}
	.mainmenu-top02 > .row .col-lg-4.col-md-5, .mainmenu-top02 > .row .col-lg-8.col-md-7 { width: 100%;}
	.box-collapse2f .heading-collapse2f .btn { font-size:21px;}
	.content-contact2f h2 { font-size: 25px;}
	.box-newsdetail2f a {  padding-top: 5px;   margin-bottom: 5px; max-height: 55px;}
	.t-date02 { padding-top: 7px;}
	.list-cate-sitemap2f > ul > li{ width:44.5%;}
	.calender2f .fc-toolbar h2{ font-size:40px;}
	.form-search2f .btn-center2f.btn2button .btn{ min-width:20%;  padding: 5px 10px; width:auto;}
	.boxsearch2f .col-sm-6{ padding-right:15px;}
	.form-search2f .btn-center2f .btn {
    line-height: 30px;
    padding: 5px 30px 5px 50px;
    width: auto;
    margin: 20px 0;
    height: auto;
    background-position: 10px center;
    font-size: 30px;
	}
	.home-date-event2f .t-notic {  padding-left: 0;  margin-top: 12px;  }
	.body-collapse2f {padding: 15px 20px;}
	.box-collapse2f ul li a{ padding-left:5px;}
	.boxthumbnail-news2f { height: 125px;}
	#main-content2f .form-control{ margin-bottom:10px;}
	.form-search2f .t-form2f,.content-formcontact2f .t-form2f{ text-align:left;}
	.form-search2f{padding: 15px 10px;}
	.icon-link2f img{ height:60px; margin-bottom:10px;}
	.icon-link2f span { font-size: 16px; margin-bottom: 0;}
	.home-vdo2f{height:auto;}
	/* .home-externallink2f{ height:auto; float:left; width:100%;} */
	.home-externallink2f{ height:auto; width:100%;}
	.home-contact2f {background-size: auto 100%;background-position: 95% top;}
	.home-about2f{ background-size:auto;background-position: 90% 80%;}
	.home-about2f, .home-contact2f{ padding:20px;}
	.home-section04 {background-size: auto 100%;  height:145px;}
	.home-appdownload2f a > img{ padding-left:90px;}
	.home-appdownload2f{ right:20%;}
	.home-appdownload2f .img-sme {height: 30px;}
	.home-thumbnail-event2f img{ width:100%;}
	.home-detail-event2f {width: 80%;}
	.home-thumbnail-event2f{ width:20%;}
	.home-eventthumbnail2f img{ border: 1px solid #59646a;}
	.home-eventthumbnail2f{ border:none;}
	.home-informaiton-left2f .col-sm-6 { padding-right: 15px;}
	.box-date {padding-top: 25px;padding-left: 18px;}
	.numdate{ width:47px;}
	.month-year{ width:auto;}
	.heading-einformation2f{ margin-top:30px;}
	.numdate {font-size: 50px;line-height: 35px;}
	.home-elibrary,.home-externallink2f{ padding:20px;}
	.home-thumbnail-news2f img,.home-boxcarlendar2f a,.home-boxcarlendar2f,.home-econsult2f p,.home-thumbnail-inf2f, .home-eventthumbnail2f,.home-informaiton-left2f p{ height:auto;}
	.home-newshilight2f,.home-iconcontent .home-des01,.home-econsult2f pm,.home-informaiton-left2f p,.home-econsult2f p,.home-elibrary,.home-externallink2f{ margin-bottom:15px;}
	.home-iconcontent .home-des01 {width: 50%;}
	.box-top-language2f,.box-top-social2f,.box-top-search2f{ margin-left:5px;}
	.box-top-search2f { width: 75%; margin: 5px 0;}
	.box-top-language2f select { padding-top: 7px;width: 100%; font-family: 'Helvetica', sans-serif;}
	.box-top2f {width: 100%; margin: 0 auto;float: inherit;}
	.mainmenu-top01{ display:none;}
	.font-language { float: right; width: 20%;}
	.logo2f {    margin: 10px 0 0 0; position: relative; z-index: 999;}
	.logo2f .img-logo2f{ margin-right:10px;}
	.footer-detail-left2f h3,.footer-address2f,.footer-visitor2f,.t-copyright2f,.footer-menu2f{ text-align:center;}
	.footer-address2f {background-image: none;padding-left: 0;    margin-bottom: 5px;}
	.footer-visitor2f {float: inherit;width: 185px;margin: 0 auto;height: 30px;}
	.footer-callcenter2f { width:auto;position: absolute;bottom: -2px;right: 15px;}
	.footer-callcenter2f img {width: 95px;}
	.footer01{    padding: 10px 0 5px 0;}
	#menu2f .navbar-default .navbar-collapse{ background-color:#812d8b;}
	#menu2f .container-fluid {padding-right: 0;padding-left: 0;}
	#menu2f .nav > li > a {    padding: 5px 15px 5px 15px; font-size: 18px;color: #fff;}
	#menu2f .navbar-nav > li > a:hover, #menu2f .navbar-nav > li.active > a,#menu2f .navbar-default .navbar-nav > .open > a,
	#menu2f .navbar-default .navbar-nav > .open > a:hover, #menu2f .navbar-default .navbar-nav > .open > a:focus {color: #000;}
	#menu2f .navbar-nav .open .dropdown-menu{ background-color:#aa65c2;}
	#menu2f .navbar-nav{margin: 0 -15px;}
	#menu2f .nav > li:hover a{color: #82288C;}
	#menu2f .nav > li:hover{background-color: #fff;}
	#menu2f .nav > li{ background-image:none; border-bottom: 1px solid #915f98; padding: 6px 10px;}
	#menu2f .nav > li.dropdown > a{background-image:url(../images/i-arrow01-white.png);}
	.footer-logo2f {float: none; padding-right: 0; height: 50px;background-image: none;margin-right: 0;width: 100%;}
	.footer-logo2f img { height: 50px; top: 0; margin: 0 auto; display: block; padding-top: 10px;}
	.footer-contact2f h3 {font-size: 20px;margin-bottom: 5px; padding-top: 5px;text-align: center;}
	.footer-contact2f .form-control { float: none;max-width: 250px;height: 30px;margin: 10px auto;}
	.footer-visitor2f { width: 230px;float: none;}
	.webname03{ font-size:20px;}
	.title-about2f, .title-contact2f { font-size: 26px;}
	.home-tabnews2f .nav-tabs > li > a:hover, .home-tabnews2f .nav-tabs > li.active > a, .home-tabnews2f .nav-tabs > li.active > a:hover, .home-tabnews2f .nav-tabs > li.active > a:focus {
    border-top: 1px solid #fff;}
    .home-tabnews2f .nav-tabs { border-left: none;}
    .home-newshilight2f {
    height: 250px;
}
	.home-tabnews2f .nav-tabs > li > a {
    margin-right: 0;
    border: 1px solid #9A57A2;
    text-align: left;
}
	.home-tabnews2f .nav-tabs > li { width: 100%;}
	.home-tabnews2f .nav-tabs > li > a { height: auto;
		padding-left: 35px;
		background-position: 7px;
		background-size: 20px !important;
		background-image:url(../images/i-newspaper01.png);
		background-repeat:no-repeat;
		line-height: 24px;
		display: block;
		font-size: 18px;
	}
	.home-tabnews2f .nav-tabs > li > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a,
	.home-tabnews2f .nav-tabs > li.active > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a:focus{
		color:#fff; background-color: #9A57A2;
		background-image:url(../images/i-newspaper02.png);
		background-repeat:no-repeat;
		background-position: 7px;
	}
	.box-top-list2f,.box-top-social2f{  display: none;}
	/* .view-more2f a{    top: 0;} */
	/* .home-section02 .view-more2f a {  margin-top: 0; bottom: 5px;} */
	/* .home-calendar2f .view-more2f a {  margin-top: 40px;  } */
	.home-tabnews2f .view-more2f a {  bottom: 0px;  }
	.home-newslist2f { height: auto; margin-bottom: 40px;}
	.home-control-carlendar2f { margin-top: 0px;}
	/* .footer-contact2f,.footer-visitor2f{display: none;} */
	#menu_view_desktop{display: none;}
	#menu_view_mobile{display: block;}
	.for_admin {display: none;}
	.footer-social2f{text-align: center;margin-bottom: 5px;}
	.footer-visitor2f strong {
		margin-top: 3px;
	}
	.footer-visitor2f strong::after,
	.footer-visitor2f ul::after{
		display: block;
		content: '';
		clear: both;
	}
	.footer-visitor2f strong,
	.footer-visitor2f ul{
		margin-bottom: 15px;
	}
}
@media (max-width: 600px){
	.box-top-list2f{ width: 100%; text-align: center; }
	.box-top2f { width: 100%;}

	.footer-social2f{ text-align: center; }
	.home-date-event2f .t-notic{    padding-left: 0; margin-top: 12px;}
	.box-date {
		padding-top:25px;
		padding-left:5px;
	}

}
@media (max-width: 480px){
	.logo2f a {
		width: 200px;
	}
	.webname03 { font-size: 18px;}
	.list-cate-sitemap2f > ul > li{ width:100%;}
	.content-gallery2f .bx-wrapper:first-child, .content-gallery2f .bx-wrapper:first-child .bx-viewport li {height: 250px !important;}
	.content-gallery2f .bx-wrapper:last-child, .content-gallery2f .bx-wrapper:last-child .bx-viewport li { height:70px !important;}
	.img-thumbnail2f a { height:225px;}
	.content-thumbnaillist2f .col-xs-6{ width:100%;}
	.content-map2f{ height:300px;}
	.content-newslist2f ul li.bg-news{ background:none;}
	.box-newslist2f .col-xs-6.nopaddingleft{ padding-left:15px;}
	.boxthumbnail-news2f {height: 140px;}
	.box-newslist2f .col-xs-6, .box-newsdetail2f { width: 100%;}
	.home-iconcontent .home-des01{ width:70%;}
	.home-appdownload2f { right: inherit;left: 30px;}
	.home-appdownload2f a > img{ height:25px;}
	/* .home-section02 .home-calendar2f .view-more2f a {margin-top: 40px;} */
	.box-date { padding-top: 15px;}
	.month-year{ width:100%;}
	.numdate {font-size: 35px;line-height: 20px; width: 100%;}
	.home-tabnews2f{ margin-top:10px;}
	/* .home-contact2f .view-more2f a {margin-top: 105px;} */
	.footer-address2f p{ display: none; }
	.footer-callcenter2f img {width: 85px;}
	.box-date {  padding-top: 25px;  padding-left: 1px;  }
}
@media (max-width: 320px){
	/* .home-section02 .view-more2f a { margin-top: 75px;  } */
	/* .home-section02 .home-calendar2f .view-more2f a {  margin-top: 40px;  } */
}
