@charset "utf-8";



/* Mobile ~ 1023px */
#wrap{min-width:320px;}
.event_img {margin:0 0 50px 0;}
.event_btn {margin:0 0 50px 0;}
.event_btn > span {display:inline-block; line-height:50px; height:50px;  width:220px; text-align:center; border-radius:10px; box-sizing:border-box; font-size:16px; font-weight:bold; margin:0 5px 5px 5px; letter-spacing:-1px;}
.event_btn > span > a {color:#fff; transition:all 0.2s;}
.event_btn > span:nth-child(1) {background:#e81c43;}
.event_btn > span:nth-child(2) {background:#078ace;}
.event_btn > span:nth-child(3) {background:#61b813;}
.event_btn > span:hover{background:#2e2773;}
.event_btn > span:hover > a{ transform:scale(1.07);}

/*** Tablet 1024px ~  ***/
@media all and (max-width:1024px) {
.event_img {margin:0 0 40px 0;}
.event_img img {width:100%;}
.event_btn {margin:0 0 40px 0;}
.event_btn > span {line-height:45px; height:45px; width:180px; font-size:15px;}
}

@media all and (max-width:768px) {
.event_img {margin:0 0 35px 0;}
.event_btn {margin:0 0 35px 0;}
.event_btn > span {line-height:40px; height:40px; width:160px; font-size:14px;}
}

@media all and (max-width:480px) {
.event_img {margin:0 0 30px 0;}
.event_btn {margin:0 0 30px 0;}
.event_btn > span {line-height:35px; height:35px; width:140px; font-size:13px;}
}