@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; }
#urdx{position:fixed;top:0;left:0;width:120px;height:120px;background:url(../../images/urdx.png) no-repeat;}
body{font-family:Arial-bold;font-size:14px;color:black;margin:0 auto;padding-top:10px;padding-bottom:10px;width:1024px}
.wrap{position:relative;margin-top:30px;background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #ccc;width:1024px;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{width:100%;height:120px;border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;background: linear-gradient(#7fc7ff 0%, #ffff92 60%, #fff 100%)}
.logo{padding-top: 10px;position:absolute;width: 100%;height:70px;background:url(../../images/logo.png) no-repeat left top}
#menu{position:absolute;padding: 0px 10px;}

span.menu a:link{display: inline-block;width: 75px;padding: 1px 4px;margin: 2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
background: #eee;color: #666;border: 2px solid #666;text-decoration: none;font: bold 13px Arial-bold;text-align:center;
}
span.menu a:hover{color: #999;border: 2px solid #999;
-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);
}

.lang{padding: 0px 10px;text-align: right}
.lang img{width: 24px;padding: 2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.main{text-align: left;padding: 10px}
.main a{text-decoration: none;}
.header{padding: 10px;text-align: center;font-family: Arial-bold;font-size: 28px;color: #666}
.before{color: #666}
.start{color: #090}
.finish{color: #00f}
.end{color: #999}
fieldset {background-color: #eee;border: 2px solid #ccc;padding: 10px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px}
legend {background-color: #fff;font-family: Arial-bold;font-size: 14px;font-weight: bold;color: #666;padding: 5px;margin-left: auto;margin-right: auto;border: 2px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.log_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);
  }

span.upload {padding: 10px;background-color: #eee;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #ccc;-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}

.bg1{background-color: #ccc}
.bg2{background-color: #ddd}
.bg3{background-color: #eee}
.bg4{background-color: #fff}
.listb{height: 15px;font-family: Arial-bold;font-weight: bold;font-size: 14px;text-decoration: none;color: #666}
.listc{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}

.form label {
    padding: 16px 12px 0 0;
    display: inline-block;
}

.form input[type=text], .form select, .form textarea {
width: 100%;
padding: 5px;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;-moz-box-shadow: inset 0 1px 3px #ddd;box-shadow: inset 0 1px 3px #ddd;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
resize: vertical;
}

.form:placeholder {
      color: #f00;
      opacity: 0.4;
 }

.form input[type=text]:focus, .form select:focus, .form textarea:focus {
      color: #666;
      background-color: #fff;
      border-color: #ccc;
      outline: 0;
-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);
}

.form input[type=button], .form .button {
width: 120px;
font: bold 12px Arial-bold;
text-align:center;
background:#eee;
color: white;
padding: 8px 14px;
margin: 14px 0 8px 0;
display: inline-block;
border: none;
border:1px solid #ccc;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow: inset 0 1px 3px #ddd;-moz-box-shadow: inset 0 1px 3px #ddd;box-shadow: inset 0 1px 3px #ddd;
}

.form input[type=button]:hover, .form .button:hover {
background: black;
}