@charset "UTF-8";
@import url(animate.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Sarina);
@import url(https://fonts.googleapis.com/css?family=Roboto:400);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/*========================================================
Main Styles
=========================================================*/

.addthis_toolbox > div {
  width: 60px;
  display: inline-block;
  float: left;
}

.content-details-news ul {
  padding-left: 20px;
  list-style: disc !important;
}

.content-details-news ol {
  list-style-type: decimal !important;
  padding-left: 20px;
}

.content-details-news .set-center-image{
  
  text-align: center;
  
}

.content-details-news .set-center-image img{
  
  width:700px!important;
  height: auto!important;
  
}


/* .addthis_toolbox > div {
width: 60px;
display: inline-block;
float: left;
}*/





body.THTH .show_table_en{
  
  display:none;
  
}

body.ENUS .show_table_th{
  
  display:none;
  
}

.show_table_th,.show_table_en{
  text-align: right; margin-top: 20px;
  
}

.show_table_th > a , .show_table_en > a{
  cursor: pointer;
}



.show_table_th:hover{
  text-decoration: none;
}

.bg-dark-yellow1{
  
  background-color:#fff2cd!important;
  
}

.table-motor-comparison .firstdamage3 >td.bg-dark-be-blue1{
  background-color: #1a4a88!important;
  color: white!important;
  
}

.table-motor-comparison .firstdamage3 >td.bg-dark-be-gray1{
  background-color: #e3eaf4!important;
  
}

.bg-dark-green1{
  background-color: #a9d08f!important;
  
}

.bg-dark-blue{
  
  background-color: #00bdf4!important;
}

.bg-dark-orange{
  
  background-color: #4bc7e9!important;
}

.bg-dark-green{
  
  background-color: #41a5d7!important;
}

.bg-dark-yellow{
  
  background-color: #ffe699!important;
}

.bg-dark-be-blue{
  
  background-color: #ffe699!important;
}

.bg-dark-gray{
  
  background-color: #efefef!important;
}

.color-white{
  
  color: white!important;
}

.text-left{
  
  text-align: left!important;
  
}

.overflowX {
  overflow-x: auto;
  overflow-y: hidden;
}

.width1170{
  
  width: 1170px;
}

.show_table_motor .modal-dialog{
  width: 100%;
  max-width: 1200px;
}

.show_table_motor table{
  width: 100%;
}

.show_table_motor .modal-body{
  padding: 15px 10px;
}

.table-motor-comparison tr td{
  vertical-align: middle;
  
}




.table-motor-comparison .table-motor-comparison-header th:first-child{
  
  width: 30%;
  
}
/*
.table-motor-comparison .table-motor-comparison-header th:nth-child(2){

width: 10%;

}

.table-motor-comparison .table-motor-comparison-header th:nth-child(3){

width: 8%;

}

.table-motor-comparison .table-motor-comparison-header th:nth-child(4){

width: 15%;

}

.table-motor-comparison .table-motor-comparison-header th:nth-child(5){

width: 13%;

}

.table-motor-comparison .table-motor-comparison-header th:nth-child(6){

width: 8%;

}

.table-motor-comparison .table-motor-comparison-header th:nth-child(7){

width: 8%;

}


.table-motor-comparison .table-motor-comparison-header th:nth-child(8){

width: 8%;

}


.table-motor-comparison .table-motor-comparison-header th:nth-child(9){

width: 6%;

}

*/

.table-motor-comparison .table-motor-comparison-header > th:not(:first-child){
  
  font-size: 14px!important;
}


.table-motor-comparison .table-motor-comparison-header > th:not(:last-child) {
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #1a4a88;
  color: white;
  padding: 10px 4px;
  border: 1px solid white;
}




.table-motor-comparison .outsider > td:not(:last-child){
  
  background-color: #cbf1fe;
  text-align: center;
  vertical-align: middle;
  color: #33466b;
  padding: 10px 4px;
  border: 1px solid white;
}

.table-motor-comparison .protection-car > td:not(:last-child){
  background-color: #b4efff;
  text-align: center;
  vertical-align: middle;
  color: #33466b;
  padding: 10px 4px;
  border: 1px solid white;
}



.table-motor-comparison .insured-car > td:not(:last-child){
  background-color:#cefffc;
  text-align: center;
  vertical-align: middle;
  color: #33466b;
  padding: 10px 4px;
  border: 1px solid white;
}

.table-motor-comparison .firstdamage > td:not(:last-child){
  
  background-color:#ecffe1;
  text-align: center;
  vertical-align: middle;
  color: #33466b;
  padding: 10px 4px;
  border: 1px solid white;
}

.table-motor-comparison .price-product > td:not(:last-child){
  background-color:#fff2cd;
  text-align: center;
  vertical-align: middle;
  color: #33466b;
  padding: 10px 4px;
  border: 1px solid white;
}


@media screen and (max-width:1199px) {
  .show_table_motor .modal-dialog{
    
    width: 95%;
  }
}

@media screen and (max-width:1199px) {
  .show_table_motor .modal-dialog{
    margin: 80px auto;
    
  }
  
}

@media screen and (max-width:1024px) {
  .show_table_th {
    display: none!important;
  }
  .show_table_en {
    display: none!important;
  }
}

@media screen and (min-width:993px) {
  .height-425 {
    height: auto!important;
  }
}


@media screen and (max-width:992px) {
  .show_table_motor .modal-header .modal-title.modal-title_v2{
    font-size: 16px;
  }
  
  .height-425{
    height: 580px!important;
  }
  
  .overflowX.overflowY-md{
    
    overflow-y: auto!important;
  }
  
  .table-motor-comparison .table-motor-comparison-header > th{
    font-size: 10px!important;
    padding: 2px 4px!important;
  }
  
  .table-motor-comparison .table-motor-comparison-header > th:not(:first-child) {
    font-size: 10px!important;
    padding: 0px 4px!important;
  }
  
  
  
  .table-motor-comparison tr td{
    padding: 1px 4px!important;
    font-size: 10px!important;
  }
  
  .show_table_motor .modal-header {
    padding: 0px 40px;
  }
  
  .show_table_motor .close-chart{
    width: 18px;
    top:4px;
  }
  
  .show_table_motor .modal-dialog{
    margin: 60px auto;
    
  }
  
  .show_table_motor .modal-body {
    padding: 5px 10px;
  }
  
  .table-motor-comparison .price-product > td:last-child br{
    display: none;
  }
  
  .table-motor-comparison .price-product > td:last-child {
    padding: 2px 0px!important
  }
  
  .show_table_motor .width1170{
    
    width: 1150px!important;
  }
  
  .table-motor-comparison.horizontal tr td{
    padding: 5px 4px!important;
    
  }
  
  
  
  
}



/**************************************************/

/*.list-service-horizontal li:after{
content:"";
position: absolute;
width: 1px;
height: 45px;
background-color: #9E9E9E;
top: 0px;
right:0px;
}*/

.block-job-thaipat.th-TH .Job_position{
  padding-left: 75px;
}

.block-job-thaipat.th-US .Job_position{
  padding-left: 75px;
}
.block-job-thaipat.th-TH .Job_group{
  padding-left: 55px;
}

.block-job-thaipat.th-TH .Job_area{
  padding-left: 123px;
}

.block-job-thaipat.en-US .Job_group{
  padding-left: 105px!important;
}

.block-job-thaipat.en-US .Job_area{
  padding-left: 80px!important;
}



.block-branch-service.en-US .service-content-address {
  padding-left: 70px;
  display: inline-block;
}


.block-branch-service.en-US .service-content-tel  {
  padding-left: 38px;
  display: inline-block;
}


.block-branch-service.en-US .service-content-fax{
  padding-left: 38px;
  display: inline-block;
}


.Garage-network.en-US .branch-location-name p .branch-content-tel{
  padding-left: 38px;
}

.Garage-network.en-US .branch-location-name p .branch-content-Mtel{
  padding-left: 75px;
}

.Garage-network.en-US .branch-location-name p .branch-content-address{
  padding-left: 70px;
}

.Garage-network.en-US .branch-location-name p .branch-content-fax{
  padding-left: 75px;
}

#ribbon {
  height: 123px;
  width: 123px;
  background: url(/Thaipat/media/source_media/images/home/black_ribbon_bottom_left.png) top left no-repeat;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
}


@media screen and (max-width:992px) {
  
  
  #ribbon {
    height: 122px;
    width: 125px;
    background: url(/Thaipat/media/source_media/images/home/black_ribbon_bottom_left.png) top left no-repeat;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    background-size: 100%;
  }
}

@media screen and (max-width:576px) {
  #ribbon {
    height: 70px;
    width: 70px;
    background: url(/Thaipat/media/source_media/images/home/black_ribbon_bottom_left.png) top left no-repeat;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    background-size: 100%;
  }
}

.block-summary-product.en-US .summary-product .set-center {
  padding-left: 90px;
}

.ks_med-yellow16{    margin-top: 20px;
  color: #c11f24;
  font-size: 16px;}

footer ul li.tab-link a:hover{
  
  color: #c11f24!important;
  text-decoration: none;
}


.NewUpdate-text{
  display: inline-block;
  background-color: #c11f24;
  color: white;
  padding: 3px 10px; 
  text-align: center; 
  position: absolute; 
  border-radius: 10px; 
  top: -3px;
  font-size: 13px;
  margin: 0px 5px;
  
}

.Announce-dowload{
  overflow: hidden;
  display: inline-block;
  padding-right: 10px!important;
}

/*.tabs-product li:after{

content:"";
position: absolute;
width: 1px;
height: 45px;
background-color: #9E9E9E;
top: 0px;
right:0px;
}*/

.tabs-product li:last-child:after {
  background-color: transparent;
}

.calendar-Announce-day {
  display: inline-block;
  padding: 0px;
}

.calendar-Announce-day div {
  display: inline-block;
  font-size: 16px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-weight: normal;
  color: #808080;
}

.calendar-Announce-Title {
  display: inline-block;
  font-size: 16px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-weight: normal;
  color: #808080;
  padding-left: 40px;
  
  margin-top: 0px!important;
}


.menu-product-dropdown:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 22px;
  top: 32px;
  font-size: 40px;
  background-image: url("/media/gdcbdmbc/arrow-point-to-right2.png");
  background-size: cover;
  width: 15px;
  height: 15px;
}

.menu-product-dropdown.open:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 22px;
  top: 32px;
  font-size: 40px;
  background-image: url("/media/gdcbdmbc/arrow-point-to-right2.png");
  background-size: cover;
  width: 15px;
  height: 15px;
}

@media screen and (min-width:768px) {
  
  .block-job-thaipat.en-US .Job_group {
    padding-left: 100px!important;
  }
  .block-job-thaipat.en-US .Job_area {
    padding-left: 75px!important;
  }
  
  .contact-info .box a{    pointer-events: none;}
  
  .NewUpdate-text.NewUpdate-mobile{
    
    display:none;
  }
  
  
  .menu-product-dropdown{display: none;}
  .tabs-about-us,.tabs-about-us.tabs-product-top,.tabs-service-us{display: block!important;}
  
}

.myModal-popup{padding:0px!important}

@media screen and (max-width:767px) {
  
  .modal-dialog-popup{    margin: 80px 10%!important;}
  
  
  .NewUpdate-text.NewUpdate-mobile  {
    
    display:inline-block;
  }
  
  
  .NewUpdate-text.NewUpdate-desktop   {
    
    display:none;
  }
  
  .title-company.title-Announce{margin-top: 0px !important;}
  
  .detaillist-tab{
    /* width: 250px;
    margin: 0 auto;
    float: none!important;*/
  }
  
  .menu-product-dropdown {
    display: block;
    font-size: 25px;
    text-align: center;
    background-color: #28a9e2;
    color: white;
    padding: 15px 0px;
    margin-top: 15px;
    font-family: 'THSarabunNew';
  }
  .tabs-about-us,.tabs-about-us.tabs-product-top,.tabs-service-us{
    display: none;
    margin-top: 0px;
    /*display: block;*/
    position: absolute;
    z-index: 200;
    box-shadow: 2px 3px 3px rgba(0,0,0,.11);
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #28a9e2;
    
  }
  .menu-product-dropdown:focus, .menu-product-dropdown:hover {
    color: white;
    text-decoration: none;
  }
  
}


/**************************************************/


.setfont-tahoma{font-family:Tahoma,Verdana,Segoe,sans-serif!important;}

.title-job-details ul li{font-family:Tahoma,Verdana,Segoe,sans-serif!important;}

.summary-product-block ul {
  min-height: 120px;
}

.location-tab li a:hover,.location-tab li a:focus{color: #808080; text-decoration: none;}

.location-tab li.current a:hover,.location-tab li.current a:focus{color: white;}

.WebPartZone.WebPartZone_ZoneD.StandardZone .WebPartZoneBorder .tab-pane-service {
  display: block;
}

#CMSHeaderPad {
  height: 0px!important;
}

.details-company ol{   
  list-style-type: decimal;
  margin-left: 20px;
  padding: 0px;
}

.details-company ol li{
  margin-left: 20px;
}

.set-margin-top50{margin-top: 50px;}
body {
  -ms-overflow-style: scrollbar;
  /*  -webkit-text-size-adjust: none;*/
  color: #404040;
  font: 400 12px/18px "Arial", sans-serif;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  
  overflow-x: hidden;
}

.modal-footer{ text-align: center!important;}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6, .heading-5 {
  /*font-family:'TH Sarabun New';*/
  font-family: 'THSarabunNew';
  line-height: 1;
}

h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 26px;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  h1 {
    font-size: 42px;
    line-height: 40px;
  }
}@media (max-width: 480px) {
  .menu-product-dropdown:before {
    top: 18px;
  }
  .menu-product-dropdown.open:before{
    top: 18px;
  }
  .page-pager {
    float: unset!important;
    text-align: center;
  }
  .vertical-align-middle  img {
    height: auto!important;
  }
  .overview-img img {
    height: auto!important
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 62px;
    line-height: 56px;
  }
}

h2 {
  font-size: 26px;
  font-weight: 300;
}
@media (min-width: 768px) {
  h2 {
    font-size: 41px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
}

h4 {
  font-size: 22px;
  color: #dc4637;
  text-transform: uppercase;
}

h5, .heading-5 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1399bc;
  text-transform: uppercase;
}

h6, .heading-6 {
  font-size: 15px;
}
h6.big, .heading-6.big {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
}

p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline;
}
p .fa, .marked-list .fa, .list .fa {
  text-decoration: none;
}
p .fa:hover, .marked-list .fa:hover, .list .fa:hover {
  text-decoration: none;
}

.primary {
  color: #1399bc;
}

.secondary {
  color: #dc4637;
}

.secondary-2 {
  color: #7c7b7a;
}

p.big {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
}

time {
  display: block;
}

cite {
  display: block;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  outline: none;
}
a:active {
  background-color: transparent;
}

a[href^="mailto:"] {
  display: inline-block;
  text-decoration: none!important;
  /*color: #1399bc;*/
}
a[href^="mailto:"]:hover {
  /*text-decoration: underline;
  color: #c11f24;*/
  color: #c11f24;
}

a[href^="tel:"]:hover {
  text-decoration: none!important;
  color: #c11f24!important;
}

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome";
  content: " "!important;
}

hr {
  margin-top: 17px;
  margin-bottom: 17px;
  color: #DCDCDC;
  background-color: #DCDCDC;
  border: 0 none;
  height: 1px;
  clear: both;
}

.page {
  overflow: hidden;
  max-width: 100%;
  /*min-height: 500px; */
  
}

.branch-location-name{font-family: Tahoma,Verdana,Segoe,sans-serif;}

.faq-job-details ol{
  list-style-type: decimal;
  margin-left: 20px;
  padding: 0px;
}


.lt-ie9 .page {
  min-width: 1200px;
}

/*=======================================================
Main Layout
=========================================================*/
[class*="col-sm"] + [class*="col-sm"] {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [class*="col-sm"] + [class*="col-sm"] {
    margin-top: 0px;
  }
}

[class*="col-md"] + [class*="col-md"] {
  margin-top: 30px;
}
@media (min-width: 992px) {
  [class*="col-md"] + [class*="col-md"] {
    margin-top: 0px;
  }
}

h2 + * {
  margin-top: 63px;
}

h2 + p {
  margin-top: 17px;
}

h2 + .row {
  margin-top: 65px;
}

h4 + * {
  margin-top: 31px;
}

h5 + * {
  margin-top: 19px;
}

img + * {
  margin-top: 34px;
}

img + [class^="box"] {
  margin-top: 0px;
}

.marked-list + * {
  margin-top: 32px;
}

.marked-list + .link {
  margin-top: 15px;
}

* + .marked-list {
  margin-top: 30px;
}

p + .row {
  margin-top: 19px;
}

.row + .row {
  margin-top: 30px;
}

p + .products {
  margin-top: 67px;
}

* + cite {
  margin-top: 20px;
}

.terms-list + * {
  margin-top: 18px;
}

.box_cnt h5 {
  margin-top: 6px;
}

.box + * {
  margin-top: 12px;
}

.box + p {
  margin-top: 11px;
}

p + .link {
  margin-top: 15px;
  position: absolute;
  bottom: 30px;
  left: 33%;
  font-size: 16px;
  letter-spacing: 0em;
}

.flow-offset-1 > * + * {
  margin-top: 30px;
}
@media (min-width: 480px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n) {
    margin-top: 0;
  }
}
@media (min-width: 480px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n + 2) {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n + 2) {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n) {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n + 2) {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n) {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n + 2) {
    margin-top: 30px;
  }
}

/*=======================================================
Components
=========================================================*/
/*==================      Comment       ======================*/

