@charset "big5";
/*base*/
*, body, table, p, div, span, form, input, textarea, select, pre, button { font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;}
body{ font-size:15px; line-height:150%; margin:0 auto; min-width:1000px; background: url(https://gkids.cwgv.com.tw/newbook/BFA133/BFA139/images/bg.jpg) center top no-repeat; background-attachment: fixed;}
a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); }
#container{ overflow: hidden;}
#content{ width:900px; margin:0 auto; padding:0 50px; display:block; background: url(bg-main.png) center top;}
#header{ font-size:12px; background-color:#b90000; padding:0; margin:0; color:#fff; width:100%; height:35px; min-width:1000px;}
#header a{ color:#fff; text-decoration:none}
#header a:hover{ text-decoration:underline;}
#footer{ background:url(bg-footer.png) no-repeat center top; width:100%; height:auto; padding:30px 0 20px 0; display:block; font-size:12px; text-align:center; color:#333;}
#footer a{ color:#333;}
img{ border:0;}
.scrollup {position: fixed; bottom: 0px; right: 20px; display: none; text-indent: -9999px;	width: 100px; height: 95px; background: url(top.png) no-repeat;}

.img-row{ width:100%; margin:0; padding:0;}
.img-row img{ display:inline-block; vertical-align:bottom;font-size: 0; line-height: 0; margin:0; padding:0; border:none;}

span.memo{ font-size: 12px; color: #9A9A9A; display: block; }

/*block*/
#kv{ width:100%; height:auto; display:block;}
#kv-content{ width:1000px; margin:0 auto; padding:0; display:block;}
#nav-content{ width:900px; margin:0 auto; padding:0; display:block;}
#footer-content{ width:950px; margin:0 auto; padding:0; display:block; padding-left: 50px;}
#nav{ width:100%; height:auto; display:block; background: url(bg-nav.png) center top no-repeat;}
#info{ width:100%; height:auto; display:block;}
#view{ width:100%; height:auto; display:block;}
#best{ width:100%; height:auto; display:block;}
#morebook{ width:100%; height:auto; display:block; overflow: hidden;}



/*NAV*/
.nav01, .nav02, .nav03{ background:url(nav.png) no-repeat 0 0; width: 187px; height:81px; display:inline-block;}
.nav01{ background-position: 0px 0px;}
.nav01:hover{ background-position: 0px -81px;}
.nav02{ background-position: -187px 0px;}
.nav02:hover{ background-position: -187px -81px;}
.nav03{ background-position: -374px 0px;}
.nav03:hover{ background-position: -374px -81px;}


/*btn*/
a.btn_buy, a.btn_club{ border-radius:3px; display:block; width:110px; padding:3px 0; margin:15px auto; font-size:12px; text-decoration:none; text-align:center; cursor:pointer; clear: both;}
a.btn_buy{ background-color:#f46200; color:#FFF;}
a.btn_buy:hover{ background-color:#ca5100; color:#FF0;}
a.btn_club{ background-color:#f37e00; color:#FFF;}
a.btn_club:hover{ background-color:#b96000; color:#FF0;}


/*Best-more*/
#best-more{ width: 100%; background: url(BFA139_10.png) bottom center no-repeat; height: 400px; margin: 0 auto; font-size:15px;}
#best-more .best-block{ line-height:180%; width: 635px; height: 350px; margin-left: 190px; overflow-x: hidden; padding-right: 15px;}
.best-block p{font-size:16px; padding:20px 0 0 0; margin:0;}
.best-block h3{font-size:15px; font-weight:none; padding:10px 0 10px 0; margin:0px; color:#C60; text-align: right; border-bottom: 1px dotted #D8ADAD;}
.best-block strong{ font-size:18px; color:#C60; font-weight:bold;}

/*book*/
#morebook h1{font-size:18px; color:#C00; font-weight:bold; padding:5px 0; margin:0px; font-family: "微軟正黑體"; line-height:130%;}
#morebook h2{ font-size:14px; color:#1d5798; padding:5px 0; margin:0; line-height:140%;}
#morebook p{ padding:0px; margin:0px; font-size:13px;}
#morebook .red{ color:#C00; font-weight:bold; font-size:16px;}
.pic{ border:none; padding:0 3px 3px 0; width: 200px; height: auto; margin: 0 auto;} 
.pic:hover{ padding:3px 0 0 3px; border:none;}
.price{ color: #cc0000; font-size: 18px; font-weight: bold;}


/*VIEW*/
.view1, .view2{ background-repeat: no-repeat; height:285px; display:inline-block;}

.view1{ background:url(BFA139_07.gif) 0 0 no-repeat; width:470px;}
.view1:hover{ background:url(BFA139_07.gif); background-position: 0px -285px;}
.view2{ background:url(BFA139_08.gif) 0 0 no-repeat; width:430px;}
.view2:hover{ background:url(BFA139_08.gif); background-position: 0px -285px;}