/*-----------------------------------------------------*/
/*           CHIMEI MONITOR PHASE III  2008/12         */
/*-----------------------------------------------------*/

/*------------------page framework---------------------*/
body{
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	background:url(../images/content_page_BG01_02.jpg) center top no-repeat;
}

#bg-container,
#header,
#flash-nav,
#page-container,
#footer{
	width:1000px;
	margin:0 auto;
}
#header{
	height:240px;
}
#footer{
	height:78px;
	font-size:11px;
	letter-spacing:0.05em;
	background:url(../images/bg-footer.jpg) left top no-repeat;
}
#topbar{
	height:28px;
	width:100%;
	background:url(../images/bg-topbar.jpg) left top repeat-x;
}

.sidebar-right,
.content-2col{
	float: left;
	display:inline;
}
.sidebar-right{
	width:300px;
	margin:0;
	background:url(../images/bg-sidebar-right.jpg) repeat-y;
}
.content-1col{
	margin:0 20px;
}
.content-2col{
	width:550px;
	margin-right:0;
}
.clearfix{
	heigth:0;
	clear:both;
}
.clearfix2:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix2 {height: 1%;}
/* End hide from IE-mac */


/*----------------- global elements --------------------*/
h1{
	font-size:180%;
	font-weight:bold;
}
h2{
	font-size:150%;
	font-weight:bold;
}
h3{
	font-size:120%;
	font-weight:bold;
}
a:link,
a:visited,
a:hover{
	color:#693;
}

/*--------------------- header ------------------------*/
#topbar,
#topbar a,
#topbar a:link,
#topbar a:hover,
#topbar a:visited{
	color:#ccc;
}
#topbar a,
#topbar a:link,
#topbar a:visited{
	text-decoration:none;
}
#topbar a:hover{
	color:#fff;
	text-decoration:underline;
}
#topbar div{
	width:1000px;
	margin:0 auto;
	text-align:right;
	padding-right:8%;
}
#topbar .welcome{
	float:left;
	width:200px;
	height:26px;
}
#topbar .welcome a{
	text-decoration:underline;
}
#topbar ul{
	float:right;
	clear:right;
}
#topbar ul li{
	float:left;
	padding:6px 10px 0 37px;
	height:20px;
}
#topbar ul li img{/*IE*/
	margin-top:-5px;
}
#home{
	background:url(../images/icon-topbar.gif) left -150px no-repeat;
}
#about{
	background:url(../images/icon-topbar.gif) left top no-repeat;
}
#news-link{
	background:url(../images/icon-topbar.gif) left -50px no-repeat;
}
#epaper-link{
	background:url(../images/icon-topbar.gif) left -200px no-repeat;
}
#theme{
	background:url(../images/icon-topbar.gif) left -100px no-repeat;
}
/*--------------------- footer ------------------------*/
#footer ul{
	padding:20px 0 5px 600px;
}
#copyright{
	padding-left:605px;
}
#footer ul li{
	display:inline;
	border-left:1px solid #666;
	padding:0 5px;
}
#footer ul li:first-child{
	border-left:none;
}
#footer,
#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited{
	color:#666;
}
#footer a,
#footer a:link,
#footer a:visited{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer em{
	padding-left:490px;
	font-weight:bold;
}

/*--------------------- index -------------------------*/
body.index{
	background:url(../images/index_bg_01.jpg) center top no-repeat #e0a405;
}
.index #topbar .welcome{
	display:none;
}
.index #topbar div{
	padding-right:10%;
}
.index #home{
	display:none;
}
.index #footer{
	height:70px;
	background:url(../images/bg-index-footer.gif) center top no-repeat;
}
.index #bg-container{
	background:url(../images/bg-index-mid.gif) left top repeat-y;
}
.index .bg-bottom{
	height:30px;
	background:url(../images/bg-index-bottom.png) left top no-repeat;
}
.content-index{
	float:right;
	display:inline;
	width:720px;
	margin-right:35px;
}
.sidebar-left{
	float: left;
  	width: 195px;
  	margin:0 -100px 0 50px;
   	word-wrap:break-word;/*IE*/
  	overflow:hidden;/*firefox*/
	display:inline;
}

#feature-story{
	float:left;
	padding:5px 25px 10px 25px;
	width:405px;
	height:315px;
	background:url(../images/bg-feature.gif) left top no-repeat;
}
#feature-story img{
	width:395px;
	height:230px;
}
#feature-story .counter{
	padding-right:10px;
	text-align:right;
}
#feature-story .counter span{
	color:#693;
	font:16px arial;
	font-weight:bold;
}
#feature-story h2.title,
#hot-event h2.title{
	font-size:15px;
	padding:2px 0 0 20px;
	color:#693;
	background:url(../images/greenstar.gif) left top no-repeat;
}
#feature-story h2.title{
	width:300px;
}
#feature-story a.more{
	float:right;
	position:relative;
	top:-15px;
}
#feature-story h2 a{
	text-decoration:none;
}
#feature-story h2 a:hover{
	text-decoration:underline;
}
#feature-story .abstract{
	color:#666;
	width:395px;
	height:20px;
	overflow:hidden;
}
#hot-event{
	float:left;
	width:258px;
	height:283px;
	background:url(../images/bg-hotevent.png) right top no-repeat;
	margin:13px 0 30px 5px;
}
#hot-event img{
	margin:29px 0 0 17px;
	width:219px;
	height:134px;
	display:block
}
#hot-event h2.title{
	margin:13px 0 0 23px;
	width:180px;
	overflow:hidden;
}
#hot-event .abstract{
	margin:10px 0 0 43px;
	color:#666;
	width:190px;
	height:35px;
	overflow:hidden;
}
#hot-event a.more{
	margin:8px 0 0 43px;
	display:block;
	width:190px;
}
#hot-event h2 a{
	text-align:left;
	margin-left:0;
	text-decoration:none;
}
#hot-event h2 a:hover{
	text-decoration:underline;
}
#login-box{
	height:170px;
}
#login-box .header{
	background:url(../images/login-head.jpg) left top no-repeat;
	height:70px;
	text-indent:-9999px;
}
#login-box div{
	padding-left:25px;
}
#login-box label{
	color:#333;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
	padding-right:5px;
	margin-bottom:10px;
	float:left;
}
#login-box input[type="text"],
#login-box input[type="password"]{
	float:left;
}
#login-box .form-btn{
	height:25px;
	padding-right:25px;
	text-align:center;
}
#login-box a,
#login-box a:link,
#login-box a:visited{
	line-height:25px;
	vertical-align:middle;
	color:#333;
	text-decoration:none;
}
#login-box a:hover{
	text-decoration:underline;
}
#login-box p{
	padding:0 20px;
}
#login-box input[type="image"]{
	vertical-align:middle;
}
#top-user .header{
	background:url(../images/top-user-head.jpg) left top no-repeat;
	height:70px;
	text-indent:-9999px;
}
#top-user ul{
	margin-left:10px;
}
#top-user ul li{
	height:80px;
	*margin-bottom:-3px;/*IE 6*/
}
#top-user .wrapper{
	padding:10px 0 0 10px;
}
#top-user ul li img{
	padding:3px;
	border:1px solid #ccc;
	float:left;
	width:40px;
	height:40px;
}
#top-user p{
	padding-left:5px;
	width:80px;
	white-space:nowrap;
	overflow:hidden;
}
#top-user p a{
	color:#333;
	text-decoration:none;
}
#top-user p a:hover{
	text-decoration:underline;
}
#top-user #rank1{
	background:url(../images/bg-topuser.gif) left top no-repeat;
}
#top-user #rank1.vip{
	background:url(../images/bg-topuser.gif) -250px top no-repeat;
}
#top-user #rank2{
	background:url(../images/bg-topuser.gif) left -80px no-repeat;
}
#top-user #rank2.vip{
	background:url(../images/bg-topuser.gif) -250px -80px no-repeat;
}
#top-user #rank3{
	background:url(../images/bg-topuser.gif) left -160px no-repeat;
}
#top-user #rank3.vip{
	background:url(../images/bg-topuser.gif) -250px -160px no-repeat;
}
#top-user #rank4{
	background:url(../images/bg-topuser.gif) left -240px no-repeat;
}
#top-user #rank4.vip{
	background:url(../images/bg-topuser.gif) -250px -240px no-repeat;
}
#top-user #rank5{
	background:url(../images/bg-topuser.gif) left -320px no-repeat;
}
#top-user #rank5.vip{
	background:url(../images/bg-topuser.gif) -250px -320px no-repeat;
}
#top-user #rank6{
	background:url(../images/bg-topuser.gif) left -400px no-repeat;
}
#top-user #rank6.vip{
	background:url(../images/bg-topuser.gif) -250px -400px no-repeat;
}
#top-user #rank7{
	background:url(../images/bg-topuser.gif) left -480px no-repeat;
}
#top-user #rank7.vip{
	background:url(../images/bg-topuser.gif) -250px -480px no-repeat;
}
#top-user #rank8{
	background:url(../images/bg-topuser.gif) left -560px no-repeat;
}
#top-user #rank8.vip{
	background:url(../images/bg-topuser.gif) -250px -560px no-repeat;
}
#top-user .star-on,
#top-user .star-off{
	height:15px;
}
#top-user .star-off{
	width:75px;
	float:left;
	background:url(../images/star-s.gif) left top no-repeat;
}
#top-user .star-on{
	background:url(../images/star-s.gif) left -30px no-repeat;
	text-indent:-9999px;
}
#latest-download,
#hottest-download{
	width:450px;
	height:280px;
}
#latest-download h2,
#hottest-download h2{
	text-indent:-9999px;
	width:170px;
	height:45px;
	margin-left:15px;
	z-index:-5;
}
#latest-download h2{
	background:url(../images/h2-new-download.gif) left top no-repeat;
}
#hottest-download h2{
	background:url(../images/h2-hot-download.gif) left top no-repeat;
}

