@charset "utf-8";

body		{font-size: 14px; margin:0; padding:0;}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family:Cambria, Arial, Verdana, "微軟正黑體", "新細明體",  sans-serif;
	position:relative;
}
input {font-family:Calibri, Verdana, Arial, "微軟正黑體", "新細明體", sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 		{list-style:none;}
a img, :link img, :visited img {border:none;}
label	{cursor:pointer}

/*去除連結虛線框*/
a			{blr:expression(this.onFocus=this.blur());}
a:focus 	{-moz-outline-style: none; }

/*clearfix*/
.clearfix:after			{content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix				{display: inline-block;}
html[xmlns] .clearfix		{display: block;}
* html .clearfix			{height: 1%;}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){#{} }

a:link,
a:visited			{color:#0066CC; outline:none}
a:hover				{text-decoration:none; outline:none}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; padding-left:10px!important;}

.textInput			{background:#fff; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); position:relative; }
.textInput:focus	{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
textarea			{background:#F3F3F5; padding:9px 10px;  border:1px solid #CCc; color:#666; -webkit-box-shadow:inset #ddd 1px 1px 3px; -moz-box-shadow:inset #ddd 1px 1px 3px; box-shadow:inset #ddd 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); position:relative; }
textarea:focus		{background:#FFC; border:1px solid #CC9; color:#000; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.dateInput			{background:url(../images/icon_calendar.png) no-repeat right;}
select				{padding:8px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; }
label				{cursor:pointer;}
input[type="text"]	{}

label.error			{color:#f33; display:block; padding:2px 5px; background:#f66; color:#fff; height:22px; float:right;  -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; behavior: url(css/PIE.htc); overflow:visible; margin: auto; position: absolute; top: 0;  bottom: 0; right:10px;}

.button,
.button:link,
.button:visited		{display: inline-block; border:none; text-align:center;  color: #333; border:1px solid #999; background:#fff; font-size:13px; line-height:120%; padding:10px 23px;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  behavior: url(css/PIE.htc); position:relative; text-decoration:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline:none;  -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); }
.button:hover		{background: #eee; cursor:pointer;}
.button:active 		{background:#ddd;  position:relative; top: 1px; color:#888; border:1px solid #ccc; text-shadow: 0 0 0, 1px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow:inset 1px 1px 10px rgba(0, 0, 0, 0.2); }

.bluish-btn,
.bluish-btn:link,
.bluish-btn:visited	{background: #25a3a0; color:#FFF; border:0;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.bluish-btn:hover 	{background: #21b4b0;}
.bluish-btn:active	{background: #18807e; color: #0b4544;}

.tool .bluish-btn,
.tool .bluish-btn:link,
.tool .bluish-btn:visited	{border:1px solid #1A7371; margin:0 10px;  -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); }

.red-btn,
.red-btn:link,
.red-btn:visited	{background: #e54028; color:#FFF;  border:0;}
.red-btn:hover 		{background: #e8543f;}
.red-btn:active 		{background: #CF2929; color:#900; }

.green-btn,
.green-btn:link,
.green-btn:visited	{background: #7db500; color: white;  border:0;}
.green-btn:hover 	{background: #8fcf00;}
.green-btn:active	{background: #76a312; color: #486900;}

.orange-btn,
.orange-btn:link,
.orange-btn:visited	{background: #FF6C0A; color: white;  border:0;}
.orange-btn:hover 	{background: #FF8533;}
.orange-btn:active	{background: #F96400; color: #8A3700;}

.button.disable,
.button.disable:link,
.button.disable:visited		{border:none!important; color: #999!important; background:#ccc!important; text-shadow: 0 0 0, 1px 1px 0px #e3e3e3!important;}
.button.disable:hover		{background: #ccc!important; cursor:default!important;}
.button.disable:active 		{top: 0px; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; }

.trash-btn:link,
.trash-btn:visited	{background:url("../images/icon_trashcan.png") no-repeat center; display:block; float:right; width:13px; height:15px; padding:10px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative; }
.trash-btn:hover	{background:#eee url("../images/icon_trashcan.png") no-repeat center;}
.trash-btn:active	{background:#E54028 url("../images/icon_trashcan2.png") no-repeat center;}

.msg					{padding:10px 0; width:100%; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#ccc; text-align:center; margin-bottom:30px; font-size:15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.msg.normal-msg			{background:#666; color:#fff;}
.msg.normal-blue-msg	{background:#0066cc; color: #fff;}
.msg.error-msg			{background:#f66; color:#fff;}

/*main*/
body							{background:#fff; width:1000px; margin:auto; position: initial;}
h1								{font-size:25px; text-align:center;}
h2								{font-size:20px; font-family:Verdana, Arial,"微軟正黑體",}
h3								{font-size:16px;}
h1 span							{display:block; font-size:16px;}
h2 em							{margin:0 5px; color:#99cc33; font-weight:bold;}

.header						{width:100%; background:url("../images/line3.png") repeat-x left bottom; padding:20px 0; height:80px;}
.header a.logo				{float:left;}
.header .topbar				{float:right;}
.header .topbar li			{display:inline;}
.header .topbar li a:link,
.header .topbar li a:visited	{text-decoration:none; color:#666; border-right:1px solid #666; padding:0px 15px;}
.header .topbar li a:hover		{color:#000;}
.header .topbar li a.top_login			{color:#ff9933; font-weight:bold;}
.header .topbar li a.top_register		{}
.header .topbar li a.top_cart			{background:url("../images/icon_cart.png") no-repeat 15px; padding-left:40px;}
.header .topbar li a.top_cart span		{background:#f33; color:#fff; padding:1px 5px; display:inline-block;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  behavior: url(css/PIE.htc);  font-size:12px; font-family:Arial;}
.header .topbar li a.top_account		{border:0; padding-right:10px;}
.header .topbar li p					{color:#ff9933; font-weight:bold; margin:0; display:inline; padding-right:15px; border-right:1px solid #666; }
.header .search							{float:right; position:absolute; right:0px; top:50px;}
.header .search .text-search				{width:240px; background:#eee; border:1px solid #eee;}
.header .search .text-search .search-btn	{}
.header .search .text-search:focus		{background:#FFC; border:1px solid #CC9; color:#000; }


.mainContent						{margin-top:20px;}
.mainContent .leftColumn				{width:150px; float:left;}
.mainContent .rightColumn			{
	width:810px;
	float:right;
	/*float:left;*/
	margin-left:20px;
}
.mainContent.contentWrapper			{width:100%;}
.mainContent .bottool				{width:100%; text-align:center; clear:both; float:left; margin:40px 0;}
.mainContent .bottool	.button		{}


.catalog							{width:150px;}
.catalog ul							{margin:0 0 10px 0;}
.catalog ul li 							{}
.catalog ul li 							{}
.catalog ul li .cata-title				{ margin-bottom:5px; }
.catalog ul li .cata-title a:link,
.catalog ul li .cata-title a:visited	{font-size:16px; color:#333; text-decoration:none; font-family:"微軟正黑體"; font-weight:bold;}
.catalog ul li .cata-title a:hover		{color:#99CC33;}
.catalog ul li .sub 					{margin-bottom:20px;}
.catalog ul li .sub li					{}
.catalog ul li .sub li a:link,
.catalog ul li .sub li a:visited			{text-decoration:none; color:#333; background:#eee; padding:5px 10px; display:block; margin-bottom:5px;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  behavior: url(css/PIE.htc);}
.catalog ul li .sub li a:hover			{background:#99CC33; color:#fff;}
.catalog ul li .sub .subsub				{}
.catalog ul li .sub .subsub li			{}
.catalog ul li .sub .subsub li a:link,
.catalog ul li .sub .subsub li a:visited	{background:#fff; margin:0; margin-left:10px;}
.catalog ul li .sub .subsub li a:hover		{color:#000; color:#99CC33;}
.catalog ul li .sub .subsub li a:active	{}
.catalog ul li .cata-title.current a		{color:#99CC33;}
.catalog ul li .sub li.current>a			{background:#99CC33; color:#fff;}
.catalog ul li .sub .subsub li.current a	{background:#fff; color:#25A3A0; font-weight:bold;}


.menu					{width:150px;}
.menu .cata-title		{font-size:18px; font-family:"微軟正黑體"; font-weight:bold; margin-bottom:5px; }
.menu ul					{margin:0 0 10px 0;}
.menu li 					{}
.menu li a:link,
.menu li a:visited			{text-decoration:none; color:#333; padding:5px 10px; display:block; margin-bottom:5px;}
.menu li a:hover			{background:#eee;}
.menu li.current a			{font-weight:bold; color:#25A3A0;}

.item							{width:404px; float:left; height:300px; overflow:hidden;}
.item .cover						{margin:30px 5px; float:left; position:relative; z-index:999; text-align: center;}
.item .thumb						{}
.item .thumb a:link,
.item .thumb a:visited			{display:block;}
.item .thumb a:hover				{filter:alpha(opacity=80);opacity:0.8;zoom:1;}
.item .thumb a img				{}
.item .cont						{margin:30px 20px 30px 0;}
.item .cont .title				{}
.item .cont .title a:link,
.item .cont .title a:visited		{font-size:19px; text-decoration:none;  font-family:"微軟正黑體"; display:block; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height:75px;}
.item .cont .title a:hover		{color:#000;}
.item .cont .author				{margin-top:5px; line-height:160%; width:100%;}
.item .cont .author label			{display:inline-block; margin-right:5px; float:left; margin:2px 5px 0px 0;}
.item .cont .author b			{font-weight:normal;}
.item .cont .desc				{width:100%;display:block; height:92px; overflow:hidden; margin:5px 0; line-height:160%; font-size:12px; color:#999;}
.item .cover .button				{padding:6px 16px; font-size:12px; margin:10px auto; display:inline-block!important;}
.item.even						{border-bottom:1px solid #eee;float:left;}
.item.odd						{border-left:1px solid #eee; border-bottom:1px solid #eee;}

.item.even .cont                {margin-right:0px;margin-left:35px;}
.item.even .cover               {margin-left:13px;}
.item.odd .cont                 {margin-left:28px;}


/*
.item .cont .title a::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 6px;
    background:#fff url(../images/ellipsis_bg.png) repeat-y;
}
*/



.price			{color:#666;}
.price b			{margin:0 5px; color:#000;}
.price em		{font-size:20px; color:#99cc33; margin:0 5px; font-weight:bold;}

.footer				{width:100%; margin-top:30px; padding-bottom:30px; background:url("../images/line2.png") repeat-x left top; float:left; padding-top:30px;}
.footer .left		{float:left; text-align:left;}
.footer .left ul		{margin-bottom:10px;}
.footer .left li		{display:inline;}
.footer .left li a:link,
.footer .left li a:visited		{display:inline;  border-right:1px solid #666; padding:0 10px; color:#666; text-decoration:none;}
.footer .left li a:hover		{display:inline;}
.footer .left li:last-child a	{border:0;}
.footer .right		{float:right;}
.footer p			{line-height:160%; font-size:12px; margin:5px 10px; color:#999}

#book_detail .profile				{float:left; width:100%; clear:both;}
#book_detail .profile .cover			{width:200px; float:left;}
#book_detail .profile .cover a:link,
#book_detail .profile .cover a:visited{width:200px; height:260px; display:block; overflow:hidden;}
#book_detail .profile .cont			{float:left; margin-left:30px; width:360px;}
#book_detail .profile .cont .title			{}
#book_detail .profile .cont .title a:link,
#book_detail .profile .cont .title a:visited	{font-size:28px; text-decoration:none;  font-family:"微軟正黑體"; display:block; overflow:hidden; color: #25a3a0;}
#book_detail .profile .cont .title a:hover	{color:#21b4b0;}
#book_detail .profile .cont .title .book-name {font-size:26px; font-family:"微軟正黑體"; display:block; overflow:hidden; color: #25a3a0;}

#book_detail .profile .cont ul				{}
#book_detail .profile .cont ul li				{margin:10px 0;}
#book_detail .profile .cont ul li b				{color:#000;}
#book_detail .profile .cont ul li em			{font-size:22px; color:#99cc33; margin:0 5px; font-weight:bold;}
#book_detail .profile .toolbox				{width:160px; float:right;}
#book_detail .profile .toolbox .button		{margin-bottom:10px; width:110px;}
#book_detail .profile .toolbox .socialbox		{margin-top:20px;}
#book_detail .profile .toolbox .socialbox li	{display:inline; margin:2px;}
#book_detail .profile .toolbox .socialbox li img	{vertical-align:middle;}
#book_detail .profile .toolbox .socialbox li a:link,
#book_detail .profile .toolbox .socialbox li a:visited	{}
#book_detail .profile .toolbox .socialbox li a:hover	{}
#book_detail .intro			{border-top:2px dotted #ccc; float:left; padding-top:20px; margin-top:20px;  width:100%;}
#book_detail .intro pre		{line-height:180%; color:#333; width:100%;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */}
#book_detail .intro h3		{font-weight:bold; margin-top:40px;}
#book_detail .intro p		{line-height:180%; color:#666;}
#book_detail .intro p b		{color:#333;}
#book_detail .intro .linkList div		{margin-bottom: 0.5rem;}
#book_detail .intro .linkList div a		{color:#25a3a0;font-size: 16px;}
#book_detail .intro .linkList div a:hover			{color:#21b4b0;  text-decoration:none!important;}
#book_detail .gallery		{width:100%; border-top:2px dotted #ccc; margin-top:20px; padding-top:20px; float:left;}
#book_detail .gallery .photo							{margin:10px 10px 10px 0; display:inline-block; vertical-align:top;}
#book_detail .gallery .photo .nailthumb-container		{}
#book_detail .gallery .photo span						{line-height:160%; text-align:center; padding:10px 0; display:block; overflow:hidden;   width:234px; white-space: nowrap; }

.profile .coin-slider				{float:left;}
.profile .coin-slider .cs-buttons	{left:0!important;}

.pagehead				{width:100%; margin-bottom:0px; float:left; }
.pagehead .right			{float:right;}
.pagehead .right b		{margin:0 5px; font-size:16px;}
.pagehead .left			{float:left; margin:10px 10px 0 10px;}
.pagehead .left b		{margin:5px 5px; font-size:16px;}

.resultContent			{margin:30px auto; padding:30px 0; text-align:center; background:#ffc; float:left; width:100%;}
.resultContent p			{line-height:200%; font-size:15px;}

/*table*/
.ctable					{width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:10px; float:left; }
.ctable thead td,
.ctable thead th			{padding:10px 5px; background:#99cc33; text-align:center; font-weight: bold; color:#FFF; border: 1px solid #6D9124;}
.ctable tbody th,
.ctable tbody td			{padding:5px 5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-family:Verdana, "微軟正黑體", "新細明體";}
.ctable tbody .odd th,
.ctable tbody .odd td		{background:#f3f3f3;}
.ctable tbody th			{font-weight:bold; font-size:15px; }
.ctable tbody td a				{}
.ctable tbody td a.b-item:link,
.ctable tbody td a.b-item:visited			{display:block; margin:8px 0; text-align:left;}
.ctable tbody td em						{color:#f44; font-weight:bold;}
.ctable tbody td a.download-btn			{display:block; margin:8px 0; text-align:center; text-decoration:none;}
.ctable tbody td a.download-btn:active		{position:relative; top:1px;}
.ctable tfoot td			{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;}
.ctable tfoot td h4			{float:left; margin:5px;}
.ctable tfoot td p			{margin:5px;}
.ctable tfoot td p em		{font-size:18px; color:#99cc33; margin:0 5px; font-weight:bold;}
.ctable .button			{font-size:12px; padding:3px 5px;}
.ctable .curpons					{background:#ffc; padding:8px 10px; border-bottom:0;}
.ctable .curpons	.textInput		{float:right; padding:3px; margin:0 5px; width:260px;}
.ctable .curpons	.textInput:focus{background:#fff; border:1px solid #333;}

.subtable 				{width:100%; border:0px solid #ccc;}
.subtable thead td		{padding:5px; background:#336699; color:#B5CDE6; font-weight:normal; border:0px solid #666; border-bottom:1px solid #666;}
.subtable tbody td		{padding:5px; border-right:0;}

.toolbar				{ text-align:center; float:left; width:100%; margin:20px 0;}
.toolbar .note			{color:#f33;}
.toolbar .price			{font-size:16px; color:#333;}
.toolbar .price em		{font-size:28px;}
.toolbar .tool			{margin-top:20px;}
.toolbar .tool .button	{}

#admin_receipt						{}
#admin_receipt .ctable				{}
#admin_receipt .ctable thead td		{text-align:ceter;}
#admin_receipt .ctable tbody th,
#admin_receipt .ctable tbody td		{text-align:left;}
#admin_receipt .ctable label			{margin:5px 10px; display:inline-block;}
#admin_receipt .ctable .textInput	{margin:5px 10px; float:left; clear:both; width:400px;}

#error					{text-align:center; margin:50px;}
#error .logo				{}
#error .pane				{margin:50px auto;}

/*login*/
#register					{width:420px; margin:30px auto; text-align:center;}
.pane						{width:420px; width:460px; background:#f7f7f7; padding:20px; margin:10px auto; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  behavior: url(css/PIE.htc); position:relative;}
.pane h1					{margin-bottom:20px;}
.pane li					{margin:0px 0; float:left; margin-bottom:10px; clear:both; width:100%;}
.pane li div					{display:block; float:left; width:120px; padding:5px 0px; text-align:right; font-size:16px; font-weight:bold; }
.pane li div span				{display:block; font-size:12px; color:#999;}
.pane li div.interest		{width: 270px;padding: 5px 30px;text-align: left;font-size: 14px; }
.pane .textInput			{padding:10px 15px; width:240px; border:1px solid #666;}
.pane .login-remember		{margin-left:130px; width:auto;}
.pane .login-remember label	{width:100%; text-align:left; font-weight:normal; font-size:13px; overflow:visiable;}
.pane .login-remember label.error	{top:auto; height:auto; position:relative; margin:10px 0; padding:6px 10px;  }
.pane .button				{margin:20px auto; padding:12px 50px; font-size:16px; }
.pane li p					{floaT:left;}


#register.column2					{/*width:960px;*/ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#register .pane.left					{float:left;}
#register .pane.right				{float:left; display:none;}

.contentWrapper	.pane				{width:100%; float:left;}
.contentWrapper	.pane li div 			{text-align:left; font-size:15px;}
.contentWrapper	.pane li .textInput 	{float:left;}

/*coin-slider*/
/*.coin-slider 		{ overflow: hidden; zoom: 1; position: relative; margin:auto; }*/ /*區塊用途: 隱藏首頁&搜尋頁&電子書詳細頁的分類板塊(leftColumn), 廣告則置中不調整長寬大小*/
.coin-slider 		{ overflow: hidden; zoom: 1; position: relative; }
.coin-slider a		{ text-decoration: none; outline: none; border: none; }
.cs-buttons 			{ font-size: 0px; padding: 10px; float: left; }
.cs-buttons a 		{ margin-left: 10px; height: 12px; width: 12px; float: left; background:#eee; color: #eee; text-indent: -1000px; }
.cs-active			{ background: #99CC33!important; color: #FFFFFF; }
.cs-title 			{ width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 10px 10px; background: #000000 url("../images/pnavi_next.png") no-repeat center center; width:18px; height:21px; }
.cs-prev			{ background: #000000 url("../images/pnavi_pre.png") no-repeat center center; }
.cs-prev:link,
.cs-prev:visited,
.cs-next:link,
.cs-next:visited	{color:#fff; }

/*page navigation*/
.pagefoot					{width:100%; float:left; margin:40px 0; text-align:center;}
.pagination 					{}
.pagination a,
.pagination span				{font-size:13px; font-family:Verdana, "微軟正黑體", "新細明體"; text-decoration:none; background:#eee; color:#666; margin:0 5px; padding: 6px 8px; text-align:center; width:16px; -webkit-border-radius: 3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; position:relative;  behavior:url(css/PIE.htc); display: inline-block; zoom: 1; *display: inline;}
.pagination .current 		{background:#31929c; color: #fff;}
.pagination a:hover			{background:#ccc;  text-decoration:none!important;}
.pagination .prev,
.pagination .next			{display:none!important;}


/**/
.popupStyle 				{display:none; min-width:320px; max-width:80%; padding:20px; text-align:center; background:#fff; -webkit-border-radius: 10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;  -webkit-box-shadow: #999 0px 0px 10px; -moz-box-shadow: #999 0px 0px 10px; box-shadow: #999 0px 0px 10px;  behavior:url(css/PIE.htc); }
.popupStyle h1			{color:#754c29; font-family:Arial,"微軟正黑體", "新細明體";}
.popupStyle h2			{color:#754c29; font-size:22px;}
.popupStyle p			{font-size:15px;}
.popupStyle .note		{font-size:12px; color:#666;}
.popupStyle .ctable		{}
.popupStyle .ctable td	{text-align:center;}
.popupStyle .tool		{margin-top:30px; clear:both;  float: left; text-align: center; width: 100%;}
.popupStyle a			{margin:0 3px;}
.popupStyle .button		{padding:10px 50px!important;}
.popupStyle .close		{background:#FFF url(../images/btn-delete.png) no-repeat center; padding:5px; position: absolute; right:-5px; top:5px; cursor: pointer; height:20px; width:20px; z-index:99; display:none;}
.popupStyle .close:active 			{top:1px!important; position:relative;}
.popupStyle .button.close,
.popupStyle .button.close:link,
.popupStyle .button.close:visited	{background:#fff!important; position:relative; right:auto; top:auto; width:auto; height:auto; white-space:nowrap;  padding:10px 12px; display: inline-block; *zoom: 1; *display: inline;}
.popupStyle .form					{background:#fff; width:100%; padding:0;}
.popupStyle .bluish-btn.close,
.popupStyle .bluish-btn.close:link,
.popupStyle .bluish-btn.close:visited	{background:#25a3a0!important; position:relative; right:auto; top:auto; width:auto; height:auto; white-space:nowrap;  padding:10px 12px; display: inline-block; *zoom: 1; *display: inline;}
.popupGallery			{padding:10px;}
.popupGallery p			{}
.popupGallery .close		{background:#fff url(../images/icon_delete.png) no-repeat center; border:2px solid #333; padding:5px; position: absolute; right:-10px; top:-10px; cursor: pointer; height:20px; width:20px; z-index:99; display:block; -webkit-border-radius: 30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.popupGallery .close:active		{position: absolute!important; right:-10px!important; top:-8px!important;}

.popupWin							{width:auto; padding: 30px;}
.popupWin .header					{}
.popupWin .mainContent				{}
.popupWin .mainContent h2			{}
.popupWin .mainContent .content		{}
.popupWin .mainContent .content p		{line-height:180%; font-size:15px;}


/*區塊用途: 隱藏首頁&搜尋頁&電子書詳細頁的分類板塊(leftColumn), 廣告則置中不調整長寬大小*/
/*start*/
/*
#index .leftColumn, #book_detail .leftColumn, #search_result	.leftColumn			{display:none;}
#index .rightColumn, #book_detail .rightColumn, #search_result .rightColumn		{width:100%;}
#index .item, #book_detail .item, #search_result .item	{width:479px;}
#index .coin-slider 		{width:790px;}
*/
/*end*/

.unlogin  .leftColumn {display:none;}
.unlogin  .rightColumn {width:100%;}



.tabs                    	{width: 100%; letter-spacing: -1px; margin: 30px 0; text-align:left; border-bottom:1px solid #25A3A0}
.tabs  ul                 	{}
.tabs  ul li              	{display: inline-block; width:; letter-spacing: normal; margin-right:5px;}
.tabs  ul li a:link,
.tabs  ul li a:visited    {display: block; background: #eee; padding:10px 30px; color:#666; text-decoration: none; font-size:15px; letter-spacing: 2px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.tabs  ul li a:hover      {}
.tabs  ul li a:active     {}
.tabs  ul li a.current    {background-color:#25A3A0; color:#fff; font-weight:bold;}

.subpane					{padding:0px 10px; box-sizing:border-box;}
.accordion          			{padding:10px; background: #fff; border:5px solid #eee; margin-top:20px;}
.accordion h3       			{cursor: pointer; display: inline-block; width: 100%; padding:10px 0; text-indent: 10px; margin:0px 0; border-top:1px dotted #ccc; font-size:15px; }
.accordion h3:first-child       {border:0;}
.accordion h3       	        {background:#99CC33; color:#fff; border-top:1px solid #fff;}
.accordion h3:hover         	{background:#99CC33; color:#06c}
.accordion h3.current:hover 	{background:#99CC33; color:#fff;}
.accordion .ct      			{background:#fff; display: none; padding:20px 50px; box-sizing: border-box; color:#333;  border:1px solid #99cc33; }
.accordion p        			{font-size:13px; line-height: 160%;}
.accordion h3 b     			{font-size:13px; font-weight: normal!important;  font-family: Verdana;  margin-right:10px;}

.mainContent .kaptcha					{margin-left:25%;}
.mainContent .kaptchaInput			{margin-left:40px!important;}
.mainContent .kaptchaInput input		{font-size:18px;width:145px;height:28px;}
.mainContent .kaptcha ::-webkit-input-placeholder {
	font-size: 14px;
	text-indent: 25px;
}
.mainContent .kaptcha ::-moz-placeholder {
	font-size: 14px;
	text-indent: 25px;
}
.mainContent .kaptcha :-ms-input-placeholder {
	font-size: 14px;
	text-indent: 25px;
}
.mainContent .kaptcha :-moz-placeholder {
	font-size: 14px;
	text-indent: 25px;
}
.mainContent #kaptchaImage {
	cursor: pointer;
	margin-left: 10px;
}

.mainContent #refreshImage {
	width: 1.5rem;
	cursor:pointer;
	margin-top: 0.3rem;
}

.mainContent .kaptcha div:nth-of-type(3) {
	width: 2rem;
}