@charset "utf-8";
#home-bigbanner2f{
	position:relative;
	height: 10%;
	padding-top:0;

	background-color:#82288c;
	line-height:0;
	}
#home-bigbanner2f .bx-wrapper img{
	width:100%;
               height: 270px;
	}

#home-bigbanner2f .bx-wrapper .bx-controls-direction a{
	display:block;
	}

#home-bigbanner2f .bx-wrapper:hover .bx-controls-direction a{
	display:block;
	}
	.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 50px!important;
}
.home-section01{
	background-image:url(../images/bg-shadow.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	padding:25px 0;
	}
.home-iconcontent span{
	display:block;
	text-align:center;
	}
.home-iconcontent a{
	display:block;
	}
.home-iconcontent a:hover{
	color: rgb(127,44,138);
}	
.home-icon{
	width:150px;
	height:150px;
	display:block;
	margin:0 auto;

	background-repeat:no-repeat;
	background-position:center center;
	background-size: auto 145px;
	-moz-transition: all .1s ease-in;
     -o-transition:all .1s ease-in;
     -webkit-transition: all .1s ease-in;
     transition: all .1s ease-in;
	 text-decoration:none;
	 margin-bottom:10px;
}
.box-icon-training .home-icon{
	background-image:url(../images/training.png);
	}
.box-icon-training .home-icon:hover,
.box-icon-training .home-icon:focus{
	background-image:url(../images/training_light.png);
	}	
.box-icon-project .home-icon{
	background-image:url(../images/project.png);
	}
.box-icon-project .home-icon:hover,
.box-icon-project .home-icon:focus{
	background-image:url(../images/project_light.png);
	}
.box-icon-success .home-icon{
	background-image:url(../images/success.png);
	}
.box-icon-success .home-icon:hover,
.box-icon-success .home-icon:focus{
	background-image:url(../images/success_light.png);
	}
.box-icon-library .home-icon{
	background-image:url(../images/library.png);
	}
.box-icon-library .home-icon:hover,
.box-icon-library .home-icon:focus{
	background-image:url(../images/library_light.png);
	}	
.box-icon-poll .home-icon{
	background-image:url(../images/poll.png);
	}
.box-icon-poll .home-icon:hover,
.box-icon-poll .home-icon:focus{
	background-image:url(../images/poll_light.png);
	}	
.box-icon-megaphone .home-icon{
	background-image:url(../images/megaphone.png);
	}
.box-icon-megaphone .home-icon:hover,
.box-icon-megaphone .home-icon:focus{
	background-image:url(../images/megaphone_light.png);
	}	
.home-content01  .slick-track {
	top: inherit;
	height: auto;
}	
.home-banner01 a{display: block;}			
.home-banner01 img{
	width: 100%;
    height: 100%;
	object-fit: scale-down; 
}
/*				
/*	
.home-icon{
	width:145px;
	height:145px;
	display:block;
	margin:0 auto;
	border-radius:100%;

	background-repeat:no-repeat;
	background-position:center center;
	-moz-transition: color .1s ease-in,background-color .1s ease-in, background-image .1s ease-in;
     -o-transition: color .1s ease-in,background-color .1s ease-in, background-image .1s ease-in;
     -webkit-transition: color .1s ease-in,background-color .1s ease-in, background-image .1s ease-in;
     transition: color .1s ease-in,background-color .1s ease-in, background-image .1s ease-in;
	 text-decoration:none;
	 margin-bottom:20px;
	border:5px solid #A965C2;
	background-color:#A965C2;
	}
.box-icon01 .home-icon:hover,
.box-icon02 .home-icon:hover,
.box-icon03 .home-icon:hover,
.box-icon04 .home-icon:hover{
	border:5px solid #7F90A5;
	background-color:#fff;
	}
	.box-icon05 .home-icon:hover{
		border:5px solid #7F90A5;
		background-color:#fff;
		}
.box-icon01 .home-icon:hover{
	background-image:url(../images/icon-faq.png);
	}
.box-icon01 .home-icon{
	background-image:url(../images/icon-faq-hover.png);
	}
.box-icon02 .home-icon:hover{
	background-image:url(../images/icon-questionnaire.png);
	}
.box-icon02 .home-icon{
	background-image:url(../images/icon-questionnaire-hover.png);
	}
.box-icon03 .home-icon:hover{
	background-image:url(../images/icon-complain.png);
	}
.box-icon03 .home-icon{
	background-image:url(../images/icon-complain-hover.png);
	}
.box-icon04 .home-icon:hover{
	background-image:url(../images/icon-library.png);
	}
.box-icon04 .home-icon{
	background-image:url(../images/icon-library-hover.png);
	}
	.box-icon05 .home-icon:hover{
		background-image:url(../images/icon-project-hover.png);
		}
	.box-icon05 .home-icon{
		background-image:url(../images/icon-project.png);
		}
*/		
.home-iconcontent .home-text01{
	color:#000000;
	font-size:18px;
	line-height:18px;
	margin-bottom:5px;
	    font-weight: bold;
	}
.home-iconcontent .home-des01{
	color:#7F90A5;
	font-size:16px;
	line-height:20px;
	width:70%;
	margin:0 auto;
	}
.home-banner01{ 
	line-height:0; 
	text-align: center;
	background-color: #f0eeee;
}

.home-banner01 img{
	/*width:100%;*/

	}
.home-iconcontent a{
	display:block;
	}
.home-section02{
	background-color:#f2f4f3;
	    padding: 25px 0 35px 0;
	}
.home-content-news2f,
.home-calendar2f{
	position:relative;
	}
.view-more2f > a{
	font-size:16px;
	color:#777777;
	position:absolute;
	top:0;
	right:0;
	}
.view-more2f a:hover{
	color:#6acbeb;
	}
.view-more2f img{
	position:relative;
	padding-left:5px;
	}
.home-calendar2f{
	float: left;
	width: 100%;
}
.home-einformation2f .view-more2f img {
	position: relative;
	top: 5px;
	padding-left: 5px;
}
.view-more2f span{
	position: absolute;
	top: 6px;
	right: 55px;
}
.view-more2f span img{
	width: 20px;
}
.home-einformation2f .view-more2f span{
	top:-2px;
}
.rss-2f{
	text-align: right;
	font-style: italic;
}
.rss-2f a{
	color: #7E90A5;
}
.rss-2f span{
	font-size: 17px;
}
.rss-2f img{
	width:20px;
	margin-left: 5px;
}
.home-tabnews2f .nav-tabs > li > a{
    color: #192432;
    font-size: 20px;
    border-radius: 0;
    line-height: 24px;
    margin-right: 0;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    border-left-color: transparent;
	}
.home-tabnews2f .nav-tabs{
	border-left:1px solid #ccc;
	}
.home-tabnews2f .nav-tabs > li{
	width: 20%;
	text-align: center;
}
.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: none;
    border: 1px solid #9A57A2;
    border-bottom-color: #9A57A2;
    background-color: #9a57a2;
	}