/*-----------------------diary ��_�b�a�y------------------------*/
/*-------��O�C��--------*/
#bg-container{
	background:url(../images/bg-shadow.png) left top no-repeat;
}
#content{
	margin:0 75px;
	background-color:#f2f3de;
}
h1.title{
	width:360px;
	height:95px;
	float:left;
	text-indent:-9999px;
}
h1.title a{
	display:block;
	width:360px;
	height:95px;
}
.diary-archive h1.title,
.diary h1.title{
	width:300px;
	background:url(../images/h1-diary-archive.gif) left top no-repeat;
}
.content-top{
	height:95px;
	background:url(../images/bg-content-top2.gif) left bottom no-repeat;
}
.diary-archive .content-top,
.diary .content-top{
	height:95px;
	background:url(../images/bg-content-top.gif) left bottom no-repeat;
}
.content-bottom{
	height:30px;
	background:url(../images/bg-content-bottom.gif) left top no-repeat;
}
.local-nav{
	margin-top:35px;
	float:left;
}
.local-nav li{
	float:left;
	text-indent:-9999px;
}
.local-nav li a{
	display:block;
	width:110px;
	height:40px;
}
#notebook{
	background:url(../images/local-notebook.gif) left top no-repeat;
	display:none;/*�ȵL���椸*/
}
.diary-archive .list-item{
	margin:0px;
	padding:10px 25px 20px 40px;
	background:url(../images/bg-diary-archive.gif) left top no-repeat;
	clear:both;
}
.diary-archive .list-item .date,
.diary-title .date,
.collect-list #date.date,
.author-list #date.date{
	width:50px;
	font:18px/24px verdana;
	text-align:center;
	padding-left:7px;
	float:left;
}
.diary-archive .list-item .date span,
.diary-title .date span,
.collect-list #date.date span,
.author-list #date.date span{
	font-size:24px;
	letter-spacing:-0.05em;
}
.diary-archive .list-item h2.title,
.diary-title h2.title{
	font-size:18px;
	width:300px;
	padding-top:15px;
	margin-left:80px;
}

.diary-archive .list-item h2.title a,
.diary-archive .list-item h2.title a:link,
.diary-archive .list-item h2.title a:visited{
	color:#000;
	text-decoration:none;
}
.diary-archive .list-item h2.title a:hover{
	text-decoration:underline;
}
.diary-archive .list-item .abstract{
	margin-top:25px;
	margin-bottom:25px;
	height:160px;
}
.diary-archive .list-item .abstract img{
	padding:8px 30px 0 8px;
	float:left;
	width:282px;
	height:156px;
}
.diary-archive .list-item .abstract p{
	width:150px;
	line-height:24px;
	height:130px;
	float:left;
	*float:right;
}
.diary-archive .list-item .abstract p a{
	color:#333;
	text-decoration:none;
}
.diary-archive .list-item .abstract a.more{
	background:url(../images/btn-more.gif) right bottom no-repeat;
	display:block;
	width:100px;
	height:26px;
	float:right;
	text-indent:-9999px;
}
.diary-ct{
	text-align:right;
	margin-bottom:5px;
}
.addons{
	padding:5px 0 0 10px;
	border-top:1px dashed #897850;
	line-height:20px;
	clear:both;
}
.diary-ct a,
.addons a{
	color:#693;
}

