* { font-size:100%; }
html { width:100%; min-height: 100%; }
.bxeditor-textarea{ line-height:16px;}

body{
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif, Tahoma;
	font-size: 14px;
	line-height:20px;
	color:#333;
	/** for the day **/
/*
	filter: grayscale(75%); 	
	filter: gray;	
	-moz-filter: grayscale(75%);
	-webkit-filter: grayscale(75%);		
*/
	/****/	
}

a{
  color: #333;
  text-decoration: none;
}
a:hover, a:focus {
  color: #003366;
  text-decoration: none;
}

/* Form */
form { margin:0; padding:0;}
form.main-form {  height:100%;}

/*Page Layout */
/**********************/
#bx-panel-error-ie{
	font-size:16px;
	background:#FC3;
	padding:20px 0px;
	border:#FF3300;
	border:1px solid #900;
	text-align:center;
}

html, body, div, span, object, iframe, 
blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, form, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {border:0 none; max-width:100%; height:auto;}
.clear, clearfix{clear:both;}
.hidden{ display:none;}

/* Bitrix - Edit page */
.bxedmainframe td, .bxedmainframe table td{line-height:normal !important;}

/**/
.header-top{
	background-image:url(/lao/images/bg/bg-top-pc.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:180px;
}
@media screen and (max-width: 1200px) {
.header-top{background-image:url(/lao/images/bg/bg-top-pc.jpg); background-position:top left;}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
.header-top{background-image:url(/lao/images/bg/bg-top-tablet.jpg); background-position:top left;}
}
@media screen and (max-width: 480px) {
.header-top{background-image:url(/lao/images/bg/bg-top-mobile.jpg);  background-position:top center;}
}

.top-logo{padding:15px;}
p.top-name{
	text-align:center;
	font-size:46px;
	color:#00436e;
	margin:20px 0;
	line-height:30px;
}
p.top-name span{color:#46b9eb; font-weight:bold;}
p.top-name-th{
	text-align:center;
	font-family: 'THSarabunNew', sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#00436e;
	line-height:20px;
}
p.top-name-en{
	text-align:center;
	font-size:16px;
	color:#666666;
	line-height:20px;
}

.top-menu.navbar{
	background:#46b9eb; 
	min-height:45px !important; 
	border:0;
	margin:0;
}

#bs-navbar-menu{padding:0;}
#bs-navbar-menu .navbar-nav > li > a {
    padding: 0;
	line-height:45px;
}
#bs-navbar-menu .navbar-nav li a:link,
#bs-navbar-menu .navbar-nav li a:active,
#bs-navbar-menu .navbar-nav li a:visited{
	font-family: 'THSarabunNew', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:0 14px;
}
#bs-navbar-menu .navbar-nav li a:hover{color:#00436e;}
#bs-navbar-menu .navbar-nav li a.selected{color:#00436e;}

.navbar-header{float:right; padding:0 15px; position:relative;}
a.navbar-search{
	position:absolute;
	top:0;
	/*right:15px;*/
	text-align:center;
	font-size:20px;
	color:#FFF;
	background:#00436e;
	width:45px;
	height:45px;
	line-height:45px;
}
.navbar-toggle{
	float:none;
	margin:5px 0;
	border:none;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
	background-color:#00436e !important;
}
.navbar-toggle span.icon-bar{
	background-color:#FFFFFF !important;
	height: 3px;
    width: 30px;
}

#footer{
	background:url(/bitrix/templates/template_lao/images/bg-footer.jpg) repeat-x center bottom;
	padding-top:20px;
}

#footer .link-banner{
	text-align:center;
}

#footer .link-banner img{
	padding:0;
}

#footer .footer-content{
	position:relative;
	height:250px;
}

#footer .footer-content .subscribe{
	position:absolute;
	top:0;
	width:100%;
}
#footer .footer-content .find-us-on{
	position:absolute;
	right:0;
	bottom:25px;
	color:#FFF;
}
#footer .footer-content .find-us-on span{
	display:inline-block;
	height:40px;
	line-height:40px;
}
#footer .footer-content .find-us-on a{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:22px;
	color:#FFF;
	border:2px solid #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#footer .footer-content .find-us-on a.icon-fb{background:#154c7b}
