#x9se{
	display: none;
	position: fixed;
	z-index: 1;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background:rgba(0,0,0,0.7);
}
.x9d0{
	background:var(--color-dark2);
	margin:10% auto;
	padding:30px;
	width: 80%;
	box-sizing:border-box;
	border-radius: 6px;
}
#x9i{width: 35px; font-weight: bold; cursor: pointer; float: right; margin-bottom:15px;}
/*for _edit-ad page*/
.x9e{margin-top: 20px;}

/* front-end crud */
.x9d2{
    background:#f4f5f6;
    display: flex;
    justify-content: space-between;
    padding:0 20px;
    margin-bottom:2px;
    border-radius: 10px 10px 0 0;
}
.x9d2 ~ .x9d2{border-radius:0;}
.x9d2:last-child{border-radius: 0 0 10px 10px;}
.x9d2:nth-child(2n){ background:var(--color-dark3)}

.x9s2{
    font-family: var(--font-default);
    color:#111;
    padding:10px 20px;
    width:100%;
}
.x9se2{clear:both; margin:20px;background:#fff;	border-radius:10px;border: 5px solid var(--color-background-red);
    padding: 30px 10px;}
.x9s2:first-child{ border-right:2px solid #f7f8f9;}
.x9h1{color: var(--color-span-02-color); text-align: center; text-transform: uppercase; font-family: var(--font-default);}

#x9t1{margin: 10px;border-collapse: collapse;width: 100%;}


@media screen and (max-width:1800px){ .x9d0{width: 100%;}}
@media screen and (max-width:750px){ 
	.x9d0{width: 98%; padding:10px; border:4px solid #5f5f5f;}
	#x9t1 {border: 0;}
    #x9t1 caption {font-size: 1.3em;}
    #x9t1 thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
    .x9tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em;margin-bottom: 7px;}
    .x9td {     border-bottom: 1px solid #ddd;
		font-size: 13px;
		padding: 7px 6px;
		height: 30px;
		display: flex;
		justify-content: space-between;}
    .x9td::before {content: attr(data-label);font-weight: bold;text-transform: uppercase;}
    .x9td:last-child {border-bottom: 0;}

}
@media screen and (max-width:580px){ 
	td.x9td{
		flex-direction: column;
		height: auto;
	}
	.x9td::before {margin-bottom: 5px;}
	.x9s2:first-child {
		font-weight: 800;
	}
	.x9d2 {
		flex-direction: column;
	}
	#x9t1 {
		width: auto;
	}

}