@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 16px;
  font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothicM, YuGothic, Meiryo, sans-serif;
  background: #f5f5f5; }

a {
  text-decoration: none; }
  a:visited, a:link {
    color: #3c3c3c; }

li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.hide {
  display: none; }

.mintyo {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.gothic {
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; }

main {
  min-width: 768px;
  padding: 120px 20px 0; }

.box {
  max-width: 984px;
  margin: 0 auto; }

.center {
  text-align: center; }

.topMgn {
  margin: 10px 0 0; }

a#download {
  display: block;
  width: 500px;
  padding: 20px 0;
  margin: 50px auto 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
  background: #3c3c3c; }
  a#download:visited, a#download:link {
    color: #fff; }
  a#download:hover {
    background: #6cb130; }

#headLogo {
  margin: 100px 0 50px;
  text-align: center; }

#form, #remakePass, #remakeMail, #registration, #approvalFile {
  max-width: 600px;
  margin: 30px auto 0;
  overflow: hidden; }
  #form dt, #remakePass dt, #remakeMail dt, #registration dt, #approvalFile dt {
    float: left;
    width: 132px;
    padding: 28px 10px 12px;
    text-align: right; }
    #form dt.noInput, #remakePass dt.noInput, #remakeMail dt.noInput, #registration dt.noInput, #approvalFile dt.noInput {
      padding: 20px 10px; }
  #form dd, #remakePass dd, #remakeMail dd, #registration dd, #approvalFile dd {
    float: left;
    width: -webkit-calc(100% - 132px);
    width: calc(100% - 132px);
    padding: 20px 0; }
    #form dd a, #remakePass dd a, #remakeMail dd a, #registration dd a, #approvalFile dd a {
      text-decoration: underline; }
      #form dd a:hover, #remakePass dd a:hover, #remakeMail dd a:hover, #registration dd a:hover, #approvalFile dd a:hover {
        color: #21a4da; }

#remakePass dt {
  width: 206px; }
#remakePass dd {
  width: -webkit-calc(100% - 206px);
  width: calc(100% - 206px); }

#remakeMail dt {
  width: 238px; }
#remakeMail dd {
  width: -webkit-calc(100% - 238px);
  width: calc(100% - 238px); }

#registration dt {
  width: 190px; }
#registration dd {
  width: -webkit-calc(100% - 190px);
  width: calc(100% - 190px); }
  #registration dd.separate {
    width: -webkit-calc((100% - 190px) / 2);
    width: calc((100% - 190px) / 2); }
    #registration dd.separate p {
      float: left;
      width: 19px;
      padding: 9px 0 0; }
    #registration dd.separate input {
      float: left;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px); }

#fix {
  margin: 30px 0 0; }
  #fix input[type="file"] {
    margin: 20px 0 0; }
  #fix ul {
    padding: 10px;
    border: 1xpx solid #3c3c3c;
    margin: 20px 0;
    font-size: 0; }
    #fix ul li {
      display: inline-block;
      padding: 0 15px 0 0;
      font-size: 20px; }
      #fix ul li p {
        padding: 10px;
        font-weight: 700;
        color: #fff;
        background: #21a4da; }

#approvalFile {
  margin: 0 auto; }
  #approvalFile dt {
    width: 250px;
    padding: 20px 10px 0; }
  #approvalFile dd {
    width: -webkit-calc(100% - 250px);
    width: calc(100% - 250px); }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select,
input[type="password"] {
  width: 100%;
  height: 40px;
  padding: 5px;
  font-size: 18px;
  border: 1px solid #dcdcdc;
  border-radius: 3px; }

input[type="checkBox"] {
  width: 18px;
  height: 18px;
  margin: 10px 5px 0 0; }

input[type="radio"] {
  margin: 0 5px 0 0; }

textarea {
  height: 100px;
  line-height: 28px; }

#fix input[type="file"] {
  font-size: 20px; }

select {
  cursor: pointer; }

