ิbody{
  font-family: 'Kanit', sans-serif !important;
  font-size: 15.6px !important;

}

#banner{
  background: #fafafa  url("../image/head-bg2.jpg")  ;
  background-size: cover;
  height: auto;
  padding-bottom: 100px;
  background-attachment: fixed;
  height: 773px;
  position: relative;
  /*filter: blur(5px);*/

}
#banner-top{
  /*background: rgba(255, 255, 255, 0)  url(../image/shake3.png) center no-repeat;*/
  width: 100%;
  background-size: cover;
  height: 773px;
  padding-bottom: 100px;
  position: absolute;
  z-index: 99;
  overflow: hidden;

}
#who-we-r{
  background: #fff  url("../image/bg service obj2.png") center no-repeat ;
  /*background-size: cover;*/
  /*height: 612px;*/
  padding-bottom: 100px;
  position: relative;

}

#service{
  background: #424244  url("../image/bg service.png") center no-repeat ;
  /*background-size: cover;*/
  /*height: 1009px;*/
  padding-bottom: 100px;
  position: relative;
  background-attachment: fixed;

}
#news{
  background: #fafafa    center no-repeat ;
  /*background-size: cover;*/
  /*height: 612px;*/
  padding-bottom: 100px;
  position: relative;
  margin-bottom: 100px;

}
#map{
  height:150px;
  /*padding-bottom: 100px;*/
  position: relative;

}
#contact{
  /*height: 700px;*/
  padding-bottom: 100px;
  position: relative;
  background-color: #424244  ;

}
#content{
  /*background: #fff  url("../image/bg service obj.png") center no-repeat ;*/
  /*background-size: cover;*/
  /*height: 612px;*/
  padding-bottom: 100px;
  position: relative;

}



/*html, body, #map-canvas {
  height: 100%;
  margin: 0;
  padding: 0;
}*/


/* ////////// GLOBAL ////////// */
/*้head text*/

.block-head{
  margin-top: 110px;
  padding: 15px;
  border-color: #87c755;
  border-left-style: solid ;
  border-bottom-style:  solid ;

  padding: 0 15px;
  padding-bottom: 5px;
  padding-right: 0px;
  width: 275px;
}
.block-head h3{
  font-family: 'Kanit', sans-serif !important;
  font-size: 40px;
}
.block-head p{
  font-family: 'Kanit', sans-serif !important;
  color: #717174;
}

/*end head text*/
/*btn*/
.btn{
  font-family: 'Kanit', sans-serif !important;
  border: 1px solid ;
  padding: 5px 10px;
  border-radius: 0px;
}
/*.btn a{
color: #87c755;
text-decoration: none;
}*/

.btn:hover{
  /*border: 1px solid #000;*/
  color: #000;
}
.btn a:hover{
color: #000;
}

/*green*/
.g{
  border-color: #87c755;
  color: #87c755;
  text-decoration: none;
}
.g a{
color: #87c755;
text-decoration: none;
}
.g:hover{
  border: 1px solid #000;
  color: #000;
}
.g a:hover{
color: #000;
}


.g-fill{
  background-color: #87c755;
  border-color: #87c755;

}
.g-fill a{
  color: #fff;
  text-decoration: none;

}
.g-fill :hover{
  color: #fff;
  text-decoration: none;
  /*border-color: #87c755;*/

}

.g-fill a:hover{
  color: #000;
  /*border-color: #87c755;*/
  text-decoration: none;

}



/*end green*/

/*white*/
.white{
  border-color: #fff;
}
.white a{
color: #fff;
text-decoration: none;
}
.white:hover{
  border: 1px solid #87c755;
  color: #87c755;
}
.white a:hover{
color: #87c755;
}
/*end white*/

/*grey*/
.grey{
  border-color: #eee;
}
.grey a{
color: #eee;
text-decoration: none;
}
.grey:hover{
  border: 1px solid #87c755;
  color: #87c755;
}
.grey a:hover{
color: #87c755;
}
/*end grey*/

/*////end btn/////*/

