body {width:100%;margin:0;padding:0;background-color:#f8f8f8;font-family:arial;}
h1,h2,h3,h4,h5,p,a,ul,ol,li {margin:0;padding:0;}
.container {width:100%;}

.blink_text{animation:blinker 1s linear infinite;font-size:28px;font-weight:700;text-align:center;} @keyframes blinker { 50%{opacity:0} }
/* TOP NAV */
.top_box {position:relative;width:100%;height:350px;border-radius: 18px 18px 0 0;background-image:url('../../assets/images/image_top.webp');background-size:cover;background-position:center;background-repeat: no-repeat;}
.glassy_nav {width:100%;height:75px;display:flex;align-items:center;justify-content:flex-start;gap:5%;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(8px);border-radius:18px 18px 0 0;box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.glassy_nav a{text-decoration:none;color:#fff;font-size:18px;font-weight:700;}
.glassy_nav img{height:82px;width:188px;margin-left:28px;}
/* RESULT */
.result_container {position:relative;width:85%;margin:-58px auto 28px auto;background-color:#e8e8e8;border-radius:18px;z-index:888;padding-bottom:38px;}
.result_head_text {color:#3d3d3d;font-size:45px;font-weight:700;padding-top:18px;text-align:center;}

.result_head_date {color:#2d2d2d;font-size:18px;text-align:center;}
.result_wrap {display:flex;justify-content:space-around;margin-top:25px;}
.result_box {background-color:#fff;width:31%;border-radius:18px;}
.result_box:first-child {margin-left:1%;}
.result_box:last-child {margin-right:1%;}
.prize_text {color:#3d3d3d;font-size:25px;font-weight:700;text-align:center;margin-top:12px;}
.prize_result {display:flex;justify-content:space-around;margin:3px auto 12px auto;}
.circle{width:15%;height:50px;background:linear-gradient(to bottom,#ff2d2d,#ff0078);border-radius:50%;}
.circle:first-child {margin-left:8px;}

.circle:last-child {margin-right:8px;}
.number {display:block;margin:13px auto;text-align:center;font-size:21px;font-weight:700;color:#fff;}
.prize_bot {color:#3d3d3d;font-size:21px;font-weight:700;text-align:center;margin:12px auto 18px auto;}
/* PAST RESULT */
.past_result_texthead {color:#3d3d3d;font-size:38px;font-weight:700;margin:12px auto;text-align:center;}
.past_result_wrap {margin:12px auto;width:88%;}
.past_result_box {display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;}
.past_result_table {flex:1 1 calc(33.33% - 12px);border:none;border-collapse:collapse;box-sizing:border-box;margin:12px auto;}
.past_result_table th {background-color:#f8c3c3;padding:12px;font-weight:700;font-size:18px;text-align:center;}
.past_result_table td {padding:12px 0 12px 18px;border-bottom:1px solid #c8c9ca;}
.color_blue {color:#0055ff;}
.color_gray {color:#383838;}
.weight_bold {font-weight:700;}
.past_result_numbers {color:#383838;font-weight:700;letter-spacing:1em;}
.past_result_text2{color:#3d3d3d;font-size:25px;font-weight:700;margin:12px auto;text-align:center;padding-top:28px;}
/* FOOTER*/
.footer_wrap {position:relative;width:85%;margin:25px auto 0 auto;background-image:url('../../assets/images/bg_contact.webp');background-size:cover;background-position:center;background-repeat:no-repeat;height:588px;}
.footer_chead {padding-top:58px;text-align:center;font-size:35px;color:#fff;font-weight:700;}
.footer_content {margin:12px auto;text-align:center;font-size:21px;color:#fff;width:88%;}

.footer_address {margin:12px auto;text-align:center;font-size:18px;color:#fff;width:88%;}
.footer_form {width:80%;margin:auto;}
.footer_form input {display:block;width:100%;height:50px;font-size:21px;margin:auto;padding:5px 0 5px 15px;box-sizing:border-box;}
.footer_form button {display:block;width:100%;height:50px;border:none;margin:12px auto;cursor:pointer;font-size:21px;background-color:#fda505;background:linear-gradient(to bottom,#FFA500,#FF8C00);box-shadow:0px 6px 10px rgba(0,0,0,0.3);border:1px solid #e5e5e5;font-weight:700;color:#fff;box-sizing:border-box;}
.footer_form button:hover{background:linear-gradient(to bottom,#FF8C00,orange);box-shadow:0 8px 15px rgba(0,0,0,0.4)}
.footer_bottom {position:absolute;bottom:12px;left:0;right:0;margin:auto;color:#fff;text-align:center;font-size:18px;}

/* HOW TO PLAY */
.wrap1 {position:relative;width:78%;margin:28px auto 28px auto;background-color:#e8e8e8;border-radius:18px;z-index:888;padding-bottom:38px;}

.flex_center {display:flex;justify-content:center;align-items:center;width:55%;margin:12px auto;padding-top:38px;}
.htp_img {width:28%;}
.htp_img img {width:88px;height:auto;margin:auto;}
.htp_text {width:69%;text-align:justify;margin-right:8px;}
.wrap2 {position:relative;width:92%;margin:-58px auto 28px auto;background-color:#e8e8e8;border-radius:18px;z-index:888;padding-bottom:38px;}
@media only screen and (max-width: 600px) {
.top_box {height:350px;background-image: url('../../assets/images/hp_image_top.webp')}
.glassy_nav {height:58px;justify-content:center;gap:12px;}
.glassy_nav a {font-size:15px;}
.glassy_nav img{height:58px;width:128px;margin-left:1px;}
.result_container,.wrap1 {width:92%;padding-bottom:18px;}
.result_wrap {display:block;}
.result_box {width:95%;margin:auto;}
.result_box:first-child {margin:auto;}
.result_box:last-child {margin:auto;}
.prize_result {padding-bottom:8px;}
.prize_bot {padding-bottom:18px;}
.past_result_box {display:block;}
.past_result_table {width:100%;margin-top:28px;}
.footer_wrap {background-size:cover;height:488px;width:100%;}
.footer_chead {font-size:18px;}
.footer_content {font-size:12px;}
.footer_address {font-size:12px;}
.footer_form input {height:35px;font-size:15px;}
.footer_form button {height:35px;font-size:15px;}
.footer_bottom {font-size:12px;margin-top:5px;}
.flex_center {width:88%;}
}