#control {
  overflow: hidden; }
  #control form, #control p {
    float: right; }
  #control #approval, #control #back, #control #withdrawal {
    margin: 0 0 0 20px; }
  #control p {
    margin: 30px 0 0 20px; }
  #control .hideBtn {
    width: 120px; }
  #control .topM140 {
    margin: 140px 0 0; }

.submit, .withdrawal, .back {
  display: block;
  padding: 10px 100px;
  margin: 30px auto 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border: none;
  border-radius: 3px;
  background: #3c3c3c;
  cursor: pointer;
  transition: background 0.8s; }
  .submit:hover, .withdrawal:hover, .back:hover {
    background: #6cb130; }

.withdrawal, .back {
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  color: #ff2248;
  border: 1px solid #ff2248;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: background 0.8s; }
  .withdrawal:hover, .back:hover {
    color: #fff;
    background: #ff2248; }

.back {
  color: #21a4da;
  border: 1px solid #21a4da; }
  .back:hover {
    background: #21a4da; }

.noBtn {
  width: 340px;
  padding: 10px 0;
  margin: 30px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 3px;
  background: #c8c8c8; }

#flow {
  padding: 20px;
  margin: 50px 0 0;
  border: 1px solid #3c3c3c;
  background: #fff; }
  #flow p {
    line-height: 36px; }

#rejection {
  margin: 40px 0 0;
  text-align: right; }
  #rejection .submit {
    padding: 10px 20px;
    margin: 0;
    margin-left: -webkit-calc(100% - 126px);
    margin-left: calc(100% - 126px);
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ff2248;
    background: #ff2248; }
    #rejection .submit:hover {
      color: #ff2248;
      background: #fff; }

#share {
  padding: 20px;
  margin: 10px 0 0;
  border: 1px solid #000; }
  #share p {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 10px;
    color: #fff;
    background: #3c3c3c; }
    #share p:not(:first-of-type) {
      margin: 20px 0 10px; }
  #share ul {
    font-size: 0; }
    #share ul li {
      display: inline-block;
      font-size: 16px; }
      #share ul li:not(:last-of-type) {
        margin: 0 10px 0 0; }
      #share ul li input[type="checkbox"] {
        margin: 5px 0 0; }

#file_apload_from {
  border: 3px dashed #3c3c3c; }

.topMargin {
  margin: 40px 0 0; }

#guide {
  position: relative;
  margin: 25px 0 0;
  padding: 10px;
  border: 2px solid #ff2248;
  z-index: 1; }
  #guide span {
    color: #ff2248; }
    #guide span:nth-of-type(2) {
      display: block;
      position: absolute;
      top: -42px;
      right: 0;
      font-size: 20px; }
    #guide span:last-of-type {
      display: block;
      position: absolute;
      top: -31px;
      right: 8px;
      width: 1px;
      height: 30px;
      border-right: 2px solid #ff2248; }

.attend {
  margin: 10px 0 0;
  color: #ff2248; }

.miniInfo {
  margin: 20px 0 0; }

.area2, .area3, .area4 {
  display: none; }

#success, #errore {
  padding: 20px;
  margin: 50px auto 0; }
  #success p, #errore p {
    line-height: 36px; }

#success {
  color: #0064ff;
  border: 1px solid #0064ff;
  background: #96e1ff; }
  #success a {
    color: #3c3c3c;
    text-decoration: underline; }

#errore {
  color: #ff2248;
  border: 1px solid #ff2248;
  background: #ffdcdc; }

#messageCon {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #3c3c3c;
  background: #fff; }

