@charset "utf-8";
/* CSS Document */

body {
	background-color: #e4e4e4;
	font-family:"Microsoft JhengHei";
}

#wrapper {
	 width:100%; min-width:980px; background-color:#fff;background-image:url(../img/upper_bg.jpg); background-position: top center; background-repeat:no-repeat;
}

.inner_wrap {
	 width:100%; min-width:980px; background-color:#fff;background-image:url(../img/inner_wrap_bg.jpg); background-position: top center; background-repeat:no-repeat;
}

#main {
	position:relative;
	width:980px;
	margin:0 auto;
}
/*------------ header cart ---------------*/

#main .cart_number {
	display:block;
	width:190px;
	height:30px;
	padding-left:35px;
	line-height:30px;
	position:absolute;
	left: 741px;
	top: 2px;
	font-family:"Microsoft JhengHei";
	font-size:12px;
	color:#333;
	background:url(../img/cart_number_bg.png) no-repeat;
}
#main .cart_number span.issue { color:#ff0000; margin-right:10px;}
#main .cart_number span.story { color:#003fff;}
/*------------ header links ---------------*/
#main .headerlinks {
	position:absolute;
	width:330px;
	height:20px;
	left: 649px;
	top: 40px;
}
#main .headerlinks li a {
	display:block;
	width:105px;
	height:40px;
	background:url(../img/header_link_bg.png) no-repeat;
	float:left;
	font-family: "Microsoft JhengHei";
	font-size: 15px;
	line-height: 40px;
	font-weight: lighter;
	color: #fff;
	text-decoration: none;
	text-align:center;
	margin:0 2px 0 2px;
}
#main .headerlinks li a:hover {
	text-decoration:underline;
}

#main .headerlinks li a.lightbg {
	background:url(../img/header_link_bg2.png) no-repeat;
}
#main .top {
	background:url(../img/n-menu-bg.png) no-repeat; height:475px; display:block;
}
#main .innertop {
	background:url(../img/n-menu-bg.png) no-repeat; height:205px; display:block;
}
/*------------ footer ---------------*/
#footer {
	background:url(../img/footer-bg.png) repeat-x;
	height:50px;
	max-height:200px
	width:100%;
	padding-top:60px;
}
#footer .content {
	position:relative;
	width:980px;
	height:auto;
	margin:0 auto;
	font-family: "Microsoft JhengHei";
	font-size: 13px;
	color: #333;
}
#footer .content .link a {
	position:absolute;
	display:block;
	width:80px;
	height:19px;
	font-family: "Microsoft JhengHei";
	font-size: 13px;
	font-weight: lighter;
	color: #7b6e65;
	line-height: 19px;
	text-decoration: none;
	text-align:left;
	border-right:#7b6e65 1px solid;
}
#footer .content .link a:hover {
}
#footer .content .link2 {
	position:absolute;
	display:block;
	width:19px;
	height:19px;
}

/*首頁*/
#main .content {
	background:url(../img/main-bg.jpg) repeat-y; padding:0 50px 0 50px; background-color:#FFF;
}
#main .index_level {
	display:block; width:840px; height:400px; background-color:#FFF; background:url(../img/line.png) bottom left no-repeat; padding:0px 60px; margin:0 auto;
}

#main .index_level ul li {
	display:block;
	width:165px;
	height:290px;
	float:left;
	margin-right:60px;
}
#main .index_level ul li .level_pic { display:block; width:140px; height:140px; padding:10px;}
#main .index_level ul li .level_pic img { width:140px; height:140px;border-radius:9999px;}
#main .index_level ul li .level_text { display:block; width:150px; height:115px; padding:10px 5px; text-align:center;}
#main .index_level ul li .level_text span { display:block; height:30px; font-size:21px;font-family: "Microsoft JhengHei";font-weight: lighter;}
#main .index_level ul li .level_text p { display:block; font-size:12px; color:#000;font-family: "Microsoft JhengHei"; line-height:1.5;}

#main .index_level ul li.level_preschool { background:url(../img/levelbox_bg1.jpg) no-repeat top left;}
#main .index_level ul li.level_beginner { background:url(../img/levelbox_bg2.jpg) no-repeat top left;}
#main .index_level ul li.level_elementary { background:url(../img/levelbox_bg3.jpg) no-repeat top left;}
#main .index_level ul li.level_intermediate { background:url(../img/levelbox_bg4.jpg) no-repeat top left; margin-right:0px;}
#main .index_level .level_more a { display:block; width:180px; height:50px; clear:both; margin:0 auto; background:url(../img/index_btn_more.jpg) no-repeat; text-indent:-9999px;}

#main .index_level ul li.level_preschool .level_text span { color:#ff7f00;}
#main .index_level ul li.level_beginner .level_text span { color:#259f28;}
#main .index_level ul li.level_elementary .level_text span { color:#b40001;}
#main .index_level ul li.level_intermediate .level_text span { color:#0f5fa4;}


#main .index_bottom {
	display:block; width:960px; height:270px;	padding:10px; background-color:#FFF;
}

#main .index_bottom .film_area { float:left; margin-right:10px;}
#main .index_bottom .ads_area { float:left; margin-right:10px;}
#main .index_bottom .fb_plugin { float:left; width:250px; height:270px;}


/*------------ 首頁繁簡轉換btn ---------------*/
.language {
	position:absolute;
	width:275px;
	height:55px;
	left: 0px;
	top: 381px;
}
.language .m1 {
	float:left;
	width:115px;
	height:55px;
}
.language .m2 a {
	float:right;
	width:100px;
	height:35px;
	background:url(../img/btnS-cht.png) no-repeat top;
}
.language .m2 a:hover {
	background:url(../img/btnS-cht.png) no-repeat 0px -1px;
}
.language .m3 a {
	float:right;
	width:100px;
	height:35px;
	background:url(../img/btnS-chs.png) no-repeat top;
}
.language .m3 a:hover {
	background:url(../img/btnS-chs.png) no-repeat 0px -1px;
}


