@charset "utf-8";

body{
	font-family: 'supermarket';
	color:#000;
	}
a,button{
	-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;
	 }
a:hover, a:focus {
	text-decoration:none;
	}
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:15px;}
.nopadding{
	padding:0;
	}
.nopaddingright{
	padding-right:0;
	}
.nopaddingleft{
	padding-left:0;
	}
.home-informaiton-left2f h3 {
    font-size: 19px;
    height: 27px;
    overflow: hidden;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 20px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}	
.box-top-list2f ul li a:hover,
.box-top-list2f ul li a:focus,
.top-contact2f ul li a:hover,
.top-contact2f ul li a:focus,
.footer-address2f a:hover{
	color:#a865c2;
	}
#top-header2f{
	border-bottom:1px solid #eaeaea;
	position:relative;
	float:left;
	width:100%;
	padding: 5px 0 5px 0;
	}
.box-top2f{
	float:right;
	}	
.box-top-list2f{
	min-width:180px;
	float:left;
	    margin-top: 6px;
	}	
.box-top-language2f{
	font-size:15px;
	color:#444444;
	text-align: center;
	float:left;
	width:70px;
	margin-left:10px;
	margin-right: 10px;
	line-height: 33px;
	}
.box-top-language2f select{
	border: none;
	background-color: #fff;
	padding-top: 3px;
	width: 75px
	}		
.box-top-list2f ul li a{
	font-size:15px;
	color:#444444;

	}	
.box-top-list2f .list-inline > li{
	padding-left:5px;
	}	
.box-top-list2f ul li img{
	position: relative;
	left: -10px;
	top: -2px;
	}	
.box-top-social2f{
	float:left;
	margin-left:5px;
	}	
.box-top-social2f ul li{
	padding:0 ;
	}		
.box-top-social2f ul li a{
	display:block;
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	}	
.box-top-social2f ul li a.i-facebook{
	background-image:url(../images/i-facebook.png);
	margin: 0 5px;
	position: relative;
    top: -8px;
	}	
.box-top-social2f ul li a.i-facebook:hover,
.box-top-social2f ul li a.i-facebook:focus{
	background-image:url(../images/i-facebook-hover.png);
	}
.box-top-social2f ul li a.i-twitter{
	background-image:url(../images/i-twitter.png);
	position: relative;
    top: -8px;
	}	
.box-top-social2f ul li a.i-twitter:hover,
.box-top-social2f ul li a.i-twitter:focus{
	background-image:url(../images/i-twitter-hover.png);
	}	
.box-top-search2f{
	width:165px;
	float:left;
	margin-left:5px;
	margin-top: 4px;
	}
.box-top-search2f .form-control{
	height:25px;
	background-color:#F0F0F0;
	border:none;
	border-radius:8px 0 0 8px !important;
	}
.box-top-search2f .input-group-addon {
    padding: 4px 6px 0 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #F0F0F0;
    border: none;
    border-radius:0 8px 8px 0;
}						
.logo2f{
	position:relative;
	float:left;
	margin: 10px 0 0 0;
	}
.logo2f a{
	display:block;
	}
.logo2f  .img-logo2f{
	float:left;
	margin-right:10px;
	}
.img-logo2f img{
	height:70px;
	}	
.webname2f{
	float:left;
	font-family: 'ThaiSansLiteRegular';
	position: relative;
	top: -2px;
	}	
.webname01{
	margin-top: 10px;
    font-size: 28px;
    color: #802C8B;
    font-weight: bolder;
    line-height: 28px;
    padding-bottom: 3px;

	}	
.webname02{
    font-size: 22px;
    color: #637480;
    line-height: 22px;
	}		
#menu2f .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color:transparent;
}
#menu2f .navbar-default {
  background-color:transparent;
  border-color:transparent;
}
#menu2f .navbar {
  position: relative;
  min-height:inherit;
  margin-bottom: 0px;
  border:none;
}
#menu2f .nav > li{
	background-repeat:no-repeat;
	background-position: right 15px;
	background-image:url(../images/line-menu.png);
	}
#menu2f .nav > li:last-child{
	background-image:none;
	}	

#menu2f .nav > li > a {
	position: relative;
    padding: 8px 10px 5px 10px;
	font-size:19px;
	color:#444444;
	font-weight:bolder;
	}
