*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
      font-size:15px;}
ul{ margin:0; padding:0; list-style:none;}
p{ margin:0; padding:0;}
.c01{ color:#fabe00;}
.c02{ color:#00e8db;}

/* == 桌機版優先 ============================================================================= */

/* ==刊頭== */
.head{ 
	width:100%;
    height:600px;
	background-color: #e0e0ff;
	background-image: url(../images/headbg.jpg);
	}
.head-main{
	margin: 0 auto;
	width: 1000px;
	height: 600px;
	background-image: url(../images/headmain.png);
	background-size: cover;
	overflow:hidden;
}
.head-btn{ 
	margin: 0 auto;
	padding:0 0 40px 0;
	width:100%;
	height: auto;
	overflow: hidden;
	background-color:#e0e0ff;
    }
.head-btn ul{
	margin: 0 auto;
	padding: 0 0 0 210px;
	width: 1000px;
}
.head-btn li{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 50px;
	width: 550px;
	height: 80px;
	line-height: 80px;
	border: 3px solid #FFFFFF;
	border-radius: 15px;
	font-size: 2.1em;
	color: #FFFFFF;
}
.head-btn li i{ color: #3b3991;}
.head-btn li:nth-child(1){ background-color: #faa500;}
.head-btn li:nth-child(2) i{ color: #faa500;}
.head-btn li:nth-child(2){ background-color: #3b3991;}
.head-btn li:nth-child(3){ background-color: #00c3b8;}
.head-btn li a{ display: block; text-decoration: none; color: #FFFFFF;}

/* == Q01現在考警察有什麼優點 == */
.qa-01{
	margin: 0 auto;
	padding: 90px 0;
	width: 1000px;
	height: auto;
	overflow: hidden;
}
.qa-01 h2{ text-align: center; font-size: 3em; color: #3b3991; }
.qa-01 ul{ margin: 50px 0; overflow: hidden;display: flex;justify-content: space-between;}
.qa-01 h3{ margin: 0 0 50px 0 ; text-align: center; font-size: 2em; color: #000000; font-weight: normal;}
.qa-01 li{
	display: block;
/*	float: left;
	margin: 0 25px;
*/	width:20%;
}
.qa-01 li h4{ margin: 15px 0 5px 0 ; font-size: 1.6em; line-height: 1.1; color: #ff7200;}
.qa-01 li:nth-child(even) h4{ color: #3b3991; }
.qa-01 li p{ font-size: 1.2em;}
.qa-01-btn{ clear: both; margin: 0; padding: 0;}
.qa-01-btn h3{
	display: block;
	margin: 0 auto;
	width: 450px;
	height: 50px; line-height: 50px;
	background-color: #000000;
	font-size: 1.4em; color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
}
.qa-01-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-01-btn p a{ color: #000000; }
.qa-01-btn i{ padding: 0 10px 0 0;}

/* == Q02如何快速考上警察？ == */
.qa-02{
	margin: 0 auto;
	padding: 90px 0;
	width: 100%; height: auto;
	background-color: #3b3991;
	overflow: hidden;
}
.qa-02 .main{
	margin: 0 auto;
	width: 1000px;
}
.qa-02 .main h2{ text-align: center; font-size: 3em; color: #fabe00; }
.qa-02 .main h3{ margin: 50px 0 0 0; text-align: center; font-size: 1.8em; color: #ffffff; font-weight: normal;}
.qa-02 .main ul{ 
	margin: 10px auto 50px auto;
	padding: 48px;
	overflow: hidden;
	width: 900px;
	border: 1px solid #8180ce; border-radius: 20px;
}
.qa-02 .main li{
	display: block;
	float: left;
	padding: 0 40px;
	width: 400px;
	text-align: center;
}
.qa-02 .main li h4{ 
	display: block;
	margin: 20px auto 10px auto;
	width: 200px; height: 38px; line-height: 38px; border-radius: 20px;
	font-size: 1.2em; text-align: center; color:#3b3991;
}
.qa-02 .main li:nth-child(1) h4{ background-color: #fabe00; }
.qa-02 .main li:nth-child(2) h4{ background-color: #00e8db; }
.qa-02 .main li p{ font-size: 1.4em; color: #FFFFFF; text-align:left;}
.qa-02 .main li img{ width: 100%; max-width: 250px; height: auto;}
.qa-02-btn{ clear: both; margin: 0; padding: 0;}
.qa-02-btn h3{
	display: block;
	margin: 0 auto;
	width: 380px;
	height: 50px; line-height: 50px;
	background-color: #FFFFFF;
	font-size: 1.4em; color: #3b3991;
	text-align: center;
	border-radius: 15px;
}
.qa-02-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-02-btn p a{ color: #FFFFFF; }
.qa-02-btn i{ padding: 0 10px 0 0;}

/* == Q3：我適合考警察嗎？ == */
.qa-03{
	margin: 0 auto;
	padding: 90px 0;
	width: 100%; height: auto;
	background-color: #65e5de;
	overflow: hidden;
}
.qa-03 h2{ text-align: center; font-size: 3em; color: #3b3991; }
.qa-03 .main{
	margin: 50px auto;
	width: 680px;
	padding: 50px;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.qa-03 .main p{ font-size: 2em; line-height: 2; color: #3b3991; }
.qa-03 .main p:hover{ color: #fa4c00; }
.qa-03 .main p:activ{ color: #fa4c00; }
.qa-03-btn{ clear: both; margin: 0; padding: 0;}
.qa-03-btn h3{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 400px;
	height: auto;
	background-color: #000000;
	font-size: 1.4em; color: #fabe00;
	text-align: center;
	border-radius: 15px;
}
.qa-03-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-03-btn p a{ color: #000000; }
.qa-03-btn i{ padding: 0 10px 0 0;}

/* == 考取經驗談 == */
.share-wap{ padding: 90px 0 0 0; width: 100%; }
.share{
	margin: 0 auto 25px auto;
	padding: 40px 0;
	width: 1000px;
	height: auto;
	border: 1px dashed #8180ce;
	border-radius: 20px;
	overflow: hidden;
}
.share-L{ float: left; padding: 0 50px; width: 350px; }
.share-L img{ width: 100%; max-width: 250px; border-radius: 20px;}
.share-R{ float: right;	padding: 0 50px 30px 0; width: 648px; }
.share-R h3{ font-size: 1.8em; color: #3b3991; font-weight: normal; }
.share-R h2{ display: block; padding: 10px 15px; width: 100%; background-color: #3b3991; font-size: 2em; color:#FFFFFF; border-radius: 15px; font-weight: normal;}
.share-R h4{ display: block; margin: 2px 0; padding: 8px 15px; width: 100%; background-color: #faa500; font-size: 1.4em; color:#FFFFFF; border-radius: 15px; font-weight: normal;}
.share-R p{ padding: 10px 0 0 0; font-size: 1.4em; line-height: 1.6;}
.share-btn{ 
	clear: both; margin: 0 auto;
	width: 250px; height: 50px; line-height: 50px; 
	background-color: #e4007f; border-radius: 15px;
	font-size: 1.7em; text-align: center; color: #FFFFFF;
}
.share-btn a{ display: block; text-decoration: none; color: #FFFFFF;}

/*== 考取機率提升200% ==*/
.per-top{background:url(../images/200per.jpg)no-repeat;width: 100%;height: 0;padding-bottom:44.5%;background-size: cover;}
.per-down{width:100%;background:#d60011;padding:20px 0;text-align: center;}
.per-down p{display: block;width:400px;margin: 0 auto;font-size: 1.4em;font-weight: bold;color: #fff;background: #000;padding: 20px;box-sizing: border-box;border-radius: 10px;}
.per-down a{color: #000;line-height:4;font-size: 1.6em;font-weight: bold;text-decoration: none;background: #fdf100;border-radius: 50px;padding: 10px 20px;}
.per-down a:hover{text-decoration:underline;}
/*== 考取機率提升200% ==*/

/* == 選擇志光立即上榜 == */
.form-wap{ margin: 50px auto; width: 1000px; overflow: hidden; }
.form-wap .info{
	float: left;
	width: 50%;
}
.form-wap .form{ float: right; width: 50%; padding: 50px 50px 0 0; overflow: hidden; }
.form-wap .form h2{ font-size: 3.3em; color: #3b3991; }
.form-wap .form h2 span{ color: #fabe00; }
.form-wap .form h3{ 
	display: block; margin: 10px 0; padding: 0;
	width: 450px; height: 45px; line-height: 45px;  background-color: #3b3991;
	font-size: 1.4em; color:#fabe00;
	border-radius: 15px; text-align: center;
}
.form-wap .form p{ margin: 10px 0 0 0; text-align: center; font-size: 2em; }
.form-wap .form p a{ color: #3b3991;}
.form-wap .form i{ padding: 0 10px 0 0;}

/* == 班系連結 == */
.footer{ width:100%;
      height:200px;
	  background-color:#3b3991;
	  }
.footer-con{ margin:0 auto;
          padding:60px 0;
          width:100%;
		  max-width:1000px;
		  height:200px;
		  }
.footer-conL{ width:300px;
           float:left;}
.footer-conR{ width:700px;
           float:right;}
.footer-btn{ width:630px;
          height:40px;
		  line-height:44px;
		  padding:0 20px;
		  border-radius:10px;
		  background-color:#FFF;
		  font-size:22px;
		  color:#3b3991;
		  }
.footer-btn a{ display:block;
            width:600px;
			height:40px;
			float:left;
			text-decoration:none;
			color:#3b3991;
			}
.footer-btn a::after{ content:">";
                   float:right;
				   }
.footer-conR ul{ width:700px; margin:20px 0;}
.footer-conR li a{ display:block;
                padding:0 10px;
				line-height:20px;
                font-size:20px;
				text-decoration:none;
				color:#FFF;
				float:left;
				border-right:1px solid #5857c9;
				}
.footer-conR li:nth-child(1) a{ padding:0 10px 0 0;}
.footer-conR li:nth-child(9) a{ padding:0 0 0 10px; border-right:none;}

/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){

/* ==刊頭== */
.head{ 
	width:100%;
    height:auto;
	background-color: #e0e0ff;
	background-image: none;
	}
.head-main{
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-bottom: 60%;
	background-image:url(../images/headbg-l.jpg);
	background-size: cover;
	overflow:hidden;
}
.head-btn{ 
	margin: 0 auto;
	padding:0 0 40px 0;
	width:100%;
	height: auto;
	overflow: hidden;
	background-color:#e0e0ff;
    }
.head-btn ul{
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.head-btn li{
	display: block;
	margin: 0 auto 10px auto;
	padding: 0 0 0 50px;
	width: 550px;
	height: 80px;
	line-height: 80px;
	border: 3px solid #FFFFFF;
	border-radius: 15px;
	font-size: 2.1em;
	color: #FFFFFF;
}
.head-btn li i{ color: #3b3991;}
.head-btn li:nth-child(1){ background-color: #faa500;}
.head-btn li:nth-child(2) i{ color: #faa500;}
.head-btn li:nth-child(2){ background-color: #3b3991;}
.head-btn li:nth-child(3){ background-color: #00c3b8;}
.head-btn li a{ display: block; text-decoration: none; color: #FFFFFF;}

/* == Q01現在考警察有什麼優點 == */
.qa-01{
	margin: 0 auto;
	padding: 80px 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.qa-01 h2{ text-align: center; font-size: 3em; color: #3b3991; }
.qa-01 ul{ margin: 30px 0; padding: 0 1%; overflow: hidden; }
.qa-01 h3{ margin: 0 0 50px 0 ; text-align: center; font-size: 2em; color: #000000; font-weight: normal;}
.qa-01 li{
	display: block;
	float: left;
	margin: 0 1% 15px 1%;
	width: 22%;
	text-align: center;
}
.qa-01 li h4{ margin: 15px 0 5px 0 ; font-size: 1.5em; line-height: 1.1; color: #ff7200;}
.qa-01 li:nth-child(even) h4{ color: #3b3991; }
.qa-01 li p{ font-size: 1em;}
.qa-01-btn{ clear: both; margin: 0; padding: 0;}
.qa-01-btn h3{
	display: block;
	margin: 0 auto;
	width: 450px;
	height: 50px; line-height: 50px;
	background-color: #000000;
	font-size: 1.4em; color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
}
.qa-01-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-01-btn p a{ color: #000000; }
.qa-01-btn i{ padding: 0 10px 0 0;}
	
/* == Q02如何快速考上警察？ == */
.qa-02{
	margin: 0 auto;
	padding: 80px 0;
	width: 100%; height: auto;
	background-color: #3b3991;
	overflow: hidden;
}
.qa-02 .main{
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
}
.qa-02 .main h2{ text-align: center; font-size: 3em; color: #fabe00; }
.qa-02 .main h3{ margin: 30px 0 0 0; text-align: center; font-size: 1.5em; color: #ffffff; font-weight: normal;}
.qa-02 .main ul{ 
	margin: 10px auto 50px auto;
	padding: 50px 5%;
	overflow: hidden;
	width: 100%;
	border: 1px solid #8180ce; border-radius: 20px;
}
.qa-02 .main li{
	display: block;
	float: left;
	padding: 0 2%;
	width: 50%;
	text-align: center;
}
.qa-02 .main li h4{ 
	display: block;
	margin: 20px auto 10px auto;
	width: 200px; height: 38px; line-height: 38px; border-radius: 20px;
	font-size: 1.2em; text-align: center; color:#3b3991;
}
.qa-02 .main li:nth-child(1) h4{ background-color: #fabe00; }
.qa-02 .main li:nth-child(2) h4{ background-color: #00e8db; }
.qa-02 .main li p{ font-size: 1.2em; color: #FFFFFF; text-align:left;}
.qa-02 .main li img{ width: 100%; max-width: 250px; height: auto;}
.qa-02-btn{ clear: both; margin: 0; padding: 0;}
.qa-02-btn h3{
	display: block;
	margin: 0 auto;
	width: 380px;
	height: 50px; line-height: 50px;
	background-color: #FFFFFF;
	font-size: 1.4em; color: #3b3991;
	text-align: center;
	border-radius: 15px;
}
.qa-02-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-02-btn p a{ color: #FFFFFF; }
.qa-02-btn i{ padding: 0 10px 0 0;}
	
/* == Q3：我適合考警察嗎？ == */
.qa-03{
	margin: 0 auto;
	padding: 80px 0;
	width: 100%; height: auto;
	background-color: #65e5de;
	overflow: hidden;
}
.qa-03 h2{ text-align: center; font-size: 3em; color: #3b3991; }
.qa-03 .main{
	margin: 50px auto;
	width: 90%;
	padding: 40px 50px;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.qa-03 .main p{ font-size: 1.9em; line-height: 1.8; color: #3b3991; }
.qa-03 .main p:hover{ color: #fa4c00; }
.qa-03 .main p:activ{ color: #fa4c00; }
.qa-03-btn{ clear: both; margin: 0; padding: 0;}
.qa-03-btn h3{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 400px;
	height: auto;
	background-color: #000000;
	font-size: 1.4em; color: #fabe00;
	text-align: center;
	border-radius: 15px;
}
.qa-03-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 2em;}
.qa-03-btn p a{ color: #000000; }
.qa-03-btn i{ padding: 0 10px 0 0;}
	
/* == 考取經驗談 == */
.share-wap{ padding: 25px 0 0 0; width: 100%; }
.share{
	margin: 0 5% 25px 5%;
	padding: 40px 0;
	width: 90%;
	height: auto;
	border: 1px dashed #8180ce;
	border-radius: 20px;
	overflow: hidden;
}
.share-L{ float: left; padding: 0 2%; width: 35%; text-align: center;  }
.share-L img{ width: 100%; max-width: 250px; border-radius: 20px; }
.share-R{ float: left;	padding: 0 2% 30px 0 ; width: 65%; }
.share-R h3{ font-size: 1.5em; color: #3b3991; font-weight: normal; }
.share-R h2{ display: block; padding: 10px 15px; width: 100%; background-color: #3b3991; font-size: 1.6em; color:#FFFFFF; border-radius: 15px; font-weight: normal;}
.share-R h4{ display: block; margin: 2px 0; padding: 8px 15px; width: 100%; background-color: #faa500; font-size: 1.2em; color:#FFFFFF; border-radius: 15px; font-weight: normal;}
.share-R p{ padding: 10px 0 0 0; font-size: 1.1em; line-height: 1.6; }
.share-btn{ 
	clear: both; margin: 0 auto;
	width: 200px; height: 45px; line-height: 45px; 
	background-color: #e4007f; border-radius: 15px;
	font-size: 1.3em; text-align: center; color: #FFFFFF;
}
.share-btn a{ display: block; text-decoration: none; color: #FFFFFF; }

/* == 選擇志光立即上榜 == */
.form-wap{ margin: 50px auto; width: 100%; overflow: hidden; }
.form-wap .info{
	float: none; margin: 0 auto;
	width: 60%;
}
.form-wap .form{ float: none; width: 100%; padding: 0; overflow: hidden; text-align: center; }
.form-wap .form h2{ font-size: 3em; color: #3b3991; }
.form-wap .form h2 span{ color: #fabe00; }
.form-wap .form h3{ 
	display: block; margin: 10px auto; padding: 0;
	width: 50%; height: 45px; line-height: 45px;  background-color: #3b3991;
	font-size: 1.4em; color:#fabe00;
	border-radius: 15px; text-align: center;
}
.form-wap .form p{ margin: 10px 0 0 0; text-align: center; font-size: 2em; }
.form-wap .form p a{ color: #3b3991;}
.form-wap .form i{ padding: 0 10px 0 0;}
	

/* == 班系連結 == */	
.footer{ width:100%;  height:auto;	background-color:#3b3991;	}
.footer-con{ 
	margin:0 auto; padding:30px 0;
    width:100%;	 height:auto;
	overflow:hidden;
}
.footer-conL{ width:100%; text-align:center; float:none;}
.footer-conL img{ max-width:250px;}
.footer-conR{ width:100%; float:none; }
.footer-btn{ 
	width:90%; height:40px;
	margin:0 auto;
	line-height:44px;
	padding:0 20px;
    border-radius:10px;
	background-color:#FFF;
	font-size:16px;
    color:#3b3991;
}
.footer-btn a{ display:block;
            width:100%;
			height:40px;
			float:left;
			text-decoration:none;
			color:#3b3991;
			}
.footer-btn a::after{ content:">";
                   float:right;
				   }
.footer-conR ul{ width:90%; margin:20px auto;}
.footer-conR li a{ display:block;
                margin:5px 0;
                padding:0 10px;
				line-height:18px;
                font-size:18px;
				text-decoration:none;
				color:#FFF;
				float:left;
				border-right:1px solid #5857c9;
				}
.footer-conR li:nth-child(1) a{ padding:0 10px;}
.footer-conR li:nth-child(9) a{ padding:0 0 0 10px; border-right:none;}	

}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){

/* ==刊頭== */
.head{ 
	width:100%;
    height:auto;
	background-color: #e0e0ff;
	background-image: none;
	}
.head-main{
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-bottom: 70%;
	background-image:url(../images/headbg-s.jpg);
	background-size: cover;
	overflow:hidden;
}
.head-btn{ 
	margin: 0 auto;
	padding:0 0 20px 0;
	width:100%;
	height: auto;
	overflow: hidden;
	background-color:#e0e0ff;
    }
.head-btn ul{
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.head-btn li{
	display: block;
	margin: 0 auto 4px auto;
	padding: 0 20px;
	width: 80%;
	height: 50px;
	line-height: 50px;
	border: 2px solid #FFFFFF;
	border-radius: 15px;
	font-size: 1.1em;
	color: #FFFFFF;
}
.head-btn li i{ color: #3b3991;}
.head-btn li:nth-child(1){ background-color: #faa500;}
.head-btn li:nth-child(2) i{ color: #faa500;}
.head-btn li:nth-child(2){ background-color: #3b3991;}
.head-btn li:nth-child(3){ background-color: #00c3b8;}
.head-btn li a{ display: block; text-decoration: none; color: #FFFFFF;}

/* == Q01現在考警察有什麼優點 == */
.qa-01{
	margin: 0 auto;
	padding: 40px 2%;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.qa-01 h2{ text-align: center; font-size: 1.5em; color: #3b3991; }
.qa-01 ul{ margin: 0; padding: 0; overflow: hidden;flex-wrap: wrap; }
.qa-01 h3{ margin: 0 0 10px 0 ; text-align: center; font-size: 1.3em; color: #000000; font-weight: normal;}
.qa-01 li{
	display: block;
	text-align: center;
	margin: 0 1% 15px 1%;
	width: 48%;
}
.qa-01 li h4{ margin: 15px 0 5px 0 ; font-size:2vw; line-height: 1.1; color: #ff7200;}
.qa-01 li:nth-child(even) h4{ color: #3b3991; }
.qa-01 li p{ font-size: 1em;}
.qa-01-btn{ clear: both; margin: 0; padding: 0;}
.qa-01-btn h3{
	display: block;
	margin: 0 auto;
	width: 95%;
	height: 50px; line-height: 50px;
	background-color: #000000;
	font-size: 1em; color: #FFFFFF;
	text-align: center;
	border-radius: 15px;
}
.qa-01-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 1.5em;}
.qa-01-btn p a{ color: #000000; }
.qa-01-btn i{ padding: 0 10px 0 0;}	

/* == Q02如何快速考上警察？ == */
.qa-02{
	margin: 0 auto;
	padding: 40px 2%;
	width: 100%; height: auto;
	background-color: #3b3991;
	overflow: hidden;
}
.qa-02 .main{
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
}
.qa-02 .main h2{ text-align: center; font-size: 1.5em; color: #fabe00; }
.qa-02 .main h3{ margin: 0; text-align: center; font-size: 1.2em; color: #ffffff; font-weight: normal;}
.qa-02 .main ul{ 
	margin: 10px auto;
	padding: 20px 0;
	overflow: hidden;
	width: 100%;
	border: 1px solid #8180ce; border-radius: 20px;
}
.qa-02 .main li{
	display: block;
	float: none;
	padding: 10px 5%;
	width: 100%;
	text-align: center;
}
.qa-02 .main li h4{ 
	display: block;
	margin: 20px auto 10px auto;
	width: 200px; height: 38px; line-height: 38px; border-radius: 20px;
	font-size: 1.2em; text-align: center; color:#3b3991;
}
.qa-02 .main li:nth-child(1) h4{ background-color: #fabe00; }
.qa-02 .main li:nth-child(2) h4{ background-color: #00e8db; }
.qa-02 .main li p{ font-size: 1em; color: #FFFFFF; text-align:center; }
.qa-02 .main li img{ width: 100%; max-width: 200px; height: auto;}
.qa-02-btn{ clear: both; margin: 0; padding: 0 5%;}
.qa-02-btn h3{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 50px; line-height: 50px;
	background-color: #FFFFFF;
	font-size: 1.1em; color: #3b3991;
	text-align: center;
	border-radius: 15px;
}
.qa-02-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 1.5em;}
.qa-02-btn p a{ color: #FFFFFF; }
.qa-02-btn i{ padding: 0 10px 0 0;}
	
/* == Q3：我適合考警察嗎？ == */
.qa-03{
	margin: 0 auto;
	padding: 40px 5%;
	width: 100%; height: auto;
	background-color: #65e5de;
	overflow: hidden;
}
.qa-03 h2{ text-align: center; font-size: 1.5em; color: #3b3991; }
.qa-03 .main{
	margin: 20px auto;
	width: 100%;
	padding: 20px;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.qa-03 .main p{ font-size: 1em; line-height: 1.8; color: #3b3991; }
.qa-03 .main p:hover{ color: #fa4c00; }
.qa-03 .main p:activ{ color: #fa4c00; }
.qa-03-btn{ clear: both; margin: 0; padding: 0;}
.qa-03-btn h3{
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	height: auto;
	background-color: #000000;
	font-size: 1.1em; color: #fabe00;
	text-align: center;
	border-radius: 15px;
}
.qa-03-btn p{ margin: 10px 0 0 0; text-align: center; font-size: 1.5em;}
.qa-03-btn p a{ color: #000000; }
.qa-03-btn i{ padding: 0 10px 0 0;}	

/* == 考取經驗談 == */
.share-wap{ padding: 25px 0 0 0; width: 100%; }
.share{
	margin: 0 5% 15px 5%;
	padding: 20px 0;
	width: 90%;
	height: auto;
	border: 1px dashed #8180ce;
	border-radius: 20px;
	overflow: hidden;
}
.share-L{ float: none; padding: 0 2%; width: 100%; text-align: center;  }
.share-L img{ width: 100%; max-width: 250px; border-radius: 20px; }
.share-R{ float: none;	padding: 0 5%; width: 100%; }
.share-R h3{  padding: 10px 0; font-size: 1.1em; color: #3b3991; font-weight: normal; text-align: center; }
.share-R h2{ display: block; padding: 10px 15px; width: 100%; background-color: #3b3991; font-size: 1.3em; color:#FFFFFF; border-radius: 15px; font-weight: normal; text-align: center;}
.share-R h4{ display: block; margin: 2px 0; padding: 8px 15px; width: 100%; background-color: #faa500; font-size: 1em; color:#FFFFFF; border-radius: 15px; font-weight: normal; text-align: center;}
.share-R p{ padding: 10px 0 0 0; font-size: 1em; line-height: 1.5; }
.share-btn{ 
	clear: both; margin: 10px auto 0 auto;
	width: 200px; height: 40px; line-height: 40px; 
	background-color: #e4007f; border-radius: 15px;
	font-size: 1.1em; text-align: center; color: #FFFFFF;
}
.share-btn a{ display: block; text-decoration: none; color: #FFFFFF;}

/*== 考取機率提升200% ==*/
.per-top{background:url(../images/200per-mobile.jpg)no-repeat;width: 100%;height: 0;padding-bottom: 115%;background-size: cover;	}
.per-down p{width:90%;}
.per-down a{font-size:5vw;}
/*== 考取機率提升200% ==*/

/* == 選擇志光立即上榜 == */
.form-wap{ margin: 30px auto; width: 100%; overflow: hidden; }
.form-wap .info{
	float: none; margin: 0 auto;
	width: 90%;
}
.form-wap .form{ float: none; width: 100%; padding: 0; overflow: hidden; text-align: center; }
.form-wap .form h2{ font-size: 2em; color: #3b3991; }
.form-wap .form h2 span{ color: #fabe00; }
.form-wap .form h3{ 
	display: block; margin: 10px auto; padding: 0;
	width: 70%; height: 45px; line-height: 45px;  background-color: #3b3991;
	font-size: 1.3em; color:#fabe00;
	border-radius: 15px; text-align: center;
}
.form-wap .form p{ margin: 10px 0 0 0; text-align: center; font-size: 1.5em; }
.form-wap .form p a{ color: #3b3991;}
.form-wap .form i{ padding: 0 10px 0 0;}	
	
/* == 班系連結 == */
.footer{ width:100%;
      height:auto;
	  background-color:#3b3991;
	  }
.footer-con{ margin:0 auto;
          padding:30px 0;
          width:100%;
		  height:auto;
		  overflow:hidden;
		  }
.footer-conL{ width:100%; text-align:center;
           float:none;}
.footer-conL img{ max-width:250px;}
.footer-conR{ width:100%;
           float:none;}
.footer-btn{ width:90%;
          height:40px;
		  margin:0 auto;
		  line-height:44px;
		  padding:0 20px;
		  border-radius:10px;
		  background-color:#FFF;
		  font-size:16px;
		  color:#3b3991;
		  }
.footer-btn a{ display:block;
            width:100%;
			height:40px;
			float:left;
			text-decoration:none;
			color:#3b3991;
			}
.footer-btn a::after{ content:">";
                   float:right;
				   }
.footer-conR ul{ width:90%; margin:20px auto;}
.footer-conR li a{ display:block;
                margin:5px 0;
                padding:0 10px;
				line-height:16px;
                font-size:16px;
				text-decoration:none;
				color:#FFF;
				float:left;
				border-right:1px solid #5857c9;
				}
.footer-conR li:nth-child(1) a{ padding:0 10px;}
.footer-conR li:nth-child(9) a{ padding:0 0 0 10px; border-right:none;}	

}