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

.txtprogram-black { width:100%; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:24px; line-height:24px; color:#444; text-align:center; padding:90px 0}
.txtprogbtn-nextram-white { width:100%; padding:90px 0 0 60px ;font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:24px; line-height:24px; color:#fff; text-align:center; }


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

a { color:#777777; text-decoration:none; outline:none; -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; }
a:hover { color:#444444; text-decoration:none; outline:none; }
a img { border:none; display:block; }

.imghover { opacity:1; -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; }
.imghover:hover { opacity:0.8; }

.img100per { width:100%; height:auto; margin:0; padding:0; display:block; }


.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%; min-height:100%; margin:0; padding:0; }
#wrapper-service { width:100%; height:100%; min-height:100%; margin:0; padding:0; }
#wrapper-contact { width:100%; height:100%; min-height:100%; margin:0; padding:0; }
#wrapper-scroll { width:100%; margin:0; padding:0; }

#header { position:absolute; top:0; width:100%; padding:0; left:0; background:rgba(255,255,255,0.4); z-index:1001; overflow: visible}
.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.9; }
.mn ul li a:hover { opacity:1; color:#4d4d4d }
.mn ul li a.default { border-bottom:2px solid #fff; padding:0 0 20px 0; opacity:1; }
.mn ul li a.default:hover { border-bottom:2px solid #fff; padding:0 0 20px 0; opacity:1; color:#fff}

.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;background:rgba(255,255,255,0.15); 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.88); }


.panel { position:absolute; top:67px; right:-375px; padding:25px; width:325px; z-index:10000; background:rgba(255,255,255,0.9); }
.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'; 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 { width:100%; height:100%; min-height:100%; margin:0; }
#container { width:100%; margin:0; }
#container_inner { width:94%; margin:0 auto; padding:100px 0 0 0 !important; }
#container_contact { width:94%; margin:0 auto; padding:40px 0 0 0; }
#container_pro { width:100%; margin:0 auto; min-height:700px; padding:0; /*background:url(../images/bg/bg-pro.jpg) no-repeat bottom center; background-size:cover;*/ }
#container_ref { width:94%; margin:0 auto; padding:149px 0 80px 0 !important; }
#container_inner_contact { width:94%; /*height:100%; min-height:100%;*/ position:relative; margin:0 auto; padding:0 0 80px 0; }
 


/*.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; }
.txtmain { width:100%; padding-top:285px; text-align:center; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:65px; color:#fff; text-shadow: 1px 1px #555555; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }*/
/*End Stylesheet*/


/*About*/
.about { margin:0; padding:0 0 80px 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:17% 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:20px; 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:500px; 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; color:#555555 }
.imgabout { width:98%; height:auto; padding:0 1%; display:block; }

#background-vision { width:100%; height:100%; min-height:100%; margin:0; background:url(../images/bg/bg-about-vision.jpg) no-repeat center center; background-size:cover; }
.vision { width:30%; 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_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; color:#444444; }
.quality p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; padding:20px 0 5px 0; }

.quality ul { width:80%; margin:0 auto; padding:0 0 20px 0; }
.quality ul li { float:left; width:27.3%; margin:0 3%; padding:0; list-style:none; }
.quality ul li img { width:97%; height:auto; padding:1%; background:rgba(255,255,255,0.2); border:1px solid #fff; display:block; }

#background-message { height:100%; min-height:100%; background:url(../images/bg/bg-about-message.jpg) no-repeat center center; background-size:cover; }
.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; }
.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; }

.manage-mobile { display:block; }
.manage-mobile ul { margin:-1% 0 0 0; padding:0; }
.manage-mobile 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:#efefed; text-align:center; border-radius:4px 0 0 4px; overflow:hidden; }
.manageL img { border-radius:4px 0 0 4px; display:block; width:100%; height:auto; }

.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; }

.manageR ul { margin:0; padding:0 0 0 18px; }
.manageR ul li { float:none; width:auto; min-height:auto !important; margin:0; padding:0; background:none; list-style:disc; }


.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; overflow:auto; }
.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:14px; }

/*End About*/


/*Products*/
.products { width:100%; margin:0; padding:0; }
.prolist { float:left; width:33.33%; background-size:cover;min-height:725px; position:relative; }

