@font-face {
  font-family:'sriracha';
  src: url('../fonts/Sriracha-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'loungethblack';
  src: url('../fonts/LOUNGETH-BLACK.OTF') format('truetype');
}
@font-face {
  font-family:'loungethbold';
  src: url('../fonts/LOUNGETH-BOLD.OTF') format('truetype');
}
@font-face {
  font-family:'loungethligth';
  src: url('../fonts/LOUNGETH-LIGHT.OTF') format('truetype');
}
@font-face {
  font-family:'loungeth';
  src: url('../fonts/LOUNGETH.OTF') format('truetype');
}
@font-face {
  font-family:'loungeththin';
  src: url('../fonts/LOUNGETH-THIN.OTF') format('truetype');
}
@font-face {
    font-family:'eak_khunwai';
  src: url('../css/eak_khunwai.ttf') format('truetype');
}
@font-face {
    font-family:'Superspace';
  src: url('../css/Superspace/Superspace Regular ver 1.00.ttf') format('truetype');
}
@font-face {
    font-family:'SuperspaceB';
  src: url('../css/Superspace/Superspace Bold ver 1.00.ttf') format('truetype');
}
body{
  background-image:url(../image/BG-9-16-portrait.jpg);
  background-position:top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color:#000;color:#FFF;
  font-family: loungeth,Tahoma, Geneva, sans-serif;
  font-size: 23px;
  }
@media only screen and (orientation: landscape){
  body{
    background-image:url(../image/BG-16-9-landscape.jpg);
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#000;color:#FFF;
    font-family: loungeth,Tahoma, Geneva, sans-serif;
    font-size: 23px;
  }
}
.fw-loungethbold{font-family: loungethbold;}
.fw-sriracha{font-family: sriracha;}
.font_benner{ color:#FFF;font-size:32px;text-align:left;}
.bt_banner{ -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background-color:#541988;border:1px solid #541988;color:#FFF;padding-top:5px;}
.bt_banner:hover{color:#FFF;}

.drop_se{border-radius:20px;border:1px solid #ffff00;height:38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left:45px;
  appearance: none;
  background: url("../images/icon_arrow.png") #ffff00 no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../images/icon_arrow.png") #ffff00 no-repeat calc(7% - 10px) !important; /* Better placement regardless of input width */
  background-color:#ffff00;
  font-size:20px;font-weight:bold;margin-top:-8px;
}
.cl-1{color: #ffe399;}
.div_seamsi_fm{background-image:url(../images/bg_seamsi.jpg); background-repeat:no-repeat;max-width:948px;margin:0 auto;height:211px;margin-top:20px;}
.ad_seamsi{border:0px solid #F00;max-width:750px;margin-top:30px;}
@media (max-width: 768px)
{
 .div_seamsi_fm{ padding-left:100px; }
}
@media (max-width: 736px)
{
 .drop_se{ margin-bottom:15px;}
}
.div_measure{
  border:1.5px solid #c59b47;
  width: auto;
  height: 286px;
  border-radius:10px;
  margin-bottom:20px;
  margin:0 auto;
}
.div_measure:hover{border:2px solid #ffff00;}

.div_measure2{width: auto;height: auto;margin-bottom:20px;margin:0 auto;}
.div_measure2_img{
  min-width: 250px;
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, #c59b48, #eed79c);
  padding: 1px 1px 1.3px 1.3px;
  border-radius:10px;
}
@media (max-width: 768px){
  .div_measure2_img{min-width: auto;}
}

.div_measure_img{border-bottom:8px solid #F00;}
.div_measure_img2{border-bottom:8px solid #92278f;}
.div_measure_name{font-size:18px;font-weight:bold;color:#ffffff;padding: 0px 10px 0px 0px;}
.div_measure :hover{cursor: pointer;}

.logo_pb1{padding: 30px 0px 30px 0;}
@media (max-width: 900px)
{
 .div_measure{ min-height: 100%;}
 .div_measure2{ min-height: 100%;}
  .box-set2{margin-right: 0px;}
}
@media (max-width: 768px)
{
 .div_measure{height: auto;}
 .div_measure2{height: auto;}
  .logo_pb1{padding: 0px 0px 12px 0;}
  .cl-1{color: #ffffff;}
}
@media (max-width: 414px)
{
  #txt{display: block;}
 .div_measure{ height: 100%;}
  .div_measure2{ height: 100%;}

}
.Bgfooter{ margin-top:-35px;}
select option {
    margin: 40px;
    background-color:#FFF;
    color: #000;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #000;
    cursor: default;
    background-color: #fff200;
    border-color: #e1e1e1;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 5px;
    line-height: 1.42857143;
    color: #000000;
    text-decoration: none;
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;

}
#txt{display: none;}
.txt-p{

  font-size: 150%;
  width: 34px;
  height: 35px;
  background-color: #80268f;
  border-radius: 100%;
}
.H_title{color:#cba040;font-size:50px;text-align:left;text-shadow: 0.1em 0.1em 0.05em #333;font-family:'Superspace';font-weight:bold;margin-left:10px;}
@media (max-width: 768px)
{
  #txt{display: block;}
 .H_title{text-align:center;font-size:40px;}
}
.div_text_cut{overflow-wrap: break-word;overflow: hidden;height: 34px;}
.div_text_cut2{height: 22px;overflow-wrap: break-word;overflow: hidden;margin-bottom: 15px;}
.div_text_cut3{height: 102px;overflow-wrap: break-word;overflow: hidden;padding: 0px 45px;}
.div_text_cut4{overflow-wrap: break-word;overflow: hidden;height: 34px;}

.img-responsive2{display: block;height: 100%;width: auto;max-height: 450px;}
.mt-md-3{padding-top:25px;}
.bbox{
  background-color: #dd1444;
  /*height: 64px;*/
  text-align: center;
  border-radius;
  background-repeat: no-repeat;
  background-position: 85%;}

@media (max-width: 768px)
{
 .img-responsive2{height: 131px;min-height: 260px;}
  .div_text_cut{font-size: 12px;max-height: 3rem;height: 21px;}
  .div_text_cut4{font-size: 12px;max-height: 3rem;height: 26px;}
  .div_text_cut2{height: 26px;overflow-wrap: break-word;overflow: hidden;margin-top: 11px;margin-bottom: 1px;}
  .div_text_cut3{height: auto;max-height: 75px;overflow-wrap: break-word;overflow: hidden;padding: 0px 35px;display: none}
  .div_measure_name{padding: 0px;}
  .mt-1{padding-top:0px;}
  .mb-1{margin-bottom: 13px;}
  .img-responsive{max-width: 60%;}
  .bbox{height: 55px;}

}
.hilight_new{

  border-bottom: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top-left-radius: 10px;
  width: 0px;
  height: 0px;
  margin-top: -2px;
  margin-left: -2px;
  padding: 0px;
  z-index: 99;
  position: absolute;
}
.hilight_new2{
  position: absolute;
  z-index: 99;
  padding-top: 28px;
  padding-left: 5px;
  text-align: center;
  align-items: center;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); /* IE 9 */
  -moz-transform:rotate(-45deg); /* Firefox */
  -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  -o-transform:rotate(-45deg); /* Opera */
}
.bt_login, .bt_login:hover, .bt_login:active, .bt_login:visited{
  background-image: none;
  background: linear-gradient(to right, #c59b48, #eed79c);
  text-align: center;
  width: 50%;
  color: #ffffff;
}
.btn {
    padding: 3px 12px;
}
.rounded-circle {
    border-radius: 50%!important;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 5px;
    line-height: 1.42857143;
    color: #140c35;
    text-decoration: none;
    background-color: #eed79c;
    border: 1px solid #eed79c;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #c59b48;
    border-color: #c59b48;
}