@font-face{font-family: "Arial";src: url("arial.ttf") format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: "Arial-slash";src: url("arial-slash.ttf") format("truetype");font-style: normal; font-weight: normal; }
@font-face{font-family: "Arial-bold";src: url("arial-bold.ttf") format("truetype");font-style: normal; font-weight: normal; }
#dd5gg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(../../images/dd5gg.png) no-repeat; z-index: -1;}
body{font-family: Arial-bold;font-size: 14px;color : black;margin: 0 auto;padding-top: 10px;padding-bottom: 10px;width: 990px}
img.bg{min-height: 100%;min-width: 640px;height: auto;width: 100%;position: fixed;top: 0;left: 0}
.wrap{position: relative;margin-top: 30px;background: #FFF;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;border: 1px solid #ccc;width: 990px;margin-left: auto;margin-right: auto;-webkit-box-shadow: 0px 0px 5px 2px #ccc;-moz-box-shadow: 0px 0px 5px 2px #ccc;box-shadow: 0px 0px 5px 2px #ccc}
.head{position: relative;width: 100%;height: 160px;text-align: center;border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;-webkit-border-radius: 15px 15px 0px 0px;background: url(../../images/bg.jpg) no-repeat transparent top}
.logo{width: 100%;height: 48px;background: url(../../images/logos.png) no-repeat right top}
.main{position: relative;width: 95%;text-align: center;padding: 25px;margin-left: auto;margin-right: auto}
.menu{height: 28px;font-weight: bold;font-family: Arial-bold;font-size: 18px}
.menu a{color:#666;text-decoration: none;padding: 18px}
.menu a:hover{color:#ccc;cursor: pointer}
fieldset {background-color: #eee;border: 2px solid #ccc;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px}
legend {width: 160px;background-color: #fff;font-family: Arial-bold;font-size:1em;color: #666;padding: 5px 10px;margin-left: auto;margin-right: auto;border: 2px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.bg1{background-color: #ccc}
.bg2{background-color: #ddd}
.bg3{background-color: #eee}
.bg4{background-color: #fff}
.sector{font-size: 1.2em;text-decoration: none;font-weight: bold;clear: both;color:#666;line-height: 1em;padding: 0 0 0.3em;font-family: Arial-bold;letter-spacing: 0.05em}
.contact{width: 360px;border: solid 1px #ccc;padding: 2px;font-family: Arial-bold;font-size: 12px;text-decoration: none;color: #666;cursor: default;}
.header{height: 15px;font-family: Arial-bold;font-weight: bold;font-size: 13px;text-decoration: none;color: #666}
.listcall{height: 15px;font-family: Arial-slash;font-size: 13px;text-decoration: none;color: #666}
.list{height: 15px;font-family: Arial;font-size: 13px;text-decoration: none;color: #666}
.icon img{width: 360px;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-webkit-box-shadow: 0px 0px 5px 2px #ccc;-moz-box-shadow: 0px 0px 5px 2px #ccc;box-shadow: 0px 0px 5px 2px #ccc}
.awards img{width: 640px;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-webkit-box-shadow: 0px 0px 5px 2px #ccc;-moz-box-shadow: 0px 0px 5px 2px #ccc;box-shadow: 0px 0px 5px 2px #ccc}
.copyright, .copyright a{font-size: 13px;text-decoration: none;text-align: center;color:#999;margin-top: 10px}
.upload{display: inline-block;padding: 2px 12px;margin: 10px;cursor: pointer;background-color: #eee;border: 2px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}

.reqbutton, #log{
padding:5px;
font-weight:bold; font-size:14px;
font-family: Arial-bold;
text-align:center;
background:#eee;
color:#666;
border: 1px solid #bdbdbd;
width:120px;
cursor:pointer !important;
-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;
}

    .text-field__contact {
      display: block;
      width: 100%;
      height: calc(1.25rem + 1px);
      padding: 0.375rem 0.75rem;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #666;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #bdbdbd;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .text-field__contact[type="search"]::-webkit-search-decoration,
    .text-field__contact[type="search"]::-webkit-search-cancel-button,
    .text-field__contact[type="search"]::-webkit-search-results-button,
    .text-field__contact[type="search"]::-webkit-search-results-decoration {
      -webkit-appearance: none;
    }

    .text-field__contact::placeholder {
      color: #666;
      opacity: 0.4;
    }

    .text-field__contact:focus {
      color: #666;
      background-color: #fff;
      border-color: #bdbdbd;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
    }

    .text-field__contact:disabled,
    .text-field__contact[readonly] {
      background-color: #f5f5f5;
      opacity: 1;
    }

    .text-field__textarea {
      display: block;
      width: 100%;
      height: calc(6.25rem + 6px);
      padding: 0.375rem 0.75rem;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #666;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #bdbdbd;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .text-field__textarea[type="search"]::-webkit-search-decoration,
    .text-field__textarea[type="search"]::-webkit-search-cancel-button,
    .text-field__textarea[type="search"]::-webkit-search-results-button,
    .text-field__textarea[type="search"]::-webkit-search-results-decoration {
      -webkit-appearance: none;
    }

    .text-field__textarea::placeholder {
      color: #666;
      opacity: 0.4;
    }

    .text-field__textarea:focus {
      color: #666;
      background-color: #fff;
      border-color: #bdbdbd;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
    }

    .text-field__textarea:disabled,
    .text-field__textarea[readonly] {
      background-color: #f5f5f5;
      opacity: 1;
    }

    .text-field__input {
      display: block;
      width: 100%;
      height: calc(2.25rem + 2px);
      padding: 0.375rem 0.75rem;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #666;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #bdbdbd;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .text-field__input[type="search"]::-webkit-search-decoration,
    .text-field__input[type="search"]::-webkit-search-cancel-button,
    .text-field__input[type="search"]::-webkit-search-results-button,
    .text-field__input[type="search"]::-webkit-search-results-decoration {
      -webkit-appearance: none;
    }

    .text-field__input::placeholder {
      color: #666;
      opacity: 0.4;
    }

    .text-field__input:focus {
      color: #666;
      background-color: #fff;
      border-color: #bdbdbd;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
    }

    .text-field__input:disabled,
    .text-field__input[readonly] {
      background-color: #f5f5f5;
      opacity: 1;
    }

    /* with button */
    .text-field__group {
      display: flex;
    }

    .text-field__btn {
      display: inline-block;
      font-weight: 400;
      line-height: 1.5;
      color: #666;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      background-color: #eee;
      border: 1px solid #bdbdbd;
      padding: .375rem .75rem;
      font-size: 1rem;
      border-radius: .25rem;
      transition: background-color .15s ease-in-out;
    }

    .text-field__btn:hover {
      background-color: #bdbdbd;
    }

    .text-field__group input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      position: relative;
      z-index: 2;
    }

    .text-field__btn {
      position: relative;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left-width: 0;
    }