@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600&display=swap";.button,.button-tabien-list,.button-1{padding:3px 25px;border:none;background:#fff;color:#fff;cursor:pointer}.button-1{background:#ffd200}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:20px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group a{display:block;padding:5px 20px;color:#fff;background:#121212;-webkit-transition:all 100ms;transition:all 100ms;min-width:150px;text-align:center}.button-group a:hover{background:#ffd200;color:#000}.button-tabien-list{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:300px;max-width:100%;padding:5px 40px 5px 20px;font-weight:200;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #000;border-radius:10px;color:#000;position:relative}.button-tabien-list:after{content:"";display:block;position:absolute;background:none;border:6px solid rgba(0,0,0,0);border-top-color:#121212;right:10px;top:40%}input{border:none;background:none}.select-box{background:#fff;border-radius:15px;position:relative;height:40px;position:relative;cursor:pointer;text-align:left}.select-box .fake-text{display:block;width:100%;height:100%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:200;cursor:pointer;border:1px solid #000;border-radius:inherit}.select-box .fake-text::-webkit-input-placeholder{color:#777}.select-box .fake-text::-moz-placeholder{color:#777}.select-box .fake-text:-ms-input-placeholder{color:#777}.select-box .fake-text::-ms-input-placeholder{color:#777}.select-box .fake-text::placeholder{color:#777}.select-box:after{content:"";display:block;border:6px solid rgba(0,0,0,0);border-top-color:#ffd200;position:absolute;top:45%;right:15px}.select-box.input:after{display:none}.select-box .select-list{position:absolute;top:45px;left:0;background:#fff;padding:10px 0;z-index:11;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;border-radius:15px;display:none;border:1px solid #e2e2e2;height:400px;overflow:hidden scroll;max-height:60vh;z-index:191}.select-box .select-list li{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 15px;cursor:pointer}.select-box .select-list li:nth-child(even){background:#f4f4f4}footer{background:#121212;background-size:cover;padding:100px 0 50px 0}footer .footer-left{width:30%}footer .footer-left .logo-foot{width:200px;display:block}footer .footer-left .logo-foot img{display:block;width:100%}footer *{color:#fff}footer .d-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer h3{font-weight:400;font-size:20px;margin:0 0 20px}footer .menu-foot{display:-webkit-box;display:-ms-flexbox;display:flex;gap:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}footer .menu-foot ul li{list-style:none;margin:0 0 15px}footer .menu-foot ul li a{color:#fff}footer .social-foot nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;vertical-align:middle;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:10px}footer .social-foot nav img{height:33px;width:auto}.copyright{text-align:center;width:800px;max-width:100%;margin:30px auto 0;padding:30px 0 0;border-top:1px solid rgba(255,255,255,.6)}.tabien-header{color:#00ffd2;padding:30px 0;position:sticky;top:90px;left:0;z-index:11;background:#121212}.tabien-header .d-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tabien-menu{position:fixed;right:-100%;top:0;bottom:0;background:#444;border-left:5px solid #121212;width:300px;max-width:90%;z-index:202;height:100vh;overflow-y:scroll;overflow-x:hidden;font-size:1.15rem;-webkit-transition:all 300ms;transition:all 300ms}.tabien-menu.show{right:0}.tabien-menu ul{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px 0}.tabien-menu li{list-style:none}.tabien-menu li a{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.1)}.tabien-menu li a:before{content:"";background:#00ffd2;width:7px;height:7px;border-radius:50%;display:block;margin-top:2px}.tabien-menu li a:hover{background:#121212;color:#fff}.tabien-menu li a:hover:before{border:1px solid #fff}.tabien-zone{padding:0px 0}.tabien-zone .tabien-box{padding:50px 0}.tabien-zone .tabien-box.bg-1{background:#444}.tabien-zone .tabien-box .tabien-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 20px;color:#fff}.tabien-zone .tabien-box .tabien-head h3{font-size:24px}.tabien-zone .tabien-box .tabien-head h3:before{content:"";background:url("../images/icon-star.svg") no-repeat center/cover;width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 10px 5px 0}.tabien-zone .tabien-box .tabien-list{display:grid;grid-template-columns:repeat(6, 1fr);gap:30px 15px}.tabien-zone .tabien-box .tabien-list li{width:100%;line-height:1.2;position:relative;overflow:hidden}.tabien-zone .tabien-box .tabien-list li .tabien-thumb{width:100%;position:relative}.tabien-zone .tabien-box .tabien-list li .tabien-thumb a,.tabien-zone .tabien-box .tabien-list li .tabien-thumb img{width:100%;height:auto;display:block}.tabien-zone .tabien-box .tabien-list li .tabien-thumb img.new-label{position:absolute;width:40px;height:auto;top:0;left:0}.tabien-zone .tabien-box .tabien-list li .tabien-thumb .tabien-number{position:absolute;width:100%;top:34%;left:0;text-align:center;color:#000;font-size:24px;font-weight:bold}.tabien-zone .tabien-box .tabien-list li .tabien-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:7px 5px 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.tabien-zone .tabien-box .tabien-list li .tabien-bottom img.special-icon{position:absolute;width:20px;top:5px;right:5px;z-index:1}.tabien-zone .tabien-box .tabien-list li .tabien-bottom .tabien-price{width:50%}.tabien-zone .tabien-box .tabien-list li .tabien-bottom .tabien-sum{width:50%;text-align:right}.tabien-zone .tabien-box .tabien-list li .tabien-bottom .btn-main{display:block;width:100%;border:1px solid #00ffd2;color:#fff;text-align:center;padding:4px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0}.box-content{padding:198px 0 30px 0;width:100%;color:#fff;min-height:45vh}.box-content .button-group a{background:#444}.search-noheader .search-form{padding:20px 0;background:#ffd200}.search-noheader .search-form h2{margin:0 0 20px;line-height:1;font-size:26px}.search-noheader .search-form form{display:block}.search-noheader .search-form form .lg-select,.search-noheader .search-form form .md-select,.search-noheader .search-form form .xs-select{margin-bottom:10px;display:block;width:100%}.search-noheader .search-form form .button-1{background:#121212;width:100%;padding:10px 0}.tabien-detail table{width:90%}.tabien-detail table td{width:50%;font-size:20px;padding:15px 20px}.tabien-detail table tr:nth-child(even) td{background:#222}.detail-contact{background:#ffd200;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.detail-contact a{color:#000}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font:300 16px/1.5 "Kanit",Sans sarif;background:#121212;color:#000;letter-spacing:1px}ul{margin:0;padding:0}img{display:block;max-width:100%;height:auto}a{color:#d9726d;text-decoration:none}a:hover{text-decoration:none;color:#121212}.container{width:1170px;max-width:100%}header{width:100%;background:#000;position:absolute;top:0;left:0;width:100%;z-index:201}header .close-menu{display:none}header .menu-top{font-size:18px;width:100%;padding:0;height:90px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:2}header .menu-top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:60px;position:fixed;height:90px;padding:30px 0;left:0;top:0;width:100%;background:#000}header .menu-top ul li{list-style:none}header .menu-top ul li a{color:#fff}header .menu-top ul li a img,header .menu-top ul li a span{display:inline-block;vertical-align:middle}header .menu-top ul li a img{margin-right:5px;width:15px}header .logo{width:250px;display:block;margin:10px auto 0px auto;/*position:relative*/;z-index:1}header .logo img{width:100%;display:block}header .logo:after{content:"";background:#ffd200;width:1.5px;height:40px;position:absolute;right:97px;bottom:-36px;display:block}header .menu-icon{display:none}.banner-top .li{position:relative}.banner-top .banner-text{position:absolute;top:20%;width:28%;left:7%}.banner-top .banner-text img{width:100%}.slogan{background:#ffd200}.slogan .d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.slogan .d-flex .img{width:75%;display:-webkit-box;display:-ms-flexbox;display:flex}.slogan .d-flex .img img{height:auto;width:33%}.slogan .d-flex .text{display:-webkit-box;display:-ms-flexbox;display:flex;width:25%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 5vw;-webkit-box-sizing:border-box;box-sizing:border-box}.slogan .d-flex .text .text-h{font-size:40px;font-weight:500;line-height:1.2;margin:0 0 15px}.search-form{background:#262418;padding:50px 0 60px;text-align:center}.search-form h2{margin:0 0 15px;color:#fff;font-size:28px;text-align:left}.search-form form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.search-form .button-1{border-radius:10px;color:#fff}.shadow{top:0;left:0;width:100vw;height:100vh;position:fixed;z-index:190;display:none}.shadow.shadow-w{background:rgba(255,255,255,0)}@media only screen and (max-width: 767px){.close-menu{position:fixed;z-index:101;top:15px;right:20px;display:none}.close-menu svg{fill:red;width:30px;height:30px;display:block}header{position:static;background:#121212}header .menu-top{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;width:100%;text-align:center;z-index:100;left:0;top:0;height:100vh;overflow-y:scroll;background:rgba(0,0,0,.9)}header .menu-top.show{display:-webkit-box;display:-ms-flexbox;display:flex}header .menu-top.show .close-menu{display:block}header .menu-top ul{display:block;position:static;background:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}header .menu-top ul li{width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}header .menu-top ul li a{padding:20px 0;display:block;border:1px solid rgba(255,255,255,.4)}header .menu-icon{display:block;position:fixed;top:10px;right:15px;z-index:99;background:#00ffd2;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}header .menu-icon svg{fill:#000;width:30px;height:30px;display:block}header .d-flex .logo{width:100px}header .d-flex .menu-top{background:#444;position:fixed;height:100vh;overflow-y:scroll;overflow-x:hidden;width:300px;top:0;right:-100%;z-index:11;-webkit-transition:all 300ms;transition:all 300ms;border-left:5px solid #121212;display:block}header .d-flex .menu-top.show{right:0}header .d-flex .menu-top ul{display:block}header .d-flex .menu-top ul li a{color:#fff;padding:15px 15px;font-size:1.15rem;border-bottom:1px solid rgba(255,255,255,.3);display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .d-flex .menu-top ul li a:before{content:"";background:#121212;width:7px;height:7px;border-radius:50%;display:block;margin-top:2px}header .d-flex .menu-top ul li:last-child{margin-left:0}.slogan .d-flex{-ms-flex-wrap:wrap;flex-wrap:wrap}.slogan .d-flex .img,.slogan .d-flex .text{width:100%}.slogan .d-flex .text{padding:30px}.slogan .d-flex .text br{display:none}.tabien-header{top:2px;padding:10px 0;background:none}.tabien-header h2{display:none}.tabien-header .button-tabien-list{width:70vw}.banner-contact .container{display:block}.banner-contact .container .contact-col{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner-contact .container .contact-tel{margin:15px 0}.search-form{padding:30px 0}.search-form h1{font-size:26px;margin:10px 0 20px}.search-form form{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.search-form form .select-box{width:48%;-webkit-box-sizing:border-box;box-sizing:border-box}.search-form form .button-1{width:48%}.tabien-zone .tabien-box{margin-top:20px}.tabien-zone .tabien-box .tabien-head{-ms-flex-wrap:wrap;flex-wrap:wrap}.tabien-zone .tabien-box .tabien-head h3{width:100%}.tabien-zone .tabien-box .tabien-head .button-tabien-list{width:100%}.tabien-zone .tabien-box .tabien-list{grid-template-columns:repeat(3, 1fr);gap:15px 7px}.tabien-zone .tabien-box .tabien-list li .tabien-thumb .tabien-number{font-size:18px}.tabien-zone .tabien-box .tabien-list li .tabien-price{font-size:20px}.tabien-zone .tabien-box .tabien-list li .tabien-sum{font-size:14px}.tabien-zone .tabien-box .tabien-list li .tabien-bottom{display:block}.tabien-zone .tabien-box .tabien-list li .tabien-bottom .tabien-price,.tabien-zone .tabien-box .tabien-list li .tabien-bottom .tabien-sum{width:100%;text-align:center}footer{padding:30px 0;text-align:center}footer .footer-left{width:100%;padding-bottom:30px}footer .logo-foot{margin:auto}footer .d-flex{-ms-flex-wrap:wrap;flex-wrap:wrap}footer .d-flex .menu-foot{width:100%;display:block}footer .d-flex .menu-foot ul{padding:15px 0;border-top:1px solid rgba(255,255,255,.3)}footer .social-foot{border-top:1px solid rgba(255,255,255,.3);padding:15px 0 0;text-align:center;width:100%}footer .social-foot nav{padding:0 5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .social-foot nav img{height:20px}.box-content{padding-top:50px}}