body{color:#fff;font-size:16px;font-family:"Prompt", sans-serif}.pointer{cursor:pointer}.img-w-100{width:100%}.center{text-align:center}.right{text-align:right}.middle{display:-ms-grid;display:grid;place-items:center}.p-0{padding:0}.px-7{padding:0 7px}.mb-30{margin-bottom:30px}.modal .modal-content{border-radius:0}.modal .modal-content .modal-header{border:0;border-radius:0;background-color:#171306}.modal .modal-content .modal-header .titleTH{color:#937605;font-size:16px;line-height:1.2}.modal .modal-content .modal-header .titleEN{color:#fff;font-size:18px;line-height:1.2;text-transform:uppercase}.modal .modal-content .modal-header button{outline:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;opacity:1;line-height:inherit}.modal .modal-content .modal-body{background-image:url("../images/popupBG.jpg");background-position:right;background-size:cover}.modal .modal-content .modal-body .line{height:1px;background-color:#6b5d26;margin:30px 0}.modal .modal-content .modal-body .detail{line-height:1.4}.modal .modal-footer{border:0;border-radius:0;background-color:#171306}.modal .modal-footer button{outline:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;opacity:1;line-height:inherit}#detailsModal .modal-content .modal-body{padding:80px}#detailsModal .modal-content .modal-body .tabien{width:100%;position:relative;text-align:center;margin-bottom:30px}#detailsModal .modal-content .modal-body .tabien img{width:100%}#detailsModal .modal-content .modal-body .tabien .tabienNumber{text-align:center;position:absolute;color:#000;font-weight:bold;width:100%;top:calc((200px - 126px) / 2)}#detailsModal .modal-content .modal-body .tabien .tabienNumber .number{font-size:50px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .text{font-size:50px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .price{color:#f00;font-size:36px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .province{font-size:50px}#detailsModal .modal-content .modal-body .ask{font-size:18px}#detailsModal .modal-content .modal-body .respond{font-size:18px;color:#937605;text-align:right}#detailsModal .modal-content .modal-body .qrcode{text-align:center}#detailsModal .modal-content .modal-body .qrcode img{border-radius:15px}#detailsModal .modal-content .modal-body .line{height:1px;background-color:#6b5d26;margin:30px 0}#detailsModal .modal-content .modal-body .slide{padding:0 50px}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber{top:calc((143px - 90px) / 2)}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .number,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .text,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .price,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .province{font-size:20px}#detailsModal .modal-content .modal-body .slide .swiper-slide a{cursor:pointer}#detailsModal .modal-content .modal-body .slide .swiper-pagination{width:100%;bottom:0}#detailsModal .modal-content .modal-body .slide .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#fff;opacity:1}#detailsModal .modal-content .modal-body .slide .swiper-pagination .swiper-pagination-bullet-active{background:#6b5d26}#detailsModal .modal-content .modal-body .slide .swiper-button-next,#detailsModal .modal-content .modal-body .slide .swiper-button-prev{top:calc(50% - 10px);color:#937605}header{background-color:#000}header .slideshow .header{position:absolute;top:0;z-index:2;border-bottom:1px solid #666}header .slideshow .header .logo{text-transform:uppercase;line-height:48px;font-size:24px}header .slideshow .header .logo a:hover{text-decoration:none}header .slideshow .header .logo .white{color:#fff;display:inline-block}header .slideshow .header .logo .color{color:#937605;display:inline-block}header .slideshow .header .right{text-align:right}header .slideshow .header .right .contact{display:inline-block;font-size:18px;padding-right:15px}header .slideshow .header .right .contact .tel{color:#fff}header .slideshow .header .right .contact .tel:hover{color:#ccc;text-decoration:none}header .slideshow .header .right .follow{border-left:1px solid #666;display:inline-block;line-height:50px;padding-left:15px}header .slideshow .swiper-pagination{width:100%;bottom:5px}header .slideshow .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#333;opacity:1}header .slideshow .swiper-pagination .swiper-pagination-bullet-active{background:#6b5d26}#content{background-color:#000}#content .about{background-image:url("../images/aboutBG.png");background-size:cover;background-position:center;padding:15px 0}#content .about .textAbout{padding:0}#content .about .imgAbout{position:absolute;bottom:-15px;width:100%;z-index:2}#content #searchForm{padding:30px 0 15px;border-bottom:1px solid #6b5d26}#content #searchForm .titleTH{color:#937605;font-size:20px;line-height:1.2;margin-bottom:15px}#content #searchForm .titleEN{color:#fff;font-size:24px;line-height:1.2;text-transform:uppercase}#content #searchForm .form-control{background-color:transparent;border:1px solid #937605;outline:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-radius:0}#content #searchForm .form-control.prefix{padding-left:85px}#content #searchForm .form-control.text{padding-left:50px}#content #searchForm .form-control.number{padding-left:65px}#content #searchForm .form-control.prefix,#content #searchForm .form-control.number{-moz-appearance:textfield}#content #searchForm .form-control.prefix::-webkit-outer-spin-button,#content #searchForm .form-control.prefix::-webkit-inner-spin-button,#content #searchForm .form-control.number::-webkit-outer-spin-button,#content #searchForm .form-control.number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#content #searchForm .textInput{font-size:12px;position:absolute;top:10px;left:15px;cursor:pointer}#content #searchForm .btnSubmit{background-color:#937605;color:#fff;width:100%;outline:none;-webkit-box-shadow:none;box-shadow:none;font-weight:bold;font-size:18px;padding:0;line-height:38px}#content #searchForm .btnSubmit:hover{background-color:#6b5d26}#content .selectTabienMongkol{padding-top:30px}#content .selectTabienMongkol .titleTH{color:#937605;font-size:20px;line-height:1.2}#content .selectTabienMongkol .titleEN{color:#fff;font-size:24px;line-height:1.2;text-transform:uppercase}#content .selectTabienMongkol .tabTabien .tab{text-align:center;cursor:pointer;padding:5px 0 0;min-height:30px}#content .selectTabienMongkol .tabTabien .tab:hover,#content .selectTabienMongkol .tabTabien .tab.active{background-color:#937605}#content .selectTabienMongkol .tabTabien .tab:hover:after,#content .selectTabienMongkol .tabTabien .tab.active:after{content:"";border-top:solid 10px #937605;border-left:solid 10px transparent;border-right:solid 10px transparent;position:absolute;bottom:-15px;left:calc(50% - 5px)}#content .selectTabienMongkol .tabTabien .tab a{color:#fff}#content .selectTabienMongkol .tabTabien .tab a:hover{text-decoration:none}#content .selectTabienMongkol .tabTabien .line{height:5px;background-color:#937605}#content .tabienMongkol{padding:30px 0}#content .tabienMongkol .tabienBackground{background-color:#121212;padding:15px;margin-bottom:15px}#content .tabienMongkol .tabienBackground .tabien{width:100%;position:relative}#content .tabienMongkol .tabienBackground .tabien .tabienNumber{text-align:center;position:absolute;color:#000;font-weight:bold;width:100%;top:20%}#content .tabienMongkol .tabienBackground .tabien .tabienNumber .number{font-size:24px}#content .tabienMongkol .tabienBackground .tabien .tabienNumber .text{font-size:24px}#content .tabienMongkol .tabienBackground .tabien .province{text-align:center;position:absolute;color:#000;font-weight:bold;width:100%;bottom:20%;font-size:24px}#content .tabienMongkol .tabienBackground .likeShared{text-align:center;padding-top:15px}#content .tabienMongkol .tabienBackground .detailTabien{display:-ms-grid;display:grid;place-items:center}#content .tabienMongkol .tabienBackground .detailTabien .status{margin-bottom:10px}#content .tabienMongkol .tabienBackground .detailTabien .statusAns{margin-bottom:10px}#content .tabienMongkol .tabienBackground .detailTabien .totalTabienAns{color:#937605;font-weight:bold}#content .tabienMongkol .tabienBackground .detailTabien .line{height:1px;background-color:#ccc;margin:10px 0}#content .tabienMongkol .tabienBackground .detailTabien .price{text-align:center;font-size:16px}#content .tabienMongkol .tabienBackground .detailTabien .price .number{color:#937605;font-weight:bold;font-size:18px}#content .tabienMongkol .tabienBackground .detailTabien .read .btnRead{background-color:#937605;color:#fff;width:100%;outline:none;-webkit-box-shadow:none;box-shadow:none;font-weight:bold;margin-top:10px}#content .tabienMongkol .tabienBackground .detailTabien .read .btnRead:hover{background-color:#6b5d26}#content .tabienMongkol .nodata{text-align:center;color:#f00;padding:20px 0;font-size:20px;font-weight:bold}#content .tabienMongkol .pagination{float:right}#content .tabienMongkol .pagination a,#content .tabienMongkol .pagination strong{width:30px;line-height:30px;text-align:center;border-radius:5px;margin:0 5px}#content .tabienMongkol .pagination a:hover,#content .tabienMongkol .pagination strong:hover{text-decoration:none}#content .tabienMongkol .pagination a:focus,#content .tabienMongkol .pagination strong:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}#content .tabienMongkol .pagination a{background-color:#937605;color:#fff}#content .tabienMongkol .pagination a:hover{background-color:#6b5d26}#content .tabienMongkol .pagination strong{cursor:default;background-color:#fff;color:#000}#content .tabienMongkol .pagination strong:hover{background-color:#ccc}#content .policy{padding-top:15px}#content .policy .titleTH{color:#937605;font-size:20px;line-height:1.2;border-bottom:1px solid;padding-bottom:15px}#content .policy .titleEN{color:#fff;font-size:24px;line-height:1.2;text-transform:uppercase}#content .goBack{background-color:#937605;color:#fff;outline:none;-webkit-box-shadow:none;box-shadow:none;font-weight:bold;margin-bottom:30px}#content .goBack:hover{background-color:#6b5d26}footer{border-top:1px solid #6b5d26;background-color:#000}footer .contact .contactFooter{text-align:center;padding:15px}footer .contact .contactFooter .text{font-size:20px;border-right:1px solid #666}footer .contact .contactFooter .text .tel{color:#937605;font-size:24px}footer .contact .contactFooter .text .tel:hover{text-decoration:none}footer .contact .followFooter{padding:15px}footer .contact .followFooter .a-follow{padding:0 10px}footer .contact .followFooter .a-follow img{width:36px}footer .copyright{background-color:#6b5d26}footer .copyright .text{line-height:50px;text-align:center}footer .copyright .a-footer{line-height:50px;color:#fff}footer .copyright .a-footer:hover{color:#ccc;text-decoration:none}.desktop991{display:block}.mobile991{display:none}.desktop767{display:block}.mobile767{display:none}.desktop575{display:block}.mobile575{display:none}@media only screen and (max-width: 1199px){#content #searchForm .titleTH{font-size:16px}#content #searchForm .titleEN{font-size:18px}#content .selectTabienMongkol .titleTH{font-size:16px}#content .selectTabienMongkol .titleEN{font-size:18px;margin-bottom:15px}#content .policy .titleTH{font-size:16px}#content .policy .titleEN{font-size:18px}#content .tabienMongkol .tabienBackground .detailTabien .price{font-size:14px}#content .tabienMongkol .tabienBackground .detailTabien .price .number{font-size:16px}#detailsModal .modal-content .modal-body .tabien .tabienNumber{top:calc((273px - 204px) / 2)}#detailsModal .modal-content .modal-body .tabien .tabienNumber .number{font-size:30px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .text{font-size:30px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .price{font-size:24px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .province{font-size:30px}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber{top:calc((85px - 72px) / 2)}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .number,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .text,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .price,#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber .province{font-size:16px}}@media only screen and (max-width: 991px){.desktop991{display:none}.mobile991{display:block}#content #searchForm{padding:30px 0}#detailsModal .modal-content .modal-body{padding:50px 0}#detailsModal .modal-content .modal-body .qrcode img{margin-top:30px;width:200px}#detailsModal .modal-content .modal-body .tabien .tabienNumber{top:calc((237px - 126px) / 2)}#detailsModal .modal-content .modal-body .tabien .tabienNumber .number{font-size:30px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .text{font-size:30px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .price{font-size:24px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .province{font-size:30px}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber{top:calc((96px - 72px) / 2)}}@media only screen and (max-width: 767px){.desktop767{display:none}.mobile767{display:block}header .slideshow .header{position:relative}header .slideshow .header .logo{text-align:center;font-size:15px}#content #searchForm{padding:30px 0}#content .selectTabienMongkol .tabTabien .tab{margin-top:15px}footer .contact .contactFooter .text{border:0;padding-bottom:15px;border-bottom:1px solid #666}footer .contact .followFooter{padding:0 15px 15px;text-align:center}}@media only screen and (max-width: 575px){.desktop575{display:none}.mobile575{display:block}.row{margin:0}header .slideshow .container-fluid{padding:0}#content .tabienMongkol .tabienBackground{padding:15px 0}#content .tabienMongkol .tabienBackground .likeShared{margin-bottom:15px}#content .tabienMongkol .tabienBackground .detailTabien .price{padding:0}#detailsModal .modal-content .modal-body .col-5,#detailsModal .modal-content .modal-body .col-6,#detailsModal .modal-content .modal-body .col-7,#detailsModal .modal-content .modal-body .col-12{padding:0}#detailsModal .modal-content .modal-body .tabien .tabienNumber{top:calc(50% - 40px)}#detailsModal .modal-content .modal-body .tabien .tabienNumber .number{font-size:18px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .text{font-size:18px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .price{font-size:18px}#detailsModal .modal-content .modal-body .tabien .tabienNumber .province{font-size:18px}#detailsModal .modal-content .modal-body .slide .tabien .tabienNumber{top:calc(50% - 36px)}footer .contact .contactFooter{padding:15px 15px 0}footer .contact .contactFooter .text{font-size:16px;padding-bottom:10px}footer .contact .contactFooter .text .tel{font-size:18px}footer .contact .followFooter{padding:10px 15px 15px}footer .copyright .text{font-size:14px}footer .copyright .a-footer{font-size:14px}}