.addons p{
	padding:0 10px 0 20px;
	float:left;
}
.addons .author{
	background:url(../images/icon-diary.gif) -10px -10px no-repeat;
}
.addons .postdate{
	background:url(../images/icon-diary.gif) -10px -50px no-repeat;
}
.sidebar-right .side-top{
	height:20px;
	background:url(../images/bg-side-top-bot.jpg) left top no-repeat;
}
.sidebar-right .side-bottom{
	height:40px;
	background:url(../images/bg-side-top-bot.jpg) left -20px no-repeat;
}
#hot-diary,
#hot-download,
#diary-category,
#history-list{
	margin:0 0 25px 20px;
}
#hot-diary h2,
#hot-download h2,
#diary-category h2,
#history-list h2{
	margin-bottom:10px;
}
#hot-diary ul,
#hot-download ul,
#diary-category ul,
#history-list ul{
	clear:both;
}
#hot-diary h2,
#history-list h2{
	text-indent:-9999px;
	height:45px;
	background:url(../images/h2-hot-diary.gif) left top no-repeat;
}
#hot-diary,
#history-list{
	margin-right:25px;
	border-bottom:1px dashed #999;
}
#hot-diary ul li,
#history-list ul li{
	padding:5px 0;
	border-top:1px dashed #999;
}
#hot-diary ul li:first-child,
#history-list ul li:first-child{
	border-top:none;
}
#hot-diary ul li p,
#history-list ul li p{
	float:left;
	padding-left:15px;
	background:url(../images/icon-diary.gif) -10px -90px no-repeat;
}
#hot-diary ul li h3,
#history-list ul li h3{
	float:left;
	width:145px;
	font-size:12px;
	padding-left:5px;
}
#hot-diary ul li h3 a,
#hot-diary ul li h3 a:link,
#hot-diary ul li h3 a:visited,
#diary-category ul li h3 a,
#diary-category ul li h3 a:link,
#diary-category ul li h3 a:visited,
#history-list ul li h3 a,
#history-list ul li h3 a:link,
#history-list ul li h3 a:visited{
	font-weight:normal;
	color:#333;
	text-decoration:none;
}
/*#hot-diary ul li a span{
	display:block;
	float:left;
	padding:10px 0 5px;
}
#hot-diary ul li a span:hover{
	text-decoration:underline;
}
#hot-diary ul li a span.date{
	padding-left:15px;
	width:76px;
}
#hot-diary ul li a span.title{
	width:150px;
}*/
#hot-diary ul li h3 a:hover,
#diary-category ul li h3 a:hover,
#history-list ul li h3 a:hover{
	text-decoration:underline;
}
#hot-download h2,
#hot-download-l h2{
	text-indent:-9999px;
	height:45px;
	background:url(../images/h2-hot-download.gif) left top no-repeat;
}
#hot-download ul li{
	float:left;
	width:80px;
	height:60px;
	/*margin:1px;*/
}
#hot-download ul li a
{
	display:block;
	width:80px;
	height:60px;
	border:1px solid #fff;
}
#hot-download ul li a:hover{
	position:relative;
	top:-4px;
	left:4px;
	/*border:1px solid #fff;*/
}
#diary-category h2{
	text-indent:-9999px;
	height:45px;
	background:url(../images/h2-diary-cate.gif) left top no-repeat;
}
#diary-category ul{
	margin-right:25px;
}
#diary-category ul li{
	padding:5px 0;
	border-bottom:1px dashed #999;
}
#diary-category ul li h3{
	font-size:12px;
	padding-left:15px;
	background:url(../images/icon-diary.gif) -10px -90px no-repeat;
}
a.rss{
	margin-left:25px;
}
.paginate,
.diary #navigation{
	background:url(../images/bg-paginate.gif) left top no-repeat;
	clear:both;
}
.paginate{
	font-size:18px;
	padding:10px 105px;
	height:20px;
	text-align:center;
}
.paginate .pageno{
	text-align:center;
	width:200px;
	height:20px;
	margin:auto;
	text-align:center;
	float:left;
}
.paginate a{
	/*display:block;
	float:left;
	text-align:center;
	width:30px;
	margin:auto;*/
}
.paginate a,
.paginate a:link,
.paginate a:visited,
.diary #navigation a,
.diary #navigation a:link,
.diary #navigation a:visited{
	color:#006c95;
}
.paginate a:hover,
.paginate a.now,
.diary #navigation a:hover{
	color:#e87400;
}
.paginate a.now{
	text-decoration:none;
}
.paginate a.prev,
.paginate a.next,
.personal-portfolio .paginate a.prev,
.personal-portfolio .paginate a.next{
	font-size:12px;
	padding-top:5px;
	width:65px;
	height:20px;
	letter-spacing:0;
}
.paginate a.prev{
	float:left;
	background:url(../images/icon-diary.gif) -13px -130px no-repeat;
}
.paginate a.next,
.diary #navigation a.next{
	float:right;
	background:url(../images/icon-diary.gif) 40px -170px no-repeat;
}
.diary #navigation{
	font-size:12px;
	height:20px;
	padding:10px 140px 20px;
	letter-spacing:0;
	background-position:-31px 0;
}
.diary #navigation a.prev,
.diary #navigation a.next{
	font-size:12px;
	padding-left:23px;
	padding-top:3px;
	width:55px;
	height:20px;
	letter-spacing:0;
}
.diary #navigation a.prev{
	float:left;
	background:url(../images/icon-diary.gif) -3px -130px no-repeat;
}
.diary #navigation a.back{
	display:block;
	width:70px;
	text-align:center;
	padding-top:3px;
	font-size:12px;
	margin-left:68px;
}
.diary #navigation a.next{
	padding-left:13px;
	position:relative;
	top:-17px;
}
/*-------��O����--------*/
.diary-title{
	margin:0px;
	padding:10px 0 20px 40px;
	background:url(../images/h2-diary-title.gif) left top no-repeat;
}
.diary .content-top .back{
	background:url(../images/btn-back-diary.gif) left top no-repeat;
}
.diary-content{
	margin:10px 30px;
}
.diary-content img{
	margin:20px 0;
}
.diary-content p{
	margin-bottom:30px;
}
.diary-content #add-ons{
	margin-left:40px;
	color:#693;
	height:40px;
	text-align:right;
}
.diary h4{
	font-size:16px;
	font-weight:bold;
	height:35px;
	color:#693;
	margin:0 20px 0 30px;
	padding-top:10px;
	background:url(../images/bg-comment-head.gif) left bottom no-repeat;
}
.diary-content .addons{
	border-top:none;
}
#comments{
	margin:0 20px 40px 30px;
	color:#666;
}
#comments .paginate a.next{
	width:30px;
}
.comment-body{
	padding:15px 0;
	font-weight:bold;
	list-style:none;
	vertical-align:top;
}
.comment-body .floor{
	width:35px;
	float:left;
}
.diary #lbMain{
	line-height:100%;
}
.comment-body .wrapper,
.diary #lbDiv .wrapper{
	float:right;
	width:435px;
	border:2px dashed #94b854;
	background-color:#faf7f0;
	padding:10px;
	font-weight:normal;
	min-height:60px;
}
.comment-body img,
.diary #lbDiv img{
	float:left;
}
.comment-body .comment-text,
.diary #lbDiv .comment-text{
	float:left;
	width:380px;
	padding-left:10px;
}
.comment-body .title,
.diary #lbDiv .title{
	padding-bottom:10px;
}
.comment-body .nickname,
.diary #lbDiv .nickname{
	font-weight:bold;
}
.diary #lbDiv{
	text-align:left;
}
.diary #lbDiv .wrapper{
	width:400px;
}
.diary #lbDiv .comment-text{
	width:340px;
	word-wrap:break-word;
}
#comments .paginate{
	width:500px;
	height:20px;
	background-image:none;
	padding:7px 0;
	border-bottom:1px dashed #ccc;
	text-align:left;
}
#comments .paginate a.now{
	color:#e87400;
}
#form-add-comments{
	background-color:#faf7f0;
	margin-left:30px;
	margin-right:20px;
	padding:10px 15px;
}
#form-add-comments p{
	height:50px;
	clear:both;
}
#form-add-comments label{
	display:block;
	margin-bottom:2px;
}
#form-add-comments input[type="text"]{
	color:#666;
	padding:3px;
	margin-bottom:10px;
	float:left;
}
#form-add-comments span{
	float:left;
	padding-left:10px;
	color:#666;
	line-height:25px;
}
#form-add-comments img{
	float:left;
	padding-right:10px;
	margin-bottom:10px;
}
#form-add-comments textarea{
	width:400px;
	margin-bottom:5px;
}
#form-add-comments .form-btn{
	margin:15px 0;
	font-size:15px;
	font-weight:bold;
}
#form-add-comments .form-btn input{
	color:#666;
	vertical-align:middle;
	padding:5px 30px;
}
/* For �Ϥ�^�йw�� edited by Michael*/
#lbDiv .form-btn{
	margin:15px 0;
	font-size:15px;
	font-weight:bold;
}
#lbDiv .form-btn input{
	color:#666;
	vertical-align:middle;
	padding:5px 30px;
}

