.event_date{font-size:clamp(18px, 4vw, 20px);}
.flex_center{display:flex;justify-content:center;}
.flex_column{display:flex;flex-direction:column;align-items:center;}
.title_img{max-width:96%;}

.bg1{height:auto;max-height:980px;background-image:url(/image/Event/E250107_game_topup/bg_01.jpg);overflow:hidden;padding-bottom:2%;}
.bg2{height:auto;max-height:1130px;background-image:url(/image/Event/E250107_game_topup/bg_02.jpg);overflow:hidden;}

.btn_sprite{display:inline-block;background-image:url(/image/Event/E250107_game_topup/btn.png);background-repeat:no-repeat;background-size:auto;}
.roulette_sprite{display:inline-block;background-image:url(/image/Event/E250107_game_topup/img_02_th.png);background-repeat:no-repeat;}
.en .roulette_sprite{background-image:url(/image/Event/E250107_game_topup/img_02_en.png);background-repeat:no-repeat;}
.ko .roulette_sprite{background-image:url(/image/Event/E250107_game_topup/img_02_ko.png);background-repeat:no-repeat;}

.bg1 .e_btn_wrap{top:46.5%;width:100%;padding:0 60%;}
#show_layer{max-width:100%;}

#change_roulette{max-width:600px;width:90%;height:11.6%;margin:0 10% 10%; display:flex;align-items:center;justify-content:center;gap:1.2%;}
#change_roulette li{width:33%;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
#change_roulette li > *{display:block;width:100%;padding:6% 0;text-align:center;font-weight:bold; background-color:#FFF;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:1px solid #211F6A;font-size:clamp(14px, 4vw, 20px);}
#change_roulette li p span{font-size:clamp(16px, 4vw, 25px);}
#change_roulette.bronze li:nth-child(1) > *{background:linear-gradient(145deg, #C67E32 0%, #F5B641 100%);}
#change_roulette.silver li:nth-child(2) > *{background:linear-gradient(145deg, #989898 0%, #DCDCDC 100%);}
#change_roulette.gold li:nth-child(3) > *{background:linear-gradient(145deg, #FFD21F 0%, #F2E879 100%);}

.board_wrap{margin:0 auto;max-width:100%}
.roulette_pin{top:-3%;width:100%;text-align:center;z-index:10;}
.roulette_pin img{max-width:12vw;}
.roulette_wrap{position:absolute;top:5%;display:flex;align-items:center;justify-content:center;width:100%;padding:0 6%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#roulette_btn{position:absolute;top:29%;left:32.1%;display:flex;width:30%;height:30%;padding:4.5% 3%; align-items:center;justify-content:center;font-size:clamp(18px, 4vw, 30px);font-weight:bold;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0px 5px 10px 0px #222;background:linear-gradient(145deg, #FC73B4 0%, #FF2490 100%);cursor:pointer;text-align:center;}
.bronze #roulette_btn{background:linear-gradient(145deg, #C67E32 0%, #F5B641 100%);}
.silver #roulette_btn{background:linear-gradient(145deg, #989898 0%, #DCDCDC 100%);}
.gold #roulette_btn{background:linear-gradient(145deg, #FFD21F 0%, #F2E879 100%);}

#gift_wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gift_wrap li{width:50%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:clamp(18px, 6vw, 35px);font-weight:bold;color:#00BCFF;}
#gift_wrap li em{color:#000;line-height:20px;}
#gift_wrap li.get{font-size:clamp(20px, 6vw, 40px);color:#FF00AE;}
#gift_wrap li.get em{color:#FF00AE;}
#gift_wrap li:nth-child(1){transform:rotate(315deg);}
#gift_wrap li:nth-child(2){transform:rotate(45deg);}
#gift_wrap li:nth-child(3){transform:rotate(225deg);}
#gift_wrap li:nth-child(4){transform:rotate(135deg);}

#roulette_btn.bronze{background:linear-gradient(145deg, #C67E32 0%, #F5B641 100%);}
#roulette_btn.silver{background:linear-gradient(145deg, #989898 0%, #DCDCDC 100%);}
#roulette_btn.gold{background:linear-gradient(145deg, #FFD21F 0%, #F2E879 100%);}

.notice{background-color:#000;}
.notice .inner{padding:35px 20px 60px;}
.notice_title{font-size:25px;font-weight:bold;color:#d4d4d4;margin-bottom:25px;}
.notice_list{font-size:15px;color:#D4D4D4}
.test{background-color:rgba(0,255,0,.4);}

.layer .inner{text-align: left; max-width:600px; width:100%;}
.layer .inner dl{width:100%;}
.layer .inner dt{width:100%; background-color: #000; color:#fff; margin-bottom:15px; line-height: 38px;}
.layer .inner dt .layer_title{margin-left:15px;}
.layer .inner dd ul{padding:15px;}
.layer .inner dt span{float: right; margin-right:15px; cursor: pointer;}

@media (max-width:576px) {
    .bg2 .calender_title{position:absolute; top:24%; width: 90%; display: flex; left:50%; transform: translate(-50%);}
    .bg2 .calender_title span{font-size:1.5rem; color: green; font-weight:bold;}
    .bg2 .calender_title span:first-child a{font-size:1rem;}
    #show_layer{max-width:50%;}
    .layer .inner .title{font-size:19px;}
    .notice_list{font-size:14px;}
}