.layer {width:100%; position:fixed; display:none; z-index:100; left:0px; right:0px; top:0px; bottom:50px; margin: auto; opacity:0.98; max-width:504px; }
.layer .layer_wrap {max-width:504px; width:calc(100% - 24px); max-height:820px; overflow:auto; background:#f5f5f5; position:relative; border-radius:10px; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); text-align:center; margin:0 auto;}
.layer .layer_wrap::-webkit-scrollbar {width:1.5px; height:1px; background-color:#5d5d5d;}
.layer .layer_wrap::-webkit-scrollbar-thumb {background-color:#fcfcfc;}
/*.layer .layer_wrap::-webkit-scrollbar-thumb:hover {background-color:#ecc68a;}*/
.layer .layer_wrap::-webkit-scrollbar-button:vertical:start:increment {display:block; height:6px;}
.layer .layer_wrap::-webkit-scrollbar-button:vertical:end:increment {display:block; height:6px;}
/*.layer .layer_wrap .page_title {margin-bottom:0px; background:#ededed url('/img/cmm/flower_bg_fa.png'); color:#c99f5e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}*/ 
.layer .layer_wrap .page_title {margin-bottom:0px; background:#f5f5f5 url('/img/cmm/flower_bg_fa.png');}
.layer .layer_wrap .page_title .layer_close_btn {cursor:pointer; position:absolute; top:2px; right:1px; }

@media(max-width:500px) {
	/*.crest_form_box .crestInfo .crestInfo-contents > li > div.date_box {flex-wrap:wrap; }
	.crest_form_box .crestInfo .crestInfo-contents > li > div.date_box .achiDate {margin-bottom:5px;}*/ 	
}

@media (max-width:375px) {
	/*.side-menu__block {width:80%;}*/
}
@media (max-width:320px) {
	/*.side-menu__block {width:75%;}*/
}

@media (max-height:900px) {    
    .layer .layer_wrap {max-height:80vh;}
}

@media (max-height:670px) {    
    .layer .layer_wrap {max-height:78vh;}
}