@charset "big5";
#mainVisua1, logos {
	width: 1219px;
}
#scheduleTable table {
    border-collapse: collapse;
    width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
#scheduleTable th {
    text-align: center;
    padding: 8px;
}
#scheduleTable td {
	text-align: left;
	padding: 8px;
	font-size: 14px;
	color: #333333;
}
#scheduleTable td span {
	font-size: 14px;
	color: #01853A;
	font-weight: bold;
}
#scheduleTable tr:nth-child(even){background-color: #f2f2f2}
#scheduleTable th {
	background-color: #01853A;
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: none;
}
#scheduleTable .sub {
	background-color:#CCCCCC;
	color: #333333;
	text-align: left;
	font-size: 14px;
}
#showERROR span {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;	
}
#regForm {
	padding: 20px;
	background-color: #01853A;
	color: #FFFFFF;
	font-size: 13px;
}
#regForm #checkBoxArea section {
	background-color: #FFFFFF;
	padding: 10px;
	color: #333333;
    margin-bottom: 20px;
}
#regForm #checkBoxArea .checkBox {
	float: left;
	width: 25px;
}
#regForm #checkBoxArea .formContent {
	float: left;
	width: auto;
}
#regForm .clear {
	clear: both;
}

#personalInfo section {
	float:left;
	width:60%;
}
#personalInfo aside {
	float:right;
	width:40%;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
	margin-left: 0px;
}
#regForm #personalInfo aside .checkBox {
	float: left;
	width: 4%;
}
#regForm #personalInfo aside .formContent {
	float: left;
	width: 96%;
}
#regForm #personalInfo aside a {
	color:#FFFFFF;
}
#personalInfo hr {
	width:95%;
	text-align: left;
}
#personalInfo label{
    display: block;
    margin: 0px 0px 15px 0px;
}
#personalInfo label > span{
    width: 15%;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
#personalInfo span.required{
    color:red;
}
#personalInfo .tel-number-field{
    width: 40px;
    text-align: center;
}
#personalInfo input.input-field{
    width: 80%;
    
}
#personalInfo input.input-field, 
#personalInfo .tel-number-field, 
#personalInfo .textarea-field, 
#personalInfo .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px;
    outline: none;
}
#personalInfo .input-field:focus, 
#personalInfo .tel-number-field:focus, 
#personalInfo .textarea-field:focus,  
#personalInfo .select-field:focus{
    border: 1px solid #0C0;
}
#personalInfo .textarea-field{
    height:100px;
    width: 55%;
}
#personalInfo input[type=submit],
#personalInfo input[type=button]{
	border: none;
	padding: 8px 30px 8px 30px;
	background: #FF8500;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: bolder;
	text-decoration: none;
}
#personalInfo input[type=submit]:hover,
#personalInfo input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

#personalInfo .remark {
	margin-top: 20px;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
	margin-left: 0px;
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #personalInfo .remark {
	-webkit-transform : scale(0.91);
	line-height: 14px;
	display: inline-block;
	margin-left: -30px;
	}
	#personalInfo aside {
	float:right;
	width:40%;
	-webkit-transform : scale(0.91);
	line-height: 14px;
	display: inline-block;
	margin-left: -50px;
	margin-top: -25px;
	}
	#personalInfo input.input-field{
    width: 85%;
	}
	#personalInfo hr {
	width:100%
	}
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
    #personalInfo .remark {
	-webkit-transform : scale(0.91);
	line-height: 14px;
	display: inline-block;
	margin-left: -30px;
	}
	#personalInfo aside {
	float:right;
	width:40%;
	-webkit-transform : scale(0.91);
	line-height: 14px;
	display: inline-block;
	margin-left: -50px;
	margin-top: -25px;
	}
	#personalInfo input.input-field{
    width: 85%;
	}
	#personalInfo hr {
	width:100%
	}
}