/*archives body class*/
.diary-archive .item-list img{
}
.message-archive #content li.diary-archive .list-item img{
}
/*archives body class end*/

/*------------------collection ��g�ŤU��----------------------*/
/*-------�Ҧ��६�C��@��----------*/
#hot-list,
#portfolio,
#favorite,
#author-list{
	background-image:url(../images/bg-album.gif);
	min-height:300px;
	padding:0 15px;
	margin:5px auto 15px;
	width:750px;
}
#personal-new li,
#hot-list li,
#portfolio li,
#favorite li,
#hot-download-l li{
	width:138px;
	height:106px;
	padding:10px 5px;
	float:left;
}
#author-list li{
	width:138px;
	height:138px;
	padding:10px 5px;
	float:left;
}
#personal-new li div.info,
#hot-list li div.info,
#portfolio li div.info,
#favorite li div.info,
#hot-download-l li div.info{
	width:128px;
	height:96px;
	padding:4px 0 4px 8px;
	background:url(../images/bg-wallpaper.gif) repeat-y;
	font-size:10px;
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	background-color:#f7ffe8;
	border:1px solid #999;
	margin-top:-108px;
	*margin-top:0;
	*margin-left:-140px;
}
.sn{
	z-index:5;
	opacity:0.8;
	filter: alpha(opacity = 80); /*IE */
	position:absolute;
	color:#fff;
	background-color:#454545;
	width:24px;
	height:24px;
	line-height:24px;
	vertical-align:middle;
}
.vip-tag{
	z-index:4;
	position:absolute;
	width:40px;
	height:40px;
	background:url(../images/vip.gif) right bottom no-repeat;
	margin:61px 0 0 93px;
}
#personal-new li img,
#hot-list li img,
#portfolio li img,
#favorite li img,
#hot-download-l li img,
.news-archive .list-item img,
.epaper-archive .list-item img{
	background-color:#fff;
	padding:4px;
	border:1px solid #999;
	width:128px;
	height:96px;
}
#author-list .headbox{
	width:128px;
	height:123px;
	padding-top:5px;
	font-size:10px;
	background-color:#f7ffe8;
	border:1px solid #999;
}

#personal-new li a,
#hot-list li a,
#portfolio li a,
#favorite li a,
#hot-download-l li a,
#author-list li a{
	display:block;
	text-decoration:none;
}
#author-list li a{
	padding:0 10px;
	text-align:center;
}
li div a span.title{
	font-size:11px;
	font-weight:bold;
}
li div a span.label{
	font-size:10px;
	color:#666;
}
/*-------�Ҧ��६�C�� end----------*/
/*-------�����]----------*/
#collection{
	background:url(../images/local-collect.gif) left top no-repeat;
}
.collect-list #description,
.collection #description,
.author-list #date.date span{
	display:block;
}
.collect-list #categories,
.collection #categories,
.author-list #categories{
	display:block;
}
.collect-list #collection,
.collection #collection{
	display:none;
}
.collect-list #machi,
.collection #machi{
	display:block;
}
.collect-list h1.title,
.collection h1.title{
	background:url(../images/h1-collection.gif) left top no-repeat;
}
.collect-list #date.date,
.author-list #date.date{
	color:#333;
	padding:10px 12px 20px;
	background:url(../images/date.gif) left top no-repeat;
}
#download-lists #description{
	padding:15px 0;
	min-height:75px;
	clear:both;
	background:url(../images/achi-01.jpg) right top no-repeat;
}
#download-lists #description p{
	color:#666;
	line-height:150%;
	float:left;
	width:520px;
	padding:10px;
}
#categories{
	width:810px;
	height:42px;
	background:url(../images/category.gif) left top no-repeat;
	margin:15px auto 25px;
}
#categories ul li{
	width:135px;
	height:30px;
	margin:5px 0;
	background:url(../images/category.gif) left -150px no-repeat;
	float:left;
	text-indent:-9999px;
}
#categories ul li a{
	display:block;
	width:135px;
	height:30px;
}
#categories  #all{
	background-position: left -150px;
}
#categories  #all.active{
	background-position: left -80px;
}
#categories  #achi{
	background-position: -135px -150px;
}
#categories  #achi.active{
	background-position: -135px -80px;
}
#categories  #general{
	background-position: -270px -150px;
}
#categories  #general.active{
	background-position: -270px -80px;
}
/*���ʮ६���
#categories  #interactive{
	background-position: -405px -150px;
}
#categories  #interactive.active{
	background-position: -405px -80px;
}
*/
#categories  #screensaver{
	background-position: -405px -150px;
}
#categories  #screensaver.active{
	background-position: -405px -80px;
}
#categories  #msn{
	background-position: -540px -150px;
}
#categories  #msn.active{
	background-position: -540px -80px;
}
#categories  #plurkbg{
	width:132px;
	background-position: -675px -150px;
}
#categories  #plurkbg.active{
	background-position: -675px -80px;
}
#download-lists fieldset{
	margin-bottom:10px;
	clear:both;
}
#rank, #topic{
	float:left;
	padding-right:10px;
}
#rank label,
#topic label{
	display:block;
	width:115px;
	height:40px;
	float:left;
	background:url(../images/label-rank.gif) left top no-repeat;
	text-indent:-9999px;
}
#topic label{
	background-image:url(../images/label-topic.gif);
}
#rank select,
#topic select{
	width:150px;
	margin-top:10px;
}
.collect-list h2,
.machi-list h2,
.author-list h2{
	height:35px;
	background:url(../images/h2-rank.jpg) left top no-repeat;
	text-indent:-9999px;
}
h2.rank-title-new{
	background-position:left top;
}
h2.rank-title-view{
	background-position:left -50px;
}
h2.rank-title-download{
	background-position:left -100px;
}
h2.rank-title-fwd{
	background-position:left -150px;
}
h2.rank-title-recommand{
	background-position:left -200px;
}
h2.rank-title-author{
	background-position:left -250px;
}
.personal-public .paginate,
.personal-favorite .paginate,
.personal-portfolio .paginate,
.collect-list .paginate,
.machi-list .paginate,
.machi .paginate,
.news-archive .paginate,
.epaper-archive .paginate,
.author-list .paginate{
	width:340px;
	margin:0 auto;
}
.personal-portfolio .paginate .pageno{
	width:300px;
}
.personal-portfolio .paginate .pageno a{
	padding:0 3px;
}
/*-------�¦N�Ч@�@��--------*/
.machi-list	#description,
.machi #description,{
	display:none;
}
.machi-list	#categories,
.machi #categories{
	display:none;
}
.machi-list #collection,
.machi #collection{
	display:block;
}
.machi-list #machi,
.machi #machi{
	display:none;
}
.machi-list h1.title,
.machi h1.title{
	background:url(../images/h1-machi.gif) left top no-repeat;
}

/*-------�६����----------*/
body.collection{
	color:#666;
}
#machi{
	background:url(../images/local-machi.gif) left top no-repeat;
}

