@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
html, body{	width:100%;	height:100%; -webkit-text-size-adjust:100%;	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; background-image:url(../images/bg.gif); font-size:14px;}
ul{ list-style:none; }


.color01{
	color:#d60051;
}
.color02{ color:#390;}

a:hover{ color:#55a4e4; transition:0.3s;}


/* == 桌機版 ============================================================================= */


/*刊頭*/
.head{ width:100%; height:450px; background: url(../images/bn.gif) center; border-bottom:3px solid #FFF; box-shadow: 0px 1px 1px #999999;}
.head-title{ width:100%; padding:0; height:50px; background:#FFF; opacity:0.7; font-size:1.3em; line-height:50px; text-align:center;
             font-weight:bold; }
.head .main{ margin:0 auto; padding:0; width:1000px;}
.head .main h3{ float:left; display:block; margin:16px 0 0 200px; font-size:5.8em; color:#fff;}

.wrapper{ margin:0 auto; padding:20px 60px; width:1000px; overflow:hidden;}


/*測驗時間*/
.time{ margin:50px auto 20px auto; overflow:hidden; width:70%; }
.time p{ font-size:1.4em; line-height:2; }
.time a{ color:#000;}
.time a:hover{ color:#55a4e4;}


/*會員登入*/
.login{ margin:20px 0; padding:0; width:100%; text-align:center; }
.login h2{ margin:20px 0; }
.login h2 img{ width:180px; height:50px;}
.login h3{ margin:0 0 15px; font-size:1.1em; font-weight:normal;}
.login h3 a{ color:#000; font-weight:bold;}
.login h3 a:hover{ color:#F60; }
.login p{ margin:0 0 15px; padding:0;}
.login-btn{ margin:0; padding:0; text-align:center;}

/*會員登出*/
.logout{ margin:20px 0; padding:0; width:100%; text-align:center; }
.logout h2{ margin:20px 0; }
.logout h2 img{ width:180px; height:50px;}
.logout p{ margin:0 0 15px; padding:0; font-size:1.2em;}
.logout-btn{ margin:0; padding:0; text-align:center;}


/* 表單樣式 */
input,select{ margin:0; padding:0; outline:none;}
.formstyle01{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; -webkit-appearance:none; padding:5px; width:70%; height:44px; border:1px solid #CCC; font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.1em; color:#666;}
.button{ appearance: none; -webkit-appearance:none; cursor:pointer; margin:0 10px; width:250px; height:50px; border-radius:10px; -webkit-border-radius:10px; 
font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.4em; font-weight:bold; color:#FFF;}
.button01{ background-color:#d60051; border-color:#d60051;}
.button02{ background-color:#55a4e4; border-color:#55a4e4;}
.button03{ background-color:#666; border-color:#666;}


/*下載考試科目*/
.subject{ clear:both; padding:20px 40px; width:100%;}
.subject-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;}
.subject-title h1{ display:inline; margin:0; padding:0 10px 0 0; font-size:1.5em; color:#FFF;}
.subject-title p{ display:inline; margin:0; padding:0; font-size:1em; color:#CCC;}
.subject-table{ display:table; border-collapse:collapse; width:100%; }
.subject-table ul.title{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.title li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                            padding:10px 0; text-align:center; font-size:1.1em;
						   }
.subject-table ul.sub{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.sub li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                          padding:10px 20px; font-size:1.3em; color:#d60051; }
.subject-table ul.sub li:nth-child(2){ padding:10px 0; text-align:center; font-size:2em; color:#d60051;}
.subject-table ul.sub li:nth-child(2) a{ color:#d60051; text-decoration:none;}

/*必讀考訊*/
.hotnews{ clear:both; padding:20px 40px; width:100%;}
.hotnews-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;
                font-size:1.5em; color:#FFF;
				}
.hotnews-main{ padding:20px 40px; width:100%; height:auto; background-color:#FFF; border:1px solid #999;}
.hotnews-main ol{ margin:0; padding:0; list-style:circle;}
.hotnews-main li{ font-size:1.1em; line-height:2; color:#d60051;}
.hotnews-main li a{ text-decoration:underline; color:#d60051;}

/*隱藏功能的廣告區*/
.ad{ margin:30px 0; padding:0; width:100%;}
.ad ul{ margin:0 auto; padding:0; text-align:center;}
.ad li{ display:inline-block; margin:0 10px; width:200px; height:200px; border-radius:50%; background-color:#FFF;}

/*FAQ*/
.faq{ margin:50px 0; padding:0; width:100%;}
.faq h2{ margin:0; padding:5px 10px; font-size:1.3em; color:#fff; background-color:#333; border-radius:5px; }
.faq h3{ margin:0; padding:20px 0 5px 0; font-size:1.1em;}
.faq p{ margin:0; padding:0 0 5px 0; font-size:1em; line-height:1.6; color:#666;}
.faq p span{ color:#F30;}


/*版權*/
.footer { display:block; width:100%; padding:20px 0; background:#fff; font-size:1em; line-height:1.6; color:#333; text-align:center;}
.footer a{ color:#5e5e5e; text-decoration:none;}
.footer a:hover { color:#55a4e4; transition:0.3s;}
.footer_m{ display:none;}



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

/*刊頭*/
.head{ width:100%; height:0; background: url(../images/m_bn.gif) center; background-size:cover; padding-bottom:134.47%; border-bottom:3px solid #FFF; box-shadow: 0px 1px 1px #999999;}
.head-title{ width:100%; padding:0; height:50px; background:#FFF; opacity:0.7; font-size:1.3em; line-height:50px; text-align:center; }
.head .main{ margin:0 auto; padding:0; width:100%;}
.head .main h3{ float:none; display:block; margin:-5% 0 0 20px; font-size:3.4em; color:#fff;}

.wrapper{ margin:0 auto; padding:15px; width:100%; overflow:hidden;}
	
	
/*測驗時間*/
.time{ clear:both; margin:10px 0; width:100%; overflow:hidden;}
.time p{ font-size:1.2em; line-height:1.4; margin:0 0 15px; }
.time a{ color:#000;}
.time a:hover{ color:#55a4e4;}

/*會員登入*/
.login{ margin:20px 0; padding:0; width:100%; text-align:center; }
.login h2{ margin:20px 0; }
.login h2 img{ width:150px; height: auto;}
.login h3{ margin:0 0 15px; font-size:1em; font-weight:normal;}
.login h3 a{ color:#000; font-weight:bold;}
.login h3 a:hover{ color:#F60; }
.login p{ margin:0 0 10px; padding:0;}
.login-btn{ margin:0; padding:0; text-align:center;}

/*會員登出*/
.logout{ margin:20px 0; padding:0; width:100%; text-align:center; }
.logout h2{ margin:20px 0; }
.logout h2 img{ width:150px; height: auto;}
.logout p{ margin:0 0 10px; padding:0;}
.login-btn{ margin:0; padding:0; text-align:center;}


/* 表單樣式 */
input,select{ margin:0; padding:0; outline:none;}
.formstyle01{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; -webkit-appearance:none; padding:5px; width:100%; height:44px; border:1px solid #CCC; font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.1em; color:#666;}
.button{ appearance: none; -webkit-appearance:none; cursor:pointer; margin:5px 0; width:250px; height:50px; border-radius:5px; -webkit-border-radius:5px; 
font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.4em; font-weight:bold; color:#FFF;}
.button01{ background-color:#d60051; border-color:#d60051;}
.button02{ background-color:#55a4e4; border-color: #55a4e4;}
.button03{ background-color:#666; border-color:#666;}


/*下載考試科目*/
.subject{ clear:both; padding:10px 0; width:100%;}
.subject-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;}
.subject-title h1{ display:inline; margin:0; padding:0 10px 0 0; font-size:1.4em; color:#FFF;}
.subject-title p{ display:inline; margin:0; padding:0; font-size:1em; color:#CCC;}
.subject-table{ display:table; border-collapse:collapse; width:100%; }
.subject-table ul.title{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.title li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                            padding:10px 0; text-align:center; font-size:1.1em;
						   }
.subject-table ul.sub{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.sub li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                          padding:10px 10px; font-size:1.2em; color:#d60051; }
.subject-table ul.sub li:nth-child(2){ padding:10px 0; text-align:center; font-size:2em; color:#d60051;}
.subject-table ul.sub li:nth-child(2) a{ color:#d60051; text-decoration:none;}

/*必讀考訊*/
.hotnews{ clear:both; padding:10px 0; width:100%;}
.hotnews-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;
                font-size:1.4em; color:#FFF;
				}
.hotnews-main{ padding:20px 40px; width:100%; height:auto; background-color:#FFF; border:1px solid #999;}
.hotnews-main ol{ margin:0; padding:0; list-style:circle;}
.hotnews-main li{ font-size:1.1em; line-height:2; color:#d60051;}
.hotnews-main li a{ text-decoration:underline; color:#d60051;}

/*隱藏功能的廣告區*/
.ad{ margin:20px 0; padding:0; width:100%;}
.ad ul{ margin:0 auto; padding:0; text-align:center;}
.ad li{ display:inline-block; margin:10px 0; width:100%; max-width:200px; height:auto; border-radius:50%; background-color:#FFF;}

/*FAQ*/
.faq{ margin:20px 0; padding:0; width:100%;}
.faq h2{ margin:0; padding:5px 10px; font-size:1.3em; color:#fff; background-color:#333; border-radius:5px; }
.faq h3{ margin:0; padding:20px 0 5px 0; font-size:1.1em;}
.faq p{ margin:0; padding:0 0 5px 0; font-size:1em; line-height:1.6; color:#666;}
.faq p span{ color:#F30;}

/*版權*/
.footer { display:none;}
.footer_m{ display:block; width:100%; padding:20px 15px; background:#fff; font-size:0.9em; line-height:1.6; color:#333; text-align:center;}

	}
	
	
	
	
/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
	
/*刊頭*/
.head{ width:100%; height:0; background: url(../images/l_bn.gif) center; background-size:cover; padding-bottom:50%; border-bottom:3px solid #FFF; box-shadow: 0px 1px 1px #999999;}
.head-title{ width:100%; padding:0; height:50px; background:#FFF; opacity:0.7; font-size:1.3em; line-height:50px; text-align:center;}
.head .main{ margin:0 auto; padding:0; width:100%;}
.head .main h3{ float:left; display:block; margin:16px 0 0 200px; font-size:5.8em; color:#fff;}

.wrapper{ margin:0 auto; padding:30px ; width:100%; overflow:hidden;}


/*測驗時間*/
.time{ clear:both; margin:20px auto ; width:70%; overflow:hidden; }
.time p{ font-size:1.3em; line-height:1.8; }
.time a{ color:#000;}
.time a:hover{ color:#55a4e4;}


/*會員登入*/
.login{ margin:20px 0; padding:0; width:100%; text-align:center; }
.login h2{ margin:20px 0; }
.login h2 img{ width:180px; height:50px;}
.login h3{ margin:0 0 15px; font-size:1.1em; font-weight:normal;}
.login h3 a{ color:#000; font-weight:bold;}
.login h3 a:hover{ color:#F60; }
.login p{ margin:0 0 15px; padding:0;}
.login-btn{ margin:0; padding:0; text-align:center;}

/*會員登出*/
.logout{ margin:20px 0; padding:0; width:100%; text-align:center; }
.logout h2{ margin:20px 0; }
.logout h2 img{ width:180px; height:50px;}
.logout p{ margin:0 0 15px; padding:0; font-size:1.2em;}
.logout-btn{ margin:0; padding:0; text-align:center;}


/* 表單樣式 */
input,select{ margin:0; padding:0; outline:none;}
.formstyle01{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; -webkit-appearance:none; padding:5px; width:70%; height:44px; border:1px solid #CCC; font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.1em; color:#666;}
.button{ appearance: none; -webkit-appearance:none; cursor:pointer; margin:0 10px; width:250px; height:50px; border-radius:5px; -webkit-border-radius:5px; 
font-family:"微軟正黑體", Arial, Helvetica,sans-serif; font-size:1.4em; font-weight:bold; color:#FFF;}
.button01{ background-color:#d60051; border-color:#d60051;}
.button02{ background-color:#55a4e4; border-color: #55a4e4;}
.button03{ background-color:#666; border-color:#666;}

/*下載考試科目*/
.subject{ clear:both; padding:20px 40px; width:100%;}
.subject-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;}
.subject-title h1{ display:inline; margin:0; padding:0 10px 0 0; font-size:1.5em; color:#FFF;}
.subject-title p{ display:inline; margin:0; padding:0; font-size:1em; color:#CCC;}
.subject-table{ display:table; border-collapse:collapse; width:100%; }
.subject-table ul.title{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.title li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                            padding:10px 0; text-align:center; font-size:1.1em;
						   }
.subject-table ul.sub{ display:table-row; width:100%; background-color:#FFF;}
.subject-table ul.sub li{ display:table-cell; vertical-align:middle; border:1px solid #999;
                          padding:10px 20px; font-size:1.3em; color:#d60051; }
.subject-table ul.sub li:nth-child(2){ padding:10px 0; text-align:center; font-size:2em; color:#d60051;}
.subject-table ul.sub li:nth-child(2) a{ color:#d60051; text-decoration:none;}

/*必讀考訊*/
.hotnews{ clear:both; padding:20px 40px; width:100%;}
.hotnews-title{ margin:0; padding:15px; width:100%; height:auto; border-radius:10px 10px 0 0; background-color:#333;
                font-size:1.5em; color:#FFF;
				}
.hotnews-main{ padding:20px 40px; width:100%; height:auto; background-color:#FFF; border:1px solid #999;}
.hotnews-main ol{ margin:0; padding:0; list-style:circle;}
.hotnews-main li{ font-size:1.1em; line-height:2; color:#d60051;}
.hotnews-main li a{ text-decoration:underline; color:#d60051;}

/*隱藏功能的廣告區*/
.ad{ margin:30px 0; padding:0; width:100%;}
.ad ul{ margin:0 auto; padding:0; text-align:center;}
.ad li{ display:inline-block; margin:0 10px; width:200px; height:200px; border-radius:50%; background-color:#FFF;}

/*FAQ*/
.faq{ margin:40px 0; padding:0; width:100%;}
.faq h2{ margin:0; padding:5px 10px; font-size:1.3em; color:#fff; background-color:#333; border-radius:5px; }
.faq h3{ margin:0; padding:20px 0 5px 0; font-size:1.1em;}
.faq p{ margin:0; padding:0 0 5px 0; font-size:1em; line-height:1.6; color:#666;}
.faq p span{ color:#F30;}


/*版權*/
.footer { display:none;}
.footer_m{ display:block; width:100%; padding:20px 15px; background:#fff; font-size:0.9em; line-height:1.6; color:#333; text-align:center;}
	
	
	}