header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 768px;
  height: 80px;
  padding: 10px;
  background: #21a4da; }
  header #userName {
    position: absolute;
    top: 10px;
    left: 104px;
    font-size: 14px;
    color: #fff; }
    header #userName a {
      padding: 3px 6px;
      margin: 0 0 0 10px;
      font-size: 12px;
      color: #3c3c3c;
      border: 1px solid #3c3c3c;
      border-radius: 5px;
      background: #fff; }
      header #userName a:visited, header #userName a:link {
        color: #3c3c3c; }
      header #userName a:hover {
        background: #fcdc00; }
  header #logout {
    position: absolute;
    top: 10px;
    right: 10px; }
    header #logout a {
      padding: 5px 10px;
      font-size: 12px;
      color: #fff;
      border-radius: 5px;
      background: #3c3c3c; }
      header #logout a:visited, header #logout a:link {
        color: #fff; }
      header #logout a:hover {
        background: #6cb130; }
  header #version {
    position: absolute;
    top: 45px;
    right: 15px;
    font-size: 14px;
    color: #fff; }
  header nav {
    position: absolute;
    top: 33px;
    left: 90px;
    width: 100%; }
    header nav ul {
      width: -webkit-calc(100% - 90px);
      width: calc(100% - 90px);
      font-size: 0; }
      header nav ul li {
        position: relative;
        display: inline-block;
        font-size: 18px;
        vertical-align: top; }
        header nav ul li a {
          display: block;
          padding: 10px 10px;
          color: #fff; }
          header nav ul li a:visited, header nav ul li a:link {
            color: #fff; }
        header nav ul li:hover {
          background: #6cb130; }
        header nav ul li.ing a {
          padding: 10px 15px 13px; }
        header nav ul li p {
          padding: 10px 10px;
          color: #fff; }
        header nav ul li ul {
          position: absolute;
          top: 100%;
          left: 0;
          width: 132px; }
          header nav ul li ul li {
            width: 100%; }
            header nav ul li ul li a {
              display: block;
              color: #000 !important;
              background: #fcdc00; }
              header nav ul li ul li a:visited {
                color: #000 !important; }
              header nav ul li ul li a:hover {
                color: #fff !important;
                background: #ff7800; }
  header #bell {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #dcdcdc;
    overflow: hidden; }
  header .shake {
    background: #fcdc00 !important;
    animation-name: ani-shake;
    animation-duration: 3s;
    animation-iteration-count: infinite; }
@-webkit-keyframes ani-shake {
  0% {
    transform: rotate(0); }
  5% {
    transform: rotate(-15deg); }
  10% {
    transform: rotate(15deg); }
  15% {
    transform: rotate(-15deg); }
  20% {
    transform: rotate(15deg); }
  25% {
    transform: rotate(-15deg); }
  26% {
    transform: rotate(0); } }
@keyframes ani-shake {
  0% {
    transform: rotate(0); }
  5% {
    transform: rotate(-15deg); }
  10% {
    transform: rotate(15deg); }
  15% {
    transform: rotate(-15deg); }
  20% {
    transform: rotate(15deg); }
  25% {
    transform: rotate(-15deg); }
  26% {
    transform: rotate(0); } }
h1, h2 {
  padding: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
  color: #3c3c3c;
  border-bottom: 1px solid #6cb130; }
  h1 span, h2 span {
    padding: 5px;
    margin: 0 10px 0 0;
    font-size: 24px;
    color: #fff;
    background: #6cb130; }
    h1 span#important, h2 span#important {
      background: #ff2248; }
  h1.dropTitle, h2.dropTitle {
    margin: 0 0 30px; }

h2 {
  margin: 50px 0 0; }
  h2.fixTitle {
    padding: 10px 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border: none;
    background: #6cb130; }

footer {
  padding: 20px 0; }

#forget {
  margin: 50px 0 0;
  text-align: right; }
  #forget a {
    text-decoration: underline; }
    #forget a:hover {
      color: #6cb130; }

.indexInfo {
  position: relative;
  margin: 0 0 20px; }
  .indexInfo .toList {
    position: absolute;
    top: 3px;
    left: 360px;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #21a4da;
    border-radius: 3px;
    background: #21a4da; }
    .indexInfo .toList:visited, .indexInfo .toList:link {
      color: #fff; }
    .indexInfo .toList:hover {
      color: #21a4da;
      background: #fff; }
  .indexInfo p {
    width: 340px;
    padding: 7px 10px 5px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px 5px 0 0;
    background: #3c3c3c; }
  .indexInfo ul {
    max-height: 500px;
    padding: 20px;
    border: 1px solid #3c3c3c;
    background: #fff;
    overflow-y: scroll; }
    .indexInfo ul.wideUL {
      max-height: 500px; }
    .indexInfo ul li:not(:last-of-type) {
      padding: 0 0 10px; }
    .indexInfo ul li.infoTitle {
      padding: 5px;
      margin: 0 0 10px;
      font-size: 14px;
      color: #3c3c3c;
      background: #dcdcdc; }
    .indexInfo ul li .new, .indexInfo ul li .unread, .indexInfo ul li .normal, .indexInfo ul li .important {
      padding: 2px 5px;
      margin-right: 5px;
      font-size: 14px;
      color: #fff;
      background: #ff2248; }
    .indexInfo ul li .unread, .indexInfo ul li .normal {
      background: #6cb130; }
    .indexInfo ul li a:hover {
      color: #6cb130; }

#applyFrom {
  margin: 10px 0 0;
  text-align: center; }

.reviewInfo {
  overflow: hidden; }
  .reviewInfo p:first-of-type {
    float: left;
    width: 100px;
    padding: 5px 0;
    margin: 5px 0 0 30%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #3c3c3c;
    border-radius: 5px; }
  .reviewInfo p:last-of-type {
    float: left;
    width: calc(100% - 30% - 110px);
    width: -webkit-calc(100% - 30% - 110px);
    padding: 5px 0;
    margin: 5px 0 0 10px; }

#bulk {
  width: fit-content;
  margin: 40px auto; }
  #bulk button {
    padding: 10px 68px;
    border: none;
    border-radius: 5px;
    color: #fff;
    background: #ff7800;
    font-size: 20px;
    cursor: pointer; }
    #bulk button:hover {
      background: rgba(255, 120, 0, 0.7); }

#downloadFiles {
  margin: 30px 0 0;
  font-size: 0;
  text-align: center; }
  #downloadFiles li {
    display: inline-block;
    min-width: 450px;
    padding: 30px 0 0;
    margin: 0 20px 20px;
    font-size: 16px;
    border: 1px solid #3c3c3c; }
    #downloadFiles li .fixGuid {
      width: 216px;
      padding: 5px 10px;
      margin: 0 auto 20px;
      font-size: 12px;
      font-weight: 700;
      color: #ff2248;
      border: 2px solid #ff2248;
      background: #fff; }
    #downloadFiles li a {
      padding: 10px;
      color: #fff;
      border: 1px solid #6cb130;
      border-radius: 5px;
      background: #6cb130; }
      #downloadFiles li a:visited, #downloadFiles li a:link {
        color: #fff; }
      #downloadFiles li a:hover {
        color: #6cb130;
        background: #fff; }
    #downloadFiles li div {
      width: 100%;
      height: 150px;
      padding: 10px;
      margin: 25px 0 0;
      background: #21a4da; }
      #downloadFiles li div.deleteBlock {
        height: 80px; }
    #downloadFiles li .moveFile, #downloadFiles li .deleteFile {
      float: left;
      padding: 10px;
      margin: 10px 0 0;
      cursor: pointer; }
    #downloadFiles li .moveFile {
      font-size: 20px; }
    #downloadFiles li .deleteFile {
      float: right;
      color: #fff;
      border: none;
      background: #ff2248; }
      #downloadFiles li .deleteFile:hover {
        background: #ff7800; }

#sort {
  padding: 10px;
  margin: 0 0 20px;
  border: 1px solid #000;
  overflow: hidden; }
  #sort dl div {
    float: left;
    margin: 0 10px 10px 0; }
    #sort dl div dt {
      float: left;
      padding: 8px 2px 0 0; }
    #sort dl div dd {
      float: left; }
      #sort dl div dd:not(:last-of-type) {
        margin: 0 10px 0 0; }
      #sort dl div dd select {
        padding: 0 5px;
        font-size: 14px; }
      #sort dl div dd input[type="number"] {
        width: 70px; }
  #sort #sortBtn {
    display: block;
    float: left;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #3c3c3c;
    cursor: pointer;
    transition: background 0.8s; }
    #sort #sortBtn:hover {
      background: #21a4da; }

