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

html{
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	-webkit-text-size-adjust:none;
}

body{
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	background-position:center;
	overflow:auto;
	}
	
wrapper{
	min-width:320px;
	width:100%;
	}
	
/* ---- 上方選單------------- */
	
header{
	background-image:url(images/logo_bg.jpg);
	background-repeat:repeat-x;
	}
	
#header_center{
	line-height:0;
	height:auto;
	}


/* ---- 漢堡按鍵------------- */
	
#TOP-MENU{
	display:block;/* 手機版打開 */
	height:60px;
	position:relative;/* 外層相對 */
	float:right;
}

#TOP-MENU #BTN{  /* 右上角的漢堡 */
	display:block;
	width:60px;
	height:40px;
	background-image:url(images/btn.png);
	
	position:absolute;  /* 子層絕對 */
	right:5px;
	top:8px;
	text-indent:-9999px;
}
	
#NAV{
	width:100%;
	height:auto; /* 高度自動 */
	background-color:#F30;
		
	display:none;  /* 把主選單先關掉 */
	}
	
#NAV ul{
	list-style:none;
	font-size:16pt;
	width:100%;
	height:auto;/* 高度自動 */
	}
	
#NAV li{
	width:100%;
	float:none; /* 取消 float */
	}
	
#NAV li a{
	display:block;
	width:100%;
	line-height:51px;
	color:#000;
	text-decoration:none;
	text-align:center;
	background-color:#c1edf6;
	
	border-top:none;/* 取消 上左右邊線 */
	border-left:none;
	border-right:none;
	border-bottom:2px solid #FFF;
	}

	
#NAV li a:hover{
	background-color:#FFF;
	
	border-top:none;/* 取消 上左右邊線 */
	border-left:none;
	border-right:none;
	border-bottom:2px solid #FFF;
	}
	
	
	



/* ---- BANNER------------- */


#BANNER{
		width:100%;
		height:auto; /* 高度自動 */
		margin:0 auto;
		border:none;
	}
	
#BANNER h1{
		
		width:100%; /* 等比例 伸縮式的 banner */
		height:0;
		padding-bottom:156.2%;
		
		background-image:url(images/mobile-banner.jpg);
		background-repeat:no-repeat;
		
		background-size:cover; /* 背景圖自動伸縮 */
		background-position:top center; /* 縮放時以中間點為縮放基準 */	
		
		text-indent:-9999px;
	}
	

/* ---- 前言------------- */	

#FOREWORD{
	font-size:22px;
	line-height:1.6;
	color:#000;
	padding:30px 10px 10px 10px;
	text-align:center;
	}
	
	
/* ---- 單書 第一區------------- */	
	
.TITLE_1{
	width:100%;
	height:150px;

	background-image:url(images/c_1.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#7d2626;
	font-size:24px;
	line-height:1.2;
	margin:20px auto 0 auto;
	padding:70px 15px 15px 15px;
	font-weight:bold;
}


#PRODUCT_1{
	width:100%;
	overflow:hidden;
	margin:0 auto 20px auto;
	}
	
	
/* ---- 所有產品名稱改字體大小------------- */		

#PRODUCT_1 h1{
	font-size:32px;
	letter-spacing:-1.5px;
	line-height:1.6;
	font-weight:bold;
	}
	
#SPACE{
	width:100%;
	height:50px;}

	
/* ---- 單書 第一區 左邊------------- */	
	
.PRO_L{
	width:100%;
	text-align:center;
	padding-left:10px;
	padding-right:10px;

	
	font-size:18px;
	line-height:1.8;
	color:#000;
	
	}
	
.REDNO{
	color:#F00;
	font-size:42px;
	line-height:1.2;
	margin:5px;
	font-weight:bold;
	letter-spacing:-1.5px;
	}
	
.BUY{
	width:120px;
	height:35px;
	background-color:#F00;
	color:#FFF;
	font-size:18px;
	line-height:35px;
	text-align:center;
	border-radius:35px;
	margin:5px auto;
	}

.BUY a{
	display:block;
	width:120px;
	height:35px;
	text-decoration:none;
	padding:1px 0 0 0;
	color:#FFF;
	}
	
	
	
/* ---- 單書 第一區 右邊------------- */	

.PRO_R{
	width:100%;
	text-align:left;
	
	font-size:18px;
	line-height:1.6;
	color:#000;
	padding-right:20px;
	padding-left:20px;
	}

.NAME_1{
	color:#7d2626;
	text-align:center;
	}
	
.PRO_R img{
	margin:10px 0;
	}
	
.MORE a{
	color:#C00;
	font-weight:bold;
	text-decoration:none;
	}
	
.MORE a:hover{
	}
	
	
/* ---- 單書 第二區------------- */	
	
