@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;
    }
#adventure{
	text-align: center;
	overflow: hidden;
}
#study{
	text-align: center;
	overflow: hidden;
}
#study_title{
    margin: 75px  0px 90px 355px;
	float: left;
	width: 100%;
	text-align: left;
	display: inline-block;
	}
.book{
	margin: 0 0px 60px 0px;
	text-align: left;
	display: inline-block;
	overflow: hidden;
	width:33%;
}
.book img{	
	width: 100%;
}
.books_all1{	
	text-align: left;
	width: auto;
	height: auto;	
	display: block;
	overflow: hidden;
}
.books_all{	
	text-align: left;
	width: auto;
	height: auto;	
	display: block;
	overflow: hidden;
}
#city-book_all{
	position: relative;	
	margin: 0 auto;
	text-align: left;
}
#city-book1 , #city-book2, #city-book3{
	position: absolute;
}
#city-book1{
	top:385px;
	left:85px;
}
#city-book2{
	top:330px;
	left:460px;
}
#city-book3{
	top:380px;
	left:870px;
}
#city-book4{
		display: none;
	}	
#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;
}
.intro_07-m, #copyright-moble{
	display: none;
}
#block-bg1{
	background:url(images/intro_01.jpg) top center no-repeat;
	height:916px;
	}
#block-bg2{
	background:url(images/intro_02.jpg) top center no-repeat;
	height:1156px;	
	}
#block-bg3{
	background:url(images/intro_03.jpg) top center no-repeat fixed;
	height: auto;
	overflow: hidden
	}
#block-bg4{
	background:url(images/intro_04-bg.jpg) top center no-repeat;
	height: auto;
	overflow: hidden;
	padding: 100px 0 50px 100px;	
	}
#block-bg5{
    background:url(images/intro_05-bg.jpg) top center no-repeat fixed;
	height: auto;
	overflow: hidden
	}
#block-bg6{
	background:url(images/intro_04-bg.jpg) top center no-repeat;
    height: auto;
	overflow: hidden;
	padding: 100px 100px 50px 100px;
	}
#block-bg7{
	background:url(images/intro_07.jpg) top center no-repeat;
	height: 1278px;
	overflow:hidden;
	}
#block-bg8{
	background-color: #9b6f16;
	}
#intro, #intro_07{
	width:1280px; 
	margin:0 auto;
	padding:0 ;
	position: relative;
	text-align: left;
	}
#intro_07-main{	
	padding:0 ;text-align: left;
	position:absolute;
	top: 180px;
	left:70px;
	display: block;
	}
#intro-left{	
	padding:0 ;
	float: left;
	margin: 155px 0 0 238px;
	}
#intro-right{	
	padding:0 ;
	float: right;
	margin: 95px 50px 0 0px;
	}
#city{
	width:1280px; 
	margin:0 auto;	
	text-align:center;
     }
.books{
	margin:0 auto;	
	text-align:center;
	width: auto;
	width: 1200px; 
     }
#city_title{	
	margin: 130px  0px 0 185px;
	float: left;
	display: block;
	}
#adventure_title{
    margin: 10px  0px 10px 180px;
	float: left;
	width: 100%;
	text-align: left;
	height: auto;
	display: inline-block;
	}
#copyright{
	text-align: center;
	font-family: 微軟正黑體;
	font-size: 14px;
	color: #ffffff;
	padding:10px;
	margin:0 auto;
	}
#apDiv1 {
	position:absolute;
	width:129px;
	height:232px;
	z-index:1;
	right:9px;

	margin-top:34px;

    }

@media screen and (max-width: 1200px) {
   #block-bg2,#block-bg4,#block-bg6,#block-bg8 {
	margin:0 auto;
	background-position:top right; 
    background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
    width: 100% !important;
		 height: auto !important;
		 padding: 0px !important; 		
		 
   }
	#block-bg1{
	background:url(images/intro_01-m_bg.jpg) top center no-repeat fixed !important;
		overflow:hidden;
		 width: auto !important;
		 height:  120% !important;
		 padding: 0px 0px  00px 0px !important; 	
		background-color: #ebdbb5 !important;
	}
	#block-bg3{
	background:url(images/intro_03-m_bg.jpg) top center repeat fixed !important;
		overflow:hidden;
			-moz-background-size:50% 100%;