.collection .content-top .back,
.machi .content-top .back,
.diary .content-top .back,
.news .content-top .back,
.author-list .content-top .back{
	display:inline;
	float:right;
	line-height:65px;
	margin:20px 100px 0 0;
	text-indent:-9999px;
}
.collection .content-top .back a,
.machi .content-top .back a,
.diary .content-top .back a,
.news .content-top .back a,
.author-list .content-top .back a{
	display:block;
	width:130px;
	height:65px;
}
.collection .content-top .back,
.author-list .content-top .back{
	background:url(../images/btn-back-collect.gif) left top no-repeat;
}
.wallpaper-content{
	margin:0 10px 0 20px;
}
h2.wallpaper-title{
	font-size:15px;
	color:#fff;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:url(../images/h2-wallpaper.gif) left top no-repeat;
	text-indent:10px;
}
#wallpaper{
	margin:10px 0;
}
#wallpaper .wrapper{
	float:left;
	width:365px;
	height:260px;
	background-color:#d1d3b3;
}
#wallpaper img.main{
	margin:10px 22px 0;
}
#wallpaper #navigation{
	margin-top:-150px;
	width:363px;
	z-index:10;
}
#wallpaper #navigation a.prev,
#wallpaper #navigation a.next{
	display:block;
	height:42px;
	width:24px;
	background:url(../images/wall-nav.gif) left top no-repeat;
}
#wallpaper #navigation a.next{
	float:right;
	margin-top:-40px;
	background-position:right top;
}
#basic-info{
	padding:0 0 10px 10px;
	float:left;
	width:140px;
}
#basic-info p{
	border-bottom:1px dotted #666;
	line-height:22px;
}
#basic-info p span{
	color:#333;
}
#basic-info p span.vip-mark{
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c00;
	padding:0 2px;
}
#basic-info #description{
	border-bottom:none;
}
#action-item{
	height:105px;
	background:url(../images/action-item.gif) left top no-repeat;
	padding:16px 0 16px 25px;
	margin-top:10px;
}
#action-item .block1{
	float:left;
	width:370px;
}
#action-item .action{
	float:left;
	width:118px;
	height:96px;
}
#action-item .action a{
	display:block;
	width:118px;
	height:22px;
	padding-top:3px;
	background:url(../images/bg-action.gif) left top no-repeat;
	text-align:center;
	color:#fff;
}
#action-item .action a,
#action-item .action a:link,
#action-item .action a:visited{
	text-decoration:none;
}
#action-item .action a:hover{
	text-decoration:underline;
}
/*.collection #action-item .action #add-author{
	display:none;
}*/
#action-item .action #forward{
	width:95px;
	background-position:left -45px;
}
#action-item .action #report{
	width:95px;
	background-position:left -45px;
}
#copyright-info{
	color:#999;
	font-size:10px;
	letter-spacing:0;
}
#action-item fieldset, #addReview{
	height:30px;
}
#action-item label{
	float:left;
	width:115px;
	vertical-align:middle;
}
#action-item #add-ons label{
	width:70px;
}
#action-item select, #addReview, #action-item .result{
	float:left;
}
#addReview{
	clear:right;
}
#addReview .star{
	float:left;
	height:20px;
	width:100px;
	background:url(../images/star-l.gif) left top no-repeat;
}
#addReview .star-off{
	width:100px;
	height:20px;
	float:left;
}
#addReview .star-off li{
	float:left;
	width:20px;
	height:20px;
	cursor:pointer;
	text-indent:-9999px;
}
#addReview .star-on{
	height:20px;
	background:url(../images/star-l.gif) left -30px no-repeat;
	*margin-top:-20px;
}
#action-item .result{
	width:135px;
	padding-left:5px;
	line-height:20px;
}
#action-item .result span{
	color:#693;
}
#action-item #add-ons{
	margin-left:0;
	text-align:left;
}
#personal-new{
	margin-bottom:50px;
}
#personal-new h3{
	height:35px;
	text-indent:-9999px;
	background:url(../images/h3-person-new.jpg) left top no-repeat;
}
#personal-new .wrapper{
	background-image:url(../images/bg-album.gif);
	width:460px;
	height:254px;
	padding:10px 20px;
	margin:10px auto;
}
#personal-new a.more{
	background:url(../images/btn-more-wall.gif) right bottom no-repeat;
	display:block;
	height:26px;
	width:100px;
	float:right;
	text-indent:-9999px;
}
/*-------�¦N�����@��----------*/
.machi .content-top .back{
	background:url(../images/btn-back-machi.gif) left top no-repeat;
}
/*--------------------------��g�M��-----------------------*/
.local-nav #my-info{
	background:url(../images/local-private.gif) left top no-repeat;
}
.local-nav #my-portfolio{
	background:url(../images/local-portfolio.gif) left top no-repeat;
}
.local-nav #my-public{
	background:url(../images/local-public.gif) left top no-repeat;
}
.local-nav #my-favorite{
	background:url(../images/local-favorite.gif) left top no-repeat;
}
/*-------���}����----------*/
.personal-public h1{
	background:url(../images/h1-public.gif) left top no-repeat;
}
.personal-public h2{
	height:35px;
	width:150px;
	text-indent:-9999px;
}
h2.profile{
	background:url(../images/h2-personal.jpg) left top no-repeat;
}
#section ul li{
	width:150px;
	height:35px;
	float:left;
	text-indent:-9999px;
}
#section ul li a{
	display:block;
	width:150px;
	height:35px;
	background:url(../images/h2-personal.jpg) -200px top no-repeat;
}
#section ul li.portfolio a{
	background:url(../images/h2-personal.jpg) -200px -50px no-repeat;
}
#section ul li.favorite a{
	background:url(../images/h2-personal.jpg) -200px -100px no-repeat;
}
#section ul li.portfolio.active a{
	background-position:left -50px;
}
#section ul li.favorite.active a{
	background-position:left -100px;
}
#section #my-portfolio a{
	background-position: -200px -150px;
}
#section #my-portfolio a:hover,
#section #my-portfolio.active a{
	background-position: left -150px;
}
#section  #my-favorite a{
	background-position: -200px -200px;
}
#section  #my-favorite a:hover,
#section  #my-favorite.active a{
	background-position: left -200px;
}
/*
#section #my-info a {
	background-position: -200px top;
}
#section #my-info a:hover,
#section #my-info.active a{
	background-position: left top;
}
#section  #my-public a{
	background-position: -200px -250px;
}
#section  #my-public a:hover,
#section  #my-public.active a{
	background-position: left -250px;
}*/
/*-------�ӤH���----------*/
.personal-private h1{
	background:url(../images/h1-private.gif) left top no-repeat;
}
#profile img.head,
#form-signup img.head{
	float:left;
	padding:8px;
	margin:5px 0;
	background-color:#ddd;
	width:100px;
	height:100px;
}
#profile,
#form-signup{
	line-height:18px;
}
#profile .wrapper,
#profile .label,
#profile .data,
#profile .level,
#profile .fieldset,
#profile .block1,
#profile .block2,
#profile .block3,
#profile input[type="text"],
#profile input[type="radio"],
#profile input[type="file"],
#profile input[type="password"],
#profile img.default{
	float: left;
}
#profile .wrapper{
	color: #666;
	width:660px;
	padding: 0 10px;
}
#profile .label{
	width:65px;
}
#profile .data{
	width: 580px;
	color:#333;
}
#profile .level{
	width:150px;
	margin:10px 0;
}
.level span{
	color:#693;
	font-weight:bold;
}
#profile .block1{
	width:130px;
}
#profile .block2{
	width:248px;
	padding-left:20px;
}
#profile .block3{
	padding-left:20px;
}
#profile .star-on,
#profile .star-off{
	height:20px;
}
#profile .star-off{
	width:100px;
	float:left;
	background:url(../images/star-l.gif) left top no-repeat;
}
#profile .star-on{
	background:url(../images/star-l.gif) left -30px no-repeat;
	text-indent:-9999px;
}
#profile input[type="text"],
#profile input[type="password"],
#profile input[type="file"],
#profile .gender,
#form-signup input[type="text"],
#form-signup input[type="password"],
#form-signup input[type="file"]{
	width:150px;
	padding:2px;
	margin:0 3px 3px 0;
}
.headshot{
	margin:5px 0  15px 65px;
}
.headshot input[type="radio"]{
	margin:3px 14px 3px 15px;
	*margin:3px 11px;
	text-align:center;
}
img.default{
	margin:3px 5px;
	float:left;
}
#profile textarea{
	width:330px;
	height:100px;
}
#profile .form-btn{
	text-align:right;
	padding:10px 0;
}
/*-------�ڪ��̷R----------*/
.personal-favorite h1{
	background:url(../images/h1-favorite.gif) left top no-repeat;
}
.personal-favorite #favorite{
	background-image:none;
	width:800px;
	padding:0;
	margin:0 auto;
}
.personal-favorite #favorite ul{
	height:190px;
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
}
.personal-favorite #favorite ul:first-child{
	border-top:none;
}
.personal-favorite #favorite li{
	height:170px;
	padding-left:11px;
	padding-right:11px;
}
#favorite .fav-info{
	color:#666;
}
#favorite .fav-info h3{
	color:#333;
	font-size:12px;
	padding:2px 0;
}
#favorite .fav-info span{
	color:#e55c87;
}
#favorite .fav-info input{
	margin:5px 0 5px 40px;
	color:#fff;
	background-color:#26aeb6;
	cursor:pointer;
}
/*-------�ڪ��@�~----------*/
.personal-portfolio h1{
	background:url(../images/h1-portfolio.gif) left top no-repeat;
}
.personal-portfolio #portfolio{
	padding:0;
	width:100%;
	background:none;
	margin:0;
}
.personal-portfolio #portfolio li{
	width:99%;
	height:155px;
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
}
.personal-portfolio #portfolio li:first-child{
	border-top:none;
}
#portfolio li .block1,
#portfolio li .block2,
#portfolio li .stat-a,
#portfolio li .stat-b,
#portfolio li .stat-c,
#portfolio li .label,
#portfolio li .data{
	float:left;
	display:block;
}
#portfolio li h3{
	color:#693;
	font-size:13px;
	padding:5px 0;
}
.personal-portfolio #portfolio li a{
	float:left;
	width:47px;
	height:21px;
	background:url(../images/btn-portfolio.gif) top left no-repeat;
	margin:2px 5px 0;
	text-indent:-9999px;
}
.personal-portfolio #portfolio li a.del{
	background-position:left top;
}
.personal-portfolio #portfolio li a.fwd{
	background-position:left -35px;
}
.personal-portfolio #portfolio li a.pub{
	background-position:left -70px;
}
.personal-portfolio #portfolio li a.hid{
	background-position:left -105px;
}
.personal-portfolio .paginate{
	padding:10px 60px 30px;
	font-size:14px;
	width:440px;
}
.personal-portfolio .paginate a{
	width:28px;
	padding-top:3px;
}
#portfolio li .block1{
	width:180px;
	text-align:center;
}
#portfolio li .block2{
	width:610px;
}
#portfolio li .stat-a,
#portfolio li .stat-b{
	width:160px;
	height:90px;
}
.personal-portfolio #portfolio li .label{
	width:65px;
	color:#e55c87;
}
#portfolio li .stat-a .data,
#portfolio li .stat-b .data{
	width:95px;
	height:16px;
}
#portfolio li .stat-c .label{
	float:none;
}
#portfolio li .data span{
	color:#693;
	font-size:16px;
	font-weight:bold;
}
#portfolio li .block3 .data{
	width:530px;
}
/*-------------------creative ��g����]-----------------------*/
/*-------����]landing-------*/
.toolbox{
	color:#666;
	line-height:180%;
}
.toolbox h1.title{
	background:url(../images/h1-creative.gif) top left no-repeat;
}
#diy{
	background:url(../images/local-diy.gif) top left no-repeat;
}
#upload{
	background:url(../images/local-upload.gif) top left no-repeat;
}
.toolbox .wrapper{
	background:url(../images/bg-creative.gif) top left no-repeat;
	height:465px;
}
.toolbox p.block1{
	width:350px;
	padding:40px 0 0 35px;
}
.toolbox p.block2{
	width:440px;
	padding:120px 0 0 300px;
}
.toolbox #content a{
	display:block;
	background:url(../images/btn-toolbox.gif) left top no-repeat;
	width:140px;
	height:26px;
	text-indent:-9999px;
}
.toolbox #content p.block2 a{
	background-position:left -35px;
	width:130px;
}
/*-------DIY�u��c-------*/
.diy h1.title{
	background:url(../images/h1-diy.gif) left top no-repeat;
}
.diy .content-1col,
.upload .content-1col,
.coolplay .content-1col{
	margin:0 10px;
}
/*-------------------event ��g�s�A��-----------------------*/
.event-list{
	color:#666;
}
.event-list h1.title{
	background:url(../images/h1-event.gif) left top no-repeat;
}
#epaper{
	background:url(../images/local-epaper.gif) left top no-repeat;
}
#news{
	background:url(../images/local-news.gif) left top no-repeat;
}
.event-list .block1{
	float:left;
	width:410px;
}
.event-list .block2{
	float:left;
	width:400px;
}
.event-list #main-stage{
	padding-right:40px;
}
.event-list #latest-news,
.event-list #latest-newsletter{
	padding:0 30px 20px 0;
}
.event-list h2{
	background:url(../images/h2-event.jpg) left top no-repeat;
	height:35px;
	margin-bottom:10px;
	text-indent:-9999px;
}
.event-list #main-stage h2{
	background-position:left top;
}
.event-list #latest-news h2{
	background-position:left -50px;
}
.event-list #latest-newsletter h2{
	background-position:left -100px;
}
.event-list #main-stage img{
	padding:15px 20px;
	background:url(../images/bg-event-main.gif) center center no-repeat;
}
.event-list .description{
	line-height:150%;
}
.event-list #main-stage h3{
	color:#693;
	font-size:15px;
	padding:5px 0 5px 20px;
}
.event-list #main-stage .description p{
	padding:0 0 20px 20px;
}
.event-list a.more{
	background:url(../images/btn-event.gif) right top no-repeat;
	display:block;
	width:130px;
	height:26px;
	float:right;
	text-indent:-9999px;
}
.event-list #main-stage a.more{
	background-position:right top;
}
.event-list #latest-news a.more{
	background-position:right -40px;
}
.event-list #latest-newsletter a.more{
	background-position:right -80px;
}
#latest-newsletter h3{
	padding:8px 0;
	font-weight:bold;
	color:#693;
}
#latest-newsletter p{
	border-bottom:1px dotted;
	padding-bottom:20px;
}
#latest-news ul,
#latest-newsletter ul{
	margin-bottom:10px;
}
#latest-news ul li,
#latest-newsletter ul li{
	padding:4px 20px;
	background:url(../images/icon-diary.gif) -10px -87px no-repeat;
	border-bottom:1px dotted;
}
#latest-news ul li a,
#latest-news ul li a:link,
#latest-news ul li a:visited,
#latest-newsletter ul li a,
#latest-newsletter ul li a:link,
#latest-newsletter ul li a:visited{
	text-decoration:none;
	color:#666;
}
#latest-news ul li a:hover,
#latest-newsletter ul li a:hover{
	text-decoration:underline;
}
/*------�T�����i-------*/
.news-archive h1.title,
.news h1.title{
	background:url(../images/h1-news.gif) left top no-repeat;
}
.news .content-top .back{
	background-image:url(../images/btn-back-news.gif);
}
#subscribe{
	background:url(../images/local-subscribe.gif) left top no-repeat;
}
.news-archive .list-item .block1,
.epaper-archive .list-item .block1{
	float:left;
	width:575px;
	padding-left:25px;
}
.news-archive .list-item .block1{
	width:500px;
}
.news-archive .list-item,
.epaper-archive .list-item{
	height:150px;
	padding:25px 15px 25px 25px;
	background:url(../images/bg-news-archive.jpg) left top no-repeat;
}
.epaper-archive .list-item{
	padding-top:20px;
	background-image:url(../images/bg-epaper-archive.jpg);
}
.epaper-archive .list-item .date{
	font:14px;
	font-weight:bold;
	padding-bottom:5px;
	color:#693;

}
.news-archive .list-item img,
.news-content .detail img,
.epaper-archive .list-item img{
	float:left;
}
.news-archive .list-item img,
.detail img{
	background-color:#fff;
	padding:4px;
	border:1px solid #999;
	width:197px;
	height:129px;
}
.news-archive .list-item h2.title,
.epaper-archive .list-item h2.title{
	font-size:15px;
	color:#333;
}
.news-archive .list-item h2.title a,
.news-archive .list-item h2.title a:link,
.news-archive .list-item h2.title a:visited,
.epaper-archive .list-item h2.title a,
.epaper-archive .list-item h2.title a:link,
.epaper-archive .list-item h2.title a:visited{
	color:#693;
	text-decoration:none;
}
.news-archive .list-item h2.title a:hover,
.epaper-archive .list-item h2.title a:hover{
	text-decoration:underline;
}
.news-archive .list-item .abstract
.epaper-archive .list-item .abstract{
	margin-top:10px;
	height:90px;
}
.news-archive .list-item .abstract p,
.epaper-archive .list-item .abstract p{
	line-height:150%;
	height:55px;
	overflow:hidden;
}
.news-archive .list-item .abstract a,
.epaper-archive .list-item .abstract a,
.news-content a.back{
	background:url(../images/btn-detail.jpg) right bottom no-repeat;
	display:block;
	width:150px;
	height:35px;
	float:right;
	text-indent:-9999px;
}
/*------�T�����i����-------*/
.news{
	color:#666;
}
#history-list h2{
	background-image:url(../images/h2-history.gif);
}
#history-list ul li p{
	background-position:-10px -210px;
}
.news-content h1.title{
	color:#693;
	font-size:16px;
	background:url(../images/icon-diary.gif) -10px -250px no-repeat;
	margin-top:10px;
	height:20px;
	text-indent:30px;
	width:90%;
}
.news-content .detail{
	padding:10px;
	clear:both;
	min-height:110px;
}
.news-content p{
	padding-left:50px;
	margin-left:205px;
	line-height:150%;
	overflow:hidden;
	vertical-align:baseline;
}
.news-content a.back{
	background-image:url(../images/btn-event-back.jpg);
}
/*------�q�l��i-------*/
.epaper-archive h1.title{
	background:url(../images/h1-epaper.gif) left top no-repeat;
}
#cancel{
	background:url(../images/local-no-epaper.gif) left top no-repeat;
}
/*-----------------------form---------------------------*/
textarea{
	word-wrap:break-word;/*IE*/
}
.general-form{
	color:#666;
	height:340px;
}
p.large{
	font:18px "ms pgothic";
	font-weight:bold;
	letter-spacing:-0.05em;
	padding-bottom:15px;
}
.general-form p.middle{
	font:14px "ms pgothic";
	font-weight:bold;
	letter-spacing:-0.05em;
}
.general-form .label{
	font-size:13px;
	font-weight:bold;
	display:block;
	width:75px;
	float:left;
	margin-bottom:5px;
	background:url(../images/greenstar.gif) left top no-repeat;
	padding-left:25px;
}
.general-form .data,
.gender{
	float:left;
	margin-bottom:5px;
}
input[type="radio"],
.gender label{
	text-align:center;
	margin:0 3px;
	height:26px;
	vertical-align:baseline;
}
.general-form input[type="checkbox"]{
	margin-right:5px;
}
.gender label{
	float:left;
	padding-top:5px;
}
.general-form textarea{
	float:left;
	margin-bottom:10px;
}
.general-form .form-btn{
	padding:5px;
}
.general-form .form-btn input{
	padding:0 3px;
}
/*----------------- upload �@�~�W��----------------------*/
.upload h1.title{
	background:url(../images/h1-upload.gif) left top no-repeat;
}
.upload .general-form{
	background:url(../images/bg-upload.gif) left top no-repeat;
	padding:30px 25px 0;

}
.upload .block1,
.upload .block2{
	float:left;
}
.upload .block1{
	width:330px;
	padding-left:10px;
}
.upload .block2{
	width:400px;
	padding-left:10px;
}
.upload .general-form .data{
	width:225px;
}
.upload .general-form input[type="text"],
.upload .general-form select{
	width:200px;
}
.upload .general-form input[type="file"]{
	padding:2px;
}
.upload .general-form textarea{
	width:290px;
	height:100px;
}
.label.special{
	margin-top:20px;
}
.dimension{
	padding-left:25px;
	clear:both;
}
.dimension p{
	padding-bottom:10px;
}
.dimension p em{
	color:#ff0000;
}
.dimension .label{
	width:70px;
	padding:0 5px 0 0;
	background-image:none;
	font-weight:normal;
	text-align:right;
}
.upload .block2 p{
	padding-left:100px;
	height:150px;
}
.upload .general-form .form-btn{
	text-align:right;
	padding-left:100px;
}
/*----------------- coolplay �Ū�����-------------------*/
.coolplay h1{
	background:url(../images/h1-coolplay.gif) left top no-repeat;
}
/*------------------ contact�p���ڭ�--------------------*/
.contact h1.title{
	background:url(../images/h1-contact.gif) left top no-repeat;
}
.contact .general-form{
	background:url(../images/achi-02.gif) right center no-repeat;
}
.contact .general-form fieldset{
	margin-top:15px;
	width:500px;
}
.contact .general-form .data{
	width:400px;
}
.contact .general-form textarea{
	width:390px;
	height:150px;
}
.contact .general-form .form-btn{
	padding-left:100px;
}
.contact p{
	letter-spacing:0.1em;
	line-height:180%;
}
.contact p.remark{
	height:40px;
	line-height:40px;
	color:#693;
	font-weight:bold;
}
/*------------------ ������g--------------------*/
.joinus h1.title{
	background:url(../images/h1-joinus.gif) left top no-repeat;
}
.joinus .block1{
	width:440px;
	padding-left:10px;
}
.joinus .block2{
	width:340px;
	padding-left:10px;
}
.joinus .general-form .data,
.joinus .general-form .gender{
	width:330px;
}
#form-signup .label,
#form-signup .data,
#form-signup .block1,
#form-signup .block2,
#form-signup input[type="text"],
#form-signup input[type="password"],
#form-signup input[type="radio"],
#form-signup input[type="file"]{
	float: left;
}
#form-signup .data span{
	line-height:190%;
	color:#fff;
	background-color:#cb0000;
}
#form-signup .checkarea{
	padding:15px 0 15px 100px;
	clear:both;
}
#form-signup .headshot{
	margin-left:100px;
}
#form-signup .form-btn{
	width:95%;
	text-align:center;
}
/*------------------ �n�J��g--------------------*/
.login h1.title{
	background:url(../images/h1-login.gif) left top no-repeat;
}
#form-login.general-form{
	padding:30px 25px 0;
}
#form-login p{
	line-height:180%;
	letter-spacing:0.1em;
}
#form-login .block1{
	float:left;
	width:540px;
}
#form-login .block2{
	float:left;
	width:210px;
	padding-left:10px;
}
#form-login .wrapper{
	background:url(../images/bg-login.jpg) left top no-repeat;
	padding:20px;
	height:100px;
}
#form-login .no-account{
	width:105px;
	height:25px;
	color:#fff;
	vertical-align:top;
	padding-top:2px;
	text-align:center;
	background:url(../images/no-account.gif) center top no-repeat;
	position:relative;
	left:200px;
}
#form-login fieldset{
	width:380px;
}
#form-login fieldset input[type="text"],
#form-login fieldset input[type="password"]{
	width:200px;
	padding:2px;
}
#form-login fieldset input[type="button"]{
	padding:0 5px;
	float:right;
}
#form-login fieldset #btnLogin{
	padding:0 5px;
	float:right;
	cursor:pointer;
	position:relative;
	top:-10px;
}
#form-login .forget-pwd{
	display:block;
	width:300px;
	text-align:right;
}
#form-login .join-machi{
	display:block;
	width:200px;
	height:65px;
	background:url(../images/btn-join-machi.gif) left top no-repeat;
	text-indent:-9999px;
}
/*------------------ �ϥζ���/FAQ--------------------*/
.terms h1.title{
	background:url(../images/h1-terms.gif) left top no-repeat;
}
.terms h2,
.faq h2{
	color:#693;
	font-size:16px;
	line-height:200%;
}
.terms #content .wrapper,
.faq #content .wrapper{
	padding:0 15px;
}
.terms #content p,
.faq #content p,
.faq ul.circle{
	line-height:180%;
	color:#666;
	margin-bottom:15px;
}
.faq h1.title{
	background:url(../images/h1-faq.gif) left top no-repeat;
}
ul.circle li{
	background:url(../images/list-desc.gif) left 2px no-repeat;
}
ul.circle li span{
	color:#fff;
	padding:0 3px;
}
/*------------------ Sitemap--------------------*/
.sitemap h1.title{
	background:url(../images/h1-sitemap.gif) left top no-repeat;
}
.structure{
	height:200px;
	margin:auto;
}
.structure li{
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#693;
	width:19%;
	line-height:180%;
}
.structure li ul li{
	font-size:12px;
	font-weight:normal;
	width:95%;
	color:#666;
}
.structure li ul li a,
.structure li ul li a:hover,
.structure li ul li a:link,
.structure li ul li a:visited{
	color:#666;
}
/*------------------ ��g��--------------------*/
.howtoplay h1.title{
	background:url(../images/h1-howtoplay.gif) left top no-repeat;
}
.help #copyright{
	padding-top:30px;
}
.help #content .wrapper{
	padding:0 30px;
}
#bonus{
	background:url(../images/local-nav.gif) -150px -100px no-repeat;
}