#crops, #kyogikaiList {
  max-height: 550px;
  margin: 20px 0 0;
  overflow-y: scroll; }
  #crops table, #kyogikaiList table {
    width: 100%; }
    #crops table thead tr th, #kyogikaiList table thead tr th {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1;
      padding: 10px;
      color: #fff;
      border: 1px solid #c8c8c8;
      border-top: none;
      background: #3c3c3c; }
      #crops table thead tr th.file, #kyogikaiList table thead tr th.file {
        width: 69px; }
      #crops table thead tr th#number, #kyogikaiList table thead tr th#number {
        width: 100px; }
    #crops table tbody tr, #kyogikaiList table tbody tr {
      background: #fff; }
      #crops table tbody tr:nth-of-type(even), #kyogikaiList table tbody tr:nth-of-type(even) {
        background: #dcdcdc; }
      #crops table tbody tr td, #kyogikaiList table tbody tr td {
        position: relative;
        padding: 10px;
        border: 1px solid #c8c8c8; }
        #crops table tbody tr td.colorFile, #kyogikaiList table tbody tr td.colorFile {
          pointer-events: none; }
          #crops table tbody tr td.colorFile:hover, #kyogikaiList table tbody tr td.colorFile:hover {
            opacity: 0.6; }
          #crops table tbody tr td.colorFile a, #kyogikaiList table tbody tr td.colorFile a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: auto; }
            #crops table tbody tr td.colorFile a img, #kyogikaiList table tbody tr td.colorFile a img {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              width: 28px;
              height: 38px;
              margin: auto; }
        #crops table tbody tr td.toInfo a, #kyogikaiList table tbody tr td.toInfo a {
          text-decoration: underline; }
          #crops table tbody tr td.toInfo a:visited, #crops table tbody tr td.toInfo a:link, #kyogikaiList table tbody tr td.toInfo a:visited, #kyogikaiList table tbody tr td.toInfo a:link {
            color: #000; }
          #crops table tbody tr td.toInfo a:hover, #kyogikaiList table tbody tr td.toInfo a:hover {
            color: #6cb130; }