.TITLE_2{
	width:100%;
	height:150px;
	background-image:url(images/c_2.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#343c9b;
	font-size:24px;
	line-height:1.2;
	margin:40px auto 0 auto;
	padding:70px 15px 15px 15px;
	font-weight:bold;
}

.NAME_2{
	color:#343c9b;
	text-align:center;
	}
	
	
/* ---- 單書 第三區------------- */	
	
.TITLE_3{
	width:100%;
	height:150px;
	background-image:url(images/c_3.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#1985a6;
	font-size:24px;
	line-height:1.2;
	margin:40px auto 0 auto;
	padding:70px 15px 15px 15px;
	font-weight:bold;
}

.NAME_3{
	color:#1985a6;
	text-align:center;
	}
	
	
/* ---- 演化論 第一區------------- */	

.TITLE_4{
	width:100%;
	height:120px;
	background-image:url(images/c_4.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#00611b;
	font-size:24px;
	line-height:1.2;
	margin:40px auto 0 auto;
	padding:70px 15px 15px 15px;
	font-weight:bold;
}

.NAME_4{
	color:#00611b;
	text-align:center;
	}
	
.NAME_4a{
	display:block;
	letter-spacing:-1px;
	width:100%;
	height:50px;
	font-size:24px;
	color:#00611b;
	font-weight:bold;
	text-align:center;
	}
	
.NAME_5{
	color:#13518b;
	text-align:center;
	}
	
.NAME_5a{
	display:block;
	letter-spacing:-1px;
	width:100%;
	line-height:1.3;
	font-size:22px;
	color:#13518b;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	}
	
.NAME_6{
	color:#15582f;
	text-align:center;
	}
	
.NAME_6a{
	display:block;
	letter-spacing:-1px;
	width:100%;
	line-height:1.3;
	font-size:22px;
	color:#15582f;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
	}
	
.NAME_6note{
	display:block;
	width:100%;
	padding:10px;
	line-height:1.4;
	font-size:18px;
	text-align:left;
	color:#C00;
	margin:0 auto;
	}
	
	
	
/* ---- 水平線------------- */	

hr{
	width:90%;
	margin:40px auto 20px auto;}
	
	
/* ---- 套書 第一區------------- */	

#PRODUCT_2{
	width:100%;
	overflow:hidden;
	margin:0 auto 20px auto;
	text-align:center;
	
	font-size:18px;
	line-height:1.4;
	color:#000;
	}
	
#PRODUCT_2 img{
	width:90%;
	height:auto;
	text-align:center;}
	
#PRODUCT_2 h1{
	font-size:26px;
	letter-spacing:-1.5px;
	line-height:1.3;
	font-weight:bold;
	margin:10px;
	}
	
	
/* ---- 贈品書改大小------------- */

.BOOK{
	display:block;
	width:70%;
	height:auto;
	margin:0 auto;}


.NAME_7{
	text-align:center;
	color:#000;
	}
	
.REDWORD{
	color:#F00;
	font-size:22px;
	line-height:1.6;
	font-weight:bold;
	letter-spacing:-1.5px;
	}
	
#PRODUCT_2 h2{
	background-repeat:no-repeat;
	width:100%;
	height:70px;
	margin:10px 0 0 0;
	}
	
.GIFT_1{
	background-image:url(images/gift_title_1a.png);
	background-position:top center;
}

.GIFT_L{
	float:left;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:1.4;
	
	padding:20px;
	}
	
.GIFT_R{
	float:right;
	width:100%;
	font-size:20px;
	line-height:1.5;
	color:#000;
	text-align:left;
	
	padding:0 15px;
	
	}
	
.GIFT_T2{
	display:block;
	color:#771f00;
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	height:130px;}
	
	
/* ---- 套書 第二區------------- */	

.TITLE_5{
	width:100%;
	height:100px;
	background-image:url(images/c_5.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#5f2000;
	font-size:24px;
	line-height:1.2;
	margin:40px auto 0 auto;
	padding:70px 15px 0 15px;
	font-weight:bold;
}
	
.GIFT_2{
	background-image:url(images/gift_title_2a.png);
	background-position:top center;
}
	
/* ---- 套書 第三區------------- */	
	
.TITLE_6{
	width:100%;
	height:60px;
	background-image:url(images/c_5.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	color:#5f2000;
	font-size:26px;
	margin:0 auto  40px auto;
	padding:70px 15px 15px 15px;
	font-weight:bold;
}

.GIFT_3{
	background-image:url(images/gift_title_3a.png);
	background-position:top center;
}


/* ---- 頁尾區------------- */	

#COPYRIGHT{
	width:100%;
	height:auto;
	background-color:#823f3f;
	color:#FFF;
	font-size:16px;
	line-height:1.6;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;}
	
	
#GOTOP{
	display:block;
	color:#FFF;
	width:70px;
	height:70px;
	line-height:70px;
	background:#34adc5;
	position:fixed; /* 固定在最下面 */
	bottom:10px;
	right:10px;
	z-index:9999;
	text-align:center;
	border-radius:50px;
	font-size:20px;
	}
	
#GOTOP a{
	display:block;
	width:70px;
	height:70px;
	color:#FFF;
	text-decoration:none;
	}
	
#GOTOP a:hover{
	display:block;
	width:70px;
	height:70px;
	color:#FFF;
	text-decoration:none;
	}