@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font-family:"微软雅黑","Microsoft YaHei","微軟正黑體","Microsoft JhengHei","Lucida Grande","Tahoma","Verdana","Arial","sans-serif","新細明體","PMingLiU";-webkit-text-size-adjust:100%;
	overflow-y:scroll;
	overflow-x: hidden;
	background-color: #d2d2d2;
	}
a{
   outline: none;
   text-decoration: none;
}
img{
   border:0;
}
sup{
 	position: relative;
 	top:-0.45em;
 	vertical-align: baseline;
 	font-size: smaller;
}
.from{
	color:#333333;
}
.from a{
	color:#006eb6;
}

/*inner_center 寬1024 置中*/
/*pc_hide 在網頁版隱藏 需包在外面*/
/*phone_hide 在手機版隱藏 需包在外面*/
.float{
	float:left;
}
.clear{
	clear:left;
}
.header{
	background-image:url(../img/inside_header.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffca18;
	width:100%;
	text-align: center;
    /*加垂直置中效果*/
	position: relative;
}
.logo{
	/*加垂直置中效果*/
	position: absolute;
	top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}
.step_round{
	background-color: #006eb6;
	color:#ffffff;
	display: inline-block;
	border-top-left-radius: 5em;
	border-top-right-radius: 5em;
}
.step_title{
	background-color: #ffffff;
	color:#006eb6;
	display: inline-block;
	margin-left:1%; 
	margin-right:1%; 
}
.content{
	background-color: #eeeeee;
	text-align: center;
	padding-top: 3%;
}
.again{
	background-color: #73a20f;
	color:#ffffff;
	text-align: center;
	border-radius: 50%;
	margin:auto;
	cursor: pointer;
	display: inline-block;
}
.again:before{
 	content: '';
 	display: inline-block;
 	vertical-align: middle;
 	height: 100%;
}
.again > div{
 	display: inline-block;
 	vertical-align: middle;	
}
.gen_btn{
	background-color: #006eb6;
	color:#ffffff;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	border-radius: 10px;
	text-align: center !important;
}
.gen_input{
	background-color: #ffffff;
	color:#333333;
	border:0; 
}
.gen_select{
	background: #ffffff;
	color:#666666;
	-webkit-appearance: none; /*for chrome*/
	appearance:none;
	-moz-appearance:none;
	background-image: url(../img/down.png);
	background-repeat: no-repeat;
	background-position: center right;
/*	overflow: hidden;*/
	border: none;
}
/*清除ie樣式*/
.gen_select::-ms-expand { display: none; }
/*step2*/
.icon_div .bg{
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	background-color: #006eb6;
	background-size: 101%;
	margin-bottom: 5%;
}
.icon_div{
	max-width: 207px;
	width: 100%;
	color:#333333;
	line-height: 1.3em;
	display: inline-block;
	margin:3%; 
}
/*step3*/
.exam_outer{
	width: 100%;
	background-color: #ffffff;
}
.blue_border{
	margin:auto;
	height:5px;
	background: #006eb6;
	max-width:1000px;
	width:100%;
}
.exam_in{
	margin: auto;
	text-align: center;
}
.exam_in div{
	text-align: left;
}
.topic{
	color:#006eb6 !important;
	position:relative;
}
.topic > span {
	position:absolute; 
	top:0; 
}
.radio{
	position:relative;
	cursor: pointer;
	width: 65%;
}
.radio > input{
	position:absolute; 
	top:0; 
	border-radius: 50%;
	border: #333333 1px solid; 
	display: block;
	cursor: pointer;
}
.nu{
	width: 24px;
	height:24px;
	background-color: #006eb6;
	border-radius: 50%;
	color:#ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 23px;
}
.nu.active{
	background-color: #a40000 !important;
}
@media screen and (min-width: 1400px) {
     /*如果使用者之視窗寬度 >= 1400px，將會再載入這裡的 CSS。 電腦*/
.topic{
	width: 97%;
	max-width: none !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1250px) {
.now_outer{
	right: 10px !important;
}
.blue_border{
	width:1000px;
}
}
@media screen and (min-width: 1000px) {
     /*如果使用者之視窗寬度 >= 1024px，將會再載入這裡的 CSS。 電腦*/
/*inner_center滿版 inner_center2有間距*/
.inner_center{
	max-width:1240px;
	margin:0 auto;
}
.inner_center2{
	max-width:1220px;
	margin:0 auto;
	padding: 0 10px; 
}
.pc_hide{
	display: none;
}
.phone_hide{
	display: block;
}
/*伸縮字型大小*/
.fsc11{
	font-size:11px;
	letter-spacing: 0.7px;
}
.fsc12{
	font-size: 12px;
	letter-spacing: 0.7px;
}
.fsc13{
	font-size: 13px;
	letter-spacing: 0.7px;
}
.fsc14{
	font-size: 14px;
	letter-spacing: 0.7px;
}
.fsc15{
	font-size: 15px;
	letter-spacing: 1px;
	/*line-height:25px*/
	/*手機版 line-height:20px*/
}
.fsc16{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc17{
	font-size: 17px;
	letter-spacing: 1px;
}
.fsc18{
	font-size: 18px;
	letter-spacing: 1px;
	/*網頁版14px*/
}
.fsc20{
	font-size: 20px;
	letter-spacing: 1px;
	/*手機版 line-height: 22px;*/
}
.fsc22{
	font-size: 22px;
	letter-spacing: 1px;
	/*手機版 line-height: 22px;*/
}
.fsc24{
	font-size: 24px;
	letter-spacing: 1px;
}
.fsc25{
	font-size: 25px;
	letter-spacing: 1px;
}
.fsc26{
	font-size: 26px;
	letter-spacing: 1px;
}
.fsc30{
	font-size: 30px;
	letter-spacing: 1.5px;
}
.fsc32{
	font-size: 32px;
	letter-spacing: 1.5px;
}
.gen_text{
	font-size: 24px;
	letter-spacing: 1px;
	color:#333333;
	line-height: 1.5em;
}
/*伸縮字型大小結束*/
.inner_bg{
	height:189px;
	background-image:url(../img/inner_bg.png);
	background-position:center; 
	background-repeat: no-repeat;
}
.header{
	background-size:2101px 419px;
	height:145px;
}
.logo{
	width: 576px;
}
.content{
	border-top: #ffffff 9px solid;
	border-bottom: #ffffff 9px solid;
}
.again{
	width: 115px;
	height: 115px;
	margin:25px 5px;
}
.gen_btn{
	min-width: 210px;
	padding: 10px 5px;
	margin:18px 5px;
	font-size: 20px;
	letter-spacing: 1px;
}
.step_round{
	padding: 29px 35px 10px 35px;
}
.step_title{
	padding: 4px 50px;
	border-top: 2px solid #4370cd;
	border-bottom: 2px solid #4370cd;
	margin-bottom: 25px;
}
.gen_input{
	height:50px;
	padding: 0 5px;
	margin:18px 5px;
	font-size: 20px;
}
.gen_input.size1{
	width: 155px;
}
.gen_input.size3{
	width: 300px;
}
.gen_input.size2{
	width: 250px;
}
.gen_select{
	width: 300px;
	padding: 0px 5px;
	margin: 18px 5px;
	font-size: 20px;
	height: 50px;
}
/*index*/
.h_img{
	position: relative !important;
	width: 48%;
	float:left;
}
.header.index{
	position: relative !important;
	color:#000000;
	height: inherit;
	padding-bottom: 10px;
	background-image: none; 
}
.index .logo{
	/*加垂直置中效果*/
	position: relative !important;
	float:left;
	left: inherit;
	width: 49.5% !important;
	margin-top:9%;
	margin-left: 1%; 
}
.index.header{
	background-position: center -60px;
}
.index .gen_text{
	margin-top: -1em;
	float:left;
	width: 49.5%;
	font-size: 30px !important;
	margin-left: 1%; 
}
.index_intro{
	width:100%;
	font-size:  20px;
	letter-spacing: 1px;
	color:#ffffff;
	line-height: 1.5em;
	background-color: #1b1b1b;
	text-align: center;
	padding:3.5% 0; 
}
/*step3*/
.exam_outer{
	padding: 60px 0 25px 0;
	min-height: 300px;
}
.exam_in{
	width: 1000px;
}
.topic{
	max-width: 880px;
}
.topic > span {
	left:-1.5em; 
}
.radio{
	margin-left: 65px;
	margin-top: 20px;
}
.exam_in > .radio:nth-of-type(5){
	margin-bottom: 50px;
}
.radio > input {
	left:-1.3em; 
	width: 20px;
	height:20px;
	margin-top: 7px;
	margin-left: -0.9em;
}
.now_outer{
	position: absolute;
	right: 100px;
}
.now_row{
	width: 24px;
	float:left;
	background-image: url(../img/now_border_pc.png);
	background-repeat: repeat-y;
	margin-left:20px;
}
.now_row > .nu:first-of-type{
	margin-top:0;
}
.nu{
	margin-top:10px;
}
	/*電腦版結束*/
}

@media screen and (max-width: 999px) {
     /*如果使用者之視窗寬度 <= 1023px，將會再載入這裡的 CSS。手機板*/
/*inner_center滿版 inner_center2有間距*/
.inner_center{
	width:100%;
	margin:0 auto;
}
.inner_center2{
	width:90%;
	margin:0 auto;
}
.pc_hide{
	display: block;
}
.phone_hide{
	display: none;
}
/*伸縮字型大小*/
.fsc11{
	font-size:11px;
	letter-spacing: 0.5px;
}
.fsc12{
	font-size: 11px;
	letter-spacing: 0.5px;
}
.fsc13{
	font-size: 11px;
	letter-spacing: 0.5px;
}
.fsc14{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc15{
	font-size: 13px;
	letter-spacing: 0.5px;
	/*line-height:25px*/
	/*手機版 line-height:20px*/
}
.fsc16{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc17{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc18{
	font-size: 14px;
	letter-spacing: 0.7px;
}
.fsc20{
	font-size: 16px;
	letter-spacing: 1px;
	/*手機版 line-height: 20px;*/
}
.fsc22{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc24{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc25{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc26{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc30{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc32{
	font-size: 16px;
	letter-spacing: 1px;
}
.gen_text{
	font-size: 16px;
	letter-spacing: 1px;
	color:#333333;
	line-height: 1.5em;
}
/*伸縮字型大小結束*/
.inner_bg{
	background-image:url(../img/inner_bg.png);
	background-position:center; 
	background-repeat: no-repeat;
	background-size: 128.4%;
	padding-top: 18.7%;
}
.header{
	background-size:900px 179.4485px;
	height:60px;
}
.logo{
	width: 246px;
}
.content{
	border-top: #ffffff 3px solid;
	border-bottom: #ffffff 3px solid;
}
.again{
	width: 90px;
	height: 90px;
	margin:12.5px 2.5px;
}
.gen_btn{
	min-width: 210px;
	padding: 8px 5px;
	margin:9px 2.5px;
	font-size: 16px;
	letter-spacing: 1px;
}
.step_round{
	padding: 21px 25px 7px 25px;
}
.step_title{
	padding: 5px 15px;
	border-top: 1px solid #4370cd;
	border-bottom: 1px solid #4370cd;
	margin-bottom: 17.5px;
	/*額外調整的*/
	max-width: 210px;
	width: 85%;
}
.gen_input{
	height:39px;
	padding: 0 5px;
	margin:9px 2.5px;
	font-size: 16px;
}
.gen_input.size1{
	width: 155px;
}
.gen_input.size3{
	width: 300px;
}
.gen_input.size2{
	width: 250px;
}
.gen_select{
	width: 300px;
	padding: 0px 5px;
	margin: 9px 2.5px;
	font-size: 16px;
	height: 39px;
}
/*index*/
.header.index{
	color:#000000;
	height:auto;
	padding-bottom: 10px;
}
.index .logo{
	/*加垂直置中效果*/
	position: relative;
	top: 8px;
    bottom: inherit;
}
.index.header{
	background-position: center -60px;
}
.index .gen_text{
	margin-top: -1em;
}
.index_intro{
	width:100%;
	font-size:  16px;
	letter-spacing: 1px;
	color:#ffffff;
	line-height: 1.5em;
	background-color: #1b1b1b;
	text-align: center;
	padding:3.5% 0; 
}
.content.index{
	background-color: #d2d2d2 !important;
}
/*step3*/
.exam_outer{
	padding: 15px 0 15px 0;
}
.blue_border{
	width:100%;
}
.exam_in{
	width: 100%;
}
.topic{
	width: 80%;
	margin-top: 10px;
}
.topic > span {
	left:-1.7em; 
}
.radio{
	margin: 10px auto 0 auto;
}
.exam_in > .radio:nth-of-type(5){
	margin-bottom: 20px;
}
.radio > input {
	left:-1.4em; 
	width: 15px;
	height:15px;
	margin-top: 3px;
	margin-left: -0.2em;
}
.now_outer{
	text-align: center;
}
.now_row:first-of-type{
	margin-top:0;
}
.now_row{
	background-image: url(../img/now_border_phone.png);
	background-repeat: repeat-x;
	margin:10px auto 0 auto; 
	height:24px;
	display: table;


}
.now_row > .nu:first-of-type{
	margin-left:0;
}
.nu{
	margin-left:5px;
	float:left;
}
     /*手機版結束*/
}
@media screen and (max-width: 700px) {
.gen_input{
	padding: 0 1%;
	margin:9px 1%;
}
.gen_input.size1{
	width: 45%;
}
.gen_input.size3{
	width: 96%;
}
.gen_input.size2{
	width: 96%;
}
.gen_select{
	width: 98%;
	padding: 0px 1%;
	margin: 9px 1%;
}

}