@charset "utf-8";
/* CSS Document */
#main{clear:both;margin:auto;padding:0; padding:100px 0px 100px 0px; width:100%;overflow:hidden; background:url(../images/bom.jpg) center;}
.title{ margin-top:0px; font-size:18px; text-align:center;}
.center{margin:auto;margin-top:30px; padding:30px 0px 30px 0px;width:600px; border:#e3e3e3 1px solid; background:#fcfcfc; text-align:center;}
.center span{ display:inline-block;width:150px; height:35px; line-height:35px; text-align:center; margin:20px; cursor:pointer;}
.center .upload{background:#ff8800; color:#FFF;}
.center .download{ background:#0094e7; color:#FFF;}
.center .show{background:#ff5e5e; color:#fff;}

.center input{ display:none;}
.memo{margin:auto;margin-top:30px;width:600px;}
.memo li{ padding:5px 0px 5px 0px;}

.loading{position: fixed;z-index:99999999999999999;width:100px; height:50px; line-height:50px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display:none; text-align:center;background:rgba(0, 0, 0, 0.5); color:#FFF;border-radius:5px;}

#footer{ margin-top:0px;}

@media screen and (min-width: 1400px) {
#main{width:100%;}
}

@media screen and (max-width: 700px) {
#main{width:100%;margin-top:20px;}

}