/* indexBox */
#indexBox{width:100%;height:100%;background:rgba(0,0,0,0.48);position:fixed;z-index:999999;top:0}
#indexBox #ask-wrap{margin:0 auto;padding:5px;width: min(770px , 100%);position:relative;margin-top: 29vh;}
#indexBox #ask-wrap a#click-close *{/* display:block; */color: #ffffff;}
#indexBox #ask-wrap a img{width:100%}
#indexBox #ask-wrap article {overflow:hidden;background-color: #ffffffeb;margin: 114px;margin-top: 28px;}
#indexBox #ask-wrap #close-wrap{width: 29px;height: 25px;background: #aa6364;border-radius:50%;position:absolute;top: 20px;right: 104px;text-align:center;color: #ffffff;padding-bottom: 3px;};
#indexBox #ask-wrap #close-wrap a#click-close{line-height:24px;font-size:20px;color:#f2f2f2}
#indexBox #ask-wrap .matext{
    padding: 40px;
}
@media screen and (max-width: 1440px) {
	#indexBox #ask-wrap article{
    margin:100px;
    margin-top:10px;
}
#indexBox #ask-wrap #close-wrap{
    top: 6px;
    right: 91px;
}
}
@media screen and (max-width: 1024px) {
	#indexBox #ask-wrap article{
        margin-top: 15px;
        padding: 20px;
    }
    #indexBox #ask-wrap #close-wrap{
        top: 9px;
        right: 92px;
    }
}
@media screen and (max-width: 768px){

    #indexBox #ask-wrap article{
        margin-top: 20px;
        padding: 20px;
        margin: 20px 50px;
    }
    #indexBox #ask-wrap #close-wrap{
        top: 11px;
        right: 48px;
    }
}
@media only screen and (max-width:600px){
#indexBox #ask-wrap{width:100%}
}
@media screen and (max-width: 480px) {
	 #indexBox #ask-wrap article{
    margin: 17px;
    margin-top: 5px;
    padding: 15px;
    margin-right: 26px;
    }
    #indexBox #ask-wrap #close-wrap{
    top: 2px;
    right: 16px;
    }
}