@font-face {
  font-family: TrajanPro;
  src: url(images/TrajanPro.off);
  }
body{ 
    font-family:'\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;'; 
    font-size:12px; 
    line-height:150%; 
    margin:0 auto; 
    padding:0;

    }


#gotop { display: none; position: fixed; right: 20px; bottom: 20px; padding: 10px 15px; cursor: pointer;}
img{ border:0;
    }
#top-bar{
	text-align:center;
	 width:100%;
	 height:40px;
	 color:#FFF;
	 background:#282828;
	 position:fixed;
	 top:-65px;
	 filter:alpha(opacity=85);
	 -moz-opacity:0.85;
	 opacity: 0.85;
	 font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	 font-size:15px;
	 
	 /* CSS3 陰影*/
	-webkit-box-shadow: 0px 2px 5px #838383;
	-moz-box-shadow: 0px 2px 5px #838383;
	box-shadow: 0px 2px 5px #838383;
	z-index: 999;
	 
}
#top-bar a { text-decoration: none; color: #FFFFFF;}    　
#top-bar a:link {text-decoration: none; color: #FFFFFF; }　
#top-bar a:visited {color: #FFFFFF;}　
#top-bar a:hover{}　

#menu .logo{ float:left}
#menu{width:980px; margin:0 auto; line-height:50px; }
#menu .nav{ float:}
#menu .line{ 
color:#5a5a5a; margin:0 15px;
}
#block-bg1{
	background:url(images/block-bg_01.jpg) top center no-repeat;
	height: 500px;
	width: 100%;
	}
#block-bg2{
	background:url(images/block-bg_02.jpg) top center no-repeat;
	height:248px;	
	width: 100%;
	}
#block-bg3{
	background:url(images/block-bg_03.jpg) top center no-repeat;
	height:610px;
	width: 100%;
	background-color: #1a1c1a;
	
	}
#block-bg4{
	background:url("images/star-bg.jpg") top center no-repeat;
	overflow: hidden;
	width: 100%;	
	height: 1549px;	
	}
#block-bg4b{
	background:url("images/star-bg-2.png") top center no-repeat;
	overflow: hidden;
	width: 100%;	
	height: 100px;
	}
#block-bg5{
	
	background:url("images/wall.jpg") top center no-repeat;
	height:2100px;
	width: 100%;
	background-attachment: fixed;
	}
#block-bg5b{
	
	background:url("images/woman.png") bottom right no-repeat;
	
	}


#block-bg6{
	
background:url(images/block-bg_01.jpg) top center no-repeat;
	height: auto;
	}
a {
    text-decoration:none;
}
#intro{
	width:1200px; 
	margin:0 auto;
	padding:0 ;
	text-align:left;
	position: relative;
	}
.intro-pic{
	position: absolute;
	top:35px;
	left:88px;
	}
.gift{
	position: absolute;
	top:445px;
	right:66px;
	display: block;
	}
.intro-pic_m{
	display: none;
	}
#icon-all{
	width:1200px; 
	margin:0 auto;
	padding:0 ;
	text-align:left;
	position:relative;
	}
#icon-all img:hover {
  -webkit-transform: translate(2px,5px);
  -moz-transform:translate(2px,5px);
  -o-transform: translate(2px,5px);
  -webkit-transition:width 3s;
  -moz-transition:width 3s;
  -o-transition:width 3s; opacity: 0.5; 
}
.icon{
	position:absolute;
	top:20px;
	left:35px;
	}

