body {
	background : #CCCCFF;
}
table {
	font-family: Arial, Helvetica, sans-serif;
}
th.th-section-heading {background : #ececec; 
                       color: #000000; 
                       font-weight : 700 ; 
                       font-family : Arial, Helvetica, sans-serif; }
td.td-section-heading {background : #5c6fc0; 
                       color: #FFFFFF; 
                       text-align : left;
                       font-weight : 700 ; 
                       font-family : Arial, Helvetica, sans-serif; }
td.td-section-heading_result {background : #5c6fc0; 
                       color: #FFFFFF; 
                       font-weight : 700 ; 
                       font-family : Arial, Helvetica, sans-serif;
                       text-align: center;
                       vertical-align: middle;
                       border: #ffffff solid 1px;
                       padding:7px}
td.td-section-content_result {background : #ffffff; 
                       color: #000000; 
                       font-family : Arial, Helvetica, sans-serif; 
                       text-align: center;
                       vertical-align: middle;
                       border: #000000 solid 1px;
                       padding: 7px;}
td.td-section-heading-inbox {background : #3d4f9d; 
                       color: #FFFFFF; 
                       text-align : left;
                       font-weight : 700 ; 
                       font-family : Arial, Helvetica, sans-serif; }
td.td-heading {background : #f3f2c9; 
               color: #928358; 
               text-align : left;
               font-weight : 700 ; 
               font-family : Arial, Helvetica, sans-serif;}
td.td-heading_payment {background : #81C0BD; 
               text-align : left;
               font-weight : 700 ; 
               font-family : Arial, Helvetica, sans-serif;}
td.deadline {background : #5c6fc0; 
               color: #ffffff; 
               font-weight : 700 ; 
               font-family : Arial, Helvetica, sans-serif; }
td.td-body_payment {background : #E0EFEF;
            text-align: left;}
td.td-body {background : #fafae6;
            text-align: left;}
td.td-body_result {background : #fafae6;
            text-align: left;
            padding:7px;}
td.td-inbox {background : #d9d9ff;
            text-align: left;}
input.index {ime-mode : disabled;}
a.help {font-size : 10pt; 
        text-decoration: none;}
.warning {color: #990000;
	     font-weight: bold;
		 font-family : Arial, Helvetica, sans-serif;}
tr.spacing {height:2px;}
td.spacing {height:2px;padding:0px;}
.reg_form {
	width:100%;
	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:5px 0px;
}
.reg_form .form_row{
	width:100%;
	margin:8px 0px 0px;
	background : #f3f2c9;
}
.reg_form div.form_section_heading + div.form_row{
	margin:0px;
}
.reg_form div.form_row+div.form_section_heading{
	margin:8px 0 0;
}
.reg_form .form_row .item_content{
	background : #fafae6;
	background : #ffffff;
	width:100%;
	box-sizing:border-box;
	min-height:35px;
	display:-webkit-flex;
	-webkit-justify-content: space-between;
	display:flex;
	justify-content: space-between;
}
.reg_form .form_row .item_title{
	width:100%;
	margin:0px;
	padding:5px;
	box-sizing:border-box;
	color: #928358;
	font-weight : 700 ;
	font-family : 'Noto Sans TC', sans-serif;
	text-align : left;
    display: flex;
    justify-content: space-between;
}
.reg_form .form_row .item_input{
	width:95%;
	margin:0px;
	box-sizing:border-box;
	padding:5px;
	text-align: left;
}
.reg_form .form_row .item_input.important{
    color: #ff0000;
}
.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 : #5c6fc0;
	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;
}
.reg_form .form_row.step{
	width: 100%;
	margin: 8px 0px 0px;
	text-align: center;
	background: #ffffff;
}
.reg_form .form_row.button{
	width: 100%;
	margin: 8px 0px 0px;
	text-align: center;
	background: #ffffff;
}
.reg_form .form_row.button input{
    font-size: 20px;
}
.reg_form .form_row .item_input.special{
    width:100%;
	color:#424242;
	font-weight: bold;
}
.reg_form .form_row .item_input.special a{
	color:#5c6fc0;
}
.reg_form .form_row.button .warning,
.reg_form .form_row .item_input .warning{
    color:#ff0000;
    text-decoration: underline;
    font-weight: bold;
}
.reg_form .form_row .paymentwarning{
    color:#ff0000;
}
.reg_form .form_row.button .warning{
    margin:10px;
}
.reg_form .form_row .item_input .payeename{
	background-color:#e2e2c5;
	padding:3px;
}
.reg_form .form_row .item_input .selection{
	width:100%;
	display: flex;
	margin:10px 0;
	color:#424242;
	background-color:#e2e2c5;
	padding:10px;
	box-sizing:border-box;
}
.reg_form .form_row .item_input .selection .selectionradio{
	width:5%;
}
.reg_form .form_row .item_input .selection .selectiondescript{
	width:95%;
}
.button_section{
	background : #5c6fc0;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	text-align:center;
}
.detailsformrow{
  width : 100%;
  margin : 10px 0px;
  display : -webkit-flex;
  display : flex;
  box-sizing : border-box;
  padding : 5px;
  justify-content:space-between;
  -moz-justify-content:space-between;
  -webkit-justify-content:space-between;
}
.detailsformrow .leftrow{
  text-align : left;
}
.detailsformrow .rightrow{
  text-align: right;
}
.optionlist{
  width:100%;
  display:-webkit-flex;
  display:flex;
  flex-wrap:row;
  justify-content:space-between;
}
.optionlist .optionitem {
  display: flex;
  width: 50%;
}
.optionlist .optionitem .optioniteminput{
}
.optionlist .optionitem .optionitemcontent{
  padding:2px;
  box-sizing: border-box;
}

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;}

.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;}

.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 {}
.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;width:90%; flex-shrink:0}
.address .addressrow .cell .area input[type=text] {width:50%}
.address .addressrow .cell .cellcontent {width:90%}

.leveldisable{color: #b9b9b9;}