*,*::before,*::after { box-sizing: border-box}html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}body { margin: 0; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #001737; text-align: left; background-color: #fff}blockquote { margin:0; margin-bottom:10px;}article,figcaption,footer,header,hgroup,main,nav,section { display: block}[tabindex="-1"]:focus { outline: 0 !important}hr { box-sizing: content-box; height: 0; overflow: visible}p { margin-top: 0; margin-bottom: 1rem}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; line-height: 1.25; color: #000000;}h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom: 0.5rem;}.box-content h1,.box-content h2,.box-content h3,.box-content h4,.box-content h5,.box-content h6 { margin-top:30px; margin-bottom: 0.5rem;}b,strong { font-weight: bolder}small { font-size: 80%}a { color: #0168fa; text-decoration: none; background-color: transparent}a:hover { color: #0148ae; text-decoration: none}a:not([href]):not([tabindex]) { color: inherit; text-decoration: none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none}a:not([href]):not([tabindex]):focus { outline: 0}pre,code,samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em}pre { margin-top: 0; margin-bottom: 1rem; overflow: auto}img { vertical-align: middle; border-style: none}svg { overflow: hidden; vertical-align: middle}table { border-collapse: collapse}caption { padding-top: .75rem; padding-bottom: .75rem; color: #7987a1; text-align: left; caption-side: bottom}th { text-align: inherit}label { display: inline-block; margin-bottom: .5rem}button { border-radius: 0}button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit}button,input { overflow: visible}button,select { text-transform: none}select { word-wrap: normal}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) { cursor: pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { padding: 0; border-style: none}input[type="radio"],input[type="checkbox"] { box-sizing: border-box; padding: 0}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] { -webkit-appearance: listbox}textarea { overflow: auto; resize: vertical}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto}[type="search"] { outline-offset: -2px; -webkit-appearance: none}[type="search"]::-webkit-search-decoration { -webkit-appearance: none}::-webkit-file-upload-button { font: inherit; -webkit-appearance: button}[hidden] { display: none !important}hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1)}.list-inline { padding-left: 0; list-style: none}.list-inline-item { display: inline-block}.list-inline-item:not(:last-child) { margin-right: .5rem}.blockquote { margin-bottom: 1rem; font-size: 1.09375rem}pre { display: block; font-size: 87.5%; color: #1c273c}.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}@media (min-width:576px) { .container { max-width: 540px }}@media (min-width:768px) { .container { max-width: 800px }}@media (min-width:992px) { .container { max-width: 1015px }}@media (min-width:1200px) { .container { max-width: 1140px }}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px}@media (min-width:576px) { .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% }}@media (min-width:768px) {.w-65{width:65%;} .box-header { position: absolute; top: -25px; left: 0; right: 0; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { flex: 0 0 100%; max-width: 100% }}@media (min-width:992px) { .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% }}@media (min-width:1200px) { .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% }}.table { width: 100%; margin-bottom: 1rem; color: #001737}.table th,.table td { padding: .75rem; vertical-align: top; border-top: 1px solid rgba(72, 94, 144, .16)}.table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(72, 94, 144, .16)}.table tbody+tbody { border-top: 2px solid rgba(72, 94, 144, .16)}.table-bordered { border: 1px solid rgba(72, 94, 144, .16)}.table-bordered th,.table-bordered td { border: 1px solid rgba(72, 94, 144, .16)}.table-bordered thead th,.table-bordered thead td { border-bottom-width: 2px}.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05)}.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch}.table-responsive>.table-bordered { border: 0}.form-control { display: block; width: 100%; height: calc(1.5em + 0.9375rem + 2px); padding: .46875rem .625rem; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #596882; background-color: #fff; background-clip: padding-box; border: 1px solid #c0ccda; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion:reduce) { .form-control { transition: none }}.form-control::-ms-expand { background-color: transparent; border: 0}.form-control:focus { color: #596882; background-color: #fff; border-color: #7cb2fe; outline: 0; box-shadow: 0 0 0 .2rem rgba(1, 104, 250, .25)}.form-control::placeholder { color: #7987a1; opacity: 1}.form-control:disabled,.form-control[readonly] { background-color: #e3e7ed; opacity: 1}select.form-control:focus::-ms-value { color: #596882; background-color: #fff}select.form-control[size],select.form-control[multiple] { height: auto}textarea.form-control { height: auto}.form-group { margin-bottom: 1rem}a.btn.disabled { pointer-events: none}.btn-success { color: #fff; background-color: #10b759; border-color: #10b759}.btn-success:hover { color: #fff; background-color: #0d9448; border-color: #0c8842}.btn-success:focus,.btn-success.focus { box-shadow: 0 0 0 .2rem rgba(52, 194, 114, .5)}.btn-success.disabled,.btn-success:disabled { color: #fff; background-color: #10b759; border-color: #10b759}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active { color: #fff; background-color: #0c8842; border-color: #0b7c3c}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(52, 194, 114, .5)}.btn-warning { color: #1c273c; background-color: #ffc107 !important; border-color: #ffc107 !important}.btn-warning:hover { color: #1c273c; background-color: #e0a800; border-color: #d39e00}.btn-warning:focus,.btn-warning.focus { box-shadow: 0 0 0 .2rem rgba(221, 170, 15, .5)}.btn-warning.disabled,.btn-warning:disabled { color: #1c273c; background-color: #ffc107; border-color: #ffc107}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active { color: #1c273c; background-color: #d39e00; border-color: #c69500}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(221, 170, 15, .5)}.btn-danger { color: #fff; background-color: #dc3545 !important; border-color: #dc3545 !important}.btn-danger:hover { color: #fff; background-color: #c82333 !important; border-color: #bd2130 !important}.btn-danger:focus,.btn-danger.focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)}.btn-danger.disabled,.btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active { color: #fff; background-color: #bd2130; border-color: #b21f2d}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)}.btn-sm,.btn-group-sm>.btn { padding: .391rem .5rem; font-size: .8125rem; line-height: 1.5; border-radius: .2rem}.btn-sm,.btn-group-sm>.btn { font-size: 13px; padding-left: 15px; padding-right: 15px}.btn-uppercase.btn-sm,.btn-group-sm>.btn-uppercase.btn { font-size: 11px; line-height: 1.773}.fade { transition: opacity 0.15s linear}@media (prefers-reduced-motion:reduce) { .fade { transition: none }}.fade:not(.show) { opacity: 0}.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none}.nav-link { display: block; padding: .5rem 1rem}.nav-link:hover,.nav-link:focus { text-decoration: none}.nav-link.disabled { color: #7987a1; pointer-events: none; cursor: default}.nav-tabs { border-bottom: 1px solid #cdd4e0}.nav-tabs .nav-item { margin-bottom: -1px}.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { border-color: #e3e7ed #e3e7ed #cdd4e0}.nav-tabs .nav-link.disabled { color: #7987a1; background-color: transparent; border-color: transparent}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link { color: #596882; background-color: #fff; border-color: #cdd4e0 #cdd4e0 #fff}.tab-content>.tab-pane { display: none}.tab-content>.active { display: block}.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem}.navbar>.container,.navbar>.container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}.navbar-brand { display: inline-block; padding-top: .33594rem; padding-bottom: .33594rem; margin-right: 1rem; font-size: 1.09375rem; line-height: inherit; white-space: nowrap}.navbar-brand:hover,.navbar-brand:focus { text-decoration: none}.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none}.navbar-nav .nav-link { padding-right: 0; padding-left: 0}.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0}.close { float: right; font-size: 1.3125rem; font-weight: 700; line-height: 1; color: #1b2e4b; text-shadow: 0 1px 0 #fff; opacity: .5}.close:hover { color: #1b2e4b; text-decoration: none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus { opacity: .75}button.close { padding: 0; background-color: transparent; border: 0; appearance: none}a.close.disabled { pointer-events: none}hr { border-color: rgba(72, 94, 144, .16)}strong { font-weight: 600}.form-control { color: #1b2e4b; font-size: inherit}.form-control::placeholder { color: #c0ccda}.form-control:disabled,.form-control[readonly] { background-color: #f5f6fa}textarea.form-control { min-height: 38px}.form-group { margin-bottom: 20px}.nav-link { color: #596882}.nav-link.active { color: #0168fa}.table th,.table td { padding: 8px 10px; line-height: 1.2;}.table thead th,.table tbody th { font-weight: 500}.table thead th { border-bottom-width: 0}/*.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f3f4f7}*/.table-hover tbody tr:hover { background-color: #e9ecf1}.accordion { border-radius: .25rem}.overlay { position: relative}.overlay-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0}.nav-tabs { border-color: rgba(72, 94, 144, .16)}.nav-tabs .nav-item { margin-bottom: 0}.nav-tabs .nav-item+.nav-item { margin-left: 5px}.nav-tabs .nav-link { background-color: rgba(72, 94, 144, .16); border-color: rgba(72, 94, 144, .16); color: #596882; border-bottom-width: 0; position: relative; margin-bottom: -1px; padding: 0 20px; display: flex; align-items: center; justify-content: center; height: 38px; transition: background-color 0.2s}@media (prefers-reduced-motion:reduce) { .nav-tabs .nav-link { transition: none }}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { background-color: rgba(81, 105, 161, .16); color: #1c273c}.nav-tabs .nav-link.active { background-color: #fff; z-index: 5; color: #0168fa}.nav-tabs .nav-link.disabled { background-color: transparent; color: #b4bdce}.backdrop { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(15, 21, 32, .7); z-index: 40; transition: all 0.4s}@media (prefers-reduced-motion:reduce) { .backdrop { transition: none; }}.backdrop.show { visibility: visible; opacity: 1}@media (max-width:991.98px) { .navbar-nav-show { overflow: hidden; } .navbar-nav-show .navbar-menu-wrapper { transform: translateX(0); overflow: scroll; } .navbar-nav-show .backdrop { opacity: 1; visibility: visible; } #navbarMenu { /*display:none;*/ }}.navbar-header { align-items: stretch; height: 55px; padding: 0; justify-content: flex-start; background-color: #fff; border-bottom: 1px solid rgba(72, 94, 144, .16)}@media (min-width:992px) { .navbar-header { height: 60px }.navbar-menu .nav-item:not(:last-child) { border-right: 0px solid; padding-right: 50px;}}.navbar-header>.container { padding: 0}@media (max-width:1139px) { .navbar-header>.container { max-width: none }.lg-toolbar {top:70px !important;}}@media (min-width:1140px) { .navbar-header>.container .navbar-brand { padding-left: 0 } .navbar-header>.container .navbar-right { padding-right: 0 }}.navbar-header .navbar-brand { display: flex; align-items: center; padding-left: 15px; margin-right: 0; order: 1}@media (min-width:992px) { .navbar-header .navbar-brand { width: 240px; padding: 0 0 0 20px }}.navbar-header .burger-menu { margin-left: 18px; color: #8392a5; display: flex; align-items: center}@media (min-width:576px) { .navbar-header .burger-menu { margin-left: 20px }}@media (min-width:992px) { .navbar-header .burger-menu { display: none; }}.navbar-header .burger-menu:hover { color: #0168fa;}.navbar-header .navbar-right { padding: 0 15px; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; order: 2;}@media (min-width:576px) { .navbar-header .navbar-right { padding-right: 20px; }}@media (min-width:992px) { .navbar-header .navbar-right { order: 3; padding: 0 20px 0 0; }}@media (min-width:1200px) { .navbar-header .navbar-right { width: 240px; }}@media (min-width:768px) { .navbar-header-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }}.navbar-menu-wrapper { order: 3; width: 100%; position: fixed; top: 0; bottom: 0; right: 0; background-color: #fff; overflow: hidden; z-index: 1060; transform: translateX(-1000px); transition: all 0.4s;}@media (prefers-reduced-motion:reduce) { .navbar-menu-wrapper { transition: none; }}@media (min-width:992px) { .navbar-menu-wrapper { width: auto; padding: 0 25px; position: relative; top: auto; left: auto; bottom: auto; background-color: transparent; overflow: visible; display: flex; justify-content: center; order: 2; transform: none; z-index: auto; flex: 1; }}@media (min-width:1200px) { .navbar-menu-wrapper { padding: 0 30px; }}.navbar-menu-header { height: 55px; padding: 0 15px 0 20px; display: flex; align-items: center; justify-content: end; border-bottom: 1px solid rgba(72, 94, 144, .16);}@media (min-width:992px) { .navbar-menu-header { display: none; }}.navbar-menu-header .feather-x { width: 20px; height: 20px; stroke-width: 2.5px;}.navbar-menu-header a:last-child { color: #7987a1;}.navbar-menu-header a:last-child:hover,.navbar-menu-header a:last-child:focus { color: #ffffff;}.navbar-menu { flex-direction: column;}@media (min-width:992px) { .navbar-menu { align-items: center; flex-direction: row; width: 100%; max-width: 100%; justify-content: center; padding: 0px; margin:0; }}.navbar-menu .nav-item+.nav-item { margin-top: 10px}@media (min-width:992px) { .navbar-menu .nav-item+.nav-item { margin-top: 0; margin-left: 25px }}@media (min-width:1200px) { .navbar-menu .nav-item+.nav-item { margin-left: 30px }}.navbar-menu .nav-item.active .nav-link { position: relative; color: #0168fa}.navbar-menu .nav-item.active .nav-link::before { content: ""; position: absolute; top: calc(50% - 1px); left: 0; width: 10px; height: 2px; background-color: #0168fa}@media (min-width:992px) { .navbar-menu .nav-item.active .nav-link::before { display: none; }}.navbar-menu .nav-item.active.with-sub .nav-link::after { border-color: #0168fa}.navbar-menu .nav-item.with-sub { position: relative}.navbar-menu .nav-item.with-sub.show .nav-link:focus::after { transform: rotate(45deg);}@media (prefers-reduced-motion:reduce) { .navbar-menu .nav-item.with-sub .nav-link::after { transition: none }}@media (min-width:992px) { .navbar-menu .nav-item.with-sub .nav-link::after { margin-left: 6px }}.navbar-menu .nav-item.show .navbar-menu-sub { display: block}.navbar-menu .nav-link { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; padding: 0 20px; color: #000000; transition: all 0.2s ease-in-out}@media (prefers-reduced-motion:reduce) { .navbar-menu .nav-link { transition: none }}@media (min-width:992px) { .navbar-menu .nav-link { font-weight: 500; padding: 0 }}.navbar-menu .nav-link:hover { color: #000000}.navbar-menu-sub { position: relative; min-width: 200px; list-style: none; padding: 0 15px 3px 24px; border-left: 1px solid rgba(72, 94, 144, .16); margin-top: 10px; margin-left: 28px; z-index: 1000; display: none}@media (min-width:992px) { .navbar-menu-sub { position: absolute; top: 41.5px; left: 50%; transform: translate(-50%, 0%); background-color: #000; padding: 20px 0px; border: none; margin-top: 0; margin-left: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }}.navbar-menu-sub ul { padding: 0; margin: 0; list-style: none; position: relative; min-width: 150px}.navbar-menu-sub ul+ul { margin-top: 25px}@media (min-width:992px) { .navbar-menu-sub ul+ul { margin-top: 0; margin-left: 25px; padding-left: 25px; border-left: 1px solid rgba(72, 94, 144, .16) }}.navbar-menu-sub .nav-sub-item+.nav-sub-item { margin-top: 5px}.navbar-menu-sub .nav-sub-link { white-space: nowrap; font-size: 13px; display: flex; align-items: center; transition: all 0.2s ease-in-out}@media (prefers-reduced-motion:reduce) { .navbar-menu-sub .nav-sub-link { transition: none }}.navbar-menu-sub .nav-sub-link .feather-bar-chart-2 { margin-left: -4px}.navbar-search { position: absolute; top: 0; left: 0; right: 0; z-index: 100; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out}@media (prefers-reduced-motion:reduce) { .navbar-search { transition: none }}.navbar-search.visible { visibility: visible; opacity: 1}.navbar-search-header { height: 55px; background-color: #fff; padding: 0 15px; display: flex; align-items: center; border-bottom: 1px solid rgba(72, 94, 144, .16)}@media (min-width:576px) { .navbar-search-header { padding: 0 20px; height: 60px }}.navbar-search-header .form-control { padding: 0; font-weight: 500; color: #001737; border-width: 0; background-color: transparent}.navbar-search-header .form-control:focus,.navbar-search-header .form-control:active { box-shadow: none !important}.navbar-search-header .btn { padding: 0;}.navbar-search-body { padding: 15px 15px 20px; background-color: #fff; font-size: 13px;}@media (min-width:992px) { .navbar-search-body { padding: 25px 25px 30px; }}.navbar-search-body ul { display: flex; flex-direction: column; margin-bottom: 0}.navbar-search-body li+li { margin-top: 2px}@media (min-width:992px) { .navbar-search-body li+li { margin-top: 0; margin-left: 5px }}.navbar-search-body a { padding: 5px 10px; display: block; color: #1b2e4b; border-radius: .25rem}@media (min-width:992px) { .navbar-search-body a { border: 1px solid rgba(72, 94, 144, .16) }}.align-items-center { align-items: center !important}.d-flex { display: flex !important}.align-self-stretch { align-self: stretch !important}.mg-l-auto { margin-left: auto}.lh-1 { line-height: 1.1}.content-body { position: relative; padding: 15px; height: calc(100% - 54px); overflow-y: auto}.relete .content_kicker a{ color:#C40C1F ; padding: 0;}.content-body .content_kicker,.feed .content_kicker a { background:#C40C1F;}.feed .content_kicker { background:transparent;}@media (min-width:576px) { .content-body { padding: 20px }}@media (min-width:992px) { .content-body { padding: 25px; height: calc(100% - 60px) }}.content-body .container { margin-bottom: 25px}@media (max-width:1199.98px) { .content-body .container { max-width: none }}.btn { display: inline-block; font-weight: 400; color: #001737; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .46875rem .9375rem; font-size: .875rem; line-height: 1.5; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion:reduce) { .btn { transition: none }}.btn:hover { color: #001737; text-decoration: none}.btn:focus,.btn.focus { outline: 0; box-shadow: none}.btn-sm,.btn-group-sm>.btn { padding: .391rem .5rem; font-size: .8125rem; line-height: 1.5; border-radius: .2rem}.text-right { text-align: right !important}.text-left { text-align: left !important}.text-start { text-align: left !important}.text-end { text-align: right !important}.text-center { text-align: center !important}.justify-content-start { justify-content: flex-start !important}.justify-content-end { justify-content: flex-end !important}.justify-content-center { justify-content: center !important}.justify-content-between { justify-content: space-between !important}.justify-content-around { justify-content: space-around !important}.justify-content-left { justify-content:left;}.card-todo .card-progress { padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center;}.pd-0 {padding:0 !important;}.pd-5 {padding:5px !important;}.pd-9 {padding:9px !important;}.pd-10 {padding:10px !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} .pd-40 { padding:40px !important;} .pl-0 { padding-left:0px !important; }.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-30 { padding-left:30px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }.pl-50 { padding-left:50px !important; }.pr-0 { padding-right:0px !important; }.pr-10 { padding-right:10px !important; }.pr-15 { padding-right:15px !important; }.pr-20 { padding-right:20px !important; }.pr-35 { padding-right:35px !important; }.pr-25 { padding-right:25px !important; }.pr-50 { padding-right:50px !important; }.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} .pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-15 { padding-top:15px !important;}.pt-20 { padding-top:20px !important;}.pt-25{ padding-top: 25px;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}.pt-150 { padding-top:150px !important;} .pt-24 { padding-top:24px !important;} .pt-14 { padding-top:14px !important;}.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;} .pb-25 { padding-bottom:25px !important;} .pb-14 { padding-bottom:14px !important;} .pb-110 { padding-bottom:110px !important;}.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}.mr-0 { margin-right:0px !important;}.mr-5 { margin-right:5px !important;}.mr-10 { margin-right:10px !important;}.mr-20 { margin-right:20px !important;}.mr-30 { margin-right:30px !important;}.ml-0 { margin-right:0px !important;}.ml-2 { margin-left: 2px;}.ml-9 { margin-left: 9px;}.ml-10 { margin-left: 10px !important;}.ml-15 { margin-left: 15px;}.mt-d-5 { margin-top:-5px !important;}body { font-weight:400 !important; background: #ffffff; color: #000;}a { color:#000;}a:hover { color:#000;}.position-relative { position:relative;}.hide { display:none;}.h-1 { height:1px !important;}.h-2 { height:2px !important;}.box-content img { width: 100%; height: 100%; margin-bottom:20px; margin-top:20px;}.box-content h1 { font-size: clamp(30px, 2.5vw, 40px);}.box-content h2 { font-size: clamp(22px, 2.5vw, 30px);}.box-content h3 { font-size: clamp(18px, 2.5vw, 20px);}.box-content h4 { font-size: clamp(16px, 2.5vw, 16px);}.txt-underline { text-decoration: underline;}.img { max-width:100%; border-radius:5px;}.img-responsive { width:100%;}.pull-right { float:right;}.img-center { display: block; margin:auto;}.div-center { display: block; margin:auto;}.hide { display: none !important;}.show { display: block !important;}.flex { display:flex;}.flex-center { display: flex; justify-content:center;}.flex-between { display: flex; justify-content:space-between;}.flex-end { display: flex; justify-content:end;}.flex-start { display: flex; justify-content:start;}.text-center-column { display: flex !important; flex-direction: column; justify-content: center;}.item-center { display: flex; justify-content: center; align-items: center;}.space-around-center { display: flex; justify-content: space-around; align-items: center;}.space-evenly { display: flex; justify-content: space-evenly;}.item-end { display: flex; align-items: end;}.grid { display:grid;}.grid-row { grid-auto-flow: row;}.grid-column { grid-auto-flow: column;}.spacer-0{ height:0px; clear:both; width:100%;}.spacer-20{ height:20px; clear:both; width:100%;}.spacer-30{ height:30px; clear:both; width:100%;}.spacer-60{ height:60px; clear:both; width:100%;}.spacer-80{ height:80px; clear:both; width:100%;}.w-30 { width:30% !important;}.w-40 { width:40% !important;}.w-100 { width:100% !important;}.w-75 { width:75%;}.color-black { color:#000 !important;}.color-gray { color:#B4B4B4 !important;}.color-gray-subtitle { color:#333333 !important;}.color-pricelist { color:#A7A7A7 !important;}.color-white { color:#fff !important;}.color-ping { color:#B09E77 !important;}.color-blue { color: #4267B2 !important;}.color-red,.color-formula { color:#C40C1F !important;}.sibling-blue { color:#1C37E6 !important;}.all-around-blue { color:#1C37E6 !important;}.bg-red { background-color:#C40C1F !important;}.bg-gray { background-color:#F5F5F5;}.bg-gray2 { background-color:#D9D9D9;}.bg-all-around { background-color:#F4F4F6;}.bg-siblingonwheels { background-color:#F4F4F6;}.bg-formula { background-color:#211F20;}.bg-datron { background-color:#211F20;}.bg-kicker { background-color:#C40C1F;}.bg-white { background-color:#ffffff !important;}.bg-black { background-color:#000000 !important;}.bg-ping { background-color:#B09E77 !important;}.cursor { cursor:pointer;}.visible-xs { display:none;}ul { list-style-type: none;}@media (min-width: 1024px){ .mt-150 {margin-top:150px !important;}.mt-90 {margin-top: 90px !important;} .visible-lg { display:block; } .navbar-header .navbar-brand { width: 240px; padding: 0 0 0 0px; } .whatnew .main { width:50%; } .whatnew .secright, .whatnew .secleft { width:25%; } .whatnew .secleft { order:-1; }}@media (min-width:768px) { #photo_title { overflow: hidden; min-height: 50px; max-height: 50px; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 500; left: 0px; top: -1px; font-size: 28px; transform: scaleX(1); transition: all 0.4s ease-in-out 0s; } .avatar img { width: 100%; height: 100%; object-fit: cover; } .border-b-red { border-bottom: 1px solid #C40C1F; } .mySwiper-advert .swiper-slide { width: 60%; } .mySwiper-advert .swiper-slide:nth-child(2n) { width: 60%; } .mySwiper-advert .swiper-slide:nth-child(3n) { width: 60%; } .h-magazine { overflow: hidden; min-height: 40px; max-height: 58px; } .whatnew .secleft, .whatnew .secright { width:100%; } .what-r { overflow:hidden; min-height:40px; max-height:55px; } .what-l { overflow:hidden; min-height:45px; max-height:73px; } .h-title { overflow:hidden; min-height:30px; max-height:60px; } .h-title2 { overflow:hidden; min-height:45px; max-height:75px; } .what-b { overflow:hidden; min-height:45px; max-height:75px; } .h-newcar { overflow:hidden; min-height:40px; max-height:70px; } .h-last-test { overflow:hidden; min-height:40px; max-height:65px; }}@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important }}@media screen and (max-width: 1023px) and (min-width: 768px){ .visible-sm { display:block; } .hidden-sm { display:none; } .navbar-header .burger-menu { margin-top: 18px; } .navbar-header .navbar-brand { position: relative; padding: 0px; } .navbar-header .navbar-search.visible { position: fixed; right: 0px; top: 0px; z-index: 9999; } .navbar-header .navbar-brand { position: fixed; padding: 0px; top: 0; z-index: 9999; left: 0; } .navbar-header .burger-menu { margin-left: auto; order: 2; }}@media (min-width:1000px) { .hidden-lg { display: none !important }}@media (min-width:1200px) { .container { max-width: 1590px; } .navbar-menu-wrapper { padding: 0px 30px; } .nav-sub-item:hover { padding: 6px; background: #C40C1F ; padding-left: 20px; }}.navbar { border-top: 8px solid #9A1914 ;}.navbar-right.t { transform: translateY(20px); z-index: 9;}.navbar-search-header { padding: 0 20px; height: 56px;}.search-link { cursor: pointer;}.navbar-menu-sub .nav-sub-item { padding: 6px; padding-left: 24px;}.navbar-menu a.nav-link:hover { color:#C40C1F;}.autoinfo-logo { font-weight: 700; font-size: 22px; letter-spacing: -1px; color: inherit; display: flex; align-items: center; position: relative; color: #031a61; margin-top: 0px;}.autoinfo-logo img { height:56px !important;}.navbar-header { border-bottom:solid 0px; background: #ffffff;}.navbar-header .navbar-brand { max-width:65px;}.navbar-header { height:70px;}.navbar-header .navbar-right { width: 0px; }.navbar-header .navbar-right .search-link { margin-right: 15px !important; color:#000 !important;}.container-follow img { margin:10px 5px; max-width: 48px; display: inline;} footer ul { padding: 0;}#totop.show { opacity: 1; visibility: visible;}#totop { display: inline-block; background-color: #9f9e9e; width: 42px; height: 42px; text-align: center; border-radius: 4px; position: fixed; bottom: 80px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; padding-top: 10px;}.fa-arrow-up { color: #000; font-size: 20px;}.navbar-search-body { padding: 5px 70px 20px;}.navbar-search-body .list-inline a ,.navbar-search-body .list-inline .list-inline-item a:hover{ border-radius: 30px; background-color: #E5E5E5; color: #000000; padding: 5px 10px; border: none;}.navbar-search-body .list-inline a.active,.navbar-search-body .list-inline .list-inline-item a:hover { border-radius: 30px; background-color: #000000; color: #ffffff; padding: 5px 10px; border: none;}.navbar-search-body li+li { margin-left: 0px;}.navbar-search-body .list-inline-item{ width: max-content;}.col-side .list-inline-item a:hover { background-color: #000000; border: none; padding: 5px 10px; color: #ffffff;}.navbar-search-body li+li { margin-left: 0px;}.hashtag { position:absolute; right: 30px; z-index: 99; top: 6px;}.hashtag-text { position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%);}.navbar-search-body a { border:none;}.navbar-search-body a:hover, .navbar-search-body a:focus { background-color: #000000; color:#ffffff; border-radius: 10px;}.list-inline-item:not(:last-child) { margin-right: 0.5rem;}.list-inline-skills .list-inline-item { margin-right: 5px; margin-bottom: 10px;}.list-inline-item { display: inline-block;}.list-inline-skills { font-size: 12px; display: flex; flex-wrap: wrap;}.list-inline { padding-left: 0; list-style: none;}.list-inline-skills .list-inline-item a { display: block; background-color: #E5E5E5; border: none; padding: 5px 10px; color: #000000; border-radius: 10rem;}.content_date { font-family: 'Kanit', sans-serif !important; font-size:14px !important; font-weight:400 !important; color:#A7A7A7;}.widget_nav_menu ul li { padding: 0;}a:link { text-decoration: none;}.widget_nav_menu ul li a { color: #ffffff; text-transform: capitalize; font-family: 'Kanit', sans-serif !important; font-size: 16px;}.category-input-sfp { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}.category-input { position: relative; top: -60px; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}ul.bodystyle li.top, ul.home-bodystyle li.top { border-top: solid 0;}ul.home-bodystyle li { float: left; padding: 0 10px 8px 10px; margin: 2px; cursor: pointer; letter-spacing: 1px; border-radius: 3px;}ul.home-bodystyle li { list-style: none; float: left; font-size: 8px; text-align: center; color: #e0e0e0; height: 65px; cursor: pointer;}.img-bodystyle { width: 50px;}ul.bodystyle, ul.home-bodystyle { padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 1; text-align: center;}.cursor-point { cursor: pointer;}.navbar > .container, .navbar > .container-fluid { align-items: start !important;}.progress-content { position: relative; height: 2px; background-color: #C40C1F; width: 100%;}.feed .content_kicker a { font-size: 17px; color: #fff; padding: 3px 7px;}.feed .content_title { font-family: 'kanit'; font-size: 18px; line-height: 1.3; font-weight: 200;}.content_kicker a { font-family: 'Kanit', sans-serif !important; font-size: 14px; color: #ffffff; padding: 3px 7px; font-weight: 200;} #menu-toggle { display: none;}@media only screen and (max-width: 992px) {.navbar-menu .nav-item.with-sub .nav-link::after { margin-left: auto !important; }.navbar-menu-wrapper { background: #000000; padding: 0; }.navbar-header .burger-menu { margin-left: auto !important; order: 2;position:absolute;right:0;z-index:99; }.dtdata_logo img {width: 100% !important;}.hidden-md { display:none; } .navbar-menu-header { padding: 0 15px 0 15px; background: #000000 ; height: 66px; } #menu-toggle { display: block !important; } .navbar-menu a.nav-link:hover { color:#ffffff !important; } .navbar-menu .nav-link { font-size: 20px; color: #ffffff; padding: 0px 10px 10px 5px !important; font-family: "Kanit"; border-bottom:1px solid #ffffff; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; font-family: var(--icon-font); display: inline-block; transform: rotate(0deg); margin-left: 6px; top: 0; transition: all 0.2s ease-in-out; } .navbar-menu .nav-item.with-sub.show .nav-link:focus::after { transform: rotate(45deg); }}.main-navigation { display: block;}.main-navigation > ul { margin: 0; list-style-type: none;}.main-navigation > ul > li { font-weight: 400; font-size: 15px; position: relative; display: inline-block; margin-right: 35px;}.main-navigation > ul > li > a { display: block; color: #666; line-height: 52px;}.main-navigation > ul > li:last-child { margin-right: 0;}.main-navigation > ul > li > a > i { color: #999;}.sticky-header .main-navigation > ul > li > a > i { color: #999;}.main-navigation > ul > li > a:hover { text-decoration: none;}.make-widget li { width: 100%; min-height: 55px; margin-bottom: 10px;}@media (min-width: 992px) and (max-width: 1199px) { .main-navigation > ul > li { margin-right: 25px; }}@media only screen and (max-width: 992px) {.mt-150 {margin-top:100px !important;}.mt-90 {margin-top: 30px !important;} .navbar-menu-sub .nav-sub-item { padding: 6px; padding-left: 5px; } .toggle-menu { display: none; background: #fff; width: 100%; position: absolute; height: auto; border-top: 1px solid #eee; } .toggle-menu > ul > li { display: block; width: 100%; border-bottom: 1px solid #eee; } .toggle-menu > ul > li > a { display: block; padding: 15px 0 15px 20px; line-height: normal; color: #222; } .toggle-menu > ul > li ul { position: static; top: 0; left: 0 !important; margin: 0; -webkit-border-radius: 0; border-radius: 0; box-shadow: none; } .toggle-menu > ul > li > ul li ul { position: static; margin: 0; left: 0 !important; width: 100%; -webkit-box-shadow: none; box-shadow: none; } .toggle-menu > ul > li.megamenu > ul { width: 100%; } .toggle-menu > ul > li.megamenu > ul .megamenu-container > div.row > div { margin-top: 20px; }}.card-todo .progress { flex: 1; height: 1px; margin: 0 10px; background: #C40C1F;}.card-todo .card-progress { align-items: baseline;}.card-progress h3 { margin-block-end: -7px;}.buyer-table-hd { position: absolute; right: 0; bottom: 35px;}hr { border-color: #C40C1F;}.show-content .navbar-menu-sub { width: 1050px;}.absolute-bottom { position: absolute; left: 0; right: 0; bottom: 0;}.h-62 { height: 25rem;}.w-170 { width: 170px;}.sibling-box { background-image: url('images/sibling_bg.png'); background-repeat: no-repeat; background-size: 100%; background-color: #000; margin-right: 0px !important; margin-left: 0px !important;}.sibling-box .post-box .post-title { margin-bottom: 25px; min-height: 50px; margin-top: 10px;}.sibling-content { font-family: 'kanit'; color: #fff;}.post-box p.post-box-fixed { max-height: 95px; height: 96px; overflow: hidden;}.sibling_logo { text-align: right; padding: 30px 10px;}.sibling_subscribe { text-align: right; padding: 0 10px;}.box-video { padding-right: 15px !important; padding-left: 15px !important;}.sibling-logo { position: absolute; top: 20px; z-index: 999; left: 0; transform: translate(95%, 20%);}.sibling-subscribe { position: absolute; z-index: 999; right: 0; transform: translate(-120%, 5%); bottom: 0;}.img-two-left { margin-left: 20px;}.img-one-left { margin-left: 20px;}.nav_bar { font-family: 'kanit' !important; font-size: 28px !important; color: #fff; padding: 5px 10px; text-align: right; background: linear-gradient(270deg, rgba(153, 24, 19, 1) 0%, rgba(153, 19, 19, 0) 100%);}.btn-watch-more { background-color: #991813; color: #ffffff; padding: 6px 15px;}.btn-watch-more span { position: relative;}.btn-watch-more:hover { color: #ffffff;}.sibling-box a:hover { color: #ffffff;}.pricelist .col-md-6,.pricelist .col-xs-12,.pricelist .col-xs-3,.pricelist .col-md-2,.pricelist .col-md-5,.pricelist .col-md-10,.pricelist .col-md-7,.pricelist.col-md-8 { padding-left: 8px; padding-right: 8px;}.home-box .row.pricelist { margin-right: 0px; margin-left: 0px;}.pricelist .col-md-1 { padding-left: 3px; padding-right: 6px;}/*.child:nth-child(odd) {*//*คี่*/.child:nth-child(even) { /*คู่*/ background: #F4F4F6;}/*.pricelist .pd-15 { padding-left: 15px !important; padding-right: 5px !important; padding: 10px !important;}*/.w-86 { width: 86%;}.subbyg-height { min-height: 20px; max-height: 45px; overflow: hidden;}.pricelist-border { border-right: 1px solid #C40C1F;}.img-cover-pticelist { height: 77px; object-fit: contain;}.txt-pricelist { padding-left: 5px; display: flex; justify-content: space-between; align-items: center;}.fa-arrow-up { content: url("/images/icons/arrow.svg"); width:13px;}.fa-arrow-down { content: url("/images/icons/arrow-down.svg"); width:13px;}.ic-menu { content: url("/images/icons/menu.svg"); filter: invert(0); padding-top: 4px; padding-right: 10px;}.ic-search { content:url("/images/icons/ic-search.svg"); filter: invert(0); width: 20px;}.navbar-search-header .ic-search { content:url("/images/icons/ic-search.svg"); filter: none; width: 20px; margin-top: 5px; margin-right: 10px; font-size:15px;}.footer-phone,.footer-phone:hover { color:#ffffff;}@media (max-width: 767px) {.navbar-search-body {max-height: 90vh;overflow-y: auto;}.hidden-md { display:block; } .w-65{ width:100%; } .top-img { width: 108%; margin-left: -13px; } .btn-with-us { width: 300px; } .writer-box .pd-0 { padding-left:15px !important; padding-right:15px !important; } .writer-box { padding:0; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, auto); width: 100%; } .data_unit{ padding-left: 0px !important; } #photo_title { overflow: hidden; min-height: 50px; max-height: 52px; } .whatnew .mt-10 { margin-top:0px !important; } .navbar-menu .nav-item.with-sub .nav-link::after { content: "+"; position: relative; font-family: var(--icon-font); margin-left: 4px; font-weight: 500; left: 0px; top: 0px; font-size: 32px; transform: scaleX(1); transition: all 0.4s ease-in-out 0s; } .box-content img { width:109%; margin-left:-15px; } .content-body { overflow:hidden; } .avatar img { width: 100%; height: auto; object-fit: cover; } .box-content .gallery-icon,.content-cover .box-title{ padding-left:15px; padding-right:15px; } .secleft a.bg-kicker { color:#C40C1F !important; padding: 0 !important; background: transparent; } .border-b-red { border-bottom: 2px solid #C40C1F; } .item-a .bg-all-around,.item-m .bg-all-around{ margin-left: 10px !important; } .item-a .post-img,.item-m .post-img { margin-bottom:10px; } .box-formula, .relete-box-img, .feed-box-img,.formulaforum-box, .ads-other, .main, .secleft, .box-photo, .box-tv, .box-lhung, .box-news:first-child, .box-mototrcycle:first-child, .latest-test:first-child, .box-new-world:first-child, .box-newcar-in:first-child, .box-newcar-foreign:first-child { padding:0; } .relate-box-title, .box-photo-title, .secleft .content_kicker , .secleft .post-title, .box-tv-title, .box-lhung-title, .main .post-title, .latest-test:first-child .post-title, .box-mototrcycle:first-child .post-title, .box-new-world:first-child .post-title, .box-newcar-in:first-child .post-title, .box-newcar-foreign:first-child .post-title { padding-left:15px; padding-right:15px; } .box-header { position: relative; } .mySwiper-advert .swiper-slide { width: 100%; } .mySwiper-advert .swiper-slide:nth-child(2n) { width: 100%; } .mySwiper-advert .swiper-slide:nth-child(3n) { width: 100%; } .h-magazine { overflow: hidden; min-height: 45px; max-height: 45px; } .h-title-tv { overflow: hidden; min-height: 45px; max-height: 65px; } .widget-share { display: flex; flex-direction: column; } .align-self-stretch { text-align:center; } .h-around { overflow:hidden; min-height:60px; max-height:60px; } .card-events .media-body { height: 70px !important; } .sibling-blue { color:#C40C1F !important; } .dtdata_logo img { width: 100% !important; } .h-62 { height:unset; } .bg-all-around.pd-10 { padding:0px !important; } .bg-all-around { background-color: transparent; } body { overflow: hide; padding: 0; margin: 0; } .container { max-width: 100%; } .hidden-xs { display: none !important; } .visible-xs { display: block } .content-fixed { margin-top: 10px; } .navbar-header .navbar-right .search-link { margin-right: 0px !important; color: #000 !important; } .navbar-right.t { transform: translateY(-10px); right: 55px; } .navbar-search.visible { width: 100%; } .navbar-search { margin-left: 0; } .navbar-search-header { height: 67px; width: 100%; } .navbar-menu .nav-link:hover { color: #000000; } .navbar-menu-sub .nav-sub-link { color: #000000; white-space: nowrap; display: flex; align-items: center; transition: all 0.2s ease-in-out; } .cookie { display: list-item; margin-top: 10px; } .navbar-menu-sub .nav-sub-link:hover { color: #000000; text-decoration: underline; } .navbar-menu-header a:last-child { color: #ffffffba; } .navbar-header .navbar-brand { position: fixed; padding: 0px; top: 0; z-index: 999; left: 0; } .navbar-header .burger-menu { margin: 15px 10px; padding: 5px 0 5px 10px; color: #000; } .navbar-header .burger-menu { margin-left: auto; order: 2; } .navbar-header .burger-menu img { max-height: 65px; margin: 0; padding: 0; } .navbar-menu .nav-link { margin: 5px 10px 0px 15px !important; } .navbar-menu .nav-item { margin-left: 0 !important; padding: 0; margin-top: 10px; margin: 0; } .navbar-menu .nav-item + .nav-item { margin-left: 0 !important; padding: 0 !important; } .navbar-header .navbar-right { padding: 0; margin-left: 10px; bottom: 10px; position: absolute; } .navbar-menu-sub { position: relative; top: 0; left: 0; background-color: #000000; padding: 10px 30px; border: solid 0; margin-top: 5px; margin-left: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; min-width: 160px; } .container-follow img { margin: 10px 7px; max-width: 50px; display: inline; } .col-xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } ol, ul, dl { margin-bottom: 0rem; } p { margin-bottom: 10px; margin-top: 15px; } .content-cover { padding: 0; margin-right: 0 !important; margin-left: 0 !important; } .content-cover .row { padding-right: 0; padding-left: 0; } .content-cover .col-xs-12 { padding-right: 0; padding-left: 0; } .content-body,.content-list { padding: 0; margin-right: 0 !important; margin-left: 0 !important; } .content { padding: 0px; } .social-icons li { float: left; } .box-header { margin-top: -35px; } .box-header .related-box { font-size: 22px; display: block; } .box-header .related-box-sidebar { font-size: 22px; display: block; } .content-box.home-box { margin-top: -10px; } #totop { margin: 10px; right: 10px; } .widget-ads { margin-top: 15px; margin-bottom: 15px; } .pd-t-120 { padding-top: 10px; } .pd-t-95 { padding-top: 10px; } .carstuff-content { padding-right: 15px !important; padding-left: 15px !important; } .ml-15 { margin-left: 0px !important; } .mg-b-70 { margin-bottom: 25px; } .content_header { font-weight: normal !important; line-height: 1.2 !important; } .byg-responsive, .byg-responsive.mg-r-5 { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-right: 0; } .img-bodystyle { width: 50px; } ul.home-bodystyle li { height: 70px; } .navbar .container { background: #fff; height: 67px; position: fixed; right: 0; top: 0; z-index: 9999; } .content_title { font-family: "kanit"; font-size: 22px; line-height: 1.2; } .autoinfo-logo img { height: 67px !important; } footer hr { background: #C40C1F ; height: 1px; width: 100%; } .widget-ads img { width: 85% !important; display: block; margin: auto; } .feed .col-xs-5 { padding-right: 5px; } .content_caption { display: none; } .navbar-header .navbar-search.visible { position: fixed; right: 0px; top: 0px; z-index: 9999; } .hig-boxbyg { overflow: hidden; max-height: 100px; } .hig-boxbygl { overflow: hidden; max-height: 105px; } .tag { width: 100%; } .navbar-search-body ul { flex-direction: initial; } .navbar-search-body { margin-left: 0; } .navbar-search-body { padding: 15px 15px 20px; } .card-todo .card-progress .list-group-header { margin-left: 0px; margin-top: 10px; } .card-todo .card-progress { display: block; } .bg-siblingonwheels,.siblingonwheels { background-color: #000000; } .siblingonwheels .color-gray-subtitle, .siblingonwheels .color-black{ color:#ffffff !important; } .img-two-left { margin-left: 0 !important; } .sibling-box .post-box .post-title { margin-bottom: 0; } .sibling-logo { position: absolute; top: 20px; z-index: 999; } .post-title a h3 { font-size: 22px; } .ads-other { /*padding:0;*/ } .flex-start .bg-gray { background:#ffffff; } .min-max .col-xs-6:nth-child(odd) { padding-right:10px; } .min-max, .row.bg-title-jaidee{ margin-right: 0px; margin-left: 0px; } .bg-formula .container, .container-fluid.bg-all-around, .bg-all-around .col-md-4.col-xs-12, .siblingonwheels .col-md-5.col-xs-12, .jaidee-box .col-md-12.col-xs-12.col-lg-12, .jaidee-box .col-lg-6.col-md-12.col-xs-12, .bg-formula .col-md-10.col-xs-12, .tv-programs .col-md-10.col-xs-12, .tv-programs .col-md-12.col-xs-12{ padding:0px; } .container-fluid.bg-all-around { padding-top:0 !important; } .bg-all-around .post-title{ padding-left:15px; padding-right:15px; } .pricelist-border { border-right: none; } .txt-pricelist { display: block; margin: auto; } .post-box .post-title { margin-bottom: 20px; min-height: 0px; margin-top: 10px; } .border-b-gray:not(:last-child) { border-bottom: none !important; } .content_kicker.mt-20 { margin-top: 10px !important; } .bg-all-around .content_kicker.mt-20 { margin-top: 10px !important; padding-left: 15px; padding-right: 15px; } .content_kicker a { font-family: 'Kanit', sans-serif !important; font-size: 14px; color: #ffffff; padding: 3px 5px; } .swiper-button-prev:after, .swiper-button-next:after { margin-top: 0px; outline: 0 !important; } .automotive-news { margin-top:10px; } .content_title .box-heig { overflow: hidden; max-height: 40px; min-height: 40px; } .abox-heig { max-height: 339px; min-height: 10px; } .jaidee-box { z-index: 9; background-image: linear-gradient(to left bottom, #000106, #0e1528, #0f2248, #0d2f6a, #0d3c8d, #0d3c8d, #0d3c8d, #0d3c8d, #0d2f6a, #0f2248, #0e1528, #000106); } .jaidee-box .post-title a h3 { font-size: 22px; } .jaidee-box .post-box .post-title { margin-bottom: 0 !important; } .jaidee-box .post-box .post-title a h3 { line-height: 0.8 !important; font-weight: normal !important; } .what-r { overflow:hidden; min-height:70px; max-height:80px; } .what-l { overflow:hidden; min-height:50px; max-height:75px; } .h-title:first-child { overflow:hidden; min-height:30px; max-height:75px; } .h-title { overflow:hidden; min-height:40px; max-height:65px; } .h-title2 { overflow:hidden; min-height:66px; max-height:80px; } .what-b { overflow:hidden; min-height:66px; max-height:80px; } .h-last-test { overflow:hidden; min-height:40px; max-height:80px; } .h-newcar { overflow:hidden; min-height:40px; max-height:65px; } .h-magazine-txt { overflow: hidden; min-height: 70px; max-height: 70px; }}.fa-play-circle { color:#ffffffd6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50px;}.abox-heig { max-height: 334px; min-height: 334px;}.content_title .box-heig { overflow: hidden; max-height: 43px; min-height: 38px;}.p-relative { position: relative;}.p-absolute { position: absolute;}.border-b-gray:not(:last-child) { border-bottom: 1px solid #D9D9D9;}.w-40-px { width:40px;}.min-height-0 { min-height: 0px !important;}.datronSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px) !important; left: auto;}.datronSwiper .swiper-button-next, .datronSwiper .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 5px); left: auto;}.datronSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%;}.datronSwiper .swiper-button-next:after, .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%;}.photoSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px) !important; left: auto;}.photoSwiper .swiper-button-next, .photoSwiper .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 0px); left: auto;}.photoSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%;}.photoSwiper .swiper-button-next:after, .swiper-button-prev:after ,.swiper-button-next:after{ font-size: 22px !important; background-color: #D9D9D9; width: 30px; height: 30px; padding-left: 8px; padding-top: 5px; color: #000000; border-radius: 15%;}.card-todo .list-group-header { display: flex; flex-direction: column; align-items: flex-start;}.card-todo .list-group-header span + span { margin-left:0;}.card-todo .list-group-header span:nth-of-type(odd) { width: 80px; height: 5px;}.card-todo .list-group-header span:nth-of-type(even) { height: 1px;}.card-todo .list-group-header { margin-left: 20px; flex: 1;}.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px;}.swiper-pagination-bullets { bottom: 5px; left: 0; width: 100%;}.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: #C40C1F;}.gradient-siblingonwheels { position: absolute; width: 100%; height: 99%; z-index: 40; background: radial-gradient(circle, rgba(0,0,0,0.05646008403361347) 0%, rgba(0,0,0,1) 34.5%);}.bg-v { width: 100% !important; height: auto !important;}.jaidee-box a:hover { color: #ffffff;}.jaidee-color-blue { color: #68BAE9;}.rounded-circle { border-radius: 50% !important;}.border-radius-10 { border-radius: 10px;}.writer-box .rounded-circle { width:100px;}.h-around { overflow:hidden; min-height:20px; max-height:65px;}.bg-title-jaidee { background: #ffffff14 0% 0% no-repeat padding-box;}.carstuff_subscribe { position: absolute; right: 15px; top: 50px;}.carstuff_subscribe img { width: 120px;}.border-box-title { border-bottom: 1px solid #A0B0D8;}.video-popup { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.box-title h4 span { background: #8d8d8d; color: #fff; padding: 3px 7px;}.widget-share ul { list-style: none; padding: 0; margin-bottom: 30px;}.widget-share ul li { float: left; text-align: center; margin-left: 20px;}.widget-share { display:flex; align-items: center;}.related-box { padding: 5px 10px; background-color: #C40C1F; color: #fff;}.related-box-sidebar { display:block; width:100%; padding: 5px 10px; background-color: #C40C1F ; color: #fff;}.data_key ,.data_value{ padding-left: 15px;}.data_unit{ padding-left: 32px;}.lh-0-8 { line-height: 0.9;}.card-events .media-body.event-panel-green { border-left-color: #C40C1F ; position: absolute;}.card-events .media-body { padding: 0 5px; border-left: 2px solid transparent; height: 60px;}.avatar { position: relative; width: 100px; height: 100px;}.avatar-text { position: relative; width: 90px; height: 90px; background: #016DDA; color:#ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.avatar-text-list { position: relative; width: 30px; height: 30px; background: #016DDA; color:#ffffff; border-radius: 50%; margin-right:10px; display: inline-flex; justify-content: center; align-items: center;}.h-relate { overflow: hidden; min-height: 60px; max-height: 60px;}.relete .swiper-button-next,.relete .swiper-button-prev { top: var(--swiper-navigation-top-offset, 36%) !important;}.relete .swiper-button-next:after, .relete .swiper-rtl .swiper-button-prev:after { box-shadow: 0px 0px 3px 1px #000000;}.relete .swiper-button-prev:after,.relete .swiper-rtl .swiper-button-next:after { box-shadow: 0px 0px 3px 1px #000000;}.feed .content_date { display:inline-block;}.feed div.content_date { color:#C40C1F ;}.relete .content_title { overflow:hidden; min-height:30px; max-height:65px; font-size: clamp(18px, 2.5vw, 18px) !important;}.relete .content_date.pl-10 { padding-left:0px !important;}.mg-auto { margin: auto;}.navbar-menu-wrapper > ul > li.show-content { position: inherit !important;}.navbar-menu-wrapper > ul > li ul > li { position:relative;}.img-creator { width:30px; margin-right:20px; object-fit: contain;}#totop { cursor:pointer;}.nav-item a.nav-sub-link,.nav-item a.nav-sub-link:hover { color:#ffffff;}.content-body a { color:#C40C1F;}.follow-img-sibling { z-index: 99; position: absolute; left: 0; transform: translate(70%, 20%); top: 125px;}.follow-txt-sibling { z-index: 99; position: absolute; right :0; transform: translate(-80%, 20%); bottom: 80px;}.btn-more,.btn-more-price-list { color:#ffffff; background:#9A1914;}.h-nav { overflow: hidden; min-height: 40px; max-height: 70px; line-height: 1.4;}.btn-loadmore, .btn-loadmore:hover { color: #fff; margin-right: 4px; padding: 5px 20px; background-color: #000000; border: none; z-index: 9;}.mySwipercontent .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}.title-nav-search { top: 50%; transform: translateY(-50%); right:0; left:0;}.opacity-overflow { position: absolute; background: #00000063; overflow: hidden; width: 100%; bottom: 0; height: 100%; border-radius: 10px;}.opacity-overflow-m{ position: absolute; background: #00000063; overflow: hidden; width: 99.4%; bottom: 0; height: 100%; border-radius: 10px;}.box-img-social { text-align: center; border: 1px solid #A7A7A7; border-radius: 10px;}.txt-name-website { position: absolute; left: 0; right: 0; top: 10px; z-index: -1;}.border-b-1{border-bottom: 1px solid #000000;}.img-logo-footer { border-radius: 5px; width: 50px; margin-right: 20px;}.w-60 { width: 60px;}.btn-with-us,.btn-with-us:hover { background: #000000; color: #ffffff; text-align: center; width: 330px; padding: 10px 20px;}.about .bi-facebook { color: #ffffff;}.img-ic-social { height: 40px; object-fit: cover;}.img-about { position: absolute; top: -15px; right: 0;width: 471px;}.lg-outer * { border:none;}.jaidee-box { z-index: 9; background-image: linear-gradient(to left bottom, #000106, #0e1528, #0f2248, #0d2f6a, #0d3c8d, #0d3c8d, #0d3c8d, #0d3c8d, #0d2f6a, #0f2248, #0e1528, #000106);}.btn-more { background-color: #5A9FFC; color: #ffffff; padding: 6px 15px; } .btn-more span { position: relative; } .btn-more:hover { color: #ffffff; } .img-lhung-jaidee {width:180px; } .h-around-kicker { overflow: hidden; min-height: 25px; max-height: 40px; } .navbar-search-body ul { flex-direction: row } .videoWrapper {position: relative;padding-bottom: 56.25%;height: 0}.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}.fb-video {width: 100%}.truehits img { width: 10px; height: 13px;}.box-content table {width:100%;}.box-content table td {text-align:center;}/*.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); // สีดำแบบโปร่งใส display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s;}*/.lg-outer { background-color: #000;}.box-content ul {list-style-type: disc;}.mySwiper-ads .swiper-pagination-bullet-active {width: 30px;height: 10px;background: #9a1914;border-radius: 6px;}.mySwiper-ads .swiper-horizontal>.swiper-pagination-bullets,.mySwiper-ads .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper-ads .swiper-pagination-custom,.mySwiper-ads .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 0px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%;}.highlight-txt {background-color: #FFF9C5; border-radius: 10px; padding: 30px; font-weight: 600;}.scroll-to-bottom {position: absolute;bottom: 10px;right: 10px;background: #9f9e9e;color: white;border: none;border-radius: 50%;width: 30px;height: 30px;font-size: 15px;cursor: pointer;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);display: block;z-index: 10;}.scroll-to-bottom:hover {background: #9f9e9e;border:none;}.fontb-16 {font-size:16px;font-weight:bold;}.box-tv {z-index:99;}.box-content .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, -4px);}img { max-width: 100%; height: auto;}/*cookie banner*/.cookie-container { letter-spacing: 0.5px; background: #211f20c4; color: #f5f6fa; padding: 10px 10px; box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39); z-index: 9999; transition: 400ms;position: fixed; width: 100%;bottom: 0;}.cookie-container.active { top: 0;}.cookie-container a:hover {color: #FF0002;}.cookie-btn { background: #fff; border: 0; color: #000; padding: 6px 16px; font-size: 15px; margin-bottom: 0px; border-radius: 5px; font-weight: 600; font-family: 'Kanit', sans-serif !important;letter-spacing: 0.5px;margin-left: 10px;}/* end */