/*@import url("fonts.css");*/
/*@import url("../fonts/open-sans.css");*/
@import url("color.css");
@import url("header.css");
@import url("footer.css");

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

/* ######## :: SETUP :: ######## */
html { height:auto; min-height:100%; }
body {
	display:block;
	position:relative;
	height:100%; min-height:100%;
	margin:0px; padding:0;
	/*color:#8f8f8f;
	font:normal 14px/1.35em 'Open Sans','tahoma', Arial, Tahoma;*/
	color:#222;font:normal 13px/1.35em 'Open Sans','tahoma', Arial;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}
div, ul, ol, li {margin: 0px; padding: 0px; list-style: none;}
::-webkit-input-placeholder { color:#aaa;}
:-moz-placeholder { /* Firefox 18- */  color:#aaa;}
::-moz-placeholder {  /* Firefox 19+ */  color:#aaa;}
:-ms-input-placeholder { color:#aaa;}
a:link , a:visited{ text-decoration: none; /*color:#8f8f8f;color:#fff;*/}
a:hover { text-decoration:none;color: rgb(255, 190, 0);}
.clearAll { display: block; clear: both; height: 0px;}
input,textarea,select  { border:1px solid #e7e7e7; font-family:'Open Sans','tahoma','Helvetica Neue', Arial, Tahoma; font-size:14px; 
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
input[type=text]:focus, input[type=search]:focus, textarea:focus, select:focus {
  border: 1px solid #fdcf7c;
  outline:none;}
img { border-style: none; vertical-align: top;}
h1,h2,h3 { color:#222; font-family: 'Open Sans','tahoma','ThaiSansNeue-Bold'; font-weight:normal; line-height:normal; padding:0; margin:0;}
h1 { font-size:46px;}
h2 { font-size:38px;}
h3 { font-size:30px;}
h4 { font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-weight:normal; line-height:normal; padding:0; margin:0;}
h5 { font-family:'Open Sans','tahoma', 'ThaiSansNeue-Bold'; font-weight:normal;}
p { font-weight:normal; line-height:1.5; padding:0; margin:0}
.left { float:left;}
.right { float:right;}

.imgRight { float:left;}
.imgRight { float:right;}


.scroll-x{overflow: scroll;overflow-y: hidden;white-space: nowrap;}

table tbody td, table td { color: #222}
table td a:hover { color: #23527c;}

.sky { color:#ab5000}

/* ######### THEME COLOR ######### */
.txtColr { color:#ab5000; }
.bgColr { background-color:#ab5000; }

/* table */
th { font-weight:normal;}

.wrapper,.wrapHead,.wrapSubtitle,.wrapHl { 
	width: 100%; 
	display: block;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto;
	padding: 3px 5px;
}
.wrapHead { overflow:hidden}
#header .wrapper ,#footer .wrapper { min-height:0}
.sprite { display:inline-block; overflow:hidden; background:url(../common/img/sprite.png) no-repeat;} 

.span01 { width:820px;}
.span02 { width:295px;}

/* Hilight */
#highLight { margin-bottom:30px;}

/* Head Topic */
.wrapSubtitle { margin:10px auto 20px auto; overflow:hidden;}
.wrapSubtitle .hMain { margin:0; overflow:hidden;}

.subHead  { float:left;}
.section-title h1 { font-size:42px; border-bottom:1px solid #ab5000; display:inline-block; line-height:1.2}
.section-title h2 { font-size:38px; display:inline-block; line-height:1.1; color:#ab5000;}
.section-title h3 { font-size:30px; display:inline-block; color:#505050;}

/* navCrumb */
#headServicerManager { display: none; }
.navCrumb, .navManager {
	float: left; 
	padding: 10px 5px 5px 5px;
}
.navCrumb li { float:left; color:#8f8f8f; font-size:13px; padding:2px 10px; border-right:1px solid #eee}
.navCrumb li a { color:#8f8f8f;}
.navCrumb li.last { border:0; padding-right:0;}
.navCrumb li.home {
	background-image:url(/images/icons/ico-nav-crumb.png);
	background-position: 0 50%;
	background-repeat:no-repeat;
	background-size: 17px 17px; 
	padding-left: 22px;
}
.navCrumb li a:hover { color:#222;}

/* IE8 */
.lt-ie9 .navCrumb li.home { background:url(/images/ie8/sprite-ie8.png) 0 0 no-repeat; }

/*navManager*/
.navManager 
{
	float: right; 
	padding-right: 10px;
	color: #8f8f8f; 
	font-size:12px;     
}

/* nav Sub Page */
.nav-sub-page li { margin-right:45px; float:left; border-bottom:3px solid #FFF; position:relative;}
.nav-sub-page li a { font-size:28px; font-family: 'Open Sans','tahoma','ThaiSansNeue-Bold'; line-height:1.35em; color:#222;}
.nav-sub-page li a:hover { color:#555;}
.nav-sub-page li:last-child { margin-right:0;}
.nav-sub-page li:hover, #navEfficiency li.active, .nav-sub-page li.active { border-bottom:3px solid #ab5000;}

/* fitter-container */
.fitter-container { margin-bottom:50px;}
.fitter-container.form-style select { width:15%; margin-right: 15px;}
.fitter-container.form-style input { width: 200px; margin-right: 15px;}

/* entry */
.entry-header { margin:20px 0 30px; position:relative;}
.entry-title { font-family:'Open Sans','tahoma'; font-size:24px; line-height:1.1em; margin-bottom:10px; color:#222; }
.entry-title a { color:#222}
.entry-title a:hover { color:#ab5000}
.entry-meta { font-size:14px;}
.entry-meta>span { border-right: 1px solid #eee; padding-right:8px; margin-right:5px;}
.entry-meta>span:last-child { border-right:0;}
.entry-content p { margin-bottom:20px; line-height:1.7}
.entry-content strong { color:#222}
.entry-content .sky strong { color:#ab5000 !important; font-weight:bold;}
.entry-inline { border-right: 1px solid #eee; padding-right:5px; margin-right:5px;}
.entry-date { font-size: 12px; color:#999;}
.entry-size { font-size: 12px; color:#999;}
.fx-saturate img {     display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    overflow: hidden;}
.entry-file span { color:#8f8f8f; font-size:12px;}
.inline-share { overflow:hidden;}
.inline-share .entry-sharing { float:left;}

.head-title { font-family:'Open Sans','tahoma'; font-size:24px; line-height:1.2; margin-bottom:10px; color:#222;}
.head-title a { color:#222}

/* Thumb*/
.thumb { position: relative;
	display: inline-block;
	width:295px;
	height: 380px;
	overflow: hidden;
	float: left;
	margin: 0 20px 45px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	white-space:normal; 
	transition:background 0.3s; background:#f9f9f9;
}
.thumb:nth-child(4n) { margin-right:0;}
.thumb figcaption { padding:15px 20px;}
.thumb .entry-file { font-size: 12px;}
.thumb:last-child { margin-right:0; }

/* Related */
.related-info { overflow: hidden;}
.related-entry { width: 100%; position: relative;
	display: inline-block; float: left;
	margin-bottom:20px;
	overflow: hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition: background 0.3s;
    overflow: hidden;
}
.related-entry .fx-saturate { width:170px; float:left; margin-right:15px; margin-bottom:0}
.related-entry .fx-saturate img { width:100%; height:auto; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.related-entry .entry-title  { font-size:14px; font-family:'Open Sans','tahoma','Helvetica Neue', Arial;  margin-bottom:10px; padding-top:10px; line-height:1.5; height: 60px;
overflow: hidden;}
.related-entry .entry-title a { color:#222;}


/* Print */
.entry-print { font-size:12px; height:30px;}
.entry-print a { display:block;}

/* Main */
#main { position:relative; overflow:hidden; /*margin-top:30px;margin-bottom:30px;*/}
#main h2.entry-title { font-family:'Open Sans','tahoma', 'ThaiSansNeue-Bold'; font-size:30px; line-height:1.2}
.post-content { width:820px; float:left; overflow:hidden;}
.post-content h2.entry-title { margin:10px 0 30px 0; line-height:1; color:#ab5000; }
.post-content img { max-width: 100%; }
.secondary { width:380px; float:right;}
.secondary h2 { font-size:40px; margin-bottom:20px; color:#ab5000;}

/* Article */
#article .entry-content { color:#8f8f8f; line-height:1.7em}
/*#article .entry-content h3 { font-family: "ThaiSansNeue-Regular"; font-size: 30px; color: #656565; margin-bottom:5px;}*/
#article .entry-content h3 { font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular"; font-size: 30px; color: #ab5000; margin-bottom:5px;}
#article .entry-content h4 { font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-size: 24px; color: #656565; margin-bottom:5px;}
#article .entry-content h5 { font-size:22px; color: #656565; margin-bottom:5px;}
#article .entry-content a { color:#ab5000;}
#article .entry-content p { margin-bottom:20px; line-height:1.8em;}
#article .entry-content strong { color:#222}
#article .entry-content ul { margin:0 0 14px 0}
#article .entry-content ul>li { padding-left:15px; margin-bottom:5px; line-height:1.7em;
    background-image:url(/images/bullets/bullet-blue.png);
	background-position:3px 10px;
	background-repeat:no-repeat;
	background-size:5px 5px;
}
#article .entry-content ul>li ul li { background:url(../common/img/bullet.jpg) left 10px no-repeat; padding-left:14px;}
#article .entry-content ol { margin:0 0 14px 24px}
#article .entry-content ol>li { list-style-type:decimal; margin-bottom:5px; line-height:1.7em;}
#article .entry-content p>img { max-width:100%;}
#article .picture { margin-bottom:30px; text-align: center; background: #eee}
#article .picture>img { max-width: 100%; height: auto; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
#article .entry-content table { width:100%; margin:20px 0;
    /*
    border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-left-color: #eee;*/}
#article .entry-content table p { margin-bottom: 0; line-height: 1.5em;}
#article .entry-content table th { padding:12px 20px;}
#article .entry-content table td { color: #222;
	padding:12px 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eee;
	border-bottom-color: #eee;
}
#article .entry-content table thead td, #article .entry-content table td:last-child { border-right: 0;}
#article .entry-content table thead td {
    color:#222; background:#F9F9F9;
    font-family: 'ThaiSansNeue-Bold';
    font-size: 22px;
    vertical-align: top;
}
#article .entry-content ul>li.thumb { background:#f9f9f9; padding-left:0; margin-bottom:20px;}
#article .entry-content ul>li.thumb .entry-title { font-family:'Open Sans','tahoma', 'ThaiSansNeue-Bold';}
#article .accordion h3 { font-size: 17px;}

/* IE8 */
.ie8 #article .entry-content ul>li { background: url(../common/img/bullet-blue-ie.png) 3px 8px no-repeat;}

/* Text hl */

.txthl { color:#555}
.txt-hl-ar { font-size:16px; color:#ab5000}

/* Bullet List */
ul.ico-rec-bullet {}
ul.ico-rec-bullet li { line-height:1.45em; background:url(../common/img/bullet-list.png) left 8px no-repeat; padding-left:12px;}

/* Btn */
.btn { padding: 0 40px; color:#FFF; text-align:center; display:inline-block; line-height:2em; color:#FFF; font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-size:22px; box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; outline: none;}

/* Btn Color */
.btn.gray { height:45px; color:#FFF !important; background:#777; }
.btn.gray:hover { background:#505050}

.btn.blue {  height:45px; color:#FFF !important; background:#ab5000;}
.btn.blue:hover { background:#055d97;}

.box-view-download { margin-top:15px;}
.box-view-download .txt { padding-right:15px; display:inline-block; float:left;}
.box-view-download a { display:inline-block; float:left}
.box-view-download .sprite { margin-right:5px;}
.box-view-download .sprite.ico-read-online { 
	float:left; display:inline-block;
	width:22px; height:22px; 
	vertical-align:middle;
	background-image: url(../common/img/icon/ico-readonline.png);
	background-repeat:no-repeat;
	background-size:22px 54px; }
.box-view-download a:hover .sprite.ico-read-online { background-image:url(../common/img/icon/ico-readonline.png); background-position:0 -32px;}
.box-view-download .sprite.ico-download { 
	float:left; display:inline-block;
	width:22px; height:22px; 
	vertical-align:middle;
	background-repeat:no-repeat;
	background-size:22px 54px; }
.box-view-download a:hover .sprite.ico-download { background-image:url(/images/icons/ico-dw.png); background-position:0 -32px;}
.box-view-download .entry-file { display:block; font-size:11px; color:#8f8f8f}

/* IE8 box-view-download */
.ie8 .box-view-download .sprite.ico-read-online { width:22px; height:23px; vertical-align:middle; background:url(../common/img/sprite.png) -152px -24px no-repeat; display:inline-block;}
.ie8 .box-view-download a:hover .sprite.ico-read-online { background-position:-176px -24px;}
.ie8 .box-view-download .sprite.ico-download { width:22px; height:23px; background:url(../common/img/sprite.png) -104px -24px no-repeat; display:inline-block; float:left;}
.ie8 .box-view-download a:hover .sprite.ico-download { background-position:-128px -24px;}

a.viewall { color:#ab5000 ; margin-right:6px; font-size:12px; float:right; 
	background-image:url(../common/img/arrw-view-all.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-size:6px 11px;
	padding-right:12px;}
a.viewall:hover { color:#055d97}
a.viewAll-left { padding-left:12px; color:#ab5000 !important; float:left; margin-right:6px; font-size:12px; 
	background-image:url(../common/img/arrw-view-all-left.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	background-size:6px 11px;
}
a.viewAll-left:hover { color:#055d97}

/* IE8*/
.ie8 a.viewall { color:#ab5000; padding-right:12px; margin-right:6px; font-size:12px; float:right; background:url(../common/img/arrw-view-all-ie.png) right 4px no-repeat;}
.ie8 a.viewAll-left { background:url(../common/img/arrw-view-all-left-ie.png) 0 5px no-repeat;}

/* Table */
.wrap-tables { width:100%; overflow:auto; }

/* ico */
.ico-download { display:inline-block;
	width:22px; height:22px;
	vertical-align:middle;
	background-image: url(/images/icons/ico-dw.png);
	background-repeat:no-repeat;
	background-size:22px 54px;}
.ico-download  a { display:block;}
.ico-download:hover { background-image:url(/images/icons/ico-dw.png); background-position:0 -32px;}

/* IE8 */
.ie8 .ico-download { background:url(../common/img/sprite.png) -104px -24px; text-align:center;}
.ie8 .ico-download:hover { background-position:-128px -24px;}

/* Main Shortcut */
.navShortcut { margin-bottom:30px;}
.navShortcut li {      /* height: 50px; */
    /* margin-bottom: 1px; */
   /* margin-top: 1px;
    background-image: url(../common/img/arrw-shortcut.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-color: #ab5000;
    background-size: 11px 20px;*/
   
   
    margin-top: 1px;
    /* background-image: url(../common/img/arrw-shortcut.png); */
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-color: #ffe6be;
    background-size: 11px 20px;
}
.navShortcut li a { display:block; line-height:2.2em; font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-size:24px; color:#FFF; padding-left:20px;}
.navShortcut li:hover {    background-color: #FFC766;
    color: #fcfcfc;}

/* IE8 */
.ie8 .navShortcut li { background:#ab5000 url(../common/img/arrw-shortcut-ie.png) 95% center no-repeat;}

/* Tab */
.tabgroup-tabs { overflow:hidden; float:right;}
.tabgroup-tabs li {  float:left; 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
.tabgroup-tabs li a      
{
    height: 44px;
    padding: 0 15px;
    display: block;
    background: #eee;
    font-family: 'Open Sans','tahoma','tahoma',"ThaiSansNeue-Regular";
    font-size: 18px;
    color: #8f8f8f;
    text-align: center;
    line-height: 42px; }
.tabgroup-tabs li a.active { background:#2a78be; color:#FFF;}
.tabgroup-tabs li.active { background:#2a78be; color:#FFF;} 
.tabgroup-tabs li.active a { background:#2a78be; color:#FFF;} 
.tabgroup-tabs li:hover { background:#2a78be; } 
.tabgroup-tabs li:hover a { background:#2a78be; color:#FFF}

.tabBox select { display:none;}

/* Form */
.fom-list {}
.fom-list select { 
	padding:12px 13px 12px 10px;
	border:0; 
	border-radius: 0; color:#FFF; font: normal 14px/1.35em 'Helvetica Neue', Arial;
	border:1px solid #dcdcdc;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background:#2a78be url(../common/img/arrw-select-list.png) right center no-repeat;
}
.form-list select { 
	padding:11px 13px 11px 10px;
	border:0; 
	border-radius: 0; color:#FFF; font: normal 16px/1.35em 'Helvetica Neue', Arial;
	border:1px solid #dcdcdc;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background-image:url(../common/img/arrw-select-list.png);
	background-color:#2a78be ;
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:18px 10px;
}
.form-style input {
	padding:0 10px; height:45px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.form-style select { 
	height: 45px;
	padding:0 15px 0 10px; 
	border:0;
	border-radius: 0; color:#8f8f8f;
	border:1px solid #e7e7e7;
	outline: none; line-height:1.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	cursor: pointer;
	background:#FFF url(../common/img/arrw-select-list-gray.png) right center no-repeat;
	text-indent: 0.01px;
    text-overflow: "";
	background: -moz-element(#mozElementBack) repeat;
}
.form-style  textarea { padding:10px; }
input[type="checkbox"] {
    display:none;
}
/*input[type="radio"] { display:none; }*/
input[type="checkbox"] + label {}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
	background:url(../common/img/ico-check-radio.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 12px 0 0;
    vertical-align:middle;
	background:url(../common/img/ico-radio.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
	background:url(../common/img/ico-check-radio.png) 0 -24px no-repeat;
}
input[type="radio"]:checked + label span {
	background:url(../common/img/ico-radio.png) 0 -30px no-repeat;
}

/* IE8 */
.ie8 .form-style input { line-height:38px;}
.ie8 .form-style select  { padding:10px 15px; line-height:36px; background:#2a78be url(../common/img/arrw-select-list-ie.png) right center no-repeat;}

/* Shortcut */
#shortcut { margin:40px 0; overflow:hidden;}
#shortcut li { width:24.5%; float:left; font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-size:26px; line-height:1.5; border-right:1px solid #eee; text-align:center;}
#shortcut li.last { border:0}
#shortcut li .txthilight { color:#505050; font-family:'Open Sans','tahoma', 'ThaiSansNeue-Bold';}
#shortcut .ico {display:inline-block; margin-right:8px; vertical-align:middle; font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular"; font-size:26px}
#shortcut .ico img { vertical-align:middle}
#shortcut .tel { font-family: 'Open Sans','tahoma','ThaiSansNeue-Bold'; display:block; font-size:40px; color:#505050; text-align:left; padding-left:76px; position:relative; margin-top:-25px;}
#shortcut .sprite span { display:inline-block;}
#shortcut .hotline { font-size:22px !important;}
#shortcut .icotel { width:36px; height:35px; background-position:0 0}
#shortcut .icochat { width:36px; height:35px; background-position:-50px 0}
#shortcut .icosearch { width:36px; height:35px; background-position:-96px 0}
#shortcut .icocontact { width:36px; height:35px; background-position:-142px 0}

/* wp-paginate */
.wp-paginate { clear:both; text-align: center; position:relative;}
.wp-paginate  a.viewAll-left { position:absolute; left:0; top:10px; float:none;}
/*ul.paginate { margin:0 auto; text-align: center;}*/
ul.paginate { float: right;}
.paginate { display: table; left:50%; text-align: center;}
.paginate .page { width:45px; height:45px; text-align:center; line-height:3.2em;float:left; background:#eee;}
.paginate .page a { display:block;}
.paginate .page.prev { margin-right: 1px; background:#eee url(../common/img/arrw-page.png) 18px 14px no-repeat; text-indent:-9999px;}
.paginate .page.next { margin-left: 1px; background:#eee url(../common/img/arrw-page.png) -12px 14px no-repeat; text-indent:-9999px;}
.paginate .page.prev:hover { background:#2a78be url(../common/img/arrw-page.png) 18px -28px no-repeat;}
.paginate .page.next:hover { background:#2a78be url(../common/img/arrw-page.png) -12px -28px no-repeat;} 
.paginate .page.active { color:#FFF; background:#2a78be;}
.paginate .page:hover { background:#2a78be;}
.paginate .page:hover a { color:#FFF;}

/* Footer Note */
.footnote { font-size:12px; color:#999; margin-bottom:40px;}
.footnote a.hNote { display:inline-block; color:#888;  padding-right:12px; margin-bottom:10px; background:url(../common/img/arrw-link.png) right center no-repeat;} 
.footnote a.hNote:hover {color:#505050}
.footnote .hNote { display:inline-block; color:#888;  padding-right:12px; margin-bottom:10px; /*background:url(../common/img/arrw-link.png) right center no-repeat;*/} 
.footnote ul.ico-rec-bullet li { margin-bottom:2px;}

.link-website { /*display:inline-block;*/ color:#8f8f8f; font-size:12px; padding-right:12px; margin:20px 0 50px 0; background:url(../common/img/arrw-link.png) right center no-repeat;}
.link-website a { color:#8f8f8f;}
.link-website a:hover { color:#222}


/* ######### SOCIAL MOBILE ######### */
#sharer { visibility:hidden; }
body.open #socialBox { display:none; }
#socialBox {
	display:inline-block;
	position:absolute;
	top:0; right:55px;
	height:auto;
	z-index:8;
}
#socialBox.show { display:inline-block; }
.social .pane {
	display:none;
	width:46px; height:auto;
	background:#EEE;
	padding:58px 4px 4px 4px;
	border-radius:27px;
}

.social.show .pane { display:inline-block; }
.badge { display:inline-block; }
.s-icon { display:block; width:46px; height:46px; border-radius:23px; background-size:46px 92px; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; }
.pane a { margin:0; }
.ico-social { position:absolute; top:4px; right:4px; background-image:url(../common/img/social/ico-social.png); background-color:#888888; background-size:46px 46px; }

.ico-fb { background-image:url(../common/img/social/ico-fb.png); }
.ico-tw { background-image:url(../common/img/social/ico-tw.png); }
.ico-gp { background-image:url(../common/img/social/ico-gp.png); }
.ico-mailer { background-image:url(../common/img/social/ico-mailer.png); }
.s-icon:hover.ico-fb, .s-icon:hover.ico-tw, .s-icon:hover.ico-gp, .s-icon:hover.ico-mailer { background-position:0 -46px; }

.badge.mail { display:none; }

/* IE 8 Icon Social */
.ie8 .ico-social { position:absolute; top:4px; right:4px; background-image:url(../common/img/social/ico-social-s.png); background-size:58px 62px; }
.ie8 .s-icon:hover .ico-social, .show .ico-social {  background-color: transparent;}
.ie8 .ico-fb { background-image:url(../common/img/social/ico-fb-s.png); }
.ie8 .ico-tw { background-image:url(../common/img/social/ico-tw-s.png); }
.ie8 .ico-gp { background-image:url(../common/img/social/ico-gp-s.png); }
.ie8 .s-icon:hover.ico-fb, .s-icon:hover.ico-tw, .s-icon:hover.ico-gp, .s-icon:hover.ico-mailer { background-position:0 -46px; }
.s-icon:hover .ico-social, .show .ico-social { background-color:#505050; }

.tem-secondary h2 { font-size: 40px; color: #ab5000; margin-bottom: 10px; }


/* side-nav */
#side-nav { margin-top: 5px; }
#side-nav ul { padding-bottom:10px; width: 100%; }
#side-nav li  
{
	line-height: 1.2; 
	word-wrap: break-word; 
	overflow: hidden; 
	border-bottom: 1px solid #eee; 
	padding: 5px 0px 5px 0px;
}
#side-nav li a { display: block; }
#side-nav .active { color:#ab5000; }
#side-nav a {/* color:#222;*/ }
#side-nav a:hover { color:#0074c0; }
#side-nav a + ul { margin-top: 8px; border: 1px solid blue; } 
#side-nav .norm li li { margin-left: 10px; margin-bottom:6px;}
#side-nav li li:last-child { margin-bottom:0; border-bottom:0; padding-bottom: 0;}
#side-nav .alt-menu {
	display:none;
	position:relative;
	top:0;
	/*border-top:1px solid #EEE;*/
	background:#F9F9F9;
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#side-nav li.h-nav  
{
	/*padding:10px 0 10px 10px;*/
	padding-top:10px !important; 
	color:#222; 
	font-size:12px; 
	border-top:1px solid #eee !important; 
	border-bottom:0 !important; 
	/*padding-bottom: 0 !important; */
}
#side-nav li.h-nav-active { padding-top:10px !important; background-color: #cfc; color:#f00; font-size:14px; border-top:1px solid #eee !important; border-bottom:0 !important; padding-bottom:0 !important;}
#side-nav li.active, #side-nav li:hover a
{
	background-image:url(../common/img/arrw-blue.png);
	background-position: 96% 50%;
	background-repeat:no-repeat;
	background-size: 8px 15px;
}

/* IE8 */
.ie8 #side-nav li.active { background:url(../../common/img/arrw-view-all-ie.png) right 18px no-repeat;}
.ie8 #side-nav li:hover a { background:url(../../common/img/arrw-view-all-ie.png) right 8px no-repeat}


#side-nav .alt-menu a { font-size:14px; display: block;}
#side-nav .alt-menu h3 { color:#222; font:normal 14px/1.35em 'Helvetica Neue', Arial;}
#side-nav .alt-menu h3 a { font-size:inherit; color:#222; }
#side-nav .alt-menu li { padding:6px 0; line-height:1.45em; }
#side-nav .nav-wrapper { padding:25px;}
#side-nav .col { width: 32.75%; display: inline-block; vertical-align:top; padding-right:15px; box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
#side-nav .col:last-child { padding-right:0; }
#side-nav .col li:last-child ul { padding-bottom:0;}
#side-nav .close-nav {
	position:absolute;
	width:10px; height:10px;
	top:10px; right:10px;
	padding:5px;
	background-position:-95px -55px;
	cursor:pointer;
}
#side-nav li.sub-h-nav 
{ 
	font-size: 12px;
	border-bottom:0 !important; 
	padding-left: 5px !important; 
	/*padding-bottom:0 !important;*/
}
#side-nav li.sub-h-nav a { color: #999;}
#side-nav li.sub-h-nav a:hover { color:#ab5000;}

/* Active */
#side-nav li.active a { color: #ab5000; }

a.btn-aside { display:none; position:absolute; right:10px; top:45px; color:#0074C0; }
.ico-showAside { width:20px; height:20px; margin-left:4px; background-position:-183px -607px; }
.active .ico-showAside { background-position:-208px -600px; }

/* ############# JAVASCRIPT CONTROL ############ */

/* SLIDE */
ul.slidePane { width:auto; font-size:0; white-space:nowrap; overflow:hidden; }
ul.slidePane>li { display:inline-block; float:none; }
.slidePane-nav { 
	display:inline-block;
	width:14px; height:20px;
	text-indent:-999px; overflow:hidden;
	cursor:pointer;
	background:url(/images/arrows/arrw-slide.png) 0 2px no-repeat;
}
.slidePane-nav:hover { background-position:0 -40px; }
.slidePane-nav.next { background-position:-26px 2px; }
.slidePane-nav.next:hover { background-position:-26px -40px; }
.slidePane-nav.disabled,.slidePane-nav.disabled:hover { background-position: 0 -70px; cursor: default; }
.slidePane-nav.next.disabled,.slidePane-nav.next.disabled:hover  { background-position:-26px -70px; }

/* Accordion */
.acc-title { cursor:pointer; }
.acc-content { display:block; position:relative; overflow:hidden; height:0; }

.accordion h5 {
	position:relative; 
	font-size:14px; 
	background:#ddd; 
	color:#666; 
	padding:15px 40px 10px 18px; 
	border-top:1px solid #eee; 
	margin-bottom:0 !important;
}
.accordion h3 {
	position: relative;
    display: block;
    font-size: 14px;
   background:#B18C75; 
color:#fff; 
    padding: 12px 40px 12px 18px;
    border-top: 1px solid #FFFCFC;
    margin-bottom: 0 !important;
    line-height: 1.5em;
    min-height: 45px;
}
.accordion h3:hover {         
    background: #ea9b60;
    color: #Fff;
}

.accordion h4 { font-size:20px; color:#222; margin:20px 0;}
.accordion .acc-ico {
	display:inline-block;
	position:absolute;
	width:18px; height:18px;
	/*top:18px; */
	right:15px;
	text-indent:-999px;
	overflow:hidden;
	background-image: url(/images/arrows/arrw-shortcut-brown.png);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 10px 18px;
}
.acc-tab.show .acc-ico {
	background-image: url(/images/arrows/arrw-shortcut-down-brown.png);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 18px 10px;
}
.accordion .contentBox { padding:10px 20px; }
.accordion .contentBox a { color:#0345e0;}
.accordion .contentBox1 { padding:0px 0px;}
.accordion .contentBox1 ul { margin: 0px 0px 0px 0px; }
.accordion .contentBox1 ul > li  {
	margin: 0px 0px 0px 0px;
    color: #ab5000;
    padding-left: 40px;
    padding-top: 5px;
    background-color: #F9F9F9;
    border-bottom: 1px dotted #F1EAEA;
}
.accordion .contentBox1 ul > li a {color: #613119;}
.accordion .contentBox1 ul > li a:hover {text-decoration:none;}
.accordion .contentBox1 ul > li:hover {color: #ab5000;background-color: #FFFBED;}
.accordion .contentBox1 p { color: #879498;font-size: 12px;}
.accordion ul { margin:5px 0 20px 0}
.accordion ul>li {
    /* padding-left: 15px; padding-top: 8px; margin-bottom: 0px; */
    line-height: 1.5em;
    /*background-image:url(/images/bullets/bullet-blue.png);
	background-position:3px 10px;
	background-repeat:no-repeat;
	background-size:5px 5px;*/
}
.accordion ul>li>ul { margin-left:20px;}
.accordion strong { color:#222}
.accordion ul.ico-rec-bullet li { margin-bottom:5px;}
.accordion .ico-rec-bullet li { line-height:1.45em; margin-bottom:5px; background:url(../../common/img/bullet-list.png) left 8px no-repeat; padding-left:12px;}
.accordion .txttitle{ /*font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular";*/ font-size: 30px; color: #222;}
.accordion p { margin-bottom:15px; line-height: 1.7;}
.accordion ol { margin-left:22px;}
.accordion ol { margin:0 0 14px 20px}
.accordion ol>li { list-style-type:decimal; margin-bottom:5px; line-height:1.7em; background:none; padding-left:0}

/* IE8 */
.lt-ie9 .acc-tab h3 { min-height: 0; }
.lt-ie9 .accordion .acc-ico { background:transparent url(/images/ie8/sprite-ie8.png) -179px -608px no-repeat;}
.lt-ie9 .acc-tab.show .acc-ico { background-position:-208px -608px; }


/* Tab */
.navTab {
	display:block;
	width:100%;
	overflow:hidden;
	z-index:5; margin-bottom:30px;
}
.navTab ul { display:table; }
.navTab li {
	display:table-cell;
	float:none;
	text-align:center; background:#f9f9f9;
	font-size:16px;
	color:#233842; 
	height:46px; 
	cursor:pointer;
	vertical-align:middle;
}
.navTab a { font-size:24px; font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular";  }
.navTab li.active {
	 background:#ab5000;
}
.navTab li.active a {	color:#FFF; }
.navTab li:hover { background:#ab5000; color:#FFF}
.navTab li:hover a { color:#FFF}
.tab-content { /*display:none;*/ }
.tab-content.show { display:block; }

/* Content Footnote */
#content-footnote {}
#content-footnote ul>li { background:url(../common/img/bullet.jpg) left 10px no-repeat; padding-left:14px;  margin-bottom:5px; line-height:1.7em;}

/* Video Player */
.video-player, .yt-player {
	display:block;
	position:relative;
	width:820px; height:461px;
	background:#000;
}
.video-player table { width:100%; height:100%; margin:0 auto; }
.video-player td { line-height:0;}
.video-player video { width:100%; height:165px; }
.overlay {
	display:block;
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	z-index:2;
	cursor:pointer;
}
.overlay .overlay-poster{
	display:none;
	width:100%; height:100%;
}
.overlay .overlay-button{
	position:absolute;
	top:50%; left:50%;
	width:100px; height:100px;
	margin:-50px 0 0 -50px;
	background:url(../common/js/plugin/mediaelement/bigplay.png) no-repeat;
}
.overlay:hover .overlay-button { background-position:0 -100px; }

.yt-player .yt-frame { width:100%; height:461px; }
.player-style01 { width:980px; height:551px; }
.player-style01 .yt-frame { height:100%; }

/*IE 8 */
.ie8 .video-player, .ie8 .yt-player { width:100%; height:inherit;}
.ie8 .overlay { display:none;}
.ie8 .yt-player .yt-frame  { height:315px;}

/* Banner Contact */
.bn-contact { position: relative;
	display: inline-block; padding:15px 20px;
	width:295px; height:175px;
	overflow: hidden;
	float: left;
	margin: 0 0 20px 0; white-space:normal; 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition:background 0.3s; background:#f9f9f9 }
.bn-contact h3 { font-size:34px; color:#ab5000; line-height:1.2}
.bn-contact p { padding:8px 0; line-height:24px;}
.bn-contact a { color:#222}
.bn-contact .tel { font-size:30px;  font-family: 'Open Sans','tahoma','ThaiSansNeue-Bold'; color:#222; border-bottom:1px solid #eee}
.bn-contact .email { font-size:24px;  font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular"; color:#222;}
.bn-contact .ico { width:30px; height:34px; vertical-align:middle; margin-right:10px;}
.bn-contact .ico-tel { background-position:-240px -760px}
.bn-contact .ico-contact { background-position:-168px -760px} 
.bn-contact a:hover .icotel { background-position:0 -807px !important}
.bn-contact a:hover .icocontact { background-position:-127px -807px} 

/* EN */
.en .bn-contact h3 { font-size:28px;}

/* IE8 Banner Contact */
.ie8 .bn-contact { width:220px; height:135px; float:left; padding-top:10px;}
.ie8 .bn-contact h3 { font-size:26px; }
.ie8 .bn-contact .tel { font-size:24px; }
.ie8 .bn-contact .email { font-size:14px; }

/* Noresult */
.noresult {
    color: #999;
	margin: 60px 0;
	text-align: center;
}

/*print version*/
.address-print, .shotcut-print, .hl-forprint{ display:none;}

/* Faq */
/*
.faqsList li { padding-left:15px; margin-bottom:10px; line-height:1.5em; 
	background-image:url(/images/bullets/bullet-blue.png);
	background-position:3px 7px;
	background-repeat:no-repeat;
	background-size:5px 5px;
}
.faqsList li a:hover { color:#1c72c2}
*/
/* IE8 */
/*
.ie8 .faqsList li { padding-left:15px; margin-bottom:10px; line-height:1.5em; 
	background-image:url(../common/img/bullet-blue-ie.png);
	background-position:3px 7px;
	background-repeat:no-repeat;
	background-size:100% 100%;
}*/

/* loading */
.spinner {
  width: 40px !important;
  height: 40px !important;
  margin:100px auto;
  background-color: #333;
  border-radius: 100%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

/* MAP */
.mapBox-style { width:300px !important; font:normal 14px/1.4em 'Helvetica Neue', Arial; text-align:left; padding:13px 0px 10px 10px;}
.mapBox-style h3 { font-size:25px; margin-bottom: 5px; color:#656565;}
.mapBox-style p { margin-bottom: 10px;}
.mapBox-style .subTitle { color:#009b7b; margin-bottom:10px;}
.mapBox-style .location { margin-bottom:10px;}
.mapBox-style strong { color: #222}
.mapBox-style .tel { font-size:12px; color:#353535; border-right:1px solid #dadada; padding-right:8px; margin-right:8px;}
.mapBox-style .tel a { color:#353535}
.mapBox-style .time { font-size:12px; color:#353535;}
.mapBox-style .ico { display:inline-block; vertical-align:middle; width:21px; background-size:21px 21px; overflow:hidden; text-indent:-9999px;}
.mapBox-style .ico-tel { background-image:url(../common/img/icon/ico-tel.png);}
.mapBox-style .ico-time { background-image:url(../common/img/icon/ico-time.png);}

/* Box Search */
/*.submit {
	width: 35px;
	height: 35px; border:0;
	text-indent: -999px;
	vertical-align: middle; position:absolute; top:5px; left:0px;
	background-image:url(../common/img/icon/ico-search.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-color:transparent;
}
.ie8 .submit {	background:url(../common/img/sprite.png) 10px -48px; background-size:100% 100%;}

.box-search { position: relative; overflow:hidden;}
.box-search input:focus { box-shadow:none; }
.box-search .search-box {
	width:55%; line-height:18px; 
	height: 45px; 
	border: 1px solid #eee; padding:0 20px 0 30px;
	float: left; box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	white-space:normal;
    -webkit-appearance: none;
}
.box-search input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none;
	height: 12px;
    width: 12px; background: url(../common/img/ico-close-search.png) right center no-repeat;
}
.box-search input:focus { box-shadow:none; }
.box-search .btn { margin-left:20px;}
.box-search select {  height: 45px; 
		padding:0 15px 0 10px; 
	border:0;
	border-radius: 0; color:#8f8f8f;
	border:1px solid #eee;
	outline: none; line-height:1.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	cursor: pointer;
	background:#FFF url(../common/img/arrw-select-list-gray.png) right center no-repeat;
	text-indent: 0.01px;
    text-overflow: "";
	background: -moz-element(#mozElementBack) repeat;
}
*/

/* Show more button */
a.btn-aside { top:18px;}
.px-controlList-list.show { display: inherit; }

.showmore {
    display: none;
    color: #222;
    background: #DDD;
    font: normal 24px/1em "ThaiSansNeue-Regular";
    text-align: center;
    padding: 12px 0px;
}

#px-QRPage { display: none; }

.row-center { text-align:center;}

#accordion .contentBox h2 { font-size: 25px;}