#contacts li, #newses li {
  padding: 10px 0;
  margin: 10px 0 0;
  border-bottom: 1px dashed #000; }
  #contacts li span, #newses li span {
    padding: 3px 5px;
    color: #fff;
    background: #6cb130; }
    #contacts li span.notRsv, #contacts li span.important, #newses li span.notRsv, #newses li span.important {
      background: #ff2248; }

#pageNav {
  margin: 20px 0 0; }
  #pageNav ul {
    font-size: 0; }
    #pageNav ul li {
      display: inline-block;
      font-size: 14px;
      border: 1px solid #3c3c3c;
      border-radius: 5px;
      background: #c8c8c8;
      pointer-events: none; }
      #pageNav ul li:not(:last-of-type) {
        margin: 0 5px 0 0; }
      #pageNav ul li .doubleArrow {
        letter-spacing: -3px; }
      #pageNav ul li:hover {
        border: 1px solid #009600;
        background: #009600; }
      #pageNav ul li a {
        display: block;
        padding: 8px 10px;
        pointer-events: auto; }
        #pageNav ul li a:hover {
          color: #fff; }
      #pageNav ul li p {
        padding: 8px 10px;
        color: #fff; }
      #pageNav ul li#nowPage {
        padding: 8px 10px;
        color: #fff !important;
        border: 1px solid #6cb130;
        background: #6cb130; }

#fileDesc {
  margin: 30px 0 0; }
  #fileDesc p {
    padding: 0 0 0 10px;
    border-left: 5px solid #3c3c3c; }
  #fileDesc img {
    padding: 15px 0 0 10px;
    border-left: 5px solid #6cb130; }

