.warp{background:#fff;padding:20px;margin:20px 0;}
.SearchPicture-font{font-size:24px;color:#1b75bc;text-align:center;width:1200px;margin:20px auto 20px;line-height:30px;font-weight:bold;border-bottom:1px dotted #dedede;padding-bottom:20px;}
.SearchPicture-Middle-box{    /* margin: 30px 0px; */
text-align:center;margin-bottom:46px;}
td,div{font:12px/20px Arial,Helvetica,sans-serif;}
.SearchPicture-img-box{margin:0px auto;margin-bottom:15px;position:relative;margin-top:15px;width:370px;}
.SearchPicture-img{width:370px;height:370px;border:1px solid #dedede;text-align:center;vertical-align:middle;display:table-cell;margin-top:10px;    /*overflow: hidden;*/*font-size:340px;}
.SearchPicture-img img{max-width:370px;max-height:370px;_width:370px;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
#cropperBox
.SearchPictureApp {
    position: absolute;
    top: 90px;
    left: -330px;
}
.SearchPicture-Explanation-box{width:370px;text-align:left;position:absolute;top:20px;left:410px;}
.SearchPicture-Explanation-box img{margin-top:20px;}
.SearchPicture-Menu-box{width:860px;margin:20px auto;}
.MenuSearchStyle2{text-align:left;}
.TitleStyle{font-weight:bold;font-size:13px;margin-bottom:10px;display:block;}
.SearchPicture-Font3{color:red;}
.SearchPicture-Menu-info{text-align:left;}
#cropperBox
.SearchPicture-Menu-info {
    float: left;
    width: 720px;
    margin-bottom: 10px;
    margin-left: 5px;
    display: inline;
}
.SearchPicture-Menu-box label{font-size:14px;width:140px;display:inline-block;text-align:left;margin-bottom:10px;}
.SearchPicture-Menu-info label input{width:14px;margin:0px;padding:0px;}
.cb{clear:both;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
.SearchBut{text-align:center;}
.SearchBut p{display:inline-block;background:#1b75bc;height:40px;line-height:40px;color:white;font-size:16px;font-weight:bold;padding:0px 160px;text-decoration:underline;cursor:pointer;}
.SearchBut p:hover{opacity:.9;}
.SearchPicture-font1,.SearchPicture-font2{display:none;color:black;}
.SearchPictureApp-small{display:none;}
.upload{position:relative;display:inline-block;vertical-align:top;}
.upload .glyphiconcropper {position: absolute;top: 20px;left: 20px;font-size: 12px;color: #c1c1c1;width: 40px;height: 40px;background: #00000078 url(images/img-delete.png) center no-repeat;background-size: 70%;border-radius: 50%;cursor:pointer;}
.upload .glyphicon-cut {background: #00000078 url(images/img-cutimg.png) center no-repeat;background-size: 70%;}
.upload .glyphicon{position:absolute;top:20px;right:20px;font-size:12px;color:#c1c1c1;width:40px;height:40px;background:#00000078 url(images/img-delete.png) center no-repeat;background-size:70%;border-radius:50%;}
.upload .img-box{position:relative;width:370px;height:370px;border:1px dashed #dedede;box-sizing:border-box;color:#c1c1c1;font-size:18px;font-weight:700;text-align:center;line-height:370px;cursor:pointer;}
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / 15%);box-shadow:inset 0 -1px 0 rgb(0 0 0 / 15%);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.hide{display:none;}
.loadingbox{display:none;}
#cropperBox{position:fixed;left:0;top:100px;width:100%;height:100%;text-align:center;z-index:999999;}
.cropperBoxbg{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
.blackbg{background:#000;width:100%;height:100%;opacity: .5; }
.cropper-container {margin: 0 auto;}
#clipImg{background: #1b75bc; height: 40px;line-height: 40px;color: white;font-size: 16px;font-weight: bold;padding: 0px 80px;outline: 0;border: 0;margin-top:40px;}
.closeclipImg{right:20px;top:20px;position:absolute;width:50px;height:50px;margin:0;border:2px solid #ffff;border-radius:50%;display:block;cursor:pointer;}
.closeclipImg::before,.closeclipImg::after{content:'';width:30px;height:2px;display:block;background-color:#ffffff;position:absolute;right:8px;top:24px;}
.closeclipImg::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.closeclipImg::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
/*.cropper-bg{max-height:720px!important;}*/
/*.cropper-crop-box{max-height:550px!important;}*/
#photo{max-width:60%;max-height:60%;}
@media screen and (max-width:1440px), screen and (max-height: 900px){
    #photo{max-width:54%;max-height:54%;}
}
@media screen and (max-width:1366px), screen and (max-height: 768px){
    #photo{max-width:50%;max-height:50%;}
}