-webkit-background-size:50% 100%;
-o-background-size:50% 100%;
background-size:50% 100%;
		
		
		 width: 100% !important;
		 height: auto !important;
		 padding: 0px !important; 	
	}
	#block-bg5{
	background:url(images/intro_05-m_bg.jpg) top center repeat fixed !important;
		overflow:hidden;
		-moz-background-size:50% 100%;
-webkit-background-size:50% 100%;
-o-background-size:50% 100%;
background-size:50% 100%;
		 width: 100% !important;
		 height: auto !important;
		 padding: 0px !important; 	
	}
	#block-bg7{
	background:url(images/intro_07-m_bg.jpg) top center no-repeat !important;
		overflow:hidden;
		background-size:cover;
		 width: 100% !important;
		 height: auto !important;
		 padding: 0px !important; 	
	}
	.book{
   display:inline-block;
   float: left;
   width:48% !important;   
	margin: 0 1% 60px 1% !important;
	text-align: center;
	padding: 0;
}
	#intro_07-main{	
	display: none !important;
	}
	#city_title{	
	margin:80px auto 50px 20px !important;
	text-align:center;
	width: 100% !important;		
	}
	#study_title{	
	margin:50px auto 20px auto !important;
	text-align:center;
	width: 100% !important;		
	}
	#adventure_title{	
	margin:00px auto;
	text-align:center;
	width: 100% !important;
	}
	#city_title img,  #adventure_title img ,  #study_title img {	
	width: 100%;
		height: auto;
		margin: 0 auto;
	}

	
	
	 #adventure_title img ,  #study_title img {	
	width: 90%;
		height: auto;
		margin: 0 auto;
	}
	#city-book_all{
	position: static !important;
	margin: 0 auto 50px auto;
	text-align: left;
	width: 100% !important;
	height: auto;
	overflow: hidden;
	
}
	.books_all1{	
	position: static !important;
	margin: 00px auto 30px auto;
	text-align: left;
	width: 100% !important;
	height: auto;
	overflow: hidden;
}
	.books_all{	
	position: static !important;
	margin: 70px auto;
	text-align: left;
	width: 100% !important;
	height: auto;
	overflow: hidden;
}
#city-book4{
		display: block;
	}	
#city-book1 , #city-book2, #city-book3 , #city-book4{
   position: static !important;
   display:inline-block;
   float: left;
   width:44%;   
	margin: 0 3% 50px 3%;
	padding: 0;
}
	#city-book1 img, #city-book2 img, #city-book3 img , #city-book4 img{
	width:100%;
    display: block;
    float: left;
	}
	#intro, #city, .books , #intro_07{
	width:100% !important;
	padding:0 ; 
	height: auto !important;
		text-align: center !important;
		 position: static !important; 
	}
	#intro-left, #intro-right{
		 position: static !important;
		display: block;
		width:100%;
		margin:30px auto 85px auto;
		padding: 0;
		float: left;
	}
	#intro-left img{
		margin:0 auto;
		width:80%;
		height: auto;
		padding: 0;
	}
	#intro-right img{
		margin: 0 auto ;
		width:75%;
		height: auto;
		padding: 0;
	}
	.intro_07-m{
		width: 100%;
		height: auto;
		display: block !important;
		margin: 50px auto;
		padding: 0px;
	}
		
	#copyright-moble{
		display: block;
		font-family: 微軟正黑體;
		font-size: 16px;
		
		text-align:left;
		width: 60%;
		margin: 0 auto;
	}
	#copyright-moble ul{
		margin: 20px;
		padding: 0;
		
	}
	#copyright-moble li{
		list-style-type: disc;
		
		
	}
	
	#copyright{
	font-size: 25px !important;
	}
}