@charset "utf-8";

/* 吉運部落首頁樣式 */

/* default element style ----------------------------------*/
.default_widget { margin-bottom:10px;}
.default_widget .title {
	background:url(images/default_widget.jpg) no-repeat left center;
	line-height:25px;
	padding-left:12px;
	color:#000;
	font-weight:bold;}
.default_widget .box {padding-top:10px; background:url(images/dotted.gif) repeat-x top;}

/* example:
<div class="default_wedgit">
	<h3 class="title">title</h3>
	<div class="box">
		content
	</div>
</div>
-----------------------------------------------------------*/

a {COLOR: #666666; TEXT-DECORATION: none;}
a:hover {color:#9933cc;}

/* skeleton element */
#container {width:950px;}
#wbar {
	background:transparent url(images/wbar_logo.jpg) no-repeat scroll left 50%;
	color:#CCCCCC;
	height:40px;
	margin:20px 0 5px;
	padding:0 10px;
	text-align:right;}
#wbar a {	COLOR: #666666}
#wbar a:hover {COLOR: #ff6600}
#wbar h1 {
	background:transparent url(images/wbar_fate.jpg) no-repeat scroll 160px 50%;
	float:left;
	height:40px;
	width:275px;}
#wbar h1 a {DISPLAY: block; WIDTH: 260px; HEIGHT: 40px}
#wheader {
	background:transparent url(images/wheader_fate.jpg) no-repeat scroll 0 0;
	color:#fff;
	height:50px;
	margin-bottom:10px;}
#wheader #navigation {
	background:transparent url(images/navigation_arrow.gif) no-repeat scroll 10px center;
	float:left;
	line-height:40px;
	padding:0 0 0 33px;
	line-height:50px;}
#wheader #describe {margin-top:13px;float:left;margin:8px 0 0 10px;margin-top:13px;}
#wheader .keyWords {line-height:50px;float:left;padding-left:10px;}
#wheader .keyWords span {font-size:11px;color:#ffff00;}
#wheader a {COLOR: #fff}
#wheader a:hover {COLOR: #ffff00}
#content {margin-bottom:20px;}
#footer {
	background:transparent url(images/footer.gif) repeat-x scroll 50% top;
	clear:both;
	color:#999999;
	height:80px;
	line-height:20px;
	padding-top:40px;
	text-align:center;
	width:950px;}

