@charset "UTF-8";
/**
 *
 * @authors ulin Vivienne (ulin@chiaofriendly.com)
 * @date    2015-03-25 16:08:15
 * @version 1.0
 */

/*ALL*/
*{
	padding: 0;
	margin: 0;
	border: none;
	font-family:Arial,'新細明體','MingLiU',sans-serif;
	font-size: 13px;

}
ul{ list-style: none;}
li{ display:inline-block;*display:inline;}
a{ display:inline-block; text-decoration: none; *display:inline;}
a:hover{text-decoration: none; cursor:pointer; }
 
.container{
	width: 960px;
	height: auto;
	margin: 0 auto;
}
.left{ float:left;}
.right{ float:right;}
.center{
	text-align:center;
	margin: 0 auto;
}
.clear{ clear:both;}

/*BODY*/
body{
	padding: 0;
	margin: 0;
	background-color: #FFFCD9;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	width: 960px;
}
#logo {
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
	position: relative;
	width: 960px;
	height: 50px;
	float: left;
}
#logo1 {
	width: 330px;
	height: 50px;
	position: absolute;
	left: 0px;
}

#logo2 {
	width: 220px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#logo3 {
	width: 630px;
	height: 25x;
	margin-top: 20x;
	position: absolute;
	bottom: 0px;
	left: 330px;
}


/*MAIN VISION*/
#top{
	width: 960px;
	float: left;
	margin-top: 315px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#wrapper #header #sale {
	height: 360px;
	width: 960px;
	float: left;
}
#wrapper #header {
	background-color: #F3F2D3;
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	float: left;
	width: 960px;
}




#top a{
	font-family:Georgia;
	font-size: 30px;
	color: #C00;
	font-style: italic;
	letter-spacing: 2px;
	margin-top: 280px;
	margin-right: -115px;
	margin-bottom: 0;
	margin-left: 0;
}
#wrapper #header #nav2 {
	background-image: url(../img/nav2.png);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 960px;
	background-color: #336600;
	margin-top: 15px;
	margin-bottom: 15px;
}


/*NAV*/
#nav {
	background-color: #336600;
	height: 35px;
	width: 960px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/nav.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
}
#navmenu a:haver{
	font-size:20px;
	color:#FF6;
	}
#wrapper #header #set {
	background-repeat: no-repeat;
	height: 143px;
	width: 960px;
	float: left;
}

	
/*BOOKS*/
#books .group{ width: 98%; margin: 0 auto;}
#books #item{ width: 170px;height: 320px; border:#d4d4d4 1px solid; background: #FFF; float: left; margin:6px;}
#books #item li{ width: 100%;}
#books #item li img{width: 150px; height: 185px;}
#books #item li:nth-of-type(3) a{ color: #000; height: 40px; overflow: hidden;font-size:13px; letter-spacing: 1px; line-height: 20px;}
#books #item li:nth-of-type(3) a:hover{text-decoration:underline ;}
#books #item li:nth-of-type(1){ font-size:14px; font-weight: bold ; color: #016B5F; padding: 5px 0 0 0;}
#books #item li:nth-of-type(3){width: 156px;  text-align: left; padding:0 8px 12px 8px;}
#books #item li:nth-of-type(4){width: 80%;}
#books #item li:nth-of-type(4) a{width: 100%; height: 22px; background: #016B5F; color: #fff; line-height: 20px; letter-spacing: 2px;}
#books #item li:nth-of-type(4) a:hover{ background: #000;}
#books #item li:nth-of-type(4) a.voted{background: #c6c6c6;}
#books #item li:nth-of-type(5){ color: #4c4c4c; padding:7px 0;}


.cfooter {
	clear: both;
}
#footer {
	background-color: #000;
	height: 60px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #FFF;
	font-family: "新細明體-ExtB";
	font-size: 12px;
s
	padding-top: 20px;
	margin-top: 15px;
}
#wrapper #header #TabbedPanels3 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible #tabs {
	font-family: Arial, Helvetica, sans-serif, "Arial Unicode MS", "標楷體", "新細明體", "微軟正黑體";
	font-size: 1.2em;
	line-height: 24px;
    letter-spacing: 2px;　
	color: #333;
}