#myInfo {
  margin: 30px 0 0; }
  #myInfo tr th, #myInfo tr td {
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #3c3c3c; }
  #myInfo tr th {
    color: #fff;
    background: #6cb130; }
  #myInfo tr td {
    background: #fff; }

.toChange, .toContact {
  font-size: 0;
  margin: 50px 0 0; }
  .toChange li, .toContact li {
    display: inline-block;
    text-align: center; }
    .toChange li:not(:last-of-type), .toContact li:not(:last-of-type) {
      margin: 0 10px 10px 0; }
    .toChange li a, .toContact li a {
      display: block;
      padding: 20px 30px;
      font-size: 16px;
      font-weight: 700;
      border-radius: 10px;
      background: #3c3c3c; }
      .toChange li a:visited, .toChange li a:link, .toContact li a:visited, .toContact li a:link {
        color: #fff; }
      .toChange li a:hover, .toContact li a:hover {
        background: #6cb130; }

.toContact {
  margin: 20px 0 0; }

#infoContact {
  max-height: 220px;
  padding: 20px;
  margin: 20px 0 0;
  border: 1px solid #c8c8c8;
  background: #fff;
  overflow-y: scroll; }

#fini {
  padding: 2px 5px;
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #fff;
  background: #6cb130; }

#contactData {
  height: 515px;
  margin: 10px 0;
  overflow-y: scroll; }
  #contactData .from, #contactData .to, #contactData .from2 {
    position: relative;
    width: 87%;
    padding: 20px;
    margin: 15px 3% 0 10%;
    border-radius: 5px;
    border: 1px solid #21a4da;
    background: #96e1ff; }
    #contactData .from img, #contactData .to img, #contactData .from2 img {
      position: absolute;
      top: 5px;
      width: 25px;
      height: 25px; }
    #contactData .from .content, #contactData .to .content, #contactData .from2 .content {
      padding: 0 0 5px;
      margin: 0 0 5px;
      border-bottom: 1px solid #21a4da;
      white-space: pre-wrap; }
    #contactData .from ul, #contactData .to ul, #contactData .from2 ul {
      font-size: 0; }
      #contactData .from ul li, #contactData .to ul li, #contactData .from2 ul li {
        display: inline-block;
        font-size: 16px; }
        #contactData .from ul li.kidoku, #contactData .from ul li.midoku, #contactData .to ul li.kidoku, #contactData .to ul li.midoku, #contactData .from2 ul li.kidoku, #contactData .from2 ul li.midoku {
          width: 25px;
          height: 25px;
          padding: 2px 0 0;
          text-align: center;
          font-weight: 700;
          color: #fff;
          border-radius: 50%;
          background: #6cb130; }
        #contactData .from ul li.midoku, #contactData .to ul li.midoku, #contactData .from2 ul li.midoku {
          background: #c8c8c8; }
        #contactData .from ul li:not(:last-of-type), #contactData .to ul li:not(:last-of-type), #contactData .from2 ul li:not(:last-of-type) {
          margin: 0 10px 0 0; }
        #contactData .from ul li a, #contactData .to ul li a, #contactData .from2 ul li a {
          padding: 3px 6px 5px;
          font-size: 14px;
          color: #6cb130;
          border: 1px solid #6cb130;
          border-radius: 3px;
          background: #fff; }
          #contactData .from ul li a:visited, #contactData .from ul li a:link, #contactData .to ul li a:visited, #contactData .to ul li a:link, #contactData .from2 ul li a:visited, #contactData .from2 ul li a:link {
            color: #6cb130; }
          #contactData .from ul li a:hover, #contactData .to ul li a:hover, #contactData .from2 ul li a:hover {
            color: #fff;
            background: #6cb130; }
  #contactData .from img {
    right: -25px; }
  #contactData .to {
    margin: 15px 10% 0 3%;
    border: 1px solid #c8c8c8;
    background: #fff; }
    #contactData .to img {
      left: -25px; }
    #contactData .to .content {
      border-bottom: 1px solid #c8c8c8; }
  #contactData .from2 {
    border: 1px solid #c8c8c8;
    background: #fff; }
    #contactData .from2 img {
      right: -25px; }
    #contactData .from2 .content {
      border-bottom: 1px solid #c8c8c8; }

