.mybtn{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:700;margin:5px 0;padding:10px;text-align:center}.mybtn:hover{background-color:#f9f9f9;color:#333}.mybtn_l{border-radius:5px;font-size:1rem;font-weight:700;margin:5px 0;padding:10px}.mybtn_l,.mybtn_s{background-color:#3490dc;color:#fff;cursor:pointer;text-align:center}.mybtn_s{border:0;border-radius:5px;font-size:.6rem;margin:3px 0;min-width:50px;padding:5px}main{background-color:#3490dc}@media screen and (max-width:768px){main{background-color:#fff}}h1{color:#555;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.space_box,h1{text-align:center}.space_box{background-color:#fff;border-radius:5px;margin:2rem auto;max-width:768px;padding:2rem 5rem;width:100%}@media screen and (max-width:768px){.space_box{background-color:#fff;border-radius:0;margin:0 auto;padding:0}}.form-group{border-bottom:1px solid #ddd;margin-bottom:0;padding-bottom:.5rem;padding-top:1rem;text-align:left}.form-group .col_left{font-weight:700}.form-group .col_left,.form-group .col_right{color:#555;font-size:1rem}#file_list{-webkit-overflow-scrolling:touch;background-color:#333;border-radius:5px;color:#ccc;font-size:.8rem;margin:.5rem auto;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:.5rem;text-align:left}#file_list .row{border-bottom:1px solid #555;padding-bottom:.5rem;padding-top:.5rem}#file_list .file_name{word-wrap:break-all;word-break:break-all}#file_list .file_size{font-size:.6rem;text-align:right}#file_list .deleteButton{background-color:#ffa07a}#file_list .statusButton{background-color:#888;cursor:default}#file_list .spinner-border{display:none}@media screen and (max-width:768px){#file_list .downloadButton{font-size:.5rem}}#progress_box{background-color:#3490dc}#progress_box #progress_out{background-color:#fff;border-radius:5px;margin:auto;max-width:500px;padding:2rem;width:100%}#progress_box #progress{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:content-box;height:5px;margin:30px auto;overflow:hidden;width:100%}#progress_box #progressbar{background-color:#3490dc;box-sizing:border-box;height:5px;width:0}#progress_box #remaining_time{color:#aaa;font-size:.8rem;height:1.2rem;text-align:center;width:100%}#progress_box #average_speed{color:#ccc;font-size:.7rem;height:1rem;text-align:center;width:100%}.form-check{font-size:.9rem;margin:.5rem auto}#email,#file_list,#type_email_info{display:none}#total_size{-webkit-overflow-scrolling:touch;background-color:transparent;border-radius:5px;color:#555;font-size:1.2rem;margin:0;max-height:200px;overflow-y:auto;padding:1rem;text-align:center}#selectButton{background-color:#1e90ff;border:1px solid #ccc;color:#fff;display:inline-block;font-size:.8rem;padding:.5rem 1rem}#resetButton,#uploadButton{display:none;font-weight:700}#resetButton{background-color:#ffa07a}#cancelButton,#pauseButton,#resumeButton{margin:0 auto;max-width:200px}@media screen and (max-width:768px){#cancelButton,#pauseButton,#resumeButton{font-size:.8rem;padding:5px}}#resumeButton{display:none}#cancelButton{background-color:#ffa07a;color:#fff}.info{font-size:.7rem}#drag_drop{background-color:#f9f9f9;box-sizing:border-box;font-size:.8rem;height:80px;line-height:80px;text-align:center;vertical-align:middle;width:100%}.flow-dragover{border:3px solid #3490dc;color:#f9f9f9}