.title-Header-h2{font-size:50px;color:#1a4b86;/*font-family: 'TH Sarabun New'!important;*/font-family: 'THSarabunNew-Bold';}

.set-margin-0{margin-top: 0px!important;}
.comment {
  line-height: 18px;
  padding-bottom: 18px;
}
.comment + .comment {
  padding-top: 18px;
  border-top: 1px solid #dcdcdc;
}
.comment__meta {
  color: #1399bc;
  font-weight: 700;
}
.comment__meta:after {
  content: " commented on";
  font-weight: 400;
  color: #646464;
}
.comment__body {
  font-style: italic;
  color: #000;
}
.comment time {
  font-size: 11px;
  color: #646464;
}

/*==================      Blog-post       ======================*/
.blog-post {
  line-height: 18px;
  padding-bottom: 18px;
}
.blog-post + .blog-post {
  padding-top: 18px;
  border-top: 1px solid #dcdcdc;
}
.blog-post__title {
  font-style: italic;
  color: #404040;
  font-weight: 800;
}
.blog-post__meta {
  font-size: 11px;
  color: #646464;
}

/*==================      Products       ======================*/
.products {
  
  transition: 0.2s;
  margin-left: 0px;
  margin-right: 0px;
}
.products:hover {
  
}
@media (min-width: 1260px) {
  .products {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.products .product {
  margin-top: 0;
  /* text-align: center; */
}
.products .product + .product {
  
}
.products .product img + * {
  margin-top: 20px;
}
.products .product-skin-1 {
  background-color: #28a9e2;
  border-right: 2px solid #ececec;
}
.products .product-skin-2 {
  background-color: #1a4a88;
  border-right: 2px solid #ececec;
}
.products .product-skin-3 {
  background-color: #28a9e2;
  border-right: 2px solid #ececec;
}
.products .product-skin-4 {
  background-color: #1a4a88;
  
}
.products .product__title {
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  font-size: 32px;
  font-family:'THSarabunNew' ;
  /* font-family: "Roboto Condensed", sans-serif; */
  
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);
}
.products .product__body {
  
  background: white;
  padding-top: 40px;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 32px;
  min-height:270px;
  position: relative;
  text-align: left;
}

.products .product__service{
  margin-left: -15px;
  margin-right: -15px;
  background: #edf2f8;
  padding-top: 16px;
  /* padding-left: 22px;
  padding-right: 22px;*/
  padding-bottom: 32px;
  min-height:250px;
  text-align: center;
}

.products .product__service .product__descr{
  text-align:center;
  margin-top: 20px;   
}


.products .product__descr {
  /*font-family:'TH Sarabun New';
  font-size: 32px;*/
  font-size: 28px;
  line-height: normal;
  color: #808080;
  
  font-family: 'THSarabunNew';
}
.products .product__descr + * {
  margin-top: 14px;
}


.product-list-block .product-list .product.product-skin{padding:0px;border-right: 2px solid #ececec;}




/*==================      Box      ======================*/
.box-skin-1 {
  max-width: 270px;
  display: inline-block;
  padding-right: 16px;
  padding-top: 34px;
  padding-left: 29px;
  padding-bottom: 39px;
}
.box-skin-1 * + .inline-list {
  margin-top: 34px;
}
.box-skin-1 .inline-list .icon:hover {
  color: #fff;
}

.box .box__middle, .box-xs .box__middle, .box-sm .box__middle, .box-md .box__middle, .box-lg .box__middle {
  vertical-align: middle;
}

.box .box__bottom, .box-xs .box__bottom, .box-sm .box__bottom, .box-md .box__bottom, .box-lg .box__bottom {
  vertical-align: bottom;
}

.box .box_left img, .box .box_right img {
  max-width: none;
}

.box .box_left,
.box .box_right,
.box .box_cnt {
  padding: 0;
  display: table-cell;
  vertical-align: top;
}

.box .box_left {
  padding-right: 20px;
}

@media (min-width: 480px) {
  .box-xs .box_left img, .box-xs .box_right img {
    max-width: none;
  }
  
  .box-xs .box_left,
  .box-xs .box_right,
  .box-xs .box_cnt {
    display: table-cell;
    vertical-align: top;
    text-align: left;
  }
  
  .box-xs .box_left {
    padding-right: 20px;
    margin-bottom: 0px;
  }
  
  .box-xs .box_right {
    padding-left: 20px;
  }
  
  .box-xs-clear .box_left img, .box-xs-clear .box_right img {
    max-width: 100%;
  }
  
  .box-xs-clear .box_left,
  .box-xs-clear .box_right,
  .box-xs-clear .box_cnt {
    padding: 0;
    display: block;
    vertical-align: top;
  }
}
.box-xs .box_left {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .box-sm .box_left img, .box-sm .box_right img {
    max-width: none;
  }
  
  .box-sm {
    text-align: left;
  }
  
  .box-sm .box_left,
  .box-sm .box_right,
  .box-sm .box_cnt {
    display: table-cell;
    vertical-align: top;
  }
  
  .box-sm .box_left {
    padding-right: 30px;
    margin-bottom: 0;
  }
  
  .box-sm .box_right {
    padding-left: 20px;
  }
  
  .box-sm-clear .box_left img, .box-sm-clear .box_right img {
    max-width: 100%;
  }
  
  .box-sm-clear .box_left,
  .box-sm-clear .box_right,
  .box-sm-clear .box_cnt {
    padding: 0;
    display: block;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .box-md .box_left img, .box-md .box_right img {
    max-width: none;
  }
  
  .box-md .box_left,
  .box-md .box_right,
  .box-md .box_cnt {
    display: table-cell;
    vertical-align: top;
    line-height: 22px;
  }
  
  .box-md .box_left {
    padding-right: 30px;
    margin-bottom: 0;
  }
  
  .box-md .box_right {
    padding-left: 20px;
  }
  
  .box-md-clear .box_left img, .box-md-clear .box_right img {
    max-width: 100%;
  }
  
  .box-md-clear .box_left,
  .box-md-clear .box_right,
  .box-md-clear .box_cnt {
    padding: 0;
    display: block;
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .box-lg .box_left img, .box-lg .box_right img {
    max-width: none;
  }
  
  .box-lg .box_left,
  .box-lg .box_right,
  .box-lg .box_cnt {
    display: table-cell;
    vertical-align: top;
  }
  
  .box-lg .box_left {
    padding-right: 13px;
  }
  
  .box-lg .box_right {
    padding-left: 20px;
  }
  
  .box-lg-clear .box_left img, .box-lg-clear .box_right img {
    max-width: 100%;
  }
  
  .box-lg-clear .box_left,
  .box-lg-clear .box_right,
  .box-lg-clear .box_cnt {
    padding: 0;
    display: block;
    vertical-align: top;
  }
}
/*================      Alignment     =================*/
.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

@media (max-width: 480px) {
  .text-xs-left {
    text-align: left;
  }
  
  .text-xs-center {
    text-align: center;
  }
  
  .text-xs-right {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  
  .text-sm-center {
    text-align: center;
  }
  
  .text-sm-right {
    text-align: right;
  }
}
@media (max-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  
  .text-md-center {
    text-align: center;
  }
  
  .text-md-right {
    text-align: right;
  }
}
@media (max-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  
  .text-lg-center {
    text-align: center;
  }
  
  .text-lg-right {
    text-align: right;
  }
}
@media (max-width: 992px) {
  .block-md-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
/*==================     Brand     ======================*/
.brand {
  display: inline-block;
  color: #1399bc;
}
.brand__logo {
  display: inline-block;
  height: auto;
  padding-right: 14px;
  width:auto!important;
}
.brand__cnt {
  display: inline-block;
  padding-top: 8px;
}
.brand__name {
  font-family: Sarina;
  font-size: 45px;
  line-height: 31px;
}
.brand__slogan {
  font-size: 14px;
  line-height: 18px;
  padding-left: 6px;
}

/*==================  Link  ======================*/
.link {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 31px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.2em;
  color: #dc4637!important;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.link:after {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  right: -26px;
  top: 6px;
  content: " "; 
  background: url(/media/lwsnrqtx/index_arrowseemore.png) no-repeat center center;
  font-family: "FontAwesome";
  font-size: 17px;
  color: #dc4637;
  width: 12px;
  height: 18px;
  /* margin-left: 10px;*/
}
.link:hover, .link:hover:after {
  color: #424242;
}
.link:hover:after {
  right: -30px;
}

.link-primary {
  color: #1399bc;
}
.link-primary:after {
  color: #1399bc;
}

/*==================  Backgrounds  ======================*/
.bg-primary {
  background: #1399bc;
}

.bg-secondary {
  background-color: white;
}

.bg-secondary-2 {
  background-color: #edf2f8;
}

.bg-secondary-3 {
  background-color: #28a9e2;
}

.bg-img-1 {
  background-color: #1a4a88;
  
}

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
}
.box_cnt__no-flow {
  overflow: hidden;
}

/*==================   Quote   ======================*/
.quote q {
  color: #999999;
  font-size: 14px;
  line-height: 22px;
}

/*==================   Copyright   ======================*/
.copyright {
  color: white;
  padding-top: 34px;
  padding-bottom: 36px;
}

/*=================   Terms list   =====================*/
.terms-list {
  font-size: 14px;
  line-height: 22px;
}
.terms-list dt {
  font-weight: 600;
}
.terms-list dt + dd {
  margin-top: 18px;
}
.terms-list dd {
  font-size: 12px;
  line-height: 18px;
}
.terms-list dd + dt {
  margin-top: 59px;
}

/*==================   Index List  ======================*/
.index-list {
  counter-reset: li;
  text-align: left;
}
.index-list li {
  position: relative;
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #dcdcdc;
}
.index-list li:last-child {
  border-bottom: 0px solid #dcdcdc;
}
.index-list li + li {
  margin-top: 18px;
  margin-bottom: 19px;
}
@media (min-width: 480px) {
  .index-list li {
    padding-left: 69px;
    text-align: left;
  }
}
.index-list li:before {
  content: counter(li,decimal-leading-zero) ".";
  counter-increment: li;
  font-size: 36px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
  color: #1399bc;
}
@media (min-width: 480px) {
  .index-list li:before {
    position: absolute;
    top: 7px;
    left: 0;
  }
}

/*==================  Marked List  ======================*/
.marked-list li {
  position: relative;
  padding-left: 19px;
  font-weight: 700;
  font-style: italic;
  line-height: 15px;
}
.marked-list li a:hover {
  text-decoration: none;
  color: #1399bc;
}
.marked-list li:hover:before {
  left: 7px;
}
.marked-list li:before {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 12px;
  font-family: "FontAwesome";
  color: #1399bc;
}
.marked-list li + li {
  margin-top: 15px;
}

/*==================   list   ======================*/
.list li + li {
  margin-top: 6px;
}
.list li a:hover {
  color: #fff;
}

/*==================   inline-list   ======================*/
.inline-list li {
  display: inline-block;
}
.inline-list li + li {
  margin-left: 2px;
}

/*==================   Flex List   ======================*/
.flex-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.flex-list li {
  display: table-cell;
}
.flex-list li img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.lt-ie9 .flex-list li img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=100);
}
.flex-list li a:hover img {
  opacity: 0.6;
}
.lt-ie9 .flex-list li a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
  filter: alpha(opacity=60);
}
@media (max-width: 767px) {
  .flex-list, .flex-list li {
    display: inline-block;
  }
  .flex-list li {
    width: 24%;
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .flex-list li {
    width: 49%;
  }
}

/*==================     Icons     ======================*/
.icon {
  display: inline-block;
  text-align: center;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 1;
}

.icon-xs {
  font-size: 12px;
  width: 23px;
  height: 23px;
  line-height: 23px;
}

.icon-sm {
  font-size: 17px;
}

.icon-md {
  font-size: 20px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.icon-lg {
  line-height: 1;
  font-size: 48px;
}

.icon-default {
  color: #b2b2b2;
  border-color: #b2b2b2;
  border-width: 1px;
  /* border-style: solid; */
}
.icon-default:hover {
  border-color: #1399bc;
  color: #1399bc;
}

.icon-primary {
  color: #1399bc;
}

.icon-primary-2 {
  color: #fff;
  background-color: #1399bc;
}
.icon-primary-2:hover {
  -webkit-box-shadow: 1px 1px 3px gray;
  -moz-box-shadow: 1px 1px 3px gray;
  box-shadow: 1px 1px 3px gray;
}

.icon-secondary {
  background: #dc4637;
  color: white;
}

.fa-phone {
  font-size: 28px;
}

.fa-map-marker {
  font-size: 44px;
}

.icon:hover.fa-linkedin {
  border-color: #88d0e1;
  color: #88d0e1;
}
.icon:hover.fa-google-plus {
  border-color: #ff8a8e;
  color: #ff8a8e;
}
.icon:hover.fa-facebook {
  border-color: #6982b8;
  color: #6982b8;
}
.icon:hover.fa-rss {
  border-color: #f6cf71;
  color: #f6cf71;
}

/*==================    Contact info    ======================*/
.contact-info {
  display: table;
}
.contact-info a:hover {
  color: #1399bc;
}
.contact-info a[href^="mailto:"] {
  color: #1399bc;
}
.contact-info a[href^="mailto:"]:hover {
  text-decoration: underline;
}
.contact-info .box {
  display: inline-block;
  vertical-align: middle;
  padding-right: 18px;
  float:right;
}
.contact-info .box:last-child {
  padding-right: 0;
}
@media (min-width: 992px) {
  .contact-info .box {
    display: table-cell;
  }
}
.contact-info * + dl {
  margin-top: 20px;
}
.contact-info dl {
  /* font-size: 12px; */
  line-height: 1.2;
}
.contact-info dl dt, .contact-info dl dd {
  
  display: block;
  text-align: right;
  /* font-size: 17px; */
  /* font-family:'TH Sarabun New'; */
}
.contact-info dl + dl {
  margin-top: 4px;
}
.contact-info dl dt {
  min-width: 104px;
}
.contact-info dl dt:after {
  content: "";
}
.contact-info .icon {
  color: #797979;
}
.contact-info + .contact-info {
  margin-right: 30px;
}
/**/

.meun-wrapper > .nav > ul> li > a:after {
  position: absolute;
  top: -6px;
  right: -6px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 0 6px;
  border-color: transparent transparent transparent #e1e1e1;
  opacity: 0;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.lt-ie9 .meun-wrapper .nav ul > li > a:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.meun-wrapper .nav > ul> li > a:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  height: 6px;
  background: red;
  top: -6px;
  opacity: 0;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.lt-ie9 .meun-wrapper .nav > ul> li > a:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.meun-wrapper > .nav > ul > li.active > a {
  background-color: #28a9e2;
  color: #fff;
}
.meun-wrapper > .nav > ul > li.active > a:after {
  border-color: transparent transparent transparent #28a9e2;
}
.meun-wrapper .nav > ul > li.active a:before {
  background-color: #28a9e2;
}

.meun-wrapper > .nav > ul > li.active > a:before, .meun-wrapper > .nav > ul > li.active > a:after {
  opacity: 1;
}


.meun-wrapper .nav ul  > li.active > a:before, .meun-wrapper .nav ul  > li.active > a:after {
  opacity: 1;
}
.lt-ie9 .meun-wrapper .nav ul  > li.active > a:before, .lt-ie9 .meun-wrapper .nav ul  > li.active > a:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=100);
}

/***/
.meun-wrapper .nav .meun-wrapper_L1> li > a:hover:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  height: 6px;
  background: #28a9e2;
  top: -6px;
  opacity: 0;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.meun-wrapper .nav .meun-wrapper_L1 > li > a:hover:before, .meun-wrapper .nav .meun-wrapper_L1 > li > a:hover:after {
  opacity: 1;
}


.owl-wrapper{
  width: 100%;
}
.owl-item{
  width:300px;
  
}

@media (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  
  .stuck_container {
    background: transparent;
    height: 0;
  }
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}

.rd-mobilemenu_ul {
  position: fixed;
  top: -65px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #666;
  background: #1a4a88;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
  color: white;
}

.rd-mobilemenu_ul li a {
  padding: 14px 14px 16px 25px;
  
}

.rd-mobilemenu_ul a.focus,.rd-mobilemenu_ul a.visited {
  text-decoration: none;
}

.rd-mobilemenu_ul a.active {
  background: #1a4a88;
  color: white;
  text-decoration: none;
}
.rd-mobilemenu_ul a:hover {
  background: #1a4a88;
  color: #FFF;
  text-decoration: none;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px "FontAwesome";
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after{
  content: " ";
  background: url('/media/gdcbdmbc/arrow-point-to-right2.png') no-repeat center center;
  position: absolute;
  right: 9px;
  top: 11px;
  width:12px;
  height:12px;
}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  /*content: '\f054';*/
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #FFF;
  color: #666;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  /* padding-left: 40px; */
  max-height: 50px;
}
.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #1a4a88;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: white;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}
.rd-mobilepanel_toggle.active span {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  width: 15px;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

@media (max-width: 1170px) {
  body {
    padding-top: 40px;
  }
  
  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}

@media (max-width: 1170px) {
  
  
  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}




@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}
/*==================  Stuck menu  ======================*/
.stuck_container {
  background-color: #1a4a88;
}

.isStuck {
  background: #1e4d8a;
  z-index: 999;
  box-shadow: 0px -15px 30px 2px #49120d;
}
/* .isStuck .inline-list { */
/* display: inline-block; */
/* } */

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*==================     ToTop     ======================
.toTop {
width: 32px;
height: 32px;
font-size: 25px;
line-height: 32px;
color: #fff;
background: #1399bc;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
position: fixed;
right: 40px;
bottom: 95px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
}
.toTop:hover {
color: #fff;
background: #000;
text-decoration: none;
}

.mobile .toTop,
.tablet .toTop {
display: none !important;
}*/

/*==================   Tumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumb img {
  width: 100%;
  height: auto;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  height: 1%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #fff;
  background: transparent;
}
.thumb_overlay:before {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 48px;
  top: -26%;
  left: 50%;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  opacity: 0;
}
.lt-ie9 .thumb_overlay:before {
  display: none;
}
.thumb:hover .thumb_overlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.lt-ie9 .thumb:hover .thumb_overlay {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  zoom: 1;
}
.thumb:hover .thumb_overlay:before {
  opacity: 1;
  left: 50%;
  top: 46%;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*=================       Tabs     ======================*/
.resp-tabs-list:before, .resp-tabs-list:after {
  display: table;
  content: "";
  line-height: 0;
}
.resp-tabs-list:after {
  clear: both;
}
.resp-tabs-list li {
  cursor: pointer;
  float: left;
  width: 30.5%;
  margin-top: 5px;
  padding: 13px 0px 6px;
  padding-top: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  background: #dbdbdb;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.resp-tabs-list li:nth-child(1) {
  background-color: #b28de4;
}
.resp-tabs-list li:nth-child(2) {
  background-color: #f7b93e;
}
.resp-tabs-list li:nth-child(3) {
  background-color: #58c3b3;
}
.resp-tabs-list li + li {
  border-left: 1px solid #f5f5f5;
}
.resp-tabs-list li.resp-tab-active {
  padding: 18px 0px 4px;
  margin-top: 0;
  background: #e9e9e9;
  color: #2f2f2f;
  position: relative;
}
.resp-tabs-list li.resp-tab-active:after {
  position: absolute;
  content: '';
  height: 4px;
  background: #e9e9e9;
  width: 100%;
  bottom: -3px;
  left: 0;
}
.resp-tabs-list li.resp-tab-active:hover {
  background: #e9e9e9;
}
.resp-tabs-list li:hover {
  background: #c2c2c2;
}
@media (max-width: 767px) {
  .resp-tabs-list {
    display: none;
  }
}

.resp-tabs-container [class^="box"] .box_left {
  padding-right: 24px;
}
.resp-tabs-container [class^="box"] .box_cnt .small {
  font-size: 14px;
  line-height: 22px;
}
.resp-tabs-container [class^="box"] .box_cnt * + .link {
  margin-top: 24px;
}
.resp-tabs-container [class^="box"] .box_cnt * + .marked-list {
  display: block;
  margin-top: 22px;
}
.resp-tabs-container [class^="box"] .box_cnt * + p {
  margin-top: 17px;
}
.resp-tabs-container [class^="box"] .box_cnt h5 {
  font-size: 20px;
  line-height: 21px;
}
.resp-tabs-container .btn-link {
  text-transform: uppercase;
  font-size: 16px;
}

.resp-accordion {
  display: none;
}

.resp-tab-content {
  display: none;
  background: #e9e9e9;
  padding: 30px 10px 30px 10px;
}
@media (min-width: 768px) {
  .resp-tab-content {
    padding: 38px 55px 29px 31px;
  }
}

.resp-tab-content-active {
  display: block;
}

@media (max-width: 767px) {
  .resp-accordion {
    display: block;
    cursor: pointer;
    padding: 21px 0 15px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: white;
    position: relative;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .resp-accordion:nth-child(1) {
    background-color: #b28de4;
  }
  .resp-accordion:nth-child(3) {
    background-color: #f7b93e;
  }
  .resp-accordion:nth-child(5) {
    background-color: #58c3b3;
  }
  .resp-accordion:hover {
    background: #bf3021;
  }
}
.search-form {
  display: block;
  position: relative;
  /* width: 258px; */
  z-index: 99999;
}
.search-form_label {
  display: block;
  padding: 0px 10px;
  background: white;
  border: 1px solid #c5c5c5;
  width: 190px;
}
.search-form_input {
  outline: none;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  vertical-align: baseline;
  box-shadow: none;
  color: #333;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  height: 21px;
}
@media (min-width: 768px) {
  .search-form_input {
    height: 32px;
  }
}
.search-form_submit {
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  position: absolute;
  top: 5px;
  right: 5px;
  color:#27a8e2;
  font: 400 24px/1 'FontAwesome', sans-serif;
}
@media (min-width: 768px) {
  .search-form_submit {
    font: 400 23px/1 'FontAwesome', sans-serif;
  }
}
.search-form_submit:before {
  content: "";
}
.search-form_submit:hover {
  color: #1399bc;
}
@media (max-width: 991px) {
  .search-form {
    width: 100%;
  }
}

.search-form_toggle {
  float: right;
  display: inline-block;
  width: 43px;
  height: 43px;
  margin-top: 34px;
  color: white;
  background-color: #ffb900;
  font: 400 20px/43px "FontAwesome";
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.search-form_toggle:before {
  content: "";
}
.search-form_toggle.active, .search-form_toggle:hover {
  color: #1399bc;
}
.search-form_toggle.active:before {
  content: "";
}

.search-form {
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.search-form.on {
  top: 110px;
}

.search-form_liveout {
  text-align: left;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  z-index: 1;
}
.lt-ie9 .search-form_liveout {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.search-form_liveout .search_list {
  padding: 10px;
  list-style-type: none;
  font-size: 14px;
  line-height: 24px;
  background: white;
  font-weight: 500;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.search-form_liveout .search_list li + li {
  margin-top: 2px;
}
.search-form_liveout .search_list a {
  padding-left: 5px;
}
.search-form_liveout .search_list p {
  margin: 0;
}
.search-form_liveout .search_link {
  font-family: "Roboto";
  display: block;
  padding: 5px 10px;
  background: white;
  color: green;
}
.search-form_liveout .search_link .search_title {
  color: #dc4637;
  font: 700 13px/18px "Roboto";
  text-transform: uppercase;
}
.search-form_liveout .search_link:hover {
  background: #1399bc;
  color: white;
}
.search-form_liveout .search_link:hover .search_title {
  color: white;
}
.search-form_liveout .search_error {
  display: block;
  color: #1399bc;
  background: #fafafa;
  padding: 10px 10px;
  overflow: hidden;
  font-size: 14px;
}
.search-form_liveout .match {
  display: none;
}
.search-form_liveout button {
  display: block;
  width: 100%;
  color: #052831;
  background: #fafafa;
  padding: 10px 10px;
}
.search-form_liveout button:hover {
  background: #1399bc;
  color: white;
}
input:focus + .search-form_liveout {
  opacity: 1;
}
.lt-ie9 input:focus + .search-form_liveout {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=100);
}
.search-form_liveout .tablet, .mobile .search-form_liveout {
  display: none !important;
}

.search-frame, .search-frame body {
  width: 100%;
  height: auto;
  background: transparent;
}
.search-frame, .search-frame body, .search-frame h1, .search-frame h2, .search-frame h3, .search-frame h4, .search-frame h5, .search-frame h6, .search-frame p, .search-frame em {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
.search-frame img {
  max-width: 100%;
  height: auto;
}
.search-frame a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.search-frame a:active {
  background: transparent;
}
.search-frame a:focus {
  outline: none;
}
.search-frame h4 {
  color: #dc4637;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
}
@media (max-width: 979px) {
  .search-frame h4 {
    font-size: 16px;
    line-height: 16px;
  }
}
.search-frame h4 a:hover {
  color: #1399bc;
}
.search-frame .search_list {
  color: #767676;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: top;
  list-style-type: none;
  counter-reset: num1;
}
.search-frame .search_list p {
  font: 300 15px/22px "Roboto";
}
.search-frame .search_list .match {
  color: #1399bc;
  font-size: 12px;
  display: block;
}
.search-frame .search_list li {
  padding-top: 20px;
  padding-left: 50px;
  position: relative;
  padding-bottom: 20px;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.search-frame .search_list li:before {
  content: counter(num1) ".";
  counter-increment: num1;
  position: absolute;
  left: 5px;
  top: 20px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: inherit;
  color: #dc4637;
}
.search-frame .search_list li + li {
  border-top: 5px solid #1399bc;
}
.search-frame .search {
  color: #1399bc;
  font-weight: 700;
}
.search-frame .match {
  color: #dc4637;
  font-size: 12px;
  display: block;
}
.search-frame * + p {
  margin-top: 16px;
}

body.search_body {
  background: #1b1b1d;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.search_head {
  padding-bottom: 25px;
}

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
}
.parallax * {
  color: white;
}
.parallax * + p {
  margin-top: 10px;
  line-height: 30px;
}
.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
  padding-top: 66px;
  padding-bottom: 87px;
}
@media (min-width: 998px) {
  .parallax_cnt {
    padding-top: 128px;
    padding-bottom: 133px;
  }
}
.parallax_cnt h1 + * {
  margin-top: 29px;
}

/*========================================================
HEADER  Section
=========================================================*/
header {
  
  /*border-bottom: 1px solid #1399bc;*/
}
@media (min-width: 768px) {
  header {
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  header {
    text-align: left;
  }
}
header .brand {
  /*margin-bottom: 18px;*/
}
@media (min-width: 992px) {
  header .brand {
    margin-bottom: 0;
  }
}
header .contact-info {
  font-family: "Roboto";
  margin-top: 26px;
  color: #8e8e8e;
  display: inline-block;
  float: right;
}
header .contact-info dl dt {
  line-height: 30px;
  min-width: auto;
  display: block;
  color: #c21e25;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 8px;
  /* font-family: 'TH Sarabun New'; */
  font-family: 'THSarabunNew';
}

.container_v2{
  background-color:white;
  
}
@media (min-width: 992px) {
  header .contact-info {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  header .contact-info {
    
    float: right;
    display: table;
  }
}
header .contact-info .box .box_left {
  padding-right: 8px;
}
header .nav {
  display: inline-block;
}
header .inline-list {
  color: #b2b2b2;
  
  margin-bottom: 10px;
  
  display:inline-block;
  float: none;
}


header .search-language-box .language-list {
  float: right;
  display: inline-block;
  line-height: 85px;
  margin-left: 15px;
}

@-moz-document url-prefix() {
  header .search-language-box .language-list {
    margin-left: 5px;
  }
  
  
  
}



header .search-language-box .language-list span,
header .search-language-box .language-list .bth-search-toggle {
  display:none;
}

.search-language-box{display: inline-block;/*float:right;*/}
.language-list{display: inline-block;float:right;margin-top: 0px;    position: relative;}

#change-image{display:none;}

header .language-list a {
  
  vertical-align:middle;
  
}  

@media (min-width: 998px) {
  header .inline-list {
    display: inline-block;
  }
}
header .search-form {
  display: inline-block;
}
@media (min-width: 1171px) {
  header .search-form {
    margin-left: 32px;
    margin-top: 26px;
    float: none;
  }
}
@media (max-width: 991px) {
  header .brand, header .nav, header .contact-info {
    
  }
}

/*========================================================
CONTENT  Section
=========================================================*/
main {
  display: block;
}

/*==================      Well     ======================*/
.well-xs {
  padding-top: 56px;
  padding-bottom: 38px;
}

.well-sm {
  padding-top: 40px;
  padding-bottom: 69px;
}

.well-sm-inset-1 {
  padding-bottom: 25px;
}

.well-sm-inset-2 {
  padding-bottom: 30px;
}

.well-md {
  padding-top: 75px;
  padding-bottom: 77px;
}

header .well-xs {
  padding-top: 35px;
  padding-bottom: 32px;
}

/*========================================================
FOOTER  Styles
=========================================================*/
footer {
  background-color: #2a2a2a;
  color: #8698b6;
  font-size: 13px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  margin-top: 100px;
  
}
footer hr {
  color: #5d5d5d;
  margin-top: 9px;
  margin-bottom: 11px;
}
footer .contact-info {
  display: block;
}
footer .contact-info * + dl {
  margin-top: 0;
}
footer .contact-info dl + dl {
  margin-top: 4px;
}
footer .contact-info dl dt {
  min-width: 65px;
}
footer .contact-info dl dt:after {
  content: "";
}
footer .contact-info dl:last-child {
  
  color:#8698b6;
  /* font-style: italic; */
}
footer .contact-info dl:last-child dt {
  min-width: auto;
}
footer .contact-info dl dt, footer .contact-info dl dd {
  display: inline-block;
  font-size: 13px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
}
footer .contact-info dl dd a:hover {
  /*  color: #fff; */
  color: #c11f24;
  text-decoration: none!important;
}
footer .contact-info dl dd a[href^="mailto:"] {
  color: inherit;
}
footer .contact-info dl dd a[href^="mailto:"]:hover {
  color: #1399bc;
  text-decoration: none;
}
footer .nav {
  margin-top: 39px;
  margin-bottom: 30px;
}



@media (min-width: 992px) {
  footer .nav {
    margin-bottom: 0px;
  }
}
footer .nav ul li {
  display: inline-block;
}
footer .nav ul li.active {
  
  margin-left: 0px;
}
footer .nav ul li a:hover {
  color: #fff;
}
footer .nav ul li + li {
  position: relative;
  margin-left: 6px;
}
@media (min-width: 320px) {
  footer .nav ul li + li {
    margin-left: 30px;
  }
}
footer .nav ul li + li:before {
  display: none;
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  background-color: #999999;
  left: -19px;
  top: 6px;
}
@media (min-width: 320px) {
  footer .nav ul li + li:before {
    display: block;
  }
}
footer .brand__cnt {
  margin-left: -10px;
  margin-top: 10px;
}
footer .brand__logo {
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
footer .brand__name {
  font-size: 26px;
  line-height: 0.6;
}
footer .brand__slogan {
  font-size: 8px;
}
footer .well-xs {
  padding-top: 42px;
  padding-bottom: 41px;
}

footer  span{color:white;font-size: 13px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  /* font-weight: bold;*/}

.icon-footer{color: white;
  border-color: #b2b2b2;
  border-width: 1px;
  border-style: solid;
}
.contact-footer li{margin-right:3px;}

.sub-menu-side{
  position: fixed;
  right: -8px;
  top: 250px;
  width: 50px;
  z-index:100;
  
}

.sub-menu-side ul {
  display: block;
  position: relative;
  min-height: 50px;
  width: 100%;
}

.sub-menu-side ul li {
  display: block;
  position: relative;
  width: 40px;
  text-align: center;
  min-height: 40px;
  background-color: white;
  margin-bottom: 4px;
  cursor: pointer;
  transition: .5s;
}

.sub-menu-side ul li div {
  display: block;
  position: absolute;
  top: 0px;
  right: 45px;
  height: 100%;
  cursor: pointer;
  width: 0px;
  background-color: white;
  overflow: hidden;
  transition: .5s;
  margin-top: 0px;
}

.sub-menu-side ul li.icon-service:hover div {
  width: 160px;
  background-color: #fff;
  transition: .5s;
}



.sub-menu-side ul li.icon-service div a {
  display: block;
  text-align: center;
  height: 100%;
  font-size: 20px;
  width: 160px;
  margin-left: -160px;
  color: #0054a5;
  transition: .5s;
}

.sub-menu-side ul li div a {
  display: block;
  text-align: center;
  height: 100%;
  font-size: 20px;
  width: 120px;
  margin-left: -160px;
  color: #0054a5;
  transition: .5s;
}

.sub-menu-side ul li:hover {
  background-color: #fff;
  transition: .5s;
}

.sub-menu-side ul li:hover div {
  color:#c11f25;
  width: 150px;
  background-color: #fff;
  transition: .5s;
  display: flex;
    justify-content: center;
    align-items: center;
}

.sub-menu-side ul li:hover div a {
  margin-left: 0px;
  color: #c31e24;
  transition: .5s;
}

.icon-service{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_Claims.png) no-repeat center center;
  
}

.icon-service:hover{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_Claims_hover.png) no-repeat center center;
  
}

.icon-garagenetwork{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_GarageNetwork.png) no-repeat center center;
  
}

.icon-garagenetwork:hover{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_GarageNetwork_hover.png) no-repeat center center;
  
}

.icon-Staff{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_Staff.png) no-repeat center center;
  
}

.icon-Staff:hover{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_Staff_hover.png) no-repeat center center;
  
}

.icon-agent{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_agent.png) no-repeat center center;
  
}

.icon-agent:hover{
  background: url(/Thaipat/media/source_media/images/home/quick_ic_agent_hover.png) no-repeat center center;
  
}

.Service-line-1{
  line-height: 40px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

.sub-menu-side ul li div a .Service-line-2 {
  display: block;
  float: right;
  padding-right: 20px;
  font-size: 12px;
}
.sub-menu-side ul li:hover div a .Service-line-2{font-size:12px;}

.icon-facebook{background: url(/Thaipat/media/source_media/images/home/index_ic_facebook.png) no-repeat center center;}
.icon-youtube{background: url(/Thaipat/media/source_media/images/home/index_ic_youtube.png) no-repeat center center;}
.icon-line{background: url(/Thaipat/media/source_media/images/home/index_ic_line.png) no-repeat center center;}
.icon-email{background: url(/Thaipat/media/source_media/images/home/index_ic_email.png) no-repeat center center;}

.product_title_image{/*display:block;*/height: 55px;text-align: center;}


.product_title_3{display: flex;
  align-items: center;min-height:91px;}
.product_title_image_1 img{position: relative;left: -5px;}
.product_title_image_2 img{position: relative;left: -5px;}
.product_title_image_3 img{position: relative;left: -5px;}
.product_title_image_4 img{position: relative;left: -5px;}

.product_content{font-size:16px;color: black;}


/* .product-list{-webkit-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1); */
/* -moz-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1); */
/* box-shadow: -1px -1px 8px 4px rgba(235,232,235,1); */
/* border-radius: 8px;} */

.owl-carousel-tap2{-webkit-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  -moz-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  border-radius: 8px;}

.banner-owlcarousel{padding-top:0px!important;}
.banner-owlcarousel .item{margin-left:0px!important;margin-right:0px!important;}

.bg-transparent{margin:0px;}

.products .product__body:hover{background-color:#ececec;}

.product_hover{cursor:pointer;}

#demo{
  padding-bottom:50px;
}

#sync2 .synced  .item .product__body{background-color:#ececec;}


.box-inner-topleft {
  top: 46%;
  right: 10%;
  left: 14%;
}


.box-inner-HomeProperty {
  top: 32%;
  right: 10%;
  left: 14%;
}


.box-inner {
  position: absolute;
  z-index: 3;
}

.container-fluid_v2{padding-left: 0px;padding-right: 0px;    position: relative;}
.meun-wrapper{max-width:1170px;width:100%;margin:0 auto;}

.meun-wrapper ul li a:hover{background-color:#28a9e2}

.inline-list li a:hover{background-color:transparent!important;}

.sub-meun-wrapper{width:100%;}
.sub-meun-wrapper ul li{float:left;z-index:19;padding: 0 1000em;    margin: 0 -1000em;}

.sub-meun-wrapper ul li:first-child{background-color:rgba(40, 169, 226, 0.85)!important;}

.sub-meun-wrapper ul li :hover{}
/* .meun-wrapper nav ul li.sub-meun-wrapper ul li a:hover{background-color:red;} */


.sub-meun-wrapper-color{height:105px;background-color:#28a9e2;;display:none;z-index: 99;
  position: absolute;
  width: 100%;
  top: 85px;}
.list-sub-meun .sub-meun-wrapper ul li div{text-align:center;}
.content-sub-meun-wrapper{position: relative;top: 4px;display: block;text-align: center;line-height: 30px;}

.sub-meun-wrapper .dropdown-wrapper{z-index: 100;} /*margin-left:5%;*/

.meun-wrapper > nav > ul > li.active > a {
  background-color: #28a9e2;
  color: #fff;
}

.meun-wrapper nav ul li .list-sub-meun a:hover {
  background-color: #28a9e2;
  color: white;
}

.meun-wrapper nav ul li a .sub-meun-wrapper .dropdown-wrapper li a:hover {
  background-color: transparent;
  color: white;
}



li:nth-child(2) .sub-meun-wrapper .dropdown-wrapper{padding-left: 6%!important;}
li:nth-child(3) .sub-meun-wrapper .dropdown-wrapper{padding-left: 0%!important;}
li:nth-child(4) .sub-meun-wrapper .dropdown-wrapper{padding-left: 10%!important;}
li:nth-child(6) .sub-meun-wrapper .dropdown-wrapper{padding-left: 27%!important;}





nav { 
  
  
  
  position:relative;
  
}




nav ul li {
  display: inline-block;
  margin-left: -5px;
}


.meun-wrapper nav ul li a {
  color:white;
  display:block;
  padding:0px 22px;
  text-decoration:none;
  height: 85px;
  line-height: 90px;
  font-size:22px;
  /* font-family: 'TH Sarabun New';*/
  font-family: 'THSarabunNew';
  
  position: relative;
}


@media only screen and (min-width: 1171px) and (max-width: 1185px){
  
  .meun-wrapper nav ul li a {
	padding:0px 22px;
  }
}

.meun-wrapper nav ul li .sub-meun-wrapper ul li a {
  padding-top:10px;
  min-height: 105px;
  text-align: center;
}

.meun-wrapper_L1 .list-sub-meun:nth-child(3) .sub-meun-wrapper ul li a{
  min-height: 130px;
  max-width: 160px;
  white-space: inherit;
}


.meun-wrapper nav ul li .sub-meun-wrapper ul li a:hover{background-color:#1a4a88}


/* nav ul li:hover { */
/* background:#28a9e2; */
/* } */


nav ul li:hover > a{
  color:#FFFFFF;
}

nav ul li:hover > .sub-meun-wrapper ul {
  display:block;
  margin-top: 5px;
  width: 1200px;
}


.nav ul.sf-menu li:hover > ul {
  display:block;
}

nav ul .sub-meun-wrapper ul {
  background:transparent;
  padding:0;
  display:none;
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 10;
  
}

nav .nav ul ul {
  background: #BEBEBE;
  padding:0;
  display:none;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0px;
}


nav.nav .sf-menu ul {
  background: transparent;
  padding: 0;
  display: block;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0px;
}

nav.nav .sf-menu li:hover > ul {
  display: block;
  color:yellow;
}

.dropdown-wrapper-first{padding-left:6%!important;}
.dropdown-wrapper-second{padding-left:6%!important;}
.dropdown-wrapper-third{padding-left:15%!important;}
.dropdown-wrapper-fourth{padding-left:27%!important;}

/* nav ul li:hover .sub-meun-wrapper-color{display:block;} */


.bg-banner-about{
  background-image:url(/Thaipat/media/source_media/images/about-us/aboutUs_CompanyHistory_picTop_v2.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width:100%;
}


.bg-banner-vision{
  background-image:url(/Thaipat/media/source_media/images/banner/aboutUs_CompanyVision_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width:100%;
  
}


.bg-banner-product-motor{
  
  background-image:url(/Thaipat/media/source_media/images/banner/product_motor_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width:100%;
  
}


.bg-banner-product-fire{
  background-image:url(/Thaipat/media/source_media/images/banner/product_fire_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width:100%;
  
}



.box-inner-topleft-about {
  top: 50%;
  
}

.box-inner-about {
  position: relative;
  font-size: 45px;
  color: #1a4a88;
  font-weight: bold;
  /* font-family: TH Sarabun New;*/
  font-family: 'THSarabunNew';
  text-align: left;
  z-index: 3;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.submeun-page-about ul{margin: 10px 0px 25px 0px;}
.submeun-page-about ul li{display:inline-block;}
.submeun-page-about ul li:hover{color:#28a9e2;}
.submeun-page-about ul li::after{
  content: " > ";
  font-size: 14px;
  color: #000000;
  padding: 0px 8px 0 8px;
  font-weight: bold;
}

.submeun-page-about ul li:last-child:after { content: ""; }
.set-padding-0{padding:0px;}

.content-about ul{}


.detaillist
{
  color:#1a4a88;
  border-bottom:1px solid #e5e5e5;
  font-family: TH Sarabun New;
  font-size: 23px;
  line-height: 48px;
  font-weight: bold; 
  margin-right: 52px;
  line-height:48px;
  padding-left: 5px;
}
.detaillist li
{
  padding: 5px 10px;
  border-bottom: 1px solid #e9e9e9;
  position:relative;
}
.detaillist li.active-about, .detaillist li:hover
{
  color: #f0f0f0;
  background-color: #28a9e2;
}

.detaillist li.active-about:after, .detaillist li:hover:after
{
  position:absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  border-top: 30px solid transparent;
  border-bottom: 27px solid transparent;
  border-left: 56px solid #28a9e2;
  content: "";
}

/*http://jsfiddle.net/6evFd/1/*/



.content-detail-company{}
.set-padding-10{padding-left:10px;}

.title-company{font-size:20px;font-family:Tahoma,Verdana,Segoe,sans-serif;font-weight: normal;line-height: 28px;color:#28a9e2;margin-top: 15px;    margin-bottom: 15px;
}

.details-company{padding-top: 17px;font-size: 16px;color:#818181;    line-height: 1.4;    font-family: Tahoma,Verdana,Segoe,sans-serif;}

.detaillist-tab>button{
  color:#1a4a88;
  border-bottom:1px solid #e5e5e5;
  font-family: 'TH Sarabun New';
  font-size: 22px;
  line-height: 48px;
  line-height:48px;
  padding-left: 5px;
}

* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
div.tab.detaillist-tab {
  float: left;
  
}

/* Style the buttons inside the tab */
div.tab.detaillist-tab button {
  display: block;
  background-color: inherit;
  color: #1e4d8a;
  
  width:  Calc(100% - 15%);
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0s;
  border-bottom: 1px solid #e9e9e9;
}

/* Change background color of buttons on hover */
div.tab.detaillist-tab button:hover {
  background-color: #28a9e2;
  color:white;
}

/* Create an active/current "tab button" class */
div.tab.detaillist-tab button.active {
  background-color:#28a9e2;
  color:white;
  position: relative;
  transition: 0s;
}

div.tab.detaillist-tab button.active:after{
  position: absolute;
  top: 1px;
  right: -11px;
  bottom: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 38px solid #28a9e2;
  content: "";
}



/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
}

@media screen and (max-width:479px) {
  div.tab.detaillist-tab {
    float: none;
    
  }
}

.nav-footer{margin-top:0px!important;}
#finance-thaipat ul{padding: 0px;/*margin-left: 10px;*/}
#finance-thaipat ul a{background-color:#edf2f8;margin-bottom: 1px;cursor:pointer;overflow: hidden;     display: flex;align-items: center;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  
}
.finance-text{display:block;    padding: 21px 20px;font-size: 16px;color: #818181;padding-right:60px;width:100%;}
.finance-image{display:inline-block;float:right;margin-right:30px;/*position: absolute; right: 0px;*/}

.finance-image img {
  width: 40px;
  height: 40px;
  max-width: none;
}

.service-carousel .product{width:100%;}


.img-inner-back{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_motor_v2.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: center;}
.img-inner-back-2{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_01.jpg);height: 711px;background-size: cover;min-width: 100%;background-position: center;}


.bannerTop-marineLogistic{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_marineLogistic.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: center;}
.bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_HomeProperty.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: center;}
.bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: center;}

@media screen and (min-width:1200px) {
  /*New Style Garage Network*/
  body.ENUS section.content-service .branch-block-search .search-branch{
    /*width:44%;*/
  }
  body.ENUS section.content-service .branch-block-search .search-branch-bth{
    /*width:10%;*/
  }
  body.ENUS section.content-service .branch-block-search .search-branch span.branch-search-type{
    /*width:35%;
    text-align: right;*/
  }
  body.ENUS section.content-service .branch-block-search .search-branch .form-group{
    width: 70%;
  }
}

@media screen and (max-width:1199px) {
  .tabs-service-us-v2.th-TH li.current{
    padding-right: 10px;
  }
  
  .tabs-service-us-v2.th-TH li.current:after {
    
    border-top: 34px solid transparent!important;
    border-bottom: 31px solid transparent!important;
  }
  
  .calendar-Announce-Title{
    padding-left: 0px;
  }
  
  
  .image-news {
    height: 160px!important;
  }
  
  .agent-block-text {width: 50%!important;}
  
  .branch-search-type{width: 25%!important;margin-right: 0px!important;}
  
  .form-group {
    width: 70%!important;
  }
  
  .search-branch {
    text-align: left!important;
    margin: 10px 0px!important;
    padding: 0px 5px!important;
  }
  
  .search-branch.search-branch-bth{
    text-align: center!important;
  }
  
  .agent-block-wrapper{padding-left: 15px!important;padding-right: 15px!important;}
  
  .product-skin .product__title.product_title .product_title_text_1 {
    
    display: inline-block!important;
  }
  
  
  .content-detail-company #detail-thaipat .details-company br{
    display:none;
  }
  .box-inner-topleft-about {
    
    width: 970px!important;
    padding-left: 15px;
  }
  
}

@media screen and (max-width:991px) {
  
  .header-content-first{position: absolute;}
  .content-news-first{    margin-top: 12px!important;padding-bottom: 20px;}
  
  .box-inner-topleft-about {
    
    width: 750px!important;
    padding-left: 15px;
    max-width: 100%;
  }
  
  .img-inner-back{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_motor_v2.jpg);height: 500px;background-size: cover;min-width: 100%;background-position:30% 0%;}
  .bannerTop-marineLogistic{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_marineLogistic.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  .bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_HomeProperty.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 50% 0%;}
  .bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  
  
  
  .link-download-right{text-align: center;}
  .link-download-left .addthis_toolbox{width: 150px; margin: auto;}
}



@media screen and (max-width:576px) {
  
  .branch-location-name{width:100%;}
  
  .download-list-doc{
    margin-bottom: 15px;
  }
  
  .calendar-Announce-day div {
    
  }
  
  .calendar-Announce-Title{
  }
  
  .staff-block.set-margin-top50.Announce-margin{
    margin-top: 0px!important;
    margin-bottom: 50px;
    
  }
  
  .Announce-dowload{
    margin-top: 0px!important;
    padding-right: 0px!important;
    display:block;
  }
  
  .Announce-dowload a{
    padding:0px!important;
  }
  
  .branch-location-map{
    width: 100%;
    text-align: center!important;
  }
  
  .image-news-wrapper{height:auto!important;}
  
  .staff-block-wrapper {
    padding-right: 0px!important;
    padding-left: 0px!important;
  }
  .NewList{
        padding-right: 10px;
    padding-left: 10px;
  }
  .calendar-news{
    background-color: #00000000 !important;
  }
  
  .job-block.set-margin-top50{margin-bottom: 50px;}
  
  .job-list-header{    margin-top: 30px;}
  
  .contact-block-wrapper:last-child {
    margin-bottom: 60px;
  }
  .page-pager ul li {
    display: inline-block;
    font-size: 16px;
    color: #898989;
    padding: 5px 8px !important;
}
  
  .product-list-block .product-list .product.product-skin{border-right: none;}
  
  
  .product.product-skin .product__title.product_title{padding: 20px 0px;    border: 1px solid white;}
  
  footer{margin-top: 15px!important;}
  
  section.banner-about .container {
    padding: 0px 10px;
  }
  
  section.contact-block.set-margin-top50 .container {
    padding: 0px 10px!important;
  }
  
  .calendar-news { width: 100%!important;text-align: left!important;}
  
  .banner-about{border-top: 1px solid #e5e5e5;padding-top: 30px;}
  
  
  .agent-block-link{margin: 0px!important;}
  
  .contact-block.set-margin-top50{margin-top: 80px!important;}
  .faq-block.set-margin-top50{margin-top: 80px!important;margin-bottom: 50px;}
  
  .service-location-name{width: 100%;}
  .service-location-map{width: 100%;text-align: center!important;}
  
  .content-news-first{
    position: relative;
    height: 80px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    
    line-height:20px!important;
  }
  
  @-moz-document url-prefix() {
    .content-news-first{
      position: relative;
      height: 80px;
      margin: 0px;
      padding: 0px;
      overflow: hidden;  
      line-height: 20px!important;
    }
    
  }
  
  
  
  /* .content-news-first::after{
  content: "...";
  background-color: #fff;
  height: 16px;
  width: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  
}*/
  
  .content-news-first a{
    /*   white-space: nowrap; 
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis; 
    border: 1px solid #000000;
    display: block;*/
  }
  
  
  /*  .content-news-first a{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;}*/
  
  
  .header-content-first{display: none!important;}
  .calendar-news{background-image: none!important;padding-left:0px!important;}
  .calendar-news div {
    color: #808080!important;
    display: inline-block;
  }
  .calendar-news-date,.calendar-news-month{top:0px!important;}
  
  .img-inner-back{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_motor_v2.jpg);height: 500px;background-size: cover;min-width: 100%;background-position:28% 0%;}
  .img-inner-back-2{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_01.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 28% 0%;}
  .bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  
  .bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/mo_iindex_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;}
  /*  .bannerTop-marineLogistic{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_marineLogistic.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  .bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_HomeProperty.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  .bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/index_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  */
  
  
  div.tab button {
    width:  Calc(100%);
	
  }
  
  div.tab button.active:after{
    position: absolute;
    top: 1px;
    right: -11px;
    bottom: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid #28a9e2;
    
  }
  .content-detail-company {
    padding-bottom: 50px!important;
  }
  
  .finance-text {
    /*margin-left: 15px;		*/	
  }
  
  .finance-image {		
    margin-right:15px;
  }
  
  .bg-banner-about {
    background-image:none;
    height: 50px;
  }
  
  
  .bg-banner-news {
    background-image:none!important;
    height: 50px!important;
  }
  
  .bg-banner-finance {
    background-image:none!important;
    height: 50px!important;
  }
  
  .box-inner-topleft-about {
    top: 60%;
  }
  
  .box-inner-topleft-about {
    
    padding-left: 8px;
  }
  
  .submeun-page-about ul {
    margin: 10px 0px 25px 8px;
  }
}

@media screen and (max-width:479px) {
  
  .product-skin .product__title.product_title .product_title_text_1 {
    /* padding: 0px 0 15px 0!important;*/
    
  }
  
  .content-news-first {
    position: relative;
    height: 44px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* text-align: justify;*/
    line-height: 22px!important; 
  }
  
  @-moz-document url-prefix() {
    .content-news-first{
      position: relative;
      height: 40px;
      margin: 0px;
      padding: 0px;
      overflow: hidden;  
      line-height: 20px!important;
    }
    
  }
  
  
  /*  .content-news-first a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;}*/
  
  
  
  .tabcontent {
    
    padding-bottom: 50px;
  }
  
}

@media screen and (max-width:500px) {
  
  .img-inner-back{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_01_v2.jpg);height:500px;background-size: cover;min-width: 100%;background-position:28% 0%;}
  .img-inner-back-2{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_01.jpg);height:500px;background-size: cover;min-width: 100%;background-position: 28% 0%;}
  
  .bannerTop-marineLogistic{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_marinelogistic.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  .bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_HomeProperty.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  .bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/mo_iindex_bannerTop_PersonalAccident.jpg);height: 500px;background-size: cover;min-width: 100%;background-position: 30% 0%;}
  
  .box-inner-HomeProperty {
    top: 50%;
  }
  
  .owl-carousel-top .item img.set-width-bth {
    margin-top: -20px!important;
  }
  
}


@media screen and (min-width:1171px) {
  
  header .inline-list {
    display: inline-block!important;
  }
}

@media screen and (max-width:767px) {
  
  .content-about.set-margin-top50.set-margin-top35{
    
    margin-top: 35px;
  }
  
  
  .spacial-title {
    left: 61px!important;
    top: 40px!important;
  }
  
  .title-company{margin-top: 25px!important;}
  
  .modal-content.modal-content_v2 {
    width: 95%!important;
  }
  
}


.box-inner-topleft {
  top: 46%;
  right: 10%;
  left: 14%;
}


@media screen and (max-width:1260px) {
  
  .box-inner-topleft {
    
    left: 13%;
  }
  
}
@media screen and (min-width:1171px) {
  .select-box-v2{display:inline-block!important;}
  /* ไอคอนค้นหาใน language-list — บนมือถือโชว์ใน breakpoint เดิม; บน desktop ต้องโชว์เพื่อโฟกัสช่องค้นหา */
  header .search-language-box .language-list .bth-search-toggle {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }
  header .search-language-box .language-list .bth-search-toggle #change-image {
    display: inline-block;
           
  }
}

@media screen and (max-width:1170px) {
  
  .container.container-page-search {
    position: relative;
    top: -50px!important;
  }
  
  
  .language-list .Thai.th-TH span{top:0px;right:80px!important;}
  .language-list .English.th-TH span{top:0px;right:40px!important;}
  
  .language-list .English.en-US span{top:0px;right:40px!important;}
  .language-list .Thai.en-US span{top:0px;right:80px!important;}
  
  .input-Search{ margin-left: 0px!important;}
  .modal-dialog.modal-dialog_v2{/*width: 100%; */overflow-x: auto;}
  
  .modal-content.modal-content_v2{margin: 75px auto 20px;width: 700px;}
  
  header .search-form {
    margin-left: 0px;
    margin-top: 0px;
    float: none;
	display:block;
  }
  
  
  header .search-language-box .language-list span,
  header .search-language-box .language-list .bth-search-toggle {
    display: inline-block;
    margin-top: 0px;
	cursor: pointer;
  }
  
  
  header .brand{width:40%;}
  header .contact-info{width:60%;text-align: right;}
  
  
  .container_v2 {
    margin-top: 20px;
  }
  
  header .inline-list {
    width: 100%;
    position: absolute;
    top: 0px;
    padding-left: 4%;
    padding-right: 3%;
    height: 100px;
    background-color: rgba(60, 178, 228, 0.9);
    padding-top: 28px;
    display: none;
  }
  
  .search-language-box {
    
    /* position: fixed;
    top: 55px;
    z-index: 99999999;
    width: 100%;
    padding-left: 4%;
    padding-right: 3%;
    height: 100px;
    background-color: rgba(60, 178, 228, 0.9);
    display: none;*/
    
  }
  
  .select-box-v2{
    position: fixed;
    top: 55px;
    z-index: 99999999;
    width: 100%;
    padding-left: 4%;
    padding-right: 3%;
    height: 100px;
    background-color: rgba(60, 178, 228, 0.9);
    display: none;
    
  }
  
  .search-language-box .input-Search input,
  .search-language-box .select-box-v2 .search-input-wrap input { width: 100%!important;}
  
  .language-list {
    
    line-height: normal!important;
	position: fixed;
    right:7px;
    top: 10px;
    z-index: 99999999;
    
    
  }
  .search-form_label {
    width: 100%;
    padding: 10px 10px;
  }
  
  
  .meun-wrapper .nav{display:none;}
  
  .dropdown-wrapper-first{padding-left:0%!important;}
  .dropdown-wrapper-second{padding-left:0%!important;}
  .dropdown-wrapper-third{padding-left:0%!important;}
  .dropdown-wrapper-fourth{padding-left:0%!important;}
  
  .content-sub-meun-wrapper {
    text-align: left;
    top: -55px;
    line-height:18px;
    min-width: 223px;
  }
  .rd-mobilemenu_ul ul a div img{
	opacity:0;
  }
  
  .rd-mobilemenu_submenu ul{background-color:#28a9e2;}
  
  
  
  .box-inner-topleft {
    
    left: 14%!important;
  }
  
  .language-list .bth-search-toggle #change-image{    width: 34px;
        height: 34px;
        margin-left: 8px; display: inline-block;}
  
}

@media screen and (max-width:1199px) {
  #sync2.owl-carousel .owl-item{width:50%!important}
  #sync2.owl-carousel  .owl-wrapper{max-width:100%!important}
  
  p + .link {
    
    left: 39%;
    
  }
  
  .products .product-skin-2 {
    border-right: none;
  }
  
  .products .product-skin-3 {
    background-color: #1a4a88;
  }
  
  .products .product-skin-4 {
    background-color: #28a9e2;
  }
  
  .product_title_3 {
    display: inline-block;
    
  }
  
  .products .product__title {
    text-align: center;
  }
  
  .product_title_image {
    float: none;
  }
  
  .products .product__title .product_title_image {
	
    /*margin-bottom: 15px;*/
  }
  
  .product-skin-1  .product  .product__title{padding-top: 28.5px;}
  .product-skin-3  .product  .product__title{padding-top: 21px;}
  
}

@media screen and (max-width:1110px) {
  .box-inner-topleft {
    
    left: 11%!important;
  }
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{left:4%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{right:4%!important;}
  .owl-carousel-top .item img.set-width-bth{width: 165px!important;height:50px!important;}
  
}


@media screen and (max-width:992px) {
  
  .calendar-Announce-day .col-md-4{margin-top: 0px;}
  .NewUpdate-text{}
  
  .agent-block-text {
    width: 44%!important;
  }
  
  .product.product-skin .product__title.product_title {
    
    /*height: 150px!important;*/
    
  }
  .products .product__title .product_title_image{
    /* display:block;*/
    
  }
  
  
  p + .link {
    
    left: 37%;
    
  }
  
  .box-inner-topleft {
    left: 9%!important;
  }
  
  
  .owl-carousel-top .item img.set-width-bth {
    width: 165px!important;
    height: 50px!important;
  }
  
}


@media screen and (max-width:890px) {
  
  
  .box-inner-topleft {
    left: 9%!important;
  }
  
  
  
  
}



@media screen and (max-width:786px) {
  
  .box-inner-topleft {
    left: 10%!important;
  }
  
  .img-inner-back {background-position: 20% 0%;}
  
}

@media screen and (max-width:686px) {
  
  .box-inner-topleft {
    left: 8%!important;
  }
  
  
  
}









@media screen and (max-width:632px) {
  
  .products .product-skin-1 .product__title{
    
	padding-top: 40px;
    padding-bottom: 28px;
  }
  
  .products .product-skin-2 .product__title{
    
	padding-top: 27px;
    padding-bottom: 27px;
  }
  
  .products .product-skin-4 .product__title{
    
	padding-top: 24px;
    padding-bottom: 24px;
  }
  
}


@media screen and (max-width:576px) {
  
  .branch-search-type {
    width: 35%!important;
  }
  .form-group {
    width: 64%!important;
  }
  
  
  .product__body{display:none;}
  
  .products .product-skin-1 {padding-left: 0px;padding-right: 0px;}
  .products .product-skin-2 {padding-left: 0px;padding-right: 0px;}
  .products .product-skin-3 {padding-left: 0px;padding-right: 10px;}
  .products .product-skin-4{padding-left: 0px;padding-right: 0px;}
  .products .product-skin-1 .product__title {
	padding-top: 41px;
    padding-bottom: 27px;
  }
  /*.sub-menu-side{display:none;}*/
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {
    display:none;
  }
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {
    display:none;
  }
  
}

@media screen and (max-width:500px) {
  
  
  .box-inner-topleft {
    left: 9%!important;
  }
}

@media screen and (max-width:486px) {
  
  .products .product-skin-1 {padding-left: 0px;padding-right: 0px;}
  .products .product-skin-2 {padding-left: 0px;padding-right: 0px;}
  .products .product-skin-3 {padding-left: 5px;padding-right: 5px;}
  .products .product-skin-4{padding-left: 0px;padding-right: 0px;}
  
  
  .products .product__title{font-size:26px;}
}


@media screen and (max-width:450px) {
  
  .inner-background .block-content-product{
    margin-top: 50px!important;
  }
  
  
  
  .box-inner-topleft {
    left: 9%!important;
  }
  
  .owl-carousel-top .item img.set-width-bth {
    margin-top: 4px!important;
  }
  
  .owl-carousel-top .item img.set-width-bth {
    width: 140px!important;
    height: 40px!important;
  }
  
  .img-inner-back {
    background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_01_v2.jpg);
    height: 400px;
    
  }
  
  .bannerTop-marineLogistic{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_marinelogistic.jpg);height: 400px;}
  .bannerTop-HomeProperty{background-image: url(/Thaipat/media/source_media/images/home/mo_index_bannerTop_HomeProperty.jpg);height: 400px;}
  .bannerTop-PersonalAccident{background-image: url(/Thaipat/media/source_media/images/home/mo_iindex_bannerTop_PersonalAccident.jpg);height: 400px;}
  
  
  
}

@media screen and (max-width:387px) {
  
  .products .product-skin-4 .product__title {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .owl-carousel-top .item img.set-width-bth {
    margin-top: 10px!important;
  }
  
  .img-inner-back,.bannerTop-marineLogistic,.bannerTop-HomeProperty,.bannerTop-PersonalAccident {
    height: 330px;
    
  }
  
  
  
  .owl-carousel-top .item img.set-width-bth {
    width: 120px!important;
    height: 35px!important;
  }
  
  .box-inner-topleft {
    left: 7%!important;
  }
  
}

@media screen and (max-width:350px) {
  
  
  .owl-carousel-top .item img.set-width-bth {
    margin-top: -5px!important;
    margin-left: 10px;
	
  }
  
  .submeun-page-about ul li:last-child:after {
    
    padding: 0px;
  }
  
  .submeun-page-about ul li::after {
    
    padding: 0px 6px 0 6px;
    
  }
  
  .box-inner-topleft {
    left: 5%!important;
  }
}





@media screen and (max-width:767px) {
  
  section.content-news.set-margin-top50 .container {
    padding: 0px 10px!important;
  }
  
  .agent-block-link {
    margin: 0px!important;
  }
  
  .agent-block-wrapper{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  
  section.staff-block.set-margin-top50 .container-v2 {
    padding: 0px 10px;
  }
  
  section.agent-block.set-margin-top50 .container-v2 {
    padding: 0px 10px;
  }
  
  .staff-block-text{width: 45%!important;}
  
  .image-news{height: 130px!important;}
  
  .faq-block .container {
    padding: 0px 10px!important;
  }
  
  .faq-block #accordion-1 {
    margin-right: 0px!important;
  }
  
  
  .contact-block-wrapper {
    text-align: center;
  }
  
  .contact-block-content {
    text-align: left;
  }
  
  
  
  
  .tabcontent{padding:0px;}
  
  
  
  .content-about .container{padding-left:10px!important;padding-right:10px!important;}
  .content-service .container{padding:0px 10px!important;}
  .job-block .container{padding-left:15px!important;}
  .contact-block .container{padding-left: 10px!important;padding-right: 10px!important;}
  
  .bannerTop-marineLogistic{background-position: 25% 0%;}
  .bannerTop-PersonalAccident {background-position: 23% 0%;}
  
  div.tab.detaillist-tab button {
	
    width:100%;
	
  }
  div.tab.detaillist-tab button.active:after {
    border-left: 0px solid #28a9e2;
    right: 0px;
    
  }
}

.contact-block-content ul li a.list-contact-block{text-decoration: none;}
.contact-block-content ul li a.list-contact-block:hover{color: #26a8e2;}

@media only screen and (min-width:768px) and (max-width: 1170px){
  /*screen 768 TO 1198*/
  .search-form_submit { 
    
    top: 16px;
    
  }
  
  
}

div.tab.product-car {
  overflow: hidden;
  border-bottom: 3px solid red;
  background-color:white;
}

/* Style the buttons inside the tab */
div.tab.product-car  button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 24px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab.product-car button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab.product-car button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent_product_car {
  display: none;
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}




/***************news*******************/
.bg-banner-news {
  background-image: url(/Thaipat/media/source_media/images/news/news_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;
}


.bg-banner-finance{
  background-image: url(/Thaipat/media/source_media/images/about-us/aboutUs_Finance_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;
}

.title-page-news{}

.title-news{color: #28a9e2;
  letter-spacing: 1px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  font-size: 18px;
  font-weight: normal;}

.calendar-news{background-image: url(/Thaipat/media/source_media/images/news/news_date.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding: 3px 15px;
  text-align: center;
  /* width: 7%; */
    background-color: #c11f24;
    border-radius: 5px;}

.calendar-news div{color:white;}

.calendar-news-date{
  font-size: 16px;
  font-weight: bold;
  top: 3px;
  position: relative;
}


.calendar-news-month{
  position: relative;
  top: 4px;
}

.header-content-first{display:inline-block;/*font-family: Tahoma;*/
  font-size: 18px;
  font-weight: normal;
  color: #808080;
  width: 92%;
  padding-left: 15px;
  line-height: 22px;
}

.content-news-first{color:#898989;font-family: Tahoma,Verdana,Segoe,sans-serif;font-size: 16px;margin-top: 20px;line-height: 22px;padding:0px;}

.content-news-second{color:#898989;font-family: Tahoma,Verdana,Segoe,sans-serif;font-size: 16px;margin-top: 40px;line-height: 22px;}


.news-content-first{
  overflow: hidden;
  padding-bottom: 40px;
  margin-top: 40px;
} 



.image-news{/*padding-bottom:40px;*/}

.page-pager{float:right;margin-top: 20px; margin-bottom: 60px;}
.page-pager ul{}
.page-pager ul li{display:inline-block;font-size: 16px;color:#898989;padding: 5px 10px;}

.page-pager ul li:last-child{padding-left:10px;padding-right:0px;cursor:pointer;}
.page-pager ul li.next-page-number:hover{color:white;border-radius:50%;background-color:#00bdf4;cursor:pointer;transition: 0s;}
.page-pager ul li.next-page-number:hover a{transition: 0s;color: white; text-decoration: none;}
.page-number-active{color:white!important;border-radius:50%;background-color:#00bdf4;}


.image-details-news{padding:0px;margin-top:45px!important;  margin-bottom:60px;}

.image-details-news-first{padding:0px;}
.image-details-news-second{padding:0px;text-align: center;}
.image-details-news-third{padding:0px;text-align: right;}


.news-details-icon-left{float:left;margin-top: 25px;padding-left: 0px;}
.news-details-icon-left ul{}
.news-details-icon-left ul li{display:inline-block;padding: 5px 2px;cursor:pointer;}

.news-details-icon-right{margin-top: 25px!important; margin-bottom: 95px;padding-right: 0px;}
.news-details-icon-right ul{float:right;}
.news-details-icon-right ul li{display:inline-block;padding: 5px 4px;font-size: 16px;color:#898989;}


.owl-carousel-top .owl-controls .owl-buttons .owl-prev{background-image: url(/Thaipat/media/source_media/images/home/arrowLeft_white.png);    
  width: 22px;
  height: 40px;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 250px;
  left: 10%;
  /*background-color: red;*/
}

.owl-carousel-top .owl-controls .owl-buttons .owl-next{background-image: url(/Thaipat/media/source_media/images/home/arrowRight_white.png);    
  width: 22px;
  height: 40px;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 250px;
  right: 10%;/*background-color: red;*/}

.owl-carousel.owl-theme .owl-page.active{background-color:#28a9e2;}

@media screen and (max-width:1199px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 230px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 230px!important; right: 8%!important;}
  
  .calendar-news{
    width: 9%;
  }
  
  .header-content-first{
    width: 90%;
  }
  
}

@media screen and (max-width:992px) {
  
  .calendar-news{
    width: 13%;
  }
  
  .header-content-first{
    width: 85%;
  }
  
}


@media screen and (max-width:767px) {
  
  .calendar-news{
    width: 58px;
  }
  
  .header-content-first{
    width: 82%;
    padding-right: 20px;
  }
  
}


/****************************************************************/

div.detaillist-tab ul li.current {
  background-color: #28a9e2;
  color: white;
  position: relative;
  transition: 0s;
  
}


div.detaillist-tab ul{
  width: Calc(100% - 15%);
} 



div.detaillist-tab ul li {
  display: block;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0s;
  border-bottom: 1px solid #e9e9e9;
}

.detaillist-tab ul li {
  color: #1a4a88;
  border-bottom: 1px solid #e5e5e5;
  /* font-family: 'TH Sarabun New'; */
  font-family: 'THSarabunNew';
  font-size: 22px;
  /*line-height: 48px;*/
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
}


div.detaillist-tab ul li.current:after {
  position: absolute;
  top: 1px;
  right: -11px;
  bottom: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 38px solid #28a9e2;
  content: "";
}



/*.tabs-about-us li {

padding: 15px 25px;
background: none;
text-transform: uppercase;
cursor: pointer;
}*/


.tab-contents {
  padding: 0px;
  /* padding-top: 0px;*/
  
}

/*.tab-pane,.tab-pane-product {
  display: none;
}*/

.tab-pane.current,.tab-pane-product.current {
  display: block;
}

ul.tabs-product li.current{ background-color: #28a9e2;color:white;}

@media screen and (max-width:767px) {
  div.detaillist-tab ul {
    width:100% ;
    
  }
  
  .tabs-product-top{
    
    margin-top: 20px;  
  }
  
  div.detaillist-tab ul li.current:after {
    border-left: 0px solid #28a9e2;
  }
}

@media screen and (min-width: 1490px) {
  .img-inner-back,.bannerTop-marineLogistic,.bannerTop-HomeProperty,.bannerTop-PersonalAccident{
    height: 580px;
  }
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {bottom: 270px;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {bottom: 270px;}
  
}
@media screen and (min-width: 1680px) {
  .img-inner-back,.bannerTop-marineLogistic,.bannerTop-HomeProperty,.bannerTop-PersonalAccident{
    height: 660px;
  }
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {bottom: 310px;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {bottom: 310px;}
  
}


@media screen and (min-width: 1780px) {
  .img-inner-back,.bannerTop-marineLogistic,.bannerTop-HomeProperty,.bannerTop-PersonalAccident{
    height: 711px;
  }
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {bottom: 350px;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {bottom: 350px;}
  
}



.inline-list.contact-footer li a{text-decoration: none;}





ul.tabs-about-us li a{display: block}
ul.tabs-about-us li:hover{background-color: #28a9e2;    color: #fff;}
ul.tabs-about-us li:hover a{color:#fff;    text-decoration: none;    -moz-transition: 0s;
  -o-transition: 0s;
  -webkit-transition: 0s;
  transition: 0s;}

ul.tabs-service-us li a{display: block}
ul.tabs-service-us li:hover{background-color: #28a9e2;    color: #fff;}
ul.tabs-service-us li:hover a{color:#fff;    text-decoration: none;    -moz-transition: 0s;
  -o-transition: 0s;
  -webkit-transition: 0s;
  transition: 0s;}


.image-news img{max-width: 250px;}


.content-details-news{margin-top: 20px;font-size: 16px;     line-height: 22px;}
.image-details-news{margin:15px 0 !important;text-align: center;}
.no-pad{padding:0;}
.content-details-news{ padding-bottom:10px;}
.news-details-icon-left {    padding-top: 20px;}
.news-content-first{border-bottom: 1px solid #e5e5e5;}
.news-content-first.news-content-detail{border-bottom: 1px solid transparent;}


footer ul li.tab-link a:hover{color:white;}


/*.tabs-product li{display:inline-block;padding: 15px 45px;font-size: 18px;    cursor: pointer;}

.tabs-product li{border-right: 1px solid red;}*/

.tabs-product li{/*padding: 15px 0px 15px 51px;padding: 15px 51px 15px 51px;*/padding: 15px 0px;font-size: 18px;    cursor: pointer;color:#808080; position: relative; width: 20%;text-align: center; float: left;}

.tabs-product li span{/*border-right: 1px solid #9E9E9E;*/padding-top: 13px; padding-bottom: 10px;/* padding-right: 51px;*/}

ul.tabs-product.list-product-horizontal li{/*margin-left: -7px; */  }
ul.tabs-product.list-product-horizontal li:first-child{margin-left: 0px;}
ul.tabs-product.list-product-horizontal li:last-child span{border-right:none;}

.tabs-product{margin-top:55px;border-bottom: 3px solid #28a9e2;    overflow: hidden;}

.summary-product-block {
  font-family: Tahoma;
  border: 1px solid #e2e2e2;
  padding: 15px 0px;
  color: #808080;
  /*min-height: 330px;*/
}

.summary-product h3{text-align: center;font-weight: bold;
  font-size: 24px;
  color: #3F51B5;
  font-family: Tahoma,Verdana,Segoe,sans-serif;margin-bottom: 14px;}
.summary-product{margin-top:20px;padding: 0px 5px;}
.summary-product span{font-size:16px;text-align: center;display: block;}
.summary-product ul{margin: 20px 0px;}
.summary-product ul li{font-size:15px;line-height: 1.6;position: relative;padding-left: 20px;}
.summary-product ul li:before{content: "•";font-size: 13px;padding: 0 8px; position: absolute; left: 0; top: 3px;}

.summary-product a{letter-spacing: normal;}

.product-car-type3{  background-image:url(/Thaipat/media/source_media/images/product//banner_motor_type3.jpg);
  background-size: cover;
  height: 260px;
  background-position: center;
  width:100%;}


/*********************model************************/

.close-chart {
  /* background: url(/media/tmof1udi/product_motor_detail_popup_close.png)no-repeat scroll 87% 56%; */
  width: 31px;
  /* height: 50px; */
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

modal-footer-v2{border-top:none!important;}

.protect-wraper tbody tr td {
  padding: 15px;
}

.price-wraper tbody tr td {
  padding: 15px;
}

.price-wraper tbody tr td:last-child{ background-color: #28a9e2;
  color: white;
  text-align: center;    border-top: 1px solid white;}

.modal-body_v2{padding: 20px 45px 0px 45px!important;}
.modal-header_v2{padding: 50px 45px 0px 45px!important;border-bottom:none;}

.modal_v2{font-family: tahoma;
  font-size: 16px;}

.title-protect{
  background-color: #28a9e2;
  color: white;
  text-align: center;
  padding: 10px 0px;
  width: 600px;
}

.modal-title_v2{text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #3f51b5;
  font-family: Tahoma,Verdana,Segoe,sans-serif;}

.modal-content_v2 p{    margin-top: 15px;}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-header:after,
.modal-footer:after {
  clear: both;
}



.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition:      -o-transform .3s ease-out;
  transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  font-family: Tahoma,Verdana,Segoe,sans-serif;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: none;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
    margin: 100px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.protect-wraper{border: 1px solid #f2f2f2;}

.protect-wraper tbody tr td:first-child{border-right: 1px solid #e1e1e1;}

.protect-wraper tbody tr:nth-child(2n) {
  background-color: #f2f2f2;
}


.en-US .summary-product .set-center {
  padding-left: 90px;
}


.summary-product .set-center{
  text-align: left;
  padding-left: 70px;
  margin: 10px 0px;
}
.summary-product .set-center a{font-weight: bold;font-size: 16px; font-family: Tahoma,Verdana,Segoe,sans-serif;   cursor: pointer;}

.summary-product .set-center a:hover{color: #dc4637;    text-decoration: none;}

.summary-product .set-center a.link:hover:after{    right: -26px;}

.price-wraper{margin-top:15px;}

/***************model****************/
.link-download-left ul li{display:inline-block;}

.link-download-block{
  overflow: hidden;
  margin-top: 30px;
}


.button-download:first-child{
  background-color: #c21f24;
  color: #fff;
  padding: 12px 12px;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  /*margin-right: 15px;*/
}

.button-download:last-child{
  background-color: #c21f24;
  color: #fff;
  padding: 12px 12px;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
}

.link-download-left {
  margin-top: 5px;
  padding: 0px;
}


.block-summary-product{
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 0px;
}
.WebPartZoneBorder .tab-pane-product{display:block;}

.WebPartZoneBorder .tab-pane-service{display:block;}


ul.tabs-service.list-service-horizontal.list-compensation-horizontal li {
  padding: 1px 14px 1px 14px !important;
  border: 1px solid #28a9e2;
  margin: 5px 3px!important;
  border-radius: 5px;
  font-size: 16px;
}

ul.tabs-service.list-service-horizontal.list-compensation-horizontal li span{
  
}



/******************** tab product *************************/

.list-product-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.list-product-dropdown:before {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 1200px) {
  
  .summary-product span {
    height: 36px;
  }
  
  
  .summary-product-block h4 {
    position: relative;
    bottom: -10px;
  }
  
  
  
  
  .summary-product .set-center {
    position: absolute;
    bottom: 10px;
  }
  
  .summary-product-block {
    min-height: 350px;
    position: relative;
  }
  
  
  div#Regiondiv .form-group {
    padding-left: 10px;
  }
  div#Provincediv .form-group {
    padding-left: 10px;
  }
  
  .tabs-product {
    display: block!important;
  }
  
  div#Districtdiv .form-group{
    padding-left: 10px;
  }
  
}



@media screen and (max-width: 1199px) {
  
  .tabs-product{    font-family: Tahoma;}
  
  ul.tabs-product-car-v2 li:last-child {
    /* padding: 0; 
    padding: 15px 20px 15px 20px!important;*/
  }
  
  .list-product-dropdown {
    /* display: block;
    font-size: 18px;
    text-align: center;
    background-color: #28a9e2;
    color: white;
    padding: 15px 0px;
    margin-top: 40px;*/
  }
  
  .tabs-product li {
    padding: 15px 20px 15px 20px;
    /*  padding: 15px 0px;*/
    float: none!important;
    display: inline-block;
    width:auto!important;
  }
  
  .tabs-product-car-v2 li:after,.list-product-horizontal li:after {
    background-color: transparent;
  }
  
  
  
  .tabs-product li span{border-right:none;}
  
  .tabs-product{
    /* display: none;*/
  }
  
  .list-product-dropdown:focus,.list-product-dropdown:hover{   
    color: white;
    text-decoration: none;
  }
  
  
  .list-product-dropdown:active{
    background-color: #28a9e2;
    
  }
  
  .tabs-product li span {
    padding-right: 0px;
  }
  .tabs-product {
    
    border-bottom: 0px solid #28a9e2;
  }
  
  .list-product-horizontal {
    min-height: 20px;
    margin-bottom: 20px;
    /*padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
  }
  
  .list-product-horizontal > li{/*width: 100%;*/border: 1px solid #28a9e2;margin: 5px 3px!important;border-radius: 5px;font-size:16px;}
  
  .tabs-product.list-product-horizontal{margin-top: 20px;text-align: center;}
  
}


@media screen and (max-width: 576px) {
  
  .tabs-product li {
    /* padding: 15px 5px 15px 5px;*/
  }
  
  .tabs-product.tabs-product-car-v2 li {
    padding: 15px 5px 15px 5px;
  }
  
  
  .tabs-product li span {
    padding-right: 0px;
  }
  
  ul.tabs-product-car-v2 li:last-child {
    /* padding: 0; 
    padding: 15px 5px 15px 5px!important;*/
  }
  
}


/******************** tab product *************************/

/*@media screen and (max-width: 489px) {
.button-download:first-child{font-size: 13px;padding: 12px 6px;margin-right:0px;}
.button-download:last-child{padding: 12px 6px;font-size: 13px;}
.link-download-right{padding:0px;} 
}*/

#main-img{display:block;}
#main-img2{display:none;}



@media screen and (max-width: 500px){   
  
  #main-img{display:none;}
  #main-img2{display:block;}
  
}

.addthis_default_style .at300b{padding: 0px!important;}
.addthis_default_style a{text-decoration: none;}

.banner-top-carousel{position: relative;}

.inner-background .block-content-product{position: absolute;top: 0;padding-right: 200px;padding-left: 200px;width: 100%;margin-top: 90px;}
.inner-background .title-top-product{font-family: 'RSU';color:#00459a;}
.content-top-product {font-family: 'RSU';color: #474747;font-size: 40px;line-height: 50px;margin-top: 25px;}

.bth-detail-product{background-color: #c11f24;
  color: white;
  padding: 15px 35px;
  font-family: rsu;
  border-radius: 3px;
  font-size: 30px;
  margin-top: 15px;
  display: inline-block;
}
.bth-detail-product:hover{color: white;
  text-decoration: none;}

.banner-top-carousel.owl-carousel-top.owl-theme.owl-carousel{    padding-top: 0px;}


.product-list-block {
  margin-bottom: 50px;
}

.product-list-block .product-list {
  -webkit-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  -moz-box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  box-shadow: -1px -1px 8px 4px rgba(235,232,235,1);
  border-radius: 8px;
}

.bg-banner-job{background-image: url(/Thaipat/media/source_media/images/banner/contact_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}


/******************job************************/

.title-job:focus {
  outline: none;
}

h3.ui-state-active{background-color: #28a9e2;color: white;font-size: 18px;}
.title-job{padding: 20px 10px 20px 25px;margin-top: 2px;color: #28a9e2;font-family: Tahoma,Verdana,Segoe,sans-serif;font-size: 18px;font-weight: normal;}
.title-job{background-color:#edf2f8;color: #28a9e2;position: relative;cursor:pointer;padding-right: 65px;line-height: 1.4}
.block-contact-email{line-height: 22px;}
.block-contact-tel{line-height: 30px;}
.title-page-job{font-size: 20px; font-family: Tahoma,Verdana,Segoe,sans-serif;margin-top: 22px;color: #28a9e2;}
.job-list-header{overflow:hidden;margin-bottom: 30px;}
.title-job-details.ui-accordion-content-active span{display: block;font-size: 16px;font-weight: bold; color: gray; font-family: Tahoma,Verdana,Segoe,sans-serif;margin-top: 25px;}
.title-job-details ul li:before{content: "•"; font-size: 16px; padding: 0 10px;position: absolute;left: 0px;}
.download-job-block{display: none;margin-top: 24px!important;color:#808080;font-family: Tahoma,Verdana,Segoe,sans-serif;font-size: 16px;font-weight: normal;text-align: right;}
.download-job-block img{position:relative;top:-30px;}
.title-job-details{padding-bottom: 30px;padding-left: 20px; padding-right: 20px; }
.title-job-details > div>span{font-weight: bold;font-size: 16px;color: #808080;}
.title-job-details > div>a{color: #808080;/*text-decoration:underline;*/font-size: 16px;}

.block-contact-email span,.block-contact-tel span{display: inline!important;}



/* h3.ui-state-active.title-job:after{content: "\f078";font-family: FontAwesome;position: absolute;right: 30px;font-size: 30px;top:10px;} */
h3.title-job:after{content: "";position: absolute;right: 30px;top:28px;width: 15px;height: 15px;background-image: url('/media/gdcbdmbc/arrow-point-to-right2.png');background-repeat: no-repeat;background-size: contain;}


.title-job-details ul{margin-bottom: 20px;    position: relative;margin-top: 10px; }
.title-job-details ul li{color:#808080;font-size:16px;font-family: Tahoma;padding-left:30px; line-height: 22px;}



@media screen and (max-width: 767px) {
  
  .download-job-block{padding:0px;}
  
  .job-block .container {
    padding: 0px 10px!important;
  }
  
  .job-block #accordion-1 {
    margin-right: 0!important;
  }
  
  .title-job-details{/*height: auto!important;*/
    padding-left: 10px!important;
    padding-right: 10px!important;
    
  }
}


/******************jobs************************/


/******************banners************************/

.bg-banner-tran{background-image: url(/Thaipat/media/source_media/images/banner/product_Marine_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}

.bg-banner-person{background-image: url(/Thaipat/media/source_media/images/banner/product_PersonalAccident_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}

.bg-banner-freedom{background-image: url(/Thaipat/media/source_media/images/banner/product_Miscellaneous_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}

.bg-banner-etc{background-image: url(/Thaipat/media/source_media/images/banner/product_BailBond_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}

.bg-banner-service{background-image: url(/Thaipat/media/source_media/images/banner/service_garage_picTop.jpg);
  background-size: cover;
  height: 180px;
  background-position: center;
  width: 100%;}

/************************************************************/

.banner-top-carousel.owl-carousel .item{margin:0px}
.images-desktop{height: 500px!important;position: relative;max-width:none;}
.images-Moblie{height: 330px!important;position: relative;max-width:none;} 

/*.images-desktop{height: 500px!important;position: relative;left: 50%;transform: translate(-50%,0);max-width:none;}*/

.banner-top-carousel .images-Moblie{display:none!important;}

.summary-product-block:hover{-webkit-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  -moz-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);}

.summary-product-block .productprice{display: inline; font-size: 30px; padding: 0 5px;position: relative;top: -10px;font-family: Tahoma!important;}
.summary-product-block h4{text-align: center; color: #808080;font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 16px;}

@media screen and (max-width: 991px) {
  .inner-background .block-content-product {
    padding-right: 90px;
    padding-left: 90px;
  }
}

@media screen and (max-width: 767px) {
  .inner-background .block-content-product {
    padding-right: 70px;
    padding-left: 70px;
  }
  
  .inner-background .title-top-product{
    font-size: 50px!important;
  }
  
  .content-top-product br{display:none;}
  
}

@media screen and (max-width: 576px) {
  
  .staff-block-text {
    width: 50%!important;
  }
  
  .staff-block-wrapper:last-child {
    margin-bottom: 50px;
  }
  
  
  .agent-block-wrapper:last-child {
    margin-bottom: 50px;
  }
  
  
  .image-news {
    height: 110px!important;
  }
  
  .product.product-skin .product__title.product_title{
    /* height: 145px!important;*/
    font-size: 26px;
    height: 135px!important;
  }
  
  
  div.detaillist-tab ul li.tab-link:first-child {
    border-top: 1px solid #e9e9e9;
  }
  
  /*.Banner-Thaipat-Top img{    display: none;}*/
  .box-inner-banner {
    top: 20px!important;
    left:14px;
  }
  
  .meun-sub-page{ top: 275px!important;}
  
  .content-about.set-margin-top50.set-margin-moblie{margin-top: 85px!important;}
  
  .content-service.set-margin-top50{margin-top: 100px!important;}
  .content-about.set-margin-top50{margin-top: 85px!important;}
  .content-news.set-margin-top50{margin-top: 70px!important;}
  .staff-block.set-margin-top50{margin-top: 80px!important;}
  .agent-block.set-margin-top50{margin-top: 80px!important;}
  
  .Announce-margin-v2 {
    margin-top: 50px!important;
  }
  
  
  /* .product.product-skin .product__title.product_title {
  background-color: #1a4a88!important;
}*/
  
  .link-product-skin:nth-child(2) .product.product-skin .product .product__title {
    background-color: #1a4a88!important;
  }
  .link-product-skin:nth-child(3) .product.product-skin .product .product__title {
    background-color: #1a4a88!important;
  }
  
  .product.product-skin:first-child .product__title.product_title {
    background-color: #28a9e2!important;
  }
  
  .product.product-skin:last-child .product__title.product_title {
    background-color: #28a9e2!important;
  }
  
  
  .inner-background .block-content-product {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 500px) {
  /*.images-Moblie{display:block!important;}
  .images-desktop{display:none!important;}*/
  .content-top-product {
    font-size: 36px;
  }
  
  .content-top-product br{display:none;}
  
}

@media screen and (max-width: 400px) {
  
  .staff-block-text {
    /*width: 66%!important;*/
  }
  
  
  .inner-background .block-content-product {
    margin-top: 30px!important;
  }
  
  .content-top-product{
    font-size: 23px!important;
    line-height: 36px!important;
    margin-top: 5px!important;
  }
  
  .bth-detail-product{
    font-size: 23px;
    padding: 15px 20px;
  }
  
  
  .inner-background .title-top-product {
    font-size: 40px!important;
    line-height: 40px!important;
    
  }
  
}

/******************** tab service *************************/

.tab-pane-service.current {
  border-top: 1px solid #eff1f2;
  margin-top: 1px;
  display: block;
}

.tab-pane-service {
  display: none;
}

.tabs-service li {
  padding: 15px 18px 15px 18px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
  color:#808080;
}



ul.tabs-service li.current {
  background-color: #28a9e2;
  color: #fff;
}

.list-service-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.list-service-dropdown:before {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 30px;
}

.list-compensation-horizontal li:after{background-color: transparent!important;}

.list-compensation-horizontal li{float: none!important; width: auto!important;}

@media screen and (min-width: 1200px) {
  .tabs-service {
    display: block!important;
    
  }
}



@media screen and (max-width: 1199px) {
  
  .tabs-service li{
    font-size: 16px!important;
    border: 1px solid #28a9e2;
    margin: 5px 8px;
    border-radius: 5px;
  }
  
  .list-service-dropdown {
    /* display: block;*/
    font-size: 18px;
    text-align: center;
    background-color: #28a9e2;
    color: white;
    padding: 15px 0px;
    margin-top: 40px;
  }
  
  .tabs-service li span{border-right:none!important;}
  
  .tabs-service{
    /* display: none;*/
  }
  
  .list-service-dropdown:focus,.list-service-dropdown:hover{   
    color: white;
    text-decoration: none;
  }
  
  
  .list-service-dropdown:active{
    background-color: #28a9e2;
    
  }
  
  ul.list-compensation-horizontal li {
    border: 1px solid #28a9e2;
    margin: 5px 8px;
    border-radius: 5px;
  }
  
  
  
  .list-service-horizontal {
    min-height: 20px;
    /* border-bottom: 0px solid #28a9e2!important;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    padding: 19px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
  }
  
  .list-service-horizontal > li{/*width: 100%;*/}
  
  .tabs-service.list-service-horizontal{/*margin-top: 0px;*/text-align: center;}
  
}
/******************** tab service *************************/



/******************** service Network*************************/

.service-location-name,.service-location-map{padding:0px;}
.service-location-address{padding-bottom: 15px;padding-top: 10px;}
.service-location{clear: both;margin-top: 1px;color: #808080;overflow:hidden;border-bottom: 1px solid #e5e5e5;padding: 18px 0px;font-family:Tahoma,Verdana,Segoe,sans-serif;}
.service-location p{color:#808080;font-size: 16px;line-height:20px;}
.service-location-map{text-align: right;margin-top: 15px!important;}
.service-location .service-location-map >div{display: inline-block;
  width: 80px;text-align: center;}

.title-name-service{color: #28a9e2;font-size: 16px;}

.service-location p.service-location-address .service-title-address{
  position: absolute;
}

.service-content-address {
  padding-left: 45px;
  display: inline-block;
}

.service-content-tel {
  padding-left: 40px;
  
}

.service-content-fax {
  padding-left: 65px;
  
}

.service-content-fax{pointer-events: none;}
.service-content-fax:focus{pointer-events: none;}
.service-content-fax:hover{pointer-events: none;}
.service-content-fax:visited{pointer-events: none;}

ul li.tel-fax{pointer-events: none;}
ul li.tel-fax:hover{pointer-events: none;}
ul li.tel-fax:visited{pointer-events: none;}

.tel-fax{pointer-events: none;}
.tel-fax:hover{pointer-events: none;}

.service-location-name .service-location-tel .service-title-tel{ position: absolute;}
.service-location-name .service-location-fax .service-title-fax{ position: absolute;}

.service-location:last-child {
  border-top: 1px solid transparent;
}

/********************service Network *************************/


.News-Gallery{overflow: hidden;}

.News-Gallery div {
  margin-top: 0px;
}

.News-Gallery-images{margin-top:20px!important;}

@media screen and (max-width: 1199px) {
  .news-content-first .image-news img{max-width: 100%;}
  .summary-product .set-center{text-align: center;padding-left:0px!important;}
}

.news-content-first .news-content-right{padding-left: 30px;margin-top: 0px;}

.product.product-skin .product__title.product_title{background-color: #28a9e2;    padding: 10px 10px 0px 10px;}

/*.product.product-skin:nth-child(2n) .product .product__title {
background-color: #1a4a88;
}*/

.link-product-skin:nth-child(2n) .product.product-skin .product .product__title {
  background-color: #1a4a88;
}

.product-list-block .container{}

.product-skin .product__title.product_title .product_title_text_1{padding: 15px 0px; display:block; text-align: center; }
.product-skin .product__title.product_title .product_title_text_1 span{padding: 0px 0px 0px 5px;}

.image-product-mobile{margin-top: 0px;}
.image-product-mobile>img{display:none;}

@media screen and (max-width: 500px) {
  
  .inner-background .title-top-product {
    font-size: 40px!important;
    line-height: 45px;
  }
  
  
  
  
  
}
@media screen and (max-width: 400px) {
  
  
  
  
  .branch-search-type {
    width: 44%!important;
  }
  
  .form-group {
    width: 55%!important;
  }
  
}



@media screen and (max-width: 767px) {
  .staff-block-wrapper{padding-right: 0px!important;padding-left: 0px!important;}
  
  .News-Gallery-images.img-popup{padding-right: 0px;}
  
  /* .News-Gallery-images.img-popup img{max-width: 100%!important;height: auto!important;width:auto!important;}*/
  
}

.image-product-desktop{overflow: hidden;}
.image-product-desktop img{/*height: 260px; max-width: none;*/}

.News-Gallery-images.img-popup{overflow: hidden;display: block;border: 1px solid #ddd;     text-align: center;}
.News-Gallery-images.img-popup img{height: 210px;max-width: none; }

.Banner-Thaipat-Top {overflow:hidden;}
.Banner-Thaipat-Top img{  
  height: 230px;
  position: relative;
  left: 50%;
  transform: translate(-50%,0);
  max-width: none;
}

@media screen and (max-width: 1200px) {
  .Banner-Thaipat-Top img{  
    left: 60%;
    transform: translate(-60%,0);
  }
  
}


.box-inner-banner {
  position: absolute;
  font-size: 45px;
  color: #1a4a88;
  font-weight: bold;
  /*font-family: TH Sarabun New;*/
  font-family: 'THSarabunNew-bold';
  text-align: left;
  z-index: 3;
  width: auto;
  max-width: 1170px;
  margin: 0 auto;
}


.box-inner-banner {
  top: -120px;
  /*padding-left: 15px;*/
  /* text-shadow: 2px 2px white;*/
  /*padding: 20px 15px 15px 15px;*/
  /* background-color: rgba(255, 255, 255, 0.46);*/
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
  
}

/***************staff***********************/

.staff-block-link{border:1px solid #e5e5e5;padding: 6px;border-radius: 3px;}
.staff-block-wrapper{padding-left: 0px;    padding-right: 22px;margin-top: 25px!important;}
.staff-block-image{display:inline-block;width:33%;}
.staff-block-text{text-align: center;width:66%;font-size: 32px;/*font-family: TH Sarabun New;*/font-family: 'THSarabunNew';   margin-left: -2px;}
/*.staff-block-wrapper:nth-child(3) .staff-block-link .staff-block-text{text-align:left;padding-left: 20px!important;}*/
.staff-block-link a{overflow: hidden; display: block;}
.staff-block-link a:hover{text-decoration: none;}

.staff-block-link:hover{
  
  -webkit-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  -moz-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);}
/***************staff***********************/


/***************agent***********************/
.agent-block-link a{overflow: hidden; display: block;}
.agent-text-bottom{margin-top:5px;display:inline-block;}
.agent-text-top{/*color:#27a9e1;*/}
.agent-block-link{border:1px solid #e5e5e5;padding: 6px;    margin: 0px 48px;border-radius: 3px;}
.agent-block-wrapper{padding-left: 0px;padding-right: 22px;margin-top: 25px!important;}
.agent-block-image{display:inline-block;width:36%;}
.agent-block-text{/*font-weight: bold;*/display:inline-block;width:63%;font-size:32px;/*font-family: TH Sarabun New;*/font-family: 'THSarabunNew';margin-left: -2px;    text-align: center;}

.agent-block-link a:hover{ text-decoration: none;}

.agent-block-link:hover{
  
  -webkit-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  -moz-box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);
  box-shadow: -1px -1px 8px 1px rgba(235,232,235,1);}
/***************agent***********************/

.meun-sub-block{position: relative;}
.meun-sub-page{position: absolute;  z-index: 1;top: 230px;display: block;margin: 20px 0px;/*left:-15px;padding-left:15px;*/}

/*.meun-sub-page a:after {
content: ">";
font-weight: bold;
padding: 0px 5px;
}*/

.content-about .container{/*padding-left:0px*/}
.content-service .container{/*padding-left:0px*/}
.job-block .container{/*padding-left:0px;*/}



@media screen and (min-width: 1400px) {
  .images-desktop{height: 550px!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {
    bottom: 295px!important;
  }
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {
    bottom: 295px!important;
  }
}

@media screen and (min-width: 1550px) {
  .images-desktop{height: 600px!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {
    bottom: 300px!important;
  }
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {
    bottom: 300px!important;
  }
  
}


@media screen and (min-width: 1700px) {
  .images-desktop{height: 711px!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev {
    bottom: 340px!important;
  }
  .owl-carousel-top .owl-controls .owl-buttons .owl-next {
    bottom: 340px!important;
  }
  
  
  
  
}


@media screen and (min-width: 1650px) {
  @-moz-document url-prefix() {
    
    .tabs-product li span{padding-right: 51.5px!important;}
  }
  
}


@media screen and (min-width: 1750px) {
  @-moz-document url-prefix() {
    
    .tabs-product li span{padding-right: 50px!important;}
  }
  
}

/***********************branch-service**************************/

.service-location-title{
  font-size: 20px;
  color: #808080;
  margin-top: 50px;
  margin-bottom: 2px;
  padding-bottom: 20px;
  border-bottom: 5px solid #28a9e2;
}

.form-group {
  display: inline-block;
  width: 60%;
}

.edit-form-control{
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* pointer-events: none;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
  
}


_:-ms-fullscreen, :root .search-branch:first-child:after {content:""; }
_:-ms-fullscreen, :root .search-branch:nth-child(2):after{content:"";}
_:-ms-fullscreen, :root .search-branch:nth-child(3):after{content:""; }




.search-branch.search-branch-bth{text-align: center;}
.branch-search-type{display:inline-block;line-height: 33px;/*margin-right: 5px;*/}
.search-branch{display:inline-block;    text-align: center;    position: relative;}
.search-branch:first-child .form-group {
  width: 70%;
}
.branch-block-search{overflow:hidden;background-color: #edf2f8; padding: 15px 5px;margin-bottom: 30px;}
.title-branch-block{display:block; font-size: 16px;color: #808080;padding-bottom: 20px;}
.form-group{display:inline-block;}
.branch-search-type{font-size: 16px;color: #808080;    line-height: 33px;}

/* .branch-block-search .search-branch:first-child .branch-search-type{width: 25%;}*/


.branch-location-name,.branch-location-map{padding:0px;}
.branch-location-address{padding-bottom: 15px;padding-top: 10px;}
.branch-location{color: #808080;overflow:hidden;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;padding: 18px 0px;}
.branch-location p{color:#808080;font-size: 16px;line-height:20px;}
.branch-location-map{text-align: right;margin-top: 15px!important;}
.branch-location .branch-location-map >div{display: inline-block;
  width: 80px;text-align: center;}

.title-name-branch{color: #28a9e2;font-size: 16px;}

.branch-location-fax{display:none;}
/*
.branch-location p.branch-location-address span {
padding-left: 460px;

}
.branch-location-name .branch-location-tel>span{padding-left: 15px;}
.branch-location-name .branch-location-fax>span{padding-left: 22px;}*/


/***********************branch-service**************************/


.tabs-service.th-TH li{ width: 13%;}

.tabs-service.th-TH li:nth-child(4){width: 24%;}
.tabs-service.th-TH li:nth-child(5){width: 15%;}
.tabs-service.th-TH li:last-child{width: 10%;}
.tabs-service.th-TH li:last-child:after{    background-color: transparent;}

.tabs-service.en-US li:last-child:after{    background-color: transparent;}

.tabs-service li a{    padding: 15px 0px;display:inline-block;}

.tabs-service  li  {
  padding: 0px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 15%;
  text-align: center;
  float: left;
}

.tabs-service li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 45px;
  background-color: #9E9E9E;
  top: 0px;
  right: 0px;
}

.tabs-service li span {
  /*  border-right: 1px solid #9e9e9e;*/
  padding-top: 13px;
  padding-bottom: 10px;
  /*padding-right: 18px;*/
}

ul.tabs-service.list-service-horizontal li {
  /* margin-left: -4px;  */
}

ul.tabs-service.list-service-horizontal li:first-child {
  margin-left: 0;
  width: 25%;
}

ul.tabs-service.list-service-horizontal li:last-child span {
  border-right: none;
}


.title-page-contact{
  font-size: 20px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  margin-top: 22px;
  color: #28a9e2;
}


@media screen and (max-width: 1199px){
  .tabs-service  li{   
    width: auto !important;
    float: none;
    display: inline-block;
    
  }
  .tabs-service li a {
    padding: 15px 20px;
    display: inline-block;
  }
  .tabs-service li:after {
    background-color: transparent;
  }
}


/*************Contact information****************/
.contact-address-block{margin-top: 30px;}
.contact-address-block h3{color:#194b88;font-size:20px; font-family: Tahoma,Verdana,Segoe,sans-serif;font-weight: 100;line-height: 28px;}
.contact-address-block ul{margin-top:6px;    margin-bottom: 40px;}
.contact-address-block ul li{color:#808080;font-size:16px;    font-family: Tahoma,Verdana,Segoe,sans-serif;  line-height: 28px; text-decoration: none;}
.contact-address-block ul li a{    /*text-decoration: underline;*/ text-decoration: none;}

.contact-address-block ul li a:hover{    text-decoration: none; text-decoration: none!important;
  color: #c11f24;}


.contact-block-sub{overflow: hidden;}
.contact-block-wrapper{padding: 0px;}
.contact-block-image{display:inline-block;}
.contact-block-content{display:inline-block;}
.contact-block-content ul{margin-top: 24px;padding-left: 8px;}
.contact-block-content ul li{color:#808080;font-size: 16px;line-height: 23px;}
.contact-block-content ul li:first-child{font-size: 30px;/*font-family:'TH Sarabun New';*/font-family: 'THSarabunNew';color:#26a8e2;}
.contact-block-wrapper{margin-top: 60px!important;}
.contact-block .container{/*padding-left: 0px;*/}
.contact-block-content ul li a{    text-decoration: underline;}				

/*************Contact information****************/


@media screen and (max-width: 350px) {
  .banner-top-carousel .images-Moblie{display:block!important;margin-top: 0px;}
  .banner-top-carousel .images-desktop{display:none!important;}
}


.faq-job-details{
  color: gray;
  font-size: 16px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  line-height: 22px;
  padding: 30px 20px;
  
}

.faq-list-header{
  overflow: hidden;
}

.faq-block .container {
  /*padding-left: 0;*/
}

.title-page-faq{
  font-size: 20px;
  font-family: Tahoma,Verdana,Segoe,sans-serif;
  margin-top: 22px;
  color: #28a9e2;
  margin-bottom: 30px;
}

.faq-block h3{
  letter-spacing: normal;
}


.content-details-news.no-pad a span {
  background-color: #c21f24;
  color: #fff;
  padding: 12px 35px;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  margin-right: 15px;
}


.modal-footer.modal-footer-v2 a span{
  background-color: #c21f24;
  color: #fff;
  padding: 12px 12px;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  
}

.block-spacial-title{position: relative;}

.spacial-title{position: absolute; left: 55px;top: 20px;}

.input-Search{margin-left: 32px; margin-top: 26px;}

.btn-Search{    position: relative;}

.search-language-box .input-Search input{background-color: white;width:190px;padding-right: 30px;}
.search-language-box .btn-Search input{background-color: transparent;position: absolute;right: 5px; top: -27px;}

.title-search{    font-size: 20px;font-family: Tahoma,Verdana,Segoe,sans-serif; color: #28a9e2;    display: block;}



.search-list{color: gray; font-size: 20px;font-family: Tahoma,Verdana,Segoe,sans-serif;line-height: 28px;position: relative;left:165px;}
.search-list strong { color: #28a9e2;}
.link-search-result{display: block;overflow: hidden;}
.search-result-image img{width:170px;height:115px;max-width: none!important;}
.link-search-result:hover{background-color:#eef3f9;}

.search-page-wrapper{display: inline-block; position: relative;}

.input-Search-text{border: 1px solid #ccc;display: inline-block;}
.input-Search-text input{width: 570px;height: 46px;}

.btn-Search-text{float: right;margin-top: 15px;padding-left: 30px;}

.btn-Search-text input{
  background-color: #c21f24;
  color: white;
  padding: 15px 60px 12px 60px;
  font-family: 'RSU';
  border: none;
  font-size: 20px;
  line-height: 20px;
}


.bth-detail-product_v2{
  position: absolute;
  margin: auto;
  z-index: 999;
  display: block;
  text-align: left;
  /* top: 220px;
  left: 200px;*/
  top: 40%;
  left: 15%;
  
  background-color: #c11f24;
  color: #fff;
  padding: 15px 35px;
  font-family: rsu;
  border-radius: 3px;
  font-size: 30px;
  margin-top: 15px;
  display: inline-block;
}

.images-desktop-v2{}

.inner-background a{overflow: hidden;display: block;}

@media screen and (min-width: 415px){
  .banner-top-carousel .images-Moblie-v2 {
    display: none!important;
    margin-top: 0;
  }
  
  .banner-top-carousel .images-desktop-v2  {
    display: block!important;
  }
}

.Banner-Top-Moblie img{display: none;}

@media screen and (max-width: 414px){
  
  .Banner-Top-Moblie img{
    display: block;
    height: 165px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    max-width: none;
  }
  
  .meun-sub-page{ top: 210px!important;}
  
  /* ก้อนนี่คือclassbannerTop */
  .Banner-Thaipat-Top img{
    height: 165px;
  }
  .box-inner-banner{
    position: unset;
  }
  
  .image-product-desktop img{display:none;}
  
  .image-product-mobile>img {
    display: block!important;
    width: 100%;
  }
  
  
  footer ul li.tab-link {
    /* line-height: 20px; */
    padding: 5px 0px;
  }
  
  .staff-block-text {
    width: 66%!important;
  }
  
  .image-news {
    height: 90px!important;
  }
  
  
  .banner-top-carousel .images-Moblie-v2 {
    display: block!important;
    margin-top: 0;
  }
  
  .banner-top-carousel .images-desktop-v2  {
    display: none!important;
  }
}


.product_title_text_1  span  br{
  display:none;
}

@media screen and (max-width:480px) {
  
  .product_title_text_1  span  br{
    display:block;
  }
  
  
  .image-news {
    /*height: 110px!important;*/
  }
  
  .agent-block-text {
    width: 50%!important;
  }
  
  
  
  .product.product-skin .product__title.product_title{height: 135px!important;    padding: 20px 0px;}
  
}

@media screen and (max-width:1099px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 210px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 210px!important; right: 8%!important;}
  
  
}

@media screen and (max-width:992px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 190px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 190px!important; right: 8%!important;}
  
  
}

@media screen and (max-width:892px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 170px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 170px!important; right: 8%!important;}
  
  
}


@media screen and (max-width:768px) {
  
  .calendar-Announce-Title{
    padding: 10px 0px;
  }
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 155px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 155px!important; right: 8%!important;}
  
  
}

@media screen and (max-width:699px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 140px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 140px!important; right: 8%!important;}
  
  
}


@media screen and (max-width:640px) {
  
  .owl-carousel-top .owl-controls .owl-buttons .owl-prev{bottom: 120px!important; left: 8%!important;}
  .owl-carousel-top .owl-controls .owl-buttons .owl-next{bottom: 120px!important; right: 8%!important;}
  
  
}


@media screen and (max-width:530px) {
  
  .download-job-block span{display:none;}
  
  
}

.image-news {
  border: 1px solid #ddd;
  height: 170px;
  overflow: hidden;
  text-align: center;
  display: table;
}

.image-news a {
  display: table-cell;
  vertical-align: middle;
}

.faq-block-wraper{padding: 0px!important;}
.faq-list-header.ui-accordion{    margin-right: 15px;}

.list-job-left{padding: 0px!important;}

.mo-header-content-first{display:none;}
@media screen and (max-width:576px) {
  
  .mo-header-content-first{display:block;margin-top: 15px;font-size: 16px; font-weight: bold;}
  
  .staff-block-wrapper {
    padding-right: 0px!important;
    padding-left: 0px!important;
  }
  
  
  
}

@media screen and (max-width:480px) {
  .image-news {
    height: 90px!important;
  }
}  

@media screen and (max-width:480px) {
  .image-news {
    height: 78px!important;
  }
}  

@media screen and (max-width:350px) {
  .image-news {
    height: 68px!important;
  }
} 

table.protect-insurance-fire tbody tr td {
  text-align: center;    border: 1px solid #e1e1e1;
}

table.protect-wraper.protect-wraper-v2 tbody tr td:last-child {
  text-align: center;
}

table.protect-insurance-fire tbody tr td:first-child {
  /*font-weight: 900;*/
  padding: 15px 0px;
  font-size: 18px;
  background-color: #28a9e2;
  color: white;
}

table.protect-insurance-fire tbody tr td:last-child {
  /* font-weight: 900; */
  padding: 15px 0px;
  font-size: 18px;
  background-color: #28a9e2;
  color: white;
}

table.protect-wraper-v3 tbody tr td:last-child {
  text-align: center;
  border: 1px solid #e1e1e1;
  padding: 15px 0;
  background-color: #28a9e2;
  color: white;
}

table.protect-wraper-v4 tbody tr:first-child td {
  /*font-weight: bold;*/
}

table.protect-wraper-v4 tbody tr td {
  padding: 5px 0px;
}

.protect-wraper-v2,table.protect-wraper-v3 {
  /* margin-top: 10px;*/
}

.news-content-first.news-content-detail .calendar-news {
  width: auto!important;
}

.content-detail-company.set-padding-0{margin-top:0px!important;}

ul.tabs-product-car-v2 li:last-child {
  /* padding: 0;
  padding: 15px 12px 15px 51px; */
}

.search-language-box .btn-Search input:focus{outline:none;}
.Search-title{color: #28a9e2;font-size: 20px;}

.title_search {color: gray; font-size: 20px;font-family:Tahoma,Verdana,Segoe,sans-serif;line-height: 28px;position: absolute;/*left: 90px;*/}

.icon-input-search{background: url(/media/h3fec5qm/index_ic_search.png)no-repeat scroll 100% 50%!important;
  width: 21px; height: 21px;display:inline-block;    position: absolute; top: 12px;left:12px;}


.input-Search-text input.form-control{
  display: block;
  
  padding: 6px 12px 6px 40px;
  font-size: 14px;
  line-height: 1.42857143;
  color: gray;
  background-color: #fff;
  background-image: none;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.content-search.set-margin-top50{margin-top: 30px;}

.search-content-right{    padding-left: 40px;margin-top: 0px!important;}

@media screen and (min-width: 1200px) {
  
  .Garage-network.en-US .search-branch:first-child:after {
    right: 25px;
  }
  .Garage-network.en-US .search-branch:nth-child(2):after {    
    right: 50px;
  }
  .Garage-network.en-US .search-branch:nth-child(3):after {    
    right: 22px;
  }
}

.search-branch:first-child:after {
  /*content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #0ebeff;
  right: 40px;
  top: 8px;
  height: 23px;
  position: absolute;
  pointer-events: none;
  
  background-color: white;*/
  -webkit-appearance: menulist;
}


.search-branch:nth-child(2):after {
  /* content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #0ebeff;
  right: 40px;
  top: 8px;
  height: 23px;
  position: absolute;
  pointer-events: none;
  
  background-color: white;*/
  -webkit-appearance: menulist;
}

.search-branch:nth-child(3):after {
  -webkit-appearance: menulist;
  /*content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #0ebeff;
  right: 10px;
  top: 8px;
  height: 23px;
  position: absolute;
  pointer-events: none;
  
  background-color: white;*/
}

.search-branch.search-branch-bth:last-child:after {
  /* content: ' '!important;
  font: normal normal normal 17px/1 FontAwesome;
  color: #0ebeff;
  right: 10px;
  top: 8px;
  height: 23px;
  position: absolute;
  pointer-events: none;
  
  background-color: white;*/
}


/* ToTop */
#back-to-top {
  position: fixed;
  bottom: 110px;
  right: 48px;
  z-index: 9999;
  width: 54px;
  height: 54px;
  text-align: center;
  line-height: 30px;
  background: transparent;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
#back-to-top:hover {
  background: transparent;
}
#back-to-top.show {
  opacity: 1;
}

.search-text-result{
  font-size: 16px;
  font-family: Tahoma;
  line-height: 20px;
  position: absolute;
  top: -117px;
  font-weight: normal;
  color: gray;
  display: inline-block;
  left: 0px;
}

.search-text-result-top{    
  font-size: 16px;
  color: gray;
}



@media screen and (max-width:1199px) {
  
  .list-service-horizontal{    border-bottom: none;}
  
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 41px;}
  
  .search-content-right {
    padding-left: 15px!important; 
  }
  
}


@media screen and (max-width:992px) {
  
  /***hack ie**
  _:-ms-fullscreen, :root .search-branch:first-child:after {right: 45px; }
  _:-ms-fullscreen, :root .search-branch:nth-child(2):after{right: 175px!important; }
  _:-ms-fullscreen, :root .search-branch:nth-child(3):after{right: 45px; }*/
  
  
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 32px;}
  .search-content-right {
    padding-left: 40px!important; 
  }
  
  .input-Search-text input {
    width: 525px!important;
    
  }
  
}

@media screen and (max-width:767px) {
  
  .container.container-page-search{position: relative; top: -70px!important;}
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 42px;}
  .content-service.set-margin-top50 .container{padding: 0px;}
  
  .product-moblie-block{
    width: 100%;
    overflow: auto;
  }
  
  .protect-wraper{
    
    width: 600px;
  }
  
  .protect-wraper-v3,.price-wraper{
    
    width: 600px;
  }
  
  .protect-insurance-fire{
    
    width: 600px;
  }
  
  
  #back-to-top {
    position: fixed;
    bottom: 110px;
    right: 20px;
    
    
  }
  
  
  .sub-menu-side{display:none!important;}
  
  section.banner-about .container {
    padding: 0 15px;
  }
  
  .search-content-right {
    padding-left: 15px!important; 
    /* padding-right: 0px!important; */
  }
  .search-page-wrapper{display: block;}
  
  /* .icon-input-search {top:93px;} */
  .input-Search-text input{ width: 100%!important;}
  .input-Search-text { width: 70%!important;}
  
}


@media screen and (max-width:690px) {
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 38px;}
}

@media screen and (max-width:614px) {
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 35px;}
}


@media screen and (max-width:665px) {
  
  .input-Search-text { width: 65%!important;}
  .btn-Search-text{ padding-left: 0px!important; }
}

@media screen and (max-width:576px) {
  
  .search-branch:first-child:after,.search-branch:nth-child(2):after,.search-branch:nth-child(3):after{right: 12px;}
  
  .modal-header_v2 {
    padding: 50px 25px 025px!important;
    
  }
  
  .modal-body_v2 {
    padding: 20px 25px 0 25px!important;
  }
  
  section.banner-about .container {
    padding: 0px;
  }
  
  section.banner-about .container {
    padding: 0 10px;
  }
  
  .content-search .container{padding:0px!important;}
  .spacial-title {
    left: 62px!important;
    top: 54px!important;
  }
  .search-list{display: inline-block;}
  
  .title_search{/*left:10px;*/}
  
  .search-result-image{
    text-align: center!important;
    display: block!important;
    width: 100%!important;
  }
  
  .search-content-right{
    display: block!important;
    width: 100%!important;
    margin-top: 20px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  
}



@media screen and (max-width:500px) {
  
  .btn-Search-text input {
    padding: 15px 45px 12px 45px;
  }
}

@media screen and (max-width:414px) {
  
  .btn-Search-text input {
    padding: 15px 40px 12px 40px;
  }
}

@media screen and (max-width:400px) {
  .input-Search-text {
    width: 60%!important;
    margin-top: 50px!important;
  }
  
  .btn-Search-text {
    margin-top: 50px!important;
  }
  
  /* ไม่แน่ใจคิดเพิ่มเพื่อจุดไหน แต่ class นี่มัน พ่วงกับหน้า ค้นหาตรง icon input */
  /* .icon-input-search {
    top: 128px;
  } */
  
  .search-list{top: 36px!important;left:0px!important;}
  .search-text-result{top: -152px!important;}
  .title_search{top: unset}
  
}

@media screen and (max-width:350px) {
  .btn-Search-text input {
    padding: 15px 35px 12px 35px;
  }
  
}

.list-service-horizontal {
  border-bottom: 3px solid #28a9e2;
  /*  padding-bottom: 5px; */
  overflow: hidden;
      margin-bottom: 0px;
}

.list-compensation-horizontal{
  padding-bottom: 5px; 
}

.image-news-wrapper{overflow: hidden;height: 170px;}

.result-count{color: #28a9e2;}

.link-search-result:hover .search-result-content {
  color: #194b86!important;
}
.branch-location-name .branch-location-address .branch-title-address{position: absolute;}
.branch-location-name .branch-location-tel .branch-title-tel{position: absolute;}
.branch-location-name .branch-location-fax .branch-title-fax{position: absolute;}
.branch-location-name .branch-location-Mtel .branch-title-Mtel{position: absolute;}

.branch-content-tel,.branch-content-Mtel,.branch-content-address,.branch-content-fax{
  padding-left: 70px;
  display: block;
}

@media screen and (min-width:1171px) {
  .stuck_container_v2{
    background:#1a4a88;
    height:85px;
    z-index:999999999;
  }
  .fix{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0;
  }
  
  
  .container-page-search{position: relative; top: -50px!important;}
  
}


@media screen and (min-width:1500px) {
  /* ul.tabs-product.list-product-horizontal li {
  margin-left: -10px;
}*/
}

@media screen and (min-width:1400px) {
  /*ul.tabs-service.list-service-horizontal li {
  margin-left: -5px;
}*/
}

/*  .language-list .English span{
background: url(/Thaipat/media/source_media/images/home/language_en.png)no-repeat;
width: 31px;
height: 31px;
position: absolute;
right: 0px;
}

.language-list .Thai span{
background: url(/Thaipat/media/source_media/images/home/language_th.png)no-repeat;
width: 31px;
height: 31px;
position: absolute;
right: 40px;
}*/





.language-list .English.en-US span {
  background: url(/Thaipat/media/source_media/images/home/language_en_hover.png)no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 0px;
}

.language-list .Thai.en-US span{
  background: url(/Thaipat/media/source_media/images/home/language_th.png)no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 40px;
}

.language-list .Thai.th-TH span {
  background: url(/Thaipat/media/source_media/images/home/language_th_hover.png)no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 40px;
}

.language-list .English.th-TH span{
  background: url(/Thaipat/media/source_media/images/home/language_en.png)no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 0px;
}

.img-construction{text-align: center;margin-top: 40px;}
.img-construction img{    background: repeating-linear-gradient(135deg, #eef1f6, rgb(255, 255, 255) 5px, white 5px, white 7px);
  padding: 40px 30px;}  


.meun-wrapper>nav>ul.meun-wrapper_L1>li.list-sub-meun:nth-child(4)>a{min-width:120px;}

ul.list-compensation-horizontal li {
  padding: 15px 0px 15px 6px!important;
  font-size: 16px!important;
  cursor: pointer;
  display: inline-block;
}

ul.list-compensation-horizontal{
  margin-top: 20px;
  text-align: center;
}

ul.tabs-service.list-service-horizontal.list-compensation-horizontal  li span{
  border-right:none;
  padding-right: 0px;
  /*padding-top: 13px;
  padding-bottom: 10px;
  padding-right: 5px!important;*/
}

.compensation-title-top{
  margin-top: 30px;
  display: block;
  color: #818181;
  font-family:Tahoma,Verdana,Segoe,sans-serif;
  line-height: 1.4;
  font-size: 16px;
}

.tabcontent.compensation-product{margin-top: 15px; padding: 0px;}

.contact-address-block ul li:nth-child(2) a{text-decoration: none;}

ul.inline-list.contact-footer {
  display: none;
}

@media screen and (min-width: 1600px) {
  @-moz-document url-prefix() {
    
    ul.list-compensation-horizontal li{padding: 15px 0px 15px 4px !important;}
    ul.tabs-service.list-service-horizontal.list-compensation-horizontal li span{padding-right: 4px !important;}  
  }
  
}

.col-left{width: 60%;}
.col-right{width: 40%;}

.col-left-car{width: 25%;}
.col-center-car{width: 35%;}
.col-right-car{width: 40%;}


@media screen and (min-width:768px) {
  .protect-insurance-fire {
    width: 100%;
  }
  
  .title-protect{
    width: 100%!important;
  }
  
  .protect-insurance-fire {
    width: 100%;
  }
  .protect-wraper{width:100%;}
  
  
  
  .protect-wraper-v3, .price-wraper {
    width: 100%;
  }
}
/**************************** for new table

.col-left{width: 60%;}
.col-right{width: 40%;}

.col-left-car{width: 25%;}
.col-center-car{width: 35%;}
.col-right-car{width: 40%;}

.protect-insurance-fire {
width: 100%;
}

.title-protect{
width: 100%!important;
}

.protect-insurance-fire {
width: 100%;
}
.protect-wraper{width:100%;}



.protect-wraper-v3, .price-wraper {
width: 100%;
}

@media screen and (max-width:767px) {




.protect-insurance-fire {
width: 100%;
}
.protect-wraper{width:100%;}



.protect-wraper-v3, .price-wraper {
width: 100%;
}
}

@media screen and (max-width:576px) {

.protect-wraper tbody tr:nth-child(2n) {
background-color: transparent;
}

.protect-wraper tbody tr td:first-child{    border-right: 1px solid transparent;    background-color: #f2f2f2;}
table.protect-insurance-fire tbody tr td{display: block;}

.protect-wraper tbody tr td {
display: block;
border-bottom: 1px solid #e1e1e1;
text-align: center;
}

.price-wraper-pls  tbody tr td{
display: block;
}
.price-wraper-pls  tbody tr td.price-wraper-pls-left{
display: none!important;
}

.col-left-car{width: 0%;}
.col-center-car{width: 50%;}
.col-right-car{width: 50%;}

}
*****/





/**************************** for new table   **********/

.col-left{width: 60%;}
.col-right{width: 40%;}

.col-left-car{width: 25%;}
.col-center-car{width: 35%;}
.col-right-car{width: 40%;}

.protect-insurance-fire {
  width: 100%;
}

.title-protect{
  width: 100%!important;
}

.protect-insurance-fire {
  width: 100%;
}
.protect-wraper{width:100%;}



.protect-wraper-v3, .price-wraper {
  width: 100%;
}

@media screen and (max-width:767px) {
  
  .show_table_th, .show_table_en {
    text-align: center;
  }
  
  
  
  
  .protect-insurance-fire {
    width: 100%;
  }
  .protect-wraper{width:100%;}
  
  
  
  .protect-wraper-v3, .price-wraper {
    width: 100%;
  }
  
  .protect-wraper-detail-car  tbody tr td:first-child {
    display: none;
  }
  
  
  
}

@media screen and (max-width:576px) {
  
  
  .protect-wraper-detail-car  tbody tr td:first-child {
    display: none;
  }
  
  .protect-wraper-detail-car tbody tr td {
    display: block;
  }
  
  .protect-wraper-car tbody tr td:nth-child(2) {
    display: none;
  }
  
  
  .protect-wraper tbody tr:nth-child(2n) {
    background-color: transparent;
  }
  
  .protect-wraper tbody tr td:first-child{    border-right: 1px solid transparent;    background-color: #f2f2f2;}
  table.protect-insurance-fire tbody tr td{display: block;}
  
  .protect-wraper tbody tr td {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
  }
  
  .price-wraper-pls  tbody tr td{
    display: block;
  }
  .price-wraper-pls  tbody tr td.price-wraper-pls-left{
    display: none!important;
  }
  
  .protect-wraper-v3 tbody tr td{
    display: block;
  }
  
  .protect-wraper-v3{
    margin-top: 0px !important;
    margin-bottom: 25px;
  }
  
  .col-left-car{width: 0%;}
  .col-center-car{width: 50%;}
  .col-right-car{width: 50%;}
   .box-inner-banner{
    position: unset;
  }

}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
  { @media {
    
    
    .box-inner-banner{ letter-spacing: -2px;   }
    ul.list-compensation-horizontal li {
      padding: 15px 0px 15px 4px!important;
      
    }
    
    
    ul.tabs-service.list-service-horizontal.list-compensation-horizontal li span {
      
      padding-right: 3px!important;
    }
  }}





@media not all and (min-resolution:.001dpcm) { @media
    {
    .box-inner-banner{ letter-spacing: -2px;   }
    /*  .block-job-thaipat.en-US .Job_group{
    padding-left: 115px;
  }
    
    .block-job-thaipat.en-US .Job_area{
    padding-left: 90px;
  }
    
    */
    
    /*    .service-content-address {
    padding-left: 55px;
    display: inline-block;
  }
    
    .service-content-tel {
    padding-left: 55px;
    
  }
    
    .service-content-fax {
    padding-left: 70px;
    
  }
    
    
    .block-branch-service.en-US .service-content-address {
    padding-left: 85px;
    display: inline-block;
  }
    
    
    .block-branch-service.en-US .service-content-tel  {
    padding-left: 48px;
    display: inline-block;
  }
    
    
    .block-branch-service.en-US .service-content-fax{
    padding-left: 48px;
    display: inline-block;
  }
    
    
    .block-job-thaipat.en-US .Job_group{
    padding-left: 110px;
  }
    
    .block-job-thaipat.en-US .Job_area{
    padding-left: 85px;
  }*
    
    .box-inner-banner{    letter-spacing: -1px;}
    
    .contact-address-block ul li {
    
    text-decoration: none!important;
  }
    
    
    ul.list-compensation-horizontal li {
    padding: 15px 0px 15px 4px!important;
    
  }
    
    
    
    ul.tabs-service.list-service-horizontal.list-compensation-horizontal li span {
    
    padding-right: 4px!important;
  }
    
  }}
    
    
    @media all and (min--moz-device-pixel-ratio:0) and (min-width: 1200px) {
    /*.tabs-product li span { 
    
    padding-right: 48px;
    
  }*/
  }
}



/*Related Content*/

.Block-Related .header-content-first{
  display: block;
  width: 100%;
  padding: 15px 0;
}
.Block-Related img{
  width:100%;
}
@media screen and (max-width: 767px){
  .Block-Related .header-content-first{
    display:block!important;
    position:unset;
  }
  .Block-Related [class*="col-sm"] + [class*="col-sm"]{
    margin-top: 0;
  }
}


.block-branch-service.en-US .Show_Mapmini{
  display:inline-block !important;
}

/*body.ENUS .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4),
body.ENUS .meun-wrapper .meun-wrapper_L1 .list-sub-meun:nth-child(4) .sub-meun-wrapper li:nth-child(5),
body.ENUS .tabs-service-us .tab-link:nth-child(5){
pointer-events: none;
}
*/


.staff-block-image img{
  max-width: 85px;
}


.edit-form-control{
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

td.added-part {
  width: 48px;
}
th.added-part{
  width: 68px;
}

.width1170.height-425 {
  width: 1423px!important;
}

.show_table_motor .modal-dialog {
  max-width: 1435px;
}

.table-motor-comparison .table-motor-comparison-header th:first-child {
  width: 17%;
}
.ENUS .table-motor-comparison .table-motor-comparison-header th:first-child {
  width: 15%;
}
.table-motor-comparison .outsider>td:not(:last-child) {
  padding: 5px 2px!important
}

.table-motor-comparison .protection-car>td:not(:last-child) {
  padding: 5px 2px!important;
}

.table-motor-comparison .insured-car>td:not(:last-child) {
  padding: 5px 2px!important;
}

.table-motor-comparison .firstdamage>td:not(:last-child) {
  padding: 5px 2px!important;
}

.table-motor-comparison .price-product>td:not(:last-child) {
  padding: 5px 2px!important;
}
/*
.table-motor-comparison .table-motor-comparison-header>th:not(:last-child) {
padding: 5px 2px!important;
}
*/
.modal-content {
  top: -15px;
}

.show_table_motor .modal-body {
  padding: 15px 0px 15px 5px;
}

.calendar-news-date {
  font-size: 12px;
}

.page-pager ul li {
  font-size: 14px;
}

/*#            tab link 2-6-63             #*/
.tabs-product li {
  width: 15%;
}
@media screen and (max-width: 576px){
  .tabs-product li {
    width: 20%;
  }
}

/*# -----edite tab link product----- #*/

.list-product-horizontal > li {
  /* width: 100%; */
  border: 1px solid #28a9e2;
  margin: 5px 3px!important;
  border-radius: 5px;
  font-size: 16px;
}
.tabs-product li {
  padding: 15px 20px 15px 20px;
  /* padding: 15px 0px; */
  float: none!important;
  display: inline-block;
  width: auto!important;
  
}
.tabs-product li span {
  padding-right: 0px;
}
.tabs-product li span {
  border-right: none!important;
}
.tabs-product {
  text-align: center;
}

li:nth-child(6) .sub-meun-wrapper .dropdown-wrapper {
  padding-left: 0!important;
}


ul.dropdown-wrapper img {
  height: 50px;
}
.meun-wrapper nav ul li a{
  white-space: nowrap;
}

.fs-14{
  font-size:14px;
}
.fs-18 ,.summary-product ul li.fs-18{
  font-size:17px ;
}
.one-line{
  white-space: nowrap;
  color: #404040;
  font-size: 12px;
}

 .flex-content {
        display: flex !important;
        align-content: center;
        align-items: center;
        justify-content: space-around;
    }

    @media screen and (max-width: 1170px) {
.search-input-wrap{
    top: 30%;
}
    }