.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; }
body.body_product { overflow:hidden}
.prolist_absolute { position:absolute; width:100%; bottom:24%; 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:50px; line-height:50px; color:#fff; border-radius:4px; -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; }
/*.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 .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; }*/
.prolist_text p.under { font-size:65px; line-height:30px; color:#fff; font-family:Tahoma; -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; }


.product_box { background-size:cover !important; width:100%; min-height:100%; height:100%; margin:0; padding:0; position:relative; }
.product_abs-mobile { display:none; }
.product_abs { position:absolute; width:385px; left:10%; bottom:15%; 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; }
.product_abs ol { margin:0; padding:0 0 0 20px; }
.product_abs ol li { float:left; width:50%; margin:0; padding:0; list-style:decimal; }

.pro_img-web {  width:100%; margin:0; padding:40px 0 0 0; text-align:center; }
.pro_img-web img { width:100%; height:auto; display:block; }
.pro_img { display:none}

.bgAll {background:url(../images/products/pro/All.jpg) no-repeat top center; background-size:cover; }
.bgStake { background:url(../images/products/pro/pole-stake.jpg) no-repeat top center; background-size:cover; }
.bgStakeI {background:url(../images/products/pro/pole-stake-I.jpg) no-repeat top center; background-size:cover; }
.bgElec {background:url(../images/products/pro/pole-elec.jpg) no-repeat top center; background-size:cover; }
.bgothers {background:url(../images/products/pro/others.jpg)  no-repeat top center; background-size:cover; }
.bgGrider {background: url(../images/products/pro/bg-pro-grid.jpg) no-repeat top center; background-size:cover; }


/*End Products*/


/*Service*/
#service { margin:0; padding:0; min-height:100%; height:100%; }
.service_box { background-size:cover !important; width:100%; min-height:100%; height:100%; margin:0; padding:0; }
.service_box img { display:block; width:100%; height:100%; }
.service_space { position:absolute; top:160px; left:0; z-index:9999; width:100%; }
.bgSerTran {background:url(../images/bg/bg-pro-ser-01.jpg) no-repeat bottom center; background-size:cover;}
.bgSerPile {background:url(../images/bg/bg-pro-ser-02.jpg) no-repeat bottom center; background-size:cover;}
.bgSerContrac {background:url(../images/bg/bg-pro-ser-03.jpg) no-repeat bottom center; background-size:cover;}


.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:25px; background:rgba(255,255,255,0.8); border-radius:4px; z-index:9999; color:#444; }
.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 { min-height:700px; margin:0; padding:0; position:relative; }
#process_step { position:fixed; width:100%; bottom:80px; left:0; text-align:center; } 
#process_step p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:34px; width:100%; text-align:center; }
#process_step p.no, #process_step_mobile 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, #process_step_mobile p.detail { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:20px; line-height:20px;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 .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; }
.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 .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; }


.bgProcess01 {background:url(../images/bg/bg-pro-process-01.jpg) no-repeat center center;  background-size:cover;}
.bgProcess02 {background:url(../images/bg/bg-pro-process-02.jpg) no-repeat center center;  background-size:cover;}
.bgProcess03 {background:url(../images/bg/bg-pro-process-03.jpg) no-repeat center center;  background-size:cover;}
.bgProcess04 {background:url(../images/bg/bg-pro-process-04.jpg) no-repeat center center;  background-size:cover;}
.bgProcess05 {background:url(../images/bg/bg-pro-process-05.jpg) no-repeat center center;  background-size:cover;}
.bgProcess06 {background:url(../images/bg/bg-pro-process-06.jpg) no-repeat center center;  background-size:cover;}
.bgProcess07 {background:url(../images/bg/bg-pro-process-07.jpg) no-repeat center center;  background-size:cover;}
.bgProcess08 {background:url(../images/bg/bg-pro-process-08.jpg) no-repeat center center;  background-size:cover;}
.bgProcess09 {background:url(../images/bg/bg-pro-process-09.jpg) no-repeat center center;  background-size:cover;}
.bgProcess10 {background:url(../images/bg/bg-pro-process-10.jpg) no-repeat center center;  background-size:cover;}



/*End Process*/


/*IR*/
.ir { margin:0; padding:0; min-height:800px; }
.irL { float:left; width:6%; margin:0; padding:0; }
.irR { float:right; width:91%; margin:0; padding:0; }

.td-head { background:rgba(255,255,255,0.8); color:#444444; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; border-radius:4px 4px 0 0; padding:10px 0; }
.td-head span { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; }
.td-head a { color:#444 !important; }
.td-normal { background:rgba(255,255,255,0.2); padding:10px 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.td-normal p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:21px; line-height:21px; }
.td-normal p.price { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:64px; line-height:32px; color:#84dc68; }
.td-end { background:rgba(255,255,255,0.2); border-radius:0 0 4px 4px; padding:10px 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }

.ir_com { float:left; width:48%; margin:0; padding:0; color:#fff; }
.ir_comL { float:left; width:48%; margin:0; padding:0; color:#fff; }
.ir_comL a, .ir_com a { color:#fff; }
.ir_comL h1, .ir_com h1 { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#84dc68; padding-bottom:15px; }
.ir_comL p.circle, .ir_com p.circle { width:30px; height:30px; text-align:center; background:rgba(255,255,255,0.15); text-align:center;  border-radius:15px; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:25px; line-height:30px; }
.ir_comL p.txtgreen, .ir_com p.txtgreen { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; color:#84dc68; }
.ir_comL table tr td.td-normal:hover, .ir_comL table tr td.td-end:hover { opacity:0.7; }


.ir_comR { float:right; width:48%; margin:0; padding:0; color:#fff; }

.ir_gove { margin:0; padding:0; }
.ir_gove h1 { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:27px; padding-bottom:15px; color:#fff; }
.ir_goveL { float:left; width:35%; margin:0; padding:0; }
.ir_goveL ul { margin:0; padding:0; }
.ir_goveL ul li { margin:0 0 1px 0; padding:0; list-style:none; }

.ir_goveL ul li a { display:block; width:93%; margin:0; padding:15px 0 15px 7%; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; color:#fff; position:relative; background:rgba(255,255,255,0.15); border-radius:4px; }

.ir_goveL ul li a:hover { background:rgba(255,255,255,0.25); }
.ir_goveL ul li a.default { background:rgba(255,255,255,0.8); color:#444; }
.ir_goveL ul li a.default .icn-bullet { position:absolute; top:25px; left:3%; width:6px; height:7px; background:url(../images/icn/icn-gove-bullet-over.png) no-repeat; }

.icn-bullet { position:absolute; top:25px; left:3%; width:6px; height:7px; background:url(../images/icn/icn-gove-bullet.png) no-repeat; }
.icn-arrow { position:absolute; top:22px; right:3%; opacity:0; }
.ir_goveL ul li a.default .icn-arrow { opacity:1; }
.ir_goveR { float:right; width:64%; margin:0; padding:0; background:rgba(255,255,255,0.8); border-radius:4px; }
.gove-detail { margin:0; padding:3%; }
.gove-detail p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:23px; line-height:23px; padding:10px 0 5px 0; }
.gove-detail ul { margin:0; padding:0 0 0 18px; }

.ir_news { width:80%; margin:0; padding:0; color:#fff; }
.ir_news a { color:#fff; }
.ir_news table tr td.td-normal:hover, .ir_news table tr td.td-end:hover { opacity:0.7; }

.ir_56-1 { float:right; width:40%; margin:0; padding:0; color:#fff; }
.ir_56-1 a { color:#fff; }
.ir_56-1 table tr td.td-normal:hover, .ir_56-1 table tr td.td-end:hover { opacity:0.7; }

.ir_financial { width:70%; margin:0 auto; padding:0; }
.financial-sub { margin:0; padding:0 0 40px 0; }
.financial-sub ul { margin:0; padding:0; }
.financial-sub ul li { float:left; margin:0; padding:0; font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; padding:5px 0; list-style:none; }
.financial-sub ul li.seperator { border-left:1px solid #fff; margin:0 0 0 18px; height:24px;  padding:0 0 10px 18px; }
.financial-sub ul li a { display:block; color:#fff; opacity:0.6; }
.financial-sub ul li a.default, .financial-sub ul li a:hover { opacity:1; }
.financial-detail { margin:0; padding:0; }
.td-finan-topic { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; color:#444444; margin:0; padding:15px 20px; background:rgba(255,255,255,0.8); }
.td-finan-topic span { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; border-radius:4px 4px 0 0; }

.td-finan-hiligh { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; color:#444444; margin:0; padding:10px 20px; background:rgba(255,255,255,0.8); }
.td-finan-normal { color:#444444; margin:0; padding:15px 20px; background:rgba(255,255,255,0.55); border-bottom:1px solid #fff; }

.state-year { margin:0; padding:0 0 20px 0; }
.btn-disable { opacity:0.3; }
.list-year { width:90%; margin:0 auto; padding:0; text-align:center; }
.list-year ul { margin:0; padding:0; text-align:center; }
.list-year ul li { width:12.2%; float:left; margin:0 1%; padding:0; list-style:none; text-align:center; }
.list-year ul li a { width:100%; display:block; margin:14px 0; padding:0; }
.list-year ul li a.default { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:54px; line-height:54px; color:#97dc68; margin:0; padding:0; }

.ir_annual { margin:0; padding:80px 0 0 0; }
.ir_annual ul { margin:0; padding:0; }
.ir_annual ul li { float:left; width:98%; margin:0 1% !important; padding:0; list-style:none; }
.ir_annual ul li a { display:block; width:100%; margin:0; padding:0; }
.annual-topic { width:100%; margin:0; padding:7% 0; background:#84dc68; border-radius:4px 4px 0 0; color:#fff;  font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; text-align:center; }
.annual-detail { width:96%; margin:0; padding:2%; background:rgba(255,255,255,0.8); border-radius:0 0 4px 4px; }
.annual-cover { border:1px solid #d2d2d2; }
.annual-cover img { width:100%; height:auto; display:block; }
.annual-download { margin:0; padding:7% 0; text-align:center; }

.ir_con { width:70%; margin:0; padding:0 0 0 5%; color:#fff; }
.ir_con a { color:#fff; text-decoration:underline; }
.ir_conL { float:left; width:40%; margin:0; padding:0; }
.ir_conL p.name { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:27px; line-height:25px; color:#84dc68; padding-bottom:10px; }	
.ir_conL p.address { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; color:#fff; }

.ir_conR { float:right; width:54%; margin:0; padding:3%; background:rgba(255,255,255,0.8); border-radius:4px; color:#777777; }
.ir_conR p.topic { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:25px; line-height:25px; padding-bottom:3px; }


/*Reference*/
#background-ref { width:100%; min-height:100%; height:100%; margin:0; background:url(../images/bg/bg-ref.jpg) no-repeat center center; background-size:cover; }
.ref { margin:0; padding:0; min-height:500px; }
.ref-detail { margin:0; padding:0;  min-height:500px;   position:relative; }
#ref_thumb { width:94%; margin:0 auto; padding:50px 0 0 0; }
#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 .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; }
.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:35px; line-height:40px; color:#444; }

#btn-prev { position:absolute; top:40%; left:0; padding-top:0; z-index:9999; background:rgba(255,255,255,0.8);/*background:rgba(255,255,255,0.15); */-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; }
#btn-next { position:absolute; top:40%; right:0; padding-top:0; z-index:9999; background:rgba(255,255,255,0.8); -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; }
#btn-close { position:absolute; top:88px; right:1%; z-index:9999; }
#btn-prev:hover, #btn-next:hover { background:rgba(255,255,255,0.6); }
#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 .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; }
#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:0; min-height:700px; }
.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%; min-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:90%; margin:0; padding:5% 5%; 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:6px 10px; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }
.txtbox_calendar { margin:0; padding:6px 10px; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }
.txtbox_percent { margin:0; padding:6px 2%; background:rgba(148,158,162,0.4); border-radius:4px; border:none; resize:none }

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


.btn { min-width:100px; margin:0; padding:6px 10px; 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 .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; }
.btn:hover { cursor:pointer; color:#fff600; }
/*End Career*/


/*News*/
.news { margin:0; padding:0 0 100px 0; }
.newsthumb { margin:0; padding: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:0 0 100px 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; }
.newsdetailL img { display:block; width:100%; height:auto; }
.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 .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; }
.newsmore_fb { position:absolute; right:2%; top:30%; z-index:9999; }
/*End News*/


/*Download*/
.download { width:90%; margin:0 auto; padding:0 0 100px 0; }
.downloadL { float:left; width:33%; height:auto; margin:0; padding:1%; background:rgba(255,255,255,0.4); border-radius:4px; }
.downloadL img { display:block; width:100%; height:auto; }

.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:86%; margin:0; padding:2px 0 0 0; }
.download_size { float:right; width:14%; margin:0; padding:0; }
.txt_size_m { display:none;}
/*End Download*/


/*Contact*/
.contact { width:1080px; margin:0 auto; padding:50px 0 100px 0; }
.contact_mapb { float:left; width:680px; margin:0; padding:0; position:relative; text-align:center; }
.lampoon { position: absolute; left: 30px; top: 48px; z-index:1; }
.sukhothai { position:absolute; left:30px; top:98px; z-index:1; }
.saraburi { position:absolute; left:30px; top:138px; z-index:2; }
.saraburi img { display:block; }
.bangkok { position:absolute; left:30px; top:206px; z-index:1; }
.khonkan { position:absolute; right:30px; top:108px; z-index:1; }
.ubon { position:absolute; right:30px; top:147px; z-index:2; }
.buriram { position:absolute; right:30px; top:164px; z-index:1; }
.chonburi { position:absolute; right:30px; top:225px; z-index:1; }

.lampoon, .sukhothai, .saraburi, .bangkok, .khonkan, .ubon, .buriram, .chonburi { -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; }
.lampoon:hover, .sukhothai:hover, .saraburi:hover, .bangkok:hover, .khonkan:hover, .ubon:hover, .buriram:hover, .chonburi:hover { opacity:1; cursor:pointer; }



.contact_form { float:right; width:360px; margin:0; padding:20px; 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:110px; margin:0; padding:5px 0 0 0; }
.contdR { float:right; width:250px; }

.contact_inner { position:fixed; width:94%; bottom:90px; margin:0 auto; padding:0; }
.contact_forminner { display:none; /*float:left; width:51%; margin: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_name { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:72px; line-height:72px; color:#fff; padding:0 0 30px 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; position:fixed; bottom:0; min-width:200px; margin:0; padding:1.5%; 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 { float:left; margin:0; padding:0; }
.address_info ul { margin:0 0 0 0; padding:0; }
.address_info ul li { float:left; margin:8px 20px 0 0; padding:0; list-style:none; }

.contact_map { float:left; padding:0 0 0 30px; }
.contact_map a { color:#fff; }
.contact_map a:hover { color:#fff600; }

p.important { color:#f00; font-weight:bold; font-family:Arial; font-size:16px; }


.bgCareer {background:url(../images/bg/bg-career.jpg) no-repeat center center;  background-size:cover;}

.bgContactBkk {background:url(../images/bg/bg-contact-bangkok.jpg) no-repeat top center;  background-size:cover; }
.bgContactChon {background:url(../images/bg/bg-contact-chonburi.jpg) no-repeat center center;  background-size:cover;}
.bgContactChBurirum {background:url(../images/bg/bg-contact-burirum.jpg) no-repeat center center;  background-size:cover;}
.bgContactLampoon {background:url(../images/bg/bg-contact-lampoon.jpg) no-repeat center center;  background-size:cover;}
.bgContactSaraburi {background:url(../images/bg/bg-contact-saraburi.jpg) no-repeat center center;  background-size:cover;}
.bgContactKhunkaen {background:url(../images/bg/bg-contact-khonkaen.jpg) no-repeat center center;  background-size:cover;}
.bgContactSaraburi_PUT {background: url(../images/bg/bg-contact-head.jpg) no-repeat center center;  background-size:cover;}
.bgContactSukhotai {background: url(../images/bg/bg-contact-sukhothai.jpg) no-repeat center center;  background-size:cover;}
.bgContactUbon {background: url(../images/bg/bg-contact-ubon.jpg) no-repeat center center;  background-size:cover;}


/*End Contact*/


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

#process_step_mobile, .careerR-mobile, .btn-back, .mn-select, #ref_thumb_mobile, .listbranch, .products-mobile, .message-img, .manage-mobile { display:none;  }

body.body_m { overflow: hidden}

/* ---------------------- Mobile ---------------------- */
 


/* ---------------------- Mobile ---------------------- */
@media screen and (max-width: 1366px){
.pro_img-web { padding:10px 0 0 0; }
}


@media screen and (max-width: 1280px){
.manage ul li { min-height:auto; }
.manage-mobile ul li { min-height:auto; }

.manageL { height:auto; position:relative; }
.manageL img { position:static; bottom:0; }

.ref_thumb_detail p.refname { font-size:34px; line-height:40px; color:#444; }

.newsdetail_date { width:20%; }
.newsdetail_topic { width:75%; }

.pro_img-web { padding:30px 0 0 0; }

}

/* ---------------------- 1024px ---------------------- */
@media screen and (max-width: 1024px){
body.body_product { overflow: auto}
html { overflow:auto; overflow-x:auto !important; }
body { overflow:auto; }
#wrapper { width:100%; height:auto; min-height:auto; }
#wrapper-contact { width:100%; margin:0; padding:0; }
#container_inner { margin:0 auto; padding:100px 0 5% 0 !important; }
#footer { position:static; }
#container_contact { width:94%; margin:0 auto; padding:100px 0 0 0; }

.mn { display:none; }	
.about { margin:0; padding:0; }
.aboutL { width:10%; }
.aboutR { width:87%; }
.quality { width:90%; margin:0; padding:3% 5%; }
.message { width:50%; margin:0; padding:6% 0 0 7%; }

.manageL { width:48%; }
.manageR { width:46%; padding:3%; }
.manageR .name, .profile-detail .name { font-size:23px; line-height:23px; }
.manageR .position, .profile-detail .position { margin:5px 0 10px 0; padding-bottom:11px; }

.profile { width:100%; height:auto; overflow:auto; }
.profile-img { float:left; width:40%; height:auto; display:block }
.profile-img img { border-radius: 4px 0 0 4px; } 
.profile-detail { float:right; width:50%; height:auto; padding:30px 5%; overflow:auto; }
.tos-wrapper.tos-fixed .tos-slide.tos-html > div { width:90%; margin:0 auto; }

.prolist_text { width:90%; font-size:56px; line-height:56px; }
.product_abs { left:5%; bottom:6%; }
#process_step { display:none; } 
#process_step_mobile { display:block; position:absolute; width:100%; bottom:20px; left:0; text-align:center; } 

.pro_img-web { padding:150px 0 0 0; }

.irL { width:10%; }
.irR { width:87%; }
.ir_news { width:100%; }
.ir_com { width:100%; }
.ir_56-1 { width:50%; }
.ir_financial { width:100%; }
.ir_con { width:100%; margin:0; padding:0; }

.ref_thumb_detail { opacity:1; }
.ref_thumb_detail p.refname { height:80px; }
#ref_box { bottom:85px; right:3%; }

.download { padding:0; }
.download_name { float:left; width:80%; margin:0; padding:2px 0 0 0; }
.download_size { float:right; width:20%; margin:0; padding:0; }


#process_step_mobile p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:36px; line-height:34px;text-align:left; }
.td_step_active { width:80%; margin:0 auto; }
.td_step_active p.stepn { text-align:left; font-size:26px; border-bottom:1px solid #444; padding:0 0 10px 0; margin-bottom:10px}

.newsdetail_date { width:25%; }
.newsdetail_topic { width:70%; }

.news { margin:0; padding:0; }
.newsinner { width:90%; margin:0 auto; padding:0; }

.contact { width:100%; margin:0; padding:0; }	
.contact_mapb { float:none; width:680px; margin:0 auto; }
.contact_form { float:none; width:640px; margin:50px auto 3% auto; }

.contdL { float:left; width:20%; margin:0; padding:5px 0 0 0; }
.contdR { float:right; width:80%; }

.txtbox { width:97% !important; }
select.txtbox { width:101.5% !important; }
.txtbox_calendar { width:94.5% !important; }
.txtbox_percent { width:96% !important; }
textarea.txtbox { width:94.5% !important; }
textarea.txtbox_percent { width:93% !important; }

.forminnerL { float:left; width:100%; margin:0; padding:0; }
.forminnerR { float:right; width:100%; margin:10px 0 0 0; padding:0; }
.formtdL { float:left; width:25%; margin:0; padding:5px 0 0 0; }
.formtdR { float:right; width:75%; margin:0; padding:0; }

.form { width:90%; margin:5% 0; padding:5%; background:rgba(255,255,255,0.8); border-radius:4px; }
.formL { float:left; width:48%; }
.formR { float:right; width:48%; }
.tdL { float:left; width:100%; padding-top:5px; }
.tdR { float:right; width:100%; padding-top:5px; }
.tdR input.txtbox { width:95% !important; padding:10px; }

.tdR table.sex { width:102%; }
.tdR table.add { width:98.5%; }
.tdR select.txtbox { width:102% !important; margin:0; }
input#txtfile { width:90% !important; }
textarea.txtbox { width:94% !important; }

.careerL { float:left; width:36%; margin:0; padding:0; }
.career_benefit { width:90%; height:auto; padding:4% 5%; }
.careerR { float:right; width:60%; margin:0; padding:0; }
.career_detail { float:right; width:61%; height:auto; margin:0; padding:4% 4% 80px 4%; }
.tdcareerL { float:left; width:30%; margin:0; padding:0; }
.tdcareerR { float:left; width:70%; margin:0; padding:3px 0 0 0; }

/*.contact_inner { position:absolute; width:100%; bottom:60px; margin:0; padding:0; }*/

}

/* ---------------------- 800px ---------------------- */
@media screen and (max-width: 800px){
#container_contact { width:94%; margin:0 auto; padding:100px 0 0 0; }

#wrapper { height:auto; min-height:auto; }
#wrapper-contact { width:100%; height:auto; min-height:auto; margin:0; padding:0; }
#wrapper-service { width:100%; height:auto; min-height:auto; }
.panel ul li ul li { float:left; width:45%; margin:6px 10px 6px 0; padding:0; font-size:20px; }
#background-message { background:url(../images/bg/bg-about-message.jpg) no-repeat center center; background-size:1000% !important }
.message-img { display:block; float:left; width:37%; }
.message-img img { width:100%; height:auto; display:block; border-radius:4px; }	
.message { float:right; width:60%; margin:0; padding:0; }
/*.message table tr td { text-align: center; }*/
.message table tr td.td-message { text-align:right; }

.quality ul { width:100%; margin:0; padding:0 0 20px 0; }

.manage { display:none; }
.manage ul li { width:100%; margin:1% 0 0 0; padding:0; }
.manage-mobile { display:block; width:100%; margin:0; padding:0; }
.manage-mobile ul li { width:100%; margin:1% 0 0 0; padding:0; }

.quality img { width:100%; height:auto; display:block; }
.quality table { width:100%; }

.vision { width:60%; }

.prolist_text { width:90%; font-size:44px; line-height:44px; }
#btn-prev { top:35%; }
#btn-next { top:35%; }

.ir_comL { width:100%; }
.ir_comR { width:100%; padding:30px 0 0 0; }
.ir_56-1 { width:100%; }
.list-year { width:98%; margin:0 auto; }
.list-year ul li { width:14%; float:left; margin:0; padding:0; list-style:none; text-align:center; }
.list-year ul li a.default { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:26px; line-height:26px; color:#97dc68; margin:14px 0; }

.ref_thumb_detail p.refname { font-size:30px; line-height:35px; }

.ir_annual { margin:0; padding:0; }
.ir_goveL ul li a { width:78%; padding:15px 10% 15px 12%; }
.ir_goveL ul li a.default .icn-bullet { left:5%; }
.icn-bullet { left:5%; }
.icn-arrow { right:5%; }

#container_ref { width:94%; margin:0 auto; padding:0 0 0 0 !important; }
#ref_box { position:absolute; min-width:inherit; width:94%; margin:0 auto; bottom:3%; right:0; padding:3%; }

.careerL { float:left; width:48%; margin:0; padding:0; }
.careerR { display:none; }
.careerR-mobile { display:block; float:right; width:48%; margin:0; padding:0; }

.career_position { width:100%; }
.career_position ul li a { border-radius:4px; }
.career_detail { float:right; width:92%; height:auto; margin:0; padding:4% 4% 80px 4%; }

.btn-back { width:90px; margin:10px 0 0 0; display:block; background:rgba(255,255,255,0.88); border:1px solid #cccccc; border-radius:4px; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:20px; line-height:20px; }
.btn-back a { display:block; margin:0; padding:7px 10px; }

.newsdetail_date { float:left; width:26%; margin:0; padding:2%; text-align:center; border-right:1px solid #aaa; }
.newsdetail_topic { float:right; width:50%; margin:0; padding:2% 15% 2% 1%; font-size:18px; font-weight:bold; color:#fff; position:relative; }

.newsdetail_bg { width:94%; padding:3%; }
.newsdetailL { float:left; width:100%; margin:0; padding:0; }
.newsdetailR { float:right; width:100%; margin:0; padding:0; }
.newsmore { margin:13px 0; }

.address_info ul li { width:100%; }
 .profile-img { display: block}
 .downloadL { display:none}
 .downloadR { width:94%; margin:0 auto; min-height:400px;}
 .download_name { float:left; width:68%; margin:0; padding:2px 0 0 0; }
.download_size { float:right; width:22%; margin:0; padding:0; }
 
 
 
 /*Product*/
.product_abs-mobile { display:block; }
 .product_abs { background:none; width:60%; z-index:0; left:0; position:relative; bottom:0; margin:0 auto; padding:30px 20%; border-radius:0; }
.product_abs p { font-size:46px; line-height:42px; }
.btn { font-size:24px;}
.careerL { width:100%; }
.careerR-mobile { width:100%; margin:0 0 3% 0; }

.pro_img-web { display:none; }
.pro_img { margin:0 auto; padding:67px 0 0 0; display:block }
.pro_img img { width:100%; height:auto;  margin:0 auto}
.product_box { background-size:cover !important; width:100%;/* min-height: 350px; */margin:0; padding:0; position:relative; }
.bgAll { background:none}
.bgStake { background:none}
.bgStakeI { background:none}
.bgElec {background:none}
.bgothers, .bgGrider {background:none}

#service { height:auto;}
.service_space { position:relative; top:0;z-index:0 !important}
.service { width:100%;  z-index:0 ;  }
/* .service_box { min-height: 570px; }*/
.service_01 { position:static; color:#444; }
.service_02 { position:static; color:#444; }
.service_03 { position:static; color:#444; }
.service_detail {  width:60%;   padding:30px 20%; z-index:0; background:none;  }
.service p {  font-size:42px; line-height:42px; }
.service p.ser {  font-size:58px; line-height:58x; }
.refline_white { border-bottom:1px solid #444}

.bgSerTran {background:none}
.bgSerPile {background:none}
.bgSerContrac {background:none}
#container_inner_process { margin:0 auto; padding:40px 0 0 0 !important; }

 
/*Process*/
#process_step_mobile { display:block; position: relative; width:60%; margin:0 auto;  left:0; text-align:center; } 
#process_step_mobile p { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:36px; line-height:34px;text-align:left; }
#process_step_mobile p.detail { font-family: 'psl_kanda_modernboldSVG','psl_kanda_modernbold'; font-size:22px; line-height:22px;  text-align:left; }

.bgProcess01,.bgProcess02,.bgProcess03,.bgProcess04,.bgProcess05,.bgProcess06,.bgProcess07,.bgProcess08,.bgProcess09,.bgProcess10 {background: none;  background-size: none;}
 
.process { min-height:auto}
 
.td_step_active {  padding:20px; margin:0 auto; background:none   }


.bgRefer { background:none}
 
 
 
#container_inner_contact { width:94%; height:auto !important; min-height:auto !important; margin:0 auto; padding:0 0 3% 0; }
.contact_name {  font-size:62px; line-height:62px; color:#fff; padding:0 0 10px 0 }
.contact_inner { position:static; width:100%; padding:3% 0 0 0; }
.contact_address { float:none; width:97%; }
 
.bgContactBkk {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center; background-size:cover;}
.bgContactChon {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactChBurirum {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactLampoon {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactSaraburi {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactKhunkaen {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactSaraburi_PUT {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactSukhotai {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}
.bgContactUbon {background: url(../images/bg/bg-contact-free.jpg) no-repeat center center;background-size:cover;}


}

/* ---------------------- 736px ---------------------- */
@media screen and (max-width: 736px){
#container_pro { width:100%; margin:0 auto; min-height:auto; padding:0; /*background:url(../images/bg/bg-pro.jpg) no-repeat bottom center; background-size:cover;*/ }
#btn-prev { top:50%; }
#btn-next { top:50%; }
}

/* ---------------------- 677px ---------------------- */
@media screen and (max-width: 677px){
#container_inner { margin:0 auto; padding:90px 0 5% 0 !important; }
.aboutL { width:100%; margin:0; padding:0; }
.aboutR { width:100%; margin:0; padding:0; }

.message-img { display:block; float:left; width:100%; }
.message-img img { width:60%; height:auto; display:block; border-radius:4px; margin:0 auto; }	
.message { float:right; width:100%; margin:5% 0 0 0; padding:0; }

.quality table { width:100%; }
.quality img { width:100%; height:auto; }

.subabout { display:none; }
.mn-select { display:block; margin:0; padding:0 0 20px 0; }

select.txtbox-select { width:100%; background:rgba(255,255,255,0.15); border:none; border-radius:4px; color:#fff; padding:10px 2%; display:block; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:20px; line-height:20px; }
select.txtbox-select option { border:none !important; border-radius:0 0 4px 4px; color:#777; margin:0; padding:4px; display:block; background:transparent; }

.newsinner { padding-top:80px; }
.newsdetail_date { float:none; width:96%; margin:0; padding:2%; text-align:center; border-right:none; }
.newsdetail_topic { float:none; width:96%; margin:0; padding:0 2% 2% 2%; font-size:18px; font-weight:bold; color:#fff; position:relative; }
.newsmore_fb { top:-60px; }

.formL { float:left; width:100%; }
.formR { float:right; width:100%; }

#background-ref { background:url(../images/bg/bg-ref-height.jpg) no-repeat top center; background-size:cover; }
#ref_thumb { display:none; }
#ref_thumb_mobile { display:block; width:80%; margin:0 auto; padding:0 0 350px 0; }
#ref_thumb_mobile ul { margin:-5% 0 0 0; padding:0; }
#ref_thumb_mobile ul li { width:100%; margin:5% 0 0 0; padding:0; list-style:none; }
#ref_thumb_mobile ul li a { display:block; margin:0; padding:0; }
.ref_thumb_mobileL { float:left; width:30%; margin:0; padding:0; }
.ref_thumb_mobileL img { width:100%; height:auto; display:block; }
.ref_thumb_mobileR { float:right; width:60%; margin:0; padding:10% 0 0 0; }
.ref_thumb_mobileR p { font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:35px; line-height:30px; color:#444; padding-top:10px; }

.products { display:none; }
.products-mobile { display:block; background:#6d8ab4; padding:67px 0 0 0; }
.products-mobile ul { margin:0; padding:0; }
.products-mobile ul li { margin:0; padding:0; list-style:none; }
.products-mobile ul li a { margin:0; padding:200px 0 25px 0; display:block; text-align:center; }
.product_abs { width:60%; z-index:0; left:0; position:relative; bottom:0; margin:0 auto; padding:30px 20%; border-radius:0; }
.product_abs p { font-size:36px; line-height:32px; }

.prolist-bg1 { background:url(../images/bg/bg-pro-01.jpg) no-repeat center center; background-size:cover; }
.prolist-bg2 { background:url(../images/bg/bg-pro-02.jpg) no-repeat center center; background-size:cover; }
.prolist-bg3 { background:url(../images/bg/bg-pro-03.jpg) no-repeat center center; background-size:cover; }

.tdcareerL { width:100%; }
.tdcareerR { width:100%; }

.irL { float:left; width:100%; margin:0; padding:0; }
.irR { float:right; width:100%; margin:0; padding:0; }

.contact_mapb { display:none; }
.listbranch { display:block; width:100%; margin:0; padding:0; }
.listbranch ul { margin:-2% 0 0 0; padding:0; }
.listbranch ul li { width:100%; margin:2% 0 0 0; padding:0; list-style:none; }
.listbranch ul li a { display:block; width:96%; margin:2% 0 0 0; padding:2%; background:rgba(255,255,255,0.25) url(../images/icn/icn-arrow-next-white.png) no-repeat center right 2%; border-radius:4px; font-family: 'psl_kanda_modern_extraregularSVG','psl_kanda_modern_extraregular'; font-size:30px; line-height:30px; color:#fff; font-weight:normal; position:relative; }

.contact_form { float:none; width:90%; margin:3% 0; padding:5%; }
input.txtbox { width:94% !important; }
textarea.txtbox { width:90% !important; }

textarea.txtbox_percent { width:91% !important; }

.contact_name { font-size:48px; line-height:48px; color:#fff; padding:0 0 10px 0 }
.contact_forminner { width:96%; margin:3% 0 0 0; }

.address_info { float:left; width:100%; margin:0; padding:0; }
.contact_map { float:left; width:100%; padding:10px 0 0 0; }

 
 .profile-img { display:none}
.profile-detail { width:90%;}
}


@media screen and (max-height:630px){
.panel { height:330px !important; overflow:auto; }
body.body_m { overflow: auto}

}

/* ---------------------- 600px ---------------------- */
@media screen and (max-width:600px){
#ref_box { width:50%; margin:0 auto; min-width:inherit !important; }
}

/* ---------------------- 568px ---------------------- */
@media screen and (max-width:568px){
textarea.txtbox { width:90% !important; }
}

/* ---------------------- 533px ---------------------- */
@media screen and (max-width:533px){
.list-year ul li { width:100%; float:none; margin:0; padding:0; list-style:none; text-align:center; }
.list-year ul li a { display:none; margin:5px 0 !important; }
.list-year ul li a.default { display:block; font-size:54px; line-height:44px; margin:5px 0 !important; }	

.ref_thumb_mobileL { float:none; width:211px; margin:0 auto !important; padding:20px 0 0 0; text-align:center; }
.ref_thumb_mobileR { float:none; width:100%; margin:0; padding:10px 0 0 0; text-align:center; }

.product_abs ol li { width:100%; }
}


/* ---------------------- 480px ---------------------- */
@media screen and (max-width:480px){
.btn { font-size:24px;}
.careerL { width:100%; }
.careerR-mobile { width:100%; margin:0 0 3% 0; }
.message { font-size:22px; line-height:24px;}
.message-img img { width:80%;}

.vision { width:75%; }

.pro_img img { width:100%; margin:0 auto}
.product_box { background-size:cover !important; width:100%; min-height: 350px; margin:0; padding:0; position:relative; }
.bgStake { background:none}
.bgElec {background:none}
.bgothers, .bgGrider {background:none}

#service { height:auto;}
.service_space { position:relative; top:0;z-index:0 !important}
.service { width:100%;  z-index:0 ;  }
 .service_box { min-height: 570px; }
.service_01 { position:absolute; right:0; top:0; color:#444;  z-index:0; }
.service_02 { position:absolute; position:absolute; left:0; top:0; color:#444;  z-index:0; }
.service_03 { position:absolute; position:absolute; left:0; top:0; color:#444; z-index:0;  }
.service_detail {  width:60%;   padding:30px 20%; z-index:0;  }
.service p {  font-size:42px; line-height:42px; }
.service p.ser {  font-size:58px; line-height:58x; }
.refline_white { border-bottom:1px solid #444}

#ref_box ul li { float:left; width:100%; margin:3% 0 0 0; padding:0; list-style:none; }

.bgSerTran {background:none}
.bgSerPile {background:none}
.bgSerContrac {background:none}

.download_size { width:32%}
}
/* ---------------------- Height 410px ---------------------- */
@media screen and ( max-height: 410px ){
.panel { height:221px !important; overflow:auto; }
}

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

.quality ul { margin:-3% 0 0 0; }
.quality ul li { float:left; width:100%; margin:3% 0 0 0; padding:0; list-style:none; }

.ir_conL { float:left; width:100%; margin:0; padding:0; }
.ir_conR { float:right; width:94%; margin:5% 0 0 0; padding:3%; }

.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; } 
#background-vision { background:url(../images/bg/bg-about-vision.jpg) no-repeat left center; background-size:cover; }
}

/* ---------------------- 360px ---------------------- */
@media screen and (max-width:360px){
.panel { width:320px; height:299px !important; padding:20px; }	

.mn-select { display:block; margin:0; padding:0 0 5% 0; }

#background-message { background-size:900% !important; }
.message { padding:0; }
.message-img img { width:80%;}

.manage ul { margin:-3% 0 0 0; }
.manage ul li { margin:3% 0 0 0; }

.manage-mobile ul { margin:-3% 0 0 0; }
.manage-mobile ul li { margin:3% 0 0 0; }

.manageL { width:100%; border-radius:4px 4px 0 0; }
.manageR { width:94%; padding:3%; }
.profile-img { width:100%; }
.profile-img img { border-radius: 4px 4px 0 0; }
.profile-detail { width:90%; padding:5%; }

.vision { width:100%; }

#container_pro { min-height:inherit !important; }

#btn-prev { top:55%; }
#btn-next { top:55%; }

/*.service { width:60%; margin:0 auto; padding:0; position:relative; }
*/.service_detail {  width:60%;   padding:30px 20%; z-index:0;  }
.service p { font-size:28px; line-height:28px; }
.service p.ser { font-size:48px; line-height:48x; }

.ir_goveL { width:100%; }
.ir_goveR { width:100%; margin:3% 0 0 0; }

.td-head { font-size:20px; line-height:20px; padding:10px 5px; }
.td-head span { font-size:20px; }

.td-finan-topic { font-size:20x; line-height:20px; padding:15px 10px; }
.td-finan-topic span { font-size:20px; line-height:20px; border-radius:4px 4px 0 0; }

.td-finan-hiligh { font-size:20px; line-height:20px; padding:10px 5px; }
.td-finan-normal { padding:15px 5px; }

.ref { margin:0; padding:0; min-height:inherit; }
#ref_thumb_mobile { padding:0 0 150px 0; }
.ref_thumb_mobileR p { font-size:30px; line-height:30px; color:#444; }
#ref_box p.refname { font-size:30px; line-height:25px; color:#444; padding-bottom:10px; }
#ref_box ul { margin:-3% 0 0 0; padding:0; }

.newsmore_fb { position:static; margin:0; padding:2% 0; }

.downloadL { display:none; }
.downloadR { width:100%; }

.contact { width:100%; }
.contdL { float:left; width:100%; margin:0; padding:5px 0 0 0; }
.contdR { float:right; width:100%; }
.listbranch ul li a { width:92%; margin:2% 0 0 0; padding:2% 4%; background:rgba(255,255,255,0.25) url(../images/icn/icn-arrow-next-white.png) no-repeat center right 4%; font-size:23px; line-height:23px; }
.contact_name { font-size:36px; line-height:36px; padding:0 0 10px 0 }

textarea.txtbox_percent { width:92% !important; }

}

/* ---------------------- 320px ---------------------- */
@media screen and (max-width:320px){
.panel { width:280px; height:359px !important; padding:20px; }	
.panel ul li ul li { width:100%; }
#footer {font-size:10px; }
.product_box { background-size:cover !important; width:100%; min-height: 200px; margin:0; padding:0; position:relative; }
.service_box { min-height: 470px; }
.service p.ser { font-size:32px;}
.td_step_active { width:80%; padding:0 10%; margin:0 auto; background:none  }
 .td_step_active p.stepn { font-size:26px; border-bottom:1px solid #444; padding:0 0 10px 0; margin-bottom:10px}
 

}

/* ---------------------- Height 320px ---------------------- */
@media screen and ( max-height: 320px ){
.panel { height:115px !important; overflow:auto; }	
#btn-prev { top:55%; }
#btn-next { top:55%; }
}