@charset "utf-8";
/* CSS Document */
body{ color:#595959; 	
    font-family:Arial, Helvetica, sans-serif;
	font-size: 15px; line-height:1.5em;}

header{height:106px; background:url(../../images/top_bg.jpg) repeat-x #FFF;   position:fixed; border-bottom: solid #CCC 2px; width:100%; z-index:1000; }
.container{ min-width:980px; width:auto; max-width:1220px; margin:auto; }
/*p{white-space: pre;}*/
.nobg{background:none !important;}
.showMobile{display:none;}

.height20{ height:20px;}
.height10-pc{height:10px;}

.header-left{width:171px; float:left;}
.header-right{padding-left:171px;}
.header-top{ height:65px; padding-top:5px;}
.header-top .menu-top-lang{ float:right; width:186px; padding-bottom:0px; margin-bottom:0px;}


.header-top .menu-top-lang li{ float:left; width:32px; height:20px; margin-right:4px; line-height:20px;text-transform: uppercase; list-style:none; background:#d9d9d9; overflow:hidden;  }
.header-top .menu-top-lang li a,
.header-top .menu-top-lang li a:hover, .header-top .menu-top li a:active, .header-top .menu-top li a:focus { color:#595959; text-align:center; font-size:11px; font-weight:bold; display:block;  }
	
.header-bottom ul li { float:left;  list-style:none; position:relative; margin-right:5px;  } 
.header-bottom ul li:last-child{ padding-right:none;}
.header-bottom ul li  a{ padding-right:17px; padding-bottom:12px; padding-top:12px; padding-left:5px; }

.header-bottom .sub-menu{position:absolute; left:0px; top:30px; width:260px; margin-left:0px; display:none; 
margin-right:0px; padding-left:0px; padding-right:0px;  background-color: rgba(46, 46, 46, 0.8);   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.header-bottom .sub-menu ul{padding:0px; margin:0px;  }
.header-bottom .sub-menu ul li {width:100%; padding:0px;}
.header-bottom .sub-menu ul li a{width:100%;  color:#FFF; display:block; width:100%; font-weight:normal; line-height:44px; height:44px; padding-left:16px; padding-right:16px; padding-bottom:0px; padding-top:0px;}
.header-bottom .sub-menu ul li a:hover{ text-decoration:none; background:#0071bf ;}  
.header-bottom .fa-chevron-down::before{font-size:10px;}


header  .menu-top-left .text-p{padding-left:22px; font-size:13px; line-height:16px; padding-top:0px; padding-bottom:0px; margin-top:2px; margin-bottom:0px; display:block; width:100%;}
 
header .menu-top-left .btn-tel{ font-size:30px; font-weight:bold;  float:right; margin-right:5px; transition: all 0.2s ease 0s;}
header .menu-top-left .btn-tel:hover{text-decoration:none; transition: all 0.2s ease 0s;}

header .menu-top-rigth{ width:75px; height:60px; float:right;}
header .menu-top-rigth .btn-contact {width:75px; height:60px; background:#0071b7; display:block; font-size:13px; color:#FFF; text-align:center; padding-top:34px;
                                                                       background:url(../../images/ico_mail_white_min.png) center 10px no-repeat #0071b7; transition: all 0.2s ease 0s; }
header .menu-top-rigth .btn-contact:hover{text-decoration:none; background:url(../../images/ico_mail_white_min.png) center 10px no-repeat #23527c; transition: all 0.2s ease 0s;}

header .menu-top-rigth .btn-contact {float:left;}

.header-bottom ul{margin-left:0px; padding-left:15px;}
.header-bottom li a{ color:#595959; font-size:14px; font-weight:bold; }

/*  menu mobile */
.nav_mobile {
    display: none;
}
.nav_mobile {
    padding: 0 16px;
    position: absolute;
    right: 0px;
    top: 25px;
}
.nav_mobile a, .nav_mobile a:hover, .nav_mobile a:active {
    color: #464646;
    font-size: 24px;
	text-decoration:none;
}

.menu_mobile{ position:absolute; width:100%; height:100%; background:#FFF; left:0px; top:0px; position:fixed; overflow:hidden ; display:none; overflow:auto; z-index:9999;
	 max-width:320px; 
	    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
		overflow-y: scroll;   -webkit-overflow-scrolling:touch;
		/*display:none;*/
		
}		

.menu_header{ background:#303030;  position:absolute; width:100%; height:50px; } 

.menu_header .menu_title {
    color: #fff;
    font-size: 1.05em;
    font-weight: 500;
    line-height: 67px;
    margin-left: 20px;
}

.f-nav{ z-index:9999;position: fixed; top:0; width: 100%;} /* this make our menu float top */

li.sub_menu a::before{ content:' - '; }	

.menu_mobile .group_menu { position:absolute; left:0px; top:0px; z-index:1001; width:100%;}
.menu_mobile .group_menu ul{ position:absolute; left:0px; top:0px; color:#212121; width:150px; height:250px; display:block; margin-top:67px; list-style:none; width:100%;  margin-left:0px; padding-left:0px; }
.menu_mobile .group_menu li{float:none; left:0px; line-height:50px; font-size:16px; font-weight:500; width:100%; border-bottom:#333 solid 1px; margin-left:0px;}
.menu_mobile .group_menu  a{color:#212121; margin-left:0px; line-height:50px; padding-left:21px; width:100%; height:100%; display:block; text-decoration:none;}
.menu_mobile .group_menu  a:hover{/*background:#EFEFEF; */}
.menu_mobile .group_menu  li a span{ padding-right:10px;}
.menu_mobile .group_menu .btn-close a{text-align:center; padding-right:18px; padding-left:20px; padding-top:0px; line-height:46px; font-weight:normal; color:#FFF; text-indent:-9999px; background:url(../../images/btn_close.png) 6px 19px no-repeat;}
.menu_mobile .group_menu .btn-close{position:absolute; right:0px; top:9px; font-size:21px; font-weight:bold; line-height:45px; text-align:center; } 

.menu_mobile .group_menu i.fa-chevron-right{ margin-right: 20px;     margin-top: 17px; float:right;}
.menu_mobile .group_menu .lang-list{ padding-left:21px; height:70px; overflow:hidden; }
.menu_mobile .current-lang{background:#333; color:#FFF; font-size:12px; padding:5px; padding-left:8px; padding-right:8px !important; width:auto; margin-right:10px; text-align:center;}

.menu_mobile .group_menu .lang-list a{float:left;  text-align:center; width:40px; height:35px; line-height:35px; display:block; text-align:left; padding:0px; margin:0px; text-align:center; background:#EFEFEF; margin-right:5px; }
.menu_mobile .box-social{position:relative; }
.menu_mobile .groupbox-social{height:95px; margin-top:5px;}
.menu_mobile .box-social span{padding-left:35px;}
.menu_mobile .fa-phone-square,.menu_mobile .fa-facebook-square{ font-size:32px; position:absolute; top:5px;}
.menu_mobile .groupbox-social a{line-height:45px;}


.menu_mobile .group_menu i.fa-chevron-down , .menu_mobile .group_menu i.fa-chevron-up{ float:right;  margin-right: 20px;  margin-top: 17px;}
.menu_mobile .group_menu li .sub-menu{ position:relative; height:auto;}
.menu_mobile .group_menu ul .sub-menu ul{ position:relative; padding:0px; margin:0px; height:auto;}
.menu_mobile .group_menu ul .sub-menu ul li{border-bottom:none;}
.menu_mobile .group_menu ul .sub-menu ul li a::before{ content:" - ";  }


/* config menu mobile */
.menu_header{background:#0071bf;  height:67px;}
.menu_mobile .fa-phone-square{ color:#ff8e29 ;}
.menu_mobile .fa-facebook-square{ color:#3b5998;}


/* config menu mobile end */

/* menu mobile end*/


.noborder-bottom{border-bottom:none !important;}

#container{width:100%; padding-top:106px;}
#container .slider{background:#0f75bd; height:420px; }
#container .slider-list{background-position:center center; background-repeat:no-repeat;   background-size: 100% ; background-size: cover; 
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
overflow:hidden; width:100%;  height:420px; margin:auto;  }

h2,main-title1{ color:#0071bf; text-align:center;  margin-bottom:42px; font-family:'Kanit', sans-serif; font-size:36px; }
h3.sub-title{ color:#0071bf; text-align:center; font-size:18px; font-weight:bold;}

.box1, .box2, .box3, .box4, .box5{padding-top:40px; padding-bottom:70px;}
.box1{background:#f2f2f2; }
.box2 {width:100%;} 
.box1 .container{text-align:center; }
.box2 .container{text-align:center;}
.box2 .sub-title{   display: flex ;  align-items: center;   justify-content: center; width:100%; }
.content-button{ width:100%; margin:auto; margin-top:30px; text-align:center; display:table;}
.content-button .content-button-col{ display:table-cell; width:50%;}
.content-button .content-button-col:first-child{text-align:right; padding-right:15px;}
.content-button .content-button-col:last-child{text-align:left; padding-left:15px;}


.btn-s1{padding-top:10px; padding-bottom:10px; border-radius:0px; color:#FFF; background:#ff8e29; font-size:18px; font-weight:500;   box-shadow: 2px 3px 0 0 rgb(182, 193, 202); transition: all 0.2s ease 0s; width:230px;   }
.btn-s1:hover,.btn-s1:active,.btn-s1:focus{ color:#FFF; text-decoration:none; background:#ffa333; transition: all 0.2s ease 0s; }

.box3 .content-button{ margin-bottom:40px;}

.box3 .box-news{ /*margin-left:30px; margin-right:30px;*/ background:#f2f2f2; border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc; }
.box3 .box-news .sub-title{background:#0071bf; color:#FFF; height:46px; line-height:46px; text-align:left; padding-left:40px; position:relative; }
.box3 .box-news .sub-title .fa{font-size:25px; line-height:46px; padding-right:5px; position:absolute; top:0px; left:10px;}

.box3 .box-news .content{padding-left:14px; padding-right:14px; padding-bottom:20px;}
.box3 .box-news div .c-msg{ border-bottom:#0071bf solid 2px; padding-top:2px; font-weight:bold; width:100%;}
.box3 .box-news div .c-msg p{white-space:normal;}
.box3 .box-news .date{ color:#a5a5a5;}

.box3 .box-news .content ul{padding:0px;}
.box3 .box-news .content li{ list-style:none; padding-top:8px; padding-bottom:8px; background:url(../../images/bg_dot.jpg) bottom left repeat-x; }
.box3 .box-news .content li .ico-new{background:#ffc000; color:#FFF;  display:inline-block; margin-left:5px; font-size:11px; text-align:center; padding-left:3px; padding-right:3px; line-height:18px;}
.box3 .box-news  a, .box3 .box-news  a:hover, .box3 .box-news  a:active, .box3 .box-news  a:focus{ color:#595959; }
.box3 .box-news  .text-right a{ color:#337ab7;}

.client-list li { list-style:none; float:left; width:14.28%; text-align:center; }
.client-list ul{ height:74px;}


.box4{background:#f2f2f2; background:url(../../images/top_news.gif) repeat;}
.box4 .content-right{ float:right; width:350px; display:block;}   
.box4 .content-left{margin-right:380px; }

.box4 .content-left .text-content a{  text-overflow: ellipsis; }
.box4 .text-content a{ font-weight:bold;}


.box5 .content-left{width:240px; float:left;}

footer li{list-style:none;}
footer ul{padding:0px;}
footer .text-bottom{color:#ccc;}

.footer-list-title{border-bottom:#FFF solid 1px;}

.footer-top{ background:#0071bf; color:#FFF; padding-top:28px; padding-bottom:28px;}
.footer-top a,.footer-top a:hover,.footer-top a:active,.footer-top a:focus{ color:#FFF;  }
.footer-top ul{padding-top:10px;}


.footer-bottom{background:#3b3838;  color:#FFF; padding-top:20px; padding-bottom:20px;}
.footer-bottom ul{display:table; margin:auto;}
.footer-bottom li{float:left;   text-align:center; }
.footer-bottom li:first-child{padding-left:0px;}
.footer-bottom li:last-child{padding-right:0px;}
.footer-bottom li::after{ content:" | "; padding-left:10px; padding-right:10px; }
.footer-bottom li:last-child::after{ display:none; }

.footer-bottom .contact-link{text-align:center; padding-top:10px; padding-bottom:10px;}
.footer-bottom .contact-link .ico-phone{background:url(http://seo-web.aun-thai.co.th/images/ico_phone_block_min.png) 0px 0px no-repeat; padding-left:23px; height:23px; display:inline-block; padding-right:30px; }
.footer-bottom .contact-link .ico-form{background:url(../../images/ico_mail_block_min.png) 0px 0px no-repeat; padding-left:23px; height:23px; display:inline-block;  }

.footer-bottom a,.footer-bottom a:hover,.footer-bottom a:focus,.footer-bottom a:active{ color:#FFF; list-style:none;}



.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#CCCCCC url(../../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	border-radius: 10px;
	z-index:9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #CCCCCC;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
	z-index:9999;
  }
}
@media only screen and (min-width: 64em) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
	z-index:9999;
  }
}


/* news */
.breadcamp{ font-size:12px; padding-left:16px;}
.breadcamp li{ list-style:none; float:left; }
.breadcamp li::after{ content:" > "; padding-left:5px; padding-right:5px;}
.breadcamp li:last-child::after{ content:""; padding:0px; }

.slider-sub{width:100%; background:#f2f2f2; background:url(../../images/top_news.gif) repeat;}
.slider-sub .title, .slider-sub strong{ color:#0170bf; font-size:32px; line-height:1.1em; display:block; font-family:'Kanit', sans-serif;}

.slider-content-left{display:table-cell; vertical-align:middle; height:245px; padding-left:16px; padding-right:65px;}
.slider-content-right{ width:366px; float:right; padding-top:33px; padding-bottom:33px; padding-right:16px;}
.slider-content-left p{ font-size:16px; line-height:1.5em;}

.page-container{padding-top:40px; padding-bottom:40px; position:relative;}
.container-left{width:245px;  float:left;}
.container-left .content{ background:#f2f2f2; padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px;} 


.container-left .group-container-left{ /*position:fixed; */  width: 245px;}

.container-left ul{padding-left:0px; padding-bottom:0px; margin-bottom:0px;}
.container-left ul li{list-style:none; padding-top:7px; padding-bottom:7px; border-bottom:#a5a5a5 solid 1px; font-size:13px;}
.container-left ul li::before{ content:" + "; padding-left:12px;}
.container-left ul li:last-child{border-bottom:none;}

.left-box1 .sub-title-left{background:#0071bf; color:#FFF; font-size:14px; height:35px; line-height:35px; padding-left:12px; padding-right:12px; padding-bottom:0px; margin-bottom:0px; }



.container-right{ margin-left:270px;}
.container-right .page-title,  .container-right h2{ font-size:28px; text-align:left; padding-bottom:8px; margin-left:0px; margin-bottom:5px; text-indent:10px;}

.container-right .page-title::after , .container-right h2::after  {
    background-color: #bfbfbf;
    border: medium none;
    content: "";
    display: block;
    height: 3px;
    margin: 0.5em 0 0.5em 3px;
    width: 100%;
}


.box-page-news {padding-top:0px;}
.box-page-news .page-news{padding-left:0px; padding-top:0px;}
.box-page-news .page-news li{ list-style:none;   background: rgba(0, 0, 0, 0) url("../../images/bg_dot.jpg") repeat-x scroll left bottom; padding-bottom:10px; padding-top:10px;}
.box-page-news .page-news li .date{width:90px; float:left; font-size:19px; line-height:1.25em; font-weight:bold; text-align:center; color:#a5a5a5; }
.box-page-news .page-news li .content{ margin-left:90px;}
.box-page-news .page-news li .content .title{ font-weight:bold;  color:#0071bf; margin-bottom:3px;}
.box-page-news .page-news li .content  p{ color:#595959;}


.box-page-news ul.page-news{padding-left:0px;}

.pagination{width:100%; margin-top:0px; }
.pgntn-page-pagination {
    float: left;
    left: 50%;
    line-height: 30px;
    margin-top: 20px;
    position: relative;
    text-align: center;
}
.pgntn-page-pagination-block {
    float: left;
    left: -50%;
    position: relative;
}
.pgntn-page-pagination-intro {
    border: 2px solid #fff;
    float: left;
    padding-right: 10px;
    width: auto;
}
.page-numbers {
    background: #f2f2f2  none repeat scroll 0 0;
    border: 1px solid #a5a5a5;
    
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
}
.pgntn-page-pagination a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a5a5a5;
    color: #0071bf;
    text-decoration: none;
}
.pgntn-page-pagination a:hover {
	 color: #0071bf;
    background: #f2f2f2  none repeat scroll 0 0;
  
}

.blog-previous,.blog-next{
	background: #fff;
    border: 1px solid #eee;
    text-decoration: none;
	padding:10px 15px;
}
.blog-previous{float:left;}
.blog-next{float:right;}


/* news end */
/* service */ 
.box-service{ padding:25px 25px; width:100%;  box-sizing: border-box; }
.box-service img{ margin:auto; display:block;}
.box-service .title{ font-weight:bold; font-size:16px; color:#0071bf; line-height:1.4em; }
.container-right .content ul li{padding-bottom:10px;}

.img-center {padding-top:20px; padding-bottom:20px;}
.img-center img{margin:auto; display:block; max-width:100%;} 
/* service end */
/* about */
.box-img-center{ padding-top:25px; padding-bottom:25px;}
.box-img-center img{margin:auto; display:block;}
.box-about1{padding-top:25px; }
.box-about1 .box-left{width:180px; float:left; }
.box-about1 .box-right{ margin-left:180px;}

.table-about{table-layout:fixed; margin-top:20px;}
.table-about th{text-align:right; padding-right:20px;}
/* about end */


/* contact */
.form_contact{width:650px; border-spacing:1px; border-collapse: separate;}
.form_contact th{width:175px; background:#e5e5e5; padding:0px 10px; font-weight:normal;}
.form_contact td{background:#f0f0f0; } 
.form_contact th,.form_contact td{padding:10px;}

.wpcf7-list-item { display:block;}
.wpcf7-form-control-wrap contact_type{ display:inline;}
.wpcf7-list-item.last{ display:block; width:70px; float:left; margin-top:5px;}
.wpcf7-list-item-label{margin-left:3px;}

.wpcf7-list-item{margin-bottom:5px;}
.wpcf7-form-control-wrap.contact_other{ padding-left:70px; display:block;}

.btn-next {width:150px; margin-left:182px; margin-top:10px;}
.btn-next2 {width:150px; margin-left:50px; margin-top:10px;}

.contact-addr-left{float:left; width:300px; margin-left:16px; margin-top:50px;}
.contact-addr-right{margin-left:320px; float:none; margin-right:16px;}
.contact-addr-right img{width:100% !important; height:auto;}
.form_contact{width:100%; }
.wpcf7{ margin-left:16px; margin-right:16px;}

.form-control{max-width:450px;}
.contact_other .form-control{max-width:378px;}
/* contact */


.container-right img{border:none !important;}

h1.text-p{ min-height:16px;}
.txt-red{ color:#FF0000;}

.screen-reader-response{ color:#FF0000;}
.wpcf7-not-valid-tip{ color:#FF0000;}
.screen-reader-response ul{display:none;}
.wpcf7-response-output.wpcf7-validation-errors{ color:#FF0000;}

.form-tb-submit .btn-left{display:inline;}
.form-tb-submit .btn-right{display:inline;}