/* CSS Document */
@font-face {
  font-family: TrajanPro;
  src: url(images/TrajanPro.off);
}
body { margin:0; padding:0; font-family:"微軟正黑體"; font-size:15px; line-height:180%; color:#666;}
#gotop { display: none; position: fixed; right: 20px; bottom: 20px; padding: 10px 15px; cursor: pointer;}
#gotopBtn { display: none; position: fixed; right: 20px; bottom: 20px; padding: 70px 15px; cursor: pointer;}
#header{background-color:#424242; width:100%;}
.header a{ color:#FFF; font-size:13px; text-decoration:none;}
.header a:hover{ text-decoration:underline;}
*{list-style-type:none;}
img{ border:0;}
.center{ display:block; text-align:center; width:100%;}
a.linkk{ color:#005fc1; text-decoration:underline;}
a.linkk:hover{ text-decoration:none;}
.bookname{color:#006f9b; font-size:15px; line-height:140%;}
.booktext{font-size:13px; line-height:140%;}
.bookpic{ padding:3px; background-color:#FFF; border:1px solid #ccc;}
.bookpic:hover{ border:1px solid #005fc1;}
.bookprice{ color:#C00; font-size:16px;}

a.btn_car, a.btn_club{color:#FFF; border-radius:3px; display:block; width:80%; padding:1px 0; margin:5px auto; font-size:13px; font-weight:bold; text-decoration:none;}
a.btn_car:hover, a.btn_club:hover{ color:#FF0;}
a.btn_car{ background-color:#9fae3b;}
a.btn_club{ background-color:#c37426;}
.clear{ clear:both;}
#nav{ width:1000px; margin:0; padding:0;}
#top-bar{
	 width:100%;
	 height:60px;
	 color:#FFF;
	 background:#282828;
	 position:fixed;
	 top:-65px;
	 filter:alpha(opacity=95);
	 -moz-opacity:0.95;
	 opacity: 0.95;
	 font-family: TrajanPro;
	 font-size:16px;
	 font-family:"微軟正黑體"; 
	 z-index:999999;
	 
	 /* CSS3 陰影*/
	-webkit-box-shadow: 0px 3px 10px #5c5c5c;
	-moz-box-shadow: 0px 3px 10px #5c5c5c;
	box-shadow: 0px 3px 10px #5c5c5c;	 
}

#menu{width:960px; margin:0 auto; line-height:60px;}
#menu .nav{ float:right;}
#menu .line{ color:#5a5a5a; margin:0 15px;}
#menu a{ color:#FFF; text-decoration:none;}
#menu a:hover{ color:#fff799;}

.trans-fadeout{
   -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   transition:all 0.5s linear;
}
.image-fadeout{visibility:hidden; opacity:0;position:absolute; z-index:999}
.hover-fadeout:hover .image-fadeout{ visibility:visible; opacity:1; position:absolute;}

.pic01{ background:url(berry_17.jpg); width:500px; height:380px; display:inline-block;}
.pic01:hover{background:url(berryc_17.jpg);}
.pic01:hover, .pic02:hover, .pic03:hover, .pic04:hover{
	-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-outr;
   -ms-transition:all 0.5s ease-out;
   -o-transition:all 0.5s ease-out;
   transition:all 0.5s ease-out;}

.writer{
	padding: 0;
	text-align: center;
	margin: 0;
}
.demo{
	padding: 0;
	height: 954px;
	text-align: center;
	margin: 0;
	background-image: url(demo_bg.jpg);
}
.push{
	padding: 0;
	text-align: center;
	margin: 0;
}
.book{
	padding: 0;
	height: 677px;
	text-align: center;
	margin: 0;
	background-image: url(book_bg.jpg);
}
.booklist{
	padding: 0;
	text-align: center;
	margin: 0;
}
.footer{ padding:0; margin:0; text-align:center; width:100%;}
.footerline{ padding:0; margin:0; text-align:center; background-color:#4bbfdd;
height:10px; width:100%;}

.wrap { width: 1000px; margin: 0 auto; }

.fader {
    position: relative;
    padding-top: 10%;
    font-family: "futura", arial;
    overflow: hidden;
}

.fader .slide {
    position: absolute;
    width: 900px;
    height:330px;
    top: 0;
    z-index: 1;
    opacity: 0;
}

.fader img.slide {
    height: auto;
}

.fader .prev,
.fader .next {
    position: absolute;
    height: 80px;
    line-height: 55px;
    width: 50px;
    font-size: 100px;
    text-align: center;
    color: #fff;
    top: 50%;
    left: 0;
    z-index: 4;
    margin-top: -25px;
    cursor: pointer;
    opacity: .7;
    transition: all 150ms;
}

.fader .prev:hover,
.fader .next:hover {
    opacity: 1;
}

.fader .next {
    left: auto;
    right: 0;
}

.fader .pager_list {
    position: absolute;
    width: 100%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    bottom: 0;
    text-align: center;
    z-index: 4;
}
.fader .pager_list li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: #fff;
    opacity: .7;
    text-indent: -9999px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 150ms;
}

.fader .pager_list li:hover,
.fader .pager_list li.active {
    opacity: 1;
}

#slides,
#slides2,
#slides3 {
display: none;
    }

.slidesjs-navigation {
      margin-top:3px;
    }

.slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

.slidesjs-next {
      margin-right: 5px;
      float: left;
    }

.slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

.slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

.slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }


#wrapper{padding:0; margin:0; text-align:center;
background-image: url(bg.jpg);}

.banner{
width: 100%;
padding: 0;
text-align: center;
margin: 0;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.wrap { width: 100%;
padding: 0;
text-align: center;
margin: 0;
}
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(images/arrow.gif); overflow: hidden; opacity: .7;}
.next { right: 0; background-position: right 0;}
.centered-btns_nav:active { opacity: 1;}
.centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; list-style-type: none;}
.centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { display: inline-block; width: 9px; height: 9px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #666\9;}