/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust:100%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	width:100%;
    background-attachment: fixed;
background-color:#;
	background-repeat: no-repeat;
	background-position: center top;
	}

ul{ list-style:none;}
li{ list-style:none;}

.frame img{max-width:980px;}
.frame{ width:100%; margin:0 auto;text-align:center;}
a:link {color:#000000;}
a:visited {color:#000000; font-size:16px;}
#sliderLeft{
	position: fixed;
	width:70px;
	left: 0px;
	z-index: 99999999999;
	top: 20%;
}

/* == 桌機版 ============================================================================= */
/*刊頭滿版背景*/
.headeroutside{width:100%;
background-color:#F8F193}
/*桌機刊頭*/
#header{
	width:100%;
	margin:0 auto;}
/*手機刊頭*/
#header-m{
	width:0;
	height:0;
	overflow:hidden;}

/*內容滿版背景*/
.contentoutside{width:100%;}

/*桌機內容*/
.content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;}
.content2{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}

/*圖片切換*/
.pic{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}
/* 桌機版 */
.box1{ width:980px; margin:0 auto; text-align:center; font-size:16px; padding:1%;}
.bn1{ width:70%; margin:1% auto; padding:1%; text-align:center; font-size:30px; background-color:#FFFFFF; color:#8B2D37; font-weight:bold;}
.bn1 a{display:block;color:#8B2D37;}

/* 影片 */
.movie{	
    margin:0 auto;
	padding:20px 0; 
	width:100%; 
	overflow:hidden; 
	background-color:#F39D49;
	}
.movie .box{ 
    margin:0 auto;
	width:1000px; 
	text-align:center;
	}
	
	

/* 按鈕 */
.bnn{ width:980px; margin:0 auto; text-align:center;
padding: 1%;}
.bnn ul{list-style:none;}
.bnn li{ width:47%; margin:1%; padding:1%; font-size:36px; font-weight:bold; background-color:#453287; color:#FFF;display:inline-block;border-radius:50px;}
.bnn li a{display:block;
color:#FFF;
text-decoration: none;	
}

.bnn a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}

/* 見證考經 */
.box5{width:980px;margin:3% 1%;
	padding:1%;
	text-align: center;}
.box3{width:100%; margin:0 auto; padding:1%;overflow:hidden;}
.r1{ width:50%; margin:0 auto; padding:1%; float:left; text-align:center; color:#FFFFFF; font-weight:bold;}
.r2{ width:50%; margin:0 auto; padding:1%;float:left;font-size:24px;color:#FFFFFF; }
.r4{font-size:48px; color:#F9CC46; font-weight:bold;}

.rb{ width:20%; float:left; text-align: right;}
.rb img{ max-width:127px;}
.rb1{ width:70%;font-size:26px; float:left; text-align:center;color:#FFFFFF;padding:1%;}
.r3{ font-size:65px;}
.box4{width:100%; margin:0 auto; padding:1%;font-size:24px; text-align: left;}

/* 問題8 */
.qbox{width:980px; margin:0 auto;overflow:hidden; padding:1%; text-align:center; color:#000000;}
.q1{ width:50%; margin:1% auto; padding:1%; font-size:22px; float:left; text-align:left; color:#FFF;}
.q2{ font-size:32px; font-weight:bold;}

/* 輔考特色 */
.bo2{ width:100%;margin:1% auto; padding:1%;float:left; }
.b1{ width:100%; margin:0 auto; padding:1%; font-size:36px; color:#FFFFFF; text-align:center; font-weight:bold;}

.b1 a{color: #fff;
	text-decoration: none}

.b1 a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}

.b2{ width:100%; margin:0 auto; padding:4%; font-size:24px; text-align:left;}
.b3{ color:#EE761C; font-weight:bold;}
.b5{ width:100%; margin:0 auto; padding:4%; font-size:24px; text-align: center; color:#EA5413;}

/* 特色介紹 */
.feb1{ width:980px; margin:0 auto; overflow:hidden;padding:1%;}
.feb2{ width:50%; margin:1% auto; float:left;}
.feb2 img{ max-width:434px;}
.feb3{width:100%; margin:1% auto;}
.feb3 img{max-width:900px;}

.ft1{width:30%;margin:2% auto; padding:2%;float:left; font-size:40px;border-radius:50px;}
.ft2{width:70%;margin:2% auto ;padding:1%; float:left; font-size:24px; text-align:left; color:#0033FF; font-weight:bold;}
.ft3{ width:100%; margin:0 auto; padding:2%; font-size:24px; text-align:left;}

.b4{ color:#0033FF;}
.pic{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}



/* 手機版 */
@media screen and ( max-width:767px ){
.box1{ width:100%; margin:0 auto; text-align:center; font-size:12px;}
.bn1{ width:70%; margin:1% auto; padding:1%;font-size:14px;}

/* 按鈕 */
.bnn{ width:100%; margin:0 auto; text-align:center;}
.bnn ul{list-style:none;}
.bnn li{ width:47%; margin:1%; padding:1%; font-size:17px; font-weight:bold; display:inline-block;}
.bnn li a{display:block;}


/*影片*/
.movie{	
    margin:0 auto; 
	padding:10px 15px; 
	width:100%; 
	overflow:hidden; 
	
	}
.movie .box{ 
    margin:0 auto; 
	width:100%; 
	text-align:center;
	}
.movie .box h2{ font-size:1.8em;}



/* 見證考經 */
.box5{width:96%;margin:2% auto 0; padding:1%;}
.box3{width:100%; margin:0 auto; padding:1%;overflow:hidden;}
.r1{ width:50%; margin:0 auto; padding:1%; float:left; text-align:center; color:#FFFFFF; font-weight:bold;}
.r2{ width:50%; margin:0 auto; padding:1%;float:left;font-size:12px;color:#FFFFFF; }
.r4{font-size:21.5px; color:#F9CC46; font-weight:bold;}

.rb{ width:30%; float:left; text-align: right;}
.rb img{ max-width:127px;}
.rb1{ width:70%;font-size:13px; float:left; text-align:center;color:#FFFFFF;padding:1%;}
.r3{ font-size:40px;}
.box4{width:100%; margin:0 auto; padding:1%;font-size:12px; text-align: left;}

/* 問題8 */
.qbox{width:100%; margin:0 auto;overflow:hidden;}
.q1{ width:90%; margin:0 auto; padding:1%; font-size:16px;  text-align: center;  color:#FFF;}
.q2{ font-size:21px; font-weight:bold;}

/* 輔考特色 */
.bo2{ width:100%;margin:1% auto; padding:1%;float:left; }
.b1{ width:100%; margin:0 auto; padding:1%; font-size:36px; color:#FFFFFF; text-align:center; font-weight:bold;}

.b1 a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}

.b2{ width:100%; margin:0 auto; padding:4%; font-size:24px; text-align:left;}
.b3{ color:#EE761C; font-weight:bold;}
.b5{ width:100%; margin:0 auto; padding:4%; font-size:24px; text-align: center; color:#EA5413;}

/* 輔考特色 */
.bo2{ width:100%;margin:0 auto; padding:1%;}
.b1{ width:100%; margin:0 auto; padding:1%; font-size:20px; color:#FFFFFF; text-align:center; font-weight:bold;}
.b2{ width:100%; margin:0 auto; padding:4%; font-size:16px; text-align:left;}
/* 特色介紹 */
.feb1{ width:100%; margin:0 auto; overflow:hidden;}
.feb2{ width:50%; margin:0 auto; float:left;}
.feb2 img{ max-width:90%;}

.feb3{width:100%; margin:1% auto;}
.feb3 img{max-width:90%;}

.ft1{width:30%;margin:2% auto; padding:2%;float:left; font-size:20px;border-radius:50px;}
.ft2{width:70%;margin:2% auto ;padding:1%; float:left; font-size:14px; text-align:left; color:#0033FF; font-weight:bold;}
.ft3{ width:100%; margin:0 auto; padding:2%; font-size:14px; text-align:left;}
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}	

/* 留單用 */
.Stay{ width:100%; height:auto; text-align:center; margin:1% auto; font-size:16px; color:#003399; max-width:100%; }
}





/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
	
/*桌機刊頭*/
#header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
#header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
.contentoutside{width:100%;}/*內容滿版背景*/	
.content{ margin:0;width:100%;
 padding:2%;
	text-align:center; 
	margin:0 auto;}

/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
 
}