.text{
  font-family: 'Kanit', sans-serif !important;
}
/* ////////// END GLOBAL ////////// */

/* BANNER */
.banner-box{
 position: absolute;
 z-index: 105px;
}

.banner-box1{
  height: 220px;
  width: 650px;
  border-left:15px solid #87c755;
  /*position: absolute;
  z-index: 100;*/

}
.banner-box2{
  /*margin-top: 220px;*/
  height: 380px;
  width: 650px;
  border-right:15px solid #87c755;
  border-top:15px solid #87c755;
  border-bottom: 15px solid #87c755;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-top: 30px;

  /*position: absolute;
  z-index: 100;*/

}

.banner-txt{
  width: 100%;
  padding-top: 30px;


}
.banner-txt-top-left{
  width: 20px;
  display: inline-block;
  position: relative;
  font-size: 24px;
  margin-top: 186px;


}
.banner-txt-top-left p{
  font-family: 'Kanit', sans-serif !important;
  -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    /*width: 185px;
    display: inline-block;*/
    letter-spacing: 9px;
}

.banner-txt-top-right{
  font-family: 'Kanit', sans-serif !important;
  width: 90%;
  text-align: left;
  display: inline-block;
  float: right;

}

.banner-txt-top-right p{
  font-family: 'Kanit', sans-serif !important;
  font-size: 71px;
  margin-bottom: 0px;

}
.banner-txt-top-right h1{
  font-family: 'Kanit', sans-serif !important;
  font-size: 143px;
  margin-top: -35px;

}
.banner-txt-bottom {
  position: relative;
  width: 100%;
  font-family: 'Kanit', sans-serif !important;
  text-align: left;
  margin-top: 23px;

}





/* END BANNER */

/* INFO - WHO WE ARE*/
.info-pic{
  text-align: right;
  float: right;
  width: 480px;
}
.info-pic-1{
  /*border: 1px solid #fff;*/
  position: relative;
}
.info-pic-2{
  /*border: 1px solid #fff;*/
  position: absolute;
  margin-top: -168px;
}

.info-text{
  margin-top: 20px;
  font-family: 'Kanit', sans-serif !important;
  color: #717174;
  padding: 15px;
  padding-left: 0;
}
.info{
  height: auto;
}

/* END INFO - WHO WE ARE*/

/*SERVICE*/

.pic-row{
  float: left;
  width: 100%;
  margin: 50px 0;
}
.left{
  float: left;
  width: 50%;
}
  .left-top{
    float: left;
    width: 89.5%;
  }
    .left-top-left{
      width: 50%;
      float: left;
    }
    .left-top-right{
      float: left;
      width: 50%;
      margin-top: 21.5%;
      padding-left: 4%;
    }
  .left-bottom{
    float: left;
    width: 89.5%;
    text-align: right;
    margin-top: 20px;
    padding-left: 30%;
  }
.right{
  float: left;
  width: 50%;
  margin-left: -3.5%;
}
  .right-left{
    float: left;
    width: 43%;
    margin-right: 20px;
  }
   .right-left-top{
      float: left;
      width: 100%;
      height: 50%;
      margin-top: 30%;
      margin-bottom: 20px;
    }
    .right-left-bottom{
      float: left;
      width: 100%;
      height: 50%;
    }
  .right-right{
    float: left;
    width: 50%;
  }
    .right-right-top{
      float: left;
      width: 100%;
      height: 50%;
      margin-top: 15%;
      margin-bottom: 20px;
      padding-right: 20%;
    }
    .right-right-bottom{
      float: left;
      width: 100%;
      height: 50%;
    }
.right-left-top img,.right-left-bottom img,.right-right-top img, .right-right-bottom img,.left-top-left img,.left-top-right img,.left-bottom img{
  width: 100%;
}

/* end service pic layout*/


.flex-container-col1 {
    display: -webkit-flex;
    display: inline-flex;;
    /*width: 400px;
    height: 250px;*/
    /*background-color: lightgrey;*/
    align-content: flex-start;
}