.home-tabnews2f .nav-tabs {
    border-bottom:none;
	margin-bottom:30px;
	}
.home-newshilight2f{
	position:relative;
	line-height:0;
	overflow: hidden;
	height: 270px;
	background-color: #000;
	    border: 1px solid #a8b4c2;
	}
.home-content-news2f .view-more2f img {  position: relative;   padding-left: 5px;  }
.home-newshilight2f a{
	display:block;
    height: 100%;
	}
.home-boxcaption-news2f{
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:60px;
	}
.home-boxcaption-news2f .date-news{
	width:70px;
	height:60px;
	background-color:#812d8b;
	color:#fff;
	text-align:center;
	font-size:50px;
	line-height: 55px;
	display:inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	}
.home-boxcaption-news2f .t-caption{
	font-size: 16px;
    position: relative;
	left: 85px;
	height: 50px;
	display: block;
	line-height: 20px;
	width: 70%;
	overflow: hidden;
	padding-top: 8px;
	}
.home-newshilight2f a:hover .home-boxcaption-news2f{
	background-color: rgba(0,0,0,1);
	}
.home-newslist2f ul li{
	list-style:none;
	float:left;
	width:100%;
	margin-bottom:7px;
	}
.home-newslist2f ul li,
.home-boxnewslist2f{
	height:85px;
	overflow:hidden;
	position:relative;
	line-height:0;
	}
