@charset "utf-8";
body,div{margin:0;padding:0; line-height: 1;}
img{border:0;}
/* ===共用區==========================*/
.floatleft {float:left;}
.all {
	width:1000px; 
	margin:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "PMingLiU"; 
	background-color: #001330;
}
.text {
	font-size:13px;
	font-family:"微軟正黑體";
	color:#fff;
	font-weight:normal;
}
.text2 {
	font-weight:bolder;
	color:#fff;
	font-size:16px;
}
.text_title {
	font-family:"微軟正黑體";
	font-size:16px;
	font-weight:bolder;
}
.text_money {
	font-size:18px;
	font-weight:bolder;
	color:#ffd530;
}
.titleframe1 {
	width:100%;
	background-color:#f8b62c;
	padding:20px 0 20px 0;
	display:block; 
}
.titleframe2 {
	width:100%;
	background-color:#f8b62c;
	padding:20px 0 20px 0;
	display:block; 
}
.titleframe3 {
	width:100%;
	background-color:#f8b62c;
	padding:20px 0 20px 0;
	display:block; 
}
.titleframe4 {
	width:100%;
	background-color:#f8b62c;
	padding:20px 0 20px 0;
	display:block; 
}
.title1 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-weight:bolder;
	font-size:150%;
	color:#000000;
	margin:0px auto; 
	padding:0;

}
.title2 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-weight:bolder;
	font-size:150%;
	color:#000000;
	margin:0px auto; 
	padding:0;

}
.title3 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-weight:bolder;
	font-size:150%;
	color:#000000;
	margin:0px auto; 
	padding:0;

}
.title4 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-weight:bolder;
	font-size:150%;
	color:#000000;
	margin:0px auto; 
	padding:0;

}
.space {
	height:20px;
}
input[type=checkbox] {
  zoom:180%;
}
.copyright {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size:12px;
	color:#fff;
	padding:20px 0px;
}

/* ===電腦版型區==========================*/
/*刊頭*/
.headers {width:100%; height:523px; display:block; line-height:0;}
.headers img{width:100%; height:523px;}
.headers_m {display:none;}

/*選單*/
.menu {position:relative; display:block; background-color:#434343; margin:0px auto; padding:10px; text-align:center;}
.menu img {position:relative; margin-top:10px; padding-right:10px;}
#menu_m {display:none;}
		
	/*書展主要內容*/
	.exhmain {width:1000px; height:auto;}
	.mainright {width:100%; height:auto; display:block; position:relative; margin:0px auto; top:0; float:none; padding-bottom:15px;}

		/*書展主要內容_書清單*/
		.bookcaseframe {width:910px; margin:0px auto; padding:0;}
		.bookcase {width:880px; margin: 0px auto; padding:0 15px; display:inline-block;}
		.bookzone {width:880px; position:relative;}
		.bookname {font-family: "微軟正黑體"; font-size:16px; font-weight:bolder; line-height:150%; color:#fff; padding-top:5px; padding-bottom:5px;}
		.bookcont a:link {width:75px; height:30px; display:block; text-indent: -9999px; background-repeat:no-repeat; background-position:0 4px;}/
		.bookcont {width:75px; height:30px; display:block; text-indent:-9999px; background-position:0 4px;background-repeat:no-repeat; padding:10px 0;}
		.bookbox {width:195px; padding:10px 15px 20px 10px;}
		.bookcover {width:195px; height:auto; padding:5px 0 5px 0;}
		.buy {width:400px; height:78px; margin:0px auto; padding:10px 0px;}
		.buy img{width:100px; height:30px; margin:0px auto;}
		.buy_m {display:none;}

		/*置頂*/
		#gotop {z-index:1; right:100px; bottom:30px; position:fixed;}

/* ===手機版型區==========================*/
@media screen and (max-width: 640px) {
*{box-sizing:border-box;}
html,body{-webkit-text-size-adjust:none;}
.all {min-width:320px; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "PMingLiU";font-size:16px; color:#70685e; line-height:18px; position:relative;}
		
/*==書展頭*/
.headers {display:none;}
.headers_m {display:block; width:100%; height:auto; -webkit-box-sizing:border-box; margin:0; line-height:0;}
.headers_m img{width:100%; height:auto;}

/*選單*/
.menu {display:none;}
#menu_m {position:fixed; height:45px; display:block; z-index:100; top:0px; left:0px; right:0px; margin:0px auto; text-align:center; padding:10px; background-color:#323232;}
#menu_m img{width:85px; height:auto;}

		
	/*書展主要內容*/
	.exhmain {width:100%; height:auto; position:relative;; display:block;}
 	
		/*書展主要內容_書清單*/
		.bookcaseframe {width:100%; padding:0;}
		.bookcase {width:100%; padding:10px 10px; display:inline-block;}
		.bookzone {width:100%;	position:relative;}
		.bookbox {width:50%; padding:10px 10px 0px 10px; float:left; overflow:hidden;}
		.bookcover {width:100%; padding:0 10px 5px 0; margin:0 auto;}
		.bookcover img{width:100%;}										
		.bookcont{width:100%; padding:5px 5px;}
		.buy {display:none;}
		.buy img{display:block; margin:0px auto;}
		.buy_m {display:block; width:100%; height:156px; padding:10px 0px 30px 0px;}

		/*置頂*/
		.gotop {display:none;}
		#gotop {display:none;}
}