.promo-head {margin: 0 auto;padding: 30px 0;text-align: center;font: 40px 'Kanit', sans-serif;color: #002537;letter-spacing: 1px;font-weight: bold;}
.promo-slider {width: 80%;height: auto;margin: 20px auto;}
.d-head { padding: 20px 10px;background: #ffd199;cursor: pointer; }
.d-head .q_num{display: inline-block;font: 24px 'Kanit', sans-serif;padding: 0;margin: 0;vertical-align: top;letter-spacing: 1px;}
.d-head .q_title{display: inline-block;font: 24px 'Kanit', sans-serif;padding: 0;margin: 0;vertical-align: middle;letter-spacing: 1px;}
.d-head img {display: inline-block;vertical-align: middle;}
.clickdown {width: 30px;float: right;}
.d-detail {border: 4px solid #ffd199;padding: 20px;font: 24px 'Kanit', sans-serif; letter-spacing: 1px;}
.d-detail img {width: 50%;height: auto; margin: 0 auto 30px;}
.c_detail {font: 24px 'Kanit', sans-serif;letter-spacing: 1px;}
.promofile {font: 24px 'Kanit', sans-serif;margin:20px 0;letter-spacing: 1px;}
.promofile a{text-decoration: none;color: #ff8c00}
.promofile a:hover{color:  #222}
.promofile img {width: 30px ;margin : 0 ;}

.pw-box{width: 80%;height: auto;margin:30px auto;text-align: center;}
.pw-box p {font: 24px 'Kanit', sans-serif;margin: 0;letter-spacing: 1px;}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
.promo-slider {width: 90%;}
.d-head .q_num {width: 5%}
.d-head .q_title {width: 89%}
.d-head img {width: 25px;padding-top: 4px}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
.promo-slider {width: 90%;}
.d-head .q_num {width: 7%;font: 22px 'Kanit', sans-serif;}
.d-head .q_title {width: 85%;font: 22px 'Kanit', sans-serif;}
.d-head img {width: 25px;padding-top: 6px}
.c_detail {font: 22px 'Kanit', sans-serif;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.promo-head {font: 40px 'Kanit', sans-serif;}
.clickdown {float: none;display: block;margin: 0 auto;}
.promo-slider {width: 90%;}
.d-head .q_num {width: 7%;font: 20px 'Kanit', sans-serif;}
.d-head .q_title {width: 75%;font: 20px 'Kanit', sans-serif;padding-left: 10px;}
.d-head img {width: 20px;padding-left: 10px;}
.c_detail {font: 20px 'Kanit', sans-serif;}
.promofile {font: 20px 'Kanit', sans-serif;}
}