.flex-container-sub1-col1 {
    display: -webkit-flex;
    display: inline-flex;;
    /*width: 400px;
    height: 250px;*/
    /*background-color: lightgrey;*/
    align-items: flex-end;
}
.flex-container-sub2-col1 {
    display: -webkit-flex;
    display: inline-flex;;
    /*width: 400px;
    height: 250px;*/
    /*background-color: lightgrey;*/
}


.flex-item {
    /*background-color: cornflowerblue;*/
    width: auto;
    height: auto;
    margin: 10px;
}/*END SERVICE*/

/* CONTACT */
.contact-txt{
  font-family: 'Kanit', sans-serif !important;
  margin-top: 50px;

}
.contact-txt h3{
  color:#87c755;
  font-weight: 500;
}
.contact-txt h4{
  color:#fff;
  font-weight: 500;
}
.contact-txt h5{
  color:#fff;
  font-weight: 500;
}
.contact-txt ul{
padding-left: 20px;}




.contact-txt p1{
  color:rgba(255, 255, 255, 0.82);
}
.contact-txt p2{
  color:rgba(238, 238, 238, 0.58);
}




/* END CONTACT*/

/* table */


.head-banner{
  background: #fcfcfc url("../images/banner_head2.jpg");
  background-size: cover;
  background-position: right;
  width: auto;
  height: 522px;
}
.sub-topic{
  float: left;
  clear: both;
  padding: 118px;
  margin-left: 200px;
}
.txt1{
  font-size: 40px;
  color: #000;
  font-weight: 500;
}
.txt2{
  font-size: 30px;
  color: #000;
  margin-top: 15px;
  font-weight: 500;
}
.md-pos-txt{
  margin-left: -50px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .head-banner{
    background: #fcfcfc url("../images/banner_head_responsive.jpg");
    background-size: cover;
    background-position: right;
    display: block;
    width: 100%;
    height: 522px;
  }
  .sub-topic{
    float: left;
    clear: both;
    padding: 245px 25px 0;
    margin-left: 23px;
  }
  .txt1{
    /*text-align: center;*/
    font-size: 30px;
    color: #000;
    font-weight: 500;
    color: #fff;
    line-height: 35px;
  }
  .txt2{
    /*text-align: center;*/
    font-size: 20px;
    color: #000;
    margin-top: 15px;
    font-weight: 500;
    color: #fff;

  }
  .md-pos-txt{
    margin-left: 0px;
  }

}
@media (max-width: 414px) {
  .sub-topic{
    /*float: left;*/
    clear: both;
    padding: 245px 25px 0;
    margin-left: 26px;
  }
  .txt1{
    text-align: center;
  }
  .txt2{
    text-align: center;

  }


}

@media (max-width: 375px) {
  .sub-topic{
    /*float: left;*/
    clear: both;
    padding: 245px 25px 0;
    margin-left: 5px;
  }
  .txt1{
    text-align: center;
  }
  .txt2{
    text-align: center;

  }


}
@media (max-width: 320px) {
  .sub-topic{
    /*float: left;*/
    clear: both;
    padding: 245px 25px 0;
    margin-left: -8px;

  }
  .txt1{
    text-align: center;
  }
  .txt2{
    text-align: center;

  }

}


.head{
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: #fef200 solid 1px;
}
 .text-head{
  font-size: 25px;
  font-weight: 500;

}
.text-head-index{
 font-size: 18px;
 font-weight: 500;

}

.head  .text-head2{
  font-size: 20px;
  font-weight: 500;

}

