@charset "UTF-8";
/* CSS Document */


/* input set *//*form-------------------------------------------------*/
input[type="radio"], input[type="checkbox"] { margin:0 5px 0 0; /* display: table-row-group; */}
input.first[type="radio"], input.first[type="checkbox"] { margin-left:0; }
input[type="text"], textarea, input[type="password"], input[type="file"], input[type="email"], input[type="number"] {
  padding:10px;
  background-color:#fff;
  box-sizing:border-box;
}

select, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], textarea {
	font-size:15px;
	font-family:Verdana, 微軟正黑體;
	color:#666;
  height:40px;
  margin-left:0;
  margin-bottom:5px;
	border:solid 1px #fff;
  background-color:#fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
  box-sizing:border-box;
  overflow:hidden;
}
select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, input[type="email"]:focus { border:1px solid #3232a9; background:#fff; }
select:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, textarea:hover, input[type="email"]:hover { border:1px solid #3232a9; }
textarea { overflow-y:auto; letter-spacing:0.5px; font-size:13px; line-height:150%; }
select { padding:3px 4px; };

select, input[type="text"], input[type="email"], input[type="password"], input[type="file"], input[type="number"], textarea { font-size:12px; font-family:Verdana; color:#666; border:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
textarea { overflow-y:auto; letter-spacing:0.5px; font-size:13px; line-height:150%; }
select { padding:3px 4px; }

form { font-size:12px; }
form input[type="file"] { margin:3px 3px 8px 0; }
form select { margin-right:3px; }
form span.notice { clear:both; display:block; padding-left:4px; }
form span.notice.info { color:#3173C5; }
form span.notice.attention { color:#D73624; }
form span.notice img { margin-right:5px; vertical-align:middle; }
form a.btn-default, form a.btn-light { vertical-align:top; margin-left:3px }
span.required { font-size:120%; color:#C83424; margin-right:2px; }

.field { margin:10px 0; width:100%; min-height:40px; overflow:hidden; }
.field .label, .field .setting { display:inline-block; }
.field .label { width:200px; padding:5px 0; text-align:right; color:#1b3374; max-height:40px; line-height:40px; vertical-align:top; }
.field .setting {
  width: calc(100% - 220px);
  padding:5px 0;
  min-height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.field .label label { padding-right:15px; }
.field .setting label { margin-right:10px; display: inline-block; }

div.field.box_special {
	width:600px;
	padding:0; margin:auto;
	height:auto; line-height:inherit;
	background:#349abb; /* Old browsers */
	background:-moz-linear-gradient(top,  #349abb 0%, #63d6ed 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#349abb), color-stop(100%,#63d6ed)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #349abb 0%,#63d6ed 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #349abb 0%,#63d6ed 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #349abb 0%,#63d6ed 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #349abb 0%,#63d6ed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349abb', endColorstr='#63d6ed',GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
div.field.box_special img {
	display:block;
	margin:auto;
	padding:10px 10px 0 10px;
	width:100%; max-width:300px;
	box-sizing:border-box;
}
div.field.box_special label {
	display:block;
	padding:10px;
	color:#040b43;
}
div.field.box_special .tip {
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#e80000;
}
div.field.box_special input[type="checkbox"] { }

.field .m30 { margin-left:15%; padding-left:20px; }
input.s[type="text"], input.s[type="password"], input.s[type="email"], input.s[type="number"] { width:200px; }
input.m[type="text"], textarea.m, input.m[type="password"], input.m[type="email"], input.m[type="number"] { width:350px; }
input.l[type="text"], textarea.l, input.l[type="password"], input.l[type="email"], input.l[type="number"] { width:100%; }
fieldset { padding:10px 0 0; }
legend + * { -webkit-margin-top-collapse:separate; margin-top:1px; }
fieldset legend { border-bottom:1px solid #CCC; width:99.5%; font-size:13px; font-weight:bold; color:#333; margin-bottom:8px; line-height:24px; }


form .toolbar .inner { padding-left:200px; overflow:hidden; }
form .func { margin-top:20px; }
form .LoginUI .func { margin-top:0; }