@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@charset "utf-8";
/*{ box-sizing:border-box;border:1px  #268A28 solid;}
/* CSS Document */
/* ---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, ol, 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;
	

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a {text-decoration:none;}
/* ---reset.css--- */

html, body{	
	font-family:'Century Gothic','Futura','Didact Gothic',san-serif,Microsoft JhengHei;
	font-family: Microsoft JhengHei;
	-webkit-text-size-adjust:none;
	background: url(../images/bg.jpg) top center repeat;;


}

*{-webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1;
 }

:focus { outline: 0; }
h1{ text-indent:-9999px; position:absolute;}

.item{ display:inline-block;}
a {text-decoration:none;}

/* 滑鼠動態效果 */
 .buy img {
	-webkit-transition-duration:.3s;
	        transition-duration:.3s;
	-webkit-transition-property:transform;
	        transition-property:transform;
	-webkit-transition-timing-function:ease-out;
	        transition-timing-function:ease-out}
 .buy img:active,  .buy img:focus, .buy img:hover{
	-webkit-transform:translateY(-6px);
		    transform:translateY(-6px)}

/* --電腦版型------------------------------------- */
li{ list-style:none; float:left;}
.top{ width:100%; position:relative; z-index:999; background-color:#fe7f94; }
/*.eslite_top{ width:100%;z-index:999; background:#ffffff; position:relative;}*/
.header_m{ width:100%; height:30px; position:relative;top:0; display:block; padding:5px 0; background-color:#fe7f94; display:none;}
.header_m img{ width:120%; height:auto; display:none; }
.WRAPPER{ width:100%; min-width:1200px;}


/* --主視覺--*/

.kv_pc{background: url(../images/kv.jpg) top center no-repeat; background-position: center; min-height: 950px; width:100%;}
.buy{ position: absolute; top: 803px; right: 125px; z-index: 5;}
.titleA{ height: 200px; background: url("../images/titleA.jpg") top center no-repeat; margin: -50px 0 0;}
.titleA-2{ height: 200px; background: url("../images/titleA-2.jpg") top center no-repeat; margin:  0;}
.kv_m{ display: none;}
	@media screen and ( max-width: 768px ){
.buy{ display: none; }
.titleA ,.titleA-2{display: none;  }
.kv_pc{ display: none; }
.kv_m{ display: block; padding:0px;background:url(../images/bg02.jpg) top center repeat; /*padding-bottom:5px;*/ font-size: 0;}
	}
	
.S2block_ti{width:100%; height: 200px; display:block; position:relative;background:url(../images/titleB.jpg) top center no-repeat; margin: 0 0 -45px; z-index: 1;}
.S2block_ti_content{width:1200px; height:110px;display:block;line-height:0; margin:0 auto; position:relative; /*background-color:#333;*/}
.S2block_tipc{ display: block;width:1200px; height:110px;line-height:0; margin:0 auto; position:relative; padding-top:0px; /*background-color:#fff; */ margin-bottom:0px;}
.S2block_tim{ display: none;}
	@media screen and ( max-width: 420px ){
.S2block_ti{width:100%; min-width:320px;height:auto; display:block; position:relative;background:url(../images/S3bg.jpg) top center no-repeat;}
.S2block_ti_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative; padding-top:0px;}
.S2block_tipc{ display: none; }
.S2block_tim{ display: block; padding-top:0%;margin-bottom:0%;}
	}
	
.S3block_ti{width:100%; height: 200px; display:block; position:relative;background:url(../images/titleC.jpg) top center no-repeat;  z-index: 1;}
.S3block_ti_content{width:1200px; height:110px;display:block;line-height:0; margin:0 auto; position:relative;/* background-color:#333;*/}
.S3block_tipc{ display: block;width:1200px; height:110px;line-height:0; margin:0 auto; position:relative; padding-top:0px; /*background-color:#fff;*/  margin-bottom:0px;}
.S3block_tim{ display: none;}
	@media screen and ( max-width: 420px ){
.S3block_ti{width:100%; min-width:320px;height:auto; display:block; position:relative;background:url(../images/S3bg.jpg) top center no-repeat;}
.S3block_ti_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative; padding-top:0px;}
.S3block_tipc{ display: none; }
.S3block_tim{ display: block; padding-top:0%;margin-bottom:0%;}
	}

	
