@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'th_k2d_july8italic';
    src: url('font/th_k2d_july8_italic.eot');
    src: url('font/th_k2d_july8_italic.eot?#iefix') format('embedded-opentype'),
         url('font/th_k2d_july8_italic.woff') format('woff'),
         url('font/th_k2d_july8_italic.ttf') format('truetype'),
         url('font/th_k2d_july8_italic.svg#th_k2d_july8italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'th_k2d_july8bold';
    src: url('font/th_k2d_july8_bold.eot');
    src: url('font/th_k2d_july8_bold.eot?#iefix') format('embedded-opentype'),
         url('font/th_k2d_july8_bold.woff') format('woff'),
         url('font/th_k2d_july8_bold.ttf') format('truetype'),
         url('font/th_k2d_july8_bold.svg#th_k2d_july8bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'th_k2d_july8bold_italic';
    src: url('font/th_k2d_july8_bold_italic.eot');
    src: url('font/th_k2d_july8_bold_italic.eot?#iefix') format('embedded-opentype'),
         url('font/th_k2d_july8_bold_italic.woff') format('woff'),
         url('font/th_k2d_july8_bold_italic.ttf') format('truetype'),
         url('font/th_k2d_july8_bold_italic.svg#th_k2d_july8bold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'th_k2d_july8regular';
    src: url('font/th_k2d_july8.eot');
    src: url('font/th_k2d_july8.eot?#iefix') format('embedded-opentype'),
         url('font/th_k2d_july8.woff') format('woff'),
         url('font/th_k2d_july8.ttf') format('truetype'),
         url('font/th_k2d_july8.svg#th_k2d_july8regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quarkbold';
    src: url('font/quark-bold.eot');
    src: url('font/quark-bold.eot?#iefix') format('embedded-opentype'),
         url('font/quark-bold.woff') format('woff'),
         url('font/quark-bold.ttf') format('truetype'),
         url('font/quark-bold.svg#quarkbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quarklight';
    src: url('font/quark-light.eot');
    src: url('font/quark-light.eot?#iefix') format('embedded-opentype'),
         url('font/quark-light.woff') format('woff'),
         url('font/quark-light.ttf') format('truetype'),
         url('font/quark-light.svg#quarklight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding: 0;}
strong, b { font-weight: bold; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* ทุก browsers */
* html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* สำหรับ IE6 */
*+html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /*สำหรับ IE7 */
a, a:link, a:visited, a:hover, a:active{text-decoration:none\0/;} /* สำหรับ IE8 */
.clr{ clear:both;}


body{ width:100%;}
.fontth_k2d_july8regular{ font-family:th_k2d_july8regular;}
.fontth_k2d_july8bold_italic{ font-family:th_k2d_july8bold_italic;}
.fontth_k2d_july8bold{ font-family:th_k2d_july8bold;}
.fontth_k2d_july8italic{ font-family:th_k2d_july8italic;}
.fontsize30{ font-size:30px;}
.fontsize24{ font-size:24px;}
.fontsize22{ font-size:22px;}
.fontsize20{ font-size:20px;}
.fontsize18{ font-size:18px;}
.fontsize17{ font-size:14px;}
.fontsize16{ font-size:14px;}
.fontsize15{ font-size:15px;}
.fontsize14{ font-size:14px;}

.fontSET01{ font-family:quarklight;}
.fontSET01Bold{ font-family:quarkbold;}
.fontSET01Italic{ font-family:quarklight; font-style:italic;}
.fontSET01BoldItalic{ font-family:quarkbold; font-style:italic;}




/* HEADER */
.header{ width:100%; height:80px; background:url(../images/bgh.jpg) no-repeat; background-size:100% 80px;}
/*.header img{ width:100%; height:80px;}*/

.header_underline{ width:100%; min-width:1280px; height:3px; background:#636466; margin-bottom:15px;}

.header_zone{
	width:1280px; height:80px; background: url(../images/header_bg.jpg) no-repeat; margin:auto;
	/*-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.69);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.69);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.69);*/
}
.header_logo{ float:left; width:158px; height:53px; margin:14px 0 0 145px;}
.header_szone{ float:right; width:223px; height:auto; margin:20px 145px 0 0;}

.frm_search #tsearch{ float:left; width:178px; height:22px; font-family:th_k2d_july8regular; font-size:16px;}
.frm_search #tsearch::-webkit-input-placeholder { color:#007dc5;}
.frm_search #tsearch::-moz-placeholder { color:#007dc5;}
.frm_search #tsearch::-ms-placeholder { color:#007dc5;}
.frm_search #btntsearch{ float:left; width:22px; height:22px; background:url(../images/btn_search.png) no-repeat; border:0; margin:3px 0 0 3px;}
.clang_zone{ float:right; margin:2px 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#007dc5;}
.lang_sp a{color:#007dc5;}
.lang_sp a:hover{color:#9d9fa2;}
.header_underline{ width:100%; height:3px; background:#b6b7b8;}






/* TOP MENU */
.topmenu{ width:100%; min-width:1280px; height:40px; background:#007dc5; margin-bottom:20px;}

/* PAGEWAPPER */
.pagewapp2{ width:100%; min-width:1280px; height:auto; margin:0 auto 0 auto;}
.pagewapp{ width:100%; min-width:1280px; height:auto; margin-bottom:20px; background:url(../images/bodyBG.jpg) repeat-y;

/*background: #007dc5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiMwMDdkYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #007dc5 47%, #ffffff 47%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(47%,#007dc5), color-stop(47%,#ffffff)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  #007dc5 47%,#ffffff 47%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  #007dc5 47%,#ffffff 47%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  #007dc5 47%,#ffffff 47%); /* IE10+ */
/*background: linear-gradient(to right,  #007dc5 47%,#ffffff 47%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc5', endColorstr='#ffffff',GradientType=1); /* IE6-8 */

	}
.center{ width:1007px; margin:auto;}


/* LEFT */
.LeftZ{ float:left; /*width:26.11%; min-width:333px;*/ width:188px; height:auto; /*background:#007dc5;*/}
.Left146{ /*width:146px; height:24px;*/ width:127px; height:22px; margin:24px 0 0 25px; color:#fff; padding:0 0 2px 19px; background:url(../images/left_hover.png) no-repeat bottom;}
.LeftHtext{ width:127px; height:22px; margin:24px 0 12px 25px; color:#fff;}
.LeftSubMenu{ list-style:none; }
.LeftSubMenu li{ width:127px; height:22px; margin:6px 0 6px 25px; color:#fff; padding:0 0 0px 19px;}
.LeftSubMenu li a{ color:#fff;}
.LeftSubMenu li:hover{ background:url(../images/left_hover.png) no-repeat; background-size:cover;}
.LeftSubMenu li.active{ background:url(../images/left_hover.png) no-repeat; background-size:cover;}
.LeftSubMenu ul li ul.LeftSubMenu2{ display:none; clear:both;}
.LeftSubMenu ul li ul.LeftSubMenu2 a{ display:none;}
.LeftSubMenu ul li ul.LeftSubMenu2 a:hover{ display:block;}



.LeftSubMenu01{ list-style:none; }
.LeftSubMenu01>li{ width:127px; margin:6px 0 6px 25px; color:#fff; padding:0 0 2px 19px;}
.LeftSubMenu01>li a{ color:#fff; text-decoration:none;}
.LeftSubMenu01>li:hover, .LeftSubMenu01>li.active{ background:url(../images/left_hover.png) no-repeat;}
.LeftSubMenu02 { list-style:disc;}
.LeftSubMenu02 li{ line-height:18px; width:127px; margin:5px 0 3px 0;}
.LeftSubMenu02 li a{ color:#c6c6c6; text-decoration:none;}
.LeftSubMenu02 li a:hover{ color:#fff; text-decoration:none;}
.LeftSubMenu02 li.active a{ color:#fff;}
.LeftSubMenu03 { list-style:none;}
.LeftSubMenu03 li{ line-height:18px; width:127px; margin:2px 0 3px 7px;}
.LeftSubMenu03 li a{ color:#c6c6c6; text-decoration:none;}
.LeftSubMenu03 li a:hover{ color:#fff; text-decoration:none;}
.LeftSubMenu03 li.active a{ color:#fff;}



/* RIGTH */
.RigthZ{ float:left; width:819px; height:auto; background:#fff;}
.Rcontent{ width:774px; height:auto; margin-left:25px;}
.Rcontent798{ width:798px; height:auto; margin-left:25px;}
.Rcontent840{ width:849px; height:auto; margin-left:25px;}
.Rtitle{ background:#007dc5; max-width:150px; transform: skewX(-5deg); text-align:center; padding:5px 0 3px 0; margin-bottom:20px;}
.Rtitle p{ transform: skewX(5deg); max-width:150px; color:#FFF; font-family:quarklight; font-size:17px;}
.Rtitlemed{ background:#007dc5; max-width:93px; transform: skewX(-5deg); text-align:center; padding:5px 0 3px 0; margin-bottom:20px;}
.Rtitlemed p{ transform: skewX(5deg); max-width:93px; color:#FFF; font-family:quarklight; font-size:17px;}
.Rtitlelong{ float:left; background:#007dc5; width:183px; transform: skewX(-5deg); text-align:center; padding:5px 0 3px 0; margin-bottom:20px;}
.Rtitlelong div{ transform: skewX(5deg); width:183px; color:#FFF; font-family:quarklight; font-size:17px;}
.Rtitlelong2{ float:left; width:183px; transform: text-align:center; padding:5px 0 3px 0; margin:0 0 20px 15px; color:#9d9fa2;}
.Rtitle_d2{ margin:0 0 10px 0;}
.Rtitle_d2 p{ /*max-width:150px;*/ color:#007dc5; font-family:quarklight; font-size:34px;}
.page_title{ color:#636466; font-family:quarkbold; font-size:19px;}



/* FOOTER */
.footer_underline{ width:100%; min-width:1280px; height:1px; background:#636466;}
.footer{ width:100%; min-width:1280px; height:99px;}
.footerc{ width:1007px; height:99px; margin:auto;}
.footer_iconZ{ width:100%; margin:18px 0 9px 0;}
span #footer_icon_fb{ width:25px; height:18px; background:url(../images/icon_fb_blue.png) no-repeat; margin:0;}
span #footer_icon_fb:hover{ background:url(../images/icon_fb_gray.png) no-repeat;}



.footerbtn{ float:left; width:282px; padding:3px 0 0 0; /*background:#007dc5; transform: skewX(-5deg);*/ background:url(../images/footer_textbg.png) no-repeat;}
.footerbtntext1{ font-family:quarklight; color:#fff; font-size:16px; margin-left:16px;}
.footerbtntext1 a{ color:#fff; text-decoration:none;}
.footerbtntext1 a:hover{ color:#9d9fa2; text-decoration:none;}
.ccrigth{ float:left; font-family:quarklight; color:#007dc5; font-size:21px; margin:5px 0 0 285px;}
.footerlogo{ float:left; width:97px; height:34px; margin:-10px 0 0 31px;}
.footerlogo img{ width:97px; height:34px;}

.coutpagnav798{ width:798px; height:auto;}
.coutpagnav774{ width:774px; height:auto;}
.coutpagnavr{ float:right; height:24px; line-height:28px;}
.coutpagnavr a{ color:#007dc5;}
.coutpagnavr a:hover{ color:#414042;}
.coutpagnavr_active a{ color:#414042;}
.coutpagnavr_next{ float:right; width:96px; height:24px; text-align:center; line-height:28px; padding:5px 0 5px 0; background:#007dc5; margin:-6px 5px 0 10px; transform:skewX(-5deg);}
.coutpagnavr_next p{ transform:skewX(5deg); color:#ffffff;}
.coutpagnavr_next p a{ color:#ffffff;}
.coutpagnavr_next p a:hover{ color:#414042;}


.coutpagnavre{ float:right; height:24px;}
.coutpagnavre a{ color:#007dc5;}
.coutpagnavre a:hover{ color:#414042;}
.coutpagnavre_active a{ color:#414042;}
.coutpagnavre_next{ float:right; width:96px; height:24px; text-align:center; line-height:28px; padding:0 0 5px 0; background:#007dc5; margin:-6px 5px 0 10px; transform:skewX(-5deg);}
.coutpagnavre_next>p{ transform:skewX(5deg); color:#ffffff;}
.coutpagnavre_next>p a{ color:#ffffff; text-decoration:none;}
.coutpagnavre_next>p a:hover{ color:#414042;}