@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
    font-family: 'thaiSans', sans-serif;
    background: #f0efeb;
    font-size: 14pt;
    color:#fff;
    line-height: 1.2;
}

/*color*/
.bg-dark-blue {
    background: #294558;
}
.bg-gray {
    background: #e3e3e3;
}

a { color: #fff; }
a:hover { color: #00aeef; transition: .5s; text-decoration: none;}
.h1, h1 {font-size: 2.1rem;}
.h3, h3 {font-size: 1.45rem;}

/*top menu*/
#header {position: fixed;top:0;z-index: 200;width: 100%;}
.top-logo {background:#294558;}
.top-logo .nav-item {margin:2px 3px;padding:0; }
.navbar-brand img{width: 40%;}
.navbar {
    background: #00aeef;
    display: block;
    height: 45px;
    position: absolute;
    left: 0;
    top: 113px;
    z-index: 100;
    width: 100%;
}

.padding10{
    padding-right: 10px;
    padding-left: 10px;
}



/*Content*/
#content { color:#666; font-size:1.15em; line-height: 1.1; padding-bottom: 10px;padding-top: 0;margin-top: 154px;}
.breadcrumb { 
    color: #666;
    border-bottom: 1px solid #ccc; 
    background: none;
    border-radius: 0;
    padding: 2px 0;
    font-size:1em;
}
.breadcrumb li a { 
    color:#666;
}
.breadcrumb li a:hover { 
    text-decoration: none;
}
.breadcrumb li { 
    color:#666;
}
.breadcrumb li.active { 
    color:#00aeef;
}
.breadcrumb>li:after {
    content: ' > ';
    padding-right: 5px;
}
.breadcrumb>li:last-child:after {
    content: '';
    padding-right: 5px;
}

.head-title {
    background: #00aeef;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #333b45;
    color: #fff;
    display: block;
    line-height: 41px;
    margin-bottom: 0;
    padding-top: 3px;
}
.img-title {margin: 40px 0;}
.img-title img { width: 100% }
.form-info label, .form-info input, .form-info select { width:100%; margin-bottom: 0; }
form .col-lg-4, .col-lg-6 {padding-right: 10px; padding-left: 10px;}
.form-info { margin-top:10px; }
form .dropdown select {
    background: #fff;
    border: 1px solid #dddedf;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 12px;
    color:#000;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    font-size: 1em;
    /*margin-bottom: 15px;*/ /* editbyfew */
}

.form-info input {
    background: #fff;
    border: 1px solid #dddedf;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 12px;
    color:#000;
    font-size: 1em;
    /*margin-bottom: 20px;*/ /*editbyfew*/
}

form .dropdown:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    display: block;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #00aeef transparent transparent;
    margin: 15px 12px;
    z-index: 1;
}

p.terms { 
    color: #7f8081;
    font-size: 18px;
}
.button-large { 
    background: #00aeef;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    padding: 5px 40px ;
    text-align: center;
    display: inline-block;
    transition: .7s;
    font-size: 26px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.button-large:hover {
    background: #294558;
    color:#fff;
    text-decoration: none;
}
ul.detail-list  {
    padding: 0 0 10px 19px;
}
ul.detail-list li {
    font-size: 22px;
    line-height: 1.4;
    list-style: none;
}
.tick { width: 20px; }


/*footer*/
footer {
    background: #294558;
}
footer .social-tab ul {
    display: table !important;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
footer .social-tab ul li {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
footer .social-tab ul li a {
    font-size: 1.4em;
    border-radius: 30px;
    border: 2px solid #fff;
    width: 45px;
    height: 45px;
    display: block;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:6px;
    text-align: center;
    margin: 11px 5px;
}

footer .social-tab ul li a:hover {
    border: 2px solid #00aeef;
}
.callcenter { 
    padding: 15px 0; 
    color: #00aeef;
    font-size: 1.5em;
}
.callcenter img { width: 75px; margin-right: 10px; }


/*sitemap*/
.sitemap {padding: 20px 0;}
.sitemap ul { padding: 0; margin-bottom: 0rem;}
.sitemap ul li { 
    list-style: none;
    display: inline-table;
    padding-left: 25px;
    text-align: center;
    font-size: 22px; 
}



.sitemap .main-menu a  { color:#fff; display: block; }
.sitemap .main-menu a:hover  { color:#00aeef !important; }
.sitemap .main-menu a.top  { font-size:20px !important; }
.sitemap .main-menu .sub-a a { color:#fff; font-size:16px; }
.sitemap .main-menu .sub-a ul li { list-style: disc; }
.sitemap .main-menu .sub-a ul { padding-left: 20px; }
.sitemap-mobile a { 
    background: #e1e1e1;
    display: block;
    font-size: 1.3em;
    color:#666;
    text-align: center;
    width: 100%;
    padding: 5px;
    margin:20px 0;
}
.sitemap .col-lg-12, .col-md-12{display: inline-table; text-align: center;}


.contact .container { border-top: 1px solid #fff; padding-top: 20px; font-size:1.12em; }
.contact img { width: 80px; margin-bottom: 10px; }
.contact a { color: #62d3fe; font-size: 1.2em; }
.contact a:hover { color:#00aeef; }
.contact .col-lg-2 {max-width: 9.666667%;}
.copyrights { padding: 0; border-top: 2px solid #00aeef; color:#666; }
.copyrights img {height: 100%;}


@font-face {
    font-family: 'thaiSans';
    src: url('fonts/ThaiSansNeueRegular.eot');
    src: url('fonts/ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ThaiSansNeueRegular.woff') format('woff'),
         url('fonts/ThaiSansNeueRegular.ttf') format('truetype'),
         url('fonts/ThaiSansNeueRegular.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}




.child-list{
  display: none;
}

.child-list.active{
  display: block;
  padding-left: 0px;
}

@media only screen and (min-width: 780px){
  .burger_wrapper, .burger_wrapper-nav, .burger_wrapper-detail {
    display: none;
  }

  .child-list, .child-list__active{
    display: block;
  }

  .position-relative_cross{
    position: unset !important;
  }
}

/*burger_wrapper*/
.burger_wrapper {
  width: 30px;
  z-index:  103;
}
.burger_wrapper.active {
  background-color: #00aeef;
}
.burger_wrapper:hover {
  cursor: pointer;
}
.burger_wrapper .line1,
.burger_wrapper .line2,
.burger_wrapper .line3 {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}
.burger_wrapper .line1 {
  top: 9px;
  right: 5px;
}
.burger_wrapper .line2 {
  top: 15px;
  right: 5px;
}
.burger_wrapper .line3 {
  top: 21px;
  right: 5px;
}
.burger_wrapper .burger {
  /*position: relative;*/
  /*display: inline-block;*/
  width: 25px;
}
.burger_wrapper .burger:after {
  display: block;
  content: "";
  /*position: absolute;*/ /*editbyfew*/
  z-index: -1;
  width: 29px;
  height: 29px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
.burger_wrapper.active .line1,
.burger_wrapper.active .line3 {
  top: 14px;
}
.burger_wrapper.active .line1 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.burger_wrapper.active .line2 {
  opacity: 0;
}
.burger_wrapper.active .line3 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*burger_wrapper*/

/*burger_wrapper-nav*/
.burger_wrapper-nav {
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 102;
}
.burger_wrapper-nav:hover {
  cursor: pointer;
}
.burger_wrapper-nav .line1,
.burger_wrapper-nav .line3 {
  position: absolute;
  width: 11px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}
.burger_wrapper-nav .line1 {
    top: 20px;
    left: 7px;
    transform: rotate(-45deg);
}
.burger_wrapper-nav .line3 {
  top: 20px;
  transform: rotate(45deg);
}
.burger_wrapper-nav .burger-nav {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.burger_wrapper-nav .burger-nav:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  width: 29px;
  height: 29px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
.burger_wrapper-nav.active .line1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.burger_wrapper-nav.active .line3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*burger_wrapper-nav*/

/*burger_wrapper-detail*/
.burger_wrapper-detail {
  position: absolute;
  right: 31px;
  top: 0;
  z-index: 102;
}
.burger_wrapper-detail:hover {
  cursor: pointer;
}
.burger_wrapper-detail .line1,
.burger_wrapper-detail .line3 {
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}
.burger_wrapper-detail .line1 {
  top: 20px;
  left: 4px;
  transform: rotate(-45deg);
}
.burger_wrapper-detail .line3 {
  top: 20px;
  left: -2px;
  transform: rotate(45deg);
}
.burger_wrapper-detail .burger-detail {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.burger_wrapper-detail .burger-detail:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  width: 29px;
  height: 29px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
.burger_wrapper-detail.active .line1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.burger_wrapper-detail.active .line3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*burger_wrapper-detail*/

.hide-dropdown{
  display: none;
}

.position-relative_cross{
  position: relative;
}

.position-relative_img{
  position: relative;
}

.car-img{
  position: absolute;
  width: 13% !important;
}
.help-block
{
  display: block;
  min-height: 10px;
  line-height: 20px;
  font-size: 18px;
  /*margin-bottom: 20px;*/
  color: red;
}
.forget
{
  display: block;
  min-height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #62d3fe;
  text-align: right;
}
.submit
{
  background: #00aeef;
  color:white;
}
.isloading-wrapper
{
  font-size: 21px !important;
  color:black;
}

#header #search_top_bar input{
  position: absolute;
  width: 0;
  border: 0;
  right: 105px;
  transition: 0.5s;
}

#header #search_top_bar .search-active {
  max-width: 45%;
  padding: 0 10px;
  transition: 0.5s;
}

#header #search_top_bar .i-search {
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: 5px;
}

#header #search_top_bar .i-search i {
  font-size: 28px;
  margin-top: -4px;
}
#header #search_top_bar input{
    top: 18px;
}
#header #search_top_bar .search-active {
  padding: 5px 10px;
}
#header #search_top_bar .i-search {
  display: block;
  float: right;
  margin: 0px;
}
#header #search_top_bar .i-search i {
  font-size: 25px;
  margin-top: -11px;
}
#header #search_top_bar {
    margin-right: 0px;
}
#header #search_top_bar input{
  width: 0;
  right: 80px;
}
#header #search_top_bar .search-active {
  width: 370px;
}
#header #search_top_bar input{
    right: 100px;
    top: 5px;
  }
#header #search_top_bar .search-active {
    padding: 0px 10px;
}
#header #search_top_bar input{
    max-width: 0;
    padding: 0;
    right: 130px;
    top: 5px;
}
#header #search_top_bar .i-search i {
    font-size: 20px;
    margin-top: -4px;
}
@media screen and (max-width: 667px){
  #header #search_top_bar .i-search i {
      font-size: 20px;
      margin-top: -4px;
  }
}
@media (min-width: 414px) and (max-width: 736px){
  #header #search_top_bar .i-search i {
    font-size: 20px;
    margin-top: -4px;
  }
}
@media screen and (min-width: 500px){
  #header #search_top_bar input{
      right: 130px;
      top: 5px;
  }
}
@media screen and (min-width: 568px){
  #header #search_top_bar input{
     right: 90px;
     top: 5px;
  }
}
@media screen and (max-width: 780px){
  #header #search_top_bar input{
     right: 130px;
     top: 5px;
  }
}
@media screen and (max-width: 768px){
    #header #search_top_bar input{
        height: 20px;
    }
    .promotion-desktop
    {
        display: none;
    }
    .promotion-mobile
    {
        display: block !important;
    }
    .home-heart-content h2 {
        font-size: 55px;
        margin-bottom: 0;
    }
    #index_aboutus p {
        font-size: 22px;
    }
    .mobile-mar-0
    {
        margin-top: 0 !important;
    }
    .contact .container
    {
        padding-top: 0;
    }
    .child-list.active
    {
        padding-left: 15px;
    }
    .banner-blog-hr
    {
        display: block !important;
    }
    .blog-detail-banner
    {
        margin-bottom: 0px;
    }
}
@media screen and (min-width: 1024px){
    #header #search_top_bar input{
    right: 90px;
    top: 5px;
  }
}
@media (min-width: 576px)
{
  .jumbotron {
      /*padding: 2rem 2rem;*/
      padding: 1rem 2rem; /*editbyfew;*/
  }
}
.full
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.nav-pills
{
    justify-content: center;
    margin-top: 10px;
}
.nav-pills .nav-item
{
    width: 160px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 1px;
    position: relative;
}
.nav-pills .nav-item a
{
    text-align: center;
    border-radius: 0px;
    background-color: #bec3c7 !important;
    padding: .9rem 1rem !important;
    background-repeat: no-repeat;
}
.nav-pills .nav-item a.active
{
    background-color: #00aeef !important;
}
.nav-pills .nav-item a.active:hover
{
    background-color: #00aeef !important;
}
.nav-pills .nav-item a:hover
{
    background-color: #adb4ba !important;;
    color: white;
}
.active-sub:after
{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 42%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00aeef;
}
.index-content
{
    width: 934px;
    margin: 0 auto;
}
.prb-content
{
    padding-bottom: 1px;
}
.index-con
{
    background-color: white;
    margin-top: -10px;
    padding-top: 10px;
}
.content-center
{
    text-align: center;
}
.color-blue
{
    color:#00aeef;
}
.color-black
{
    color:black;
}
.color-red
{
    color:red;
}
.color-darkblue
{
    color:#294558;
}
.color-white 
{
    color: #fff;
}
.color-666
{
    color: #666;
}
.color-warning {
    color: #9e0b0f;
}
.background-blue
{
    background-color: #00aeef;
}
.background-red
{
    background-color: red;
}
.font-bold
{
    font-weight: bold;
}
.index-h1-search
{
    line-height: 15px;
}
.txt-center
{
    text-align: center;
}
.txt-left
{
    text-align: left;
}
.pad-0
{
    padding-left:0;
    padding-right: 0;
}
.button-line-large
{
    background: #00c200;
    border: 0;
    color: #fff;
    padding: 5px 40px;
    text-align: center;
    display: inline-block;
    transition: .7s;
    font-size: 27px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.button-line-large:hover
{
    background: #069b06;
    color: #fff;
}
.button-check-large
{
    background: #294558;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    padding: 5px 40px;
    text-align: center;
    display: inline-block;
    transition: .7s;
    font-size: 27px;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.button-check-large:hover
{
    background: #00aeef;
    color: #fff;
}
.button-form-line
{
    background: #294558;
    border: 0;
    color: #fff !important;
    text-transform: capitalize;
    padding: 5px 40px;
    text-align: center;
    display: inline-block;
    transition: .7s;
    font-size: 27px;
    border-radius: 10px;
    width: 100%;
}
.button-form-ta-buy
{
    background: #dc3545;
    border: 0;
    color: #fff !important;
    text-transform: capitalize;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    transition: .7s;
    font-size: 20px;
    border-radius: 10px;
    width: 100%;
}
.service-box p
{
    font-size: 17px;
}
.index-promotion
{
    background-color: white;
    padding-top: 15px;
    padding-bottom: 10px;
}
.prb-promotion
{
    padding-top: 15px;
}
.ta-promotion
{
    padding-top: 15px;
}
.index-testimonial
{
    padding-top: 15px;
    padding-bottom: 10px;
}
.carousel-control-prev.promotion {
    width: 20px;
    margin-left: -7%;
}

.carousel-control-next.promotion {
    width: 20px;
    margin-right: -7%;
}
.index-blog
{
    background-color: white;
    padding-top: 15px;
}
.prb-blog
{
    padding-top: 15px;
}
.ta-blog
{
    padding-top: 15px;
}
.h1-index-blog
{
    line-height: 20px;
}
.p-index-blog-head
{
    margin-bottom: 10px;
    font-size: 0.9em;
}
.p-index-promotion-head
{
   /* margin-top: 10px;*/
    margin-bottom: 10px;
    /*padding-right: 20px;
    padding-left: 20px;*/
    font-size: 0.9em;
}
.p-index-blog
{
    margin-top: 10px;
    margin-bottom: 0px;
}
.mar-blog
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.em-0-9
{
    font-size: 0.9em;
}
.other-tqm.webp
{
    background: url(/assets/images/page_home/content/tqm-heart.webp) 50% 50px no-repeat;
    background-size: 45%;
    overflow: hidden;
}
.other-tqm.no-webp 
{
    background: url(/assets/images/page_home/content/tqm-heart.png) 50% 50px no-repeat;
    background-size: 45%;
    overflow: hidden;
}
.other-tqm .heart-content-left {
    margin-top: 10%;
}
.home-heart-content {
    padding-top: 60px;
    margin: 20px auto;
}
.home-heart-content h2 {
    line-height: 1;
}
.home-heart-content p {
    font-size: 30px;
}
.mar-bot-0
{
    margin-bottom: 0;
}
.mar-bot-10
{
    margin-bottom: 10px;
}
.h1-index-promotion
{
    line-height: 20px;
}
/*.img-test
{
    width: 180px;
    height: 180px;
}*/
.prev-next {
    margin-left: 50px;
    margin-right: 50px;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #ddd;
}
.carousel-indicators .active {
    background-color: #404040;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
form.index .dropdown select {
    color: #444;
    border-radius: 5px;
}
form.index input {
    color: #444;
    border-radius: 5px;
}
.img-index-testimonial
{
    max-width: 140px;
}
.service-title
{
    margin-bottom: 0;
}
.footer-con-1.webp
{
    background: url(/assets/images/footer_01.webp) left center no-repeat;
    padding: 0 0 0 140px;
    /*background-size: contain;
    height: 30px;*/
    height: 40px;
}
.footer-con-1.no-webp
{
    background: url(/assets/images/footer_01.png) left center no-repeat;
    padding: 0 0 0 140px;
    /*background-size: contain;
    height: 30px;*/
    height: 40px;
}
.footer-con-2.webp
{
    background: url(/assets/images/footers_02.webp) left center no-repeat;
    padding: 0 0 0 140px;
    /*background-size: contain;
    height: 30px;*/
    height: 40px;
}
.footer-con-2.no-webp
{
    background: url(/assets/images/footers_02.jpg) left center no-repeat;
    padding: 0 0 0 140px;
    /*background-size: contain;
    height: 30px;*/
    height: 40px;
}
.inner-testimonial p
{
    font-size: 17px
}
.megamenu .container
{
    max-width: 100%;
}
.prev-index,.next-index
{
    width: 7%;
}
.prev-index-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.next-index-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.next-index-icon, .prev-index-icon {
    width: 30px;
    height: 30px;
}
.indicators-index-slide {
    bottom:-5px;
}
#carousel-index-slide .carousel-inner
{
    cursor: pointer;
}
.carousel-indicators li
{
    cursor: pointer;
}
.radio label {
    width: 100%;
}
.radio label.cartype-1 {
    background: url(/assets/images/page_home/page_act/car1.png) center top no-repeat;
    background-size: contain;
    padding-top: 60px;
}
.radio.radio-active label.cartype-1 {
    background: url(/assets/images/page_home/page_act/car2.png) center top no-repeat;
    background-size: contain;
}
.radio label.cartype-2 {
    background: url(/assets/images/page_home/page_act/truck1.png) center top no-repeat;
    background-size: contain;
    padding-top: 60px;
}
.radio.radio-active label.cartype-2 {
    background: url(/assets/images/page_home/page_act/truck2.png) center top no-repeat;
    background-size: contain;
}
.radio label.cartype-3 {
    background: url(/assets/images/page_home/page_act/van1.png) center top no-repeat;
    background-size: contain;
    padding-top: 60px;
}
.radio.radio-active label.cartype-3 {
    background: url(/assets/images/page_home/page_act/van2.png) center top no-repeat;
    background-size: contain;
}
.jumbotron .help-block
{
    line-height: 10px;
}
form .radio label {
    color: #999;
    cursor: pointer;
}
form .radio.select.arrow-white input[type=radio]+label>span, form .radio.select.arrow-white select[type=radio]+label>span, form .radio.select.type4 input[type=radio]+label>span, form .radio.select.type4 select[type=radio]+label>span, form .radio.select.type5 input[type=radio]+label>span, form .radio.select.type5 select[type=radio]+label>span, form .radio.select.type6 input[type=radio]+label>span, form .radio.select.type6 select[type=radio]+label>span, form .radio.type2 input[type=radio]+label>span, form .radio.type2 select[type=radio]+label>span, form .radio.type3 input[type=radio]+label>span, form .radio.type3 select[type=radio]+label>span, form .select.arrow-white.checkbox-inline input[type=radio]+label>span, form .select.arrow-white.checkbox-inline select[type=radio]+label>span, form .select.type4.checkbox-inline input[type=radio]+label>span, form .select.type4.checkbox-inline select[type=radio]+label>span, form .select.type5.checkbox-inline input[type=radio]+label>span, form .select.type5.checkbox-inline select[type=radio]+label>span, form .select.type6.checkbox-inline input[type=radio]+label>span, form .select.type6.checkbox-inline select[type=radio]+label>span, form .type2.checkbox-inline input[type=radio]+label>span, form .type2.checkbox-inline select[type=radio]+label>span, form .type3.checkbox-inline input[type=radio]+label>span, form .type3.checkbox-inline select[type=radio]+label>span {
    position: relative;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #666;
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
form .radio.type3 input[type=radio]+label>span, form .radio.type3 select[type=radio]+label>span, form .type3.checkbox-inline input[type=radio]+label>span, form .type3.checkbox-inline select[type=radio]+label>span {
    border: 2px solid #999;
    background-color: transparent;
}
form .radio.type3 input[type="radio"] + label > span span {
    left: 0;
}
form .radio.select.arrow-white input[type=radio]+label>span span, form .radio.select.arrow-white select[type=radio]+label>span span, form .radio.select.type4 input[type=radio]+label>span span, form .radio.select.type4 select[type=radio]+label>span span, form .radio.select.type5 input[type=radio]+label>span span, form .radio.select.type5 select[type=radio]+label>span span, form .radio.select.type6 input[type=radio]+label>span span, form .radio.select.type6 select[type=radio]+label>span span, form .radio.type2 input[type=radio]+label>span span, form .radio.type2 select[type=radio]+label>span span, form .radio.type3 input[type=radio]+label>span span, form .radio.type3 select[type=radio]+label>span span, form .select.arrow-white.checkbox-inline input[type=radio]+label>span span, form .select.arrow-white.checkbox-inline select[type=radio]+label>span span, form .select.type4.checkbox-inline input[type=radio]+label>span span, form .select.type4.checkbox-inline select[type=radio]+label>span span, form .select.type5.checkbox-inline input[type=radio]+label>span span, form .select.type5.checkbox-inline select[type=radio]+label>span span, form .select.type6.checkbox-inline input[type=radio]+label>span span, form .select.type6.checkbox-inline select[type=radio]+label>span span, form .type2.checkbox-inline input[type=radio]+label>span span, form .type2.checkbox-inline select[type=radio]+label>span span, form .type3.checkbox-inline input[type=radio]+label>span span, form .type3.checkbox-inline select[type=radio]+label>span span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #294558;
    border-radius: 10px;
    margin: 3px;
    visibility: hidden;
}
form .radio.type3 input[type=radio]+label>span span, form .radio.type3 select[type=radio]+label>span span, form .type3.checkbox-inline input[type=radio]+label>span span, form .type3.checkbox-inline select[type=radio]+label>span span {
    background: #00aeef;
}
form .radio.select.arrow-white input[type=radio]:checked+label>span span, form .radio.select.arrow-white select[type=radio]:checked+label>span span, form .radio.select.type4 input[type=radio]:checked+label>span span, form .radio.select.type4 select[type=radio]:checked+label>span span, form .radio.select.type5 input[type=radio]:checked+label>span span, form .radio.select.type5 select[type=radio]:checked+label>span span, form .radio.select.type6 input[type=radio]:checked+label>span span, form .radio.select.type6 select[type=radio]:checked+label>span span, form .radio.type2 input[type=radio]:checked+label>span span, form .radio.type2 select[type=radio]:checked+label>span span, form .radio.type3 input[type=radio]:checked+label>span span, form .radio.type3 select[type=radio]:checked+label>span span, form .select.arrow-white.checkbox-inline input[type=radio]:checked+label>span span, form .select.arrow-white.checkbox-inline select[type=radio]:checked+label>span span, form .select.type4.checkbox-inline input[type=radio]:checked+label>span span, form .select.type4.checkbox-inline select[type=radio]:checked+label>span span, form .select.type5.checkbox-inline input[type=radio]:checked+label>span span, form .select.type5.checkbox-inline select[type=radio]:checked+label>span span, form .select.type6.checkbox-inline input[type=radio]:checked+label>span span, form .select.type6.checkbox-inline select[type=radio]:checked+label>span span, form .type2.checkbox-inline input[type=radio]:checked+label>span span, form .type2.checkbox-inline select[type=radio]:checked+label>span span, form .type3.checkbox-inline input[type=radio]:checked+label>span span, form .type3.checkbox-inline select[type=radio]:checked+label>span span {
    visibility: visible;
}
#carousel-index-promotion img
{
    cursor: pointer;
}
#carousel-index-promotion-mobile img
{
    cursor: pointer;
}
.choice-car-prb
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.prb-bot-con h1
{
    color:#00aeef;
    line-height: 20px;
}
.prb-bot-con h2
{
    color:#00aeef;
    line-height: 20px;
}
.prb-bot-con p
{
    line-height: 1.2;
    padding-left: 20px;
}
.hide-br
{
    display: none;
}
.prb-promotion .index-content
{
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.prb-service .index-content
{
    border-bottom: 1px solid #cccccc;
}
.prb-blog .index-content
{
    border-bottom: 1px solid #cccccc;
}
.ta-blog .index-content
{
    border-bottom: 1px solid #cccccc;
}
.ta-promotion .index-content
{
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.ta-service .index-content
{
    border-bottom: 1px solid #cccccc;
}
form input.date, form select.date {
    background: url(../images/share/icon-calendar.png) 99% no-repeat,99% #fff;
}
.arrow_pro
{
    right: 45px;
    bottom: 13px;
}
.img-full
{
    width: 100%;
}
.pa-row
{
    padding-left: 10px;
    padding-right: 10px;
}
.pa-row .col-md-6
{
    padding-left: 5px;
    padding-right: 5px;
}
.img-border
{
    border: 1px solid #999;
    border-radius: 15px;
}
.font-h1
{
    font-size: 2.1rem;
}
.line_mid
{
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
}
.box-list
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.box-list .head, .box-list-round-tb .head, .box-list-thumbnail .head {
    text-align: center;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 7px;
}
.bg-blue 
{
    background: #00aeef;
}
.bg-dark-blue 
{
    background: #294558;
}
.bg-default
{
    background: #f0efeb;
}
.box-list ul, .box-list-round-tb ul, .box-list-thumbnail ul {
    margin: 5px 10px;
}
.box-list ul.underline li, .box-list-round-tb ul.underline li, .box-list-thumbnail ul.underline li 
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.box-list ul li, .box-list-round-tb ul li, .box-list-thumbnail ul li 
{
    list-style: disc;
    display: list-item;
    margin: 10px 0 5px 20px;
    text-align: left;
    color: #999;
}
.box-list ul .pagination>li>span, .box-list ul li a, .box-list-round-tb ul .pagination>li>span, .box-list-round-tb ul li a, .box-list-thumbnail ul .pagination>li>span, .box-list-thumbnail ul li a {
    color: #999;
    display: block !important;
}
.box-list ul li .inline-block, .box-list-round-tb ul li .inline-block, .box-list-thumbnail ul li .inline-block 
{
    display: inline;
}
.padding-10, .padding-10-sm {
    padding: 10px;
}
.table-type1 
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.table-type1 tr>th 
{
    color: #fff;
    font-weight: 400;
}
.table-type1 tr>th 
{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.table-type1 td, .table-type1 th 
{
    border: 1px solid #f0efeb;
}
.fix-width-15p 
{
    width: 15%;
}
.table-striped>tbody>tr:nth-of-type(odd) 
{
    background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) 
{
    background-color: #e3e3e3;
}
.table-type1 tr>td:first-child 
{
    padding-left: 22px;
    text-indent: -9px;
}
.table-type1 tr>td:first-child, .text-align, .text-right-mb 
{
    text-align: left;
}
.padding-tb-15, .table-type1 td 
{
    padding: 15px 0;
}
.scrollable-table 
{
    overflow: scroll;
}
.table-type1 tr>th img 
{
    display: block;
}
.margin-lr-auto 
{
    margin: 0 auto;
}
.tqmbeside-img
{
    background: #ccc;
    border-radius: 10px;
    padding: 10px;

}
.tqmbeside-img img
{
    padding: 10px;
    
}
.left 
{
    float: left;
}
.right
{
    float: right;
}
.margin-tb-20
{
    margin: 20px 0;
}
.tri-left-btm-blue:after, .tri-left-btm-white:after 
{
    content: ' ';
    position: absolute;
    left: 22px;
    right: auto;
    top: auto;
    bottom: -19px;
    border-style: solid;
    border-width: 21px 20px 0 0;
    border-color: #00aeef transparent transparent;
}
.tri-right-btm-blue:before, .tri-right-btm-white:before 
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 20px;
    bottom: -20px;
    border: 12px solid;
    border-color: #00aeef #00aeef transparent transparent;
}
.tri-right-btm-white:before 
{
    border-color: #fff #fff transparent transparent;
}
.radius-10 
{
    border-radius: 10px;
}
.display-inline
{
    display: inline;
}
.inline
{
    display: inline-block;
}
.clear 
{
    clear: both;
}
.padding-20 
{
    padding: 20px;
}
.mar-top-10
{
    margin-top: 10px;
}
.mar-top-20
{
    margin-top: 20px;
}
.mar-10-0
{
    margin: 10px 0px;
}
.mar-top-bot-15
{
    margin-top: 15px;
    margin-bottom: 15px;
}
.pad-8
{
    padding: 8px
}
.line-10
{
    line-height: 10px;
}
.line-20
{
    line-height: 20px;
}
.line-30
{
    line-height: 30px;
}
.line-40
{
    line-height: 40px;
}
.line-50
{
    line-height: 50px;
}
.privilege-card
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.privilege-card .expiry
{
    opacity: 0.5;
}
.privilege-card .con
{
    max-width: 355px;
    margin: 0 auto;
}
.privilege-card .con .privilege-img
{
    position: relative;
    overflow: hidden;
    display: block;
}
.privilege-card .con .privilege-name
{
    padding:10px;
}
.privilege-card .con .privilege-name p
{
    color: #00aeef;
    font-weight: bold;
    margin-bottom: 0;
}
.expiry-img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
}
.con-privilege-card
{
    max-width: 750px;
    margin:0 auto;
}
.con-response-privilege
{
    padding: 10px 20px;
    background-color: #00aeef;
}
#response_privilege li
{
    max-width: 355px;
    margin:0 auto;
    list-style: none;
}
#request_privilege li
{
    max-width: 355px;
    margin:0 auto;
    list-style: none;
}
.detail-request-privilege
{
    padding: 10px;
}
.expiry
{
    opacity: 0.5;
}
/*progressbar*/
#progressbar {
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #a0a0a2;
    text-transform: uppercase;
    font-size: 20px;
    width: 33.33%;
    float: left;
    position: relative;
}
#progressbar li.active {
    color: #00aeef;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    line-height: 26px;
    display: block;
    font-size: 28px;
    font-weight: bold;
    /*color: white;
    background: #a0a0a2;*/
    color: #a0a0a2;
    border-radius: 100%;
    margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    /*width: 100%;*/
    width: 80%;
    height: 2px;
    background: #a0a0a2;
    position: absolute;
    /*left: -50%;*/
    left: -40%;
    top: 15px;
    z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none; 
}
#progressbar li.active:before,  #progressbar li.active:after{
    /*background: #00aeef;
    color: white;*/
    color: #00aeef;
}
#nav-footer
{
    display: none;
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: 200;
    padding: 3px 0px;
    background-color: #00aeef;
}
#nav-footer .li-footer
{
    cursor: pointer;
    border-right: 1px solid white;
    padding: 11px 0px;
}
.pad-10-0
{
    padding: 10px 0px;
}
.mar-top-130
{
    margin-top: 130px;
}
.mar-top-50
{
    margin-top: 50px;
}
.fix-top
{
    position: fixed;
    width: 100%;
    z-index: 180;
}
.contrainer-blog-mt
{
    margin-top: -20px !important;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
}
.image-detail .detail
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.image-detail .detail:hover
{
    color:white !important;
}
.image-detail .detail img
{
    width: 100%;
}
.blog-banner-img img
{
    width: 100%;
}
.blog-banner-img a 
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}
.blog-banner-img a span
{
    display: block;
    font-size: 22px;
    color: #fff;
    background: #00aeef;
    padding: 0 10px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.image-detail .text
{
    position: absolute;
    left: 15px;
    bottom: 0px;
    z-index: 10;
    width: calc(100% - 20px);
}
.blog-banner-detail .head
{
    color: #666;
}
.blog-banner-detail .head h3
{
    line-height: 18px;
}
.blog-banner-detail .date
{
    color: #999;
    margin-bottom: 0px;
}
.image-detail .date
{
    margin-bottom: 0px;
}
.banner-blog-hr
{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-width: 1px;
    border-color: #ccc;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.blog-detail-banner
{
    margin-bottom: 20px;
}
.blog-form-email
{
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}
.blog-form-email-div
{
    background-color:#e5e5e5; 
    padding:10px 20px 20px 20px; 
    text-align:center;
}
.blog-form-email-div .button-large
{
    margin-bottom: 0px;
}
.blog-form-email-div input
{
    border-radius:5px; 
    margin-top:5px; 
    color:#666;
}
.blog-form-email-div #email_privilege_alert
{
    margin-top:10px; 
    margin-bottom: 10px;
    font-size:16px; 
    color:red;
}
.blog-line-add
{
    margin: 10px 0px 20px 0px;
}
.blog-line-add-div
{
    background-color:#e5e5e5; 
    padding:20px 0; 
    text-align:center;
}
.blog-line-add-div p
{
    font-size:20px;
    margin-bottom: 0px;
}
.blog-line-add-div img
{
    cursor:pointer; 
    margin-top:10px;
}
.form-line .row
{
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.form-line label
{
    margin-bottom: 3px;
}
.form-line img
{
    width: 100%;
    border: 5px solid #ffffff;
}
.min-h-100
{
    min-height: 100%;
}
#text_confirm
{
    display: none;
}
.contrainer
{
    background-color: white; 
    padding: 20px;
}
.contrainer-sub
{
    width: 100%; 
    max-width: 720px; 
    margin: 0 auto;
}
form .checkbox-small.radio.type4 input[type=checkbox]+label:before, form .checkbox-small.radio.type4 select[type=checkbox]+label:before, form .checkbox-small.select.border-gray input[type=checkbox]+label:before, form .checkbox-small.select.border-gray select[type=checkbox]+label:before, form .checkbox-small.type1 input[type=checkbox]+label:before, form .checkbox-small.type1 select[type=checkbox]+label:before, form .checkbox-small.type4.checkbox-inline input[type=checkbox]+label:before, form .checkbox-small.type4.checkbox-inline select[type=checkbox]+label:before {
    width: 15px;
    height: 15px;
    font-size: 18px;
    border: 1px solid #666;
}
form .checkbox.radio.type4 input[type=checkbox]+label:before, form .checkbox.radio.type4 select[type=checkbox]+label:before, form .checkbox.select.border-gray input[type=checkbox]+label:before, form .checkbox.select.border-gray select[type=checkbox]+label:before, form .checkbox.type1 input[type=checkbox]+label:before, form .checkbox.type1 select[type=checkbox]+label:before, form .checkbox.type4.checkbox-inline input[type=checkbox]+label:before, form .checkbox.type4.checkbox-inline select[type=checkbox]+label:before, form .radio.type4.checkbox-small input[type=checkbox]+label:before, form .radio.type4.checkbox-small select[type=checkbox]+label:before, form .select.border-gray.checkbox-small input[type=checkbox]+label:before, form .select.border-gray.checkbox-small select[type=checkbox]+label:before, form .type1.checkbox-small input[type=checkbox]+label:before, form .type1.checkbox-small select[type=checkbox]+label:before, form .type4.checkbox-inline.checkbox-small input[type=checkbox]+label:before, form .type4.checkbox-inline.checkbox-small select[type=checkbox]+label:before {
    content: '\f00c';
    font-size:15px;
    border-radius: 5px;
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    background: 0 0;
    border: 4px solid white;
    margin-right: 10px;
    color: transparent;
}
form .checkbox-small.radio.type4 input[type=checkbox]:checked+label:before, form .checkbox-small.radio.type4 select[type=checkbox]:checked+label:before, form .checkbox-small.select.border-gray input[type=checkbox]:checked+label:before, form .checkbox-small.select.border-gray select[type=checkbox]:checked+label:before, form .checkbox-small.type1 input[type=checkbox]:checked+label:before, form .checkbox-small.type1 select[type=checkbox]:checked+label:before, form .checkbox-small.type4.checkbox-inline input[type=checkbox]:checked+label:before, form .checkbox-small.type4.checkbox-inline select[type=checkbox]:checked+label:before {
    color: #294558;
}
@media screen and (min-width: 769px)
{
    .home-heart-content h2 {
        font-size: 80px;
    }
    .other-tqm .heart-content-left {
        margin-top: 15%;
    }
    .home-heart-content p {
        font-size: 46px;
    }
}
@media screen and (min-width: 769px){
    .home-heart-content {
        margin: 20px auto;
        font-size: 22px;
        padding-top: 40px;
    }
    .other-tqm .heart-content-left, .other-tqm .heart-content-right {
        margin-top: -55px;
    }
    .other-tqm-text {
        text-align: center;
    }
}
@media screen and (min-width: 993px)
{
    .other-tqm-text
    {
        text-align: left;
    }
    .scrollable-table {
        overflow: visible;
    }
}
/*@media screen and (max-width: 540px){
    .img-test
    {
        width: 120px;
        height: 120px;
    }
}
@media screen and (max-width:420px){
    .img-test
    {
        width: 80px;
        height: 80px;
    }
}*/
@media screen and (max-width: 992px){
    .index-con
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px;
    }
    .nav-pills .nav-item
    {
        width: 100% !important;
    }
    .index-content
    {
        width: 100%;
    }
    .active-sub:after
    {
        content: none;
    }
    .nav-pills .nav-item
    {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .index-content
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav-pills .nav-item a
    {
        text-align: left;
        font-size: 30px;
        padding: .3rem 1rem !important;
    }
    .car
    {
        background-image: url(/assets/images/share/car-m.png);
        background-position: 95% center;
        background-size: 50px;
    }
    .act
    {
        background-image: url(/assets/images/share/act-m.png);
        background-position: 95% center;
        background-size: 25px;
    }
    .travel
    {
        background-image: url(/assets/images/share/travel-m.png);
        background-position: 96% center;
        background-size: 40px;
    }
    .acident
    {
        background-image: url(/assets/images/share/acident-m.png);
        background-position: 95% center;
        background-size: 25px;
    }
    .special
    {
        background-image: url(/assets/images/share/special-m.png);
        background-position: 95% center;
        background-size: 25px;
    }
    .index-h1-search
    {
        margin-top: 15px;
    }
    .index-service
    {
        margin-top: -17px;
    }
    .prb-promotion
    {
        margin-top: -17px;
    }
    .ta-promotion
    {
        margin-top: -17px;
    }
    .footer-con-1.webp
    {
        background: url(/assets/images/footer_01.png) left center no-repeat;
        padding: 0 0 0 98px;
        background-size: contain;
        height: 30px;
    }
    .footer-con-1.no-webp
    {
        background: url(/assets/images/footer_01.png) left center no-repeat;
        padding: 0 0 0 98px;
        background-size: contain;
        height: 30px;
    }
    .footer-con-2.webp
    {
        background: url(/assets/images/footer_02.jpg) left center no-repeat;
        padding: 0 0 0 98px;
        background-size: contain;
        height: 30px;
    }
    .footer-con-2.no-webp
    {
        background: url(/assets/images/footer_02.jpg) left center no-repeat;
        padding: 0 0 0 98px;
        background-size: contain;
        height: 30px;
    }
}
@media screen and (max-width: 824px){
    .prb-service .service-title
    {
        font-size: 1.33rem;
    }
    .ta-service .service-title
    {
        font-size: 1.33rem;
    }
}
@media screen and (max-width: 767px){
    .prb-service .service-title
    {
        font-size: 1.45rem;
    }
    .ta-service .service-title
    {
        font-size: 1.45rem;
    }
}
@media screen and (max-width: 576px){
    .carousel-control-prev.promotion {
    margin-left: -10%;
    }
    .carousel-control-next.promotion {
        margin-right: -10%;
    }
    .h1-index-service
    {
        margin-top: 30px;
        margin-bottom:30px;
    }
    .mobile-pad-1
    {
        padding-top: 15px !important;
    }
}
@media screen and (max-width: 520px){
    .hide-br
    {
        display: block !important;
    }
}
@media only screen and (max-width: 480px)
{
    .radio label.cartype-1 
    {
        padding-top: 30px;
    }
    .radio label.cartype-2 
    {
        padding-top: 30px;
    }
    .radio label.cartype-3 
    {
        padding-top: 30px;
    }
}
@media screen and (max-width: 420px){
    .mobile-mar-0
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    .m-w-550
    {
        max-width: 550px;
        margin:0 auto;
    }
    .mobile-mar-0 .promotion
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mobile-mar-10
    {
        margin-left: 10px;
        margin-right: 10px;
    }
    .mobile-mar-10 .promotion
    {
        margin-left: -12% !important;
        margin-right: -12% !important;
    }
    .mobile-mar-7
    {
        margin-left: 10px;
        margin-right: 10px;
    }
    .mobile-mar-7 .promotion
    {
        margin-left: -7% !important;
        margin-right: -7% !important;
    }
    .carousel-control-prev.promotion {
        width: 13%;
        margin-left: -23%;
    }
    .carousel-control-next.promotion {
        width: 13%;
        margin-right: -23%;
    }
    .carousel-control-prev.promotion.testimonial {
        width: 20px;
    }
    .carousel-control-next.promotion.testimonial {
        width: 20px;
    }
    .h1-index-service
    {
        font-size: 30px;
    }
    .h1-index-promotion 
    {
        font-size: 30px;
    }
    .h1-index-blog
    {
        font-size: 30px;
    }
    .service-image
    {
        max-width: 95%;
    }
    .other-tqm .heart-content-left {
        margin-top: 0;
    }
    .service-box h3
    {
        margin-top: 10px;
    }
    .img-index-testimonial
    {
        max-width: 100%;
    }
    .tel-header
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media only screen and (max-width: 320px)
{
    #header .box-call img {
        max-width: 12px !important;
    }
    .prize-m-pad0
    {
        padding-left: 0;
        padding-right: 0;
    }
    .home-heart-content {
        padding-top: 50px;
    }
    .home-heart-content h2
    {
        margin-bottom: 30px;
    }
}

#content.content-box{
    margin-top: 152px;
}
.breadcrumb .active{
    color: #00aeef !important;
}
.title-detail{
    color:#f5f5f5;
}
.index-title{
    background-color: #00aeef;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
}
.index-title .index-content h1{
    color: #f5f5f5;
    line-height: 50px;
}

.title-bar{
    font-size: 30px;
    padding: 5px 15px;
}
.color-red{
    color: red;
}
.form-check input[type="checkbox"]{
    position: absolute;
    right: 9000px;
}
.form-check input[type="checkbox"] + .label-text{
    cursor:pointer;
}
.form-check input[type="checkbox"] + .label-text:before{
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;

}
.form-check input[type="checkbox"]:checked + .label-text:before{
    content: "\f14a";
    color: #294558;
}

.form-check input[type="checkbox"]:disabled + .label-text{
    color: #aaa;
}

.form-check input[type="checkbox"]:disabled + .label-text:before{
    content: "\f0c8";
    color: #ccc;
}
.radio-inline {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.radio-inline input {
    position: absolute;
    opacity: 0;
}
.checkmark {
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid #294558;
}
.radio-inline input:disabled + .checkmark{
    background-color: #ccc;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.radio-inline input:checked ~ .checkmark:after {
    display: block;
}
.radio-inline .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #294558;
}
#myModal .modal-body{
    color: #666;
    font-size: 26px;
    text-align: center;
}
#myModal .btn-box{
    display: inline-block;
    margin: auto;
}
#myModal .btn-box .btn{
    font-size: 20px;
}
#tb2{
    width: 100%;
    display: none;
}
.button-large{
  cursor: pointer;
  color: #fff !important;
}