/*#menu2f .nav > li:last-child a{
	padding-right:0;
	}	*/
#menu2f .navbar-nav > li > a:hover,
#menu2f .navbar-nav > li.active > a,
#menu2f .navbar-default .navbar-nav > .active > a, 
#menu2f .navbar-default .navbar-nav > .active > a:hover,
#menu2f .navbar-default .navbar-nav > .active > a:focus {
 color: #fff;
    background-color: #82288C;
	}
#menu2f .nav > li.dropdown.open > a{
	background-image:none;
	}	
#menu2f .container-fluid{
	padding-right:0;
	}		
#mainmenu2f{
	clear:both;
	border-bottom:7px solid #82288c;
	}	
.top-contact2f ul li a{
	color:#444444;
	font-size:12px;
	font-family:arial;
	}	
.top-contact2f ul li img{
    margin-right: 5px;
    position: relative;
    top: 3px;
	}
.mainmenu-top01{
	float:right;
	padding:10px 0;
	}	
.top-contact2f{
	float:left;
	width:350px;
	padding-top:5px;
	margin-right:50px;
	}	
.top-callcenter2f{
	float:left;
	}	
.footer01{
	background-color:#f2f4f3;
	padding:15px 0;
	}
.footer02{
	padding:10px 0;
	background-color:#333333;
	}	
.t-copyright2f{
    color: #B4BFC5;
    font-size: 13px;
    line-height: 20px;
    font-family:tahoma, sans-serif;
	}	
.footer-menu2f{
	text-align:right;
	}	
.footer-menu2f ul li a{
	color:#B4BFC5;
	font-size:13px;
	line-height: 20px;
	padding:0 5px;
	font-family:tahoma, sans-serif;
	}
.footer-menu2f ul li a:hover{
	color: #fff;
	}		
.footer-menu2f ul li{
	background-image:url(../images/line-footer.png);
	background-repeat:no-repeat;
	background-position:right center;
	}	
.footer-menu2f ul li:last-child{
	background-image:none;
	}	
.footer-menu2f ul li:last-child a{
	padding-right:0;
	}		
.logo2f span{
	display:block;
	}		
.footer-detail-left2f h3{
	color:#7F2C8B;
	font-family: 'ThaiSansLiteRegular';
	font-size:25px;
	font-weight:bold;
	line-height: 25px;
	margin-bottom:5px;
	}	
.footer-address2f,.footer-address2f a{
    font-size: 15px;
    color: #777777;
    line-height: 18px;
	}	
.footer-address2f span{
	display:inline-block;
	margin-right:15px;
	}	
.footer-address2f strong{
	font-weight:bolder;
	margin-right:8px;
	color:#81278C;
	}	

.footer-visitor2f strong{
	float:left;
	color:#777777;
	font-weight:lighter;
	font-size:17px;
	margin-top: 5px;
	}	
.footer-visitor2f ul{
	float: left;
	padding-left: 10px;
	margin-top: 6px;
	}	
.footer-visitor2f ul li{
	width:20px;
	height:20px;
	background-image:url(../images/bg-circle-visitor.png);
	background-repeat:no-repeat;
	background-position:center center;
	}	
.footer-visitor2f ul li a{
    font-family: arial;
    font-size: 13px;
    color: #333333;
    padding: 1px;
    line-height: 21px;
	}	
.footer-callcenter2f{
	float:left;
	width:100%;
	text-align:right;
	}
.footer-callcenter2f a{
	display:block;
	}
.footer-visitor2f{
	float:right;
	margin-bottom:0px;
	}			
.footer-address2f{
/*	background-image:url(../images/i-pin.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:40px;*/
	    margin-bottom: 10px;
	}	
/* css menumobile*/
#menu2f .navbar-default .navbar-toggle{
	border:none;
	margin-top: 11px;
	margin-right: 5px;
	margin-bottom: 0;
	}	
#menu2f .navbar-default .navbar-toggle:hover,
#menu2f .navbar-default .navbar-toggle:focus{
	background-color:transparent;
	}	
#menu2f .navbar-toggle .icon-bar{
	width: 35px;
    height: 4px;
	margin-top: 3px;
	}	
#menu2f .navbar-default .navbar-toggle .icon-bar {
  background-color: #812d8b;
	}
#menu2f .navbar-toggle .icon-bar{
	border-radius:3px;
	}		
