/*標準色 6FAD98*/
.TitBox { background: #6FAD98; color: #FFF; padding: 15px 0 15px 50px; position: relative; margin-top: 10px; text-shadow: 0 0 2px #666; }
.TitBox > ul { list-style: none; padding: 0; margin: 0; }
.TitBox > ul > li:first-child { font-size: 13px; font-weight: bold; }
.TitBox > ul > li:last-child { font-size: 24px; font-weight: bold; }
.TitBox > ul > li:last-child > span { font-size: 13px; position: absolute; right: 20px; bottom: 10px; }
.TitBox > ul > li:last-child > span > a { text-decoration: none; color: #FFF; font-weight: 400; }
.TitBox > ul > li:last-child > span > a:hover { color: #36F; text-shadow: initial; }

.RegBox { background: #EEE; }
.RegBox > .RegTitBox { display: inline-block; width: 100%; min-height: 50px; text-align: center; position: relative; margin-top: 20px; margin-bottom: 30px; }
.RegBox > .RegTitBox:before { content: ""; width: 100%; height: 1px; background: #28a2ab; position: absolute; left: 0; top: 50%; clear: both; }
.RegBox > .RegTitBox > div { width: 200px; background: #EEE; display: inline-block; color: #25959d; font-size: 24px; font-weight: bold; z-index: 1; position: absolute; top: 10px; left: calc(50% - 100px); }
.RegBox > .RegTitBox > div > input[type="submit"] { border: none; background: #25959d; color: #FFF; font-size: 24px; font-weight: bold; padding: 20px; border-radius: 5px; cursor: pointer; font-family: 微軟正黑體; }
.RegBox > .RegTitBox > div > .send { border: none; background: #25959d; color: #FFF; font-size: 24px; font-weight: bold; padding: 20px; border-radius: 5px; cursor: pointer; font-family: 微軟正黑體; }
.RegBox > .RegTitBox > div > input[type="submit"]:hover { text-shadow: 0 0 5px #333; }
.RegBox > .RegTitBox > div > .send { text-shadow: 0 0 5px #333; }

.RegBox > .RegAppBox { padding: 10px; background: #EEE; }
.RegBox > .RegAppBox > div { overflow: auto; height: 300px; border: 1px solid #CCC; background: #FFF; margin-bottom: 10px; }
.RegBox > .RegAppBox > div > ol > li { margin-bottom: 20px; }
.RegBox > .RegAppBox > div > ol > li > b { display: block; }
.RegBox > .RegAppBox > div > ol > li > ol { padding-left: 16px; list-style: upper-roman; }
.RegBox > .RegAppBox > div > ol > li > ol > li > ul { padding-left: 16px; }
.RegBox > .RegAppBox #CkBox { width: 25px; height: 25px; vertical-align: middle; cursor: pointer; }


.RegAppDateBox { display: flex; flex-wrap: wrap; padding: 0 15px; }
.RegAppDateBox > div > label { min-height: 25px; display: flex; flex-wrap: wrap; }
.RegAppDateBox > div > label i { font-style: normal; display: inline-block; }
.RegAppDateBox > div > label table { display: inline-block; margin-left: 15px; border-collapse: collapse; border-spacing: 0px; }
.RegAppDateBox > div > label .star { font-size:16px; color:#cf0101; font-weight:bold; }
.RegAppDateBox select,
.RegAppDateBox div.iPut01, 
.RegAppDateBox input[type="text"], 
.RegAppDateBox input[type="password"] { width: 100%; min-height: 35px; line-height: 1.6; box-sizing: border-box; border: 1px solid #CCC; border-radius: 5px; padding: 0 5px; margin: 5px 0; color: #333; background: #fff; font-size: 15px; }
.RegAppDateBox div.iPut01 input[type=radio] { width: 25px; height: 25px; vertical-align: middle; }
.RegAppDateBox div.iPut01 table { width: 100%; }

.areaA, .areaB, .areaC { margin: 5px 0; padding: 0 5px; }
.areaA { width: 33.3%; }
.areaB { width: 100%; }
.areaC { width: 100%; }

.areaA > div.iPut01 .btn-sm { font-size: 13px; }
.areaB select { width: auto; }
.areaC > div.iPut02 { background: #FFF; border-radius: 5px; border: 1px solid #CCC; margin: 5px 0; padding: 10px; font-size:14px;}
.areaC > div.iPut02 a { text-decoration: none; color: #B81C22; }
.areaC > div.iPut02 input[type=checkbox] { width: 25px; height: 25px; vertical-align: text-bottom; cursor: pointer; }
.areaC > div.iPut02 label { font-size:16px; }
.areaC > div.iPut03 { color:#a40505; background: #f7d0d0; border-radius: 5px; border: 1px solid #CCC; padding: 10px; margin-bottom: 25px; font-size:16px; font-weight:bold; line-height:1.6; }
.areaC > div.iPut03 > a { color: #333; }
@media screen and (max-width:991px) {
	.areaA { width:50%; }
	.areaC > div table { width: 100%; }
	.areaC > div table > tbody > tr > td { display: inline-block; width: 50%; }
}
@media screen and (max-width:767px) {
	.areaA { width:100%; }
	.areaC > div table > tbody > tr > td { display: inline-block; width: 100%; }
}