/*survey*/
.survey p.intro{
    font-size: 30px;
    margin-top: 10px;
}
.survey form .bg-white{
    padding: 20px;
}
.survey .tb_score{
    border-color: #999;
}
.survey .tb_score td{
    text-align: center;
    width: 10%;
    height: 35px;
    line-height: 15px;
    cursor: pointer;
    color: #666;
}
.survey .tb_score td.active{
    background-color: #294558;
    color: #f5f5f5;
}
.survey .alert_txt{
    color: red;
    font-size: 18px;
    display: none;
}
.survey input[type='text']:focus, .survey input[type='email']:focus, .survey input[type='tel']:focus, .survey select:focus{
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.survey #redemption ::placeholder {
    color: #fff;
}
#redemption{
  width:500px; 
  background-color: #00aeef; 
  margin:auto; 
  padding: 40px 30px 30px 30px; 
  border-radius: 10px;
}
.survey #redemption input[type='email']{
  width: 100%; 
  border: none;
  border-bottom:1px solid #fff; 
  background: #00aeef; 
  color:#fff;
}
.survey table th{
    text-align: center;
    padding: 10px;
    background-color: #294558;
    color: #f5f5f5;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: none;
}
.survey .head-score{
    display: block;
    font-weight: bold;
    color:#294558;
}
.survey .title-score{
  font-weight: bold;
  color:#294558;
  text-align: left;
  display: none;
  font-size: 20px;
}
.survey table{
    border: none;
    border-color: #dfdfdf;
}

