body,html{position:relative;padding:0;margin:0;width:100%;height:100%;max-height:99999px;font-family:ThaiSansNeue-Regular,arial;font-size:20px;line-height:1.2em;background:#e3e3e3;color:#666}
a{color:#3a87b2}
a:hover{color:#62a8de;text-decoration:none}
.wrapper{max-height:99999px;min-height:100%;height:100%;height:auto!important;margin:0 auto -100px;position:relative;max-width:1920px}
.push{display:block;height:100px;clear:both}
.map {background:url('../images/world-map-png-35423.png');background-size: cover; background-position: center; background-repeat: no-repeat;}
.gr {background:url('../images/footer.png');background-size: 100% 100%; background-repeat: no-repeat;}
.gr2 {background:url('../images/block2.png');background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom;}
.footer{position:relative;height:100px;background:url('../images/footer.png');background-size: 100% 100%; background-repeat: no-repeat;color:#fff;font-family:arial;font-size:.7em;margin:0 auto;max-width:1920px}
.slick-main{width:100%;position:relative}
.slick-sub{width:100%;position:relative}
.trans{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.menu{background:url('../images/black-bg.png');background-size:100%;padding:10px 10vw 10px 10px;position:absolute;bottom:0;right:0}
.menu-l{position:absolute;top:0;right:100%;height:100%}
.menu-l img{height:100%}
.menu > ul{list-style:none;margin:0;padding:0;float:right;}
.menu > ul > li{display:inline-block;border-right:3px solid #fff; position: relative;}
.menu > ul > li > a{padding:10px 10px; color:#fff}
.menu > ul > li > a:hover{text-decoration:none;color:#3a87b2}
.menu ul ul {display: none; min-width: 100%; list-style:none;margin:0;padding:0; position: absolute; top:calc(100% + 10px); left: 0px; z-index: 10;background:url('../images/black-bg.png');background-size:100%;}
.menu ul ul > li > a{display: block; padding:5px 10px; color:#fff; min-width:max-content;}
.menu ul ul > li > a:hover{text-decoration:none;color:#3a87b2}
.menu-mobile{background:url('../images/black-bg.png');background-size:100%;padding:5px 15px;position:absolute;top:0;right:0;width:100%;color:#fff;z-index:100}
.menu-mobile-div{display:none;width:100%}
.menu-mobile-div ul{list-style:none;margin:0;}
.menu-mobile-div > ul{padding:10vw 0 0 0}
.menu-mobile-div li a{color:#fff;padding:5px 0;display:block}
.menu-mobile-div ul li a:hover{text-decoration:none;color:#3a87b2}
.menu-mobile ul ul {display: none;}
.logo{position:absolute;top:20px;left:20px;width:10%;max-width:600px;z-index:101}
#mobile-btn{cursor:pointer}
.red {color:#f00}
.white{color:#fff}
.white-bg{background:#fff}
.blue{color:#5c27c2}
.blue-bg{background:#5c27c2}
.blue2{color:#3a87b2}
.blue2-bg{background:#3a87b2}
.dark-blue{color:#304955}
.dark-blue-bg{background:#304955}
.drop-shadow{height:100%;position:absolute;top:0;left:10vw;overflow:hidden}
.drop-shadow img{height:100%;width:90vw}
.dark-drop-shadow{height:100%;position:absolute;top:0;right:0}
.dark-drop-shadow img{height:100%}
.index-table-l{background:url('../images/a.jpg');background-position:center;background-repeat:0;background-size:cover}
.index-table-l2{background:url('../images/engineer-switchgear.jpg');background-position:center;background-repeat:0;background-size:cover}
.index-card .card{border:none}
.nav-tabs{border:none;border-bottom:1px solid #666;background:#fff;}
.nav-tabs .nav-link{border:none;background:0 0;color:#666}
.nav-tabs .nav-link:hover{color:#3a87b2}
.nav-tabs .nav-link.active{border-bottom:3px solid #3a87b2;color:#3a87b2}
.nav-link h5{margin:0;padding:0}
.tab-content{padding:15px;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}
.hidden-tabs {display: none;}
.radius{border-radius:.25rem}
.cur {cursor: pointer;}
.cur:hover {color:#3a87b2;}
i.fa-angle-double-right{vertical-align:text-bottom}
h3, h5 { font-weight: bold;}
@media (max-width:1200px){
.index-table-l{height:300px}
.index-table-l2{height:300px}
.logo{top:10px;left:10px;}
}
@media (max-width:992px){
.card-deck .card{-ms-flex:0 0 100%;flex:0 0 100%;z-index:1}
.logo{width:20%;}
.menu-mobile-div > ul{padding:19vw 0 0 0}
}
@media (max-width:768px){
.slick-main{width:100%;position:relative}
.logo{top:5px;left:5px;}
.menu-mobile-div > ul{padding:17vw 0 0 0}
}