#menu2f .dropdown-menu > li > a{
	font-size:20px;
	color:#fff;
	padding: 3px 5px 3px 22px;
	width:100%;
	line-height:18px;
	}	
#menu2f .dropdown-menu > li > a:hover, 
#menu2f .dropdown-menu > li > a:focus{
	color:#000;
	background-color:transparent;
	}	
#menu2f .navbar-default .navbar-nav > .open > a,
#menu2f .navbar-default .navbar-nav > .open > a:hover,
#menu2f .navbar-default .navbar-nav > .open > a:focus{
    background-color: #812d8b;
    color: #fff;
	}	
#menu2f  .navbar-right .dropdown-menu {
    right: inherit;
    left: 0;
	}
#menu2f .dropdown-menu{
	border:none;
	color:#444;
	background-color:rgba(129,45,139,0.8);
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}		
.tx-menu{
    font-size: 15px;
    line-height: 18px;
    color: #802C8B;
	}	
#menu2f .nav > li.dropdown > a{
	background-image:url(../images/i-arrow01.png);
	background-repeat:no-repeat;
	background-position:95% center;
	}			
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
.footer-logo2f a{
	display:block;
	}
.footer-logo2f img{
	height:80px;    
	position: relative;
    top: 11px;
	}	
.footer-logo2f{
	float:left;
	padding-right:20px;
	height:95px;
	/*background-image:url(../images/line-footer.jpg);
	background-repeat:no-repeat;
	background-position:right center;*/
	    border-right: 2px solid #ccc;
    position: relative;
    top: 10px;
	margin-right:20px;
	
	}	
.footer-contact2f{
	width:100%;
	text-align:right;
	float:left;
	width:100%;
	}	
.footer-contact2f h3{
	font-size:22px;
	color:#81278C;
	line-height:22px;
	margin-bottom:5px;
	font-family: 'ThaiSansLiteRegular';
	font-weight:bolder;
	    padding-top: 5px;
	}		
.footer-contact2f .form-control{
	float:right;
	max-width:190px;
	border:none;
    font-size: 16px;
    line-height: 18px;
	border-radius:5px;
	margin-bottom:5px;
	height:30px;
	padding:2px 10px 5px 5px;
	}
.footer-detai2f{
	padding-top:0;
	}	
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {

    outline:none;
    outline-offset: 0;
}
/* css banner item*/
.item_bannerlink .slick-slide img{
	width:100%;
	height: 100%;
	object-fit: scale-down;
	}
.item_bannerlink .slick-slide a{
	display:block;
	width:100%;
	height:100%;
	}
.item_bannerlink .slick-slide{
	height:70px;
	overflow:hidden;
	margin:0 10px;
	}
.item_bannerlink .slick-list{
	margin:0 -10px;
	}
.content-externallink2f{
	padding:0px 30px;
	margin-bottom: 30px;
	margin-top:20px;
	}
.item_bannerlink .slick-slide a {
	position: relative;
}
.item_bannerlink .slick-slide a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.item_bannerlink .slick-slide a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.content-externallink2f .slick-dots{
	display:none !important;
	}
.content-externallink2f button.slick-prev,
.content-externallink2f button.slick-next{
	background-color:transparent;
	background-repeat:no-repeat;
	position: absolute;
	border:none;
	width: 25px;
	height: 40px;
	text-indent: -9999px;
	z-index: 9999;
	top:15px;
	}
.content-externallink2f button.slick-prev{
	background-image:url(../images/left01.png);
	left:-30px;
	}
.content-externallink2f button.slick-next{
	background-image:url(../images/right01.png);
	right:-30px;
	background-position: right;
	}
.content-externallink2f:hover  button.slick-prev,
.content-externallink2f:hover  button.slick-next{
	opacity:1;
	}
a:focus {
    outline:none;
    outline: none;
    outline-offset:none;
}
.box-top-social2f ul li img{
	width: 20px;
}
.box-top-social2f .i-small,
.box-top-social2f .i-medium,
.box-top-social2f .i-large{
	position: relative;
    top: 5px;
}
.footer-social2f ul{
	list-style: none;
	}
.footer-social2f ul li{
	display: inline-block;
	padding:0 3px 0 0;
	}		
