@media (max-width: 1700px) {
.main{ width:100%; padding:0 20px; }
.h-busineess ul li .content h5{width:100%; line-height:32px; margin:0 0 20px 0; color:#FFF; font-size:20px; text-decoration:underline; display:inline-block;}
}

@media (max-width: 1600px) {

header nav ul li{padding:0 10px}
.h-banner em{ top:330px; }

.m-landing ul li a .front, .m-landing ul li a .back, .m-landing ul li a .e-mmb{min-height:300px; }
.m-landing ul li a .back{padding:30px; }
.m-landing ul li a .back p{padding:20px 0; }

.h-about article .logo{width:15.5%;}
.h-about article p{width:84.5%;}
}

@media (max-width: 1440px) {
header nav ul{padding-right:20px;}
header nav ul li{padding:0 10px}
header .right .social{padding-left:15px; }
.m-landing ul li a .front, .m-landing ul li a .back, .m-landing ul li a .e-mmb{min-height:280px; }
.h-banner h1{left:4%; }
.h-banner em{left:4%;}
.h-banner .lSSlideOuter .lSPager{left:4%;}

.h-about article .logo{width:17.5%;}
.h-about article p{width:82.5%;}
}

@media (max-width: 1366px) {
header nav ul{padding-right:5px;}
header nav ul li{padding:0 10px}
header .logo{width:14%; }
header .logo img{width:100%; }
header .right{padding-top:8px;}

.busineess article .bg figure .btu{width:33.33333333%; display:block; float:left;}

footer .copyright{width:auto; display:block;}
footer nav{width:70% !important; display:block; float:right !important;}
footer nav .row{ margin:0 -12px; }
footer nav p{padding:11px 12px 0 12px;}

.m-landing ul li a .front, .m-landing ul li a .back, .m-landing ul li a .e-mmb{min-height:220px; }
.m-landing ul li a .back{padding:20px; }
.m-landing ul li a .back p{padding:10px 0; }
.m-landing ul li a .front h2, .m-landing ul li a .back h2{font-size:34px; }
.h-btu{margin-top:30px;}

.h-about article .logo{width:18.5%;}
.h-about article p{width:81.5%; font-size:40px;}
}

@media (max-width: 1280px) {
header .logo{width:14%; }
header nav ul li a{font-size:18px }
header .right .lag{padding:6px; margin-top:3px; }
header .right .social{margin-top:2px; }
header .right .social a img{width:93%; }
.h-banner h1{font-size:100px; line-height:80px; }
.h-banner em{top:240px;}

.h-contact ul li a img{max-width:100%;}

.h-csr h2{line-height:55px;}

.m-landing ul li a .front, .m-landing ul li a .back, .m-landing ul li a .e-mmb{min-height:280px;}
.abc{top:5px !important}
.br{top:-26px !important}
.m-landing ul li a .back p{line-height:22px; font-size:23px; }
.m-landing ul li a .back h2, .m-landing ul li a .front h2{ line-height:30px; font-size:30px; }
.m-landing ul li a:hover .back{padding:18px; }

footer .copyright{width:30%; display:block;}
footer nav{width:70%; display:block; }
footer nav .row{ margin:0 -8px; }
footer nav p{padding:11px 8px 0 8px; }

.h-about article .logo{width:20%;}
.h-about article p{width:80%;}
}

@media (max-width: 1227px) {
.h-csr .content, .csr .topic .content{width:100%;}
}

@media (max-width: 1024px) {
#hamburger{ display:block;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{ display:block;}
#nav-icon2{top:30px; }
html.mm-opening #nav-icon2{right:45%;}
header nav{display:none;}
header .right .lag, header .right .social{display:none;}
header .logo{width:auto; padding:0; }
header .logo img{width:auto; }
.h-busineess ul li .content{padding:20px; }
.h-busineess ul li .content h5{height:64px; }

.h-news ul li .content, .csr ul li .content{padding:20px;}

.about .award ul.nav li a{height:110px; line-height:30px; padding:25px 33px;}

.h-job h2{width:100%; }
.h-job figure{width:100%; display:block; float:left;}
.h-job figure span{width:50%; display:block; float:left;}
.h-job .mail{width:100%; display:block;}

.f-contact{padding:38px 0; }
.f-contact section{width:100%; }
.f-contact section h2{ padding-bottom:30px; }
.f-contact section .facebook, .f-contact section .youtube, .f-contact section .line{ padding:0 0 0 55px; display:block; float:none;}

.m-landing ul li a .back h2, .m-landing ul li a .front h2{ line-height:28px; font-size:31px; }
.m-landing ul li a .back p{line-height:18px; font-size:20px; }

footer .copyright{width:100%; float:left;}
footer .copyright p{width:auto; display:block; float:left;}
footer .copyright p:last-child{float:right;}
footer nav{display:none;}

.h-about article .logo{width:25%;}
.h-about article p{width:75%; line-height:36px;}
}

@media (max-width: 991px) {
html.mm-opening #nav-icon2{right:46.5%;}
.h-banner .text-slide{line-height:65px; font-size:70px; }
.h-banner em{top:190px; }

.h-about{text-align:center !important; padding:40px 0; }
.h-about article, .about article{ float:none;}
.h-about article .logo{width:15%; padding:0 0 30px 0; margin-left:-7.5%; text-align:center; position:relative; left:50%;}
.about article .logo{width:15%; padding:0 0 30px 0; margin-left:-7.5%; text-align:center; position:relative; left:50%; float:none;}
.h-about article p, .about article p{width:100%; text-align:center;}
.h-news{padding: 43px 0;}
.h-news ul{margin-top:25px; }
.h-news ul li, .csr ul li{width:50%; padding:15px; float:left;}
.h-news ul li .pic img, .csr ul li .pic img{height:28vw;}

.h-contact ul li{width:33.33333333%; display:block; float:left;}
.h-contact{padding:38px 0; }

.h-busineess ul li .content h5{height:auto;}

.about .youtube figure iframe{height:600px;}
.about .youtube figure .text{top:6%; right:3%;}
.about .youtube figure .logo{width:30%; }
.about .youtube figure .logo img{width:100%; }
.about .youtube figure h1{line-height:70px; font-size:100px; }

.busineess article .bg figure .btu{width:50%;}

.job .container .content .topic h5{font-size:28px; }
.job .container .content .detail figure dt:first-child{padding-bottom:20px; }
.job .container .content .detail figure dt span{padding-bottom:8px; }
.job .container .content .detail figure dt span p{line-height:25px; }
.job .container .content .detail figure dt ul{width:100%; }

.t-landing h2{ line-height:80px; font-size:50px; }
.h-btu{margin-bottom:30px; }

.m-landing ul li{width:100%;}

form label{width:16.66666667%; float:left;}
form input[type="text"], form textarea{width:83.33333333%; float:left;}

.busineess section .pic img{width:33.33333333%; float:left;}

.job .container h4{line-height:30px;  padding:118px 0 30px 0; }
.job .container .step{width:100%; text-align:center;}
.job .container .jobstep .content .topic{padding:14px 20px 14px 20px }
.job .container .step i:first-child{margin-left:0; }
.job .container .content .detail.st{padding:30px 15px; }
.job .remark{margin-top:30px; }
.job .container .bottom{padding:0 15px 30px 15px;}
.job .prev, .job .next{width:150px !important; }
.job section input[type="text"], .job section textarea{width:100%; float:left;}
.job section .btn-group{width:100%; }
.job section fieldset{margin:0; }
.job section .slit{width:100%; padding:0; }
.job section .slit:last-child{margin-bottom:30px; }
.job section .slit-b{width:100%; padding:0; margin-bottom:15px; }
.job section .slit-b::before{content:attr(title); width:100%; line-height:20px; padding:10px 0 10px 15px; margin-bottom:2px; color:#FFF; font-size:25px; background:#171A42; display:inline-block;}
.job section .slit-b:last-child{margin-bottom:30px; }
.job section .slit-b span{margin-bottom:0; }
.job section span{width:100%; margin-bottom:30px; }
.job section span.text{margin:0; }
.job section .bootstrap-select.btn-group .dropdown-menu li{margin:0;}
.job section .bootstrap-select.btn-group .dropdown-menu li a{width:100%; display:inline-block; float:left;}
.job section fieldset p{height:auto; margin:0; }
.job section fieldset p.space{display:none;}
.job section fieldset ul{margin-bottom:30px; }
.job section fieldset .col-md-20{width:100%; }
.job section fieldset .pad40{padding:0 20px 0 0 !important }
.job section fieldset ul li.head{display:none; }
.job section fieldset ul li{margin-bottom:20px; }
.job section fieldset ul li .frame span.text::before, .job section fieldset ul li .frame span.filter-option::before{display:none;}
.job section fieldset ul li .frame span.filter-option{padding:0 15px; }
.job section fieldset ul li .frame{width:100% !important; }
.job section fieldset ul li .frame span{background:none; padding:0; }
.job section fieldset ul li .frame span::before{content:attr(title); width:100%; line-height:40px; padding:0 0 0 15px; color:#FFF; text-align:left; background:#171A42; display:inline-block;}
.job section fieldset ul li .frame span input[type="text"]{width:100%; padding:0 15px; display:inline-block; float:right;}
.job section fieldset ul li .frame.num span::before{content:attr(title); width:100%; line-height:40px; padding:0 0 0 15px; color:#FFF; background:#171A42; display:inline-block;}
.job section fieldset ul li .frame.num span input[type="text"]{display:none;}
.job section fieldset ul li .frame span::before{}
.job section fieldset .edu li p{margin:15px 0 15px 0; }
}

@media (max-width: 768px) {
html.mm-opening #nav-icon2{right:60%;}

.lSSlideOuter .lSPager{bottom:20px !important; }

.h-contact ul li{width:100%; padding:5px 15px; }
.h-contact ul li .content{width:100%; height:auto; text-align:center; display:inline-block;}
.h-contact ul li h5{text-align:center;}
.h-contact ul li dt{width:auto; display:inline-block;}

.about article{padding:40px 0 25px 0; }
.about article .logo .pic{padding-bottom:0; }
.about article h3{width:100%; line-height:40px; padding-bottom:40px; margin-bottom:40px; font-size:40px; text-align:center;}
.about article h3 em{display:inline-block; left:50%; margin-left:-57px; }
.about article ul li span{height:auto; }
.about article ul li span h5{text-align:center;}

.about .youtube{padding:30px 0; }
.about .youtube figure iframe{height:500px;}

.busineess article .bg ul.nav li{width:100%; }

.csr .topic{padding:40px 0;}
.csr .topic .content h2{line-height:45px; font-size:40px;}

form label{width:25%; float:left;}
form input[type="text"], form textarea{width:75%; float:left;}

.h-about article, .about article{text-align:center;}
.h-about article .logo{width:auto; margin:0 0 25px 0 !important; padding:0; left:auto !important; float:none; display:inline-block;}
.h-about article .logo .pic{padding-bottom:25px; }
.h-about article .logo .pic, .h-about article .logo .pic img{width:auto !important; }

.about article .logo{width:auto; margin:0 0 25px 0 !important; padding:0; left:auto !important; float:none; display:inline-block;}
}

@media (max-width: 450px) {
html.mm-opening #nav-icon2{right:84%;}

.m-topic{padding:30px 0;}

.h-banner .text-slide{line-height:40px; font-size:45px; }
.h-banner em{width:80px; top:100px; }

.h-busineess h3, .h-csr h3, .h-news h3, .h-job h3, .m-topic h3, .about .award h3{width:auto; line-height:44px; font-size:40px;}
.h-busineess h3::after, .h-csr h3::after, .h-news h3::after, .h-job h3::after, .m-topic h3::after, .about .award h3::after{ height:24px; top:10px;}
.h-csr h2, .h-job h2{line-height:40px; font-size:40px; }

.h-news ul li, .csr ul li{width:100%; }
.h-news ul li .pic img, .csr ul li .pic img{height:auto;}
.csr ul li .content h5{height:auto;}

.h-job figure span{width:100%; }

.h-about article .logo, .about article .logo{margin-left: -12%;}
.h-about article p, .about article p{line-height:36px; font-size:30px; }

.h-busineess{padding:20px 0; }

.about .award{padding:0 0 40px 0; }
.about .award h3{margin:30px 0; }
.about .award ul.nav li{width:100%; }
.about .award .history h4, .about .award .history p{width:100%; }
.about .award ul.nav li a{height:auto;}
.about .award .history{padding:25px; }
.about .award .history dt:first-child{padding-top:0; }

.about .youtube figure .text{display:none;}
.about .youtube figure iframe{height:300px;}

.busineess article .topic h4{ font-size:30px; line-height:30px; }
.busineess article .bg figure .btu{width:100%;}
.busineess article .bg ul.nav li a{line-height:32px; font-size:32px;}
.busineess article .bg figure span .text{ padding:25px 28px; }

.m-detail .content {padding: 30px 7% 30px 7%;}
.m-detail .content .f-share{padding:15px 0 0 0; }
.m-detail .content .text{min-height:auto; padding:30px 0 40px 0; }
.m-detail .content label{width:100%; }

.m-more ul{width:100%; margin:10px 0 0 0; padding:0; display:inline-block;}

.job .container .content .topic{padding:14px 80px 14px 20px}
.job .container .content .topic .hot{margin:0; padding:0 16px; }
.job .container .content .detail figure{padding:20px;}
.job .container .content .detail figure dt h5{margin:0 0 10px 0; }
.job .container .content .detail figure dt span p{font-size:22px; }
.job .container .content .detail figure dt ul li{font-size:22px; line-height:24px; }

/* .m-topic h3{line-height:34px; padding: 5px 0; }
.m-topic h3::after{right:-25px;} */

.m-topic h3{line-height:34px; padding: 5px 0; }
.m-topic h3::after{ content:""; width:90px; height:8px; display:block; position:absolute; right:auto; top:auto; left:0; bottom:-15px; background:#B71F25;
-ms-transform: skew(0,0);
-webkit-transform: skew(0,0);
transform: skew(0,0); }

.f-contact{padding:30px 0 20px 0;}
.f-contact section h2{ line-height:35px; padding:0 0 20px 0; font-size:35px; }
.f-contact section{padding:0; }
.f-contact section .facebook, .f-contact section .youtube, .f-contact section .line{display:none; }

.m-landing ul li a .front, .m-landing ul li a .back, .m-landing ul li a .e-mmb{min-height:180px; }

.job .container .content .detail figure .browse{width:100%; }
.job .container .content .detail figure .f-btu{width:100%; margin-top:20px;}

.contact .f-form .pad{padding:20px; }
form label{width:100%; float:left;}
form label.message{height:40px; line-height:40px;}
form input[type="text"], form textarea{width:100%; float:left;}

.t-landing h2{ line-height:60px; font-size:30px; }

footer .copyright{text-align:center;}
footer .copyright p{width:100%; text-align:center;}
footer .copyright p a, footer .copyright p i{float:none; vertical-align:middle; display:inline-block;}
footer .copyright p i{height:15px; }

.busineess section .pic img{width:100%;}

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.m-landing ul li a .front h2{margin:140px 0px 0 0px;  font-size: 25px;}
.m-landing ul li a .e-mmb h2{position: relative;top: 60px;color: #FFF;font-size: 25px;}
.busineess .ff{padding:5px; }
.busineess .group a img{width:100%;}
}

@media (max-width: 375px) {
html.mm-opening #nav-icon2{right:83.5%;}

.h-banner .text-slide, .h-banner em{display:none; }
.h-about article .logo .pic{padding-bottom:36px;}

.f-contact section .tel{font-size:35px;}

.t-landing h2{ line-height:60px; font-size:30px; }

footer .copyright p{line-height:20px; margin-bottom:10px; }

.m-landing ul li a .front h2{margin:140px 0px 0 0px; font-size: 25px;}
.m-landing ul li a .e-mmb h2{position: relative;top: 60px;color: #FFF;font-size: 25px;}
.busineess .ff{padding:5px; }
.busineess .group a img{width:100%;}
}

@media (max-width: 346px) {
.m-detail .content .f-share{width:auto; }
.m-landing ul li a .front h2{margin:140px 0px 0 0px; font-size: 25px;}
.m-landing ul li a .e-mmb h2{position: relative;top: 60px;color: #FFF;font-size: 25px;}
.busineess .ff{padding:5px; }
.busineess .group a img{width:100%;}
}

@media (max-width: 320px) {
.f-contact section p{line-height:20px; font-size:20px; }
.f-contact section .tel{line-height:30px; font-size:30px;}
.m-landing ul li a .front h2{margin:140px 0px 0 0px; font-size: 25px;}
.m-landing ul li a .e-mmb h2{position: relative;top: 60px;color: #FFF;font-size: 25px;}
.busineess .ff{padding:5px; }
.cookie-overlay {
    position: fixed;
    display:inline !important;
    bottom: 0rem;
    background: #000;
    z-index: 2051;
    line-height: 20px;
    font-size: 14px;
    color : #ffffff ;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    width: 100%;
  }
  .accepcookies_container{
      padding: 30px;
  }
  .btn-thairung{
      color: #fff;
      background-color: #272b73;
      border-color: #272b73;
      padding: 15px;
      width: 100%;
  }
  .busineess .group a img{width:100%;}
}