#books-all{
	width:1110px; 
	margin:0 auto;
	background:url("images/man.png") bottom right no-repeat;
	overflow: hidden;
	padding: 0px;
	
}
.books-2{
	
	margin-top:3%!important;
	
}
.books-3{	
	margin-top:7%!important;
}
.books-4{	
	margin-top:12%!important;
}
.books{
	width: 43%;
	float: left;
	display: inline-block;
	margin: 0 2%;
	padding: 0 3% 0% 0!important;
	text-align: left !important;
	overflow: hidden;
	clear: none;		
}
.books img{
	width: auto;
}
.books ul{
	margin: 0px;
	padding: 0px;
	
}
.books li{
	background-color: rgba(255,255,255,0.7);
	width: 42%;
	list-style: none;
	margin: 0 0 0 2%;
	overflow: hidden;
	display: inline-block;
	float: left;
	padding: 3%;
	text-align: center;
}


 .books li:hover {
  transform: scale(1.05);
  box-shadow:5px 5px 3px rgba(0,0,0,0.5);
  background-color: rgba(255,255,255,1);
  -webkit-transition:width 3s;
  -moz-transition:width 3s;
  -o-transition:width 3s;
}
.books li img{
	width: 95%;
	height: auto;
}
.books li h1{
	width: 98%;
	margin: 0 auto;
	text-align: center;
	color: #000;
	font-weight:bold;
	font-family: 微軟正黑體;
	font-size: 17px;
	line-height: 27px;
	
}

.books li p{	
	width: 98%;
	margin: 0 auto;
	
	text-align: center;
	color: #333;
	font-weight:normal;
	font-family: 微軟正黑體;
	font-size: 16px;
	line-height: 30px;
}
.books li p span{	
	color: #eb6100;
	font-weight:bold;
	font-size: 28px;
}
#group{
	width:1110px; 
	margin:0 auto;
	padding: 110px 50px 50px 50px;
    text-align: center;
	}

.group-item{}
#group ul{
	
	overflow: hidden;
	margin:30px 0px 0px;
	text-align: left;
	padding: 0px;
	
	}
#group li{
	width: 295px;
	padding: 20px 20px 0px 20px;
	background-color: #fff;
	display: block;
	float: left;
    border-radius:15px;
	margin: 15px;
}
#group li img{
	width:100%;	
	height: auto;
	
}
#group li:hover {
  -webkit-transform: translate(2px,5px);
  -moz-transform:translate(2px,5px);
  -o-transform: translate(2px,5px);
  box-shadow:5px 5px 3px rgba(0,0,0,0.5);
  background-color: rgba(255,255,255,0.7);
  -webkit-transition:width 7s;
  -moz-transition:width 7s;
  -o-transition:width 7s; 
	border-radius:15px;
}

#group h1{
	background-color: #e4405f;
	padding: 12px 10px 10px;
	border-radius:10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: 微軟正黑體;
	font-size: 24px;	
}
#group h2{	
	padding: 0px 10px 0px;
	text-align:center;
	color: #000;
	font-weight:bold;
	font-family: 微軟正黑體;
	font-size: 17px;
	line-height: 27px;
}
#group p{	
	padding: 0px 20px 00px 10px;
	text-align:center;
	color: #666;
	font-weight:normal;
	font-family: 微軟正黑體;
	font-size: 16px;
	line-height: 35px;
}
#group p span{	
	color: #e4405f;
	font-weight:bold;
	font-size: 33px;
}
#new{
	width:1080px; 
	margin:0 auto 0 auto;
	position:relative;
	}

#new ul{
	padding-top:  160px;
	margin: 0px;
	
}
#new li{
	display: inline-block;
	margin-right:50px;	
}

#new li:last-child{
	margin-right:0px;	
}
#new-title{
	position:absolute;
	top:50px;
	left:270px;
}
#new li img{
 width: auto;
}
#new li img:hover {
  transform: scale(1.05);
  -webkit-transition:width 3s;
  -moz-transition:width 3s;
  -o-transition:width 3s;
}
.more{
	font-family:  微軟正黑體;
	font-size: 16px;
	margin-top: 10px;
	float: right;
	margin-right: 60px;
	font-weight: bold;
}
.more:link,.more:visited {

	color: #724595;
}
.more:hover {
	text-decoration: underline;	
	color: #724595;
}
#books{
	width:1200px; 
	margin:0 auto;
	text-align:center;
	}
#copyright{
	width:1200px; 
	margin:0 auto;
	padding: 5px 0;
	text-align: center;
	}
#copyright p{
	font-family: 	微軟正黑體;
	font-size: 16px;
	color: #fff;
}