/*ta_axa*/
.ta_axa .td1{
    display:none;
}
.ta_axa .tr{
    border:1 solid #f0efeb;
    height: 100%;
    padding: 10px;
}
/*ta_bki_plan*/
.ta_bki_plan .td1{
  display:none;
}

/*ta_msig_plan*/
.ta_msig_plan .td1{
  display:none;
}
/*hospital_search*/
.hospital_search .menu{
  background-color:#294558;
  color:#fff;
  border-radius: 10px;
}
.hospital_search .toggle-icon{
  position: absolute;
  top:5px;
  right:10px;
}
.hospital_search .toggle-icon span{
  display:none;
}
.hospital_search .toggle-icon span.active{
  display:block;
}
.hospital_search .list{
    padding-left: 10px;
    padding-right: 0;
}
/*car_check_service_search*/
.car_check_service_search .menu{
  background-color:#294558;
  color:#fff;
  border-radius: 10px;
}
.car_check_service_search .toggle-icon{
  position: absolute;
  top:5px;
  right:10px;
}
.car_check_service_search .toggle-icon span{
  display:none;
}
.car_check_service_search .toggle-icon span.active{
  display:block;
}
.car_check_service_search .list{
    padding-left: 10px;
    padding-right: 0;
}
.car_check_service_search select,.car_check_service_search input{
    outline: none;
}
/*garage-search*/
.garage-search .menu{
  background-color:#294558;
  color:#fff;
  border-radius: 10px;
}
.garage-search .toggle-icon{
  position: absolute;
  top:5px;
  right:10px;
}
.garage-search .toggle-icon span{
  display:none;
}
.garage-search .toggle-icon span.active{
  display:block;
}
.garage-search .list{
    padding-left: 10px;
    padding-right: 0;
}
.garage-search select,.garage-search input{
    outline: none;
}
/*garage_detail*/
.garage_detail .list-group-item{
  border:none !important;
  border-bottom:1px dashed #ccc !important;
}