/*------------ App 下載 ---------------*/
#main .appdownload {
	position: absolute;
	display: block;
	width: 420px;
	height: 50px;
	top: 385px;
	left: 448px;
	padding: 0 50px;
	background: url(../img/line.png) bottom left no-repeat;
}
#main .appdownload span {
	display:block;
	width:120px;
	height:35px;
	font-size:15px;
	line-height:35px;
	color:#000;
	font-family:"Microsoft JhengHei";
	float:left;
}


/*內頁*/
#main .page_title { display:block; width:auto; height:45px; margin-bottom:10px; position:relative;}
.page_title .breadcrumb {
	display:block;
	width:600px;
	height:25px;
	font-size:14px;
	line-height:25px;
	position:absolute;
	color:#333;
	text-align:right;
	padding-right:10px;
	right: 0px;
	top: 15px;
}
.page_title .breadcrumb a { text-decoration:none; color:#333;}
/*-- Registration --*/
.registration_box {position:relative; width:100%; height:433px; background:url(../img/registration_bg.jpg) no-repeat; margin:0 auto;}


/*-- Login --*/
.login_box {position:relative; width:100%; height:433px; background:url(../img/login_bg.jpg) no-repeat; margin:0 auto;}



/*payment_box*/
.payment_box { display:block; width:980px; height:300px;}




/*subscription_offer_box*/
.subscription_offer_box { display:block; width:980px; height:550px;}



/*reading_level_box*/
.reading_level_box { display:block; width:980px; height:300px;}

/*------------ new 0911 ---------------*/
.text-black30 {
	font-size:30px;
	font-family:"Microsoft JhengHei";
	color:#000;
}
.text-white24 {
	font-size:24px;
	font-family:"Microsoft JhengHei";
	color:#FFF;
	text-decoration:none;
}
.text-black15-2 {
	font-family: "Microsoft JhengHei";
	font-size: 15px;
	line-height: 20px;
	color: #000;
}
.text-brown15 {
	font-family: "Microsoft JhengHei";
	font-size: 15px;
	line-height: 20px;
	color: #49413b;
}
.btn-choose1 a {
	width:160px;
	height:55px;
	display:block;
	background:url(../img/btn-choose1.png) no-repeat top;
}
.btn-choose1 a:hover {
	background:url(../img/btn-choose1.png) no-repeat bottom;
}
.btn-choose2 a {
	width:160px;
	height:55px;
	display:block;
	background:url(../img/btn-choose2.png) no-repeat top;
}
.btn-choose2 a:hover {
	background:url(../img/btn-choose2.png) no-repeat bottom;
}
.btn-Register a {
	width:125px;
	height:37px;
	display:block;
	background:url(../img/btn-register.png) no-repeat top;
}
.btn-Register a:hover {
	background:url(../img/btn-register.png) no-repeat bottom;
}
.btn-NewRegistration a {
	width:217px;
	height:37px;
	display:block;
	background:url(../img/btn-newregistration.png) no-repeat top;
}
.btn-NewRegistration a:hover {
	background:url(../img/btn-newregistration.png) no-repeat bottom;
}
.btn-alreadyRegister a {
	width:217px;
	height:37px;
	display:block;
	background:url(../img/btn-alreadyregister.png) no-repeat top;
}
.btn-alreadyRegister a:hover {
	background:url(../img/btn-alreadyregister.png) no-repeat bottom;
}
.btn-Login a {
	width:125px;
	height:37px;
	display:block;
	background:url(../img/btn-Login.png) no-repeat top;
}
.btn-Login a:hover {
	background:url(../img/btn-Login.png) no-repeat bottom;
}
.text-blue14 {
	font-size:14px;
	font-family:"Microsoft JhengHei";
	color:#1f5f8b;
}
.btn-level-red a {
	width:280px;
	height:55px;
	padding-right:50px;
	display:block;
	background:url(../img/btn-level-red.gif) no-repeat top;
}
.btn-level-red a:hover {
	background:url(../img/btn-level-red.gif) no-repeat bottom;
}
.btn-level-blue a {
	width:280px;
	height:55px;
	padding-right:50px;
	display:block;
	background:url(../img/btn-level-blue.gif) no-repeat top;
}
.btn-level-blue a:hover {
	background:url(../img/btn-level-blue.gif) no-repeat bottom;
}

.btn-level-green a {
	width:280px;
	height:55px;
	padding-right:50px;
	display:block;
	background:url(../img/btn-level-green.gif) no-repeat top;
}
.btn-level-green a:hover {
	background:url(../img/btn-level-green.gif) no-repeat bottom;
}

.btn-level-orange a {
	width:280px;
	height:55px;
	padding-right:50px;
	display:block;
	background:url(../img/btn-level-orange.gif) no-repeat top;
}
.btn-level-orange a:hover {
	background:url(../img/btn-level-orange.gif) no-repeat bottom;
}

.btn-paypal a {
	width:150px;
	height:56px;
	display:block;
	background:url(../img/btn-paypal.gif) no-repeat top;
}
.btn-paypal a:hover {
	background:url(../img/btn-paypal.gif) no-repeat bottom;
}
.text-white24 {
	font-size:24px;
	font-family:"Microsoft JhengHei";
	color:#FFF;
	text-decoration:none;
}


/*mybooks_content*/
.mybooks_content { display:block; width:980px; height:auto;}
.shadow_line { display:block; width:980px; height:30px; background:url(../img/shadow_line.png) no-repeat; clear:both;}
.mybooks_area { display:block; width:803px; min-height:500px; margin:0 auto;}
.sub_title { display:block; width:auto; height:45px; margin-bottom:10px;}
ul.books_row { display:block; width:708px; height:263px; background:url(../img/bookshelf_s_bg.jpg) no-repeat; padding-left:95px; clear:both;}
ul.books_row li.single_book { display:block; width:116px; margin-right:39px; margin-bottom:30px; float:left;}
ul.books_row li.single_book ul li.bookcover img { display:block; width:116px; height:159px;}
ul.books_row li.single_book ul li.bookdate { display:block; width:116px; height:20px; line-height:20px; color:#a20c29; font-family:"Microsoft JhengHei"; font-weight:bold; font-size:13px; margin-top:35px; text-indent:5px; }
ul.books_row li.single_book ul li.bookname { display:block; width:116px; height:auto; line-height:28px; color:#000; font-family:"Microsoft JhengHei"; font-size:18px; font-weight:bold; text-indent:5px; }
ul.books_row li.single_book ul li.bookename { display:block; width:116px; height:auto; line-height:20px; color:#444;font-size:12px; text-indent:5px;}
ul.books_row li.single_book ul li.bookbuybtn { display:block; width:116px; height:27px; text-indent:5px; padding:10px 0;}

ul.books_row_pre { display:block; width:763px; height:263px; background:url(../img/bookshelf_s_bg.jpg) no-repeat; padding-left:40px; clear:both;}
ul.books_row_pre li.single_book { display:block; width:370px; height:250px;  margin-bottom:30px; float:left;}
ul.books_row_pre li.single_book ul li.bookcover { display:block; width:224px; height:159px; float:left;}
ul.books_row_pre li.single_book ul li.bookcover img { display:block; width:224px; height:159px;}
ul.books_row_pre li.single_book ul li.bookname {display:block; width:135px; height:28px; line-height:28px; color:#000; font-family:"Microsoft JhengHei"; font-size:18px; font-weight:bold; text-indent:10px; float:left; }
ul.books_row_pre li.single_book ul li.bookdate { display:block; width:135px; height:20px; line-height:20px; color:#a20c29; font-family:"Microsoft JhengHei"; font-weight:bold; font-size:13px; margin-top:10px; text-indent:10px; float:left;}
ul.books_row_pre li.single_book ul li.bookename { display:block; width:135px; height:20px; line-height:20px; color:#444;font-size:12px; text-indent:10px;float:left; font-family:"Microsoft JhengHei"; }
ul.books_row_pre li.single_book ul li.bookbuybtn { display:block; width:135px; height:27px; text-indent:10px; float:left;}

.PAGE { display:block;width:100%;margin:0 auto;padding:30px 0 60px 0; clear:both; text-align:center;  }
.PAGE ul {list-style-type:none;padding:0px 4px;text-align:center;height:14px; margin:auto;display:inline-block;}
.PAGE li { float:left; color:#CCC}
.PAGE li a { display:block; width:25px; height:25px; line-height:25px;text-decoration:none; color:#999;background:#FFF; margin:0 3px;}
.PAGE li a:hover { font-weight:bold; background:#eeeeee;}
.PAGE li a.onnav {  color:#fff;background:#000;}


/*Back Issue*/
.books_content { display:block; width:980px; height:auto; clear:both;}
.clear { display:block; clear:both;}
.howtobuy_area_r { display:block; width:177px; height:500px; float:left; background:url(../img/title_howtobuy.png) no-repeat; padding-top:40px;}
.howtobuy_area_r ul li a { display:block; width:157px; height:44px; background:url(../img/btn_howtobuy_r.png) left top no-repeat; line-height:35px; text-align:center;}
.howtobuy_area_r ul li a:hover { background-position:left bottom;}
.howtobuy_area_b { display:block; width:177px; height:500px; float:left; background:url(../img/title_howtobuy.png) no-repeat; padding-top:40px;}
.howtobuy_area_b ul li a { display:block; width:157px; height:44px; background:url(../img/btn_howtobuy_b.png) left top no-repeat; line-height:35px; text-align:center;}
.howtobuy_area_b ul li a:hover { background-position:left bottom;}
.howtobuy_area_g { display:block; width:177px; height:500px; float:left; background:url(../img/title_howtobuy.png) no-repeat; padding-top:40px;}
.howtobuy_area_g ul li a { display:block; width:157px; height:44px; background:url(../img/btn_howtobuy_g.png) left top no-repeat; line-height:35px; text-align:center;}
.howtobuy_area_g ul li a:hover { background-position:left bottom;}
.howtobuy_area_o { display:block; width:177px; height:500px; float:left; background:url(../img/title_howtobuy.png) no-repeat; padding-top:40px;}
.howtobuy_area_o ul li a { display:block; width:157px; height:44px; background:url(../img/btn_howtobuy_o.png) left top no-repeat; line-height:35px; text-align:center;}
.howtobuy_area_o ul li a:hover { background-position:left bottom;}


.books_area { display:block; width:803px; min-height:500px; float:right;}

.text-white15 {
	font-size:15px;
	font-family:"Microsoft JhengHei";
	color:#FFF;
	text-decoration:none;
}


/*overview*/

.freedownload { display:block; width:980px; height:auto;}
ul.books_row_b { display:block; width:900px; height:400px; background:url(../img/bookshelf_b_bg.jpg) no-repeat; padding-left:80px; clear:both;}
ul.books_row_b li.single_book { display:block; width:368px; height:278px; margin-right:60px; margin-bottom:30px; float:left;}
ul.books_row_b li.single_book ul li.bookcover { display:block; width:202px; height:278px; float:left;}
ul.books_row_b li.single_book ul li.bookcover img { display:block; width:202px; height:278px;}
ul.books_row_b li.single_book ul li.bookname { display:block; width:135px; height:auto; line-height:35px; color:#402000; font-family:"Microsoft JhengHei"; font-size:24px; font-weight:bold; padding-left:15px; margin-top:20px; float:left; }
ul.books_row_b li.single_book ul li.bookinfo { display:block; width:135px; height:60px; line-height:22px; color:#666666;font-size:12px; padding-left:15px; float:left; font-family:"Microsoft JhengHei";}
ul.books_row_b li.single_book ul li.bookbrief { display:block; width:135px; height:50px; line-height:20px; color:#333333; font-family:"Microsoft JhengHei"; font-size:13px; padding-left:15px;float:left; }
ul.books_row_b li.single_book ul li.bookbuybtn { display:block; width:150px; height:27px; text-indent:15px; float:left;}
.shadow_line_s { display:block; width:803px; height:30px; background:url(../img/shadow_line.png) no-repeat; clear:both;}
.btn_morebooks { display:block; width:228px; height:44px; margin:0 auto 10px auto; clear:both;}



/*booklist*/

.booklistPage { display:block; width:980px; height:auto;}
ul.books_list_b { display:block; width:900px; height:400px; background:url(../img/bookshelf_b_bg.jpg) no-repeat; padding-left:80px; clear:both;}
ul.books_list_b li.single_book { display:block; width:840px; height:278px; margin-right:60px; margin-bottom:30px; float:left;}
ul.books_list_b li.single_book ul li.bookcover { display:block; width:202px; height:278px; float:left;}
ul.books_list_b li.single_book ul li.bookcover img { display:block; width:202px; height:278px;}
ul.books_list_b li.single_book ul li.bookname { display:block; width:600px; height:35px; line-height:35px; color:#402000; font-family:"Microsoft JhengHei"; font-size:24px; font-weight:bold; margin-top:20px; padding-left:20px; float:left; }
ul.books_list_b li.single_book ul li.bookname span { margin-left:30px;}
ul.books_list_b li.single_book ul li.bookename { display:block; width:600px; height:33px; line-height:20px; color:#b20000;font-size:12px;float:left; font-family:"Microsoft JhengHei";  padding-left:20px;}
ul.books_list_b li.single_book ul li.bookbrief { display:block; width:600px; height:auto; line-height:20px; color:#333333; font-family:"Microsoft JhengHei"; font-size:13px; padding-left:20px; padding-bottom:20px;float:left; }
ul.books_list_b li.single_book ul li.bookbuybtn { display:block; width:600px; height:44px; padding-left:20px; float:left;}
ul.books_list_b li.single_book ul li.bookbuybtn span.bookprice {  display:block;font-size:24px; color:#d90000; font-family:"Microsoft JhengHei"; line-height:44px; float:left;}
.btn_buyIssue a { display:block; width:180px; height:44px; margin-left:10px; float:left; text-indent:-9999px; background:url(../img/btn_buyissue.png) left top no-repeat;}
.btn_buyStory a { display:block; width:180px; height:44px; margin-left:10px;  float:left; text-indent:-9999px; background:url(../img/btn_buystory.png) left top no-repeat;}
.btn_subscribe a { display:block; width:157px; height:44px; margin:0 auto 10px auto;  float:left; text-indent:-9999px; background:url(../img/btn_subscribe.png) left top no-repeat;}
.btn_buyIssue a:hover { background-position:left bottom;}
.btn_buyStory a:hover { background-position:left bottom;}
.btn_subscribe a:hover { background-position:left bottom;}

ul.books_list_s { display:block; width:900px; height:346px; background:url(../img/bookshelf_list_bg.jpg) no-repeat; padding-left:80px; clear:both;}
ul.books_list_s li.single_book { display:block; width:420px; height:220px;  margin-bottom:15px; float:left;}
ul.books_list_s li.single_book ul li.bookcover{ display:block; width:116px; height:159px;float:left;}
ul.books_list_s li.single_book ul li.bookcover img{ display:block; width:116px; height:159px;}
ul.books_list_s li.single_book ul li.bookname {display:block; width:280px; height:28px; line-height:28px; color:#000; font-family:"Microsoft JhengHei"; font-size:18px; font-weight:bold; margin-top:20px;   padding-left:20px;float:left; }
ul.books_list_s li.single_book ul li.bookename { display:block; width:280px; height:20px; line-height:20px; color:#444;font-size:12px;  padding-left:20px;float:left; font-family:"Microsoft JhengHei"; }
ul.books_list_s li.single_book ul li.bookbrief { display:block; width:280px; height:auto; line-height:20px; color:#333333; font-family:"Microsoft JhengHei"; font-size:13px;  padding-left:20px; padding-bottom:10px; padding-top:5px;float:left; }
ul.books_list_s li.single_book ul li.bookprice {  display:block; width:280px;font-size:18px; color:#d90000; font-family:"Microsoft JhengHei"; line-height:30px;  padding-left:20px;  float:left;}
ul.books_list_s li.single_book ul li.bookbuybtn { display:block; width:280px; height:44px;  padding-left:10px; float:left;}



ul.books_list_s2 { display:block; width:945px; height:346px; background:url(../img/bookshelf_list_bg2.png) no-repeat; padding-left:35px; clear:both;}
ul.books_list_s2 li.single_book { display:block; width:470px; height:159px;  margin-bottom:15px; float:left;}
ul.books_list_s2 li.single_book ul li.bookcover{ display:block; width:116px; height:159px;float:left;}
ul.books_list_s2 li.single_book ul li.bookcover img{ display:block; width:116px; height:159px;}
ul.books_list_s2 li.single_book ul li.bookname {display:block; width:280px; height:28px; line-height:28px; color:#000; font-family:"Microsoft JhengHei"; font-size:18px; font-weight:bold; margin-top:40px;   padding-left:20px;float:left; }
ul.books_list_s2 li.single_book ul li.bookename { display:block; width:280px; height:20px; line-height:20px; color:#444;font-size:12px;  padding-left:20px;float:left; font-family:"Microsoft JhengHei"; }
ul.books_list_s2 li.single_book ul li.bookbrief { display:block; width:280px; height:auto; line-height:20px; color:#333333; font-family:"Microsoft JhengHei"; font-size:13px;  padding-left:20px; padding-bottom:10px; padding-top:5px;float:left; }
ul.books_list_s2 li.single_book ul li.bookprice {  display:block; width:280px;font-size:18px; color:#d90000; font-family:"Microsoft JhengHei"; line-height:30px;  padding-left:20px;  float:left;}
ul.books_list_s2 li.single_book ul li.bookbuybtn { display:block; width:280px; height:44px;  padding-left:10px; float:left;}





/*single story list*/
.singleStory_content { display:block; width:980px; height:auto; position:relative;}
.singleStory_nav { display:block; width:915px; height:170px; padding-left:65px; background:url(../img/line.png) left bottom repeat-x;}
.singleStory_nav ul li { display:block; width:134px; height:138px; margin-right:90px; float:left;}
.singleStory_nav ul li a { display:block; width:134px; height:138px; text-indent:-9999px;}
.singleStory_nav ul li.singleStory_preschool a { background:url(../img/listbox_preschool.jpg) left bottom no-repeat;}
.singleStory_nav ul li.singleStory_beginner a { background:url(../img/listbox_beginner.jpg) left bottom no-repeat;}
.singleStory_nav ul li.singleStory_elementary a { background:url(../img/listbox_elementary.jpg) left bottom no-repeat;}
.singleStory_nav ul li.singleStory_intermediate a { background:url(../img/listbox_intermediate.jpg) left bottom no-repeat;}
.singleStory_nav ul li a:hover { background-position:left top;}
.singleStory_nav ul li a.onnav { background-position:left top;}



.singleStory_type { display:block; width:915px; height:70px; padding-left:65px; padding-top:20px; background:url(../img/storyType_bg.jpg) left bottom no-repeat;}
.singleStory_type ul li { display:block; width:240px; height:54px;float:left;}
.singleStory_type ul li a { display:block; width:240px; height:54px; line-height:40px; text-align:center; color: #FFF; text-decoration:none; background:url(../img/btn_storyType.png) left bottom no-repeat;}
.singleStory_type ul li a:hover { background-position:left top;}
.singleStory_type ul li a.onnav { background-position:left top;}




/*singleStory_list*/
.singleStory_list { display:block; width:980px; height:600px; background:url(../img/story_list_bg.png);}
.singleStory_list_column { display:block; width:139px; height:600px; background:url(../img/line2.png) right 30px no-repeat; float:left; margin-right:1px;}
.singleStory_list_column li { display:block; width:139px; background:url(../img/story_listLi_bg.png) no-repeat; position:relative;}
.singleStory_list_column li a { display:block; width:139px; height:77px; }
.singleStory_list_column li.singleStory_list_title { display:block; width:139px; height:39px; background:url(../img/story_listTitle_bg.png) repeat-x; color:#FFF; text-align:center; line-height:39px; font-family:"Microsoft JhengHei"; font-size:14px;}
.singleStory_list_column li.singleStory_list_more { display:block; width:139px; height:60px; background:none;}
.singleStory_list_column li .singleStory_list_cart { display:block; width:15px; height:15px; position:absolute; left:10px; top:13px;}
.singleStory_list_column li .singleStory_list_name { display:block; width:110px; height:15px; line-height:15px; font-size:12px; position:absolute; left:29px; top:13px; color:#000;  }
.singleStory_list_column li .singleStory_list_ename { display:block; width:125px; height:15px; line-height:15px; font-size:11px; color:#663300; position:absolute; left:10px; top:35px; }
.singleStory_list_column li .singleStory_list_price { display:block; width:125px; height:15px; line-height:15px; font-size:12px; color:#d90000; position:absolute; left:10px; top:55px; }

.singleStory_list_pop {
	display:none;
	width:186px;
	height:130px;
	padding:26px 14px 0 33px;
	position:absolute;
	background:url(../img/story_listPop_bg.png) no-repeat;
	left: 121px;
	top: -9px;
	z-index:9990;
}

.singleStory_list_pop p { display:block; color:#c6c6c6; font-family:"Microsoft JhengHei"; font-size:13px; font-weight:normal; line-height:1.3; margin-bottom:20px;}
span.singleStory_list_level { display:block; width:75px; height:17px; padding-left:35px; background:url(../img/story_listPop_level.png) left top no-repeat; float:left;}
span.singleStory_list_level img { margin-left:3px;}
div.singleStory_list_pop a { display:block; width:75px; height:17px; color:#f8e499; font-family:"Microsoft JhengHei"; font-size:13px; font-weight:normal; float:left;}


.singleStory_list_div {
	display:none;
	width:129px;
	padding-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.singleStory_list_div p { display:block; font-family:"Microsoft JhengHei"; font-size:13px; font-weight:normal; line-height:1.3; margin-bottom:20px;}
div.singleStory_list_level { display:block; width:129px; height:25px; float:left;}
div.singleStory_list_level img { margin-right:3px;}
div.singleStory_list_div a { display:block; width:75px; height:17px; color:#A58667; font-family:"Microsoft JhengHei"; font-size:13px; font-weight:normal; float:left;}
div.singleStory_list_div_bottom_line {
	display: inline-block;
	background: transparent  url(../img/story_listLi_bg.png) -5px -74px no-repeat;
	width: 129px;
	height: 5px;
}




#singleStory_list_more { display:block; width:980px; height:600px; background:url(../img/story_list_bg.png); overflow:hidden;}
#singleStory_list_more .singleStory_list_column { display:block; width:139px; height:480px;float:left; margin-right:1px; background:none;}
#singleStory_list_more .singleStory_listmore_title { display:block; width:980px; height:39px; background:url(../img/story_listTitle_bg.png) repeat-x; color:#FFF; text-align:center; line-height:39px; font-family:"Microsoft JhengHei"; font-size:14px;}

.PAGE2 { display:block;width:260px;margin:0 auto;padding:30px 0 30px 0; clear:both;  }
.PAGE2 ul {list-style-type:none;padding:0px 4px;text-align:center;height:14px;}
.PAGE2 li { float:left; color:#CCC}
.PAGE2 li a { display:block; width:25px; height:25px; line-height:25px;text-decoration:none; color:#999;margin:0 3px;}
.PAGE2 li a:hover { font-weight:bold; background:#fff;}
.PAGE2 li a.onnav {  color:#fff;background:#000;}


/*elementary page / intermediate_page */
.page_content { display:block; width:980px; height:auto; clear:both;}
.line { display:block; width:980px; height:1px; background:url(../img/line.png) left top repeat-x;}
.page_info { display:block; width:980px; height:60px; padding-top:10px;}
.page_info .bookname{ display:block; width:650px; height:60px; font-size:24px; font-family:"Microsoft JhengHei"; color:#402000; float:left; font-weight:bold;}
.page_info .bookname span.bookename {  display:block;font-size:15px;font-family:"Microsoft JhengHei"; color:#5f5c47; margin-top:10px;}
.page_info .reading_period{ display:block; width:330px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666; float:left;}
.page_info .adapter{ display:block; width:330px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666; float:left; position:relative; cursor:pointer;}
.page_info .illustrator{ display:block; width:330px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666; float:left; position:relative;cursor:pointer;}

.page_info_pop {
	display:none;
	width:224px;
	height:80px;
	padding:21px 27px 34px 19px;
	position:absolute;
	background:url(../img/page_infoPop_bg.png) no-repeat;
	left: 4px;
	top: -127px;
	z-index:9990;
	color:#333;
	font-family:"Microsoft JhengHei";
	font-size:13px;
	font-weight:normal;
	line-height:1.3;
	overflow:hidden;
}



.page_cover { display:block; width:360px; height:220px; padding:75px 310px 75px 310px; background:url(../img/page_cover01_bg.jpg) no-repeat;}
.page_cover .page_cover_title { display:block; width:26px; height:200px; padding:20px 102px 0 72px; font-size:26px; font-family:"Microsoft JhengHei"; font-weight:bold; float:left;}
.page_cover .page_cover_pic { display:block; width:160px; height:220px; float:right;}
.page_cover .page_cover_pic img {width:160px; height:220px;}

.page_control { display:block; width:940px; height:90px; padding:0 20px; background:url(../img/page_control01_bg.jpg) no-repeat; position:relative;}
.page_control .control_btns { display:block; width:600px; height:85px; float:left; padding-top:5px;}
.page_control .control_btns ul li { display:block; width:80px; height:80px; float:left; margin-left:10px; }
.page_control .control_btns ul li a { display:block; width:80px; height:80px; line-height:80px; color:#FFF; text-decoration: none; text-align:center; font-family:"Microsoft JhengHei"; font-size:14px;background:url(../img/btn_page_control.png) left top no-repeat; font-weight:bold;}
.page_control .control_btns ul li a:hover {color:#333333; background-position:left bottom;}
.page_control .control_btns ul li a.onnav {color:#d1cac5; background-position:left center;}

.control_btns_2 { display:block; width:500px; height:65px; float:right;}
.control_btns_2 ul li { display:block; width:60px; height:60px; float:left; margin-left:10px; }
.control_btns_2 ul li a { display:block; width:60px; height:60px; line-height:60px; color:#FFF; text-decoration: none; text-align:center; font-family:"Microsoft JhengHei"; font-size:14px;background:url(../img/btn_page_control_2.png) left top no-repeat; font-weight:bold;}
.control_btns_2 ul li a:hover {color:#333333; background-position:left bottom;}
.control_btns_2 ul li a.onnav {color:#d1cac5; background-position:left center;}

.page_control .mp3 {
	position:absolute;
	z-index:5;
	width:270px;
	height:20px;
	top:48px;
	right:20px;
	text-align:right;
	font-family: "Microsoft JhengHei";
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
.page_control .mp3 .download a {
	width:25px;
	height:25px;
	display:block;
	float:right;
	margin-left:5px;
	background:url(../img/btn-mp3download.gif) no-repeat top;
}
.page_control .mp3 .download a:hover {
	background:url(../img/btn-mp3download.gif) no-repeat bottom;
}
.page_control .print {
	position:absolute;
	z-index:5;
	width:190px;
	height:20px;
	top: 15px;
	right:20px;
}
.page_control .print .btn a {
	width:65px;
	height:20px;
	display:block;
	float:right;
	margin-left:5px;
	background:url(../img/btn-print.gif) no-repeat top;
}
.page_control .print .btn a:hover {
	background:url(../img/btn-print.gif) no-repeat bottom;
}

.mp3 .print {
	width:190px;
	height:20px;
}
.mp3 .print .btn a {
	width:65px;
	height:20px;
	display:block;
	float:right;
	margin-left:5px;
	background:url(../img/btn-print.gif) no-repeat top;
}
.mp3 .print .btn a:hover {
	background:url(../img/btn-print.gif) no-repeat bottom;
}


.page_paragraph { display:block; width:700px; height:auto; padding:85px 120px 0 160px; background:url(../img/page_paragraph_bg.png) left top no-repeat;}
.page_paragraph .section { display:block; width:100%; height:auto; margin-bottom:50px; font-size:16px; line-height:27px; color:#666;}
.page_paragraph .section a { color:#cc0000; text-decoration:none;}
.page_paragraph .section span { color:#666666; font-size:18px; font-family:"Microsoft JhengHei";}

.quizarea { display:block; width:980px; height:80px; background:url(../img/page_paragraph_btn_bg.png) no-repeat; padding-top:40px;}
.quizarea_btn a { display:block; width:263px; height:54px; background:url(../img/btn_quiz.png) left top no-repeat; margin:0 auto; text-indent:-9999px;}
.quizarea_btn a:hover { background-position:left bottom;}


.comments_area { display:block; width:980px; height:auto; min-height:300px; padding-top:75px; background:url(../img/page_comment_bg.png) left top no-repeat; padding-bottom:30px;}
.comments_area_left { display:block; width:425px; height:100%; padding-left:25px; float:left;}
.comments_area_left textarea {width: 415px; height: 165px;resize:none;}
.comments_area_left .btn_send a {display:block;width:100px;	height:30px;margin:10px auto 0 auto;background:url(../img/btn-post.gif) no-repeat top;}
.comments_area_left .btn_send a:hover {	background:url(../img/btn-post.gif) no-repeat bottom;}

.comments_area_right { display:block; width:490px; height:100%; float:right; padding:0 20px;}
.comments_area_right .comments_item { display:block; width:490px; height:auto; clear:both; border-bottom:#CCC 1px solid; margin-top:20px;}
.comments_area_right .comments_item .item_left { display:block; width:50px; height:100%; padding-right:20px; float:left;}
.comments_area_right .comments_item .item_left img {border-radius:25px;width:50px; height:50px;}
.comments_area_right .comments_item .item_right { display:block; width:420px; height:100%; float:right;}
.comments_area_right .comments_item .item_right .member_name { font-size:13px; font-family:"Microsoft JhengHei";}
.comments_area_right .comments_item .item_right .log_time { padding-left:10px; font-size:13px; font-family:"Microsoft JhengHei";}
.comments_area_right .comments_item .item_right .member_comments { display:block; font-size:13px; padding-top:20px; font-family:"Microsoft JhengHei"; padding-bottom:10px;}
.comments_area_right .reply_item { display:block; width:420px; margin-left:60px; padding-left:10px; height:auto; clear:both; border-bottom:#CCC 1px dashed; background-color:#fcfcfc; }
.comments_area_right .reply_item .reply_titles { display:block; width:420px; height:30px; padding-top:10px; font-size:16px; font-style:italic; color:#666;}
.comments_area_right .reply_item .reply_messages { display:block; font-size:13px; font-family:"Microsoft JhengHei"; padding-bottom:10px; color:#666;}




/*beginner_page*/

.beginner_content { display:block; width:980px; height:auto; clear:both;}

.beginner_content .bookcover { display:block; width:202px; height:278px; float:left; margin-left:40px; margin-top:30px;}
.beginner_content .bookcover img { display:block; width:202px; height:278px;}

.beginner_content .page_info { display:block; width:720px; height:180px; padding-top:10px; float:right; margin-top:30px;}
.beginner_content .page_info .bookname{ display:block; width:650px; height:60px; font-size:24px; font-family:"Microsoft JhengHei"; color:#402000; font-weight:bold;}
.beginner_content .page_info .bookname span.bookename {  display:block;font-size:15px;font-family:"Microsoft JhengHei"; color:#5f5c47; margin-top:10px;}
.beginner_content .page_info .reading_period{ display:block; width:650px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666;}
.beginner_content .page_info .adapter{ display:block; width:650px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666; position:relative; cursor:pointer;}
.beginner_content .page_info .illustrator{ display:block; width:650px; height:20px; font-size:13px; font-family:"Microsoft JhengHei"; color:#666666; position:relative;cursor:pointer;}

.beginner_content .page_control { display:block; width:680px; height:90px; padding:0 20px; background:url(../img/page_control01_bg.jpg) no-repeat; position:relative; float:right;}
.beginner_quizarea { display:block; width:980px; height:80px; padding-top:20px; background:url(../img/line.png) top no-repeat; margin-top:30px;}
.beginner_quizarea_btn a { display:block; width:263px; height:54px; background:url(../img/btn_playgame.png) left top no-repeat; margin:0 auto; text-indent:-9999px;}
.beginner_quizarea_btn a:hover { background-position:left bottom;}

.beginner_paragraph { display:block; width:840px; height:auto; margin:0 auto;}
.beginner_paragraph .section_picleft { display:block; width:840px; height:auto; padding-top:100px; clear:both;}
.beginner_paragraph .section_picleft .paragraph_text { display:block; width:500px; height:auto; float:right; font-size:16px; line-height:24px;}
.beginner_paragraph .section_picleft .paragraph_text a { color:#cc0000; text-decoration:none;}
.beginner_paragraph .section_picleft .paragraph_text span { color:#666666; font-size:16px; font-family:"Microsoft JhengHei";}
.beginner_paragraph .section_picleft img { display:block; width:300px; height:200px; background:url(../img/beginner_pic_bg.png) no-repeat; padding:8px 8px 14px 7px; float:left;}
.beginner_paragraph .section_picright { display:block; width:840px; height:auto; clear:both; padding-top:100px;}
.beginner_paragraph .section_picright .paragraph_text { display:block; width:500px; height:auto; float:left; font-size:16px; line-height:24px;}
.beginner_paragraph .section_picright .paragraph_text a { color:#cc0000; text-decoration:none;}
.beginner_paragraph .section_picright .paragraph_text span { color:#666666; font-size:16px; font-family:"Microsoft JhengHei";}
.beginner_paragraph .section_picright img { display:block; width:300px; height:200px; background:url(../img/beginner_pic_bg.png) no-repeat; padding:8px 8px 14px 7px; float:right;}
.beginner_paragraph .section_nopic { display:block; width:840px; height:auto; clear:both; padding-top:100px;}
.beginner_paragraph .section_nopic .paragraph_text { display:block; width:750px; height:auto; margin:0 auto; text-align:center; font-size:16px; line-height:24px;}
.beginner_paragraph .section_nopic .paragraph_text a { color:#cc0000; text-decoration:none;}
.beginner_paragraph .section_nopic .paragraph_text span { color:#666666; font-size:16px; font-family:"Microsoft JhengHei";}


/*preschool*/

.preschool_content { display:block; width:980px; height:auto; clear:both;}
.preschool_cover { display:block; width:980px; height:460px;margin:0 auto;}

.cover_slide { display:block; width:980px; height:460px; float:left;position: relative; }
.cover_slide .slide {
	overflow: hidden;
	position: relative;

	left: 0px;
	width:980px;
	height: 460px;
}

.cover_slide .prev {
	position: absolute;
	top: 200px;
	display: block;
	width: 35px;
	height: 68px;
	text-indent: -9999px;
	left: 0;
	background: url("../img/btn_left.png") no-repeat;
	z-index:9999;
}
.cover_slide .next {
	position: absolute;
	top: 200px;
	display: block;
	width: 35px;
	height: 68px;
	text-indent: -9999px;
	left: 945px;
	background: url("../img/btn_right.png") no-repeat;
	z-index:9999;
}

.slide ul { position:absolute;width:9990px;height:100%;}
.slide ul li { display:block; float:left; width:980px; height:460px; text-align:center; position:relative;}
.slide ul li span { display:block; width:940px; height:auto; padding:20px; background-color:#000; color:#FFF; position:absolute; left:0; bottom:0; font-size:16px; text-align:left;}
.slide ul li span a { color:#cc0000; text-decoration:none;}
.slide ul li .zoom a { display:block; width:31px; height:35px; right:10px; top:10px; position:absolute; z-index:9999;}
.slide ul li .zoom a img {width:31px; height:35px;}

.preschool_quizarea_btn a { display:block; width:263px; height:54px; background:url(../img/btn_playgame.png) left top no-repeat;text-indent:-9999px; position:absolute; top:20px; right:0;}
.preschool_quizarea_btn a:hover { background-position:left bottom;}


.preschool_content .page_control .control_btns { display:block; width:500px; height:85px; float:left; padding-top:5px;}
.preschool_content .page_control .mp3 {
	position:absolute;
	z-index:5;
	width:270px;
	height:20px;
	top:48px;
	right:300px;
	text-align:right;
	font-family: "Microsoft JhengHei";
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
.preschool_content .page_control .print {
	position:absolute;
	z-index:5;
	width:190px;
	height:20px;
	top: 15px;
	right:300px;
}


/*about us*/
#main .content2 {
}
#main .content2 .pagebg {
	display:block;
}
#main .content2 .sbanner {
	display:block;
	width:942px;
	height:50px;
	padding:0 5px 0px 5px;
	font-family: "Microsoft JhengHei";
	font-size: 24px;
	line-height: 50px;
	font-weight: lighter;
	color: #FFF;
}

#main .content2 .bookshelf1 {
	display:block; width:560px; height:250px; margin:15px 0 0 45px;
}

#main .content2 .bookshelf2 {
	display:block; width:862px; height:350px; margin:15px 0 0px 45px; background:url(img/BookShelf-3.gif) no-repeat 0 190px;
}
#main .content2 .bookshelf2-2 {
	display:block; width:862px; height:370px; margin:15px 0 0px 45px; background:url(img/BookShelf-3.gif) no-repeat 0 190px;
}
#main .content2 .bookshelf3 {
	display:block; width:862px; height:290px; margin:0px 0 0px 45px; background:url(img/BookShelf-2.png) no-repeat 0 145px;
}
#main .content2 .bookshelf4 {
	display:block; width:862px; height:310px; margin:15px 0 0px 45px; background:url(img/BookShelf-3.gif) no-repeat 0 145px;
}
.text-black16v2 {
	font-family: "Microsoft JhengHei";
	font-size: 16px;
	line-height: 28px;
	color: #000;
}
.aboutus-tit {
	width:659px;
	height:56px;
	display:block;
	margin:40px 0 10px 0;
}

/*------------ new 0927 for News by gavin ---------------*/
.news_main{ width:900px; height:auto; display:block;}
.news_main div{ height:auto; display:table;}
.news_left{ width:640px; float:left;}
.news_left .font01{ font-size:24px; font-weight:700; line-height:30px;}
.news_left .font03{width:600px;color:#333; }
.news_left .share_button{width:200px; height:25px; line-height:25px;}
.news_left .share_button div{ float:left; margin-right:7px;}

.news_right{ width:200px; float:right;border:1px #CCC solid; font-size:14px; color:#333;}
.news_right .list{ width:180px; height:auto; display:table; margin:10px;}
.news_right .list ul{ list-style-type:none; margin-top:15px;}
.news_right .list ul li{ width:160px; height:auto; display:table; margin-bottom:5px;}
.news_right .list ul li div.left{ float:left; width:60px;}
.news_right .list ul li div.right{ float:left; width:100px; line-height:20px;}

.news_right a.listlink{color:#F93;font-weight:700;}
.news_right .books_image{ border:1px solid #CCC; padding:2px;}

.news-dot {
	position:absolute;
	z-index:50;
	width:27px;
	height:19px;
	background:url(../n_images/news-dot.png) no-repeat;
	font-family:"Microsoft JhengHei";
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:19px;
	color:#FFF;
}