.box-date{
	width:19%;
	height:100%;
	background-color:#812d8b;
	color:#fff;
	display:inline-block;
	float: left;
	padding-top: 20px;
	text-align:right;
	}
.month-year span{
	font-size: 14px;
	display: block;
	line-height: 18px;
	    padding-left: 3px;
	}
.month-year{
	float: left;
	padding-top: 7px;
	    text-align: left;
	}
.numdate{
	width:45px;
	float:left;
    font-size: 45px;
    line-height: 45px;
	margin-left:10px;
	}
.home-newsthumbnail2f{
	float:left;
	width:27%;
	height:100%;
	overflow:hidden;
	background-color: white;
	}
.home-newsthumbnail2f img{
	width:auto;
	height:100%;
	display: block;
	margin: 0 auto;
	}
.home-newsdetail2f{
	float:left;
	background-color:#fff;
	width:54%;
	height:100%;
	padding: 15px;
	}
.home-newsdetail2f a{
	display: block;
    font-size: 17px;
    color: #000000;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    float: left;
        width: 100%;
	}
.home-newsupdate2f{
	    margin-top: 3px;
	font-size:15px;
	color:#777777;
	float: left;
	}
.home-newsdetail2f a:hover,
.title-econsult a:hover{
	color:#812d8b;
	}
.home-thumbnail-news2f{

	overflow:hidden;
	width:100%;
	}
.home-thumbnail-news2f img {   
	width: 100%;
    display: block;
	margin: 0 auto;
    /* object-fit: cover; */
	}
.home-control-carlendar2f{
	background-color:#9a58a2;
	margin-top: 75px;
	float:left;
	width:100%;
	}

.home-control-carlendar2f h3{
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
	line-height: 47px;
	display:block;
	background-color:#812d8b;
	}
.home-calendar2f .view-more2f{
    position: absolute;
    width: 100%;
    bottom: -8px;
	}
.home-circledate2f{
	width:58px;
	height:58px;
	border-radius:100%;
	background-color:#FF7F00;
	color:#fff;
	padding-top:15px;
	text-align:center;
	float:left;
	margin-right:10px;
	}
.home-circledate2f span{
	font-size:40px;
	line-height:25px;
	}
.home-boxcarlendar2f{
	padding:15px;
	float:left;
	width:100%;
	height:222px;
	}
.t-date-event{
	float:left;
	margin-top: 10px;
	}
.t-date-event span{
	font-size: 21px;
    color: #fff;
    display: block;
    line-height: 18px;
	}
.home-date-event2f .t-notic{
    font-size: 15px;
    color: #fff;
    padding-left: 10px;
    margin-top: 15px;
    display: block;
    float: left;
	}
.home-boxcarlendar2f a{
	color:#fff;
	font-size:14px;
	font-family:tahoma;
	float:left;
	width:100%;
	margin-top:15px;
	padding-left:3px;
	margin-bottom:20px;
	height: 63px;
    display: block;
    overflow: hidden;
	}
.home-boxcarlendar2f a:hover{
	color:#000;
	}
.home-date-event2f{
	float:left;
	width:100%;
	}
.home-boxcarlendar2f .t-event{
	clear:both;
	color:#acebff;
	font-family:tahoma;
	font-size:12px;
	}
