﻿@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;500&family=Sarabun&display=swap");@font-face{font-family:Icons;src:url(/asset/css/assets/fonts/icons.eot?);src:url(/asset/css/assets/fonts/icons.eot?#iefix) format("embedded-opentype"),url(/asset/css/assets/fonts/icons.woff2) format("woff2"),url(/asset/css/assets/fonts/icons.woff) format("woff"),url(/asset/css/assets/fonts/icons.ttf) format("truetype"),url(/asset/css/assets/fonts/icons.svg#icons) format("svg");font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none;}i.icon:before{background:0 0 !important;}i.icon{display:inline-block;opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;}i.icon:before{background:0 0 !important;}i.icon,i.icons{font-size:1em;}i.icon.chevron.circle.left:before{content:"";}i.icon.chevron.left:before{content:"";}i.icon.circle:before{content:"";}i.icon.angle.down:before{content:"";}i.icon.circle.notch{animation:fa-spin 2s infinite linear;}i.icon.circle.notch:before{content:"";}i.icon.times.circle:before{content:"";}i.icon.caret.up:before{content:"";}i.icon.caret.down:before{content:"";}i.icon.times:before{content:"";}i.icon.linechat:before{content:"";}i.icon.facebook:before{content:"";}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}.head-area{background-color:#fff;padding:6px 6px;display:flex;flex-direction:row;justify-content:space-between;margin-top:3px;}.head-area>div{display:flex;flex-direction:column;justify-content:center;}.head-area .logo{max-width:150px;padding:9px 9px;}.head-area .logo>img{max-width:100%;}.head-area .car-detail h2{font-size:16px;}.head-area .car-detail h2,.head-area .car-detail p{margin:0;}.btn{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);margin:0 .25em 0 0;padding:9px 16px;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;will-change:'';-webkit-tap-highlight-color:transparent;font-family:"Mitr",sans-serif;font-weight:normal;font-size:16px;}.btn.-full{display:block;width:100%;}.btn.-radius{border-radius:20px;}.btn.-radius-head{border-radius:50px;}.btn.-red{background-color:#f55753;color:#fff;}.btn.-blue{background-color:#3b5998;color:#fff;}.btn.-green{background-color:#0c0;color:#fff;border:1px solid #090;}.btn.-Line{background-color:#00c300;color:#fff;border:1px solid #00c300;}.content-area{background:#0c0;background:linear-gradient(180deg,#0c0 0%,#efefef 60%);font-family:"Mitr",sans-serif;}.company{margin-bottom:9px;background-color:#fff;border-radius:6px;}.company .company-head{padding:6px;display:flex;justify-content:space-between;}.company .company-head .company-info{display:flex;flex-direction:row;align-items:center;}.company .company-head .company-info img{width:50px;height:50px;border-radius:100px;}.company .company-head .company-info .name{margin-left:16px;font-size:16px;}.company .company-head .collapse{display:flex;align-items:center;font-size:29px;}.company .package{border-top:.5px solid #e6e9ee;display:none;}.company .package .package-info{display:flex;flex-direction:row;justify-content:space-between;color:#626262;padding:9px 0 0;}.company .package .package-info .checkbox{padding:16px 9px 0 16px;}.company .package .package-info .detail{flex:1;}.company .package .package-info .detail h3{font-size:14px;font-weight:300;margin-top:6px;margin-bottom:6px;letter-spacing:-.3px;line-height:1.4;}.company .package .package-info .detail h3 span{font-weight:500;}.company .package .package-info .price-info{text-align:right;padding-right:9px;font-weight:200;line-height:1.3;}.company .package .package-info .price-info span{display:block;}.company .package .package-info .price-info .discount{text-decoration:line-through;font-weight:300;}.company .package .package-info .price-info .price{color:#f55753;font-size:19px;font-weight:500;}.company .package .package-info .price-info .installment{color:#f55753;font-weight:300;}.company .package .btn-group{display:flex;flex-direction:row;justify-content:flex-end;padding:0 9px 12px;}.company .package .btn-group .btn{border-radius:20px;width:40%;}.company .package .btn-group .btn.see-more{border:1px solid #d0d2d3;background-color:#fff;}.company .package .btn-group .btn.buy{background-color:#f55753;color:#fff;}.company.active .package{display:block;}.package-detail{display:none;}.package-detail.active{display:block;}.package-detail .head{background-color:#f6f7fb;padding:9px 19px;color:#969696;font-size:16px;}.package-detail .content{color:#b0b0b0;padding:0 19px 19px;}.package-detail .content h4{font-size:16px;color:#969696;}.package-detail .content h4,.package-detail .content p{font-weight:300;margin-top:0;margin-bottom:0;}.package-detail .content a{color:#f55753;text-decoration:underline;}.package-detail .content .box{border:1.5px solid #e6e9ee;border-radius:6px;padding:6px;margin-top:6px;}.package-detail .content .box h5{font-size:14px;margin-top:0;margin-bottom:0;font-weight:400;}.package-detail .content .box span.topic{text-indent:0;font-weight:300;}.package-detail .content .box span{font-weight:200;display:block;text-indent:1.3em;}.package-detail .content .btn{margin-top:16px;}@media(min-width:768px){.default-mode .content-area .e-container{display:flex;flex-direction:row-reverse;justify-content:space-between;}.default-mode .content-area .e-container .filter-area{flex:30%;padding:9px;}.default-mode .content-area .e-container .packagelist-area{flex:70%;padding:9px;}}.default-mode .content-area .e-container .packagelist-area>.head{color:#fff !important;}.default-mode .content-area .e-container .packagelist-area .head{display:flex;justify-content:space-between;margin-bottom:9px;}.default-mode .content-area .e-container .packagelist-area .head .order-ber{display:flex;flex-direction:row;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon{display:flex;flex-direction:column;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon i.icon{height:.5em;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon i.caret.up.icon{color:#ccc;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon i.caret.down.icon{color:#fff;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon.desc i.caret.up.icon{color:#fff !important;}.default-mode .content-area .e-container .packagelist-area .head .order-ber .sort-icon.desc i.caret.down.icon{color:#ccc !important;}.filter-box{margin-bottom:16px;}.filter-box .head{background-color:#0c0;padding:6px 16px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;font-size:23px;font-weight:300;border:2px solid #090;border-radius:20px 20px 20px 20px;}.filter-box .head .collapse{display:flex;align-items:center;font-size:29px;}.filter-box .content{background-color:#fff;padding:16px;border-left:2px solid #e5e6e7;border-right:2px solid #e5e6e7;border-bottom:2px solid #e5e6e7;border-radius:0 0 20px 20px;display:none;}.filter-box .content .row{padding-top:9px;}.filter-box .content .row .topic{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:16px;}.filter-box .content .row .topic a{color:#0c0;text-decoration:underline;cursor:pointer;}.filter-box .foot{padding:6px 0 9px;border-bottom:2px solid #ccd0d994;text-align:right;}.filter-box .foot .btn{background-color:#0c0;color:#fff;padding:9px 29px;border-radius:20px;border:2px solid #090;}.filter-box .foot:last-child{border-bottom:none;}.filter-box .filter-group ul{list-style:none;padding-left:0;}.filter-box .filter-group>.chexkbox_filter{display:flex;flex-direction:row;justify-content:flex-end;}.filter-box .filter-group>.chexkbox_filter.horizontal li{display:inline-block;}.filter-box .filter-group>.chexkbox_filter.horizontal li:not(:last-child){margin-right:9px;}.filter-box .filter-group>.chexkbox_filter input[type=checkbox]+label{border-radius:10px;vertical-align:middle;text-align:center;padding:2px 15px 4px 15px;min-width:150px;background-color:#0c0;border:solid 2px #029a02;color:#fff;}.filter-box .filter-group>.chexkbox_filter input[type=checkbox]:checked+label{border:solid 2px #0c0;background-color:#fff;color:#0c0;}.filter-box .filter-group>.radio_filter{display:flex;flex-direction:row;justify-content:flex-start;}.filter-box .filter-group>.radio_filter input[type=radio]{display:none;}.filter-box .filter-group>.radio_filter.horizontal input[type=radio]+label{min-width:inherit;width:auto;height:34px;margin-right:9px;}.filter-box .filter-group>.radio_filter input[type=radio]+label{border-radius:10px;vertical-align:middle;text-align:center;padding:2px 10px 4px 10px;min-width:150px;background-color:#e6e9ee;border:solid 2px #aab2bd;color:#aab2bd;}.filter-box .filter-group>.radio_filter input[type=radio]:checked+label{border:solid 2px #0c0;background-color:#fff;color:#0c0;}.filter-box .filter-group>.checkbox>label{display:block;padding-bottom:6px;}.filter-box #slider{margin-top:26px;}.filter-box.active .head{border-radius:20px 20px 0 0;}.filter-box.active .content{display:block;}.compare-mode{position:fixed;top:0;left:0;width:-webkit-fill-available;height:100vh;overflow-y:scroll;background-color:#fff;z-index:1;}.back-icon{font-size:26px;padding-left:9px;}.compare-mode .content-area{padding:6px;}.compare-mode .content-area .e-container{padding-left:9px;padding-right:9px;}.compare-mode .popup-btn-buy-fix{position:fixed;bottom:0;left:0;width:-webkit-fill-available;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:-1px -4px 6px 0 rgba(34,36,38,.25),1px 0 0 1px #d4d4d5;display:none;}.compare-mode .popup-btn-buy-fix .e-container{display:flex;padding-bottom:9px;}.compare-mode .popup-btn-buy-fix .e-container button{flex:1;border-radius:20px;}@media(min-width:768px){.compare-mode .popup-btn-buy-fix{display:none;}}@media(min-width:768px){.compare-area{display:flex;flex-direction:row;}.compare-area .topic{flex:25%;display:flex;}.compare-area .content{flex:75%;}}.compare-box{background-color:#fff;border-radius:6px;margin-bottom:9px;}.compare-box:not(:first-child) .content{display:none;}.compare-box.active .content{display:flex;}.compare-box .head{text-align:center;border-bottom:1px solid #e6e9ee;padding:16px 16px;}.compare-box .head span{color:#f55753;font-weight:bold;}.compare-box .head i{float:right;font-size:29px;}.compare-box .content{display:flex;flex-direction:row;justify-content:space-evenly;padding:6px;}.compare-box .content .item{flex:1;border:1px solid #e6e9ee;padding:16px 6px 6px;border-radius:4px;margin:4px;display:flex;flex-direction:column;align-content:stretch;}.compare-box .content .item .company-info{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;}@media(min-width:768px){.compare-box .content .item .company-info{min-height:110px;}}.compare-box .content .item .company-info>div{display:flex;flex-direction:column;justify-content:center;height:100%;}.compare-box .content .item .company-info h3{margin-bottom:6px;}.compare-box .content .item .company-info img{border-radius:100px;width:45px;height:45px;}.compare-box .content .item .package-info{text-align:center;display:flex;flex-direction:column;align-content:stretch;justify-content:space-evenly;height:100%;text-align:center;}.compare-box .content .item .package-info span{display:block;font-size:11px;font-weight:400;}@media(min-width:768px){.compare-box .content .item .package-info span{display:none;}}.compare-box .content .item .package-info .row{align-content:stretch;padding:6px 0;}.compare-box .content .item .package-info .row:not(:last-child){border-bottom:1px solid #e6e9ee;}.compare-box .content .item.-toppic{display:none;max-width:20%;}@media(min-width:768px){.compare-box .content .item.-toppic{display:flex;}}.compare-box .content .item.-toppic .company-info h3{margin-top:9px;}.compare-box .content .item.-toppic .company-info img{border-radius:0;width:45px;height:45px;}.compare-box .content .item:not(:first-child) .company-info>div{font-size:16.38px;max-width:140px;white-space:nowrap;display:block;height:26px;overflow:hidden;text-overflow:ellipsis;}@media(min-width:768px){.compare-box .content .item:not(:first-child) .company-info>div{display:flex;justify-content:center;white-space:inherit;height:100%;}}.compare-box .content .item:not(:first-child) .package-info{color:#6d6e71;text-align:center;}.compare-box .content .item:not(:first-child) .package-info span{color:#969696;}@media(min-width:768px){.compare-box .item .package-info{height:inherit !important;}.compare-box .item .package-info .row{display:flex;flex-direction:column;justify-content:center;}.compare-box:not(:first-child) .item{padding:6px 6px 6px;}.compare-box:nth-child(2) .item .package-info .row:nth-child(1){height:70px;}.compare-box:nth-child(2) .item .package-info .row:nth-child(2){height:44px;}.compare-box:nth-child(3) .item .package-info .row:nth-child(3){height:60px;}.compare-box:nth-child(4) .item .package-info .row:nth-child(1){height:60px;}}.compare-bar{background-color:#fff;position:fixed;bottom:0;left:0;padding:26px;width:-webkit-fill-available;z-index:5;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:-1px -4px 6px 0 rgba(34,36,38,.25),1px 0 0 1px #d4d4d5;}@media(max-width:768px){.compare-bar{padding:0;}}.compare-bar .e-container{display:flex;flex-direction:row;justify-content:space-around;}.compare-bar .package-compare{flex-basis:80%;display:flex;flex-direction:row;justify-content:space-evenly;}@media(max-width:768px){.compare-bar .package-compare{display:none;}}.compare-bar .package-compare .item{position:relative;flex-basis:20%;border:1px solid #ccc;border-radius:20px;display:flex;}.compare-bar .package-compare .item .logo{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:6px;}.compare-bar .package-compare .item .logo img{width:40px;height:40px;border-radius:100px;}.compare-bar .package-compare .item .logo .package-class{display:block;background-color:#f55753;padding:1px 2px;width:20px;height:20px;position:absolute;border-radius:100px;color:#fff;text-shadow:1px 0 1px #000;top:1px;right:-5px;}.compare-bar .package-compare .item .detail{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:6px;}.compare-bar .package-compare .item .close{position:absolute;top:-8px;right:-12px;color:#000;font-size:23px;}.compare-bar .tool-compare{text-align:center;}.compare-bar .tool-compare .btn{margin-bottom:6px;background-color:#0c0;border:2px solid #090;color:#fff;border-radius:20px;}@media(max-width:768px){.compare-bar .tool-compare .btn{padding:9px 23px;}}.compare-bar .tool-compare .btn span{padding:0;border-radius:100px;background-color:#090;line-height:1.2;width:20px;height:20px;display:inline-block;}.compare-bar .tool-compare a{text-decoration:underline;}.Not_found{margin-bottom:9px;background-color:#fff;border-radius:6px;padding:6px;display:flex;justify-content:stretch;}.Not_found>div{width:100%;text-align:center;}.hide{display:none;}.hide-xs{display:none !important;}@media(min-width:768px){.hide-xs{display:flex !important;}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;}.popup{background-color:rgba(34,36,38,.52);backdrop-filter:blur(3px);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;}.popup .popup-area{background-color:#fff;padding:16px;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;transition:box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;border-radius:.28571429rem;text-align:center;position:relative;min-width:320px;}.popup .popup-area .times{position:absolute;top:9px;right:3px;}.popup .form-group{margin-bottom:9px;}.popup .form-group label{display:block;margin-bottom:6px;}.popup .form-group .form-control{width:-webkit-fill-available;margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:"Mitr",sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none;text-align:center;}.popup .form-group input[type=checkbox]{display:initial;}input[type=text]:disabled{pointer-events:none;background:#ddd !important;}#loadPanal_masterpage{display:none;}.lab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}@font-face{font-family:'Line Awesome Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("/asset/line-awesome/fonts/la-brands-400.eot?");src:url("/asset/line-awesome/fonts/la-brands-400.eot?#iefix") format("embedded-opentype"),url("/asset/line-awesome/fonts/la-brands-400.woff2") format("woff2"),url("/asset/line-awesome/fonts/la-brands-400.woff") format("woff"),url("/asset/line-awesome/fonts/la-brands-400.ttf") format("truetype"),url("/asset/line-awesome/fonts/la-brands-400.svg#lineawesome") format("svg");}.lab{font-family:'Line Awesome Brands';}.la-line{font-size:1em;}.la-line:before{content:"";}