@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
	background : #f8ecec; 
	background : #e6e6e1; 
	text-align : center; 
	font-family : 'Noto Sans TC', sans-serif;
	padding:0;
	margin:0;
}
.main{margin:0 auto; padding:0; width:800px; text-align:center;}
.mainbody{ margin:10px auto;}
.agreement {width:100%; margin:0px auto;}
.agreement > table {width:100%}
.agreement > table th, .agreement > table td {text-align:left;}
.agreement .row {margin:20px 0;}
.agreement .agreementbutton {display:flex;}
.agreement .agreementbutton div {width:50%;}
.button{
	font-size:16px;
	padding:3px;
}
select, input{
    vertical-align: none;
}
.ui-tooltip {
	font-family : 'Noto Sans TC', sans-serif;
	text-align:left;
	font-size:12px;
} 
th.th-section-heading {
	background : #CCCCFF;
	color: #000000;
	font-weight : 700 ;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left  
}

td.td-section-heading {
	background : #782f55;
	color: #FFFFFF;
	font-weight: 700;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left
}

td.td-heading {
	background : #ffffff;
	color: #7a6879;
	font-weight : 700 ;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left;
	vertical-align:top;
}

td.td-body {
	background : #d9d9d9;
	text-align : left;
}

td.td-help {
	background : #d9d9d9;
	text-align : right
}

input.index {
	ime-mode : disabled;
}

a.help {
	font-size : 10pt;
	text-decoration: none;
}

tr.spacing {
	height:2px;
}

td.spacing {
	height:2px;
	padding:0px;
}

img{
	border:0px;
}
li{
	line-height:22px;	
}

