@charset "utf-8";

.popuplayer { display:none; }
.issue_popuplayer { display:none; }
.popup { display:none; }
.popup .mask { position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:100; }
.popup .btn_close { position:absolute; top:0; right:0; padding:20px; }
.popup_agree .content { position:fixed; top:50%; left:50%; width:554px; height:500px; padding:30px; margin-left:-227px; margin-top:-250px; background:#fff; z-index:101; }
.popup_agree .content h3 { padding-bottom:16px; border-bottom:1px solid #b5b5b6; color:#231815; font-size:20px; text-align:center;  }
.popup_agree .content .area { height:380px; padding:0 10px; margin-top:20px; overflow-y:auto; }
.popup_agree .content .area p { font-size:14px; word-break:keep-all; margin-bottom:15px; line-height:20px; }
.popup_agree .content .area p span { display:block; color:#000; }
.popup_agree .content .area table { margin-bottom:15px; border-spacing:0; }
.popup_agree .content .area table th,
.popup_agree .content .area table td { font-size:14px; border: 1px solid #ccc; padding:10px; }

.popuplayer .popup_mask { left:0; top:0; right:0; bottom:0; filter:alpha(opacity=80); z-index:100; }
.popuplayer .content { position:fixed; bottom:1%; right:1%; z-index:101; margin-right:460px;}
.popuplayer .content img { width:450px;}

.popup_close { position:absolute; width:6%; height:10%; top:12%; right:8%; cursor:pointer; }
.popup_link { position:absolute; width:34%; height:15%; top:57%; right:32%; cursor:pointer;}

.issue_popuplayer .issue_popup_mask { left:0; top:0; right:0; bottom:0; filter:alpha(opacity=80); z-index:100;}
.issue_popuplayer .issue_content { position:fixed; bottom:1%; right:1%; z-index:101; }
.issue_popuplayer .issue_content img { width:450px; }

/*.popup_close { position:absolute; width:4%; height:8%; top:1%; right:1%; cursor:pointer; }*/
.issue_popup_close { position:absolute; width:6%; height:10%; top:12%; right:8%; cursor:pointer; }
.issue_popup_link { position:absolute; width:34%; height:15%; top:57%; right:32%; cursor:pointer;}

@media screen and (max-width:768px) {

    /*.popuplayer .content img { width:100vw; height:8vw; }*/
    .popuplayer .content img { width:90%; margin-bottom:53%; margin-left: 5%;}
    .bottomButton { position: fixed; cursor: pointer; z-index: 1; bottom: 0vw; }

    .popuplayer .content { width:100vw; bottom:0vw; right:0vw; margin-right:0px;}

    /*.popup_close { width:6vw; height:6vw; top:0vw; right:0vw; }*/
    .popup_close { width:6vw; height:6vw; top:3vw; right:10vw; }
    .popup_link { width:30vw; height:9vw; top:21vw; right:34vw; }

    /*.popuplayer .content img { width:100vw; height:8vw; }*/
    .issue_popuplayer .issue_content img { width:90%; margin-bottom:10%; margin-left: 5%;}
    .bottomButton { position: fixed; cursor: pointer; z-index: 10; bottom: 0vw; }

    .issue_popuplayer .issue_content { width:100vw; bottom:0vw; right:0vw; margin-right:0px;}

    /*.popup_close { width:6vw; height:6vw; top:0vw; right:0vw; }*/
    .issue_popup_close { width:6vw; height:6vw; top:3vw; right:10vw; }
    .issue_popup_link { width:30vw; height:9vw; top:21vw; right:34vw; }

}