/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html { font-family: "微軟正黑體", "Segoe UI"; font-size:16px; -webkit-text-size-adjust:none;}

* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
	
* a:link, * a:visited { color:#066b8f; text-decoration:none;}
* a:hover, * a:active { color:#890107; text-decoration:underline;}

body { background: url(../images/pageBG.jpg) repeat-y center top;}
body.bookinfo { line-height:30px; background:transparent; padding: 0 35px;}
.clear { clear:both;}

a, a:visited { color:#000; text-decoration:none;}
a:active, a:hover { color:#bf1e2d; text-decoration:none;}

/*--主要內容區塊寬度--*/
article { width:1250px; margin:0 auto;}
.wide { width:1250px; margin: 0 auto; position:relative;}
.content { font-size:1em; line-height:28px; color:#333; text-align:justify; width:1060px; margin:0 auto 50px auto; position:relative;}

/*--scrollbar--*/
body::-webkit-scrollbar { width: 10px;} 
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb { background-color:#8f6846; outline: 1px solid slategrey;}

/*--首頁--*/
header { width:100%;height:780px; background:url(../images/homeBG.jpg) repeat-x center top;}
#maintitle { position:absolute; top:84px; left:430px;}
#animal01 { position:absolute; top:-30px; left:575px;}
#animal02 { position:absolute; top:380px; left:85px;}
#animal03 { position:absolute; top:303px; left:864px;}
#animal04 { position:absolute; top:559px; left:930px;}
#book { position:absolute; top:313px; left:348px;}
#subtitle1 { position:absolute; top:212px; left:75px;}
#subtitle2 { position:absolute; top:260px; left:940px;}
#subtitle3 { position:absolute; top:449px; left:460px;}

/*--選單--*/
h4 { width:78px; height:50px; background: url(../images/icon_Menu.png) no-repeat center top; position: fixed; top:20px; right:40px; display:block; z-index:9999;}
h4:hover { display:block; width:78px; height:50px; background: url(../images/icon_Menu.png) no-repeat center bottom; cursor: pointer;}
#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; left:0; display:none; z-index:9997; background: url(../images/menuBG.jpg); opacity:0.9; filter:alpha(opacity=90);}
#SUBMENU ul { padding: 80px 0 0 0; margin: 40px auto 0 auto; background:url(../images/submenuBG.png) no-repeat center top; width:auto;}
#SUBMENU li:first-child { border-top:#CC3300 1px dotted;}
#SUBMENU li:last-child { border-bottom:#CC3300 1px dotted;}
#SUBMENU li a { font-size:1.37em; color: #69240c; height:60px; line-height:60px; font-weight:bold; padding:0; text-align:center; text-decoration:none; border:none; display:block;}
#SUBMENU li a:hover { background-color:#69240c; color:#fff;}

/*--各單元標題--*/
h2 { width:1179px; height:215px; margin: 0 auto 15px auto;}
h2.item01 { background:url(../images/item_01.png) no-repeat center top; margin-top:-50px;}
h2.item02 { background:url(../images/item_02.png) no-repeat center top;}
h2.item03 { background:url(../images/item_03.png) no-repeat center top;}
h2.item04 { background:url(../images/item_04.png) no-repeat center top;}
h2.item05 { background:url(../images/item_05.png) no-repeat center top; margin-top:30px;}
h2.item06 { background:url(../images/item_06.png) no-repeat center top;}
h3 { font-size:1.5em; color:#903d21; font-weight:bold; display:block; margin-bottom:20px;}

/*--FB連結--*/
#link { position:absolute; top:30px; left:40px; line-height:28px;}
#link a { float:left; margin-right:15px;}
a.fb { background:url(../images/icon-FB.png) no-repeat left bottom; width:auto; height:28px; padding-left: 33px; color:#666;}
a.fb:hover { background:url(../images/icon-FB.png) no-repeat left bottom; color:#000;}
.FBshare { position:absolute; top:40px; left:0px;}

/*--RWD影片--*/
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; -moz-box-shadow:0 0 10px rgba(144,61,33,0.55);
-webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid; width:85%; margin: 0 auto 30px auto;}
.video-container iframe,
.video-container object,
.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}

/*--5大焦點--*/
ul.spec li { float:left; width:31.5%; margin: 20px 1.8% 0 0; padding-left:130px; min-height:130px; line-height:24px;}
ul.spec li:last-child { width:64%;}
ul.spec li b { font-size: 1.87em; font-weight:bold; display:block; margin:10px 0; color:#ab1919; letter-spacing:-1px}
ul.spec li.spec01 { background:url(../images/spec_01.png) no-repeat left top;}
ul.spec li.spec02 { background:url(../images/spec_02.png) no-repeat left top;}
ul.spec li.spec03 { background:url(../images/spec_03.png) no-repeat left top;}
ul.spec li.spec04 { background:url(../images/spec_04.png) no-repeat left top;}
ul.spec li.spec05 { background:url(../images/spec_05.png) no-repeat left top;}

/*--全系列介紹--*/
ul.book { clear:both;}
ul.book li { float:left; width:23.5%; margin: 20px 1.5% 35px 0; position:relative;}
ul.book li img { border:#fff 3px solid;}
ul.book li .bookpic { background: url(../images/bookBG.png); width:217px; height:233px; position:relative; display:block;}
ul.book li .style { background:url(../images/icon-bookspec.png) no-repeat center center; width:78px; height:79px; color:#fff; font-size:1em; position:absolute; right:-30px; top:-30px; display:block; padding: 15px 0 0 0; line-height:20px; text-align:center;}
ul.book li .style2 { background:url(../images/icon-bookspec.png) no-repeat center center; width:78px; height:79px; color:#fff; font-size:1em; position:absolute; right:-30px; top:-30px; display:block; padding: 0; line-height:72px; text-align:center;}
ul.book li b { font-size: 1.5em; font-weight:bold; display:block; margin: -15px 0 8px 0; color:#ab1919; display:block; height:50px;}
ul.book li a.people { background:url(../images/icon_people.png) no-repeat left center; height:35px; line-height:35px; margin-right:10px; padding-left:32px; display:inline-block; cursor:pointer;}
ul.book li a.info { background: url(../images/icon_info.png) no-repeat left center; height:35px; line-height:35px; padding-left:32px; display:inline-block; cursor:pointer;}
ul.book li .people a { background:url(../images/icon_people.png) no-repeat left center; height:35px; line-height:35px; margin-right:10px; padding-left:32px; display:inline-block; float:left;}
ul.book li .people a:hover {  background:url(../images/icon_people.png) no-repeat left center;}
#buy { text-align:center; margin: 20px 0 0 0;}
#buy img.pcbuy { display:block;}
#buy img.Mbuy { display:none;}
.booktitle { font-size:1.25em; font-weight:bold; color:#663300; padding-bottom:20px;}
.booktitle2 { font-size:1.25em; font-weight:bold; color:#663300; padding: 40px 0 20px 0;}

/*--如何使用單元--*/
.guide { background:url(../images/guide_BG.png) no-repeat right top; padding: 100px 0 0 0; margin: -100px auto 70px auto;}
.guideTxt { float:left; margin-right:500px;}
.guide img { -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid; float:left; margin: 20px 20px 20px 0;}
.L1 { float:left; position:relative;}
.L2 { float:left; position:relative;}
.R1 { float: right; margin-top:215px; position:relative;}
a.guideicon1 { position:absolute; top:30%; left:37%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1.12em; width:115px; height:115px; display:block; line-height:115px; text-align:center; z-index:999;}
a.guideicon2 { position:absolute; top:10%; left:3%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1.12em; display:block; width:115px; height:115px; line-height:115px; text-align:center; z-index:999;}
a.guideicon3 { position:absolute; bottom:10%; right:5%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1.12em; display:block; width:115px; height:115px; line-height:115px; text-align:center; z-index:999;}
a.guideicon1:hover,
a.guideicon2:hover,
a.guideicon3:hover { background:rgba(171,25,25,1);}
#guideTitle1 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle2 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; top:21%; left:23%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle3 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:21%; right:26%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle4 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}

/*--名人導讀與詳細介紹--*/
#peopleCon01, #peopleCon02, #peopleCon03, #peopleCon04,
#bookCon01, #bookCon02, #bookCon03, #bookCon04
{ background:rgba(255,250,231,0.95); position:absolute; top:340px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon05, #peopleCon06, #peopleCon07, #peopleCon08,
#bookCon05, #bookCon06, #bookCon07, #bookCon08
{ background:rgba(255,250,231,0.95); position:absolute; top:705px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon09, #peopleCon10,
#bookCon09, #bookCon10
{ background:rgba(255,250,231,0.95); position:absolute; top:1070px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon11, #peopleCon12, #peopleCon13, #peopleCon14,
#bookCon11, #bookCon12, #bookCon13, #bookCon14
{ background:rgba(255,250,231,0.95); position:absolute; top:1485px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon15, #peopleCon16, #peopleCon17, #peopleCon18,
#bookCon15, #bookCon16, #bookCon17, #bookCon18
{ background:rgba(255,250,231,0.95); position:absolute; top:1850px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon19, #peopleCon20,
#bookCon19, #bookCon20
{ background:rgba(255,250,231,0.95); position:absolute; top:2215px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

iframe { width:100%; height:400px;}

.peopleTitle { font-size:1.5em; font-weight:bold; color:#a27913; display:block; margin-bottom:20px; position:relative;}
.peopleTitle b { font-size:13px; color:#666; display:block; margin:0; font-weight:normal;}
.sTitle { color:#990000; font-weight:bold; margin: 25px 0 10px 0; font-size:18px; display:block;}
ul.detail { width:100%; padding:15px; background:#f5ebd3; margin-bottom:25px; color:#a27913;}
ul.detail li { width:24%; float:left; margin: 0 1% 0 0; font-size:15px;}
img.bookinfo { width:40%; height:auto; margin: 0 0 30px 40px; float:right; -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid;}
a.close { position:absolute; right:20px; top:20px; cursor:pointer;}

/*--FAQ--*/
.faq { background:#e3c9a0;}
#QA { background:url(../images/downBG.jpg) no-repeat center top #e3c9a0; padding-top:70px; margin-top:-120px;}
#qaContent { width:1060px; margin:0 auto;}
#qaContent ul.accordionPart { margin: 0;}
#qaContent ul.accordionPart li { border-bottom: #cfcfcf 1px dotted; padding: 8px 0;}
#qaContent ul.accordionPart li .qa_title { font-size: 1.5em; color:#9b4b42; font-weight:bold; cursor: pointer; line-height:52px; background:url(../images/icon_Q.png) no-repeat; padding-left:58px; height:52px;}
#qaContent ul.accordionPart li .qa_title_on { text-decoration: none; color:#4d8ca6;}
#qaContent ul.accordionPart li .qa_content { margin: 15px 0 0 0; color: #000; font-size:1.12em; line-height:32px; padding: 0 8px 8px 58px; background:url(../images/icon_A.png) no-repeat;}

/*--活動區--*/
img.act { float:right; margin: 0 0 40px 20px; width:25%; height:auto; -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid;}
.flow { border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:#a9803e; color:#fff; display:block; margin: 20px 0; padding:10px 25px; width:90%; font-size:1.12em; font-weight:bold;}
.flow b { color:#FFFF99; font-weight:normal;}
.flow a.more { font-size:15px; padding:3px 20px; background: #630; color:#FFFF99; display:inline-block; margin-left:20px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;}
.flow a.more:hover { background:#990000;}
.subitem { font-size:1.25em; font-weight:bold; color:#333; display:block; margin-top:15px;}

/*--footer--*/
#footer { clear:both; width:100%; margin: 0 auto; font-size:0.93em; position:relative; text-align:center; padding-bottom:40px;}
#footer img { width:220px; height:auto; display: block; margin: 20px auto 5px auto;}

/*--Backtotop--*/
#topBackupArea { display: none; /*一開始是隱藏的*/ position: fixed; /*固定在瀏覽器的某個位置*/ right: 20px; /*固定在瀏覽器靠右20px*/ bottom: 20px;  /*固定在瀏覽器靠下方20px*/ background: url(../images/TOP.png) no-repeat; background-size: 45px 45px; width:45px; height:45px; cursor: pointer; z-index:999;}

/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 1024px) and (max-width: 1249px) {

/*--首頁--*/
header { width:100%;height:780px; background:url(../images/homeBG.jpg) repeat-x center top;}
#maintitle { position:absolute; top:84px; left:290px;}
#animal01 { position:absolute; top:-30px; left:435px;}
#animal02 { position:absolute; top:530px; left:60px;}
#animal03 { position:absolute; top:303px; left:724px;}
#animal04 { position:absolute; top:580px; left:660px;}
#book { position:absolute; top:313px; left:208px;}
#subtitle1 { position:absolute; top:252px; left:60px;}
#subtitle2 { position:absolute; top:240px; left:760px;}
#subtitle3 { position:absolute; top:449px; left:320px;}

/*--主要內容區塊寬度--*/
article { width:94%; margin:0 auto;}
.wide { width:94%; margin: 0 auto; position:relative;}
.content { font-size:1em; line-height:28px; color:#333; text-align:justify; width:94%; margin:0 auto 40px auto; position:relative;}

/*--各單元標題--*/
h2 { width:100%; height:215px; margin: 0 auto 15px auto;}

/*--5大焦點--*/
ul.spec li { float:left; width:31.5%; margin: 20px 1.8% 0 0; padding-left:130px; min-height:130px; line-height:22px;}
ul.spec li:last-child { width:64%;}
ul.spec li b { font-size: 1.6em; font-weight:bold; display:block; margin:10px 0; color:#ab1919; letter-spacing:-1px}

/*--全系列介紹--*/
ul.book { width:96%; margin: 0 auto;}
ul.book li { float:left; width:32%; margin: 20px 1.3% 35px 0; position:relative;}
#buy img.pcbuy { display:block; width:100%; height:auto;}
#buy img.Mbuy { display:none;}

#peopleCon01, #peopleCon02, #peopleCon03, 
#bookCon01, #bookCon02, #bookCon03
{ background:rgba(255,250,231,0.95); position:absolute; top:340px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon04, #peopleCon05, #peopleCon06, 
#bookCon04, #bookCon05, #bookCon06
{ background:rgba(255,250,231,0.95); position:absolute; top:705px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon07, #peopleCon08, peopleCon09, 
#bookCon07, #bookCon08, #bookCon09
{ background:rgba(255,250,231,0.95); position:absolute; top:1070px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon10,
#bookCon10
{ background:rgba(255,250,231,0.95); position:absolute; top:1435px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon11, #peopleCon12, #peopleCon13,
#bookCon11, #bookCon12, #bookCon13
{ background:rgba(255,250,231,0.95); position:absolute; top:1850px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon14, #peopleCon15, #peopleCon16,
#bookCon14, #bookCon15, #bookCon16
{ background:rgba(255,250,231,0.95); position:absolute; top:2215px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon17, #peopleCon18, #peopleCon19,
#bookCon17, #bookCon18, #bookCon19
{ background:rgba(255,250,231,0.95); position:absolute; top:2580px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon20,
#bookCon20
{ background:rgba(255,250,231,0.95); position:absolute; top:2945px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

/*--如何使用單元--*/
.guide { background:url(../images/guide_BG.png) no-repeat right top; padding: 100px 0 0 0; margin: -100px auto 70px auto;}
.guide img { -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid; float:left; margin: 20px 20px 20px 0; width:100%; height:auto;}
.L1 { float:left; position:relative; width:48%;}
.L2 { float:left; position:relative; width:48%}
.R1 { float: right; margin-top:215px; position:relative; width:48%;}
#guideTitle1 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle2 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; top:35%; left:23%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle3 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:35%; right:26%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle4 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}

/*--名人導讀與詳細介紹--*/
ul.detail li { width:48%; float:left; margin: 0 1% 0 0; font-size:15px;}

/*--FAQ--*/
#qaContent { width:94%; margin:0 auto;}

}


/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1023px) {
	
/*--首頁--*/
header { width:100%;height:780px; background:url(../images/homeBG.jpg) repeat-x center -50px;}
#maintitle { position:absolute; top:100px; left:100px;}
#maintitle img { width:420px; height:auto;}
#animal01 { position:absolute; top:-40px; left:200px;}
#animal02 { position:absolute; top:510px; left:-10px;}
#animal02 img { width:250px; height:auto;}
#animal03 { position:absolute; top:260px; left:500px;}
#animal04 { position:absolute; top:560px; left:400px;}
#animal04 img { width:250px; height:auto;}
#book { position:absolute; top:320px; left:0px;}
#subtitle1 { position:absolute; top:280px; left:-10px;}
#subtitle1 img { width:250px; height:auto;}
#subtitle2 { position:absolute; top:250px; left:450px;}
#subtitle2 img { width:200px; height:auto;}
#subtitle3 { position:absolute; top:400px; left:150px;}

/*--主要內容區塊寬度--*/
article { width:94%; margin:0 auto;}
.wide { width:94%; margin: 0 auto; position:relative;}
.content { font-size:1em; line-height:28px; color:#333; text-align:justify; width:94%; margin:0 auto 20px auto; position:relative;}

/*--各單元標題--*/
h2 { width:100%; height:232px; margin: 0 auto 15px auto;}
h2.item01 { background:url(../images/item_01-M.png) no-repeat center top; margin-top:-50px;}
h2.item03 { background:url(../images/item_03-M.png) no-repeat center top;}

/*--5大焦點--*/
ul.spec li { float:left; width:49%; margin: 20px 1% 0 0; padding-left:130px; min-height:130px; line-height:22px;}
ul.spec li:last-child { width:99%;}
ul.spec li b { font-size: 1.6em; font-weight:bold; display:block; margin:10px 0; color:#ab1919; letter-spacing:-1px}

/*--全系列介紹--*/
ul.book { width:96%; margin: 0 auto;}
ul.book li { float:left; width:48%; margin: 20px 2% 35px 0; position:relative;}
#buy img.pcbuy { display: none;}
#buy img.Mbuy { display:block; width:100%; height:auto;}

/*--如何使用單元--*/
.guide { background:url(../images/guide_BG.png) no-repeat right top; padding: 100px 0 0 0; margin: -100px auto 70px auto; background-size:55% auto;}
.guideTxt { float:left; margin-right:56%;}
.guide img { -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid; float:left; margin: 20px 20px 20px 0; width:100%; height:auto;}
.L1 { float:left; position:relative; width:85%;}
.L2 { float:left; position:relative; width:85%;}
.R1 { float:left; margin-top:0; position:relative; width:85%;}
#guideTitle1 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle2 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; top:35%; left:23%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle3 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:35%; right:26%; width:70%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}
#guideTitle4 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:15%; left:0; width:95%; margin:0 auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding:6px}

/*--名人導讀與詳細介紹--*/
ul.detail li { width:48%; float:left; margin: 0 1% 0 0; font-size:15px;}
#peopleCon01, #peopleCon02,
#bookCon01, #bookCon02
{ background:rgba(255,250,231,0.95); position:absolute; top:340px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon03, #peopleCon04,
#bookCon03, #bookCon04
{ background:rgba(255,250,231,0.95); position:absolute; top:705px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon05, #peopleCon06,
#bookCon05, #bookCon06
{ background:rgba(255,250,231,0.95); position:absolute; top:1070px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon07, #peopleCon08,
#bookCon07, #bookCon08
{ background:rgba(255,250,231,0.95); position:absolute; top:1435px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon09, #peopleCon10,
#bookCon09, #bookCon10
{ background:rgba(255,250,231,0.95); position:absolute; top:1800px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon11, #peopleCon12,
#bookCon11, #bookCon12
{ background:rgba(255,250,231,0.95); position:absolute; top:2215px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon13, #peopleCon14,
#bookCon13, #bookCon14
{ background:rgba(255,250,231,0.95); position:absolute; top:2580px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon15, #peopleCon16,
#bookCon15, #bookCon16
{ background:rgba(255,250,231,0.95); position:absolute; top:2945px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon17, #peopleCon18,
#bookCon17, #bookCon18
{ background:rgba(255,250,231,0.95); position:absolute; top:3310px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}
#peopleCon19, #peopleCon20,
#bookCon19, #bookCon20
{ background:rgba(255,250,231,0.95); position:absolute; top:3675px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

/*--FAQ--*/
#qaContent { width:94%; margin:0 auto;}

/*--活動區--*/
img.act { float:right; margin: 0 0 40px 20px; width:35%; height:auto; -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid;}
.flow { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#a9803e; color:#fff; display:block; margin: 20px 0; padding:10px 25px; width:100%; font-size:1.12em; font-weight:bold;}
.flow a.more { font-size:15px; padding:3px 20px; background: #630; color:#FFFF99; display:block; margin:10px auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; width:250px; text-align:center;}
.subitem { font-size:1.25em; font-weight:bold; color:#333; display:block; margin-top:15px;}

}

/* --手機版型------------------------------------- */

@media screen and (max-width: 768px) {
	
/*--首頁
header { width:100%;height:780px; background:url(../images/homeBG.jpg) repeat-x center -100px;}
#maintitle { position:absolute; top:80px; left:40px;}
#maintitle img { width:310px; height:auto;}
#animal01 { position:absolute; top:-40px; left:50px;}
#animal01 img { width:280px; height:auto;}
#animal02 { position:absolute; top:530px; left:-80px;}
#animal02 img { width:210px; height:auto;}
#animal03 { position:absolute; top:80px; left:220px;}
#animal03 img { width:100px; height:auto;}
#animal04 { position:absolute; top:550px; left:150px;}
#animal04 img { width:200px; height:auto;}
#book { position:absolute; top:400px; left:90px;}
#book img { width:200px; height:auto;}
#subtitle1 { position:absolute; top:250px; left:-10px;}
#subtitle1 img { width:200px; height:auto;}
#subtitle2 { position:absolute; top:680px; left:160px;}
#subtitle2 img { width:190px; height:auto;}
#subtitle3 { position:absolute; top:300px; left:0px;}
#subtitle3 img { width:340px; height:auto;}--*/

header { width:100%;height:780px; background:url(../images/homeBG.jpg) repeat-x center -100px;}
#maintitle { position:absolute; top:80px; left:5%; width:90%;}
#maintitle img { width:100%; height:auto;}
#animal01 { position:absolute; top:-40px; left: inherit; right:0; width:90%;}
#animal01 img { width:100%; height:auto;}
#animal02 { position:absolute; top:550px; left:-10%; width:50%;}
#animal02 img { width:100%; height:auto;}
#animal03 { position:absolute; top:80px; left: inherit; right:0; width:40%;}
#animal03 img { width:100%; height:auto;}
#animal04 { position:absolute; top:580px; left:inherit; right:0; width:40%;}
#animal04 img { width:100%; height:auto;}
#book { position:absolute; top:400px; left:15%; width:70%;}
#book img { width:100%; height:auto;}
#subtitle1 { position:absolute; top:260px; left:0; width:60%;}
#subtitle1 img { width:100%; height:auto;}
#subtitle2 { position:absolute; top:680px; left: inherit; right:0; width:80%;}
#subtitle2 img { width:100%; height:auto;}
#subtitle3 { position:absolute; top:300px; left:0px; width:100%;}
#subtitle3 img { width:100%; height:auto;}

/*--主要內容區塊寬度--*/
article { width:95%; margin:0 auto;}
.wide { width:95%; margin: 0 auto; position:relative;}
.content { font-size:1em; line-height:28px; color:#333; text-align:justify; width:95%; margin:0 auto 20px auto; position:relative;}

/*--各單元標題--*/
h2 { width:100%; height:232px; margin: 0 auto 15px auto;}
h2.item01 { background:url(../images/item_01-M.png) no-repeat center top; margin-top:-50px;}
h2.item03 { background:url(../images/item_03-M.png) no-repeat center top;}
	
/*--選單--*/
h4 { width:50px; height:50px; background: url(../images/icon_Menu.png) no-repeat center top; position: fixed; top:10px; right:10px; display:block; z-index:9999;}
h4:hover { display:block; width:50px; height:50px; background: url(../images/icon_Menu.png) no-repeat center bottom; cursor: pointer;}

#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; left:0; display:none; z-index:9997; background: url(../images/menuBG.jpg); opacity:0.9; filter:alpha(opacity=90);}
#SUBMENU ul { padding: 60px 0 0 0; margin: 20px auto 0 auto; background:url(../images/submenuBG.png) no-repeat center top; width:auto; background-size: auto 35px}
#SUBMENU li:first-child { border-top:#CC3300 1px dotted;}
#SUBMENU li:last-child { border-bottom:#CC3300 1px dotted;}
#SUBMENU li a { font-size:1.25em; color: #69240c; height:45px; line-height:45px; font-weight:bold; padding:0; text-align:center; text-decoration:none; border:none; display:block;}
#SUBMENU li a:hover { background-color:#69240c; color:#fff;}

h3 { font-size:1.5em; color:#903d21; font-weight:bold; display:block; margin-bottom:20px;}

/*--FB連結--*/
#link { position:absolute; top:20px; left:10px; line-height:28px; font-size:13px; z-index:5;}
#link a { float:left; margin-right:5px;}
a.fb { background:url(../images/icon-FB.png) no-repeat left bottom; width:auto; height:28px; padding-left: 33px; color:#666;}
a.fb:hover { background:url(../images/icon-FB.png) no-repeat left bottom; color:#000;}
.FBshare { position:absolute; top:35px; left:0px; z-index:5;}

/*--5大焦點--*/
ul.spec li { float:left; width:100%; margin: 20px 0 0 0; padding-left:80px; min-height: inherit; line-height:24px;}
ul.spec li:last-child { width:99%;}
ul.spec li b { font-size: 1.5em; font-weight:bold; display:block; margin:10px 0; color:#ab1919; letter-spacing:-1px}
ul.spec li.spec01 { background:url(../images/spec_01.png) no-repeat left top; background-size: 75px auto;}
ul.spec li.spec02 { background:url(../images/spec_02.png) no-repeat left top; background-size: 75px auto;}
ul.spec li.spec03 { background:url(../images/spec_03.png) no-repeat left top; background-size: 75px auto;}
ul.spec li.spec04 { background:url(../images/spec_04.png) no-repeat left top; background-size: 75px auto;}
ul.spec li.spec05 { background:url(../images/spec_05.png) no-repeat left top; background-size: 75px auto;}

/*--全系列介紹--*/

ul.book { width:100; margin: 50px auto 0 auto; text-align:center;}
ul.book li { float:none; width:217px; margin: 20px auto 35px auto; position:relative; text-align:center;}
ul.book li img { border:#fff 3px solid;}
ul.book li .bookpic { background: url(../images/bookBG.png); width:217px; height:233px; position:relative; display:block;}
ul.book li .style { background:url(../images/icon-bookspec.png) no-repeat center center; width:78px; height:79px; color:#fff; font-size:1em; position:absolute; right:-10px; top:-10px; display:block; padding: 15px 0 0 0; line-height:20px; text-align:center;}
ul.book li .style2 { background:url(../images/icon-bookspec.png) no-repeat center center; width:78px; height:79px; color:#fff; font-size:1em; position:absolute; right:-20px; top:-25px; display:block; padding: 0; line-height:72px; text-align:center;}
ul.book li b { font-size: 1.25em; font-weight:bold; display:block; margin: -15px 0 8px 0; color:#ab1919; display:block; height:50px; text-align: center;}
ul.book li a.people { background:url(../images/icon_people.png) no-repeat left center; height:35px; line-height:35px; margin-right:10px; padding-left:32px; display:inline-block; cursor:pointer;}
ul.book li a.info { background: url(../images/icon_info.png) no-repeat left center; height:35px; line-height:35px; padding-left:32px; display:inline-block; cursor:pointer;}
ul.book li .people a { background:url(../images/icon_people.png) no-repeat left center; height:35px; line-height:35px; margin-right:10px; padding-left:32px; display:inline-block; float:left;}
ul.book li .people a:hover {  background:url(../images/icon_people.png) no-repeat left center;}
#buy img.pcbuy { display: none;}
#buy img.Mbuy { display:block; width:100%; height:auto;}

/*--如何使用單元--*/
.guide { background:url(../images/guide_BG.png) no-repeat center top; padding: 290px 0 0 0; margin: -50px auto 70px auto; background-size:300px auto;}
.guideTxt { float:none; margin: 0;}
.guide img { -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid; float:left; margin: 20px 20px 20px 0; width:100%; height:auto;}
.L1 { float:left; position:relative; width:100%;}
.L2 { float:left; position:relative; width:100%;}
.R1 { float:left; margin-top:0; position:relative; width:100%;}
a.guideicon1 { position:absolute; top:30%; left:37%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1em; width:90px; height:90px; display:block; line-height:90px; text-align:center; z-index:999;}
a.guideicon2 { position:absolute; top:10%; left:3%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1em; display:block; width:90px; height:90px; line-height:90px; text-align:center; z-index:999;}
a.guideicon3 { position:absolute; bottom:10%; right:5%; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; background:rgba(171,25,25,0.75); color:#fff; font-size:1em; display:block; width:90px; height:90px; line-height:90px; text-align:center; z-index:999;}
#guideTitle1 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:10%; left:0; width:100%; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:6px}
#guideTitle2 { color: #900; background:rgba(255,255,255,0.8); text-align:right; vertical-align:central; position:absolute; top:15%; left:0; width:90%; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:6px}
#guideTitle3 { color: #900; background:rgba(255,255,255,0.8); text-align:left; vertical-align:central; position:absolute; bottom:18%; right:0; width:90%; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:6px}
#guideTitle4 { color: #900; background:rgba(255,255,255,0.8); text-align:center; vertical-align:central; position:absolute; bottom:10%; left:0; width:100%; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:6px}

/*--名人導讀與詳細介紹--*/
ul.detail li { width:48%; float:left; margin: 0 1% 0 0; font-size:15px;}
#peopleCon01, #bookCon01
{ background:rgba(255,250,231,0.95); position:absolute; top:340px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon02, #bookCon02
{ background:rgba(255,250,231,0.95); position:absolute; top:685px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon03, #bookCon03
{ background:rgba(255,250,231,0.95); position:absolute; top:1030px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon04, #bookCon04
{ background:rgba(255,250,231,0.95); position:absolute; top:1375px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon05, #bookCon05
{ background:rgba(255,250,231,0.95); position:absolute; top:1720px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon06, #bookCon06
{ background:rgba(255,250,231,0.95); position:absolute; top:2065px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon07, #bookCon07
{ background:rgba(255,250,231,0.95); position:absolute; top:2410px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon08, #bookCon08
{ background:rgba(255,250,231,0.95); position:absolute; top:2755px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon09, #bookCon09
{ background:rgba(255,250,231,0.95); position:absolute; top:3100px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon10, #bookCon10
{ background:rgba(255,250,231,0.95); position:absolute; top:3455px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon11, #bookCon11
{ background:rgba(255,250,231,0.95); position:absolute; top:3880px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon12, #bookCon12
{ background:rgba(255,250,231,0.95); position:absolute; top:4225px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon13, #bookCon13
{ background:rgba(255,250,231,0.95); position:absolute; top:4570px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon14, #bookCon14
{ background:rgba(255,250,231,0.95); position:absolute; top:4915px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon15, #bookCon15
{ background:rgba(255,250,231,0.95); position:absolute; top:5260px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon16, #bookCon16
{ background:rgba(255,250,231,0.95); position:absolute; top:5605px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon17, #bookCon17
{ background:rgba(255,250,231,0.95); position:absolute; top:5950px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon18, #bookCon18
{ background:rgba(255,250,231,0.95); position:absolute; top:6295px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon19, #bookCon19
{ background:rgba(255,250,231,0.95); position:absolute; top:6640px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

#peopleCon20, #bookCon20
{ background:rgba(255,250,231,0.95); position:absolute; top:6985px; left:0; z-index:999; display:none; width:100%; border: #F2F2F2 1px solid; padding: 25px 0; -moz-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1);
-webkit-box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); box-shadow:0 4px 6px rgba(20%,20%,40%,0.1); line-height:30px;}

/*--FAQ--*/
#qaContent { width:94%; margin:0 auto;}
#qaContent ul.accordionPart li { border-bottom: #cfcfcf 1px dotted; padding: 8px 0; margin-bottom:15px;}
#qaContent ul.accordionPart li .qa_title { font-size: 1.12em; color:#9b4b42; font-weight:bold; cursor: pointer; line-height:26px; background:url(../images/icon_Q.png) no-repeat; background-size:40px 40px; padding-left:45px; height:40px;}
#qaContent ul.accordionPart li .qa_title_on { text-decoration: none; color:#4d8ca6;}
#qaContent ul.accordionPart li .qa_content { margin: 15px 0 0 0; color: #000; font-size:1em; line-height:25px; padding: 0 8px 8px 58px; background:url(../images/icon_A.png) no-repeat;}

/*--活動區--*/
img.act { float:right; margin: 0 0 40px 20px; width:40%; height:auto; -moz-box-shadow:0 0 10px rgba(144,61,33,0.55); -webkit-box-shadow:0 0 10px rgba(144,61,33,0.55); box-shadow:0 0 10px rgba(144,61,33,0.55); border: #fff 4px solid;}
.flow { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#a9803e; color:#fff; display:block; margin: 20px 0; padding:10px 25px; width:100%; font-size:1.12em; font-weight:bold;}
.flow a.more { font-size:15px; padding:3px 20px; background: #630; color:#FFFF99; display:block; margin:10px auto; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; width:250px; text-align:center;}
.subitem { font-size:1.25em; font-weight:bold; color:#333; display:block; margin-top:15px;}
}