.home-section03{
	padding:20px 0;
	}
.home-img-sme{
	margin-bottom:11px;
	}
.heading-econsult2f{
	background-image:url(../images/i-arrow03.png);
	}
.heading-einformation2f{
	background-image:url(../images/i-arrow04.png);
	margin-top: 78px;
	}
.heading-econsult2f span{
	background-color:#812D8B;
	display:block;
	padding-top:3px;
	padding-bottom:3px
	}
.heading-einformation2f {
    background-image: url(../images/i-arrow04.png);
    margin-top: 74px;
}
.heading-einformation2f span {
    background-color: #888888;
    display: block;
    padding-top:3px;
	padding-bottom:3px
}
.heading-einformation2f, .heading-econsult2f, .heading-service2f {
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-position: center bottom;
    padding-bottom: 9px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.heading-service2f {
    background-image: url(../images/i-arrow05.png);
    margin-top: 74px;
}
.home-thumbnail-econsult2f{
    line-height: 0;
    margin-bottom: 20px;
    height: 220px;
    overflow: hidden;
	}
.home-thumbnail-econsult2f img{
	width:100%;
	}
.home-informaiton-left2f {
    border-bottom: 3px solid #9a58a2;
    margin-bottom: 5px;
	position: relative;
	}

.home-einformation2f .view-more2f {
    position: absolute;
    bottom: 0;
    width: 100px;
    right: 15px;
    height: auto;
}
.title-econsult a{
	display:block;
	font-size:30px;
	color:#262626;
	line-height:26px;
	height:26px;
	overflow:hidden;
	}
.home-econsult2f p{
	height:63px;
	}
.home-econsult2f p,
.home-informaiton-left2f p{
	color:#646464;
	font-size:14px;
	overflow:hidden;
	font-family:tahoma;
	margin-bottom:30px;
	}

.btn-readmore .btn.btn-org{
	color:#fff;
	font-size:14px;
	font-family:tahoma;
	text-transform:uppercase;
	border:none;
	border-radius:0;
	background-color:#FF7F00;
	padding: 10px 30px;
	}
.btn-readmore .btn.btn-org:hover{
	background-color:#444444;
	}
.home-thumbnail-inf2f img{
	width:100%;
	}
.home-thumbnail-inf2f {
	line-height: 0;
	height: 125px;
	overflow: hidden;
	margin-bottom: 10px;
	}
.home-informaiton-left2f p {
	height: 64px;
	margin-bottom: 20px;
	overflow: hidden;
}
.home-thumbnail-inf2f a{
	display: block;
	height: 100%;
}
.home-elibrary{
	background-image:url(../images/bg-library.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	padding:20px 15px;
	min-height:105px;
	}
.home-listdownload2f ul li{
	list-style:none;
	padding-left:10px;
	background-image:url(../images/i-bullet-org.png);
	background-repeat:no-repeat;
	background-position:left center;
	}
.home-listdownload2f ul li a{
	font-size:13px;
	color:#fff;
	display:block;
	font-family:tahoma;
	line-height: 15px;
	height:15px;
	overflow:hidden;
	}
.home-listdownload2f ul li a:hover{
	color:#EBBF48;
	}
.home-eventthumbnail2f{
	height:130px;
	overflow:hidden;
	border:1px solid #59646a;
	margin-bottom:15px;
	}
.home-eventthumbnail2f img{
	width:100%;
	}
.heading-newsevent2f{
    position: relative;
    color: #fff;
    font-size: 40px;
    line-height: 25px;
	margin-bottom:15px;
	}
.heading-newsevent2f img{
	padding-left:20px;
	}
.home-listevent2f{
	float:left;
	width:100%;
	margin-bottom:10px;
	}
.home-thumbnail-event2f{
	float:left;
	width:40%;
	padding-right:15px;
	}
.home-thumbnail-event2f img{
	max-width:100%;
	border-radius:5px;
	}
.home-detail-event2f{
	float:left;
	width:60%;
	}
.home-date-event{
	color:#FED10A;
	font-size:13px;
	font-family:tahoma;
	}
.home-detail-event2f a{
	color:#839199;
	font-size:13px;
	font-family:tahoma;
	height: 60px;
    display: block;
    overflow: hidden;
	}
.home-list-itemevent2f a{
	color:#839199;
	font-size:13px;
	font-family:tahoma;
	}
.home-list-itemevent2f a:hover,
.home-detail-event2f a:hover{
	color: #FED10A;
	}
.home-list-itemevent2f img{
	margin-right: 10px;
    position: relative;
    top: 8px;
	}
.home-list-itemevent2f ul li{
	list-style:none;
	}
.home-section04{
	height:260px;
	background-image:url(../images/home-bg-mobileviolet.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left center;
	position:relative;
	}
.home-section05{
	/* margin-top:50px; */
	margin-bottom:30px;
	}
.home-about2f {
	background-color:#f8f8f8;
	padding: 14px;
	padding-right:50px;
	margin-bottom:20px;
	background-repeat:no-repeat;
}
.home-contact2f{
	background-color:#f8f8f8;
	padding: 14px;
	padding-right:10px;
	/* padding-top: 38px; */
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.home-about2f span,
.home-contact2f span{
	display:block;
	width:50%;
	}

.home-contact2f-covid19 span{
	display:block;
	width:62%;
}
.title-about2f,.title-contact2f{
	color:#192432;
	font-size:28px;
	line-height:40px;
	    font-weight: bold;
	}
.title-contact2f-covid19{
	color:#192432;
	font-size:28px;
	line-height:35px;
	font-weight: bold;
	}
.des-about2f,.des-contact2f{
	font-size:17px;
	color:#000000;
	line-height:20px;
	}
.des-contact2f-covid19{
	font-size:17px;
	color:#000000;
	line-height:22px;
	/* height:44px; */
	width: 155px !important;
	}
.home-about2f{
	height: 160px;
	/*background-image:url(../images/home-banner-about.jpg);*/
	background-image:url(../images/home_about_2.png);
	background-position: 90% 52%;
	background-size: 148px;
	}
.home-contact2f{
	height: 160px;
	background-image:url(../images/contact_dip.png); 
	background-size:auto 100%;
	background-position:95% top;
	}
.home-contact2f-covid19{
	height: 160px;
	background-image:url(../images/COVID_BULLET.png);
	background-size:auto 100%;
	background-position:100% top;
	background-color:#f8f8f8;
	padding: 15px;
	padding-right:50px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.des-about2f{
	height:66px;
	overflow:hidden;
	}
.des-contact2f{
	height:44px;
	}
.home-externallink2f{
	height: 342px;
	background-color:#9a58a2;
	padding:20px 20px 20px 20px;
	text-align:center;
	}
	.icon-link2f{padding: 22px 0px 30px 0px;}
.icon-link2f span{
	display:block;
	color:#fff;
	text-align:center;
	font-size:16px;
	margin-bottom:20px;
	}
.icon-link2f:hover span{
	color:#000;
	}
.home-vdo2f{
	height:290px;
	background-color: #000;
	}
.home-appdownload2f .img-sme{
	margin-bottom:20px;
	}
.home-appdownload2f a > img{
	padding-left: 235px;
	}
.home-appdownload2f a:hover img{
	opacity:0.9;
	}
.home-appdownload2f img{
	display:block;
	max-width:100%;
	}
.home-appdownload2f{
	position: absolute;
	right: 28%;
    top: 25%;
	}
.home-list-itemevent2f{
	clear:both;
	}
.home-content01 .slick-dots{
	display:none !important;
	}
.home-content01 button.slick-prev,
.home-content01 button.slick-next{
	background-color:transparent;
	background-repeat:no-repeat;
    position: absolute;
	border:none;
    width: 25px;
    height: 70px;
    text-indent: -9999px;
    z-index:99;
	top:25%;
	}
.home-content01 button.slick-prev{
	background-image:url(../images/arrowleft-lg.png);
	left:0;
	}
.home-content01 button.slick-next{
	background-image:url(../images/arrowright-lg.png);
	right:0;
	background-position: right;
	}
.home-content01:hover  button.slick-prev,
.home-content01:hover  button.slick-next{
	opacity:1;
	}
a:focus {
    outline:none;
    outline: none;
    outline-offset:none;
}
.heading-service2f {
    background-image: url(../images/i-arrow05.png);
    margin-top: 74px;
	}
.heading-service2f span {
    background-color: #9a58a2;
    display: block;
	padding-top:3px;
	padding-bottom:3px
	}
.home-listservice2f ul {
    list-style: none;
    padding-bottom: 25px;
    padding-left: 0;
	}
.home-listservice2f ul li a{
	font-size: 16px;
    line-height: 22px;
	color:#fff;
	padding-left:30px;
	background-image:url(../images/i-square.jpg);
	background-repeat:no-repeat;
	background-position: 15px 13px;

	}
.home-listservice2f ul li a:hover{
	color:#FF7F00;
	}
.home-listservice2f {
    padding: 10px;
    background-color: #272c32;
	}
.thumbnail-service2f a {
    display: block;
    margin-bottom: 15px;
	height: 155px;
    overflow: hidden;
	}
.thumbnail-service2f img {
    width: 100%;
	}

.layout_topic_content {
    position: relative;
    margin-bottom: 30px;
}

.layout_topic_content {
    color: #812d8b
}

.layout_topic_content h2::before {
    width: 45px;
    height: 3px;
    content: '';
    background-color: #FF7043;
    position: absolute;
    bottom: 0;
    left: 0;
}


/* 230862 */
.layout_topic_content h2{
	font-size: 28px;
}
.home-sectioncontent {
    margin: 32px 0;
}

.layout_topic_content span {
    position: absolute;
    right: 0;
    top: 22px;
}

.layout_topic_content span a {
    font-size: 16px;
    color: #777777;
}

.layout_topic_content span a:hover {
    color: #6acbeb;
}

.layout_topic_content span a img {
    padding-left: 5px;
}

.layout_img_content {
    height: 100px;
    overflow: hidden;
    margin-bottom: 5px;
}

.layout_img_content a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: 0.6s;
}

.layout_img_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layout_mani_content {
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid #ddd;
}

.layout_mani_content a {
    font-size: 20px;
    margin-bottom: 5px;
    height: 40px;
	color: #812d8b;	
	/* font-weight: bold; */
}
.layout_mani_content > a{
	height: 50px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.layout_mani_content a:hover {
    color: #000;
}

.layout_mani_content p {
    display: block;
    font-size: 17px;
    line-height: 20px;
    color: #646464;
    height: 80px;
    overflow: hidden;
	margin-bottom: 15px;
	text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.layout_btn_content {
	text-align: center;
	margin-top: 45px;
}

.layout_btn_content .btn-primary {
    min-width: 130px;
    background-color: #812d8b;
    border-color: #812D8B;
    font-size: 17px;
    transition: 0.6s;
}

.layout_btn_content .btn-primary:hover {
    background-color: #444;
    border-color: #444;
}
	
.home-thumbnail-inf2f h3 {
	font-size: 22px;
	height: 70px;
	overflow: hidden;
	margin-bottom: 10px;
}
.home-tabnews2f{
	position: relative;
}
.home-tabnews2f .view-more2f > a{
	top: inherit;
	right: 0;
	bottom: -25px;
}
.home-tabnews2f .view-more2f span {
    top: inherit;
    right: 55px;
    bottom: -25px;
}