#footer .footer-content .find-us-on a.icon-tw{background:#154c7b}
#footer .footer-content .find-us-on a.icon-yt{background:#154c7b}
#footer .footer-content .find-us-on a.icon-fb:hover{background:#3e62b5}
#footer .footer-content .find-us-on a.icon-tw:hover{background:#3ba5d9}
#footer .footer-content .find-us-on a.icon-yt:hover{background:#d81913}
#footer .footer-content .copyright{
	position:absolute;
	left:0;
	bottom:30px;
	color:#FFF;
	font-size:11px;
}

#footer .link-banner{text-align:center;}

/* footer menu */
#menu-bottom{margin-top:30px;}
#menu-bottom a.level1{
	font-weight:bold;
	display:block;
	line-height:25px;
}

#menu-bottom ul{
	list-style:none;
	padding:0;
	margin:5px 0 15px 10px;
}

#menu-bottom ul li{
	padding:2px 0;
	font-size:12px;
	line-height:16px;
}
/**/

div.readmore{text-align:right; line-height:30px;}
div.block-menu-left{
	background:#00436e;
	color:#FFF;
}

div.block-menu-left a.menu_title{
    font-family: thsarabunnew;
    line-height: 25px;
    font-size: 20px;
	color:#FFF;
	margin:0;
	padding:15px;
	display:block;
}

div.block-content{
	background:#FFF;
	padding:20px;
	min-height:450px;
	margin-bottom:20px;
}

ul.tab-nav-01{
	padding:0 20px;
	margin-bottom:20px;
}
ul.tab-nav-01 li a{
	border:0 !important;
	font-family: 'THSarabunNew', sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#999999;
	padding:10px 20px;
}
ul.tab-nav-01 li a:hover{
	border-bottom:5px solid #CCCCCC !important;
	color:#999999;
	background:none;
}
ul.tab-nav-01 li.active a{
	border-bottom:5px solid #003366 !important;
	color:#003366;
	background:none;
}

a.back-to-main{
	font-weight:bold;
}

/* Share */
.social_share{
	background:#F4F4F4;
	padding:10px;
	padding-bottom:5px;
	margin:10px 0;
}
.share_fb,
.share_tw,
.share_g,
.share_pin
{
	float:left;
	height:25px;
}
.share_fb{
	margin-right:30px;
}



/* Home */
#icon-link{margin:10px 0;}
#icon-link a{
	display:block;
	width:100%;
	height:100px;
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:90px;
	font-family: 'THSarabunNew', sans-serif;
	font-size:18px;
	padding-top:40px;
	line-height:24px;
}
#icon-link a:hover{color:#00436e;}
#icon-link a.icon-link-01{background-image:url(/lao/images/home/icon-link-01.png); padding-top:25px;}
#icon-link a.icon-link-02{background-image:url(/lao/images/home/icon-link-02.png);}
#icon-link a.icon-link-03{background-image:url(/lao/images/home/icon-link-03.png);}
#icon-link a.icon-link-04{background-image:url(/lao/images/home/icon-link-04.png);}
/* /Home */

.comingsoon{
	text-align:center;
	padding:60px;
	font-size:36px;
	color:#999;
	line-height:40px;
}

/****/

@media screen and (max-width: 1200px) {
#bs-navbar-menu .navbar-nav li a:link,
#bs-navbar-menu .navbar-nav li a:active,
#bs-navbar-menu .navbar-nav li a:visited{
	font-size:13px;
	padding:0 5px;
}
}

@media screen and (max-width: 992px) {
.navbar-header{float:none;}
#bs-navbar-menu{
	width:100%;
	margin:0;
}
#bs-navbar-menu .navbar-nav{width:100%; padding:0; margin:10px 0;}
#bs-navbar-menu .navbar-nav li a:link,
#bs-navbar-menu .navbar-nav li a:active,
#bs-navbar-menu .navbar-nav li a:visited{
	padding:5px 10px;
	line-height:22px;
}
.top-menu.navbar button{float:left;}
}

@media screen and (max-width: 767px) {
.top-logo{padding:0 15px;}
p.top-name{
	text-align:left;
	font-size:28px;
	margin:20px 0 10px 0;
	line-height:20px;
}
p.top-name-th{
	text-align:left;
	font-size:18px;
	font-weight:normal;
}

#footer .footer-content .find-us-on{
	right:0;
	bottom:100px;
	text-align:center;
	width:100%;
}
#footer .footer-content .copyright{
	text-align:center;
	width:100%;
}
}

@media screen and (max-width: 480px) {
.container{
	min-width:320px;
}
#footer .footer-content .copyright{
	bottom:15px;
	line-height:16px;
}
ul.tab-nav-01{
	padding:0;
}
}