.imageBox .thumbBox{position: absolute; top: 50%; left: 50%; width: 137px; height: 177px; transform: translate(-50%, -50%);box-sizing: border-box; border: 1px solid #c0d1df; box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); background: none repeat scroll 0% 0% transparent;}
.imageBox .spinner{ position: absolute; top: 0; left: 0; bottom: 0; right: 0;text-align: center; line-height: 400px; background: #fff;}

.popup_imgcrop_wrap{padding: 10px;}
.popup_imgcrop_wrap:after{content:''; display:block; height:0; clear:both;}
.explain_wrap{float: right; background-color: #f2f1f1; min-height: 210px; width: 685px; font-size: 13px; padding: 9px 6px; border-radius: 5px;}
.explain_wrap h2.black_title{background: url('/images/bg_black_title2.png'), url('/images/bg_black_title.png'); background-position:10px 8px, 0 0; background-repeat: no-repeat, repeat-x; background-size:3px 5px, 6px 100%; color: #fff; border-radius: 10px; padding: 4px 17px; display: block; line-height: 100%; font-weight: normal; font-size: 12px;}
.explain_wrap ol.default{margin:15px 14px 0 6px;}
.explain_wrap ol.default li{margin-bottom: 10px; line-height: 160%;}
.container2{float: left; text-align: center; width: 400px; height: 400px; vertical-align: bottom;border:1px solid #c0d1df; background: #fff;margin-left:30px;}
.cropped>img{margin-right: 10px; border:1px solid #d7d7d7; width: 100%; max-height: 252px; max-width: 300px; object-fit: none;}

.img_button{ background: #373b49;color: #fff;padding: .5em .75em;display:inline-block;border-radius:3px;border:0;line-height: 18px;}
.img_button img {vertical-align: middle;}
.filebox {display: inline-block;float: left;}
.filebox label {display: inline-block;padding: .5em .75em;color: #fff;font-size: inherit;line-height: 18px;vertical-align: middle;background: #373b49;cursor: pointer;border: none;border-radius: 3px;}
.filebox input[type="file"]{position: absolute;width: 1px;height: 1px; padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}


@media screen and (max-width: 939px){
	.imageBox{width: 100%;height: 300px;}
	.imageBox .spinner{ line-height: 300px;}

	.popup_imgcrop_wrap{padding: 0px;}
	.explain_wrap{float: left; min-height: 210px; width: 685px; font-size: 13px; padding: 9px 6px; border-radius: 5px;}
	.container2{float: left; text-align: center; width: 100%; height: 300px;margin-left:0; margin-top: 30px;}
	.cropped>img{margin-right: 10px; border:1px solid #d7d7d7;}

	.img_button{ background: #003882;}

}