เน‰.head .sub-text-head{
  font-size: 18px;
}
เน‰ .sub-text-head2  a{
  font-size: 18px;
  float: right;
  color: #000;
}
.sub-text-head2 a:hover{
  font-weight: 500 !important;
  transition: all 0.05s linear;

}
.space-res{
  margin-top: 0px;
}
/*head page*/
.sub-txt-h{
  font-size: 18px;
  font-weight: 500;
  color: #293484;
  margin-bottom: 10px;

}
.h-contact-ir{
  font-size: 18px;
}
.h-contact-ir2{
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.sub-txt-p{
font-size: 14px;
}

.mark-t{
  font-size: 14px;
  color: rgba(119, 119, 119, 0.84);
  font-weight: 300;
}
.mark-t b{
  font-weight: 500;
}

.top-h-margin{
  margin-top: 60px;

}

/*table*/
.tb-style{
  overflow-x: auto;
  width: 100%;
  max-width: 1140px;
  color: #231f20;
}

  /*max-width: 940px;*/

}

.table-style{
  font-size: 14px;
  margin-top: 30px;
  background-color: #f9f8f8;
}
.table-style th{
background-color: #fef200;
text-align: center;
}

.table-style td{
  font-weight: 300;
  padding: 12px;
}
.table-style td:nth-child(1){
  text-align: center;
}
.table-style td:nth-child(3){
/*text-indent: 75px;*/
}
.table-style td:nth-child(2){
/*max-width: 357px;*/
}
.table-style tr:hover{
background-color: rgba(254, 242, 0, 0.13);}


/*tb 2*/
.table-style2{
  font-size: 14px;
  margin-top: 16px;
  background-color: #f9f8f8;
  color: #231f20;
}
.table-style2 th{
background-color: #b9e67f;
text-align: center;

}



.table-style2 td{
  font-weight: 300;
}
.table-style2 td:nth-child(1){
  text-align: left;
  padding-left: 30px;
}


/*.table-style2 tr:hover{
background-color: rgba(254, 242, 0, 0.13);}
*/

.table-style2 a{
color: #000;
}
.table-style2 a:hover{
color: #293484;
}

.corp td:nth-child(1),
.corp td:nth-child(2){
font-weight: 400;
}
.corp td:nth-child(2){
  text-align: right;
}
.table-style2 .major tr :nth-child(11) {
  background-color: rgba(254, 242, 0, 0.13);
  font-weight: 400;
}
.table-style2 .major tr :nth-child(12) {
  background-color: rgba(254, 242, 0, 0.13);
  font-weight: 400;
}
.table-style2 .major tr :nth-child(13) {
  background-color: rgba(254, 242, 0, 0.13);
  font-weight: 400;
}
.major td:nth-child(3){
  text-align: center;
}
.major td:nth-child(4){
  text-align: center;
}


.invidend th{
  vertical-align: middle;
}
.invidend td{
text-align: center;
vertical-align: middle;

}
.fin-high td
{
  text-align: center;
}

.tab-bg{
  background-color: #f9f8f8;
  padding: 50px;
  font-size: 14px;
}
.his p{
  margin-top: 20px;
}
/*.tab-bg ul li{
display: block;   }

.tab-bg ul li:before{
  content: "\e080";
     font-family: 'Glyphicons Halflings';
     font-size: 9px;
     float: left;
     margin-top: 4px;
     margin-left: -17px;}*/
.style-li li {
  list-style: disc;
  /*padding-left: 20px;*/
}

.new-p{
  margin-top: 10px;
}
.sub-h-tab ul li{
  font-size: 14px;
  list-style: disc;
   }

.sub-h-tab ul li:before{
  content: "\e080";
     font-family: 'glyphicon glyphicon-bookmark';
     font-size: 9px;
     float: left;
     margin-top: 4px;
     margin-left: -17px;}



/* thumbnail*/
.thumbb{
  text-align: center;
}
.text-head-thumbnail{
 font-size: 16px;
 font-weight: 500;;
}
.thumbb p{
font-size: 14px;
}


section{
  margin-top: 50px;
}
.price-wrap{
  width: :100%;
  min-width: 20px;
  overflow: hidden;
  padding: 19px 0;
  background: #f9f8f8;
  text-align: center;
}
.menu-ir-wrap{
  width: 100%;
  padding-top: 30px;
}

.tap-content{
  /*display: block;*/
  margin-left: 20px;
  margin-top: 15px;
  padding: 5px;
  float: left;
  width: initial;
}