/*hospital*/
.hospital .row label{
  text-align: right;
}
/*hospital detail*/
.hospital_detail li{
    color:#999;
    border-bottom: 1px dashed #999;
    padding: 10px 0 10px 0;
}
.hospital_detail li a{
    color:#999;
    font-size: 22px;
}
.hospital_detail li a:hover{
    color:#00aeef;
}
.hospital_detail .page-right{
  padding-left: 40px;
}

/*brand*/
.brand .logo-box{
  padding: 10px 25px 10px 25px;
}
.brand .logo-box .row{
  border:4px solid #fff;
  border-radius: 5px;
}
.brand .logo-box .row:hover{
  border-color:#00aeef;
}
.brand .logo-box img{
  width: 100%;
}
.brand .logo-box span{
  text-indent: 1px;
}
.brand .logo-box .col-sm-12{
  background-color: #fff;
  padding: 20px !important;
  border-radius: 5px;
}
/*brand_detail*/
.brand_detail .hidden-open, .brand_detail .hidden-close{
  cursor: pointer;
  margin-top:10px;
  margin-bottom: 10px;
}
.brand_detail .hidden-close , .brand_detail .hidden-text{
  display: none;
}
.brand_detail .detail .row .col-sm-12{
  padding-bottom: 20px;
  font-size: 23px;
}
.brand_detail .detail .row .col-sm-12 h2{
  font-size: 40px;
}
.brand_detail .detail .row .col-sm-12 h3{
  font-size: 30px;
}
/*familyclub_privilege*/
.familyclub_privilege h4{
  font-size: 25px;
}
.familyclub_privilege .under_line{
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.familyclub_privilege .under_line2{
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.familyclub_privilege hr{
  border:none;
  border-bottom: 1px solid #ccc;
}
.familyclub_privilege .under_line hr{
  display: none;
}
.familyclub_privilege .box{
  border:1px solid #00aeef;
  border-radius:15px;
  background-color:#fff;

}
.familyclub_privilege .img img{
  border-radius: 15px 15px 0 0;
  height: 189.77px;
}
.familyclub_privilege .img2{
  position:absolute;
  top:0;
  right:0;
  display:block;
}
  .familyclub_privilege .img2 img{
    position:absolute;
    top:0;
    right:0;
    display:block;
    border-radius:0 15px 0 0;
  }
.familyclub_privilege .detail{
  padding: 5px 15px 5px 20px ;
  height: 100px;
}
.familyclub_privilege .sawadee-search{
    cursor:pointer;
    font-size:25px;
    padding:5px 25px 0 25px;
    border-radius:10px;
    height:40px;
    margin:0 5px 0 5px;
  }
.familyclub_privilege .ahover:hover{
    background-color:#00aeef !important;
  }

/*familyclub_reward*/
.familyclub_reward a{
  color:#999;
}
.familyclub_reward a:hover { 
  color: #00aeef; 
  transition: .5s; 
  text-decoration: none;
}
/*family_gallery*/
.family_gallery a,.familyclub_gallery_detail a{
  color:#666;
}
.family_gallery a:hover,.familyclub_gallery_detail a {  
  transition: .5s; 
  text-decoration: none;
}
/*new_promotion*/
.new_promotion .section_promotion{ 
  border:3px solid #8AD0FF; 
  border-radius:10px; 
} 
.new_promotion .section_promotion:hover{ 
  border:3px solid #00aeef; 
}
.new_promotion .list_left{
  padding-right: 10px;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.new_promotion .list_right{
  padding-right: 0;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.new_promotion .list_left .arrow{ 
  position:absolute;
  bottom: 20px;
  right:20px;
}
.new_promotion .list_right .arrow{ 
  position:absolute;
  bottom: 20px;
  right:15px;
}
/*complaint*/
.complaint input[type='text']:focus, .complaint input[type='email']:focus, .complaint input[type='tel']:focus, .complaint textarea:focus, .complaint select:focus{
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.complaint .alert-text{
    color: red;
    font-size: 18px;
    display: none;
}
.complaint .input-border{
  border-radius: 0;
  border:none;
  border-bottom: 1px solid #ccc;
  font-size:20px;
}
.complaint .input-border::placeholder{
  color:#ccc;
}
.complaint textarea{
  font-size:20px;
}
/*career_register*/
.career_register .title-bar{
  border-radius: 0;
}
.career_register .border{
  border-radius: 0;
}
.career_register .custom-file .browse-label{
  line-height: 20px;
}
.career_register .custom-file .browse-label::after{
  line-height: 20px;
}
.career_register input{
  border-bottom: 1px solid #ccc;
  font-size:20px;
}
.career_register select{
  border-bottom: 1px solid #ccc;
  font-size:20px;
  height:45px !important;
}
.career_register textarea{
  font-size:20px;
  height: 100px;
  resize: none;
}
.career_register input::placeholder{
  color:#999;
}

/*contactus*/
.h2-form-contact{
  font-size: 28px;
  padding: 5px 10px;
}
#googlemap {
    width: 100%;
    height: 400px;
}
.contactus #google_map, .contactus #map {
    width: 100%;
    padding: 10px;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
}
.nav-tabs{
    border-color: #999;
}
.nav-tabs .nav-link{
    color: #aaa;
    border-color: #ccc #ccc #999;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover{
    border-color: #999 #999 #fff;
    color: #666;
}
.nav-tabs .nav-link:hover{
    color:#00aeef;
    border-color: #ccc #ccc #999;
}
.contactus-tb{
  color: #00aeef;
}
.contact-around-mb{
  display: none;
}
.line-height-30
{
    line-height:30px;
}
.img-80
{
    max-width: 80%;
    height: auto;
}
.line
{
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
}
form .radio input[type=radio]{
    display: none
}
form .radio.type2 input[type=radio]:checked+label>span
{
    border: 2px solid #294558;
    background: 0 0;
}
form .radio.type2 input[type=radio]+label>span
{
    position: relative;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #666;
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
form .checkbox-inline label:after, form .radio label:after
{
    content: "";
    display: table;
    clear: both;
}
@media screen and (max-width: 992px){
    #content.content-box{
        margin-top: 152px;
    }
}
@media screen and (max-width: 909px){
  #content.content-box{
        margin-top: 151px;
    }
  .garage3 .txt h3{
    font-size: 20px;
  }
}
@media screen and (max-width: 780px){
  #content.content-box{
      margin-top: 109px;
  }
  .survey p.intro{
      font-size: 24px;
  }
}
@media screen and (max-width: 768px){
  .contactus-tl{
    padding-right: 15px !important;
  }
  .container{
    max-width: 100% !important;
  }
  .contact-around-mb{
    display: block;
  }
  .contact-around-pc{
    display: none;
  }
  .hospital .row label{
    text-align: left;
  }
  .hospital_search .list{
    padding-left: 0;
  }
  .hospital_search .toggle-icon{
    top:0;
    right:5px;
  }
  .car_check_service_search .list{
    padding-left: 0;
  }
  .car_check_service_search .toggle-icon{
    top:0;
    right:5px;
  }
  .garage-search .list{
    padding-left: 0;
  }
  .garage-search .toggle-icon{
    top:0;
    right:5px;
  }
  .hospital_detail .page-right{
    padding-left: 20px;
  }
  #nav-footer
  {
      display: block;
  }
  .new_promotion .list_left,.new_promotion .list_right{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .familyclub_privilege .img img{
    height: 147.77px;
  }
  .familyclub_privilege .under_line{
    border-bottom: none;
  }
  .familyclub_privilege .under_line hr{
    display: block;
  }
}
@media screen and (max-width: 720px){
  #tb2{
      display: block;
  }
  #tb1{
      display: none;
  }
}
@media screen and (max-width: 698px){
  #content .ta_axa{
    font-size: 18px !important;
  }
  .familyclub_ecoupon .img-coupon img{
    width:100%;
  }
}
@media screen and (max-width: 576px){
  #content.content-box{
      margin-top: 19%;
  }
  #redemption{
    width: 100%;
  }
  .career_register .language{
    font-weight: bold;
    /*text-decoration: underline;*/
  }
  .career_register .soldierother{
    position:relative;top:-15px;
  }
  .border-secondary{
    padding: 5px 10px 0 5px;
  }
  .reward-detail{
    padding-right: 14px;
  }
  .familyclub_privilege .img img{
    border-radius: 15px 0 0 15px ;
  }
  .familyclub_privilege .sawadee-search{
    margin:auto;
  }
}
@media screen and (max-width: 575px){
  .survey .head-score{
    display: none;
  }
  .survey .title-score{
    display: block;
  }
  #content .ta_axa{
    font-size: 20px !important;
  }
  .ta_axa .td1{
    display:block;
    background-color: #294558;
    color:#fff;
    padding-bottom: 3px;
  }
  .ta_axa .td2{
      display:inline-block;
      padding-bottom: 3px;
  }
  .ta_axa .td{
      display:none;
  }
  .ta_axa .tr2{
      text-align: center;
      margin: 5px 5px 0 5px;
  }
  .ta_axa .tr{
      padding-bottom: 0;
  }
  .ta_axa .tr2 .row div{
    border-left: 1px solid #ccc;
  }
  .ta_axa .tr2 .row div:first-child{
    border: none;
  }
  .ta_bki_plan .tr{
    margin: 10px 0 5px 0;
  }
  .ta_bki_plan .td{
    display: none;
  }
  .ta_bki_plan .td1{
    display:block;
    background-color: #294558;
    color:#fff;
    padding: 0;

  }
  .ta_bki_plan .td2{
    display:inline-block;
    padding-bottom: 10px;
  }
  .ta_bki_plan .tr2 .col-6{
    border-left: 1px solid #ccc;
  }
  .ta_bki_plan .tr2 .col-6:first-child{
    border: none;
  }

  .ta_msig_plan .tr{
    margin: 10px 0 5px 0;
  }
  .ta_msig_plan .td{
    display: none;
  }
  .ta_msig_plan .td1{
    display:block;
    background-color: #294558;
    color:#fff;
    padding: 0;

  }
  .ta_msig_plan .td2{
      display:inline-block;
      padding-bottom: 10px;
  }
  .ta_msig_plan .tr2 .col-4{
    border-left: 1px solid #ccc;
  }
  .ta_msig_plan .tr2 .col-4:first-child{
    border: none;
  }
  .brand_detail .detail{
    margin-top:0 !important;
  }
  .brand_detail .detail .row .col-sm-12 h2{
    padding-left:0;
    padding-right:0;
    text-align: center;
  }
  .hospital_detail .language{
    font-weight: bold;
  }
  .garage3 .language{
    /*font-weight: bold;*/
    text-align: left !important;
  }
  .car_check_service .language{
    /*font-weight: bold;*/
    text-align: left !important;
  }
  .familyclub_privilege .img{
    padding-right: 5px;
  }
  .familyclub_privilege .img2{
    position:absolute;
    top:0;
    right:50.5%;
    display:block;
    height:100px;
  }
  .familyclub_privilege .img2 img{
    border-radius: 0;
  }
  .familyclub_privilege .detail{
    height: 100%;
  }
}
@media screen and (max-width: 460px){
    #content.content-box{
        margin-top: 92px;
    }
    .survey p.intro{
        font-size: 20px;
    }
    .reward-detail{
        padding-right: 14px;
    }
}
@media screen and (max-width: 369px){
    .reward-detail{
        padding:0;
    }
    .tel-header{
        padding-right:0;
        padding-top:0 !important;
    }
    .reward-detail{
        padding-right: 14px;
    }
    .familyclub_privilege .img img{
      height: 106px;
    }

}
@media screen and (max-width: 333px){
    .reward-detail{
        padding:0;
    }
    .tel-header .align-baseline{
        max-width: 12px !important;
    }
}