.reg_form {
	width:1024px;
	margin:0 auto;
	padding:0;
}
.reg_form .form_heading{
	color: #FF0033;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : center ;
	width : 100%;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	margin:10px 0px;
}
.reg_form .form_instruction{
	color: #FF0033;
	color: #000000;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left ;
	width : 100%;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	margin:5px 0px 10px 0px;
}
.reg_form .form_message{
	color: #FF0033;
	color: #000000;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : center ;
	width : 100%;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	margin:10px 0px;
}
.reg_form .form_body{
	width:100%;
	margin: 20px 0;
	overflow: hidden;
}
.reg_form .form_error{
	color: #FF0033;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : center ;
	width : 100%;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	margin:5px 0px;
}
.reg_form .form_row {width:100%; margin:8px 0px; background : #d9d9d9; display: flex}
.reg_form .form_section_heading ~.form_row {margin-top:0}
.reg_form .form_row .item_content{
	background : #d9d9d9;
	box-sizing:border-box;
	display:flex;
	padding:5px;
	justify-content:space-between;
	width: 75%;
}

.reg_form .form_row .item_title{
	width: 25%;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
	color: #7a6879;
	font-weight: 700 ;
	font-family: 'Noto Sans TC', sans-serif;
	text-align: left;
	display: flex;
	justify-content: space-between;
	border-right:2px solid #ffffff;
}
.reg_form .form_row .item_title .title {margin: 0; }

.reg_form .form_row .item_input{
	width:100%;
	margin:0px;
	box-sizing:border-box;
	padding:5px;
	text-align : left;
	min-height:34.5px;
}

.reg_form .form_row .item_input .optionlist {display: flex}
.reg_form .form_row .item_input.full .optionlist {display: block}
.reg_form .form_row .item_input.half .optionlist {flex-wrap: wrap;}
.reg_form .form_row .item_input .optionlist .optionitem {width: 20%; display: flex}
.reg_form .form_row .item_input.full .optionlist .optionitem {width: 100%; display: flex}
.reg_form .form_row .item_input.half .optionlist .optionitem {width: 50%; display: flex}
.reg_form .form_row .item_input .optionlist .optionitem .optioniteminput {line-height: 21px;}
.reg_form .form_row .item_input .optionlist .optionitem .optioniteminput input {margin: 0; padding:0}
.reg_form .form_row .item_input .optionlist .optionitem .optionitemcontent {margin-left: 5px; line-height: 26px;}
.reg_form .form_row .item_input a img {vertical-align: middle;}
.reg_form .form_row .item_input input[type=text], 
.reg_form .form_row .item_input input[type=password] {vertical-align: middle; width: 100%; box-sizing: border-box;}
.reg_form .form_row .item_input input.othersinput {width: 60%;}

.reg_form .form_row .item_help{
	width:5%;
	margin:0px;
	box-sizing:border-box;
	padding:5px;
	text-align:right;
	height:35px;
}
.reg_form .form_row_button{
	background-color:transparent;
	margin:0px;
	margin-top:15px;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	text-align:center;
	float:right;
}
.reg_form .form_section_heading{
	width:100%;
	background : #969487;
	color: #FFFFFF;;
	font-weight : 700 ;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left ;
	padding:5px;
	box-sizing:border-box;
}
.reg_form .form_warning{
    width:100%;
    color: #FF0033;
    font-size:20px;
    float:left;
    margin:10px 0;
	box-sizing:border-box;
}
.reg_form .form_row_notice{
    color:#ff0000;
	background : #d9d9d9;
    width:100%;
    float:left;
    padding:3px;
    line-height:26px;
    font-weight:bold;
	box-sizing:border-box;
}
.button_section{
	width:100%;
	box-sizing:border-box;
	padding:5px;
	text-align:center;
}
.logo{
	  width:640px;
	  margin:10px auto;
	  text-align:center;
	  padding:0;
}
.seperator{
  height:20px;
  width:100%;
}
.langbar{
  font-family: Arial, Helvetica, sans-serif;  
  width:100%;
  text-align:right;
  height:40px;
}
span.errormessage {
  color : #FF0000;
  background-color:#00FF00;
  font-weight:bold;
}

.item_title > .help {margin : 0 10px; background-image : url('../image/qbut.gif'); background-repeat : no-repeat; background-size : 20px 20px; padding : 0px 11px 22px 11px;}
.item_title > .help .helptext {visibility: hidden; width: 240px; background-color: #f3f4d9; color: #705436; text-align: justify; border-radius: 6px; padding: 10px; font-size: 14px; margin-left: -280px; position: absolute; z-index: 1;}
.item_title > .help:hover .helptext {visibility: visible;}
.item_title > .help:hover {cursor:pointer;}
ul.optionlist {list-style: none; padding: 0; margin: 0;display:flex; justify-content:space-between;flex-wrap:wrap;}
ul.optionlist li {line-height:26px;}
ul.optionlist.column5 li {}
ul.optionlist.column1 li {width: 100%}
ul.optionlist.column2 li {width: 50%}
ul.optionlist.column4 li {width: 25%}
ul.optionlist input[type=radio], ul.optionlist input[type=checkbox] {margin:auto 0;}

.address {width:100%;}
.address .addressrow {width:100%; display:flex; justify-content:space-between}
.address .addressrow .cell {width:100%; margin:3px; display:flex; justify-content:space-between}
.address .addressrow .cell div {width:50px;}
.address.addressline .addressrow .cell div {width:100px;}
.address.addressline .addressrow .cell .optionlist {width:90%;}
.address .addressrow.column3 .cell{width:30%}
.address .addressrow.column3 .cell input[type=text] {width:67%}
.address .addressrow .cell input[type=text] {width:90%}
.address .addressrow .cell .area {display:flex;justify-content:space-between;width:90%; flex-shrink:0}
.address .addressrow .cell .area input[type=text] {width:50%}
.reg_form .form_row .item_input input.institutionothers {width:60%; margin-left:5px;}
.inputdesc {font-size: 14px; color: #c27618;margin-top:10px;}
.confirminformation {border: solid 1px #000000; width: 50%; border-spacing: 0px; background-color:#ffffff;}
.confirminformation td {border: solid 1px #000000; padding:4px;}
.confirminformation td:first-child {width: 30%;}
.confirminformation tr:first-child, .confirminformation tr:last-child {background-color: #c7c2af;}


.loginform{
  width:640px;
  background-color:#ececec;
  margin:0px auto;
}
.formrow{
  width : 60%;
  margin:10px auto;
}
.formrow .formtitle{
  font-size : 18px;
  text-align : center;
  font-weight : 700;
  margin:10px 0px;
  padding:0px;
}
.formrow .formmessage{
  color:#ff0000;
  font-size:18px;
  padding:0px;
}
.formrow .formdescription{
  text-align : left;
}
.formrow .formheading{
  text-align : left;
  padding:0px;
}
.formrow .formcontent{
  text-align : left;
  padding:0px;
}
.formrow .formcontent .forminput{
  width:100%;
  box-sizing : border-box;
  ime-mode : disabled;
}
.loginlangbar{
      font-family: Arial, Helvetica, sans-serif;  
      width:100%;
      text-align:right;
      height:40px;
      background-color:#3d4f9d;
}
.leveldisable {
   color: #b9b9b9;
}
.quotatable {
   width: 60%;
   margin:0 auto;
   border:1px #000000 solid;
   border-spacing: 0;
   border-collapse: collapse;
}
.quotatable td{
   width:15%;
   padding: 3px;
   border:1px #000000 solid;
   background-color: #ffffff;
   color: #7a6879;
   text-align: center;
}
.form_instruction h3{color:#c27618;text-decoration:underline;  }
.red {color: #ff0000!important;}

div.newschedulewrapper{
  background-color: #F8E27E;
  color: #A93045;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  margin: 20px auto;
  text-align: center;
}
table.newschedule{
  border: 1px solid #000000;
  width: 80%;
  border-collapse: collapse;
  margin:0 auto;
}
table.newschedule td{
  border: 1px solid #000000;
  padding: 3px;
  text-align: center;
  font-size: 13px;
  vertical-align: top;
}
h3.newscheduletitle{
  text-decoration: underline;
  font-weight: bold;
}
tr.newscheduleheader td{
  color: #ffffff;
  font-weight: bold
}