.title_01{position:absolute; top:148px; left:80px; z-index:99;}
.title_02{position:absolute; top:148px; left:215px; z-index:99;}
.title_03{position:absolute; top:148px; left:320px; z-index:99;}
.sale{position:absolute; top:75px; left:370px; z-index:99;}
.sale0120{position:absolute; top:270px; left:60px; z-index:99;}
.publish{position:absolute; top:677px; left:260px; z-index:99;}
.ani{ display:block;width:1200px; height:696px;line-height:0; margin:0 auto; position:relative;}
	@media screen and ( max-width: 768px ){
.ani{ display:none;}
	}

/* --主要活動 電腦版--*/
.index1{width:100%; /*height: 1025px;*/ display:block; position:relative;background:url(../images/bg02.jpg) top center repeat;padding: 20px 0; }
.index1_content{width:1200px; /*height:1020px;*/display:block;line-height:0; margin:0 auto; position:relative; background-color:#fff; border-radius:25px;top:-25px; padding-bottom:0px;}
.S1_block{width:1040px; height:530px;text-align:center;  margin:0 auto; padding-top:10px;}
.S1for3{ display:inline-block; width:320px; margin:0px 9px 10px 9px;}
.S1_title{position: relative;width:300px; font-size:28px; height:40px; display:inline-block; font-weight:bold; color:#35c6a7;  padding-top:40px; font-family:'Century Gothic',san-serif,Microsoft JhengHei;}
.S1_title span{background-color:#fff; padding:6px; display: none;}
.item1{display: inline-block; width:320px; height:460px; margin:0px 12px 0px 0px; text-align:center; border:#fe829a 6px solid;border-radius:25px; z-index:2;}
.item1 li:nth-child(1){ width:320px; display: block; height:295px;}
.item1 li:nth-child(1) img{height:272px; display: block; margin:18px auto 0 auto; margin-top:18px;max-width:272px;}
.item1 li:nth-child(2){ width:320px;height:53px;font-size: 20px; font-weight:bold; color:#5a5a5a; line-height:24px; vertical-align:middle; padding-left:5px; padding-right:5px;}
.item1 li:nth-child(3){color:#df415a; font-size:16px; margin-top:10px;font-weight:bold;height:20px; width:320px;}
.item1 li:nth-child(3) span{color:#df415a; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.item1 li:nth-child(4){width:320px;}
.item1 li:nth-child(4) hr{height: 1px; width:290px;color:#000; margin:0 auto;}
.item1 li:nth-child(5) div{ width:270px; height:28px;margin:8px 25px 0 25px;}
.item1 li:nth-child(5){font-size: 18px; font-weight:bold; color:#8f0d06; line-height:20px; width:270px; text-align:left;}
.item1 li:nth-child(5) a{font-size: 18px; font-weight:bold; color:#5a5a5a; line-height:20px; width:270px; text-align:left;}
.item1 li:nth-child(6) div{ width:270px; height:50px;margin:0 25px 0 25px;}
.item1 li:nth-child(6){font-size: 18px; font-weight:bold; color:#8f0d06; line-height:20px; width:270px; text-align:left;}
.item1 li:nth-child(6) a{font-size: 18px; font-weight:bold; color:#5a5a5a; line-height:20px; width:270px; text-align:left;}

.item99{display: inline-block; width:320px; height:410px; margin:0px 12px 0px 0px; text-align:center; border:#fe829a 6px solid;border-radius:25px; z-index:2;}
.S1for3_99{ display:inline-block; width:320px; margin:0px 9px 0px 9px;}
.item99 li:nth-child(1){ width:320px; display: block; height:295px;}
.item99 li:nth-child(1) img{height:272px; display: block; margin:18px auto 0 auto; margin-top:18px;max-width:272px;}
.item99 li:nth-child(2){ width:320px;height:40px;font-size: 20px; font-weight:bold; color:#5a5a5a; line-height:30px; vertical-align:middle; padding-left:3px; padding-right:15px;}
.item99 li:nth-child(3){color:#8f0d06; font-size:16px; margin-top:10px;font-weight:bold;height:20px; width:320px;}
.item99 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.item99 li:nth-child(4){color:#df415a; font-size:20px; margin-top:10px;font-weight:bold;height:25px; width:320px;}
.item99 li:nth-child(4) span{color:#df415a; font-size:30px; font-family:'Century Gothic'; font-weight:bold;}


/* --中文 電腦版--*/
.index2{width:100%; height: 435px; display:block; position:relative;background:url(../images/bg03.jpg) top center repeat; }
.index2_content{width:1200px; height:435px;display:block;line-height:0; margin:0 auto; position:relative; padding-top:14px;/*background:url(../images/S3bgp.jpg) top center no-repeat;*/}
.S2_title{position: relative;width:1200px; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S2_title span{background-color:#fff; padding:10px;}
.S2_block{width:1200px; height:355px;text-align:center;  margin:0 auto;/*border:#b53c06 8px solid;*/border-radius:25px; margin-top:50px;background-color:#fff;}
.item2{display: inline-block; width:255px; height:270px; margin:5px 10px 0px 10px; text-align:center;cursor: pointer;}
.item2 li:nth-child(1){ width:255px; display: block; height:255px;}
.item2 li:nth-child(1) img{height:225px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:225px;}
.item2 li:nth-child(2){ width:255px;height:50px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item2 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px; width:220px;}
.item2 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:220px;}
.item2 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S2_more{ position: absolute; right:5%; bottom:2px;background-color:#f88a84;border-radius:25px; padding:0 5px 0 8px;}
.subtitle01{ position: absolute; left:35px; top:0px; z-index: 2;}
.subtitle05{ position: absolute; left:35px; top:0px;}
.subtitle02{ position: absolute; left:35px; top:0px; z-index: 2;}
.subtitle03{ position: absolute; left:635px; top:0px; z-index: 2;}


/* --英文+兒童 電腦版--*/
.index3{width:100%; height: 438px; display:block; position:relative;background:url(../images/bg03.jpg) top center repeat; }
.index3_content{width:1200px; height:438px;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/bg03.jpg) top center repeat; padding-top:50px;}
.S3_block{width:594px; height:auto;text-align:center;  margin:0 auto; display:inline-block; margin-right:4px;}
.blockfor2{border-radius:25px; width:590px; display:inline-block; margin:10px 6px 0px 2px; height:auto; padding-bottom:115px; padding-top:0px;background-color:#fff;}
.item3{display: inline-block; width:250px; height:250px; margin:0px 3px 0px 3px; text-align:center;cursor: pointer;}
.item3 li:nth-child(1){ width:240px; display: block; height:265px;}
.item3 li:nth-child(1) img{height:240px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:240px;}
.item3 li:nth-child(2){ width:240px;height:47px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item3 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px;width:240px;}
.item3 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:240px;}
.item3 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S3_more{ position: absolute; right:5%; bottom:2px;background-color:#f88a84;border-radius:25px; padding:0 5px 0 8px;}
.S3_more2{ position: absolute; right:55%; bottom:2px;background-color:#f88a84;border-radius:25px; padding:0 5px 0 8px;}


/* --文具 電腦版--*/
.index5{width:100%; height: 545px; display:block; position:relative;background:url(../images/bg03.jpg) top center repeat;}
.index5_content{width:1200px; height:545px;display:block;line-height:0; margin:0 auto; position:relative; background:url(../images/bg03.jpg) top center repeat; padding-top:60px;}
.S5_title{position: relative;width:1200px; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#fff;  text-align:center; margin-top:30px;}
.S5_title span{background-color:#fff; padding:10px;}
.S5_block{width:1200px; height:470px;text-align:center;  margin:0 auto;/*border:#b53c06 5px solid;*/border-radius:25px; margin-top:0px;background-color:#fff; padding-top:10px;}
.item5{display: inline-block; width:370px; height:370px; margin:0px 6px 0px 6px; text-align:center;cursor: pointer;}
.item5 li:nth-child(1){ width:370px; display: block; height:370px;}
.item5 li:nth-child(1) img{height:340px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:340px;}
.item5 li:nth-child(2){ width:370px;height:48px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item5 li:nth-child(3){width:370px;color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px; }
.item5 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px;width:370px}
.item5 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S5_more{ position: absolute; right:5%; bottom:2px;background-color:#f88a84;border-radius:25px; padding:0 5px 0 8px;}

/* --禮用 電腦版--*/
.index6{width:100%; height: 545px; display:block; position:relative;background:url(../images/bg03.jpg) top center repeat;}
.index6_content{width:1200px; height:545px;display:block;line-height:0; margin:0 auto; position:relative; background:url(../images/bg03.jpg) top center repeat;padding-top:60px;}
.S6_title{position: relative;width:1200px; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#fff;  text-align:center; margin-top:30px;}
.S6_title span{background-color:#fff; padding:10px;}
.S6_block{width:1200px; height:470px;text-align:center;  margin:0 auto;/*border:#b53c06 5px solid;*/border-radius:25px; margin-top:0px;background-color:#fff; padding-top:10px;}
.item6{display: inline-block; width:370px; height:370px; margin:0px 6px 0px 6px; text-align:center;cursor: pointer;}
.item6 li:nth-child(1){ width:370px; display: block; height:370px;}
.item6 li:nth-child(1) img{height:340px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:340px;}
.item6 li:nth-child(2){ width:370px;height:48px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item6 li:nth-child(3){width:370px;color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px; }
.item6 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px;width:370px}
.item6 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S6_more{ position: absolute; right:5%; bottom:2px;background-color:#f88a84;border-radius:25px; padding:0 5px 0 8px;}

/* --AD2 電腦版--*/
.index7{width:100%; height: 280px; display:block; position:relative;  background-color:#ccc;background:url("../images/bg03.jpg") top center repeat;}
.index7_content{width:1200px; height:280px;display:block;line-height:0; margin:0 auto; position:relative;background:url("../images/bg03.jpg") top center repeat;}
.AD2{ background-image:url(../images/img/AD2_1000.jpg); width:1200px; height:240px; margin:0px auto 0px auto; display:block;  position:relative;top:20px;}

/* -- CD+DVD 電腦版--*/
.index8{width:100%; height: 438px; display:block; position:relative;background:url(../images/S4bg.jpg) top center repeat;margin: -25px 0 0; }
.index8_content{width:1200px; height:438px;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/S4bg.jpg) top center repeat; padding-top:50px;}
.S8_block{width:1200px; height:auto;text-align:center;  margin:0 auto; display:inline-block; }
.blockfor2_2{border-radius:25px; width:590px; display:inline-block; margin:10px 6px 0px 2px; height:auto; padding-bottom:115px; padding-top:0px;background-color:#fff;}
.item8{display: inline-block; width:250px; height:250px; margin:0px 3px 0px 3px; text-align:center;cursor: pointer;}
.item8 li:nth-child(1){ width:240px; display: block; height:265px;}
.item8 li:nth-child(1) img{height:240px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:240px;}
.item8 li:nth-child(2){ width:240px;height:47px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item8 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px;width:240px;}
.item8 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:240px;}
.item8 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S8_more{ position: absolute; right:5%; bottom:0px;background-color:#28a6a0;border-radius:25px; padding:0 5px 0 8px;}
.S8_more2{ position: absolute; right:55%; bottom:0px;background-color:#28a6a0;border-radius:25px; padding:0 5px 0 8px;}


/* -- 雜誌+食品 電腦版--*/
.index9{width:100%; height: 458px; display:block; position:relative;background:url(../images/S4bg.jpg) top center repeat;}
.index9_content{width:1200px; height:458px;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/S4bg.jpg) top center repeat; padding-top:55px;}
.S9_block{width:1200px; height:auto;text-align:center;  margin:0 auto;}
.S9_title{position: relative;width:490px; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#4f1b0f;  text-align:center; margin-top:-30px;}
.S9_title span{background-color:#fff; padding:10px;}
.item9{display: inline-block; width:250px; height:250px; margin:0px 3px 0px 3px; text-align:center;cursor: pointer;}
.item9 li:nth-child(1){ width:240px; display: block; height:265px;}
.item9 li:nth-child(1) img{height:240px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:240px;}
.item9 li:nth-child(2){ width:240px;height:50px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item9 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px;width:240px;}
.item9 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:240px;}
.item9 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S9_more{ position: absolute; right:5%; bottom:10px;background-color:#28a6a0;border-radius:25px; padding:0 5px 0 8px;}
.S9_more2{ position: absolute; right:55%; bottom:10px;background-color:#28a6a0;border-radius:25px; padding:0 5px 0 8px;}

/* --AD3 電腦版--*/
.index10{width:100%; height: 280px; display:block; position:relative;background:url(../images/ad3_bg.jpg) top center repeat;}
.index10_content{width:1200px; height:280px;display:block;line-height:0; margin:0 auto; position:relative; padding-top:20px;background:url(../images/ad3_bg.jpg) top center repeat;}
.AD3{ background-image:url(../images/img/AD3_1000.jpg); width:1200px; height:240px; margin:0px auto 0px auto; display:block; cursor: pointer; position:relative;top:0;}









/* --手機版型------------------------------------- */
@media screen and ( max-width: 420px ){
   html, body{ 
    min-width: 320px;
	max-width: 420px;
   	overflow: auto;
   	overflow-x: hidden;
    	width: 100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-family: Microsoft JhengHei;
		background-color:#fff;
    }

	
.WRAPPER{ width:100%; min-width: 320px;max-width: 768px; }
.notice{ width:100%; height:492px; margin:0 auto;}

/* --主要活動 手機版--*/
.index1{width:100%; min-width:320px; height: auto; display:block; position:relative; margin-bottom:0;/*background:url(../images/S2bg.jpg) top center repeat; */padding: 7vw 0;}
.index1_content{width:90%; height:auto;display:block;line-height:0; margin:0 auto; position:relative; min-width:340px;}

.S1for3{ display:inline-block; width:320px; margin:0px 9px 5% 9px;}

.S1_block{width:100%; height:auto;text-align:center;  margin:0 auto 0px auto; }
.item1{display:block; width:320px; height:470px; margin:0px auto 0px auto; text-align:center;}
.item1 li:nth-child(1){ width:100%; display: block; height:295px; margin-top:5px;}
.item1 li:nth-child(1) img{height:272px; display: block; margin:18px auto 0 auto; margin-top:18px;max-width:272px;}
.item1 li:nth-child(2){ width:100%;height:53px;font-size: 20px; font-weight:bold; color:#8f0d06; line-height:24px; vertical-align:middle; }
.item1 li:nth-child(3){color:#4f1b0f; font-size:14px; margin-top:10px;font-weight:bold;height:20px; width:100%;}
.item1 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.item1 li:nth-child(4){ width:320px;}
.item1 li:nth-child(4) hr{height: 1px; width:290px;color:#000; margin:0 auto;}
.item1 li:nth-child(5) div{width:274px; height:20px;margin:10px 20px 0 20px;}
.item1 li:nth-child(5){font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px; width:100%; text-align:left;}
.item1 li:nth-child(5) a{font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px; width:100%; text-align:left;}
.item1 li:nth-child(6) div{width:274px; height:40px;margin:10px 20px 0px 20px;}
.item1 li:nth-child(6){font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px; width:100%; text-align:left;}
.item1 li:nth-child(6) a{font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px; width:100%; text-align:left;}
.item1_board{display: inline-block; width:320px; height:550px; margin:65px 0px 0px 0px; text-align:center;}
.item1_board li:nth-child(1){ width:320px; display: block; height:50px;}
.item1_board li:nth-child(1) img{ width:100%; display: block; height:29px; margin:18px 0px 0px 0px;}
.item1_board li:nth-child(2){ width:320px; display: block; height:305px;}
.item1_board li:nth-child(2) img{height:272px; display: block; margin:18px auto 0 auto; margin-top:18px;}
.item1_board li:nth-child(3){ width:320px;height:35px;font-size: 20px; font-weight:bold; color:#8f0d06; line-height:24px; vertical-align:middle;}
.item1_board li:nth-child(3) a{ width:320px;height:35px;font-size: 20px; font-weight:bold; color:#8f0d06; line-height:24px; vertical-align:middle;}
.item1_board li:nth-child(4){width:320px; height:15px;}
.item1_board li:nth-child(4) hr{height: 1px; width:290px;color:#000; margin:0 auto;}
.item1_board li:nth-child(5) div{ width:274px; height:25px;margin:-5px 20px 0 20px;}
.item1_board li:nth-child(5){ width:100%;height:30px;font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px;text-align:left;}
.item1_board li:nth-child(5) a{ width:100%;height:30px;font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px;text-align:left;}
.item1_board li:nth-child(6) div{ width:274px; height:25px;margin:-5px 20px 0 20px;}
.item1_board li:nth-child(6){ width:100%;height:30px;font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px; text-align:left;}
.item1_board li:nth-child(6) a{ width:100%;height:30px;font-size: 16px; font-weight:bold; color:#8f0d06; line-height:20px;text-align:left;}

/* --中文 手機版--*/
.index2{width:100%; min-width:320px; height: auto; display:block; position:relative; margin-bottom:0;}
.index2_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative; padding-top:15%; padding-bottom:5%;background:url("../images/bg03.jpg") top center repeat;}

.subtitle01{ position: relative;left:0px; top:0px; margin:0 auto;  width:100%; min-width:320px;}
.subtitle01 img{ width:65%; margin-top:-10%;}
.subtitle02{ position: relative;left:0px; top:0px; margin:0 auto; width:100%; min-width:320px;}
.subtitle02 img{ width:65%; margin-top:0%;}
.subtitle03{ position:relative;left:0px; top:0px; margin:0 auto; width:100%; min-width:320px;}
.subtitle03 img{ width:65%; margin-top:0%;}
.subtitle05{ position: relative;left:0px; top:0px; margin:0 auto; width:100%; min-width:320px;}
.subtitle05 img{ width:85%; margin-top:-20%;}
.S2_title{position: relative;width:100%; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S2_title span{background-color:#fff;}
.S2_block{width:90%; min-width:320px; height:auto;text-align:center;  margin:0 auto 0 auto; padding-bottom:10px; background-color:#fff;}
.item2{display: inline-block; width:150px; height:auto; margin:5px 0px 0px 0px; text-align:center;}
.item2 li:nth-child(1){ width:150px; display: block; height:170px;}
.item2 li:nth-child(1) img{height:150px; display: block; margin-top:14px; margin-left:auto; margin-right:auto;max-width:150px;padding:5px;}
.item2 li:nth-child(2){ width:150px;height:45px;font-size: 14px; font-weight:bold; color:#602e15; line-height:18px; vertical-align:middle;}
.item2 li:nth-child(3){color:#602e15; font-size:12px; margin-top:9px;font-weight:bold;height:20px; width:150px;}
.item2 li:nth-child(3) a{color:#602e15; font-size:12px; margin-top:0px;font-weight:bold;height:20px; width:150px;}
.item2 li:nth-child(3) span{color:#df2c09; font-size:16px; font-family:'Century Gothic'; font-weight:bold;}
.S2_more{ position: relative; float:right; padding:3px; bottom:5px;}
	
/* --英文+兒童 手機版--*/
.index3{width:100%; min-width:320px; height: auto; display:block; position:relative; margin-bottom:0%;background:url("../images/bg03.jpg") top center repeat; padding-bottom:0;}
.index3_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative;background:url("../images/bg03.jpg") top center repeat; padding-top:0%;}
.S3_title{position: relative;width:100%; font-size:38px; height:40px; display:inline-block;font-family: sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S3_title span{background-color:#fff;}
.S3_block{width:100%; min-width:320px; height:auto;text-align:center;  margin:0px auto 0px auto;}
.blockfor2{border-radius:25px; width:90%; min-width:320px; display:inline-block; margin:-3% 0px 5% 0px;height:260px;  padding-bottom:0px; background-color:#fff; padding-top:0px;}
.item3{display: inline-block; width:150px; height:auto; margin:0% 0px 0px 0px; text-align:center;  padding-bottom:0%;}
.item3 li:nth-child(1){ width:150px; display: block; height:170px;}
.item3 li:nth-child(1) img{height:150px; display: block; margin-top:14px; margin-left:auto; margin-right:auto;max-width:150px; padding:5px;}
.item3 li:nth-child(2){ width:150px;height:45px;font-size: 14px; font-weight:bold; color:#602e15; line-height:18px; vertical-align:middle;}
.item3 li:nth-child(3){color:#602e15; font-size:12px; margin-top:9px;font-weight:bold;height:auto; width:150px; padding-bottom:0%;}
.item3 li:nth-child(3) a{color:#602e15; font-size:12px; margin-top:0px;font-weight:bold;height:auto; width:150px;}
.item3 li:nth-child(3) span{color:#df2c09; font-size:16px; font-family:'Century Gothic'; font-weight:bold;}
.S3_more{ position: relative; float:right; padding:3px; bottom:-16px; right:5%}
.S3_more2{ position:relative;float:right; padding:3px; bottom:-16px; right:5%}
.S3_break{ display:none;}

/* --AD1 手機版--*/
.index4{width:100%; min-width:320px;height:160px; display:block; position:relative; margin-top:10px;}
.index4_content{width:100%; min-width:320px;height:160px;display:block;line-height:0; margin:0 auto; position:relative;}
.AD1{background: url(../images/img/AD1_640.jpg) top center no-repeat; background-size:100%; width:320px;}

/* --文具 手機版--*/
.index5{width:100%; min-width:320px; height: auto; display:block; position:relative; background:url(../images/S3bg.jpg) top center repeat;  margin-top:0px;}
.index5_content{width:100%; height:1200px;display:block;line-height:0; margin:0 auto; position:relative;}
.S5_block{width:90%; min-width:320px; height:auto;text-align:center;  margin:0 auto; margin-top:-35px; padding-bottom:30px;}
.S5_title{position: relative;width:100%; font-size:38px; height:40px; display:inline-block;font-family: cwTeXYen,sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S5_title span{background-color:#fff;}
.item5{display: inline-block; width:300px; height:320px; margin:10px 6px 35px 6px; text-align:center;cursor: pointer;}
.item5 li:nth-child(1){ width:300px; display: block; height:295px;}
.item5 li:nth-child(1) img{height:265px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:265px;}
.item5 li:nth-child(2){ width:300px;height:48px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item5 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px; width:300px;}
.item5 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:300px;}
.item5 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S5_more{ position: relative; float:right; padding:3px; bottom:-16px; right:5%}

/* --禮用 手機版--*/
.index6{width:100%; min-width:320px; height: auto; display:block; position:relative; background:url(../images/S3bg.jpg) top center repeat; padding-top:0px;}
.index6_content{width:100%; height:1180px;display:block;line-height:0; margin:0 auto; position:relative;padding-top:10px;}
.S6_block{width:90%; min-width:320px; height:auto;text-align:center;  margin:0 auto; padding-bottom:30px; margin-top:0px;}
.item6{display: inline-block; width:300px; height:320px; margin:10px 6px 35px 6px; text-align:center;cursor: pointer;}
.item6 li:nth-child(1){ width:300px; display: block; height:295px;}
.item6 li:nth-child(1) img{height:265px; display: block; margin-top:18px; margin-left:auto; margin-right:auto;max-width:265px;}
.item6 li:nth-child(2){ width:300px;height:48px;font-size: 18px; font-weight:bold; color:#602e15; line-height:22px; vertical-align:middle;}
.item6 li:nth-child(3){color:#602e15; font-size:16px; margin-top:9px;font-weight:bold;height:20px; width:300px;}
.item6 li:nth-child(3) a{color:#602e15; font-size:16px; margin-top:0px;font-weight:bold;height:20px; width:300px;}
.item6 li:nth-child(3) span{color:#df2c09; font-size:24px; font-family:'Century Gothic'; font-weight:bold;}
.S6_more{ position: relative; float:right; padding:3px; bottom:-16px; right:5%}

/* -- AD2 手機版 --*/
.index7{width:100%; min-width:320px;height:220px; display:block; position:relative; margin-top:0px; padding-top:0px;}
.index7_content{width:100%; min-width:320px;height:220px;display:block;line-height:0; margin:0 auto; position:relative;}
.AD2{background: url(../images/img/AD2_640.jpg) top center no-repeat; background-size:100%; width:90%; min-width:320px;}

/* --CD+DVD 手機版 --*/
.index8{width:100%; min-width:320px; height: auto; display:block; position:relative; margin-bottom:0%;background:url(../images/S4bg.jpg) top center repeat; padding-bottom:0;}
.index8_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/S4bg.jpg) top center repeat; padding-top:0%;}
.S8_title{position: relative;width:100%; font-size:38px; height:40px; display:inline-block;font-family: sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S8_title span{background-color:#fff;}
.S8_block{width:100%; min-width:320px; height:auto;text-align:center;  margin:0px auto 0px auto;}
.blockfor2_2{border-radius:25px; width:90%; min-width:320px; display:inline-block; margin:-3% 0px 5% 0px;height:260px;  padding-bottom:0px; background-color:#fff; padding-top:0px;}
.item8{display: inline-block; width:150px; height:auto; margin:0% 0px 0px 0px; text-align:center;  padding-bottom:0%;}
.item8 li:nth-child(1){ width:150px; display: block; height:170px;}
.item8 li:nth-child(1) img{height:150px; display: block; margin-top:14px; margin-left:auto; margin-right:auto;max-width:150px; padding:5px;}
.item8 li:nth-child(2){ width:150px;height:45px;font-size: 14px; font-weight:bold; color:#602e15; line-height:18px; vertical-align:middle;}
.item8 li:nth-child(3){color:#602e15; font-size:12px; margin-top:9px;font-weight:bold;height:auto; width:150px; padding-bottom:0%;}
.item8 li:nth-child(3) a{color:#602e15; font-size:12px; margin-top:0px;font-weight:bold;height:auto; width:150px;}
.item8 li:nth-child(3) span{color:#df2c09; font-size:16px; font-family:'Century Gothic'; font-weight:bold;}
.S8_more{ position: relative; float:right; padding:3px; bottom:-16px; right:5%}
.S8_more2{ position:relative;float:right; padding:3px; bottom:-16px; right:5%}
.S8_break{ display:none;}

/* --雜誌+食品 手機版 --*/
.index9{width:100%; min-width:320px; height: auto; display:block; position:relative; margin-bottom:0%;background:url(../images/S4bg.jpg) top center repeat; padding-bottom:0;}
.index9_content{width:100%; height:auto;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/S4bg.jpg) top center repeat; padding-top:0%;}
.S9_title{position: relative;width:100%; font-size:38px; height:40px; display:inline-block;font-family: sans-serif; font-weight:600; color:#4f1b0f;  text-align:center;}
.S9_title span{background-color:#fff;}
.S9_block{width:100%; min-width:320px; height:auto;text-align:center;  margin:0px auto 0px auto;}
.item9{display: inline-block; width:150px; height:auto; margin:0% 0px 0px 0px; text-align:center;  padding-bottom:0%;}
.item9 li:nth-child(1){ width:150px; display: block; height:170px;}
.item9 li:nth-child(1) img{height:150px; display: block; margin-top:14px; margin-left:auto; margin-right:auto;max-width:150px; padding:5px;}
.item9 li:nth-child(2){ width:150px;height:45px;font-size: 14px; font-weight:bold; color:#602e15; line-height:18px; vertical-align:middle;}
.item9 li:nth-child(3){color:#602e15; font-size:12px; margin-top:9px;font-weight:bold;height:auto; width:150px; padding-bottom:0%;}
.item9 li:nth-child(3) a{color:#602e15; font-size:12px; margin-top:0px;font-weight:bold;height:auto; width:150px;}
.item9 li:nth-child(3) span{color:#df2c09; font-size:16px; font-family:'Century Gothic'; font-weight:bold;}
.S9_more{ position: relative; float:right; padding:3px; bottom:-16px; right:5%}
.S9_more2{ position:relative;float:right; padding:3px; bottom:-16px; right:5%}
.S9_break{ display:none;}

/* --AD3 手機版 --*/
.index10{width:100%; min-width:320px;height:220px; display:block; position:relative; margin-top:0px;background:url(../images/S4bg.jpg) top center repeat;}
.index10_content{width:100%; min-width:320px;height:220px;display:block;line-height:0; margin:0 auto; position:relative;background:url(../images/S4bg.jpg) top center repeat;}
.AD3{background: url(../images/img/AD3_640.jpg) top center no-repeat; background-size:100%;width:90%; min-width:320px;}


/* bottom 手機版 --*/
.index11{width:100%; min-width:320px; height: 30px; display:block; position:relative; background:url(../images/S4bg.jpg) top center repeat; margin-top:0px;}
.index11_content{width:100%; height:30px;display:block;line-height:0; margin:0 auto; position:relative;}

/* footer 手機版 */
footer{ width:100%; position:relative; z-index:999; background:#b7d245;}

}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}

/*menu for mobile*/

menu{ display:none;}
	@media screen and ( max-width: 768px ){
		menu{
			display:inherit; -width:100%;
		}
		menu ul{
			position:fixed;
			bottom:0;
			left:0;
			margin:0;
			width:100%;
			display:flex; justify-content:center; text-align:center;
			flex-wrap: nowrap;
			background-color:#fff;
			z-index:998;
			padding:4.5px 0;
			border-top:4px solid #259b83;
		}
		menu ul li{
			border-right:1px solid #127b66;
			padding:0.5px 2%;
			min-width:30%;
			box-sizing:border-box;
			font-size:12px;
		}
		menu ul li:nth-last-child(1){ border-right:none;}
		menu a{
			color:#127b66;
			text-decoration: none;
		}
	}
/*--goto top--*/
#button {
  display: inline-block;
  background-color: #000;
  opacity:0.3;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 0px;
  right: 0px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;

}
@media screen and ( max-width: 768px ){
#button {
  bottom: 35px;
  right: 10px;}
}

#button::after {
  font-family: FontAwesome;
  content:'　';
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
    opacity:0.5;
	background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;
}
#button:hover {
  cursor: pointer;
  background-color: #666;
}
#button:active {
  background-color: #666;
}
#button.show {
  opacity: 0.4;
  visibility: visible;
}