/*Reset*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,div { margin:0; padding:0; font-weight:normal !important; }


/*Stylesheet*/
html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
body { width:100%; height:100%; margin:0; padding:0; font-family:Arial; font-size:14px; color:#777777; background:#ddd; -webkit-text-size-adjust: none; }
input, select, textarea { font-family:Tahoma; font-size:14px; color:#444444; }

body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
}

a { color:#777777; text-decoration:none; outline:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover { color:#444444; text-decoration:none; outline:none; }
a img { border:none; display:block; }

.imghover { opacity:1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.imghover:hover { opacity:0.8; }


.clear { clear:both; }

.loading { position:absolute; width:100%; height:100%; background:url(../images/icn/loader.gif) no-repeat center center; }

#wrapper { width:100%; height:100%; margin:0 auto; overflow:hidden; }
#header { position:absolute; top:0; width:100%; padding:0;   left:0; background:rgba(255,255,255,0.15); z-index:9999; }
.header { width:100%; margin:0; padding:0; }
.logo { float:left; padding:14px 0 0 3%; }
.menu { float:right; }
.mn { margin:0; padding:22px 0 0 0; float:left; }
.mn ul { margin:0 -35px 0 0; padding:0; }
.mn ul li { float:left; margin:0 35px 0 0; padding:0; list-style:none; }
.mn ul li a { display:block; margin:0; padding:0 0 22px 0; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:25px; line-height:23px; color:#fff; opacity:0.8; }
.mn ul li a:hover { opacity:1; }
.mn ul li a.default { border-bottom:2px solid #fff; padding:0 0 20px 0; opacity:1; }

.btntop { float:left; margin:0 0 0 0; padding:0 0 0 47px; }
.btntop ul { margin:0 123px 0 0; padding:0; }
.btntop ul li { float:left; width:120px; padding:21px 0 21px 0; text-align:center; border-left:1px solid #ffffff; list-style:none; font-family: 'psl_kanda_modernregularSVG','psl_kanda_modernregular'; font-size:27px; line-height:25px; color:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btntop ul li a { color:#fff; }
.btntop ul li:hover { background:rgba(255,255,255,0.25); cursor:pointer; }
.btntop ul li.btnpanel_close { background:rgba(255,255,255,0.88); }

.bFixed { position:fixed; top:0; right:0; color:#fff}
.boxbtn { float:left; width:122px; padding:26px 0 26px 0; text-align:center; border-left:1px solid #ffffff; list-style:none; font-family: 'psl_kanda_modernregularSVG','psl_kanda_modernregular'; font-size:27px; line-height:25px; color:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.boxbtn a { color:#fff; }
.boxbtn:hover { background:rgba(255,255,255,0.25); cursor:pointer; }
.boxbtn.btnpanel_close { background:rgba(255,255,255,0.76); }



.panel { position: absolute; top:67px; right:-375px; padding:25px; width:325px; z-index:10000; background:rgba(255,255,255,0.8); }
.panel ul { margin:0; padding:0; }
.panel ul li { width:100%; margin:0 0 6px 0; padding:0; list-style:none; }
.panel ul li p { padding:0 0 10px 0; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold',kittithada_roman_55_pregular; font-size:23px; line-height:23px; color:#444; border-bottom:1px solid #444444; }
.panel ul li p a { color:#444; }
.panel ul li p a:hover { color:#000; }
.panel ul li ul { margin:0; padding:10px 15px; }
.panel ul li ul li { float:left; width:50%; margin:0; padding:1px 0; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:20px; line-height:20px; color:#888; list-style:none; }
.panel ul li ul li a:hover { color:#000; }

.panel ol { margin:-3% 0 0 -3%; padding:15px 0; }
.panel ol li { float:left; width:47%; margin:3% 0 0 3%; padding:0; list-style:none; } 
.panel ol li a { display:block; width:99%; padding:8px 0; text-align:center; border:1px solid #444; border-radius:4px; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:20px; line-height:20px; color:#444; }
.panel ol li a:hover { background:#fff; }

#background { position:fixed; width:100%; height:100%; bottom:0; margin:0 auto; min-width:100%; min-height:100%; text-align:center; }
#container { width:100%; height:100%; margin:0 auto; overflow:hidden; }
#container_inner { width:94%; height:100%; margin:0 auto; overflow:hidden; padding-top:67px; }
#container_pro { width:100%; height:100%; margin:0 auto; overflow:hidden; position:fixed; /*background:url(../images/bg/bg-pro.jpg) no-repeat bottom center; background-size:cover;*/ }

.index { height: 100% !important; height: 100%; margin: 0 auto; overflow: hidden; position:relative; }
.index_scroll { position:absolute; bottom:110px; z-index:99; width:100%; text-align:center; }
.main section.page1 { background:url(../images/img-index-01.jpg) no-repeat center center; background-size:cover; }
.main section.page2 { background:url(../images/img-index-02.jpg) no-repeat center center; background-size:cover; }
.main section.page3 { background:url(../images/img-index-03.jpg) no-repeat center center; background-size:cover; }

.boxmain { position:relative; width:600px; min-height:140px; margin:14% auto 0 auto}
.boxmain_2 { position:relative; width:600px; min-height:110px; margin:14% auto 0 auto}

.txtmain   {text-align:center; font-family: 'psl_kanda_modernregularSVG','psl_kanda_modernregular'; font-size:34px; line-height:34px;color:#fff;/* text-shadow: 1px 1px #555555;*/ text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; padding:18px 0; opacity:1;     }
.bdrBoxDetail { border:7px solid #fff; opacity:0.2; position:absolute; width:100%; height:100%; left:-7px; top:-7px;} 
.bgBoxDetail   {height:100%; width:100%; position: absolute; left:0; top:0;background: url(../images/bg/bg_index.png) repeat top left; }

/*End Stylesheet*/


/*About*/
.about { margin:0; padding:5% 0 0 0; }
.aboutL { float:left; width:6%; margin:0; padding:0; }
.aboutR { float:right; width:91%; margin:0; padding:0; }

.subabout { width:100%; margin:0; padding:0; }
.subabout ul { margin:-8% 0 0 0; padding:0; }
.subabout ul li { margin:8% 0 0 0; padding:0; list-style:none; }
.subabout ul li a { display:block; width:100%; padding:20% 0 !important; text-align:center; background:rgba(255,255,255,0.15); list-style:none; border-radius:4px; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:21px; line-height:21px; color:#ffffff; }
.subabout ul li a:hover { background:rgba(255,255,255,0.4); }
.subabout ul li a.default { background:rgba(255,255,255,0.8); color:#444; position:relative; }
.subabout ul li a.default img { display:block; position:absolute; top:42.5%; right:-6px; color:#444444 }
.subabout ul li a img { display:none; }

.about_year { width:100%; }
.about_year ul { width:100%; margin:0; padding:0; }
.about_year ul li { float:left; display:block; width:100%; min-height:505px; margin:0; padding:0; background:rgba(255,255,255,0.8); list-style:none; border-radius:4px; text-align:center; display:block; }
.about_year ul li p.aboutyear { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:64px; line-height:64px; color:#444444; }
.about_year ul li p.abouttopic { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:30px; line-height:30px; color:#444444; padding:6% 0 2% 0; }
.about_year ul li p.aboutdetail { width:90%; text-align:left; margin:0 auto; padding:0; }
.imgabout { width:98%; height:auto; padding:0 1%; display:block; }

.vision { width:35%; margin:0; padding:0; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; color:#fff; text-align:left; }
.vision p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; color:#afff96; font-size:53px; line-height:53px; padding:20px 0 5px 0; }

.vision ul { margin:0; padding:0 0 0 20px; }
.vision ul li { margin:0; padding:0; }


.quality { width:70%; margin:0 auto 0 auto; padding:3% 5%; background:rgba(255,255,255,0.8); border-radius:4px; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:30px; color:#444444; text-align:center; }
.quality img { margin-bottom:5%; padding:5px; background:rgba(255,255,255,0.2); border:1px solid #fff; }
.quality p { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; padding:20px 0 5px 0; }

.message { width:37%; margin:0; padding:6% 0 0 7%; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#fff; text-align:center; }
.message p { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:20px; line-height:20px; color:#fff; }

.manage { width:100%; margin:0; padding:0; }
.manage ul { margin:-1% 0 0 0; padding:0; }
.manage ul li { float:left; width:49%; min-height:245px; margin:1% 0.5% 0 0.5%; padding:0; background:rgba(255,255,255,0.8); border-radius:4px; list-style:none; }
.manageL { float:left; width:48%; height:245px; margin:0; padding:0; background:#e5e5e5; text-align:center; border-radius:4px 0 0 4px; }
.manageL img { border-radius:4px 0 0 4px; }

.manageR { float:right; width:46%; margin:0; padding:3%; }
.manageR .name, .profile-detail .name { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:30px; line-height:30px; color:#444; }
.manageR .position, .profile-detail .position { margin:10px 0 15px 0; padding-bottom:15px; border-bottom:1px solid #cccccc; }

.profile { width:900px; height:500px; }
.profile-img { float:left; width:301px; height:500px; }
.profile-img img { width:100%; height:auto; display:block; }
.profile-detail { float:right; width:539px; height:440px; padding:30px; }
.profile-detail p.topic { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; padding:0 0 3px 0; }
.profile-detail ul { margin:0; padding:0 0 10px 20px; }
.profile-detail ul li { margin:0; padding:0; font-size:12px; }

/*End About*/


/*Products*/
.products { width:100%; margin:0; padding:0; }
.prolist { float:left; width:33.33%; background-size:cover; height:836px; overflow:hidden; }
.prolist a { display:block; width:100%; }
a:hover .prolist_text { color:#444; background:rgba(255,255,255,0.8); }
a:hover .prolist_text p.under { color:#444; }

.prolist_absolute { position:fixed; width:33.33%; bottom:121px; margin:0; padding:0; }
.prolist_text { width:350px; margin:0 auto; padding:4% 0; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:65px; line-height:65px; color:#fff; border-radius:4px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
/*.prolist_text { width:70%; margin:95% auto 0 auto; padding:4% 0; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:65px; line-height:65px; color:#fff; border-radius:4px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }*/
.prolist_text p.under { font-size:65px; line-height:30px; color:#fff; font-family:Tahoma; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }


.product_box { background-size:cover !important; width:100%; height:100%; margin:0; padding:0; position:relative; }
.product_abs { position:absolute; width:385px; left:10%; bottom:25%; margin:0; padding:25px; background:rgba(255,255,255,0.8); border-radius:4px; z-index:9999; color:#444; }
.product_abs p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:78px; line-height:50px; }

/*End Products*/


/*Service*/
#service { margin:0; padding:0; position:fixed; }
.service_box { background-size:cover !important; width:100%; height:100%; margin:0; padding:0; }
.service_box img { display:block; }
.service_space { position:absolute; top:160px; left:0; z-index:9999; width:100%; }

.service { width:80%; margin:0 auto; padding:0; position:relative; }

.service_01 { position:absolute; position:absolute; right:0; top:0; color:#444; }
.service_02 { position:absolute; position:absolute; left:0; top:0; color:#fff; }
.service_03 { position:absolute; position:absolute; left:0; top:0; color:#fff; }
.service_detail { width:400px; margin:0; padding:0; }
.service p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:52px; line-height:42px; }
.service p.ser { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:78px; line-height:78x; }
/*End Service*/


/*Process*/
.process { margin:0; padding:0; }
#process_step { position:fixed; width:100%; bottom:101px; left:0; text-align:center; } 
#process_step p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; width:100%; text-align:center; }
#process_step p.no { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:60px; line-height:40px;width:100%; text-align:center; }
#process_step p.detail { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px;width:100%; text-align:left; }

.td_stepline { border-left:1px solid #444; }
.td_step { width:95px; margin:0; padding:15px 0; background:rgba(255,255,255,0.15); border-radius:4px; color:#fff; text-align:center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.td_step:hover { background:rgba(255,255,255,0.4); }
.td_step_active { margin:0; padding:15px; background:rgba(255,255,255,0.8); border-radius:4px; color:#444; text-align:center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
/*End Process*/


/*Reference*/
.ref { margin:0; padding:0; }
#ref_thumb { position:fixed; width:94%; margin:0; padding:0; bottom:30%; }
#ref_thumb ul li { float:left; width:18%; margin:0 1%; padding:0; list-style:none; text-align:center; }
#ref_thumb ul li:hover .ref_thumb_detail { opacity:1; }
.ref_thumb_img { margin:0; padding:0; }
.ref_thumb_img img { max-width:100%; height:auto; width:inherit; }
.ref_thumb_detail { margin:0; padding:0; opacity:0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.ref_thumb_detail p.refno { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:80px; line-height:60px; color:#444; }
.ref_thumb_detail p.refname { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:38px; line-height:40px; color:#444; }

#btn-prev { position:fixed; top:42%; left:0; padding-top:0; z-index:9999; background:rgba(255,255,255,0.15); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#btn-next { position:fixed; top:42%; right:0; padding-top:0; z-index:9999; background:rgba(255,255,255,0.15); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#btn-close { position:absolute; top:88px; right:1%; z-index:9999; }
#btn-prev:hover, #btn-next:hover { background:rgba(255,255,255,0.3); }
#ref_box { position:fixed; min-width:485px; bottom:100px; right:3%; padding:20px; z-index:9999; background:rgba(255,255,255,0.8); border-radius:4px; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:19px; color:#777777; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#ref_box p.refname { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:42px; line-height:32px; color:#444; }
#ref_box p.refowner { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; color:#444; }
.refline { width:100%; border-bottom:1px solid #444; padding-bottom:10px; margin-bottom:10px; }
.refline_white { width:100%; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px; }
#ref_box ul { margin:0; padding:0; }
#ref_box ul li { float:left; margin:0 30px 0 0; padding:0; list-style:none; }
/*End Reference*/


/*Career*/
.career { margin:0; padding:50px 0 0 0; }
.career p.txthead { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#444; }
.career p.txthead2 { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:30px; line-height:30px; color:#444; }
.career p.txthead3 { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#4ea632; }
.career p.txthead4 { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; color:#444; }

.careerL { float:left; width:30%; margin:0; padding:0; }
.careerR { float:right; width:66%; margin:0; padding:0; }
.career_benefit { width:90%; height:520px; margin:0; padding:3% 5%; background:rgba(255,255,255,0.8); border-radius:4px; }
.career_benefit ul { margin:0; padding:15px 0 20px 0; }
.career_benefit ul li { margin:0 0 2px 0; padding:0 0 8px 28px; list-style:none; background:url(../images/icn/icn-rights.png) no-repeat top left; }

.career_position { float:left; width:30%; margin:0; padding:0; }
.career_position ul { margin:-3% 0 0 0; padding:0; }
.career_position ul li { margin:3% 0 0 0; padding:0; list-style:none; }
.career_position ul li a { display:block; width:80%; margin:0; padding:5% 10%; background:rgba(255,255,255,0.5) url(../images/icn/icn-news-bullet.png) no-repeat top left; border-radius:4px 0 0 4px; }
.career_position ul li a:hover { background:rgba(255,255,255,0.8) url(../images/icn/icn-news-bullet.png) no-repeat top left; }
.career_position ul li a.default { background:rgba(255,255,255,0.8) url(../images/icn/icn-news-bullet.png) no-repeat top left; }

.career_detail { float:right; width:65%; height:520px; margin:0; padding:1.35% 2%; background:rgba(255,255,255,0.8); border-radius:4px; position:relative; }
.career_detail ul, .career_detail ol { margin:0; padding:0 0 5px 20px; }

.tdcareerL { float:left; width:20%; margin:0; padding:0; }
.tdcareerR { float:left; width:80%; margin:0; padding:3px 0 0 0; }
.tdcareerR ul { margin:0; padding:0 0 0 15px; }
.career_btn { position:absolute; width:100%; bottom:20px; left:0; }
.career_form { display:none; }
.form { width:1000px; margin:0; padding:40px; background:rgba(255,255,255,0.8); border-radius:4px; }
.form p.topic { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; color:#444; }
.form p.txtform { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#444; }

.formL { float:left; width:480px; }
.formR { float:right; width:480px; }
.tdL { float:left; width:130px; padding-top:5px; }
.tdR { float:right; width:350px; }

.txtbox { margin:0; padding:10px; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }
.txtbox_calendar { margin:0; padding:10px; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }
.txtbox_percent { margin:0; padding:10px 2%; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }

.btn { min-width:130px; margin:0; padding:10px 20px; background:#75cd59; border-radius:4px; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:20px; color:#fff; border:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.btn:hover { cursor:pointer; color:#fff600; }
/*End Career*/


/*News*/
.news { margin:0; padding:0; }
.newsthumb { margin:0; padding:60px 0 0 0; }
.newsthumb ul { margin:0; padding:0; }
.newsthumb ul li { float:left; width:98%; margin:0 1%; padding:0; list-style:none; }
.newsthumb ul li a { display:block; width:100%; margin:0; padding:0; background:rgba(255,255,255,0.15); border-radius:4px; }
.newsthumb ul li a:hover { background:rgba(255,255,255,0.3); }

.news_date { float:left; width:25%; margin:0; padding:6%; text-align:center; border-right:1px solid #aaa; }
.news_date p.newsdate { width:100%; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:90px; line-height:50px; color:#84dc68; padding-bottom:8px; }
.news_date p.newsmonth { width:100%; text-align:center; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:20px; color:#fff; text-align:center; }

.news_topic { float:right; width:50%; margin:0; padding:6%; font-size:16px; font-weight:bold; color:#fff; }
.news_brief { width:88%; height:100px; margin:0; padding:6%; background:rgba(255,255,255,0.65); border-radius:0 0 4px 4px; }

.newsinner { width:90%; margin:0 auto; padding:40px 0 0 0; }
.newsdetail { width:100%; margin:0; padding:0; background:rgba(255,255,255,0.15); border-radius:4px; }
.newsdetail_date { float:left; width:15%; margin:0; padding:1%; text-align:center; border-right:1px solid #aaa; }
.newsdetail_date p.newsdate { width:100%; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:90px; line-height:50px; color:#84dc68; }
.newsdetail_date p.newsmonth { width:100%; text-align:center; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:33px; line-height:26px; color:#fff; text-align:left; }
.newsdetail_topic { float:right; width:80%; margin:0; padding:2% 1%; font-size:18px; font-weight:bold; color:#fff; position:relative; }
.newsdetail_bg { width:98%; margin:0; padding:1%; background:rgba(255,255,255,0.75); border-radius:0 0 4px 4px; }
.newsdetailL { float:left; width:45.5%; margin:0; padding:0; }
.newsdetailR { float:right; width:53.5%; margin:0; padding:0; }
.newsdetailR ul, .newsdetailR ol { margin:0; padding:0 0 5px 20px; }


.newsmore { margin:13px 0 0 0; padding:0; position:relative; width:100%; }
.newsmore ul { margin:0 0 0 -13px; padding:0; }
.newsmore ul li { float:left; width:inherit; margin:0 0 0 13px; padding:0; list-style:none; }
.newsmore ul li a:hover .newsmore_text { color:#5bb73e; }
.newsmore_icon { float:left; margin:0; padding:11px; background:#84dc68; border-radius:4px 0 0 4px; }
.newsmore_text { float:left; margin:0; padding:10px 15px; background:#fff; border-radius:0 4px 4px 0; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; color:#444; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.newsmore_fb { position:absolute; right:2%; top:30%; z-index:9999; }
/*End News*/


/*Download*/
.download { width:90%; margin:0 auto; padding:50px 0 0 0; }
.downloadL { float:left; width:33%; height:503px; margin:0; padding:1%; background:rgba(255,255,255,0.4); border-radius:4px; }
.downloadR { float:right; width:63%; margin:0; padding:0; border-radius:4px; }
.downloadR ul { margin:0; padding:0; }
.downloadR ul li { width:100%; margin:0; padding:0; list-style:none; border-bottom:1px solid #eee; background:rgba(255,255,255,0.55); }
.downloadR ul li.topic { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; color:#444; background:rgba(255,255,255,0.5); border-radius:4px 4px 0 0; }
.downloadR ul li.topic a:hover { background:rgba(255,255,255,0); cursor:default; }
.downloadR ul li.last { border-bottom:none; border-radius:0 0 4px 4px; }
.downloadR ul li.last a:hover { background:rgba(255,255,255,0.5); border-radius:0 0 4px 4px; }
.downloadR ul li a { display:block; width:94%; margin:0; padding:1.25% 3%; }
.downloadR ul li a:hover { background:rgba(255,255,255,0.25); }
.download_name { float:left; width:88%; margin:0; padding:2px 0 0 0; }
.download_size { float:right; width:12%; margin:0; padding:0; }
/*End Download*/


/*Contact*/
.contact { width:90%; margin:0 auto; padding:0 0 0 0; }
.contact_mapb { float:left; width:640px; margin:0; padding:5px 0; position:relative; text-align:center; }
.lampoon { position: absolute; left: 30px; top: 88px; z-index:1; }
.sukhothai { position:absolute; left:30px; top:138px; z-index:1; }
.saraburi { position:absolute; left:30px; top:188px; z-index:1; }
.bangkok { position:absolute; left:30px; top:268px; z-index:2; }
.khonkan { position:absolute; right:30px; top:148px; z-index:1; }
.ubon { position:absolute; right:30px; top:218px; z-index:1; }
.buriram { position:absolute; right:30px; top:238px; z-index:1; }
.chonburi { position:absolute; right:30px; top:300px; z-index:1; }

.lampoon, .sukhothai, .saraburi, .bangkok, .khonkan, .ubon, .buriram, .chonburi { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.lampoon:hover, .sukhothai:hover, .saraburi:hover, .bangkok:hover, .khonkan:hover, .ubon:hover, .buriram:hover, .chonburi:hover { opacity:0.6; cursor:pointer; }



.contact_form { float:right; width:560px; margin:50px 0 0 0; padding:30px; background:rgba(255,255,255,0.8); border-radius:4px; }
.contact p.topic, .contact_inner p.topic { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; color:#444; }
.contact p.txtform, .contact_inner p.txtform { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#444; }

.contdL { float:left; width:210px; margin:0; padding:5px 0 0 0; }
.contdR { float:right; width:350px; }

.contact_inner { margin:0; padding:50px 0 0 0; }
.contact_forminner { float:left; width:51%; margin:0 0 2% 0; padding:1.5% 2%; background:rgba(255,255,255,0.8); border-radius:4px; }
.forminnerL { float:left; width:48%; margin:0; padding:0; }
.forminnerR { float:right; width:48%; margin:0; padding:0; }
.formtdL { float:left; width:25%; margin:0; padding:5px 0 0 0; }
.formtdR { float:right; width:75%; margin:0; padding:0; }

.contact_detail { float:left; width:51%; height:200px; margin:0; padding:1.5% 2%; background:rgba(255,255,255,0.8); border-radius:4px; }
.contact_detail p.txtbranch { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:42px; line-height:43px; color:#444; padding-bottom:8px; }

.contact_address { float:right; width:39%; height:200px; margin:0; padding:1.5% 2%; background:rgba(255,255,255,0.8); border-radius:4px; position:relative; }
.contact_address p.address { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:36px; line-height:37px; color:#444; padding-bottom:8px; }
.contact_address p.name { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:24px; line-height:15px; color:#444; padding-bottom:8px; }
.contact_address p.info { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:24px; line-height:24px; color:#777; }

.address_info { margin:0; padding:0; }
.address_info ul { margin:-8px 0 0 0; padding:0; }
.address_info ul li { float:left; width:50%; margin:8px 0 0 0; padding:0; list-style:none; }

.contact_map { position:absolute; width:auto; right:0.75%; top:1.5%; z-index:9999; }
.contact_map a { color:#fff; }
.contact_map a:hover { color:#fff600; }
/*End Contact*/


/*Footer*/
#footer { position:absolute; bottom:0; width:100%; text-align:center; color:#666666; font-size:11px; padding:12px 0; background:#ffffff; }
/*End Footer*/


.intro { width:100%; height:100%; min-height:100%; margin:0; padding:0; background:url(../images/bg/bg-intro.jpg) no-repeat center center;; background-size:cover; position:absolute; }
.intro-content { width:94%;  margin:0 auto; padding:0; text-align:center; position:relative; }
.intro-abs-logo { position:absolute; left:0; top:250px; z-index:200; width:100%; text-align:center; }
.intro-abs-text { position:absolute; left:0; top:380px; z-index:201; width:100%; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:64px; line-height:64px; color:#ffffff; 	text-shadow: 1px 1px 1px #555; }
/*.intro-footer { position:fixed; bottom:0; width:100%; text-align:center; color:#666666; font-size:11px; padding:20px 0; background:#ffffff; }
*/

/* ---------------------- Mobile ---------------------- */
@media screen and (max-width: 1366px){
/* .txtmain { margin-top:15%;   }*/
}
@media screen and (max-width: 1024px){
.mn { display:none; }

.boxmain_2 { position:relative; width:600px; min-height:110px; margin:14% auto 0 auto}
.boxmain { position:relative; width:600px; min-height:140px; margin:14% auto 0 auto}
.txtmain   { font-size:32px; line-height:32px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:25px 0; opacity:1;     }
 .bgBoxDetail   {height:100%; width:100%; position: absolute; left:0; top:0;background: url(../images/bg/bg_index.png) repeat top left; }





}

@media screen and (max-width:800px){

 .main section.page1 { background:url(../images/img-index-01.jpg) no-repeat -300px 0; background-size:cover; }
 
.boxmain_2 { position:relative; width:600px; min-height:110px; margin:34% auto 0 auto}

.boxmain { position:relative; width:600px; min-height:140px; margin:34% auto 0 auto}
.txtmain   { font-size:32px; line-height:32px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:25px 0; opacity:1;     }
 .bgBoxDetail   {height:100%; width:100%; position: absolute; left:0; top:0;background: url(../images/bg/bg_index.png) repeat top left; }

.panel ul li ul li { float:left; width:50%; margin:3px 0; padding:0; }




}

@media screen and (max-width:736px){
.boxmain { position:relative; width:400px; min-height:120px; margin:14% auto 0 auto}
.boxmain_2 { position:relative; width:400px; min-height:110px; margin:14% auto 0 auto}
.txtmain   { font-size:24px; line-height:24px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:25px 0; opacity:1;     }
}


@media screen and (max-width:640px){
.main section.page1 { background:url(../images/img-index-01.jpg) no-repeat center center; background-size:cover; }
.bgBoxDetail   {height:100%; width:100%; position: absolute; left:0; top:0;background: url(../images/bg/bg_index.png) repeat top left; }

.intro-abs-logo { width:160px; position:absolute; left:0; top:120px; z-index:200; width:100%; text-align:center; }
.intro-abs-logo img { width:100%; max-width:170px;}
.intro-abs-text { top:220px;  font-size:44px; line-height:44px;   }
 
}

@media screen and (max-height:600px){
.panel { height:240px !important; overflow:auto; }
 
 .intro-abs-logo { width:160px; position:absolute; left:0; top:110px; z-index:200; width:100%; text-align:center; }
.intro-abs-logo img { width:100%; max-width:170px;}
.intro-abs-text { top:220px;  font-size:44px; line-height:44px;   }
 .main section.page1 { background:url(../images/img-index-01.jpg) no-repeat center center; background-size:cover; }

}
@media screen and (max-width:601px){
 .main section.page1 { background:url(../images/img-index-01.jpg) no-repeat -200px 0; background-size:cover; }

.boxmain_2 { position:relative; width:450px; min-height:110px; margin:44% auto 0 auto}
.boxmain { position:relative; width:450px; min-height:140px; margin:44% auto 0 auto}
.txtmain   { font-size:30px; line-height:30px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:25px 0; opacity:1;     }

.intro { background:url(../images/bg/bg-intro.jpg) no-repeat left center;}

}



@media screen and (max-width:568px){
.txtmain { width:90%; margin:0 auto 0 auto !important; }
 .main section.page1 { background:url(../images/img-index-01.jpg) no-repeat center center; background-size:cover; }

}

@media screen and (max-height:555px){
.index_scroll { display:none; }

}

@media screen and (max-height:410px){
.panel { height:222px !important; overflow:auto; }
 }
 
@media screen and (max-width:480px){
.boxmain_2 { position:relative; width:340px; min-height:80px; margin:18% auto 0 auto}

.boxmain { position:relative; width:340px; min-height:100px; margin:18% auto 0 auto}
.txtmain   { font-size:22px; line-height:22px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:15px 0; opacity:1;     }
.bdrBoxDetail { border:6px solid #fff; opacity:0.2; position:absolute; width:100%; height:100%; left:-6px; top:-6px;} 
.intro-abs-text { top:220px;  font-size:34px; line-height:34px;   }

}

@media screen and (max-width:414px){
.panel { width:335px; height:351px !important; padding:20px; overflow:auto !important; }
.boxmain_2 { position:relative; width:250px; min-height:70px; margin:34% auto 0 auto}
.boxmain { position:relative; width:250px; min-height:110px; margin:34% auto 0 auto}
.btntop { float:right; margin:0 0 0 0; padding:0; }
.btntop ul { margin:0 71px 0 0; padding:0; }
.btntop ul li { width:70px; }
.boxbtn { width:70px; }
.main section.page1 { background:url(../images/img-index-01.jpg) no-repeat -200px 0; background-size:cover; }

.txtmain   { font-size:20px; line-height:20px;color:#fff; padding:15px 0; opacity:1;     }
.bdrBoxDetail { border:4px solid #fff; opacity:0.2; position:absolute; width:100%; height:100%; left:-4px; top:-4px;}  
}


@media screen and (max-width:360px){
.panel { width:320px; height:351px !important; padding:20px; overflow:auto !important; }	
}

@media screen and (max-width:320px){
.panel { width:280px; height:299px !important; padding:20px; }	
.panel ul li ul li { width:100%; }
.boxmain { width:230px; }
.boxmain_2 { width:230px; }
#footer {font-size:10px; }
}

@media screen and (max-height:360px){
.panel { height:115px !important; overflow:auto; }
.boxmain_2 { position:relative; width:420px; min-height:80px; margin:20% auto 0 auto}
.boxmain { position:relative; width:420px; min-height:110px; margin:20% auto 0 auto}
 .main section.page1 { background:url(../images/img-index-01.jpg) no-repeat center center; background-size:cover; }
	.txtmain   { font-size:26px; line-height:26px;color:#fff;/* text-shadow: 1px 1px #555555;*/padding:15px 0; opacity:1;     }

}