/* 共用 */

body{background:none;}

.toSlideToggle:hover{cursor:pointer;}
.toToggle:hover{cursor:pointer;}

/* 圓角 */
.b1f, .b2f, .b3f, .b4f{
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.b1f {height:1px; margin:0 5px; background:#ccc;}
.b2f {height:1px; margin:0 3px; border-right-width:2px; border-left-width:2px;}
.b3f {height:1px; margin:0 2px;}
.b4f {height:2px; margin:0 1px;}
.b4f {height:2px; margin:0 1px;}
.contentf { padding-left:15px; border-right:1px solid #ccc; border-left:1px solid #ccc; height:auto;}

.rightdiv {width:672px;height:auto; margin:0 0 8px 10px;}



.red{color:#F00;}
.blue{color:#0000FF;}
.grey{color:#ccc;}
.yellow{color:#FFFF33;}
.dpgrey{color:#666;}
.dpblue{color:#336699;}
.orange{color:#FF6633;}
.image img{border:1px solid #ccc; padding:4px;background:#fff;}
/* 字級 */
.big{font-size:24px; line-height:180%;}
.normal{font-size:20px; line-height:160%; padding:5px 0 5px 0;}
.small{font-size:16px; line-height:150%;}
.bold{font-weight:bold;}

/* 對齊 */
.alignc{text-align:center;}
.alignr{text-align:right;}
.alignl{text-align:left;}

/* 邊框 */
.bdgrey{border:1px solid #eee; }
.bddpgrey{border:1px solid #ccc; overflow:hidden; }
.blue_border{border:1px solid #06C;}
.padding1{padding:10px;}

/* 圓角 */
.round{-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}

/* 背景色 */
.bk_white{background:#fff;}
.bk_grey{background:#eee;}
.bk_blue{background:#ECF2FF;}
.bk_dpblue{background:#336699;}
.bk_aliceblue{background:#F0F8FF;}
.bk_dpred{background:#B41010;}
.bk_wg{background:url(../images/bk_whitegrey.png)  repeat-x; background-position: bottom;}

/* 背景 */
.blue_right_top{ background:url(../images/bk_blue_top.png) repeat-x; }
.blue_right_top h2{background:url(../images/icon_star.png) no-repeat; padding-left:30px;}
.orange_right_top h2{background:url(../images/icon_star.png) no-repeat; padding-left:30px; color:#fff;}
.orange_right_top{ background:url(../images/bk_orange_top.png) repeat-x; }
.orange_left_top{background:url(../images/bk_orange_left_top.png) no-repeat;}
.bk_blue2{background:url(../images/bk_blue2.png) repeat-x;}
.bk_frmth{background: url(images/bk_forumhead.gif) repeat-x;}
background:#fff;grey{background:url(../images/bk_whitegrey.png)  repeat-x; background-position: bottom;}
.bk_stripe_blue{background:url(../images/bk_stripe_blue.png) repeat;}
.bk_stripe_red{background:url(../images/bk_stripe_red.png) repeat;}

/* 按鈕 */

.btn{text-align:center; padding:2px 15px;}
.btn2{padding:0 10px; height:25px;}
.btn3{.round; display:inline-block; padding:2px 10px;  border:1px solid #ccc; overflow:hidden; cursor:pointer;}
.btn_blue{background:url(../images/btn_blue.png) repeat-x; color:#fff; .alignc; width:80px; border:1px solid #039; display:inline-block;  cursor:pointer; }
.btn_blue2 {background:url(../images/btn_blue2.png) repeat-x; color:#fff;}
.btn_blue2:hover {background:url(../images/btn_blue2_1.png) repeat-x;}
.btn_bigblue{
	color:#fff;
	text-align:center; display:inline-block;
	width:250px; height:80px;
	background:url(../images/btn_bigblue.png) no-repeat;
	padding-top:28px;
}

a:hover .btn_blue{background:url(../images/btn_red.png) repeat-x; border:1px solid #900;}
a:hover .btn_bigblue{color:#ccc;}

/* 結構 */

.right{float:right; height:auto;}
.left{float:left; height:auto;}
.inline{display:inline;}
h3{ font-size:15px; }


a:hover.image{img{border:1px solid #666; padding:4px;}}
a:hover {cursor:pointer;}

/* 頁碼導航 */ 

.pgnav{text-align:right; padding-top:8px;}
.pgnav ul{padding: 0 20px 10px 0; display:inline;}
.pgnav ul li{
			display:inline-block;
			border:1px solid #004080;
			margin: 0 0 0 5px; line-height:130%;
			text-align:center; display:inline-block;background:#A8CDFB;
			
			}
.pgnav ul li a{padding:0 4px;width:18px;}
.pgnav ul .active{background:#369; color:#fff;}
.pgnav ul .active a{color:#fff;}
.pgnav ul li:hover{ cursor:pointer; background:#369; color:#fff;}
.pgnav ul li:hover a{color:#fff;}

/* 評論 */

.cmt{
	margin:5px 0 10px 10px; .bk_blue; .round; border:1px solid #eee;
	textarea{margin-top:5px;}
	h3{
		border-bottom: 2px dashed #fff; color:#36F; margin-right:15px;
		.info{font-weight:normal; font-size:12px; margin:0 0 0 30px; color:#000;}
	}
	table.myreply{
		padding: 5px 10px; 
	}
	.box{
		margin: 10px 10px 0 0; display:block;
		.box{dislplay:block;text-align:center;}
		table{
			margin: 5px 0;
			.cont{background:#fff; padding:5px; }
			td{
				.image{margin:0 0 0 5px;}
				.author{text-align:left;}
				.txt{width:550px; display:block; text-align:left; margin: 5px 10px 0 10px; text-align:left;}
			}
		}
		.author{
			margin-left:10px;
			a{
				&:link{.bold;}
				&:visited{.bold;}
			}
		}
	}
}

/* 頁頭 */

#head{
	background:#fff;
	padding-top:5px; margin: 0 0 2px 0; 
	border-bottom:2px solid #ccc;
	height:130px; overflow: hiden;
	.left{margin: 0; display:inline-block; width: 230px;}
	.right{
		margin: 0; display:inline-block; width: 670px;
		.login{
			position: relative;  overflow:visible; height:26px;
			top: 10px; width:670px; text-align:left;
			background: #eee;
			padding: 3px;
			border:1px solid #ccc;
			.btn{
				background:url(../images/btn_login.png) repeat-x; color: #fff;
			}
			
				display: inline-block; width:670px; padding:0px auto; .alignr;
				.myFunc{
					margin:0 1px; padding: 1px 6px;
					display: inline-block; background: #555; color: #fff; 
					&:hover {background: #888; }
				}
				.bkRed{background:#942500; &:hover{ background: #CC0000;}}
				.bkWhite{background: #4D79FF; &:hover{ background: #809FFF;}}
			
		}		
	}
}
/* ========= CSS觸碰式下拉式選單 ========= */
/* These styles create the dropdown menus. */
#msgBar {
	margin: 0; padding: 0; height: 30px; 
	li{
		list-style: none; width:120px; .alignc;
		float: left;
		.num{
			.round;  padding:2px 5px;
			font-family:simhei; .bold;
		}
		.bk_grey{background:#ccc;}
		.bk_red{background:#ff0000; }
		a{
		   display: block;
		   padding: 1px 6px;
		   background-color: #555;
		   color: #fff;
		   text-decoration: none;
		   &:hover{background:#888;}
		}
		ul {
		   display: none; 
		   width: 10em; /* Width to help Opera out */
			li{
				width:280px; text-align:left;
				a{
					background:#666;
					&:hover{ background: #888;}
				}
				a.unread{
					background-color: #990000;
					&:hover {background:#CC0000;}
				}
			}			
		}
	}
}
#msgBar li:hover ul, #msgBar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#msgBar li:hover li, #msgBar li.hover li {
   float: none; }
#msgBar li:hover li a, #msgBar li.hover li a {
   background-color: #333;
   border-bottom: 1px solid #fff;
   color: #fff; }


/* menu欄 */

/*
#navbar{
	display:inline; width:685px; margin: 20px 0 20px 0;
	float:right; text-align:right;
	li{
		display:inline; margin:0 -2px;
	}
}
*/
.nav_menu{
	margin: 60px 0 0 0; .alignr;
	a{
		display:inline-block; background:url(../images/nav_menu1.png) no-repeat; 
		.alignc;
		width:78px; padding:4px 0 1px 0; margin: 0 2px;
		&:hover {color:red;}
	}
}



/* 導航 */
.navlkb {
	display:block; border:1px solid #fff; margin: 0 0 5px 0; padding: 5px 0 5px 10px;
	color:#336699; line-height:120%; .round; .bk_blue;
}
.navlkb a{color:#336699; display:inline;border:1px solid #ECF2FF; margin:5px 0 5px 0; padding:3px 5px;}
.navlkb a:hover{color:#fff;border:1px solid #fff; .bk_dpblue; }

/* 文字廣告橫條 */

#adlink_bar{
	display:block;
	text-align:center;
	margin: 3px 0 10px 0;
	border:1px solid #F93;
	background: #FFF2E6;
	height:20px;
	padding:2px 0;
}
#adlink_bar li{display: inline; margin: 0 20px 0 0; }

/* 廣告 */

.ad{border:1px solid #ccc; padding:5px 0; text-align:center; width:262px; background:#fff;}
.left_ad{margin-bottom:8px; }



/* 頁頭以下 */

#left_widget {float:left;width:260px;}
#left_search {}
#right_widget { float:right;width:670px;height:auto; margin:0 0 8px 0;}
.rightdiv .top{
		display:block; height:23px; color:#fff;
		h2{font-weight:bold; font-size:15px;  margin: 0 0 5px 5px;}
	}
.rightdiv .ad{width:670px;}
#touch_right_widget {float:right:width:100px;height:auto;margin-right:1px; }


/* slide 排行榜*/

.nowrank_title {margin: 0 0 5px 10px; color:blue; font-size: 16px;}

/* 登入控制台 */
.login{
	display:block; margin-bottom:5px; width:260px;
	background:url(../images/bk_login_middle.png) repeat-y;
	.box1{
		overflow:hidden; .round; border:1px solid #eee; .bk_wg;
		padding:0 0 0 10px;
		h1{margin: 0 0 10px 0;}
		.left{
			ul{
				margin:8px 0;
				li{display:inline-block; margin:0 5px;}
			}

		}
	}
	.box{
		padding:5px 0 3px 12px; overflow:hidden;
		.round; border:1px solid #eee; .bk_wg;
		.right{margin-right:15px;}
	}
}
#loginMenu{
	li{
		background:url(../images/btn_mylist.gif) no-repeat; display:block; width:100px;.alignc;
		a:hover{background:url(../images/btn_mylist_1.gif) no-repeat;color:#000; }
	}
	a{ display:block;}
}
.login_btn{height:45px;color:#fff; width:60px; .alignc;background:url(../images/btn_login.png) repeat-x; margin-right:10px;}

/* 左欄 */
.widget{
	margin-bottom:8px;
	h2{
		font-size:18px; margin:2px 10px; padding-left: 35px; line-height:160%; 
		background:url(../images/icon_brush.png) no-repeat; 
	}
	padding: 2px 0 6px 0; width: 262px;
	.round; display:block; background:#fff; border:1px solid #ccc; overflow:hidden;
	.link {
		li{
			padding-left:20px; margin: 0 10px 0 5px; display:block;
		}
		.ads {
			display:block; margin:0 0 8px 0; overflow:hidden;
			a.button{display:inline; margin: 0 0 0 15px;}
			.left{display:inline-block; width:110px;}
			.right{display:inline-block; width:125px; margin: 0 0 25px 0; }
		}
	}
	.middle{background:#fff;}
	
	.link{
		a{
			display:block;
			&:hover{background:#eee;}
		}
	}
	.video{
		.box{width:245px; }
		.cont{
			padding: 5px 6px 0 6px; border:1px solid #BACDFE;
			background:#DDE7FF;margin: 5px 8px 0 8px;
			li .txt{margin: 0 0 0 5px; display:inline-block;}
			a{
				&:link{
					li{
						margin: 0 0 5px 8px; line-height:20px; background:url(../images/arrow_right.png) no-repeat;
						padding: 0 0 0 16px; vertical-align:bottom; color:#000;
					}
					.act{background:url(../images/arrow_right_1.png) no-repeat;}
				}
				&:visited li{color:#000;}
				&:hover li{background:url(../images/arrow_right_1.png) no-repeat; color:#005FB4;}
			}
		}
		.more{display:block; height:20px; margin: 5px 10px 0 0;}
		a:hover .linkrow{border:1px solid #000;}
	}
	#online_row{
		margin:5px 0 0 6px;
		li{margin: 0px auto; padding:0px auto; line-height:100%;}
		img{
			padding:4px; border:1px solid #ccc;
			&:hover{border:1px solid #000;}
		}
	}
	.widMore { float:right; margin:0 6px 0 0;}
	#friendly_link{
		.alignc;
		.linkrow{
			display:inline-block; margin:2px; width:120px;
			img{
			border:1px solid #ccc;
			&:hover{border:1px solid #000;}
			}
		}
	}
	.relatebox{
		background:#fff; .padding1;
		li{
			display:block; border-bottom:2px dashed #ccc; overflow:hidden;
			.image{height:128px; width: 90px; display:block; .left; padding:5px 0;}
			.txt{
				.right; height:128px;  width: 142px; margin:5px 0 0 2px;
				h2{ font-size:16px; background:none; padding:0; margin:0;}
			}
		}
		.more{height:auto;}
	}
}

.widget .imgrow{ width:240px; padding-top:5px; }
.widget h3{margin: 0 0 5px 10px; padding-top:5px; font-size: 15px;}

/* 搜索欄 */
#left_search{
	padding: 2px 0 5px 0; display:block; width: 262px; .alignc; margin-top:5px;
	.top{background:url(../images/bk_searchbox.png) no-repeat;  height:33px;}
	.middle{
		padding: 5px 4px; border-left: 3px solid #EE762F;border-right: 3px solid #EE762F; 
		background:#fff;border-bottom: 3px solid #EE762F;
		span{border:1px solid #ccc; margin-left: 3px; padding:1px 3px;}
		a:hover span{background:#eee;}
	}
}
#comicType li{display:inline-block; width:64px; border:1px solid #336699; margin: 8px 2px 5px 2px; 
	background:url(../images/btn_blue.png) repeat-x; 
	a {color:#fff;}
	&:hover{ background:url(../images/btn_red.png) repeat-x; cursor:pointer;}
}

/* 熱門作品 */
#hotwork{
	width:670px;height:auto; margin:0 0 8px 0; border:1px solid #F46F09; .bk_stripe_blue;
	.top{.orange_right_top;}
	.cont{
		padding:5px 2px; margin:0 5px 5px 5px;
		background:#fff; .alignc; 
		li{
			display:inline-block; margin: 5px 10px;
			.title{text-align:center; }
		}
	}
}
.tabmenu{
	margin: 5px 0 0 10px;
	.active{background:url(../images/btn_red.png) repeat-x;}
	li{
		display:inline-block; border-top:1px solid #036; border-left:1px solid #036; border-right:1px solid #036; 
		background:url(../images/btn_blue.png) repeat-x;
		&:hover{background:url(../images/btn_red.png) repeat-x;}
		a{padding: 0 10px;color:#fff;}
	}
}

/* 熱門討論 */
#hotfrm{
	li{
		span{ display:inline-block; }
		.rank_h{ width: 50px; .bold; .alignc; border-bottom:2px dashed #336699;}
		.title_h{ width: 420px; .bold; .alignc; padding:0 5px; border-bottom:2px dashed #336699;}
		.forum_h{ width:100px; .bold; .alignc; padding:0 5px; border-bottom:2px dashed #336699;}
		.reply_h{ .bold; width:50px; .alignc; border-bottom:2px dashed #336699;}
		.rank{ width: 50px; .alignc; .bold; .red;}
		.title{
			width: 420px;
			.bk_aliceblue;
			padding:0 5px;
			&:hover{
				.bk_grey;
				a{color:#336699;}
			}
		}
		.forum{
			width:100px;
			.alignc;
			border-left: 3px solid #fff;
			.bk_aliceblue;
			padding:0 5px;
			&:hover{
				.bk_grey;
				a{color:#336699;}
			}
		}
		.reply{.alignc; width:50px;}
		border: 2px solid #fff;
	}
	padding-bottom:5px;
}

/* 我的首頁 */
#memberdetail{
	overflow:hidden; height:auto;
	background:#fff; border:1px solid #eee; .round; .padding1;
	.left{
		.alignc;
		width:120px; height:auto;
		.image{margin-bottom:10px;}
	}
	.btn{
		a{
			outline:1px solid #666; display:inlie-block;
			padding:3px 10px; .btn_blue2; color:#fff;
			&:hover{background:url(../images/btn_blue2_1.png) repeat-x;}
		}
	}
	.right{
		width:510px;
	}
	ul{
		border:1px solid #ccc; padding:6px; margin:1px 10px 8px 10px;
		li{
			padding:0 6px; margin:0 0;background:url(../images/bk_blue2.png) repeat-x;
			border-left:1px solid #DFE6FF;border-right:1px solid #DFE6FF;
			border-bottom:1px solid #DFE6FF;
			span{ vertical-align: text-top; display:inline-block;}
			.option{width:100px; vertical-align:text-top;}
		}
	}
	
} 

/* 收藏 */
.clist{
	padding:5px 0 0 10px; border:1px solid #eee; .round; .bk_wg;
	h1{ font-size:16px; margin: 0 15px 10px 0; border-bottom:2px dashed #999; display:block;}
	.clist_ul{
		width:630px; 
		li{
			width:88px;
			text-align:center;
			display:inline-block; padding:5px 15px;
			.title{width:80px;text-align:center;}
			.del { display:block; margin-top:3px; }
		}
	}
}
#MyFavTopic{
	text-align:center;
	table{
		width:635px; border: 1px solid #E97501;
		th{background: url(../images/bk_forumhead.gif) repeat-x; color:#fff; height:25px; }
		td{background:#fff; .alignc;}
		.title{text-align:left; padding:0 0 0 10px;}
	}
}

/* 搜尋 */
.search_res{
	background:#fff; .round;
	padding: 10px 0 15px 48px; border:2px solid #eee; margin: 5px 0 0 0;
	ul li{text-align:center;display:inline-block; margin:0 8px 10px 0; width:110px;}
	.title{ .normal; .dpgrey; }
}

/* 最新消息 */
#rdiv_news{
	display:block; .bk_white;
	padding: 10px 20px;
	li{
		display:block;
		span { margin-right: 10px; }
	}
	
}

/*  左右箭頭  */
#arrow_panel{height:auto; overflow:hidden;}
#arrow_panel{
	width:668px; 
	margin-bottom:5px;
}
/* 編輯評語 */
#review{
	width:668px; background:#fff; .round; border:1px solid #ccc;
	margin-bottom:5px;
	#review_row{ margin:15px;}
	ul{
		li{
			display:inline-block; padding:3px; background:url(../images/bk_stripe_blue_2.png) repeat-x;
			background-position:bottom;
			.image{width:100px;}
			.txt{
				width:528px;
				a{font-weight:bold;}
			}	
		}
	}
	a:hover{
		img{position:relative; bottom:-1px;}	
	}
}
.addreview_btn { margin:5px 10px 10px 0;  .right; .btn3; background:#FC6; }
.addreview_btn_off { margin:5px 10px 0 0; .right; .btn3;  .bk_grey; }
.addreview{
	border:1px solid #6DA9E7;
	padding:10px 10px 8px 20px; margin:5px 15px 10px 15px; .bk_stripe_blue;
	ul li{display:inline-block; padding:3px; }
}

/* 作品介紹頁 */
#product{
	width: 670px;
	overflow:hidden; .round; border:1px solid #ccc; overflow:hidden; background:#fff; 
	a:hover img{position:relative;bottom:-1px;}
	h2 { font-size:16px; margin-bottom: 5px; color:#C00; }
	/* 作品介紹左欄 */
	.left{
		width:215px;
		height:auto;
		text-align:center;
		padding:8px 0;
		margin:0 0 0 15px;
		ul{
			margin: 30px 0 0 0; display:block;
			li { margin: 4px 0 0 0; }
			#comicShortUrl{
				cursor: pointer;
				margin: 5px 0 0 40px;
				display:block;
				background:#EEF5FC;
				text-align:center; width: 133px; color:#1B5DA3;
				border: 1px solid #73B7FF;
			}
			#comicShortUrl:hover {color:red;}
		}
		/* 推薦收藏按鈕 */
		.push{
			width:136px; font-size:20px; font-family: Verdana, Geneva, sans-serif;
			a:hover .down{
				background:url(../images/btn_blue2_1.png) repeat-x;
				border:1px solid #F6B5C7;
			}
			.left1{
				float:left;width:66px; margin:0; padding:0; height:auto;
				.up{border:2px solid #ccc; margin: 0 0 2px 0;}
			}
			.right1{
				float:right;
				width:66px; margin:0; padding:0; 
				height:auto;
				.up{ border:2px solid #ccc; margin: 0 0 2px 0; }
			}
			.down{
				background:url(../images/btn_blue2.png) repeat-x; display:block;
				height:28px; border:1px solid #A1BFF4; color:#fff;
			}
			.down1{
				background:url(../images/btn_blue2_1.png) repeat-x;
				display:block; height:28px; border:1px solid #F6B5C7; color:#fff;
			}
		}
	}
	/* 作品介紹右欄 */
	.right{
		width:400px; padding: 8px;
		.title{
			overflow:hidden;
			.left{
				height:auto; width:270px;  margin:0 0 2px 0; text-align:left;
				.cata{font-size:13px; margin-bottom:10px;color:#C00;border-bottom:2px dashed #F93;}
				h1{font-size:24px; line-height:130%; }
			}
			.right{
				width:auto;padding:0 5px; border:1px solid #C30;
				font-size:13px; display:block; margin:5px 0 0 0;
			}
		}
		/* 標籤列 */
		#tagrow{
			ul{
				margin:0 0 10px 0;
				li{
					display:inline-block; background:#FC6; margin:0 2px 5px 0; line-height:130%;color:#900;
					a{
						display:block; padding: 1px 5px;
						&:hover{background:#F90; color:#fff;}
					}
				}
			}
		}
		/* 作品介紹 */
		#comic_intro{padding:5px 10px; margin: 0 0 10px 0; .bk_stripe_blue}
		/* 綜合評價 */
		#rate_res{
			.bk_stripe_blue; .padding1; margin-bottom:15px;
			.grade_all{
				border-bottom:2px dashed #F60; display:block;
				margin-bottom: 10px; padding: 4px 0;
				cursor: pointer; font-size:20px; 
				&:hover {background:url(../images/bk_stripe_red.png) repeat;}
			}
		}
		/* Cart Banner */
		.cartBtn { margin-bottom:10px;}
		/* 作者資訊 */
		.author{
			overflow:hidden; margin:0 0 5px 0; line-height:150%; color:#000;
			background:#FFF5EC;border:2px solid #C60;
			a{
				&:link{color:#900; .bold;}
				&:visited{color:#900;}
				&:hover{color:#FF6633;}
			}
			.left{width:300px; height:auto; margin:0 5px 0 5px; padding:0; text-align:left;  float:left;}
			.right{width:65px; height:auto; margin:10px 5px 0 0; float:right;}
		}
	}
}
.cmdlist{
	margin:10px 0 0 0; text-align:right;
	li{ 
		display:inline-block; background:#FC6; 
		border-right:2px solid #C60; border-left:2px solid #C60;border-top:2px solid #C60;
		maring: 0 5px; 
		a{
			display:block; padding: 0 10px;
			&:hover{background:#F90; color:#fff;}
		}
	}
}
.relateOnline {
	.round;.bk_white; border:1px solid #ccc; margin:10px 6px 0 7px;
	padding: 5px 0 10px 0;text-align:center; overflow:hidden;
	ul {
		margin-top: 10px;  width:670px;
		li{
			display:inline-block; text-align:center; margin: 5px;
			img{
				padding:3px; border:2px solid #ccc;
				&:hover { border:2px solid #FC6;}
			}
		}
		
	}
	ul.gr_comic{ li{margin: 5px 3px 8px 3px;} }
	h2{
		font-size:18px; margin:10px 0 0 10px;
		background:url(../images/icon_brush.png) no-repeat;
		padding-left:35px; text-align:left;
	}
	.right{margin-right:10px;}
}



/* 章節列表 */
.chapter_btn{
	.left;.round; border:1px solid #ccc; overflow:hidden; background:#FC6; 
	text-align:center; width: 210px;
	margin:10px 0;height:auto;
	cursor: pointer;
}
.chapter_btn_off{ .bk_grey; color:#666;}
.chapterlist{
	background:#fff; color:#ccc; .round; border:1px solid #ccc; overflow:hidden; display:block;
	width:648px; margin:0 0 10px 0; padding: 10px;
	li{
		display:inline-block; width:212px; border-bottom:1px dashed #666;
	}
}

/* 作品管理  */
#upd_img_row{
	display:block; margin: 0 20px 0 20px; .bk_grey; .round;
	padding: 5px 0 4px 10px;
	li{ display:inline-block; margin-left: 6px;  }	
}
#searchMemberRes {padding:5px 0;}
#searchMemberRes .copySN{ line-height: 180%; border-bottom:1px solid #ccc;}
#searchMemberRes .copySN:hover {background:#eee; cursor:pointer; }


/* 站內信 */
#pmbox{
	h1{font-size:20px; padding: 5px 10px; border-bottom:2px  dashed #fff;color:#369;}
	width:665px;  border:2px solid #CBDAF5; margin: 0 0 10px 0;
	a{cursor:pointer;}
	ul.pmlist{
		background: #ECF2FF; boder: 1px solid #F7FAFF;
		padding:3px 5px; margin-bottom:10px;
		.unread {background:#FEDDD3;}
		li{
			border-bottom: 2px dashed #fff;
			&:hover{background:#CBDAF5;color:#fff;}
			span{display:inline-block;}
			.info{width:280px;}
		}
		.cont{
			background:#fff; line-height:140%; overflow:hidden; display:block; 
			width:560px;
			padding:10px 30px 6px 30px;
			&:hover{background:#fff; color:#000;}
			.right{
				height:auto; display:inline-block; margin-right:5px;
				a{
					text-decoration:underline; display:inline-block; padding:0 3px;
				}
			}
		}
	}
}
#pmform{
	.round; 
	background:#fff;  border:1px solid #eee; background:#fff;
	margin-bottom:8px;}

/* 漫畫學園 */
#school_menu{
	margin:10px 0; font-size: 16px; 
	li{
		display:block;	background:url(../images/btn_blue2.png) repeat-x;  .alignc; color:#fff;
		a{color:#fff;}
		&:hover{background:url(../images/btn_red.png) repeat-x;}
	}
	.active{background:url(../images/btn_red.png) repeat-x;}
} 

#course_list{margin: 10px 0;}

#school_right{
	border:1px solid #ccc; padding:0 10px; margin: 0 0 10px 0; background:#fff;
	width: 645px; float:right; 
	h1{
		font-size:26px;  margin: 10px 0;
		.author{
			font-size:15px;
			a{
				&:link{color:#09F;}
				&:visited{color:#09F;}
				&:hover{color:#00C;}
			}
		}
	}
	.info{
		margin: 10px 0 0 0; padding: 5px 0 0 0; overflow:hidden;
		.left{width:110px; height:auto;}
		.right{width:500px; margin-left:10px; height:auto; .round;
		background:#fff; .padding1; border:1px solid #ccc; overflow:hidden;}
		.bottom{
			text-align:left; margin-top:10px;
			.left{width:285px; height:auto; margin: 0;}
		}
	}
}

/* 線上誌 */
.online_show{
	background: #fff; border:1px solid #eee; .round;
	padding: 10px 28px 8px 28px;
	li{		
		display:inline-block;
		vertical-align:text-top;
		margin: 10px 20px;
		width: 250px;
		.author{
			display:inline-block;
			.small;
			.round;
			margin: 0 5px 0 0;
			line-height:120%;
			padding: 0 5px;
			background:#FC6; 
		}
		.intro{
			.bold;
			display:block; .round;
			padding:10px;
			margin-top: 10px;
			.bk_stripe_blue;
			&:hover{ .bk_stripe_red; }
		}
		.price{
			.right;
			display:block;
			padding: 0 5px;
		}
		h2{ font-size:18px; .orange; line-height: 160%;}
		img{
			padding:4px; border:1px solid #ccc; overflow:hidden;
			&:hover{ border:1px solid #000;}
		}
	}	
}
#online_btm{
	.alignc;
	.bk_stripe_blue;
	border: 5px solid #fff;
	margin-top:10px;
	line-height:180%;
	span{.bold; margin-left:10px;}
	a{color:#000066;}
	a:hover{ color:#0066FF; }
}

/* 討論區 */
.table1{
	.alignc; border: 1px solid #E97501; margin-bottom: 10px;
	line-height: 150%;
	th{background: url(../images/bk_forumhead.gif) repeat-x; color:#fff; height:25px; }
	td{
		background:#fff; .alignc;
		img{margin-left:2px;}
		a:hover img{position:relative; bottom:-1px;}
	}
	.title{text-align:left; padding:0 0 0 10px;}
}

#fgroup_nav {
	margin:0 0 5px 0;background:#ECF2FF; padding:5px; border:2px solid #fff;
	width: 660px;
	.active{background:url(../images/btn_red.png) repeat-x;}
	li{
		-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
		a{color:#fff;padding:4px 15px;}
		&:hover{background:url(../images/btn_red.png) repeat-x;}
		display:inline-block; background:url(../images/btn_blue.png) repeat-x;  margin:0 2px 0 0;
	}
}
.addForum_btn_off{background:url(../images/btn_red.png) repeat-x;}
.forumform{
	margin: 10px; .round; .bk_white; padding: 10px 20px;
	form{
		margin: 10px 0;height:auto;overflow:hidden;
		border-bottom: 2px #ccc solid;
		padding-bottom: 5px;
	}
	table{ margin: 0 0 10px 0; }
	line-height: 180%;
}
#new_post{
	overflow:hidden; margin:10px 0 10px 0; background:#ECF2FF; padding:5px 10px; border:2px solid #fff;
	.right{.alignr;}
	table{
		td{.alignl;}
	}
}
#upload_panel{ margin: 10px 0;  .round; padding:5px 10px;}
#att_manage{ width:520px; margin:0 0 10px 0;}
#favTip {color:#FF8F19; font-size:13px; margin:0 0 20px 0;}
#favTip a{color:#FF8F19;}
#favTip a:hover {color:#FA0300;}
#show_choice span{ font-size:13px; margin:10px 0 10px 0; display:block;  width: 320px; padding: 0 10px; padding-left:10px;
	.alignc; border: 1px solid #EBADAD; background:#F5D6D6; color:#D75B5B;
	background:url(../images/icon_gstar.png) no-repeat; background-position: 6px 4px; background-size: 16px 16px;
	a{ color:#5C85D6;}
	}
.editlog {margin:10px 0; color:#666; font-size:13px;display:inline-block;}
.pushrow { display:inline-block; float:right; margin-right:10px;}
.pushrow li{ display:inline;  }
.func{margin:0 5px 0 0; font-size:13px;}
.func a{ text-decoration:underline;}
#fr_post{
	.bk_stripe_blue; display:block; width:635px; 
	h1{
		border-bottom:2px dashed #ccc; margin:0 8px 5px 0;
	}
	h2{ font-size: 20px; color:red; margin:10px 0 3px 0;}
	div.floor{
		word-wrap: break-word; float:right; width:640px;
		margin:10px 0 0 0;
		padding-bottom: 10px;
		iframe{ margin:20px 0 0 0;}
		div{ vertical-align: text-top;}
		.image{margin:0 5px 0 6px;}
		div.cont{
			display:block;
			width:560px; .round; .padding1;
			background:#fff; border:1px solid #eee;
			margin: 0 0 0 75px;
			font-size: 16px;
			.attachment img{border:1px solid #ccc; padding:4px; margin: 10px 2px;}
			h3{  margin: 0 20px 5px 0;  color:#FF8F19;}
			div.myDraw{
				padding: 4px 8px; border:solid 2px #eee;
				font-size: 13px; margin: 0 0 10px 0; height:115px;
				img{display:inline-block;  text-align:center; padding:5px 9px; }
				img:hover{ background:#eee;}
			}
		}
	}
	.push{
		display:block; margin: 5px 10px 0 5px;border:1px solid #eee; background:#fff;
		li{
			display:block; padding-top:0px;  padding-bottom: 0px; .alignc;
			border-bottom:1px inset #ccc; padding:0px auto; margin:0px auto;
			.box{width:18px; display:inline-block; text-align:center; }
			.box1{ 
				display:inline-block;background:url(../images/btn_blue2.png) repeat-x; padding:0 5px;
				a{ color:#fff; }
			}
			.box1:hover{background:url(../images/btn_blue2_1.png) repeat-x;}
			.box2{display:inline-block; background:url(../images/btn_blue2_1.png) repeat-x; padding:0 5px; color:#fff;}
			span#fchoice {
				span{
					display:inline-block; color:#fff; display:inline-block; width:60px;
					cursor:pointer; margin: 0 0 3px 0;
				}
				span.choice1{
					background:url(../images/btn_blue2.png) repeat-x;
				}
				span.choice1:hover{background:url(../images/btn_blue2_1.png) repeat-x;}
				span.choice2{ background:url(../images/btn_blue2_1.png) repeat-x; }
				span.choice2:hover{background:url(../images/btn_blue2.png) repeat-x;}
			}
		}
	}
}
#signature{background:url(../images/sigline.gif) no-repeat; padding-top:10px; margin-top: 10px; .orange; font-size:13px;}
.forum_choice{
	.round; background:#fff; padding:8px; border:1px solid #ccc; margin:0 0 10px 0; .alignc;
	h2{
		font-size:18px; margin:2px 10px 5px 0;  line-height:160%; .alignl;
		border-bottom: 2px solid #ccc;
	}
	span.imgrow{
		display:inline-block; .alignc; width:130px;
		
		img{ border:2px solid #ccc; padding:3px; margin: 0 0 0 0;}
		img:hover{ border:2px solid #FC6;}
	}
	span.star{ width: 80px;}
}
.arrow_panel{
	display:block; padding:0px auto; height:auto;
	a{
		display:inline-block; padding: 0 10px 0 10px; border:1px solid #ccc; background:#fff;
		&:hover{background:#D84743; color:#fff;}
	}
}


/*_____________________________________________ FAQ _____________________________________________ */
#faqList{ background:#fff; line-height: 180%; padding: 20px;}
#cateMenu{ margin: 20px 0;}
#cateMenu a{ font-size: 16px;}
#cateMenu a.active{color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B;}

#faqList .faqRow{border-top: 2px dashed #ccc;}
#faqList .faqRow .left{ width:650px; display:inline-block;}
#faqList .faqRow h1{font-family: 新細明體; font-size: 16px;  padding:8px 0 0 0; line-height: 160%;}


#faqList .faqRow .right{float:right; font-size:13px; font-weight:normal; color:#1C19FF; margin: 10px 0px 0 0; width:260px;display:inline-block; height: 24px;}
#faqList .faqRow p{ margin: 10px 0 10px 0; font-size:16px; line-height: 28px;}
#faqList .faqRow span.question{ color:red; font-size: 24px; font-family: Arial;}
.editQ { border:2px solid #ccc;  padding: 10px 20px; overflow:hidden; margin: 10px 0;}
.editQ .option{width:80px;}
.editQ span{vertical-align: text-top; display:inline-block;}

/*_____________________________________________ Start - SUBMIT _____________________________________________*/

.sbm_main{
	.round; .bdgrey; .alignc;
	background: #fff; width: 670px; padding-bottom: 50px; margin-bottom:10px;
	h1{ font-size:20px; margin: 20px 0;}
	h2{font-size: 16px; margin-bottom:10px;}
	p.up_title{
		.alignl; margin-top:30px;
		color:#fff; padding: 5px 0 5px 10px;
		display:block; width:360px; background:#666;
		border-top:2px solid #ccc;border-left:2px solid #ccc; border-right:2px solid #ccc;
		.right{
			cursor:pointer;
			margin-right: 5px;
		}
	}
	#uploaded{
		padding: 5px 0 10px 0; margin-bottom: 10px;
		display:block; width:370px; background:#eee; border:2px solid #ccc;
		li{
			border-bottom: 1px solid #ccc; padding-left:10px;
			.alignl;
			img{
				.right; margin:2px 10px 0 0;
			}
		}
	}
	.method_row {
		span { margin-right:10px;}
	}
	.editQ{
		border:0px;
		.alignl;
		.option{width:120px;}
	}

	p.long_radio {.alignl; display:block; width:340px; margin-top:10px;}
}

/*_____________________________________________ END- SUBMIT	 _____________________________________________*/

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.carousel {display:block; width:670px; }
.jCarouselLite ul{display:inline;}
.jCarouselLite ul li{display:inline;}

/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/



/* 頁尾 版權 */
#foot{
	.box{margin:0 0 3px 0;}
}
#copyright{
	clear:both; background:url(../images/copyright_btm_bk.png) repeat-x;
	height:64px; border:1px solid #F93;text-align:center;color:#fff;
	.left{ margin:15px 0 0 140px;}
	.right{display:block; margin:20px 70px 4px 0;}
}