.contents{max-width: 640px;margin:0 auto;font-size: 10px;}
.contents img{display:block;width:100%;max-width: 640px;}
.info_box{background:url(//image.hackersjob.com/mobile/event/2019/0605/m_img07_gray.jpg) repeat-y;background-size:100% 100%;padding:4%}
.info_box input[type="checkbox"]{margin-top:-2px;}
.info_inner{background: #fff;padding:2%;border:1px solid #ddd;margin-top:5px;margin-bottom:5px;display: none;}
.info_inner p strong { text-decoration: underline;}
.view_toggle{display:inline-block;padding:2%;background: #333;color:#fff;}
/* cont01 */
.cont01{position:relative;}
.cont01 p{position: absolute;right: 2%;top: 18%;display: inline-block;padding: 2%;background: #ffdf2b;text-align: center;font-weight: bold;font-size: 13px;border-radius: 5px;
animation-name: finish_mark;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
animation-delay: 1s;}

@keyframes finish_mark{ 
	0%, 100%{transform:translate(0,0)}
	50%{transform:translate(0,-20px)}
}


/* cont04 */
.winner_area{background:url(//image.hackersjob.com/mobile/event/2019/0605/winner_bg.jpg) repeat-y 0 0;background-size: 100% 100%;padding: 0 3.8%;}
.winner_list li{width:150px;height:150px;padding-top:77px !important;background:url(//image.hackersjob.com/mobile/event/2018/0312/bg_winnder.png) no-repeat 0 0;background-size:150px auto;}
.winner_list li  .icon_company{width:60%;margin:0 auto;display:block;}
.winner_list li img{width:100%;}
.winner_list li dl{margin-top:15px;text-align:center;}
.winner_list li dl dt{font-size:14px;color:#a5a5a5;font-weight:600}
.winner_list li dl dd{font-size:14px;}
.winner_list li dl dd strong{display:block;margin:8px 0;}

.result_num{background:url(//image.hackersjob.com/mobile/event/2019/0605/m_img07_white.jpg) repeat-y 0 0;background-size:100% 100%;padding-bottom:3%;}
.result_num ul{width:70%;margin:0 auto;overflow: hidden;}
.result_num ul li{width: 33.33%;float:left;font-size:18px;font-weight: bold;text-align: center}
.result_num ul li input[type="radio"]{width:20px;height:20px;vertical-align: -3px;margin-right:5px;}


/* best_txt_area */
.best_txt_area{position:relative;}
.best_txt_area .best_txt{display: none;position: absolute;top:40%;border:1px solid #ddd;background: #fff;padding:4%;line-height: 18px;font-size:11px;height:200px;overflow-y: scroll;}
/* movie_wrap */
.movie_wrap{position:relative;padding-bottom:52.25%;height:0;overflow:hidden;background: #fdd13e}
.movie_wrap iframe,.movie_wrap object,.movie_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;}


/*slider*/
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link{width:12px;height:12px;border-radius:12px;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#17af81;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-20%;}


.btn_float_area{position:fixed;bottom:0px;text-align:center;width:100%;max-width:640px;}
.btn_float_area::after{content:"";display:block;clear:both;}
.btn_float_area .btn_top{position:absolute;left:50%;top:-38%;transform:translateX(-50%);width:15%;}
.btn_float_area .float_text{width:75%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
.btn_float_area .float_text > .float_text_left{width:30%; text-align:center; height:100%; float:left;}
.btn_float_area .float_text > .float_text_left > span{display:inline-block; color:#31c7ea; margin-top:53%; margin-left:6%;}
.btn_float_area .float_text > .float_text_right{width:70%; height:100%; float:left; padding-top:6.5%;}
.btn_float_area .float_text > .float_text_right > span{width:100%; display:inline-block; font-size:1.1em;}
.btn_float_area .float_text > .float_text_right > span.right_big{font-weight:bold; font-size:1.8em;  padding-top:1%;}

.cont03 .bx01{padding:0 3.3%;}
.cont03 .cont3_txt{color:#777;font-size:11px;text-align: right;margin:2% 3.3% 15%;}
.cont03{position:relative;}
.cont03 span.date_member{position:absolute;top:36%;left:50%;margin-left:-45%;width:90%;display:inline-block;height:50px;line-height: 50px;font-weight: bold;font-size:14px;text-align: center;background: #fff;border-radius: 30px;}

.cont06{position:relative;}
.cont06 .bx02{position: absolute;top:49.5%;padding:0 5%;}
.cont06 .bx02 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-10%;}
.cont07 .bx03{padding:0 3.3% 15%;}
.cont07 .bx03 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-15%;}


.tbl_info{display:none;}

@media screen and (min-width: 380px) {.contents{font-size:12px;}}
@media screen and (min-width: 440px) {.contents{font-size:14px;}}