@charset "utf-8";
/*-------------------------------------------------------------- main layout css style*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, /* Ann */
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0px;
	padding:0px;
	font-family:"Verdana", "Geneva", "sans-serif", "微軟正黑體";
	font-weight:bold;
	border:none;
}

input, select, textarea{font-size:12px; border:1px solid #a9a9a9; outline:none; padding:1px; color:#555555;}
a{cursor:pointer;}
.color-red{color:#F92024;}

/*-------------------------------------------------------------- background*/
#bg-pop{width:400px; height:auto; padding:15px 20px 20px 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#bg-pop h1{height:30px; line-height:30px; padding-left:15px; margin-bottom:10px;}
#bg-pop p.check{color:#F92024; margin-bottom:10px;}
#bg-pop p input[type="checkbox"], #bg-pop p input[type="radio"]{vertical-align:text-top;}
#bg-pop p input[type="text"]{width:250px;}
#bg-pop p textarea{vertical-align:text-top; width:250px; max-width:250px; height:80px;}
#bg-pop p textarea.email-content{height:200px;}
#bg-pop .btn-pop{margin-top:20px; padding-top:15px; text-align:center; border-top:1px solid #d9d9d9;}
#bg-pop .btn-pop .btn-normal{margin-right:20px;}
#bg-pop table{margin:0 auto;}
#bg-pop table tbody tr th{padding:10px 10px 10px 0px;}
#bg-pop table tbody tr td{padding:10px 10px 10px 0;}
#bg-pop table input{width:150px;}
#bg-pop table .btn-normal{margin-right:20px;}
#bg-pop ul{margin-left:17px;}
#pop-add-tag, #pop-export{width:100%;}

/*-------------------------------------------------------------- book read area*/
.book-read-area{width:838px !important;}
.book-read-area .read-area{height:609px; border:1px solid #ccc;}
.book-read-area .book-cover{width:695px; height:609px; float:left;}
.book-read-area .book-cover .cover{width:655px; height:609px; float:left;}
.book-read-area .book-cover .cover .cover-img{width:655px; height:609px; display:table-cell; text-align:center; vertical-align:middle;}
.book-read-area .book-cover .cover .cover-img img{max-width:655px; max-height:609px;}
.book-read-area .book-cover a.prev{width:20px; height:609px; display:block; float:left; background:url(../img/left.png) no-repeat center #f6f6f6;
-moz-box-shadow:inset -3px -2px 9px #ebebeb;
-webkit-box-shadow:inset -3px -2px 9px #ebebeb;
box-shadow:inset -3px -2px 9px #ebebeb;}
.book-read-area .book-cover a.next{width:20px; height:609px; display:block; float:left; background:url(../img/right.png) no-repeat center #f6f6f6;
-moz-box-shadow:inset 3px -2px 9px #ebebeb;
-webkit-box-shadow:inset 3px -2px 9px #ebebeb;
box-shadow:inset 3px -2px 9px #ebebeb;}
.book-read-area .book-cover-carousel{width:140px; height:609px; border-left:1px solid #ccc; float:left; background:#F2E4C0;}
.book-read-area .book-cover-carousel a.top{width:140px; height:20px; display:block; background:url(../img/top.png) no-repeat center #f8f0dc;}
.book-read-area .book-cover-carousel a.top-disabled, .book-read-area .book-cover-carousel a.top-disabled:hover{cursor:text;}
.book-read-area .book-cover-carousel a.bottom{width:140px; height:20px; display:block; background:url(../img/bottom.png) no-repeat center #f8f0dc;}
.book-read-area .book-cover-carousel a.bottom-disabled, .book-read-area .book-cover-carousel a.bottom-disabled:hover{cursor:text;}
.book-read-area .book-cover-carousel .slide-cover{height:549px; margin:10px 0; overflow:hidden;}
.book-read-area .book-cover-carousel .slide-cover-carousel{height:549px; position:relative; top:0px;}
.book-read-area .book-cover-carousel .slide-book-cover{height:549px;}
.book-read-area .book-cover-carousel .cover{width:100px; height:100px; text-align:center; position:relative; border:1px solid #999; margin:0 19px 9px;}
.book-read-area .book-cover-carousel .cover img{width:100px; height:100px;}
.book-read-area .book-cover-carousel .cover span{ padding:2px 5px; text-align:center; background:#F2E4C0; color:#666; font-size:10px; font-weight:normal; position:absolute; right:0px; bottom:0px;}
.book-read-area .book-cover-carousel .on{border:2px solid #efaf03; margin-left:18px;}