body{font-family:Sarabun,Arial,Helvetica,sans-serif;font-size:1.7vw;font-weight:500;padding:50px 120px;}h1{font-size:48px;font-weight:700;}h2{font-weight:700;font-size:2vw;}div.text_box p{font-weight:300;}.box{height:auto;width:100%;padding:20px;text-align:center;word-spacing:5px;}button{width:180px;height:60px;line-height:29px;background:#e94d65;color:#fff;padding:10px 15px;margin-top:45px;-webkit-box-shadow:0 -2px 0 0 rgba(24,24,24,.2) inset;box-shadow:0 -2px 0 0 rgba(24,24,24,.2) inset;cursor:pointer;}#nextBtn{background:#e94d65;color:#fff;margin-top:30px;}#nextBtn:hover{background:#e94d65;}#tarBtn{background:#4275c3;}#tarBtn:hover{background:#2659a5;}.text_box{padding:50px !important;margin-top:-20px;}*{margin:0;padding:0;}.rate{height:46px;display:block;padding:0px 36%;}.rate:not(:checked) > input{position:absolute;top:-9999px;}.rate:not(:checked) > label{float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:55px;color:#ccc;}.rate:not(:checked) > label:before{content:"★ ";}.rate > input:checked ~ label{color:#f7d800;}.rate:not(:checked) > label:hover,.rate:not(:checked) > label:hover ~ label{color:#deb217;}.rate > input:checked + label:hover,.rate > input:checked + label:hover ~ label,.rate > input:checked ~ label:hover,.rate > input:checked ~ label:hover ~ label,.rate > label:hover ~ input:checked ~ label{color:#c59b08;}