.bg_fade{position: fixed; z-index:26; width: 100%; height: 100%;  left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: none;}

.pop_body{position: fixed; z-index:27; width: 100%; height: 500px;  left: 0; top: 48%; margin-top:-250px;}
.pop_panel{position:relative; margin: 0 10px;}
.pop_box{position:relative; width: 100%; height: auto; background-color:#fff; font-family: 'db_heaventregular'; line-height: 22px; font-size: 14px; color: #252324;}
.pop_head{font-family: 'db_heaventbold'; line-height: 30px; font-size: 22px; color: #91B53C; text-align: center; margin-bottom:15px;}

.pop_head_med {
    font-family: 'db_heaventmed';
    line-height: 30px;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 15px;
}
.font_green{color: #9bb33f;}



.pop_close{ position:absolute; z-index:28; width:25px; height:25px; top:15px; right:15px; background:url(../images/popup/popup_close_off.png) no-repeat center; background-size:100% 100%;}
.pop_close:hover,.pop_close:active{background:url(../images/popup/popup_close_on.png) no-repeat center; background-size:100% 100%; cursor:pointer;}

#popup_rule .pop_inner{ padding:25px 5px 0px 15px;}
.pop_rule_aunjai{position:relative; width: 100%; height: 145px; background:url(../images/popup/popup_rule_bg.jpg) no-repeat center top; background-size: auto 100%;}
#popup_rule ul{ list-style:disc; padding-left: 5px;}
#popup_rule li{ color: #FFC821; margin-left:18px;}
#popup_rule li p{color: #252324; margin:0 !important; padding-left:5px;}

#popup_regis .pop_inner{ padding:25px 15px 0px 15px; text-align:center; position:relative; z-index:2;}
.pop_regis_aunjai{position:relative; width: 100%; height: 185px; background:url(../images/popup/popup_regis_bg_mob.jpg) no-repeat center bottom; background-size:100%; auto  position:relative; z-index:1; margin-top:-40px;}
.br-regis { display:block; height:1px; clear:both;}
.pop_regis_fill{ width:100%; border: solid 1px #E7E7E7; font-family: 'db_heaventmed'; line-height:35px; font-size:22px; color:#333333; text-align:center; background-color:#fff; box-shadow:inset 2px 2px 3px rgba(0, 0, 0, 0.1);}
.pop_regis_label{font-family: 'db_heaventmed'; line-height:30px; font-size:16px; color:#333333; text-align:center;}
.pop_regis_bt{display:inline-block; padding:5px 30px; font-family: 'db_heaventmed'; line-height:30px; font-size:16px; color:#2F303C; background:url(../images/popup/popup_regis_bt2.png) no-repeat center; background-size: auto 100%; border-radius:100px; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2); margin-top:10px; margin-bottom:20px; min-width:135px;}
.pop_regis_bt:hover,.pop_regis_bt:active{/*color:#fff; background-image:none; background-color:#333;*/color:#2F303C; background:url(../images/popup/popup_regis_bt1.png) no-repeat center; background-size: auto 100%; cursor:pointer;}

.bt_submit{ background-image:url(../images/popup/popup_regis_bt2.png); color:#2F303C;  -webkit-appearance: none;}
.bt_submit:hover,.bt_submit:active{background:url(../images/popup/popup_regis_bt1.png) no-repeat center; background-size: auto 100%; cursor:pointer; }

#popup_finish .pop_inner{ padding:25px 20px 0px 20px; text-align:center; position:relative; z-index:2;}
.pop_finish_detail{font-family: 'db_heaventmed'; line-height:30px; font-size:16px; color:#323232; text-align:center;}
.pop_finish_detail b{line-height:30px; font-size:22px; color:#EBB115;}
.pop_finish_logo{ height:53px;}
.br-finish {display: none;}



#popup_pthanks .pop_inner{ padding:65px 20px 70px 20px; text-align:center; position:relative; z-index:2;}
#popup_pconfirm .pop_inner {
    padding: 150px 20px 70px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
}

#popup_pregis .pop_inner {
    padding: 25px 15px 10px 15px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.pop_regis_alert{margin-bottom:10px; line-height: 10px;}

.bt_mock{   
display:inline-block;
padding: 5px 30px;
line-height: 30px;
font-size: 20px;
margin-bottom: 30px;
margin-left: 15px;
min-width: 155px;
display:none;
}

/* ----------Scroll Graphic---------------- */
#popup_rule .pop_inner .content_scroll{overflow: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; height: 295px; }
#popup_rule .pop_inner .mCSB_scrollTools_vertical{ width: 30px;opacity: 1; }
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_draggerRail{ background-color: #CCCCCC; width: 5px; border-radius:100px; overflow:hidden; }
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ width:30px; height:51px; background:url(../images/popup/popup_scollthumb.png) no-repeat center; background-size:60% auto; }
#popup_rule .pop_inner .mCSB_scrollTools .mCSB_dragger { height:50px;}


@media(min-width: 400px){
.pop_regis_aunjai{ background:url(../images/popup/popup_regis_bg.jpg) no-repeat center top; background-size: auto 100%; margin-top:-30px;}
}


@media(min-width: 750px){
.pop_body{height: 550px; margin-top:-275px;}
.pop_box{line-height: 27px; font-size: 17px;}
.pop_head,.pop_head_med{line-height: 40px; font-size: 32px; margin-bottom:22px;}

.pop_close{width:30px; height:30px; top:20px; right:20px;}

#popup_rule .pop_inner{ padding:35px 30px 0px 30px;}
.pop_rule_aunjai{height: 160px;}

#popup_regis .pop_inner{ padding:35px 30px 0px 30px;}
.pop_regis_aunjai{height: 236px;}
.pop_regis_fill{ max-width:340px; padding:8px 10px; line-height:40px; font-size:32px;}
.pop_regis_label{line-height:30px; font-size:20px; margin-bottom:10px;}
.pop_regis_bt{padding:5px 30px; line-height:30px; font-size:20px; margin-bottom:30px; margin-left:15px; min-width:155px;}
.br-regis {display: none;}

#popup_finish .pop_inner{ padding:35px 30px 0px 30px;}
.pop_finish_detail{line-height:30px; font-size:22px;}
.br-finish {display:block; height:1px; clear:both;}


/*#popup_pthanks .pop_inner{ padding:35px 30px 0px 30px;}*/
.pop_regis_alert {
    margin-bottom: 20px;
    
}

.bt_mock {
    padding: 5px 30px;
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 0px;
    margin-left: 15px;
    width: 162px;
    display: inline-block;
    opacity: 0;
}

#popup_pconfirm .pop_inner {
    padding: 75px 20px 35px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
}


}

@media(min-width: 960px){
	.pop_body{top: 50%; }
	#popup_rule .pop_inner {
    padding: 35px 50px 0px 50px;
}


}

@media (min-width: 1025px){

}