.modal{
    z-index:103;
    display:none;
    padding-top:0;
    position:fixed;
    padding-top: 5px;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    overflow:auto;
    background-color: var(--white);
    }

@media only screen and (min-width: 1024px){
.modal{
    z-index:103;
    display:none;
    padding-top:0;
    position:fixed;
    padding-top: 5px;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    overflow:auto;
    background-color: rgba(210, 210, 210, .85);
    }
}

.modbx{
	margin:auto;
	position:relative;
	padding-bottom:40px;
	margin-bottom:100px;
	outline:0;
	max-width:500px;
	height:auto;
	overflow-y: auto;
    background-color: var(--white);
    border-radius:20px;
	}


@media only screen and (min-width: 1024px){
.modal{
    padding-top: 50px;
    }
}



.mod_hd{
	display:flex;
	line-height: 36px;
	background-color: var(--white);
	}

.mod_hd_left{
	flex:1 1 auto;
	line-height: 36px;
	color:var(--white);
	font-size: 18px;
	padding-left: 24px;
	}

.mod_hd_right{
	flex:0 0 auto;
	display:block;
	line-height: 36px;
	color:var(--gray6);
	padding:0px 24px;
	font-size: 28px;
	}

.mod_hd_right:hover{
	color:var(--black);
	}

.mod_bd{
	margin:0 auto;
	max-width: 340px;
	padding:17px 20px 0 20px;
	}
	





/* report ==================== */


.report{
    z-index:103;
    display:none;
    padding-top:0;
    position:fixed;
    padding-top: 0px;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    overflow:auto;
    background-color: rgba(210, 210, 210, .85);
    }

.reportbx{
	margin:auto;
	position:relative;
	padding-bottom:20px;
	margin-bottom:100px;
	outline:0;
	max-width:773px;
	height:auto;
	overflow-y: auto;
    background-color: #d9d9d9;
    border-radius:20px;
	}


@media only screen and (min-width: 1024px){
.report{
    padding-top: 10px;
    }
}

.report_bd{
	margin:0 auto;
	max-width: 773px;
	margin-top:0;
	}