.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
 .tab-table .nav-pills,
 .tab-table .nav-pills1 {
     display: table;
     width: 100%;
     padding-left: 0;
     margin-bottom: 0;
 }
 .tab-table .nav-pills>li,
 .tab-table .nav-pills1>li {
     font-size: 11px;
 }
 .tab-table .nav-pills>li.active a,
 .tab-table .nav-pills1>li.active a {
     color: #fff;
     background-color: #0b67b1;
     text-decoration: none;
 }
 .tab-table .nav-pills>li>a,
 .tab-table .nav-pills1>li>a {
     border-radius: 4px 4px 0 0;
     padding: 10px 0px 10px 0px;
     display: block;
     text-align: center;
     background-color: #FFFFFF;
     outline: 1px solid #eeeeee;
 }
 .tab-table .nav-pills>li>a:focus,
 .tab-table .nav-pills1>li>a:focus {
     outline: none;
 }
 .tab-table .nav-pills li,
 .tab-table .nav-pills1 li {
     list-style: none;
     display: table-cell;
     margin-left: 0;
     padding: 0;
 }
 .tab-table .nav-pills.tab-adword>li>a,
 .tab-table .tab-adword.nav-pills1>li>a {
     line-height: 1.7;
     font-size: 11px;
 }
 .tab-table .nav-pills1>li>a {
     background-color: #f1f1f2;
     outline: 1px solid #FFFFFF;
 }
 .tab-table .nav-pills>li>a:hover,
 .tab-table .nav-pills1>li>a:hover{
    background: #0b48f5 !important;
      color: #fff !important;
 }
.tab-content>.active {
    padding-top: 0px;
}
.tab-content {
    padding: 0px!important;
}
#package a, #package h1, #package h2, #package h3, #package h4, #package h5, #package p, #package span, #package label, #package div, #package li, #package td, #package input, #package textarea, #package select{
        line-height: 1.5em;
        font-weight: 400;
}
#package .title-service {
    margin-top: 0px;
}
#package .title-service h2.sub-title{
    font-size: 24px !important;
    font-weight: 400 !important;
    padding: 0px 15%;
}
#package p{
    line-height: 1.8em;
    font-weight: 400;
}
.box-display {
    padding: 50px 0 !important;
}
.box-display .title-service h3{
    font-size: 24px;
    color: #0066b2;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
}
ul.list-detail{
    margin-left: 20px;
}
ul.list-detail li{
    margin-top: 10px;
    font-weight: 400;
    line-height: 1.6;
    list-style-type: disc;
}
.box-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-img img {
    max-width: 100% !important;
    margin-top: auto;
}
.box-one{
    padding: 30px 30px 30px 30px;
}
table svg.starter {
    fill: #0b48f5;
    width: 20px;
    height: 20px;
}
table svg.not-included{
    fill: #dfe7f3;
    width: 20px;
    height: 20px;
}
span.txt-gray{
    color: #8a8a8a;
}
span.txt-hilight.dcr{
    color: rgba(227,50,66,1.0);
    text-decoration-line: line-through;
    font-style: italic;
}
span.txt-blue{
    color: #0b48f5;
}
span.txt-blue.sm{
    font-size: 24px;
    font-weight: 500;
}
span.txt-blue.lg{
    font-size: 26px !important;
    font-weight: 500;
} 
span.free {
    font-size: 46px;
    font-weight: 500;
}
#package .ratecard table th, #package .ratecard table td{
    font-family: 'Kanit', sans-serif !important;
}
.ratecard table th.bg-hilight-blue{
    background: #0b48f5;
    color: #fff;
} 
#package .ratecard table tr.bg-hilight, #package .ratecard table tr.bg-hilight td:nth-child(4){
    background: #e5f8ff;
}
.ratecard table tr td span.txt-blue{
    font-weight: 500;
    font-size: 20px;
}
.ratecard table th{
    background: #e5f8ff;
    color: #0b48f5;
    font-weight: 500;
    font-size: 21px;
    text-decoration: underline;
}
    #package .ratecard table tr:nth-child(3){
    background-color: transparent;
}
#package .ratecard table td:nth-child(2){
    background-color: #e5f8ff;
}
#package .ratecard table td:nth-child(4){
    background-color: #fcfafb;
}
#package .ratecard table th,  #package .ratecard table td {
    padding: 12px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
#package .ratecard table {
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.ratecard table td:first-child, .ratecard table th:first-child {
    text-align: left;
}

@media (max-width: 768px){
    #package h1, #package h2{
        font-size: 26px !important;
    }
    #package p{
        line-height: 1.6em;
    }
    #package .title-service h1.txt-hilight {
        font-size: 32px;
    }
    #package .title-service h2.sub-title{
      font-size: 20px !important;
      font-weight: 400 !important;
      padding: 0px 2%;
    }
    ul.list-detail li{
        margin-top: 5px;
    }
    #package .table-pc{
      overflow-x: scroll;
      position: relative;
      width: 100%;
    }
    #package #register-box{
      background-size: cover !important;
      min-height: 285px;
    }
}
@media (max-width: 767px){
    #package .ratecard table{
      margin-top: 0px;
    }
    .tab-table .nav-pills{
      margin-top: 0px;
    }
    .tab-table .nav-pills>li.active a, .tab-table .nav-pills1>li.active a{
      background-color: #0b48f5 !important;
      color: #fff !important;
    }
    .tab-table .nav-pills>li>a, .tab-table .nav-pills1>li>a{
       background:  #e5f8ff !important;
    }
    .tab-table .nav-pills.tab-adword>li>a, .tab-table .tab-adword.nav-pills1>li>a {
      line-height: 1.7;
      font-size: 14px;
      color: #0b48f5;
      font-weight: 400;
    }
  
}
@media (max-width: 650px) {
    .box-one{
      padding: 0px 30px 30px 30px;
    }
    .box-display {
      padding: 30px 0 !important;
    }
    #service-ucommerce .p-5, .box-display .p-5 {
        padding: 15px !important;
    }
    #package .ratecard table td:nth-child(2){
      background-color: transparent;
    }
    #package .ratecard table th, #package .ratecard table td {
      padding: 12px;
      border-left: 1px solid #e8e8e8;
    }
    #package #register-box{
      background-size: cover !important;
      min-height: 285px;
    }
    #package .btn-orange.regis{
      width: 100%;
      margin: 0;
    }
    #package .btn-outline{
      width: 100%;
      margin: 15px 0 0 0;
    }
}