*{
	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{
	width:100%;
	}
	
/* ---- 上方選單------------- */
	
header{
	width:100%;
	background-image:url(images/logo_bg.jpg);
	background-repeat:repeat-x;
	}
	
#header_center{
	width:1000px;
	height:51px;
	
	margin:0 auto;
	}

	
#NAV{
	float:right;
	}
	
#NAV ul{
	list-style:none;
	font-size:14pt;
	width:100%;
	height:51px;
	}
	
#NAV li{
	float:left;
	}
	
#NAV li a{
	display:block;
	width:100px;
	line-height:51px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	}
	
#NAV li a:hover{
	color:#000;
	}
	
	
	
/* ---- 漢堡按鍵------------- */
	
#TOP-MENU{
	display:none;/* 桌機版關掉 */
	height:43px;
	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;
}


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


#BANNER{
	background-image:url(images/banner_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	width:100%;
	height:602px;
	text-align:center;
	}
	
#BANNER h1{
	width:100%;
	height:602px;
	
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	background-size::cover;
	background-position:top center;
	margin:0 auto;
	}
	

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

#FOREWORD{
	font-size:30px;
	line-height:1.8;
	color:#000;
	padding:50px 0 50px 0;
	text-align:center;
	}
	
	
/* ---- 單書 第一區------------- */	
	
.TITLE_1{
	width:100%;
	height:70px;
	background-image:url(images/title_1.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin:0 auto  40px auto;
}


#PRODUCT_1{
	width:900px;
	overflow:hidden;
	margin:0 auto 50px auto;
	}
	
#PRODUCT_1 h1{
	font-size:36px;
	letter-spacing:-1.5px;
	line-height:1.8;
	font-weight:bold;
	}
	
#SPACE{
	width:100%;
	height:50px;}

	
/* ---- 單書 第一區 左邊------------- */	
	
.PRO_L{
	float:left;
	width:380px;
	text-align:center;

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

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

.PRO_R{
	float:right;
	width:520px;
	text-align:left;
	
	font-size:18px;
	line-height:1.6;
	color:#000;
	}

.NAME_1{
	color:#7d2626;
	}
	
.PRO_R img{
	margin:10px 0;
	}
	
.MORE a{
	color:#C00;
	font-weight:bold;
	text-decoration:none;
	}
	
.MORE a:hover{
	}
	
	
/* ---- 單書 第二區------------- */	
	
.TITLE_2{
	width:100%;
	height:70px;
	background-image:url(images/title_2.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin:80px auto  40px auto;
}

.NAME_2{
	color:#343c9b;
	}
	
	
/* ---- 單書 第三區------------- */	
	
.TITLE_3{
	width:100%;
	height:72px;
	background-image:url(images/title_3.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin:80px auto  40px auto;
}

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

.TITLE_4{
	width:100%;
	height:72px;
	background-image:url(images/title_4.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin:80px auto  40px auto;
}

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

hr{
	width:1200px;
	margin:80px auto 40px auto;}
	
	
/* ---- 套書 第一區------------- */	

#PRODUCT_2{
	width:900px;
	overflow:hidden;
	margin:0 auto 50px auto;
	text-align:center;
	
	font-size:18px;
	line-height:1.4;
	color:#000;
	}
	
#PRODUCT_2 h1{
	font-size:34px;
	letter-spacing:-1.5px;
	line-height:2;
	font-weight:bold;
	}


.NAME_7{
	text-align:center;
	color:#000;
	}
	
.REDWORD{
	color:#F00;
	font-size:22px;
	line-height:1.6;
	font-weight:bold;
	letter-spacing:-1.2px;
	}
	
#PRODUCT_2 h2{
	background-repeat:no-repeat;
	width:550px;
	height:75px;
	margin:20px auto;
	}
	
.GIFT_1{
	background-image:url(images/gift_title_1.png);
}

.GIFT_L{
	float:left;
	width:300px;
	text-align:center;
	font-size:18px;
	line-height:1.6;
	
	padding-left:150px;
	}
	
.GIFT_L span{
	display:block;
	width:200px;
	margin:0 auto;
	padding-left:10px;
	}
	
.GIFT_R{
	float:right;
	width:500px;
	font-size:18px;
	line-height:1.6;
	color:#000;
	text-align:left;
	
	padding-right:100px;
	}
	
.GIFT_T2{
	display:block;
	height:100px;
	color:#771f00;
	font-size:19px;
	line-height:1.6;
	font-weight:bold;}
	
	
/* ---- 套書 第二區------------- */	

.TITLE_5{
	width:100%;
	height:72px;
	background-image:url(images/title_5.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin:80px auto  20px auto;
}
	
.GIFT_2{
	background-image:url(images/gift_title_2.png);
}
	
/* ---- 套書 第三區------------- */	
	
.TITLE_6{
	width:100%;
	height:73px;
	background-image:url(images/title_6.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:center;
	margin:80px auto  20px auto;
}

.GIFT_3{
	background-image:url(images/gift_title_3.png);
}


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

#COPYRIGHT{
	width:100%;
	height:auto;
	background-color:#823f3f;
	color:#FFF;
	font-size:15px;
	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:50px;
	right:50px;
	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;
	}