#contactForm {
  overflow: hidden; }
  #contactForm dl {
    margin: 20px 0 0; }
    #contactForm dl dt {
      display: inline-block;
      float: left;
      padding: 0 5px 0 0; }
    #contactForm dl dd {
      display: inline-block;
      float: left; }
      #contactForm dl dd input[type="checkBox"] {
        width: 18px;
        height: 18px;
        margin: 2px 0 0; }
  #contactForm #submit {
    display: block;
    float: right;
    padding: 10px 60px;
    margin-top: -13px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #3c3c3c;
    cursor: pointer;
    transition: background 0.8s; }
    #contactForm #submit:hover {
      background: #6cb130; }

#newsContent {
  padding: 0 20px;
  margin: 20px 0 0;
  border: 1px solid #c8c8c8;
  background: #fff;
  white-space: pre-wrap; }

#downloadFile {
  margin: 20px 0 0; }
  #downloadFile a {
    padding: 10px;
    color: #fff;
    border: 1px solid #6cb130;
    border-radius: 5px;
    background: #6cb130; }
    #downloadFile a:visited, #downloadFile a:link {
      color: #fff; }
    #downloadFile a:hover {
      color: #6cb130;
      background: #fff; }

#dropArea {
  width: 100%; }
  #dropArea .file_drag {
    width: 100%;
    height: 350px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 24px;
    border: 2px dashed #c8c8c8; }
    #dropArea .file_drag p {
      margin: 74px auto 10px; }
      #dropArea .file_drag p#fixAnn {
        margin: 10px auto 0;
        text-align: center;
        font-size: 16px;
        color: #ff2248; }
    #dropArea .file_drag input.btn {
      padding: 10px 60px;
      font-size: 18px;
      color: #fff;
      border: none;
      background: #3c3c3c;
      cursor: pointer; }
      #dropArea .file_drag input.btn:hover {
        background: #6cb130; }
  #dropArea .file_drag_over {
    border: 2px solid #6cb130 !important;
    background: rgba(108, 177, 48, 0.3); }

#uploaded_file {
  width: 100%;
  margin: 20px auto; }
  #uploaded_file .upload-file-name {
    width: 100%;
    min-height: 45px;
    padding: 5px;
    margin: 20px auto;
    border: 1px solid #6cb130; }
    #uploaded_file .upload-file-name .fileName {
      float: left;
      width: calc(100% - 64px);
      width: -webkit-calc(100% - 64px); }
      #uploaded_file .upload-file-name .fileName p {
        padding: 2px 0 0;
        font-size: 20px; }
    #uploaded_file .upload-file-name .deleteBtn {
      float: right;
      width: 54px;
      margin: 6px 0 0; }
      #uploaded_file .upload-file-name .deleteBtn a {
        padding: 5px 10px;
        color: #fff;
        border: 1px solid #ff2248;
        border-radius: 5px;
        background: #ff2248;
        cursor: pointer; }
        #uploaded_file .upload-file-name .deleteBtn a:hover {
          color: #ff2248;
          background: #fff; }

#dropSubmit {
  width: 100%;
  margin: 20px auto 0;
  text-align: center; }
  #dropSubmit p {
    margin: 0 0 20px;
    font-size: 20px; }
  #dropSubmit a {
    padding: 10px 100px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    background: #3c3c3c;
    cursor: pointer; }
    #dropSubmit a:hover {
      background: #6cb130; }

