/* 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:755px;position:relative;margin-top: 50px;}
#indexBox #ask-wrap a#click-close{/* display:block; */color:#f2f2f2;}
#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:#7b0f12;border-radius:50%;position:absolute;top: 20px;right: 104px;text-align:center;color:#f2f2f2;padding-bottom: 3px;};
#indexBox #ask-wrap #close-wrap a#click-close{line-height:24px;font-size:20px;color:#f2f2f2}
#indexBox #ask-wrap img{
    max-width: 100%;
}
@media screen and (max-width: 1440px) {
	#indexBox #ask-wrap article{
    margin: 0 auto;
    margin-top:10px;
    width: 449px;
    display: flex;
}
#indexBox #ask-wrap{
    width: 600px;
}
#indexBox #ask-wrap #close-wrap{
    top: 6px;
    right: 63px;
}
	#indexBox #ask-wrap img{
}
}
@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;
    }
    #indexBox #ask-wrap #close-wrap{
        top: 11px;
        right: 89px;
    }
}
@media only screen and (max-width:600px){
#indexBox #ask-wrap{width:100%;margin-top: 65px;}
}
@media screen and (max-width: 480px) {
	 #indexBox #ask-wrap article{
    margin: 0 auto;
    padding: 15px;
    width: 98%;
    }
    #indexBox #ask-wrap #close-wrap{
    top: 10px;
    right: 16px;
    }
}