/* col_1 */
.fate {background:url(images/col_1_bottom.gif) no-repeat bottom;padding-bottom:10px;overflow:hidden;}
.fate .title {BACKGROUND: url(images/col_1_title_bg.jpg) no-repeat left;padding-left:10px;line-height:30px;height:35px;}
.fate .title a {color:#fff;font-weight:bold;}
.fate .title a:hover {color:#fffF00;}
.fate .box {background-color:#fff;padding:0 5px 5px 5px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.fate .box li {display:inline; float:left; width:69px; height:25px;}
.fate .box li a {font-size:15px; text-align:center; line-height:25px; color:#000;}
.fate .box li a:hover {color:#cb0000; text-decoration:underline;}

.game {overflow:hidden;background:url(images/col_1_bottom.gif) no-repeat left bottom;padding-bottom:10px;margin-bottom:10px;_float:left;}
.game img { width:140px; margin-bottom:5px;}
.game .title {BACKGROUND: url(images/col_1_title_bg.jpg) no-repeat left;padding-left:10px;line-height:30px;height:35px;color:#fff;font-weight:bold;}
.game .box {padding:0 5px 0 5px;line-height:20px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.game .box a { color:#cc6600; text-decoration:underline;}
.game .box a:hover { color:#444; text-decoration:none;}
.game ul { overflow:hidden;}
.game li {
	background:url(images/dotted.gif) repeat-x bottom;
	color:#888;
	DISPLAY: block; 
	OVERFLOW: hidden; 
	WIDTH: 100%;}
.game li a { line-height:25px;}

.master02 {overflow:hidden;background:url(images/col_1_bottom.gif) no-repeat left bottom;padding-bottom:10px;margin-bottom:10px;_float:left;}
.master02 .title {
	BACKGROUND: url(images/col_1_title_bg2.jpg) no-repeat;
	padding-left:10px;
	line-height:30px;
	height:35px;
	color:#000;
	font-weight:bold;width:100%;_float:left;}
.master02 .box {padding:0 5px 0 5px;line-height:20px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.master02 a {COLOR: #444}
.master02 a:hover { text-decoration:underline;}
.master02 li {
	background:url(images/dotted.gif) repeat-x bottom;
	color:#888;
	DISPLAY: block; 
	OVERFLOW: hidden; 
	WIDTH: 100%; 
	padding:5px 0 5px 0;}
.master02 li h2 { font-weight:bold;color:#53B8B4;background:url(images/master02_h2_icon.gif) no-repeat left top;padding-left:17px;}

/* col_2 */
.column {
	_position:relative;
	width:548px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;}

	.column .tabs {float:left;width:200px;}
	.column .tabs li {background:url(images/tabs_item.jpg) no-repeat 0% top; height:45px;padding:5px 0 0 5px;_padding-top:0;}
	.column .tabs li a {
		display:block;
		height:50px;
		line-height:40px;_line-height:50px;
		font-size:13px;
		font-weight:bold;
		color:#000;
		padding-left:50px;*padding-left:10px;}
	.column .tabs li a:hover {color:#6600cc; text-decoration:underline;}
	.column .tabs li.current {background:url(images/tabs_item.jpg) no-repeat 100% top;}
	.column .tabs li.current a {color:#6600cc;}
	.column .tabs li img {float:left;width:40px;height:40px;_margin-top:5px;}
	
	.column .box {
		color:#444;
		float:right;_float:none;_position:absolute;_top:0px;_right:0px;
		width:328px;
		height:200px;
		line-height:20px;
		padding:0 10px 0 10px;
		border-top:1px solid #e8e8e8;
		background:url(images/column.jpg) no-repeat right top;}
	.column .box .userImg {display:none;}
	.column .box h2.title {font-size:15px;line-height:30px; font-weight:bold;}
	.column .box h2 a {color:#000;}
	.column .box h2 a:hover {color:#00aaff; text-decoration:underline;}
	.column .box .boxin .innerText {
		text-align: justify;
		text-justify:distribute;}
	.column .box .boxin .innerText a {color:#0066cc;}
	
.articleBox01 {width:550px;overflow:hidden;margin-bottom:10px; position:relative;}

	/* popular-article */
	.articleBox01 .popular-article { position:absolute;left:0px;top:0px;width:270px;overflow:hidden;margin-right:10px; background:url(images/popular_bottom.gif) no-repeat bottom;padding-bottom:10px;_height:1%;_overflow:none;}
	.articleBox01 .popular-article .title {
		background:url(images/popular_title.jpg) no-repeat;
		line-height:30px;
		text-indent:-9999px;}
	.articleBox01 .popular-article .box {padding:5px 15px 10px 15px;LINE-HEIGHT: 20px;overflow:hidden; background:url(images/popular_bg.gif) repeat-y;}
	.articleBox01 .popular-article li {background:url(../../index_v6/images/dotted.gif) repeat-x bottom;_width:100%;margin-bottom:5px;}
	.articleBox01 .popular-article a {
		display:block;
		background:url(images/articleBox_arrow.gif) no-repeat                                                                ;
		padding-left:18px;}

	/* new-article */
	.articleBox01 .new-article {width:270px;overflow:hidden;float:right; background:url(images/popular_bottom.gif) no-repeat bottom;padding-bottom:10px;}
	.articleBox01 .new-article .title {
		background:url(images/new_title.jpg) no-repeat;
		line-height:30px;
		text-indent:-9999px;}
	.articleBox01 .new-article .box {padding:5px 15px 10px 15px;LINE-HEIGHT: 20px;overflow:hidden; background:url(images/popular_bg.gif) repeat-y;}
	.articleBox01 .new-article li {background:url(../../index_v6/images/dotted.gif) repeat-x bottom;_width:100%;margin-bottom:5px;}
	.articleBox01 .new-article a {
		display:block;
		background:url(images/new_arrow.gif) no-repeat left top;
		padding-left:15px;}

.master01 {width:550px;overflow:hidden;margin-bottom:10px; background:url(images/master01_bottom.jpg) no-repeat bottom;padding-bottom:15px;}
.master01 .title {
	height:35px;
	BACKGROUND: url(images/master01_title.jpg) no-repeat;
	text-indent:-9999px;}
.master01 .box {
	float:left;
	padding:5px 15px 0 15px;
	overflow:hidden;
	line-height:25px; 
	background:url(images/master01_bg.jpg) repeat-y;}
.master01 .userImg {
	display:block;
	width:100px;
	BORDER: #ccc 1px solid; 
	padding:3px;*padding:3px 3px 0 3px;
	FLOAT: left; 
	BACKGROUND-COLOR: #ffffff;
	margin-right:5px;}
.master01 .box .boxin {overflow:hidden;line-height:20px;float:left;width:240px;background:url(../../index_v6/images/dotted_y.gif) repeat-y right top;padding-right:10px;}
.master01 .box .boxin h2.subTitle {font-size:13px; font-weight:bold;}
.master01 .box .boxin h2.subTitle a {color:#0099FF;}
.master01 .box .boxin p {padding-bottom:5px;margin-bottom:5px;}
.master01 .box .boxin p a {color:#0099FF;}
.master01 .box ul {float:right;width:152px;padding-left:5px;}
.master01 .box li {float:left;line-height:20px;*width:100%;}
.master01 .box li a {
	color:#888;
	background:url(images/articleBox_arrow.gif) no-repeat left top;
	padding-left:15px;
	display:block;}
.master01 .box li a:hover { text-decoration:underline;}
.master01 li .date {font-size:11px;}

	/* list */
	.master01 .master01_list {padding:5px 20px 5px 20px;overflow:hidden; background:url(images/master01_bg.jpg) repeat-y 0px;_float:left;}
	.master01 .master01_list h3.subTitle {
		font-size:11px;
		line-height:20px;
		color:#660099;
		background:#eee url(../../index_v6/images/dotted.gif) repeat-x bottom;
		padding-left:10px;}
	.master01 .master01_list ul {margin:0;padding-top:10px;}
	.master01 .master01_list li {display:inline;float:left;border:none;}
	.master01 .master01_list li a {background:none;padding:0;}
	.master01 .master01_list img {margin:0 3px 3px 0;border:1px solid #ccc;}
		
.w_list .title {background:url(images/w_list.jpg) no-repeat;height:27px;}
.w_list .title h3 {padding:5px 0 0 10px;line-height:20px;color:#fff;font-weight:normal;}

.gameStart { overflow:hidden; margin-bottom:10px; line-height:20px; background:url(images/dotted.gif) repeat-x bottom;}
.gameStart span { margin:0 2px; font-size:15px; font-weight:bold; color:#ff6600;}
.gameStart .title { height:30px; line-height:30px; background:url(images/gameStart_item.jpg) no-repeat left center; padding-left:13px; font-size:15px; font-weight:bold;}
.gameStart .info { overflow:hidden; background:url(images/dotted.gif) repeat-x top; padding-top:10px;}
.gameStart .info .photo { float:left; padding:5px; border:1px solid #ddd; width:230px;}
.gameStart .info .photo img { width:230px;}
.gameStart .info .desc { margin-left:250px; color:#777;}
.gameStart .info .desc p { color:#000; margin:10px 0; font-size:13px; font-weight:bold; text-align:right;}
.gameStart .input,  .gameStart .confirm { border:3px solid #f3f3f3; margin-bottom:10px;}
.gameStart .confirm td p { font-weight:bold;}
.gameStart .output { overflow:hidden; margin-bottom:10px; background:url(images/dotted.gif) repeat-x top; padding-top:10px;}
.gameStart .output .title { background:url(images/gameStart_item2.jpg) no-repeat left center; font-weight:bold;}
.gameStart .output p { margin-bottom:10px; color:#666;}
/* table
--------------------------------------------------*/
.gameStart table { border:1px solid #ddd;}
.gameStart th { text-align:right; background:#f3f3f3 url(images/dotted.gif) repeat-x bottom; color:#888; border-right:2px solid #ddd;}
.gameStart td { padding:7px; background:url(images/dotted.gif) repeat-x bottom;}
.gameStart td.header, .confirm td.header { color:#888}
.gameStart td.buy, .gameStart td p { text-align:center;}
/*------------------------------------------------*/

/* col_3 */
.sysMsg .title {BACKGROUND: url(../../../../index_v4.5/css/images/f_c3_title_bg.gif) no-repeat;color:#ca0000;}

.mainSubject {width:230px;overflow:hidden;background:url(images/topic_bg.gif) repeat-y; margin-bottom:10px;}
.mainSubject .title {
	height:45px;
	background:#fff url(images/topic_title.jpg) no-repeat;}
.mainSubject .title span {display:none;}

	/* subject */
	.mainSubject .subject {
		margin: 0;
		padding:5px 20px 0 20px;
		line-height:24px;
		background:url(images/subject_bg.jpg) no-repeat top;}
	.mainSubject .subject h2 {color:#006699;font-size:15px;}
	.mainSubject .subject span  {
		text-align:right;
		font-size:11px;
		line-height:20px;
		color:#888;
		background:url(images/mainSubject_icon2.gif) no-repeat right center;
		padding-right:15px;
		margin:0;
		display:block;}
	
	/* box */
	.mainSubject .box {
		padding:0px 15px 35px 15px;
		LINE-HEIGHT: 24px;
		background:url(images/topic_bottom.gif) no-repeat bottom;padding-bottom:15px;}
	.mainSubject li {
		*height:1%;
		overflow:hidden;
		color:#888;
		DISPLAY: block; 
		MARGIN-bottom: 10px; 
		OVERFLOW: hidden; 
		WIDTH: auto;
		BORDER: #eee 1px solid;
		padding:3px;}
	.mainSubject li:hover {background-color:#f6f6f6;}
	.mainSubject a {COLOR: #333;TEXT-DECORATION:underline;}
	.mainSubject a:hover {COLOR: #ff6600}
	.mainSubject img {border:1px solid #ccc;MARGIN-RIGHT: 5px! important;float:left;}

/* gameRank */
.gameRank { overflow:hidden; margin-bottom:10px; line-height:20px; background:url(images/gameRank_bottom.gif) no-repeat bottom; padding-bottom:10px; font-size:13px;}
.gameRank a { color:#444; text-decoration:underline;}
.gameRank a:hover { color:#cc6600; text-decoration:none;}
.gameRank .title { background:url(images/gameRank_title.jpg) no-repeat; height:30px; text-indent:-9999px;}
.gameRank .box { padding:10px 10px 0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.gameRank .box li { background:#ffffcc url(images/dotted.gif) repeat-x top;}
.gameRank .box li.r1  { background:url(images/gameRank_r1.gif) no-repeat left center; padding-left:30px; padding-bottom:5px;}
.gameRank .box li.r1  img { width:150px; padding:5px; border:1px solid #ddd;}
.gameRank .box li.r1  a { color:#cc6600; text-decoration:underline;}
.gameRank .box li.r1  a:hover { color:#444; text-decoration:none;}
.gameRank .box li.r1  p { width:150px; text-align:center;}
.gameRank .box li.r2  a { background:url(images/gameRank_r2.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r3  a { background:url(images/gameRank_r3.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r4  a { background:url(images/gameRank_r4.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r5  a { background:url(images/gameRank_r5.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r6  a { background:url(../../index_v6/fate/images/gameRank_r6.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r7  a { background:url(../../index_v6/fate/images/gameRank_r7.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r8  a { background:url(images/gameRank_r8.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r9  a { background:url(images/gameRank_r9.gif) no-repeat left center; padding-left:25px; line-height:30px;}
.gameRank .box li.r10 a { background:url(images/gameRank_r10.gif) no-repeat left center; padding-left:25px; line-height:30px;}

/* block on/off */
.walkone,
.col_1_adbn,
.new-css,
.album,
.new_member,
.articleBox,
.articleBox02,
.sysMsg,
.commend-blog,
.movie,
.w_sex {display:none;}
.fate,
.master01,
.master02,
.fate_articleBox {display:block;}