.footer-social2f ul li a{
	display: block;
	/*width: 32px;
	height: 31px;*/
	padding-top: 0;
	background-repeat: no-repeat;
	}	
.footer-social2f ul li a.i-facebook{
	background-image:url(../images/i-facebook.png);
	background-size: 29px 29px;
	}	
.footer-social2f ul li a.i-facebook:hover,
.footer-social2f ul li a.i-facebook:focus{
	background-image:url(../images/i-facebook-hover.png);
	background-size: 29px 29px;
	}
.footer-social2f ul li a.i-twitter{
	background-image:url(../images/i-twitter.png);
	background-size: 29px 29px;
	}	
.footer-social2f ul li a.i-twitter:hover,
.footer-social2f ul li a.i-twitter:focus{
	background-image:url(../images/i-twitter-hover.png);
	background-size: 29px 29px;
	}
.footer-social2f ul li a.i-youtube {
	background-image: url(../images/i-youtube.png);
	background-size: 29px 29px;
}
.footer-social2f ul li a.i-youtube:hover,
.footer-social2f ul li a.i-youtube:focus{
	background-image:url(../images/i-youtube-hover.png);
	background-size: 29px 29px;
	}	
.font-language{
	float: left;
}
.insite-iconshare2f ul li img{
	width: 20px;
}
.insite-iconshare2f ul li {
	padding-right:5px;
}
.social-content2f {
	margin-bottom: 20px;
	text-align: right;
}
.mainmenu-top02 > .row .col-lg-4.col-md-5{
	width: 30%;
}
.mainmenu-top02 > .row .col-lg-8.col-md-7{
	width: 70%;
}

.home-content01{ margin-top:45px;}
.content-externallink2f .slick-track{
	height: auto;
	top: inherit;
}
.box-social{
position: fixed;
right: 0;
bottom:40px;
z-index: 99999;
}
.box-social ul li{ list-style: none;}
.box-social ul li a{ background-color: #fff;display: block;line-height: 0;}
.box-social ul li img{ 
	width:40px;
	height: 100%;
}
.socail-mobile{
	display: none;
}
.box-social{
	display: block;
}
#header2f{
	background-color: #fff;
}
.top-callcenter2f img,
#header2f a,
#header2f img,
#header2f div{
	-moz-transition: all .3s ease;
     -o-transition:all .3s ease;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;	
}
.topfixed #header2f{
	position: fixed;
	width: 100%;
	z-index: 99999;
	left: 0;
	top: 0;
	-moz-transition: all .3s ease;
     -o-transition:all .3s ease;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;	

}
.topfixed  #top-header2f{
	padding:2px 0; 
}
.topfixed  .webname01{
	font-size: 25px;
	line-height: 20px;
}
.topfixed .webname02{
	font-size: 20px;
	line-height: 20px;
}
.topfixed #mainmenu2f{
	border-bottom-width: 5px;
}
.topfixed .webname2f{ top: 0;}
.topfixed .img-logo2f img { height: 70px;}
.topfixed .top-callcenter2f img{ height: 20px;}
.topfixed .logo2f{margin-top: 10px;}
.topfixed .mainmenu-top01{ padding-bottom: 0;}
.socail-mobile{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	background-color: rgb(127,44,139);
	float: left;
}
.socail-mobile ul li{
	width: 25%;
	float: left;
	list-style: none;
	border-right: 1px solid rgba(255,255,255,0.7);
}
.socail-mobile ul li:last-child{
	border-right: none;
}
.socail-mobile ul li img{
	height: 25px;
}
.socail-mobile ul li a{
	display: block;
	text-align: center;
	padding:5px; 
	line-height: 0;
}
.logo-standard img,
#ipv6_enabled_www_test_logo img{
    height: 28px;
    width: auto;
}
#ipv6_enabled_www_test_logo > div{
    height: 28px !important;
    overflow: hidden;
    width: 100px !important;
    border-radius: 3px;
    overflow: hidden;
}

#ipv6_enabled_www_test_logo > div > div{
	background-color: #666;
	background-image: none !important;
}
#wrapper2f {
	min-height:500px;
}
@media (max-width: 480px){
.footer-contact2f .form-control{
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 0;
	padding-top: 8px;
	height: 35px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../images/down-arrow.svg);
    background-size: auto 10px;
    background-position: 95% center;
	background-repeat: no-repeat;
}
}