.tap-content .head-tab h3{
  font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
color: #293484;
}
.tap-content .text-tab p{
  margin-left: 20px;
  font-size: 14px;
}
.tap-content .text-tab a{
color: #000;
transition: all 0.05s linear;
}

.tap-content .text-tab a:hover{
font-weight: 500;
}

.detail-doc{
  color: rgba(119, 119, 119, 0.67);

}
.md{
  text-align: center;
}
.profile-img{
  margin-top: 40px;
}

@media (max-width: 768px) {
  .tap-content .head-tab h3{
    font-size: 15px;
  }

  .tap-content .text-tab p{
    font-size: 13px;
  }
  .p-res2{
    margin-top: 20px;
  }


}
@media (min-width: 768px) {
  .tap-content{
    width: 100%;
  }

}

@media (max-width: 414px) {
  .head{
    margin-top:  0px;
  }
  section{
    margin-top: 30px;
  }
  .space-res{
    margin-top: 30px;
  }
  .tap-content{
    margin-left: 0;
    padding: 10px;
}


.tap-content .text-tab  .detail-doc{
    /*margin-left: 65px;*/

  }
  .txt-menu-tap li{
    font-size: 14px;
  }

  .annual-bg{
margin-top: 15px;
 }


}
@media (max-width: 375px) {
  .p-res{
    margin-top: 20px;
  }
}
@media (max-width: 320px) {
.tap-content .text-tab  p{
    /*margin-left: 65px;*/
  }
}
@media (max-width: 768px) and  (min-width: 414px){
.his-txt{
  margin-top: 20px;
}

}

.icon-tab{
  width: 55px;
  height: 55px;
  border-radius: 100%;
  float: left;
  margin: 0px 10px 10px 0px;
  background-image: url("../images/doc-icon.jpg");
  background-size: 55px 55px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.icon-dl2{
  width: auto;
  height: 42px;
  /*border-radius: 100px 100px 0 100px;*/
  float: left;
  /*margin: 0px 10px 10px 0px;*/
  background-color: #fef200;
  /*background-size: 55px 55px;*/
  box-shadow: -15px 15px 30px -5px hsla(0, 0%, 0%, 0.3);
  float: left;
  padding: 5px 20px 5px 20px;
  text-align: center;
}

.icon-dl2 a{
  font-size: 14px;
  font-weight: 400;
  vertical-align: -webkit-baseline-middle;
  text-decoration: none;
}
.icon-dl2:hover{
  background-color: #ddd;
}

.icon-annual{
  width: auto;
  /*height: 34px;*/
  /*border-radius: 100px 100px 0 100px;*/
  /*float: left;*/
  /*margin: 0px 10px 10px 0px;*/
  background-color: #fef200;
  /*background-size: 55px 55px;*/
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  /*float: left;*/
  padding: 5px 45px 8px 45px;
  text-align: center;
  /*margin-left: 29%;*/
  margin-top: 20px;
  display: inline-block;
}
.icon-annual:hover{
  background-color: #ddd;
}
.icon-annual a{
  font-size: 14px;
  font-weight: 400;
  vertical-align: -webkit-baseline-middle;
  text-decoration: none;
}



.higlight {
  background-color: rgba(234, 234, 234, 0.9);
}

.foot-sign{
  float: right;

}
@media (max-width: 768px) {
  .pos{
    text-align: center;
  }
  .pos-txt{
    margin-top: 10px;
  }
  .book-img{
    margin-top: 20px;
  }



}

.book-img{
  width: 50%;
  /*box-shadow: -15px 15px 30px -5px hsla(0, 0%, 0%, 0.4);*/
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}

.annual-h{
  font-size: 16px;
  font-weight: 400;
}
.annual-detail p{
  font-size:12px;
}
.annual-bg{
  padding: 65px 0 72px 0;
  background-color: #f9f8f8;
}

.line-table tr td{
	border-left: 1px solid #ddd;
}

/* HEAD */

/*.row{
  width: 100%;
  max-width: 980px;
  min-width:320px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}*/