.file-error {
  width: 100%;
  padding: 5px;
  margin: 20px auto;
  border: 1px solid #ff2248; }
  .file-error p {
    color: #ff2248;
    font-size: 22px; }

#adFolder {
  overflow: hidden;
  padding: 100px 0 0; }
  #adFolder #path {
    padding: 0 10px;
    border-bottom: 1px solid #dcdcdc; }
    #adFolder #path ul {
      padding: 10px;
      border: 1px solid #3c3c3c;
      border-radius: 5px;
      margin: 0 0 10px;
      font-size: 0;
      background: #fff; }
      #adFolder #path ul li {
        position: relative;
        display: inline-block;
        font-size: 16px;
        padding: 0 20px 0 0; }
        #adFolder #path ul li:not(:last-of-type)::after {
          content: '>';
          position: absolute;
          top: -3px;
          right: 2px;
          font-size: 18px;
          font-weight: 700;
          color: gray;
          transform: scale(0.5, 1); }
        #adFolder #path ul li a:visited, #adFolder #path ul li a:link {
          color: #3c3c3c; }
        #adFolder #path ul li a:hover {
          color: #6cb130; }
    #adFolder #path #adHead {
      margin: 0 0 10px;
      overflow: hidden; }
      #adFolder #path #adHead #makeFolder {
        float: left;
        width: calc(100% - 460px); }
        #adFolder #path #adHead #makeFolder p {
          color: red; }
        #adFolder #path #adHead #makeFolder form {
          overflow: hidden; }
          #adFolder #path #adHead #makeFolder form #newFolderName {
            float: left;
            width: calc(100% - 110px); }
          #adFolder #path #adHead #makeFolder form button {
            float: right;
            width: 100px;
            padding: 10px 0;
            border: none;
            background: #c8c8c8;
            cursor: pointer; }
            #adFolder #path #adHead #makeFolder form button:hover {
              color: #fff;
              background: #ff7800; }
      #adFolder #path #adHead #upFile {
        float: left;
        width: 450px;
        margin: 0 0 0 10px;
        overflow: hidden; }
        #adFolder #path #adHead #upFile #btnExplore {
          width: 215px;
          float: left;
          padding: 8px 5px; }
        #adFolder #path #adHead #upFile .file-error {
          width: 225px;
          float: left;
          padding: 8px 5px;
          margin: 0 0 0 10px; }
          #adFolder #path #adHead #upFile .file-error p {
            font-size: 14px; }
  #adFolder #adMutch {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1; }
    #adFolder #adMutch #adoDropArea .file_drag {
      width: 100vw;
      height: 100vh; }
      #adFolder #adMutch #adoDropArea .file_drag p {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: fit-content;
        height: fit-content;
        margin: auto;
        font-size: 20px;
        font-weight: 700;
        color: rgba(60, 60, 60, 0.2);
        text-align: center; }
  #adFolder .list li {
    position: relative;
    padding: 5px 10px 2px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    overflow: hidden; }
    #adFolder .list li form {
      float: left;
      width: 23px; }
      #adFolder .list li form .deleteFile {
        position: relative;
        width: 20px;
        height: 20px;
        border: none;
        background: none; }
        #adFolder .list li form .deleteFile span {
          position: absolute;
          top: -8px;
          left: 0;
          width: 20px;
          height: 20px;
          background: url(img/trash.png);
          cursor: pointer; }
          #adFolder .list li form .deleteFile span:hover {
            background: url(img/trashHover.png); }
    #adFolder .list li a {
      position: relative;
      padding: 0 0 0 25px; }
      #adFolder .list li a:visited, #adFolder .list li a:link {
        color: #3c3c3c; }
      #adFolder .list li a:hover {
        color: #6cb130; }
      #adFolder .list li a::before {
        content: url(img/folder.png);
        position: absolute;
        top: 2px;
        left: 0; }
    #adFolder .list li.file a::before {
      content: url(img/file-icn.png); }
    #adFolder .list li .fileTime {
      padding: 0 0 0 5px;
      font-size: 12px; }

#information {
  padding: 20px;
  margin: 15px 0 0;
  border: 1px solid #000;
  background: #fff; }
  #information p {
    line-height: 30px; }