@import url('//fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Charmonman:wght@400;700&family=Chonburi&family=Itim&family=Kanit:wght@200;300&family=Mitr:wght@200;300&family=Pattaya&family=Pridi:wght@300;400&family=Prompt:wght@200;300&family=Sarabun:wght@200;300&family=Sriracha&display=swap');
@import url('../assets/vendor/aos/aos.css');
@import url('../assets/vendor/bootstrap/css/bootstrap.min.css');
@import url('../assets/vendor/bootstrap-icons/bootstrap-icons.css');
@import url('../assets/vendor/boxicons/css/boxicons.min.css');

body {font-family: 'Prompt', sans-serif; margin-bottom: 30px; }
body.salepage { margin-bottom: 70px; }
i { margin-top: 0; }
.none { display: none; }
.btbuy { border-radius:0; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.pagecontent img { width: 100%; }
.carditems a{ color: #212529; text-decoration: none; }
.carditems a:hover { color: #0d6efd; }
.buyprict ul{ list-style: none; }
.payment-group {display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;flex-wrap: wrap;margin: 1rem 0;}
.payment-group .payment-item {-webkit-box-flex: 1;flex: 1;min-width: calc(50% - 10px);max-width: calc(50% - 10px);display: -webkit-box;display: flex;margin: 5px;}
.payment-group .payment-item .payment-label {-webkit-box-flex: 1;flex: 1;display: -webkit-box;display: flex;width: 100%;border: 2px solid #ddd;padding: 5px;border-radius: 5px;margin: 0px;-webkit-box-align: center;align-items: center;position: relative;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor: pointer;}
.payment-group .payment-item .payment-label:before {content: "เลือก";display: inline-block;width: 50px;height: 28px;padding: 4px;border-radius: 5px;background-color: #ddd;font-size: 0.8rem;padding-left: 10px;margin-right: 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.payment-group .payment-item .payment-label:hover {background-color: #7db5fd;border-color: #023e8d;}.payment-group .payment-item input[type=radio] {display: none;}
.payment-group .payment-item input[type=radio]:checked + label {border: 2px solid #023e8d;}
.payment-group .payment-item input[type=radio]:checked + label:before {background-color: #023e8d;color: #fff;}
.card-cursor { cursor: pointer; }
.card-title { display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.card.active { background-color: rgb(243, 225, 225); }