@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("font/font.css");
@import url('https://fonts.googleapis.com/css?family=Athiti:300,400,500,600,700|Kanit:200,300,400,500,600,700');

body{ background:url(../images/bg-eimc-b.jpg) no-repeat  center bottom #a9ecf8;}
#warer{width:100%; min-width:1220px; height:100%; margin:0px auto; padding:0px; background:url(../images/bg-eimc-t.jpg) no-repeat top center;}
#warer-log{width:100%; min-width:1220px; height:100%; margin:0px auto; padding:0px; }
.certa{width:1420px; height:100%;  margin:0px auto; }

#header{margin:0px auto; height:919px; width:100%; min-width:1220px; position:relative;}
#topnav{margin:0px auto 0 auto; width:1340px; height:288px; z-index:1}

.logo-bkk{ width:268px; height:250px; background:url(../images/bg-bkk-logo.png) no-repeat left top; margin-left:60px; text-align:center;}
.txt-top{font-size:20px; font-family: 'Kanit', sans-serif; font-weight:300; color:#103d1e; z-index:66; line-height:25px;}
.bar-navmain{ width:1340px; height:288px; position:absolute;z-index:2; margin-top:381px; background:url(../images/bg-bkk-air.jpg) no-repeat center bottom; }
.bar-navmain-in{ width:1340px; height:288px; position:absolute;z-index:2; margin-top:381px; background:url(../images/bg-bkk-air2.jpg) no-repeat center bottom; }

#mid-map{width:1340px;  margin:0px auto 150px auto; background-color:#f2f5e9; }
.border-map{ width:1242px; border-top:20px solid #5ca474; border-right:5px solid #5ca474; border-bottom:20px solid #5ca474; border-left:5px solid #5ca474; margin:0 auto;}
.topHead{ height:140px; width:1220px; margin:0px auto; background: url(../images/eimc-img-01.png) no-repeat left 98px;}
.top-in{ height:98px; width:1220px; background-color:#144379;}
.logo{ float:left;}
.text-eimc{color:#FFF;float:left; width:260px; height:83px; background-color:#128c4f; padding-top:15px; margin-right:20px;} .text-eimc p{ padding-left:20px;}
.text-eimc p.eneimc{ font-size:12px; font-family: 'DINPro-Regular'; text-transform:uppercase; font-weight:700; }
.text-eimc p.theimc{font-family: 'Kanit', sans-serif; font-size:12px;} 

#content{ border-top:16px solid #10507e; max-width:1220px; height:auto; background-color:FFFFFF#;}
.intop{ height:438px; width:1220px; text-align:0; background:url(../images/eimc-img-02.png) no-repeat center bottom;}
.boxm{ height:440px; background:url(../images/bg-eimc-t2.jpg) }
.boxm{ height:440px;}
.cblue{ color:#10507e;}
.cred{ color:#fc1621;}
.cwhite{ color:#FFFFFF;}

.tup{text-transform:uppercase;}
.fwbold{ font-weight:bold}
.fw300{font-weight:300}
.fw400{font-weight:400}
.fw500{font-weight:500}

.enr{font-family: 'DINPro-Regular';}
.enm{font-family: 'DINPro-Medium';}
.enb{font-family: 'DINPro-bold';}
.thk{font-family: 'Kanit', sans-serif;}
.ths{font-family: 'supermarketregular', sans-serif;}

.tx18p{ font-size:18px}
.tx20p{ font-size:20px}
.tx22p{ font-size:22px}
.tx25p{ font-size:25px}
.tx27p{ font-size:28px}
.18p{ font-size:18px;}
.20p{ font-size:20px;}
.22p{ font-size:22px;}
.24p{ font-size:24px;}
.27p{ font-size:27px !important;}
.28p{ font-size:28px;}
.29p{ font-size:29px;}
.30p{ font-size:30px;}
.lh25px{ line-height:25px;}
.lh23px{ line-height:23px;}
.lh22px{ line-height:22px;}
.lh27px{ line-height:27px;}
.lh30px{ line-height:30px;}
.lh35px{ line-height:35px;}
.lh35{ line-height:20px;}

.p-t35{ padding-top:35px; }
.p-t25{ padding-top:25px; }
.p-t15{ padding-top:15px;}
.p-t10{ padding-top:10px;}

.p-b25{ padding-bottom:25px;}
.p-b15{ padding-bottom:15px;}
.p-b10{ padding-bottom:10px;}
.p-b5{ padding-bottom:5px;}

.m-t45{ margin-top:45px;}
.m-t40{ margin-top:40px;}
.m-t35{ margin-top:35px;}
.m-t25{ margin-top:25px;}
.m-t20{ margin-top:20px;}
.m-t15{ margin-top:15px;}
.m-t10{ margin-top:10px;}

.m-b45{ margin-bottom:45px;}
.m-b35{ margin-bottom:35px;}
.m-b25{ margin-bottom:25px;}
.m-b20{ margin-bottom:20px;}
.m-b15{ margin-bottom:15px;}
.m-b10{ margin-bottom:10px;}


.m-l20{margin-left:20px;}
.m-l30{margin-left:30px;}

.m-r30{margin-right:30px;}

.lin3p{ width:300px; height:3px; background-color:#10507e;}
.borr{ border-right:3px solid #10507e;}

.mar-center{ margin:0px auto;}
.pading-40{ padding-left:40px; padding-right:40px;}
.pading-60{ padding-left:60px; padding-right:60px;}
.pading-b90{ padding-bottom:90px;}
.pading-b60{ padding-bottom:60px;}
.pading-t90{ padding-top:90px;}
.pading-t60{ padding-top:60px;}

.row{ max-width:1100px; clear:both; }

.fl-left{ float:left;}
.fl-right{ float:right;}
.pos-re{ position:relative;}
.pos-ab{ position:absolute;}

.head-intxt, .head-intxt2, .head-intxt3, .head-intxt4{ height:45px; font-size:25px; text-transform:uppercase;}
.head-intxt{ padding:47px 0px 22px 85px; background:url(../images/icon-01.png) no-repeat 0px 22px; }
.head-intxt2{  padding:37px 0px 32px 85px;background:url(../images/icon-09.png) no-repeat 0px 22px;  }
.head-intxt3{ padding:32px 0px 37px 85px; background:url(../images/icon-13.png) no-repeat 0px 22px; }
.head-intxt4{ padding:32px 0px 37px 85px; background:url(../images/icon-14.png) no-repeat 0px 22px; }
.boxNewsTop{ width:1100px; height:560px; border-bottom:6px solid #10507e;}
.boxTableTop{ width:1100px; height:420px; border-bottom:6px solid #10507e;}
.boxNewsTop2{ width:1100px; height:600px; border-bottom:6px solid #10507e;}

.boxcontact{ width:920px; height:720px; padding:90px; border:3px solid #0e6da1; border-radius: 15px;} .boxcontact-in{ width:458px;} .boxcontact-in2{ width:350px; margin-left:108px;}
ul.sonav{width:350px;}
ul.sonav li{width:350px; font-family: 'DINPro-Medium'; font-size:13px; color:#0a2747; height:30px; font-size:18px; margin-bottom:10px;  } ul.sonav li span{width:50px; float:left; display:block;}
ul.sonav li a{ color:#10507e;} ul.sonav li a:hover{ color:#fa3246;}

.img-nwes-home{ width:745px; display:inline-block;  height:560px; object-fit:cover;}
.txt-news-home{ width:300px; display:inline-block; padding-left:55px; font-family: 'supermarketregular', sans-serif; color:#0b4172; height:560px;}

.date{font-size:17px;}
.head-topic{font-size:30px; line-height:35px;}
.news-detail{  font-size:19px; font-weight:300; height:230px;}

a.btn-more-home{ width:145px; height:35px !important; background:url(../images/icon-02.png) no-repeat 0px 0px #10507e; padding: 5px 0px 0px 50px; font-family: 'Kanit', sans-serif; font-size:19px; 
font-weight:400; color:#FFFFFF; display:block;}
a.btn-more-home:hover{background:url(../images/icon-02.png) no-repeat 0px 0px #fc1621;}

.btn-news-02{ width:284px; height:39px; background:url(../images/eimc-img-05.png) no-repeat 0px 0px ; font-family: 'supermarketregular', sans-serif; color:#0b4172;  padding: 10px 0px 10px 0px; text-align:center;
 font-size:30px; margin:0px auto 0px auto; left:50%; margin-left:-142px}
 
 a.btn-more-home3{ width:145px; height:27px !important; background:url(../images/icon-02.png) no-repeat 0px 0px #10507e; padding: 13px 0px 0px 50px; font-family: 'Kanit', sans-serif; font-size:19px; 
font-weight:400; color:#FFFFFF; display:block;}
a.btn-more-home3:hover{background:url(../images/icon-02.png) no-repeat 0px 0px #fc1621;}
 
a.btn-all{ width:145px; height:27px !important; background:url(../images/icon-02.png) no-repeat 0px 0px #10507e; padding: 12px 0px 0px 50px; font-family: 'Kanit', sans-serif; font-size:16px; 
font-weight:400; color:#FFFFFF; display:block; margin-left:10px;  }
a.btn-all:hover{background:url(../images/icon-02.png) no-repeat 0px 0px #fc1621;}
 
 a.btn-more-all{width:120px; height:20px;  display:block !important; padding-right:40px; background:url(../images/icon-03.png) no-repeat right 10px; font-family: 'supermarketregular', sans-serif; 
  font-size:22px; clear:both; float:right; text-align:right;  color:#0b4172; text-decoration:underline; margin-top:40px;} 
 a.btn-more-all:hover{ color: #fc1621;} 
 
 .news-box{width:1100px;}
 ul.new-in{ margin:0px; padding:0px 0px;}
 ul.new-in li{ width:354px; display:block; font-family: 'supermarketregular', sans-serif;  color:#0b4172; float:left;  padding-right:17px ;} 
 ul.new-in li:last-child  {padding-right:0px !important;}
 
 ul.new-in li div { padding-left:15px; padding-right:25px; height:150px;}
 ul.new-in li img{width:354px; height:220px; border-bottom:6px solid #245fa1; object-fit:cover;}
 
 
 ul.new-all2{ margin:0px; padding:0px 0px;}
 ul.new-all2 li{ width:265px; height:450px; display:block; font-family: 'supermarketregular', sans-serif;  color:#0b4172; float:left;  padding-right:10px ; padding-bottom:80px;}  
 ul.new-all2 li div { padding-left:15px; padding-right:25px; height:220px;}
 ul.new-all2 li img{width:265px; height:165px; border-bottom:6px solid #245fa1; object-fit:cover;}
.newstext-hall{ font-size:20px; line-height:25px; color:#192430 !important;}
.newstext-tall{font-size:16px; line-height:20px; }
 
 
 
.newstext-h{ font-size:23px; line-height:28px; color:#192430 !important;}
.newstext-t{font-size:20px; line-height:25px; }


.counter{background-color:#3996cb;  height:20px; text-align:center; padding-top:25px; padding-bottom:25px;}
.footer{ width:1100px; padding-left:60px; padding-right:60px; padding-top:50px; height:143px;  background:url(../images/eimc-img-10.jpg) no-repeat center top; margin-bottom:30px; font-size:19px; line-height:25px;
font-family: 'supermarketregular', sans-serif;}
.copy{ text-align:right; padding-right:50px; padding-bottom:25px; font-family: 'DINPro-Medium'; font-size:13px; color:#0a2747; text-transform:uppercase;}
.copy2{ padding-bottom:20px;  padding-top:10px;font-family: 'DINPro-Medium'; font-size:13px; color:#0a2747; text-transform:uppercase;}
.ft01{ width:470px; float:left;} .w135{ width:165px;} .w165{ width:290px;}
.ft02{ width:325px; float:left; background:url(../images/line-01.jpg) no-repeat left center;} .ft02-in{ background:url(../images/icon-04.png) no-repeat 0px 0px; width:190px; display:block; padding-left:50px; height:100px;}
.ft03{ width:300px; float:left; background:url(../images/line-01.jpg) no-repeat left center; font-family: 'DINPro-Regular'; font-size:18px;}
a.btn01{ color:#FFFFFF;} a.btn01:hover{ color:#9ec4d9;}

.socai01, .socai02, .socai03{width:195px; height:30px; margin-left:50px; padding-left:50px; margin-bottom:5px;}
.socai01{  background:url(../images/icon-05.png) no-repeat 0px 0px; }
.socai02{  background:url(../images/icon-06.png) no-repeat 0px 0px; }
.socai03{  background:url(../images/icon-07.png) no-repeat 0px 0px; }

ul.navtop{ margin:0px 0px 0px 0px;}
ul.navtop li{ display:inline-block; margin-top:40px;  !important;}
ul.navtop li:last-child  {padding-right:0px !important;}
ul.navtop li a{ color:#b4ded2; font-family: 'supermarketregular', sans-serif; font-size:25px; padding-left:22px; padding-right:22px;} ul.navtop li a:hover{ color:#FFFFFF;}

.wbox{width:455px; height:350px; margin-top:100px; position:relative; -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.79); 
box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.79);}
.box-login{ width:455px; height:300px; background-color:#FFF; border-top: 1px solid #ffffff;
border-bottom: 1px solid #dce1e7; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-radius: 10px 10px 0px 0px; }
.box-forget{ width:455px; height:40px; padding-top:10px; background-color:#e5edf1; border: 1px solid #e5edf1; border-radius: 0px 0px 10px 10px; text-align:center;}

.login-icn{ width:92px; height:92px; position:absolute; margin-top:-40px; margin-left:-46px; z-index:55; left:50%;}


.fl01{width:370px;   margin:60px auto 0px auto;}
.textmem{font-size:18px !important;font-family: 'DINPro-Medium'; text-align:center; margin-bottom:5px;}
a.btnfor{ font-family: 'DINPro-Regular'; font-size:16px; color:#999; }a.btnfor:hover{ color:#0e0e0e;}
input[type=text], select {
    width: 100%;
    padding: 11px 20px;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;font-size:15px !important;font-family: 'DINPro-Regular';
}

input[type=password], select {
    width: 100%;
    padding: 11px 20px;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;font-size:15px !important;font-family: 'DINPro-Regular';
}

textarea{
    width: 100%;
    padding: 11px 20px;
    margin: 1px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;font-size:15px !important;font-family: 'DINPro-Regular';
}

input[type=submit] {
    width: 100%;
    background-color: #61abc8;
    color: white;
    padding: 14px 20px; 
    margin: 10px 0;
    border: none;
    border-radius: 4px; 
    cursor: pointer; font-family: 'DINPro-Regular'; font-size:15px !important;
}

input[type=submit]:hover {
    background-color: #0a3972;
}

.footer-login {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   
   color: #0a2747;
   text-align: center;
}

.boxmap{ width:920px; height:300px; clear:both; border:2px solid #245fa1; }
.top-table{ width:1100px;}

.bgb01{ background-color:#3187c0;}
.bgb02{ background-color:#6ab1e6;}
.bgb03{ background-color:#64c0dc;}

.cth01{ color:#ffffff;}
.cth02{ color:#034c75;}
.cth03{ color:#b2e9f2;}
.thd{font-family: 'supermarketregular', sans-serif; font-size:17px; font-weight:bold; letter-spacing:1px;}

.tthH{font-family: 'supermarketregular', sans-serif; font-size:20px;}
.tthH2{font-family: 'supermarketregular', sans-serif; font-size:23px;}

.tthH3{font-family: 'DINPro-Medium', sans-serif; font-size:14px;}
.tten{font-family: 'DINPro-Regular'; font-size:25px; }
.tatL01{ background-color:#ee636a;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;}
.tatR01{-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;}
.tatR03{-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;}

.tatR04{ width:1074px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 3px solid #245fa1; padding:10px;}

.thw01{ width:78px; height:110px !important;}
.thw02{ width:280px;}
.borL{ border-left:1px solid #FFF;}
.borR{ border-right:1px solid #FFF;}
.borBR{ border-bottom:3px solid #ee636a;}

.ita{ color:#034c75; font-family: 'DINPro-Medium', sans-serif; font-size:14px;}
.ita td{padding-bottom:15px; padding-top:15px; padding-left:20px;}

.w1{ width:50px; padding-right:5px;}
.w2{ width:330px;}
.w3{ width:105px;}
.w4{ width:120px;}
.w5{ width:100px;}
.w6{ width:105px;}
.w7{ width:90px;}
.w8{ width:97px;}
.w9{ width:89px;}



.pdt{ padding-left:0px !important;}
.itbg1{ background:#e9f2f9;}
.itbg2{  background:#f2f6f9;}
.br1{border-right:1px solid #b4c0ca;}
.br2{border-right:1px solid #b4c0ca; border-left:1px solid #FFF;}
.br3{border-left:1px solid #FFF;}
.trb{ background:url(../images/eimc-img-11.png) repeat-x left bottom; padding:0px !important;}
.itab1{ width:66px; height:30px;}

.bf01{ width:135px; height:39px; padding-top:10px; background-color:#172a50; border-radius: 10px 10px 10px 10px; left:50%; margin-left:-67px; font-family: 'supermarketregular', sans-serif; font-size:20px; color:#eaf6ff; text-align:center;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #172a50;} 


.news-in-coontent{width:80%; margin:50px auto;}

.news-in-box{width:860px; height:500px; border-bottom: 6px solid #245fa1;  display:block; margin-bottom:40px;} .news-in-box img{width:860px; height:100%; object-fit:cover !important;}
.date-in{font-family: 'supermarketregular', sans-serif; font-size:20px; color:#fc1621;}
.head-intop{font-family: 'supermarketregular', sans-serif; font-size:28px; color:#10507e; line-height:35px; margin-bottom:40px; padding-top:5px;}
.news-txt-in{ font-size:18px; padding:10px 20px 10px 20px; }
a.btnback{font-family: 'supermarketregular', sans-serif; font-size:18px; color:#10507e; } a.btnback:hover{color:#fc1621;}

a.btnback2{font-family: 'supermarketregular', sans-serif; font-size:18px; color:#10507e; height:30px; padding-top:50px; text-decoration:underline; font-weight:bold;} a.btnback2:hover{color:#fc1621;}

.pagination a {
    color: black;
    float: right;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: dodgerblue;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	position: relative;
	display:inline-block;
	width: 100%;
	min-height: 1px;
	vertical-align: top;
}

.col-sm-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.col-sm-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col-sm-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.col-sm-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.col-sm-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col-sm-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.col-sm-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}