@charset "UTF-8";

*{ font-family: "Roboto Condensed", "Noto Sans TC", "微軟正黑體", sans-serif; letter-spacing: 1px; font-weight: normal;}
::selection {
	background: #fff5d3;
}
html{ margin: 0; padding: 0; background: #fff; color: #333333;}
body{ margin: 0; padding: 0;}
img{ display: block;}
a{ text-decoration: none;}
a.text{ position: relative; padding: 0 0 0 20px; color: #163bb5; text-decoration: none;}
a.text::before{ position: absolute; top: 5px; left: 2px; display: block; content: ""; width: 15px; height: 15px; background: url(../images/icon_link.png);}

input, select, textarea{ font-weight: normal; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent;}
input:focus, select:focus, textarea:focus{ border: none; outline: none;}
::placeholder { color: #333333;}

/* ::-webkit-scrollbar { width: 5px; background-color: transparent;}
::-webkit-scrollbar-thumb { background-color: #160732;} */

footer{ background: #fff;}

@media (max-width:500px){
html{ font-size: 12px;}
::-webkit-scrollbar{ width: 0;}
a.text::before{ top: 1; width: 11px; height: 11px; background-size: contain;}
}



.kv{ position: relative; max-width: 2000px; margin: 0 auto; overflow: hidden; z-index: 1;}
.kv>div{ position: relative;}
.kv_mobile{ display: none;}
.kv img{ max-width: 100%;}
.kv .kv_sky{ position: absolute; top: 0; left: 0; animation: kv_sky 3s forwards;}
@keyframes kv_sky {
    0%{ top: 0;}
	100%{ top: -50px;}
}
.kv .kv_pool{ position: absolute; top: 20px; left: 0; animation: kv_pool 3s forwards;}
@keyframes kv_pool {
    0%{ top: 20px;}
	100%{ top: 0;}
}
.kv .kv_tree{ position: absolute; top: 10px; left: 0; animation: kv_tree 3s forwards;}
@keyframes kv_tree {
    0%{ top: 10px;}
	100%{ top: 0;}
}
.kv .kv_leaf{ position: absolute; top: 0; left: 0; width: 33.3%; animation: kv_leaf 3s forwards;}
@keyframes kv_leaf {
    0%{ top: 0;}
	100%{ top: -20px;}
}
.kv .kv_balloon_01{ position: absolute; top: 2%; left: 78%; width: 7.25%; animation: kv_balloon_01 3s forwards;}
@keyframes kv_balloon_01 {
    0%{ top: 0%;}
	100%{ top: 2%;}
}
.kv .kv_balloon_02{ position: absolute; top: 5%; left: 87%; width: 17.05%; animation: kv_balloon_02 3s forwards;}
@keyframes kv_balloon_02 {
    0%{ top: 2%;}
	100%{ top: 5%;}
}
.kv .kv_sun{ position: relative; z-index: 1;}


.kv .kv_balloon{ position: absolute; z-index: 2;}
.kv .kv_balloonB_01{ top: 100%; left: 0; width: 15.95%; animation: kv_balloonB_01 3s forwards; animation-delay: .3s;}
@keyframes kv_balloonB_01 {
    0%{ top: 100%; left: 0; transform: scale(1); filter: blur(0px);}
	100%{ top: -100%; left: 30%; transform: scale(4); filter: blur(15px);}
}
.kv .kv_balloonR_01{ top: 100%; left: 10%; width: 25%; animation: kv_balloonR_01 3s forwards;}
@keyframes kv_balloonR_01 {
    0%{ top: 100%; left: 10%; transform: scale(1); filter: blur(0px);}
	100%{ top: -100%; left: 50%; transform: scale(4); filter: blur(15px);}
}
.kv .kv_balloonG_01{ top: 100%; left: 40%; width: 17.9%; animation: kv_balloonG_01 3s forwards; animation-delay: .5s;}
@keyframes kv_balloonG_01 {
    0%{ top: 100%; left: 40%; transform: scale(1); filter: blur(0px);}
	100%{ top: -100%; left: 70%; transform: scale(4); filter: blur(15px);}
}
.kv .kv_balloonY_01{ top: 100%; left: 70%; width: 17.9%; animation: kv_balloonY_01 3s forwards; animation-delay: .1s;}
@keyframes kv_balloonY_01 {
    0%{ top: 100%; left: 70%; transform: scale(1); filter: blur(0px);}
	100%{ top: -100%; left: 100%; transform: scale(4); filter: blur(15px);}
}
.kv .kv_balloonY_02{ top: 100%; left: -20%; width: 17.9%; animation: kv_balloonY_02 3s forwards; animation-delay: .1s;}
@keyframes kv_balloonY_02 {
    0%{ top: 100%; left: -20%; transform: scale(1); filter: blur(0px);}
	100%{ top: -100%; left: 0; transform: scale(2); filter: blur(15px);}
}
.kv .kv_balloonB_02{ top: 210%; left: 45%; width: 15.95%; transform: scale(4); animation: kv_balloonB_02 3s forwards; animation-delay: .8s;}
@keyframes kv_balloonB_02 {
    0%{ top: 210%; left: 45%; transform: scale(4); filter: blur(0px);}
	100%{ top: -100%; left: 80%; transform: scale(7); filter: blur(15px);}
}
.kv .kv_balloonY_03{ top: 200%; left: 5%; width: 17.9%; transform: scale(4); animation: kv_balloonY_03 3s forwards; animation-delay: .9s;}
@keyframes kv_balloonY_03 {
    0%{ top: 200%; left: 5%; transform: scale(4); filter: blur(0px);}
	100%{ top: -100%; left: 40%; transform: scale(7); filter: blur(15px);}
}
.kv .kv_balloonR_02{ top: 200%; left: -20%; width: 25%; transform: scale(2); animation: kv_balloonR_02 3s forwards; animation-delay: .5s;}
@keyframes kv_balloonR_02 {
    0%{ top: 200%; left: -20%; transform: scale(2); filter: blur(0px);}
	100%{ top: -100%; left: 15%; transform: scale(3); filter: blur(15px);}
}
.kv .kv_balloonG_02{ top: 200%; left: 60%; width: 17.9%; animation: kv_balloonG_02 3s forwards; animation-delay: .8s;}
@keyframes kv_balloonG_02 {
    0%{ top: 200%; left: 60%; transform: scale(2); filter: blur(0px);}
	100%{ top: -100%; left: 100%; transform: scale(3); filter: blur(5px);}
}


.kv .kv_p1{ position: absolute; bottom: -53%; left: 0; width: 37.3%; animation: kv_p1 1s forwards; animation-delay: 1s;}
@keyframes kv_p1 {
    0%{ bottom: -53%; left: 0;}
	100%{ bottom: 0; left: -2%;}
}
.kv .kv_p2{ position: absolute; bottom: -64%; left: 27%; width: 32.15%; animation: kv_p2 1s forwards; animation-delay: 1s;}
@keyframes kv_p2 {
    0%{ bottom: -64%; left: 27%;}
	100%{ bottom: -1px; left: 25%;}
}
.kv .kv_p3{ position: absolute; top: 100%; left: 42%; width: 45.5%; animation: kv_p3 1s forwards; animation-delay: .9s;}
@keyframes kv_p3 {
    0%{ top: 100%; left: 42%;}
	100%{ top: -2.5%; left: 45%;}
}
.kv .kv_p4{ position: absolute; bottom: -3%; left: 84%; opacity: 0; width: 14.75%; animation: kv_p4 .6s forwards; animation-delay: 1.3s;}
@keyframes kv_p4 {
    0%{ bottom: -5%; opacity: 0;}
	100%{ bottom: -1%; opacity: 1;}
}
.kv .kv_light_01{ position: absolute; top: 59%; left: 74%; opacity: 0; width: 18.6%; animation: kv_light_01 6s linear infinite; animation-delay: 2s;}
@keyframes kv_light_01 {
    0%{ opacity: 0; transform: rotate(0) scale(0.5);}
	27.5%{ opacity: 1; transform: rotate(180deg) scale(1);}
	55%{ opacity: 0; transform: rotate(360deg) scale(0.5);}
	100%{ opacity: 0; transform: rotate(360deg) scale(0.5);}
}
.kv .kv_light_02{ position: absolute; top: 40%; left: 29%; opacity: 0; width: 33.55%; animation: kv_light_02 6s linear infinite; animation-delay: 2s;}
@keyframes kv_light_02 {
    0%{ top: 40%; left: 29%; opacity: 0; transform: scale(0.5);}
	25%{ top: 41%; left: 28%; opacity: 1; transform: scale(1);}
	50%{ top: 41%; left: 25%; opacity: 1; transform: scale(0.5);}
	55%{ top: 42%; left: 22%; opacity: 0; transform: scale(0);}
	100%{ top: 42%; left: 22%; opacity: 0; transform: scale(0);}
}
.kv .kv_yoyo{ position: absolute; top: 7%; left: 5%; width: 9.9%; opacity: 0; animation: kv_yoyo .6s forwards; animation-delay: 1.3s;}
@keyframes kv_yoyo {
    0%{ top: 7%; opacity: 0;}
	100%{ top: 10%; opacity: 1;}
}
.kv .kv_deviling{ position: absolute; top: 7%; left: 45%; width: 12.5%; opacity: 0; animation: kv_deviling .6s forwards; animation-delay: 1.5s;}
@keyframes kv_deviling {
    0%{ top: 7%; opacity: 0;}
	100%{ top: 10%; opacity: 1;}
}


.kv .slogan{ position: absolute; top: 10%; left: 14%; width: 31.05%; opacity: 0; animation: slogan 0.7s forwards; animation-delay: 1.5s;}
@keyframes slogan {
    0%{ top: 13%; opacity: 0;}
	100%{ top: 10%; opacity: 1;}
}
.kv .logo{ position: absolute; top: 5%; left: 2%; width: 11.35%; z-index: 2;}

@media (max-width:750px){
	.kv>div{ display: none;}
	.kv_mobile{ display: block;}
	.kv .logo{ top: 1%; left: 20%; width: 23%;}
}


nav{ display: flex; justify-content: center; align-items: center; position: relative; margin: -10px auto 0; max-width: 2000px; height: 116px; background: url(../images/nav_bg.png) repeat; z-index: 10;}
nav a{ display: flex; align-items: center; justify-content: center; position: relative; width: 160px; height: 90px; color: #0273d1; transition: .3s;}
nav a:hover{ padding: 30px 0 0; color: #ff525d;}
a.qq{ display: flex; align-items: center; justify-content: center; position: relative; width: 160px; height: 90px; color: #0273d1; transition: .3s;}
a.qq:hover{ padding: 30px 0 0; color: #ff525d;}
nav a+a{ border-left: 1px solid #bbd6ff;}
nav a p{ margin: 0; text-align: center;}
nav a div{ position: absolute; top: -25px; opacity: 0; transition: .3s;}
nav a:hover div{ opacity: 1;}
nav a:hover div .nav_cake{ animation: nav_cake 0.3s linear forwards;}
@keyframes nav_cake {
    0%{ transform: translate(0,0) rotate(0) scale(1,1);}
	40%{ transform: translate(0,-15px) rotate(10deg) scale(1,1.3);}
	60%{ transform: translate(0,-20px) rotate(-10deg) scale(1,1);}
	100%{ transform: translate(0,0) rotate(0) scale(1,1);}
}
nav a div .nav_star_01{ position: absolute; bottom: 8%; left: 105%; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.5s;}
nav a div::after{ display: block; content: ''; position: absolute; bottom: 15%; right: 110%; width: 15px; height: 15px; background: url(../images/nav_star.png); background-size: contain; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.8s;}
nav a div::before{ display: block; content: ''; position: absolute; bottom: 30%; right: 95%; width: 10px; height: 10px; background: url(../images/nav_star.png); background-size: contain; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.5s;}
nav br{ display: none;}
@keyframes nav_star {
    0%{ transform: scale(0.5); opacity: 0;}
	50%{ transform: scale(1); opacity: 1;}
	100%{ transform: scale(0.5); opacity: 0;}
}
nav a:hover div{ display: block;}
@media (max-width:960px){
nav a div{ transform: scale(0.75);}
}
@media (max-width:750px){
nav a div{ display: none;}
nav a:hover div{ display: none;}
nav a:hover{ padding: 0;}
nav br{ display: block;}
}
@media (max-width:500px){
nav{ height: 58px; background-size: contain;}
nav a{ height: 45px;}
}


.main{ position: relative; max-width: 2000px; margin: 0 auto; overflow: hidden;}
.main_bg{ position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: url(../images/bg.jpg) no-repeat center;}
.main_bg img{ max-width: 100%;}
.main section{ position: relative; max-width: 1000px; margin: 0 auto; padding: 70px 30px; text-align: center; box-sizing: border-box; z-index: 2;}
.main .title{ margin: 0 auto; max-width: 90%;}
.main .time{ display: inline-block; clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0); margin: 30px 0 0 0; padding: 10px 40px; color: #fff; background: url(../images/bg_blue.jpg) repeat center;}

.btn_lvup{ position: fixed; top: 100px; display: flex; flex-direction: column; align-items: center; margin-left: calc(100% - 194px); border-radius: 500px; background: #fff; z-index: 11;}
.btn_lvup p{ clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0); position: absolute; bottom: 25px; margin: 0; padding: 10px; color: #fff; background: url(../images/bg_blue.jpg) repeat center; font-size: 0.8rem; text-align: center;}
.btn_lvup span{ position: absolute; bottom: 5px; text-align: center; color: #ff525d; font-size: 0.875rem;}
.btn_lvup .nav_star{ position: absolute; bottom: 50%; left: 90%; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.5s;}
.btn_lvup::after{ display: block; content: ''; position: absolute; bottom: 50%; right: 95%; width: 15px; height: 15px; background: url(../images/nav_star.png); background-size: contain; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.8s;}
.btn_lvup::before{ display: block; content: ''; position: absolute; bottom: 60%; right: 90%; width: 10px; height: 10px; background: url(../images/nav_star.png); background-size: contain; opacity: 0; animation: nav_star 1s infinite; animation-delay: 0.5s;}
.btn_lvup:hover{ animation: btn_lvup 0.5s forwards;}
@keyframes btn_lvup {
    0%{ transform: scale(1,1);}
	40%{ transform: scale(0.95,1.05);}
	60%{ transform: scale(1.05,0.95);}
	100%{ transform: scale(1,1);}
}
@media (min-width:1920px){
.btn_lvup{ margin-left: calc(50% + 1000px - 244px);}
}
@media (max-width:1200px){
.btn_lvup{ top: 20px; margin-left: calc(100% - 174px); transform: scale(0.7);}
.btn_lvup:hover{ animation: none;}
}
@media (max-width:500px){
.main section{ padding: 30px 15px; }
.main .time{ margin: 10px 0 0 0; padding: 10px 20px;}

.btn_lvup{ flex-direction: row; top: unset; bottom: 0; width: 100%; margin-left: 0; transform: scale(1); border-radius: 0;}
.btn_lvup .btn_lvup_poring{ display: none;}
.btn_lvup p{ position: relative; bottom: 0; width: 100%; clip-path: none;}
.btn_lvup p::before{ display: inline-block; content: '蹦級';}
.btn_lvup span{ display: none;}
.btn_lvup .nav_star{ z-index: 1; bottom: 30%; left: 93%;}
.btn_lvup::before{ z-index: 1; bottom: 20%;}
}


.event_info{ margin: 80px 0 0 0;}
h3{ display: flex; margin: 0 0 20px; color: #140842; font-size: 1.25rem;}
h3 img{ margin: 0 10px 0 0;}
h4{ margin: 0 0 20px; padding: 10px; font-size: 1rem; color: #ff525d; background: #ffe3a7;}

ol{ margin: 0; padding: 0; list-style: none;}
ol li{ position: relative; padding: 0 0 0 30px; line-height: 1.8em; list-style: none; counter-increment:li; text-align: left;}
ol li::before{ position: absolute; left: 0; top: 6px; display: inline-block; width: 16px; line-height: 16px; content: counter(li) ". "; padding: 0; text-align: center; }
ol li+li{ margin: 10px 0 0 0;}
ol li i{ display: inline-flex; align-items: center; font-style: normal; color: #8a46d0;}
ol li i img{ margin: 0 10px 0 0;}

.hr{ display: flex; align-items: center; margin: 80px 0;}
.hr span{ margin: 0 10px; flex: 1; display: block; border-bottom: 1px dashed #140842;}
hr{ margin: 40px 0; border: none; border-bottom: 1px solid #fff;}

.blue_zone{ padding: 40px; background: rgba(209,233,255,0.5); border: 1px solid #fff;}
.blue_zone+.blue_zone{ margin: 40px 0 0 0;}

.login_zone{ display: flex; align-items: center;}
.login_zone i{ flex: 1; height: 30px; background: url(../images/bg_orange.png) center repeat; border-radius: 50px;}
.login_zone p{ position: relative; display: flex; justify-content: center; margin: 0 20px; cursor: pointer;}
.login_zone p .bg_login_01{ position: absolute; top: 0; left: 0; animation: bg_login_01 8s linear infinite;}

.logout_zone{ display: flex; gap: 30px;}
.purple_zone{ position: relative; flex: 1; padding: 30px; background: url(../images/bg_purple.png) center repeat;}
.purple_zone::after{ position: absolute; top: 0; left: 0; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #bbd6ff transparent transparent transparent;}
.purple_zone::before{ position: absolute; bottom: 0; right: 0; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; border-color: transparent transparent #bbd6ff transparent; z-index: 1;}

.logout_zone .logout_zone_right{ display: flex; flex-direction: column; width: 400px;}
.logout_zone .form p{ margin: 0; text-align: left;}
.logout_zone .form p+p{ margin: 20px 0 0 0;}
.logout_zone .form p span{ display: block; margin: 5px 0 0 0; font-size: 0.75rem; color: #ff525d;}
select{ display: block; width: 100%; height: 60px; margin: 10px 0 0 0; padding: 0 20px; font-size: 1rem; background: url(../images/bg_orange.png) center repeat; color: #333333; cursor: pointer;}
select:focus{ background: url(../images/bg_orange.png) center repeat;}
input[type='text']{ display: block; width: 100%; height: 60px; margin: 10px 0 0 0; padding: 0 20px; font-size: 1rem; background: url(../images/bg_orange.png) center repeat; color: #333333; cursor: pointer; box-sizing: border-box;}
input[type='button']{ width: 100%; height: 60px; padding: 0 20px; font-size: 1rem; color: #333333; background: #fff; transition: .3s;}
input[type='button']:hover{ background: #ffeedb;}
input[type='button']{ cursor: pointer;}
input[type='button']:disabled{ background: #eeeeee;}

.account{ display: flex; align-items: center; justify-content: right; margin: auto 0 0 0; padding: 20px 0 0 0; color: #bb7e46;}
.account span{ margin: 0 10px 0 0;}
.account a{ display: inline-block; padding: 3px 5px; font-size: 0.75rem; line-height: 1em; color: #bb7e46; background: #fff; border: 1px solid #bb7e46; transition: .3s;}
.account a+a{ margin: 0 0 0 5px;}
.account a:hover{ background: #bb7e46; color: #fff;}
@keyframes bg_login_01 {
    0%{ transform: rotate(0);}
	100%{ transform: rotate(360deg);}
}
.login_zone p .bg_login_02{ position: absolute; top: 0; left: 0; animation: bg_login_02 8s linear infinite;}
@keyframes bg_login_02 {
    0%{ transform: rotate(0);}
	100%{ transform: rotate(-360deg);}
}
.login_zone p .btn_login{ position: relative;}
.login_zone p span{ position: absolute; bottom: 20%; display: inline-block; color: #ff525d; border-bottom: 1px solid #ff525d;}

.note_title{ margin: 0 auto 30px;}

@media (max-width:750px){
.logout_zone{ flex-wrap: wrap;}
.logout_zone .logout_zone_right{ width: 100%;}
}

@media (max-width:500px){
.event_info{ margin: 30px 0 0 0;}
h3{ margin: 0 0 10px; align-items: center;}
h3 img{ margin: 0 5px 0 0; width: 30px;}
h4{ margin: 0 0 10px;}

ol li{ padding: 0 0 0 20px;}
ol li::before{ top: 2px;}

.hr{ margin: 20px 0;}
hr{ margin: 20px 0;}

.blue_zone{ padding: 20px;}
.blue_zone+.blue_zone{ margin: 20px 0 0 0;}

.login_zone i{ height: 15px;}
.login_zone p{ margin: 0 10px;}
.login_zone p img{ width: 120px;}

.logout_zone{ gap: 20px;}
.purple_zone{ padding: 20px;}
.purple_zone::after{ border-width: 20px 20px 0 0;}
.purple_zone::before{ border-width: 0 0 20px 20px;}
.logout_zone .form p+p{ margin: 10px 0 0 0;}

select{ height: 40px;}
input[type='text'],
input[type='button']{ height: 40px;}
.account{ justify-content: center;}

.note_title{ width: 100px; margin: 0 auto 20px;}
}

.event_02 .explanation{ display: flex; align-items: center;}
.event_02 .explanation img{ margin: 0 0 0 -20px;}
.event_02 .explanation p{ flex: 1; margin: 0 0 0 20px; text-align: left;}
.event_02 .explanation i{ display: inline-block; padding: 5px 20px; background: #fff; color: #140842; font-size: 1.25rem; font-style: normal;}
.event_02 .explanation span{ display: block; margin: 10px 0 0;}
.event_02 .gift_list div{ display: flex; gap: 10px;}
.event_02 .gift_list div a{ position: relative; border: 1px solid #e4c9ff; box-sizing: border-box; transition: .3s;}
.event_02 .gift_list div a:hover{ border: 1px solid #8a46d0;}
.event_02 .gift_list div a::after{ position: absolute; top: 5px; right: 5px; display: block; content: ''; width: 16px; height: 16px; background: url(../images/icon_magnifier.png) top right no-repeat; background-size: contain; transition: .3s; opacity: 0.5;}
.event_02 .gift_list div a:hover::after{ opacity: 1;}
.event_02 .gift_list div a img{ max-width: 100%;}
.event_02 .gift_list ul{ margin: 30px 0 0; padding: 0 0 0 22px; text-align: left; line-height: 2em; list-style: upper-alpha;}

.event_02 .info{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.event_02 .info p{ margin: 10px 0 0;}
.event_02 .info p span{ color: #8a46d0;}

.event_02 .p01{ position: absolute; top: 1%; left: 80%;}
.event_02 .p02{ position: absolute; top: 30%; right: 110%;}
.event_02 .p03{ position: absolute; top: 60%; left: 105%;}
.event_02 .p04{ position: absolute; bottom: 0; right: 95%;}

@media (max-width:1440px){
.event_02 .p02{ display: none;}
.event_02 .p03{ display: none;}
.event_02 .p04{ display: none;}
}

@media (max-width:750px){
.event_02 .p01{ display: none;}
}

@media (max-width:500px){
.event_02 .explanation img{ margin: 0 0 0 -13px; width: 100px;}
.event_02 .explanation p{ margin: 0 0 0 10px;}
.event_02 .gift_list div{ flex-wrap: wrap; justify-content: center;}
.event_02 .gift_list div a{ width: calc((100% - 20px)/3);}
.event_02 .gift_list div a img{ width: 100%; max-width: 100%;}
.event_02 .gift_list ul{ margin: 10px 0 0; padding: 0 0 0 18px;}

.event_02 .info img{ width: 100px;}
}


.event_01 .info{ padding: 30px 30px 30px 190px;}
.event_01 .info .p05{ position: absolute; bottom: 0; left: 5%;}

.event_01 .p01{ position: absolute; top: 30%; right: 110%; transform: scaleX(-1);}
.event_01 .p02{ position: absolute; top: 5%; left: 110%; transform: scaleX(-1);}
.event_01 .p03{ position: absolute; top: 60%; left: 105%;}
.event_01 .p04{ position: absolute; bottom: 0; right: 95%;}

.luckWheel_wrap{ position: relative; margin: 110px 0 0 0;}
.p06{ position: absolute; top: -110px; left: 50%; transform: translate(-50%, 0);}
.p07{ margin: 0 auto;}

.event_01 .rewards_list+.rewards_list{ padding: 30px 0 0 0; border-top: 1px solid #eff7fd;}
.event_01 .rewards_list h5{ display: flex; margin: 0 0 30px; align-items: center;}
.event_01 .rewards_list h5 p{ flex: 1; margin: 0 0 0 20px; padding: 3px; background: #eff7fd; border-radius: 50px; text-align: right;}
.event_01 .rewards_list h5 p span{ display: inline-block; padding: 0 10px; background: #bbd6ff; color: #0273d1; border-radius: 50px; font-size: 0.875rem; cursor: pointer; transition: .3s;}
.event_01 .rewards_list h5 p span:hover{ background: #0273d1; color: #eff7fd;}
.event_01 .rewards_list h5 p span.disabled{ background: #eeeeee; color: #aaa; cursor: default;}
.event_01 .rewards_list div{ display: flex; align-items: flex-start; margin: 0 0 30px 0;}
.event_01 .rewards_list div img{ border: 1px solid #bbd6ff;}
.event_01 .rewards_list div p{ flex: 1; margin: 0 0 0 60px; text-align: left;}
.event_01 .rewards_list div p span{ display: block; margin: 0 0 20px; color: #0273d1;}
.event_01 .rewards_list div p i{ display: block; color: #ff525d; font-style: normal;}

@media (max-width:1440px){
.event_01 .p02{ display: none;}
.event_01 .p03{ display: none;}
.event_01 .p04{ display: none;}
}

@media (max-width:1000px){
.event_01 .info{ padding: 30px;}
.event_01 .info .p05{ display: none;}
}
@media (max-width:750px){
.event_01 .rewards_list div p{ margin: 0 0 0 20px;}
.event_01 .p01{ display: none;}
}
@media (max-width:500px){
.event_01 .info{ padding: 20px;}	

.luckWheel_wrap{ margin: 65px 0 0 0;}
.p06{ top: -65px; width: 100px;}

.event_01 .rewards_list+.rewards_list{ padding: 20px 0 0 0; }
.event_01 .rewards_list h5{ margin: 0 0 10px;}
.event_01 .rewards_list h5 img{ height: 24px;}
.event_01 .rewards_list div{ margin: 0 0 20px;}
.event_01 .rewards_list div img{ width: 80px;}
.event_01 .rewards_list div p{ margin: 0 0 0 10px;}
.event_01 .rewards_list div p span{ margin: 0 0 5px;}
}


.overlay{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(135,200,220,0.9); z-index: 20;}
.lightbox{ position: fixed; top: 5vh; left: 50%; width: 100%; max-width: 1000px; height: 90vh; padding: 20px; background: #fff; z-index: 21; transform: translate(-50%,0); box-sizing: border-box;}
.lightbox>div{ width: 100%; height: 100%; padding: 60px; background: url(../images/bg_purple.png) center repeat; overflow-y: auto; box-sizing: border-box;}
.lightbox>div::-webkit-scrollbar{ width: 10px; background-color: #bbd6ff;}
.lightbox>div::-webkit-scrollbar-thumb{ background-color: #0273d1; border-radius: 3px;}
.lightbox .lightbox_title{ margin: 0 auto 30px;}
.lightbox .close{ position: absolute; top: 0; right: 0; transform: translate(100%,0); padding: 10px; background: #fff; cursor: pointer; transition: .3s;}
.lightbox .close:hover{ filter: hue-rotate(-35deg);}
.p09{ position: absolute; right: 0; bottom: 0; transform: translate(40%,10%); pointer-events: none;}

@media (max-width:1140px){
.lightbox{ left: 2.5%; max-width: calc(100% - 59px - 5%); transform: translate(0,0);}
}
@media (max-width:1000px){
.lightbox>div{ padding: 60px 20px;}
}
@media (max-width:750px){
.lightbox{ padding: 10px; max-width: calc(100% - 40px - 5%);}
.lightbox .close{ padding: 5px;}
.lightbox .close img{ width: 30px;}
.p09{ width: 100px;}
}
@media (max-width:500px){
.lightbox>div{ padding: 30px 20px;}
.lightbox .lightbox_title{ width: 200px; margin: 0 auto 20px;}
}

.lightbox_event01 article{ display: flex; flex-wrap: wrap; gap: 20px;}
.lightbox_event01 article div{ width: calc((100% - 60px)/4); padding: 0 10px 10px; background: #fff; text-align: center; box-sizing: border-box;}
.lightbox_event01 article div p{ margin: 0; padding: 10px; background: #eff7fd; font-size: 0.875rem;}
.lightbox_event01 article div span{ display: block; padding: 10px; background: #eeeeee; font-size: 0.875rem;}
.lightbox_event01 article div img{ margin: 0 auto; max-width: 100%;}
@media (max-width:750px){
.lightbox_event01 article{ gap: 10px;}
.lightbox_event01 article div{ width: calc((100% - 20px)/3);}
}
@media (max-width:500px){
.lightbox_event01 article div{ width: calc((100% - 10px)/2);}
}


.event_06 .info_btn{ display: flex; gap: 20px; margin: 30px 0;}
.event_06 .info_btn>div{ position: relative; flex: 1; cursor: pointer;}
.event_06 .info_btn img{ position: relative; margin: 0 auto; padding: 0 0 55px; z-index: 1; transition: .3s;}
.event_06 .info_btn>div:hover img{ padding: 10px 0 45px;}
.event_06 .info_btn p{ position: absolute; bottom: 0; margin: 0; padding: 30px 0; width: 100%; border: 1px solid #bbd6ff; background: rgba(255,255,255,0.5); transition: .3s;}
.event_06 .info_btn>div:hover p{ background: #bbd6ff;}

.event_06 .info i{ color: #0273d1; font-style: normal; font-weight: bolder; font-size: 5rem;}
.event_06 .info .p10{ margin: 0 auto;}

.lightbox_event06c article{ display: flex; flex-wrap: wrap; gap: 20px;}
.lightbox_event06c article div{ width: calc((100% - 60px)/4); padding: 0 10px 10px; background: #fff; text-align: center; box-sizing: border-box;}
.lightbox_event06c article div p{ margin: 0; padding: 10px; background: #eff7fd; font-size: 0.875rem;}
.lightbox_event06c article div span{ display: block; padding: 10px; background: #eeeeee; font-size: 0.875rem;}
.lightbox_event06c article div img{ margin: 0 auto; max-width: 100%;}

.lightbox_event06a article div{ background: rgba(255,255,255,0.5); padding: 30px;}
.lightbox_event06a article div+div{ margin: 20px 0 0 0;}
.lightbox_event06a article span{ display: inline-block; margin: 0 0 10px -45px; padding: 3px 15px; background: #bbd6ff;clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);}
.lightbox_event06a article p{ margin: 20px 0 0; padding: 30px; background: #fff; text-align: center;}
.lightbox_event06a article i{ display: block; margin: 5px 0 0 0; font-style: normal; font-size: 0.875rem; color: #ff525d;}

.lightbox_event06b .gift_list{ margin: 0 0 30px; padding: 30px; background: rgba(255,255,255,0.5);}
.lightbox_event06b .gift_list>div{ display: flex; align-items: flex-start; margin: 0;}
.lightbox_event06b .gift_list>div+div{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #fff;}
.lightbox_event06b .gift_list>div img{ border: 1px solid #bbd6ff;}
.lightbox_event06b .gift_list>div p{ flex: 1; margin: 0 0 0 60px; text-align: left;}
.lightbox_event06b .gift_list>div p span{ display: block; margin: 0 0 20px; color: #0273d1;}
.lightbox_event06b .gift_list>div p i{ display: block; color: #ff525d; font-style: normal;}
.lightbox_event06b .gift_list>div a{ display: inline-block; margin: 10px 0 0 0; color: #8a46d0;}

.lightbox_event06b .group_list{ display: flex; flex-wrap: wrap; gap: 10px; padding: 30px; background: rgba(255,255,255,0.5);}
.lightbox_event06b .group_list>div{ display: flex; align-items: flex-start; width: calc((100% - 10px) / 2);}
.lightbox_event06b .group_list>div img{ width: 40px;}
.lightbox_event06b .group_list>div p{ display: flex; flex: 1; flex-direction: column; margin: 0;}
.lightbox_event06b .group_list>div span{ line-height: 40px; background: #fff; color: #0273d1;}
.lightbox_event06b .group_list>div b{ padding: 10px 0; border-bottom: 1px solid #fff;}

.lightbox_event06b .gift_journey{ display: flex; flex-wrap: wrap; gap: 10px;}
.lightbox_event06b .gift_journey>div{ width: calc((100% - 10px) / 2);}
.lightbox_event06b .gift_journey>div:nth-of-type(1){ width: 100%; text-align: center;}
.lightbox_event06b .gift_journey>div:nth-of-type(2){ width: 100%; padding: 30px; background: rgba(255,255,255,0.5);}
.lightbox_event06b .gift_journey>div:nth-of-type(2) i{ display: block; margin: 20px 0 0; padding: 10px 30px; background: #fff; text-align: center; font-style: normal; color: #ff525d;}
.lightbox_event06b .gift_journey>div:nth-of-type(2) span{ display: inline-block; margin: 0 0 10px -45px; padding: 3px 15px; background: #bbd6ff;clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);}
.lightbox_event06b .gift_journey>div img{ max-width: 100%; border: 10px solid #fff; box-sizing: border-box;}
.lightbox_event06b .gift_journey>div p{ margin: 0; padding: 0 0 10px; background: #fff; text-align: center;}


.lightbox_event06d .form{ padding: 30px 60px; background: rgba(255,255,255,0.5); }
.lightbox_event06d .form .address{ display: flex; gap: 10px; margin: 20px 0;}
.lightbox_event06d .form .address p{ flex: 1;}
.lightbox_event06d .form p{ margin: 0;}
.lightbox_event06d .form p+p{ margin: 20px 0 0 0;}
.lightbox_event06d .form .address p+p{ margin: 0;}
.lightbox_event06d .form p span{ display: block; margin: 5px 0 0 0; color: #ff525d; font-size: 0.75rem;}

.event_06 .p02{ position: absolute; top: 2%; right: 110%;}
.event_06 .p03{ position: absolute; top: 35%; left: 105%;}
.event_06 .p04{ position: absolute; bottom: 0; right: 95%;}

@media (max-width:1440px){
.event_06 .p02{ display: none;}
.event_06 .p03{ display: none;}
.event_06 .p04{ display: none;}
}

@media (max-width:750px){
.lightbox_event06c article{ gap: 10px;}
.lightbox_event06c article div{ width: calc((100% - 20px)/3);}

.lightbox_event06b .gift_list>div p{ margin: 0 0 0 20px;}
.lightbox_event06b .group_list>div{ width: 100%;}

.lightbox_event06d .form{ padding: 15px 10px;}
}
@media (max-width:500px){
.event_06 .info_btn img{ max-width: 70%; padding: 0 0 30px;}
.event_06 .info_btn>div:hover img{ padding: 5px 0 25px;}
.event_06 .info_btn p{ padding: 15px 0;}

.event_06 .info .p10{ width: 70px;}
.lightbox_event06c article div{ width: calc((100% - 10px)/2);}

.lightbox_event06a article div{ padding: 15px;}
.lightbox_event06a article span{ margin: 0 0 10px -25px;}
.lightbox_event06a article p{ margin: 10px 0 0; padding: 10px; text-align: left;}

.lightbox_event06b .gift_list{ margin: 0 0 20px; padding: 10px;}
.lightbox_event06b .gift_list>div+div{ margin: 15px 0 0 0; padding: 15px 0 0 0;}
.lightbox_event06b .gift_list>div img{ width: 40px;}
.lightbox_event06b .gift_list>div p{ margin: 0 0 0 10px;}
.lightbox_event06b .gift_list>div p span{ margin: 0 0 5px;}

.lightbox_event06b .gift_journey{ gap: 5px;}
.lightbox_event06b .gift_journey>div{ width: calc((100% - 5px) / 2);}
.lightbox_event06b .gift_journey>div:nth-of-type(2){ padding: 10px;}
.lightbox_event06b .gift_journey>div:nth-of-type(2) span{ margin: 0 0 10px -25px;}
.lightbox_event06b .gift_journey>div img{ border: 5px solid #fff;}

.lightbox_event06b .group_list{ margin: 0 0 20px; padding: 10px;}

.lightbox_event06d .form .address{ flex-direction: column; margin: 10px 0;}
.lightbox_event06d .form p+p{ margin: 10px 0 0 0;}
}


.event04_tab{ position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; margin: 30px 0 0;}
.event04_tab p{ margin: 0; cursor: pointer;}
.event04_tab p span{ display: block; width: 200px; background: #fff; color: #0273d1; clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0); transition: .3s;}
.event04_tab p:hover span,
.event04_tab p.active span{ background: #bbd6ff; color: #333333;}
.event04_tab p:nth-of-type(1){ padding: 0 0 15px; border-bottom: 1px solid #bbd6ff;}
.event04_tab p:nth-of-type(2){ padding: 15px 0 0; border-top: 1px solid #bbd6ff;}
.event04_tab img{ position: absolute;}

.event04a_tab{ display: flex; justify-content: center; gap: 10px; margin: 60px 0 0 0;}
.event04a_tab p{ position: relative; display: flex; justify-content: center; cursor: pointer;}
.event04a_tab p img{ max-width: 100%;}
.event04a_tab p img:nth-of-type(2){ position: absolute; transform: translate(0,-30%);}
.event04a_tab p:hover img:nth-of-type(2){ transform-origin:center bottom; animation: tab_poring .3s linear infinite;}

.event_04 .blue_zone article p{ margin: 0;}
.event_04 .blue_zone article img.title{ margin: 0 0 30px;}
.event_04 .blue_zone article img{ display: inline-block; max-width: 100%;}
.event_04 .blue_zone article .link{ display: inline-block; margin: 30px 0 0;}
.event_04 .monster{ display: flex; justify-content: center; margin: 30px 0 0;}
.event_04 .monster p{ width: 300px; max-width: 40%; border: 1px solid #bbd6ff;}
.event_04 .monster p+p{ border-left: none;}
.event_04 .monster i{ display: block; padding: 10px 0; background: #bbd6ff; color: #0273d1; font-style: normal;}
.event_04 .monster span{ display: block; padding: 10px 0; background: rgba(255,255,255,0.5);}
.event_04 .monster span+span{ border-top: 1px solid #bbd6ff;}

@keyframes tab_poring {
    0%{ transform:scale(1,1) translate(0,-30%);}
	33%{ transform:scale(1.1,0.9) translate(0,-30%);}
	66%{ transform:scale(0.9,1.1) translate(0,-30%);}
	100%{ transform:scale(1,1) translate(0,-30%);}
}
@media (max-width:750px){
.event04a_tab p img:nth-of-type(2){ max-width: 60%;}

.event_04 .monster p{ max-width: none;}
}
@media (max-width:500px){
.event04_tab{ margin: 20px 0 0;}
.event04_tab p{ width: 40%;}
.event04_tab p span{ width: 100%; line-height: 1.8em; clip-path: none;}
.event04_tab img{ display: none;}

.event04a_tab{ margin: 10px 0 0 0;}

.event_04 .blue_zone article img.title{ width: 200px; margin: 0 0 10px;}
.event_04 .blue_zone article .link{ margin: 10px 0 0;}
}

.event04b{ position: relative;}
.event04b .purple_zone{ margin: 60px 0 0;}
.event04b .purple_zone article{  line-height: 1.8em;}
.event04b .purple_zone article img{ margin: 0 0 20px; max-width: 100%; border: 10px solid #fff; box-sizing: border-box;}
.event04b .purple_zone article span{ color: #ff525d; }
.event04b .purple_zone+.blue_zone{ margin: 40px 0 0 0;}

.event04b .stitle{ margin: 0 auto 20px; max-width: 100%;}
.event04b .btitle{ margin: 60px auto 30px; max-width: 100%;}
.event04b .info_pic{ margin: 15px auto; max-width: 100%; border: 10px solid #fff; box-sizing: border-box;}
.event04b .blue_zone p.info{ margin: 0;}
.event04b .blue_zone p.info span{ color: #8a46d0;}
.event04b .blue_zone i{ font-size: 0.875rem; font-style: normal; color: #ff525d;}
.event04b .blue_zone .table_a{ display: flex; flex-wrap: wrap; margin: 30px auto 0; width: 600px; max-width: 100%; border: 1px solid #bbd6ff;}
.event04b .blue_zone .table_a.w100{ width: 100%;}
.event04b .blue_zone .table_a p{ width: 40%; margin: 0; padding: 10px; background: #bbd6ff; box-sizing: border-box; border-bottom: 1px solid #d2e2ff;}
.event04b .blue_zone .table_a.w100 p{ width: 100%;}
.event04b .blue_zone .table_a.w50 p{ width: 50%;}
.event04b .blue_zone .table_a p img{ margin: 0 auto; max-width: 100%;}
.event04b .blue_zone .table_a span{ width: 60%; padding: 10px; background: rgba(255,255,255,0.5); box-sizing: border-box; border-bottom: 1px solid #fff;}
.event04b .blue_zone .table_a.w100 span{ width: 100%;}
.event04b .blue_zone .table_a.w50 span{ width: 50%;}
.event04b .blue_zone .table_a span.t_left{ text-align: left;}
.event04b .blue_zone .table_a span b{ display: block; margin: 0 0 10px; color: #0273d1;}

.event04b .blue_zone .table_b{ width: 600px; max-width: 100%; margin: 0 auto; padding: 30px; background: rgba(255,255,255,0.5); box-sizing: border-box;}
.event04b .blue_zone p.info+.table_b{ margin: 30px auto 0;}
.event04b .blue_zone .table_b>div{ display: flex; align-items: flex-start; margin: 0;}
.event04b .blue_zone .table_b>div+div{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #fff;}
.event04b .blue_zone .table_b>div img{ border: 1px solid #bbd6ff;}
.event04b .blue_zone .table_b>div p{ flex: 1; margin: 0 0 0 30px; text-align: left;}
.event04b .blue_zone .table_b>div p span{ display: block; margin: 0 0 20px; color: #0273d1;}
.event04b .blue_zone .table_b>div p i{ display: block; margin: 0 0 10px; color: #ff525d; font-style: normal;}
.event04b .blue_zone .table_b>div p b{ display: inline-block; margin: 0 0 5px; padding: 0 5px 0 20px; background: url(../images/icon_star.png) left 5px no-repeat; color: #8a46d0;}
.event04b .blue_zone .table_a+.stitle{ margin: 40px auto 20px;}
.event04b .blue_zone .table_b+.stitle{ margin: 40px auto 20px;}
h6{ display: inline-block; margin: 30px auto 20px; padding: 10px 30px; clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0); background: #e4c9ff; color: #8a46d0; font-size: 1rem;}
.event04b .p01{ position: absolute; top: 10%; left: 120%;}
.event04b .p02{ position: absolute; top: 30%; right: 110%;}
.event04b .p03{ position: absolute; top: 60%; left: 105%;}
.event04b .p04{ position: absolute; bottom: -70px; right: 95%;}

@media (max-width:1440px){
.event04b .p01{ display: none;}
.event04b .p02{ display: none;}
.event04b .p03{ display: none;}
.event04b .p04{ display: none;}
}
@media (max-width:750px){
.event04b .blue_zone .table_a p{ width: 23%;}
.event04b .blue_zone .table_a span{ width: 77%;}

.event04b .blue_zone .table_b>div p{ margin: 0 0 0 20px;}
}
@media (max-width:500px){
.event04b .purple_zone{ margin: 10px 0 0;}
.event04b .purple_zone+.blue_zone{ margin: 20px 0 0 0;}
.event04b .purple_zone article img{ border: 5px solid #fff;}

.event04b .btitle{ width: 260px; margin: 20px auto 15px;}
.event04b .info_pic{ border: 5px solid #fff;}
.event04b .blue_zone .table_a{ margin: 10px 0 0;}
.event04b .blue_zone .table_a p{ padding: 5px; text-align: left;}
.event04b .blue_zone .table_a p img{ width: 60px;}
.event04b .blue_zone .table_a span{ padding: 5px; text-align: left;}

.event04b .blue_zone .table_b{ margin: 0 0 20px; padding: 10px;}
.event04b .blue_zone p.info+.table_b{ margin: 10px 0 0;}
.event04b .blue_zone .table_b>div+div{ margin: 15px 0 0 0; padding: 15px 0 0 0;}
.event04b .blue_zone .table_b>div img{ width: 40px;}
.event04b .blue_zone .table_b>div p{ margin: 0 0 0 10px;}
.event04b .blue_zone .table_b>div p span{ margin: 0 0 5px;}
.event04b .blue_zone .table_b>div p b{ padding: 0 5px 0 12px; background-size: 10px; }

h6{ margin: 20px auto;}
}


.event_03 .blue_zone article p.info{ margin: 0;}
.event_03 .blue_zone article p.info span{ color: #8a46d0;}
.event_03 .blue_zone article .info_pic{ margin: 15px auto; max-width: 100%; border: 10px solid #fff; box-sizing: border-box;}
.event_03 .blue_zone .table_a{ display: flex; flex-wrap: wrap; margin: 30px auto 0; width: 600px; max-width: 100%; border: 1px solid #bbd6ff;}
.event_03 .blue_zone .table_a p{ width: 40%; margin: 0; padding: 10px; background: #bbd6ff; box-sizing: border-box; border-bottom: 1px solid #d2e2ff;}
.event_03 .blue_zone .table_a p img{ margin: 0 auto; max-width: 100%;}
.event_03 .blue_zone .table_a span{ width: 60%; padding: 10px; background: rgba(255,255,255,0.5); box-sizing: border-box; border-bottom: 1px solid #fff;}
.event_03 .blue_zone .table_a span.t_left{ text-align: left;}
.event_03 .blue_zone .table_a span b{ display: block; margin: 0 0 10px; color: #0273d1;}

.event_03 .blue_zone .table_b{ width: 600px; max-width: 100%; margin: 0 auto; padding: 30px; background: rgba(255,255,255,0.5); box-sizing: border-box;}
.event_03 .blue_zone p.info+.table_b{ margin: 30px auto 0;}
.event_03 .blue_zone .table_b>div{ display: flex; align-items: flex-start; margin: 0;}
.event_03 .blue_zone .table_b>div+div{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #fff;}
.event_03 .blue_zone .table_b>div img{ border: 1px solid #bbd6ff;}
.event_03 .blue_zone .table_b>div p{ flex: 1; margin: 0 0 0 30px; text-align: left;}
.event_03 .blue_zone .table_b>div p span{ display: block; margin: 0 0 20px; color: #0273d1;}
.event_03 .blue_zone .table_b>div p i{ display: block; margin: 0 0 10px; color: #ff525d; font-style: normal;}
.event_03 .blue_zone .table_b>div p b{ display: inline-block; margin: 0 0 5px; padding: 0 5px 0 20px; background: url(../images/icon_star.png) left 5px no-repeat; color: #8a46d0;}
.event_03 .blue_zone .table_a+.stitle{ margin: 40px auto 20px;}
.event_03 .blue_zone .table_b+.stitle{ margin: 40px auto 20px;}
@media (max-width:750px){
.event_03 .blue_zone .table_a p{ width: 23%;}
.event_03 .blue_zone .table_a span{ width: 77%;}

.event_03 .blue_zone .table_b>div p{ margin: 0 0 0 20px;}
}
@media (max-width:500px){
.event_03 .blue_zone article .info_pic{ border: 5px solid #fff;}

.event_03 .blue_zone .table_a{ margin: 10px 0 0;}
.event_03 .blue_zone .table_a p{ padding: 5px; text-align: left;}
.event_03 .blue_zone .table_a p img{ width: 60px;}
.event_03 .blue_zone .table_a span{ padding: 5px; text-align: left;}

.event_03 .blue_zone .table_b{ margin: 0 0 20px; padding: 10px;}
.event_03 .blue_zone p.info+.table_b{ margin: 10px 0 0;}
.event_03 .blue_zone .table_b>div+div{ margin: 15px 0 0 0; padding: 15px 0 0 0;}
.event_03 .blue_zone .table_b>div img{ width: 40px;}
.event_03 .blue_zone .table_b>div p{ margin: 0 0 0 10px;}
.event_03 .blue_zone .table_b>div p span{ margin: 0 0 5px;}
.event_03 .blue_zone .table_b>div p b{ padding: 0 5px 0 12px; background-size: 10px; }
}