@media screen and (max-width: 1049px) {
   #block-bg1,#block-bg2,#block-bg3,#block-bg4,#block-bg5,#block-bg6,#block-bg7 {
	width:100%; 
	margin:0 auto;
	background-position:top center; 
    background-repeat:no-repeat;
	overflow:hidden;
   }
.books-2 ,.books-3,.books-4{
	
	margin-top:0%!important;
	
}

 .books{
	width: 90% !important;	
	margin:0 auto;
	padding: 6% 3% 2% 3% !important;
}
.books img{
	width: 80%;
	margin: 0 auto !important;
}	
.books li{	
	background-color: rgba(255,255,255,0.8);
	width: 40%;
	margin: 0 0 0 4%;
	overflow: hidden;
	display: inline-block;
	float: left;
	padding: 3% ;
	text-align: center;
}
.books li img{
	width: 95%;
	height: auto;
}
.books li h1{
	width: 100%;
	margin: 0 auto;
	font-size: 35px;
	line-height: 50px;	
}	
.books li p{	
	width: 98%;
	margin: 0 auto;	
	text-align: center;
	font-size: 30px;
	line-height: 55px;
}
.books li p span{	
	font-size: 45px;
}
	#block-bg2,#block-bg4b{
		display: none;
	}
#block-bg3{
	background-color: #ffc7b0;
	height:auto;
	background-image: none;
	}	
#block-bg4{	
	background:url("images/star-bg.jpg") top center no-repeat;
	height:auto;
	background-size: cover;
	}

#block-bg5{	
	background:url("images/wall.jpg") top center no-repeat;
	height:auto;
	background-size: cover;
	}
	

#group{
	width:90%; 
	margin:0 auto;
	padding: 6% 3% !important;
    text-align: center;
	}
	#group img{
		width: 80%;
	}
.group-item{}
#group ul{
	
	overflow: hidden;
	margin:30px 0px 0px;
	text-align: left;
	padding: 0px;
	
	}
#group li{
	width: 40%;
	padding: 2% 3% 0% 3%;
	background-color: #fff;
	display: block;
	float: left;
    border-radius:15px;
	margin: 15px 25px 15px 10px;
}


#group h1{
	background-color: #e4405f;
	padding: 10px 10px 10px;
	border-radius:10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: 微軟正黑體;
	font-size: 42px;
	line-height: 55px;
}
#group h2{	
	padding: 0px 10px 0px;
	text-align:center;
	color: #000;
	font-weight:bold;
	font-family: 微軟正黑體;
	font-size: 36px;
	line-height: 50px;
		
}
#group p{	
	padding: 0px 0px 00px 0px;
	text-align:center;
	color: #666;
	font-weight:normal;
	font-family: 微軟正黑體;
	font-size: 30px;
	line-height: 55px;
}
#group p span{	
	color: #e4405f;
	font-weight:bold;
	font-size: 45px;
}	
#copyright{
	width:100% !important; 
	margin:0 auto;
	
}
#books-all{
		margin-bottom: 80px;
		width:100% !important; 
		padding: 0px;
		margin:60px 0 60px 0;
		
	}
#new{
	text-align: center;
	width:100%; 
	margin:0 auto;
	}
#new img{
	width: 70%;
	height: auto;
	margin:  70px auto 0  auto;
	}

#new ul{
	padding-top:  0px;
	margin: 0px;
	
}
#new li{
	display: inline-block;
	margin-right:100px;	
	margin-left: 0px;
	margin-top: 70px;
	width: 100%;
}

#new li:last-child{
	margin-right:0px;	
}
#new li img{
 width: 100%;
	margin: 0;
	padding: 0;
}
#new-title{
	position:static;
}
.more{height: 60px;
	font-size: 36px;
}
#copyright p{
	font-size: 30px;
}	
.gift{
	position: absolute;
	top:73% !important;
	right:15%;
	display: block;
	width: 30%;
	height: auto;
	}
.intro-pic{
	display: none;
	}
.intro-pic_m{
	display: block;
	width: 100%;
	height: auto;
	}
#block-bg1{
	background-image: none;
	height:auto;
	width: 100% !important;
	}
#intro{
	width:100%; 
	}
}