@charset "big5";

body{
	background: #363636 url(images/bg.jpg) center;
	font-family:"·L³n¥¿¶ÂÅé","Microsoft JhengHei",Verdana, Arial, Helvetica,sans-serif;
}

.main-content{
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 3px 2px 0px rgba(50, 50, 50, 0.5);
}

.menu{
	background: url(images/menu_s_bg.gif);
	position: relative;
}

.menu img.s0{
	position: absolute;
	top:-60px;
	left:20px;
}

.menu-1{
	display: block;
	width:144px;
	height:52px;
	background: url(images/menu_s1.gif) no-repeat;
	text-indent: -9999px;
	float: left;
	margin-left:155px;
}
.menu-1:hover{
	background-position: 0px -52px;
}

.menu-2{
	display: block;
	width:155px;
	height:52px;
	background: url(images/menu_s2.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
.menu-2:hover{
	background-position: 0px -52px;
}

.menu-3{
	display: block;
	width:224px;
	height:52px;
	background: url(images/menu_s3.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
.menu-3:hover{
	background-position: 0px -52px;
}

.menu-4{
	display: block;
	width:171px;
	height:52px;
	background: url(images/menu_s4.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
.menu-4:hover{
	background-position: 0px -52px;
}

.menu-5{
	display: block;
	width:149px;
	height:52px;
	background: url(images/menu_s5.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}
.menu-5:hover{
	background-position: 0px -52px;
}

.main{
	width:100%;
	height: 175px;
	background: url(images/index_main.jpg);
	position: relative;
}

.main img.book{
	position: absolute;
	right:10px;
	top:-150px;
}

.main .shop{
	position: absolute;
	right:130px;
	bottom:10px;
	font-size: 11pt;
	line-height: 1.7em;
}
.main .shop span.title{
	font-size: 1.2em;
	font-weight: bolder;
}
.main .shop span.sp{
	font-size: 1.2em;
	color:#ff0000;
}
.main .shop .btn{
	margin:8px 8px 0 0;
	vertical-align: text-bottom;
}

/********************/

.main-content{
	background: url(images/sub_bg.png);
}

.section{
	position: relative;
}

.section .book{
	position: absolute;
	right:40px;
	top:40px;
}
.section .shop{
	position: absolute;
	right:50px;
	top:360px;
	font-size: 11pt;
	line-height: 1.7em;
}
.section .shop span.title{
	font-size: 1.2em;
	font-weight: bolder;
}
.section .shop span.s1{
	font-size: 0.9em;
	line-height: 0.8em;
	color:#666666;
}
.section .shop span.sp{
	font-size: 1.2em;
	color:#ff0000;
}
.section .shop .btn{
	margin:8px 8px 0 0;
	vertical-align: text-bottom;
}

.section img.title{
	position: absolute;
	top:40px;
	left:0px;
}

.section .text{
	width:570px;
	margin: 120px 0 60px 80px;
	font-size: 12pt;
	line-height: 1.6em;
}

.text h4{
	font-size: 1.1em;
	font-weight: bolder;
	padding:0 0 2em 0;
	color:#100964;
}
.text h4.n1{
	padding:1em 0 1em 0;
}
.text h4.n1 span.name{
	font-size: 1.3em;
}

.text h5{
	font-weight: bolder;
	padding:2em 0 2em 0;
	line-height: 2em;
}

.text h5 span.name{
	font-size: 1.4em;
	padding:0 0 0 0.5em;
}

.text p{
	padding:0 0 1.5em 0;
	text-indent: 2em;
}

.text p.close{
	text-indent: 0em;
}

.text p.top{
	font-size: 0.9em;
	line-height: 3em;
	text-align: right;
}

/********************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/********/

.style1 {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}