/********************************************/
/*			maintenance start 2009/5		*/
/********************************************/
.carousel-box{
	float:left;
	width:455px;
	height:600px;
}
.plurk-box{
	float:left;
	width:225px;
}
.plurk-box h3{
	background:url(../images/h3-plurk.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
}
.plurk-box h3.theme{
	background-position:left top;
}
.plurk-box h3.achi{
	background-position:left -100px;
}
img.hot-plurk{
	padding:0 3px 3px 0;
	background:url(../images/bg-hot-plurk.gif) left top no-repeat;
}
.plurk-box a.more{
	display:block;
	text-align:right;
}
.under{
	width:680px;
}
/*------------------ �@�̱���--------------------*/
.author-list h1.title{
	background:url(../images/h1-author.gif) left top no-repeat;
}
.btn-author{
	float:left;
	background:url(../images/btn-author.gif) left top no-repeat;
	width:150px;
	height:40px;
	margin-left:70px;
}
.btn-author a{
	display:block;
	text-indent:-9999px;
	height:40px;
}
/*------------------ ��g��2009/6--------------------*/
.howtoplay .section1 img{
	float:left;
}
.howtoplay .section1 p,
.howtoplay .section2 p{
	color:#666;
	line-height:180%;
}
.howtoplay .section1 p{
	padding:9px 0;
}
.howtoplay .section2{
	background:url(../images/bg-about.gif) left top no-repeat;
	padding:0 0 0 15px;
}
.howtoplay .section2 p{
	padding-right:30px;
}
.howtoplay h2{
	color:#360;
	font-size:17px;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	padding-bottom:10px;
}
.howtoplay h3{
	color:#360;
	font-size:15px;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	padding:5px 0 5px 25px;
	background:url(../images/about-star.gif) left top no-repeat;
}
.about-block{
	float:left;
	padding:0 5px 0 0;
	height:235px;
}
.about-block.narrow{
	width:260px;
}
.about-block.wide{
	width:525px;
}
.to-diary{
	display:block;
	float:right;
	width:140px;
	height:65px;
}

/*-----------------------------------------------------*/
/*           WWWINS SNOW EDIT 2010/04/01               */
/*-----------------------------------------------------*/
#new-event{width:428px;float:left;}
#new-event h2{background:url(../images/h2-new-event.jpg) 0 0 no-repeat;text-indent:-9999px;height:41px;}
#new-event a{background:url(../images/go-arrow.gif) 0 0 no-repeat;color:#666666;display:block;font-size:15px;margin:6px 5px 0 0;float:right;padding-left:25px;}
#event-flash a{margin:0;padding:0;}
.coolplay .local-nav{background:url(../images/tab-background.jpg) 0 bottom no-repeat;height:55px;margin-top:10px;margin:0;padding-left:26px;float:none;}
.coolplay .local-nav li{float:left;text-indent:-9999px;}
.coolplay .local-nav li a{background:url(../images/tab-recommand.jpg) 0 0 no-repeat;display:block;height:39px;}
.coolplay .local-nav li#M-23LH a{background-position:0 -39px;width:152px;}
.coolplay .local-nav li#M-22GH a{background-position:-152px 0;width:151px;}
.coolplay .local-nav li#M-23LH a.active{background-position:0 0;}
.coolplay .local-nav li#M-22GH a.active{background-position:-151px -39px;}