@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
transition: color .20s linear, background-color .20s linear, border-color .20s linear;}
a{text-decoration:none; outline: none; /* for Firefox */ 
hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
body{
	background-image: url(../img/foot_bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	background-color: #57544d;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}

.pg_wrap {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	width: 100%;
	padding-bottom: 40px;
}

.pg_section{
	width:940px;
	overflow : auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.pg_head{
	height: 286px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.pg_head ul{
	list-style-type: none;
}

.logo{
	height: 34px;
	width: 59px;
	position: absolute;
	left: 20px;
	top: 20px;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/logo.png);
	text-indent: -9999px;
	animation-delay:.6s;
	-moz-animation-delay:.6s;
	-webkit-animation-delay:.6s;
}

.logo a{
	height: 34px; display: block;}
	
.h_img1{
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/pg_h_tit.png);
	height: 169px;
	width: 197px;
	position: absolute;
	left: 111px;
	top: 20px;
	text-indent: -9999px;
}

.h_img2{
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/ind_img1.png);
	height: 116px;
	width: 130px;
	position: absolute;
	left: 308px;
	top: 20px;
	text-indent: -9999px;
}

.h_img3{
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/pg_h_img.png);
	height: 226px;
	width: 515px;
	position: absolute;
	left: 445px;
	top: 0px;
}

.nav_wrap{
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_bg.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 60px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 205px;
	z-index: 9999;
}

.nav{
	width: 935px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_bg-2.png);
	background-repeat: no-repeat;
	background-position: -5px;
	padding-left: 45px;
}
.nav ul.tab_menu{
	display:block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav ul.tab_menu li{
	float:left;
	color: #8b8c89;
	font-size: 15px;
	line-height: 60px;
	font-weight: bold;
	margin-right: 22px;
}
 
.nav ul.tab_menu li.icon1{
	display:block;
	height:60px;
	color: #8b8c89;
}

.nav ul.tab_menu li.icon1 a{
	color: #8b8c89;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_icon1.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 10px 0 35px;
}
.nav ul.tab_menu li.icon1 a:hover{
	color: #f9bd00;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_icon1-2.gif);
}

.nav ul.tab_menu li.icon2{
	display:block;
	height:60px;
	color: #8b8c89;
}

.nav ul.tab_menu li.icon2 a{
	color: #8b8c89;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_icon2.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 10px 0 40px;
}
.nav ul.tab_menu li.icon2 a:hover{
	color: #f9bd00;
	background-image: url(http://topic.cwbook.com.tw/reader/2014/saifu/img/nav_icon2-2.png);
}

.fb-like{
	float:left;
	height: 30px;
	width: 100%;
	margin-bottom: 20px;
}

.pg_tit{
	float: left;
	height: 40px;
	width: 100%;
	margin-bottom: 30px;
}

.pg1_wrap{
	background-image: url(../img/pg_img.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
	margin:0 20px;
	float:left;
}

.tit{
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 30px;
}

.tit ul.tab{
	display:block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.tit ul.tab li{
    float:left;
	text-indent:-9999px;}
 
.tit ul.tab li.b0{
	display:block;
	width:179px;
	height:40px;
	background-image:url(../img/pg_tit1.png);
	margin-right: 10px;
}

.tit ul.tab li.b1{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b2.png);
}

.tit ul.tab li.b1 a{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b1.png);
}

.tit ul.tab li.b1 a:hover{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b2.png);
}

.tit ul.tab li.b2{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b4.png);
}

.tit ul.tab li.b2 a{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b3.png);
}

.tit ul.tab li.b2 a:hover{
	display:block;
	width:62px;
	height:40px;
	background-image:url(../img/pg1_b4.png);
}

.pg1_book{
	background-image: url(../img/book.png);
	float: left;
	height: 273px;
	width: 208px;
	background-repeat: no-repeat;
	margin-left: 200px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

.pg1_book a{
    display:block;
	height: 273px;
}

.pg1_book_w{
	float: left;
	height: 273px;
	width: 452px;
	margin-bottom: 20px;
	padding: 0 20px;
}

.btn1{
	background-image: url(../img/btn.png);
	float: left;
	height: 44px;
	width: 152px;
	margin-top: 5px;
	text-indent: -9999px;
}

.btn1 a{
    display:block;
	background-image: url(../img/btn.png);
	height: 44px;
}

.btn2{
	background-image: url(../img/btn-2.png);
	float: left;
	height: 45px;
	width: 153px;
	margin-top: 20px;
	padding-left: 747px;
	background-repeat: no-repeat;
	background-position: right;
	text-indent: -9999px;
}

.btn2 a{
    display:block;
	height: 45px;
}

.btn3{
	background-image: url(../img/btn-3.png);
	float: left;
	height: 45px;
	width: 149px;
	margin-top: 20px;
	padding-right: 791px;
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
}

.btn3 a{
    display:block;
	height: 45px;
}

.pg1-2_img{
	background-image: url(../img/pg_img2.png);
	float: left;
	height: 214px;
	width: 241px;
	margin-right: 20px;
}

.pg2_img{
	background-image: url(../img/pg_img3.png);
	float: left;
	height: 338px;
	width: 96px;
	margin-right: 20px;
	margin-bottom:40px;
}

.pg3_wrap{
	width: 730px;
	margin:0 105px;
	float:left;
}

.pg3_le{
	float: left;
	width: 365px;
}

.pg3_book{
	background-image: url(../img/book.png);
	float: left;
	height: 273px;
	width: 208px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.pg3_book a{
    display:block;
	height: 273px;
}

.pg6_wrap{
	float: left;
	width: 120px;
	font-size: 15px;
	line-height: 25px;
	color: #674d00;
	margin-right: 18px;
	margin-left: 18px;
	background-image: url(../img/book_s.png);
	background-position: 0px 143px;
	background-repeat: no-repeat;
}

.pg6_wrap img{
	padding-bottom:15px;
	padding-top: 3px;
}

.price{
	color: #CC3300;
	font-weight: bold;
}

h1{
	font-size: 24px;
	font-weight: bold;
	color: #010101;
}

h2{
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
}

.bgc1{
	background-color: #322600;
	padding: 3px 5px;
}

.bgc2{
	background-color: #7c5f00;
	padding: 3px 5px;
}

h3{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
}

h4{
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #674d00;
}

h5{
	font-size: 15px;
	line-height: 24px;
	color: #010101;
}

p{
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #010101;
}

.foot_wrap{
width:100%;
float:left;}

.foot{
	font-size: 13px;
	line-height: 22px;
	color: #010101;
	height: 70px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.foot_w{
	float: left;
	margin-right: 50px;
	margin-left:20px;
}

.top_wrap{
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: center -620px;
	height: 54px;
	width: 100%;
	float: left;
}

.top_bg{
	background-image: url(../img/bg_top.png);
	background-repeat: repeat-x;
	height: 54px;
	width: 100%;
	float: left;
	background-position: center 35px;
}

.top{
	background-image: url(../img/top.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 54px;
	width: 47px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 933px;
	text-indent: -9999px;
}

.top a{
    display:block;
	height: 54px;
}