@charset "utf-8";
/* template customization */

/* disable the info div */
#myInfoDiv {
display: none;
}

/* layout */
#fullDiv {
/*text-align:center;*/
color: #000 !important;
}

#fullDiv a,
.widget_g1 a, .widget_g2 a, .widget_g3 a,
.board_g1 a, .board_g2 a, .board_g3 a {
color: #e00000;
}
#fullDiv a:link,
.widget_g1 a:link, .widget_g2 a:link, .widget_g3 a:link,
.board_g1 a:link, .board_g2 a:link, .board_g3 a:link {
color: #e00000;
}
#fullDiv a:visited,
.widget_g1 a:visited, .widget_g2 a:visited, .widget_g3 a:visited,
.board_g1 a:visited, .board_g2 a:visited, .board_g3 a:visited {
color: #e00000;
}

#bannerDiv {
float:left;
position: relative;
width: 625px;
height: 102px;
margin-bottom: 10px;
margin-left:10px;
background:#fff url(/images/default_banner.jpg) no-repeat;
}


#bannerDiv #infoDiv {
position: absolute;
right: 0px;
bottom: 0px;
}

#bannerDiv .btn_finish {/* edit 09.3.11 */
width: 100px;
font-size: 12px;
line-height: 20px;
height: 25px;
outline: none;
border-width: 1px;
border-color: #333;
color: #fff;
font-weight: bold;
background:#333 url(/images/d5/btn_black.gif) repeat-x left center;
cursor:pointer;
}


#bannerDiv #customizeWidgetDiv {
position: absolute;
bottom: 5px;
left: 5px;
width: 48px;
height: 48px;
color: #FFF;
font-size: 100%;
font-weight: bold;
cursor: pointer;
z-index: 10;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/customize.png');
}

#bannerDiv #customizeWidgetDiv[id] {
background: url(/images/d3/customize.png) no-repeat center center;
}

#bannerDiv #shader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 102px;
background: #000;
z-index: 5;
opacity: .0;
moz-opacity: .0;
filter:alpha(opacity=0);
}


#bannerDiv #customizeIntro {/* eidt 09.3.11 */
position: absolute;
left: 0;
top: 5px;
width: 98%;
padding:0 1%;
z-index: 20;
opacity: .0;
moz-opacity: .0;
filter:alpha(opacity=0);
}

#bannerDiv #customizeIntro .title {/* eidt 09.3.11 */
color: #fff;
font-size: 100%;
font-weight: bold;
}

#bannerDiv #customizeIntro .content {/* eidt 09.3.11 */
color: #eee;
font-size: 100%;
}
#bannerDiv #customizeIntro .content p {
line-height:1.0em;
margin-bottom: 3px;
}


/*#bannerDiv #customizeIntro .link { 
margin-top: 20px;
font-size: 100%;
font-weight: bold;
}eidt 09.3.11 */
/*
#bannerDiv #customizeIntro .link a {
color: #fff;
text-decoration: underline;
}
eidt 09.3.11 */
 
#bannerDiv #infoDiv[id] {
background: transparent url(/images/t6/50perc.png);
}

.white_bg {
	float:left;
	background:#fff;
}


.wDelete {
position: absolute;
cursor: pointer;
top: 10px;
right: 0px;
width: 20px;
height: 20px;
z-index: 20;
}

.wDelete[class] {
background: url(/images/d5/btn_remove.png) no-repeat top left;
}

* html .wDelete {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/d5/btn_remove.png');
}

/* IE6 only */
* html #bannerDiv #infoDiv {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/t3/50perc.png');
}
/* end */


#bannerDiv #infoDiv #siteName {
color: #FFF;
font-size: 180%;
font-weight: bold;
margin: 5px 10px;
text-align: right;
}

#bannerDiv #infoDiv #siteName a {
color: #fff;
}

#bannerDiv #infoDiv #siteUrl {
color: #fff;
font-size: 12px;
margin: 5px 10px;
text-align: right;
}

#g1 {
position: relative;
float: right;
clear: right;
display: inline;
width: 300px;
min-height: 400px;
right:10px;
}

#g2 {
position: relative;
float: left;
clear: left;
display: inline;
width: 625px;
min-height: 400px;
left:10px;
}

/* IE6 set minimum height */
* html #g1 {
height: 400px;
}

* html #g2 {
height: 400px
}
/* end IE6 */

.board, .board_s, .board_sm, .board_m, .board_l, .board_h, .widget, .widget_s, .widget_sm, .widget_m {
position: relative;
margin-bottom: 10px;
}

* html .board { height: 1%; }
* html .board_s { height: 1%; }
* html .board_sm { height: 1%; }
* html .board_m { height: 1%; }
* html .board_l { height: 1%; }
* html .board_h { height: 1%; }
* html .widget { height: 1%; }
* html .widget_s { height: 1%; }
* html .widget_sm { height: 1%; }
* html .widget_m { height: 1%; }
* html .widget_l { height: 1%; }
* html .widget_h { height: 1%; }


.wInfoDiv {
background: #fff;
padding: 3px 2px 3px 2px;
text-align: right;
font-size: 90%;
color: #444;
}

/* drag and drop */
#g1.editmode .widget .wHeading,#g1.editmode .board,
#g2.editmode .widget .wHeading,#g2.editmode .board
{
cursor: move;
}

/* common */
.wContentDiv {
/*position:relative;*/
/*z-index:5;*/
margin-left:-10px;
background-color: #FFFFFF;
}


.wBodyShadow {
position: absolute;
z-index:1;
}

.floatContentDiv {
position: absolute;
z-index:2;
background-color: #FFF;
}

/* g1 widget */
#g1 .widget .wHeading, .widget_g1 .wHeading {
position: relative;
z-index: 10;
width: 300px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: left;
}

#g1 .widget .wBody, .widget_g1 .wBody {
position: relative;
width: 298px;
border:1px solid #ccc;
}

#g1 .widget .wBodyShadow, .widget_g1 .wBodyShadow {
position: absolute;
}

#g1 .widget .wContentDiv, .widget_g1 .wContentDiv {
}

#g1 .widget .floatContentDiv, .widget_g1 .floatContentDiv {
position: absolute;
}

/* g2 widget */
#g2 .widget .wHeading, .widget_g2 .wHeading {
position: relative;
z-index: 10;
width: 625px;
height: 30px;
line-height: 30px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: left;
}

#g2 .widget .wBody, .widget_g2 .wBody {
position: relative;
}

#g2 .widget .wBodyShadow, .widget_g2 .wBodyShadow {
position: absolute;
}

#g2 .widget .floatContentDiv, .widget_g2 .floatContentDiv {
position: absolute;
}

/* g1 board */
#g1 .board .wHeading, .board_g1 .wHeading {
width: 300px;
height: 4px;
line-height: 4px;
}

#g1 .board .wBody, .board_g1 .wBody {
position: relative;
width: 300px;
}

#g1 .board .wBodyShadow, .board_g1 .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 300px;
}

#g1 .board .floatContentDiv, .board_g1 .floatContentDiv {
position: absolute;
top: 0;
width: 192px;
}

/* g2 board */
#g2 .board .wHeading, .board_g2 .wHeading {
width: 625px;
height: 4px;
line-height: 4px;
}

#g2 .board .wBody, .board_g2 .wBody {
position: relative;
width: 625px;
}

#g2 .board .wBodyShadow, .board_g2 .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 625px;
}

#g2 .board .floatContentDiv, .board_g2 .floatContentDiv {
position: absolute;
top: 0;
}

/* widget_s */
.widget_s .wHeading {
position: relative;
z-index: 10;
width: 300px;
height: 30px;
line-height: 30px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: left;
}

.widget_s .wBody {
position: relative;
width: 300px;
}

.widget_s .wBodyShadow {
position: absolute;
top:-1px;
left: 0;
width: 300px;
}

.widget_s .floatContentDiv {
position: absolute;
top: -1px;
width: 192px;
}

/* widget_sm */
.widget_sm .wHeading {
position: relative;
z-index: 10;
width: 330px;
height: 30px;
line-height: 30px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_sm .wBody {
position: relative;
width: 330px;
}

.widget_sm .wBodyShadow {
position: absolute;
top:-1px;
left: 0;
width: 330px;
}

.widget_sm .floatContentDiv {
position: absolute;
top: -1px;
/*left: 4px;*/
width: 322px;
}

/* widget_m */
.widget_m .wHeading {
position: relative;
z-index: 10;
width: 625px;
height: 30px;
line-height: 30px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: left;
}

.widget_m .wBody {
position: relative;
width: 625px;
}

.widget_m .wBodyShadow {
position: absolute;
top: -1px;
left: 0;
width: 625px;
}

.widget_m .wContentDiv {
/*margin-left: 4px;
margin-right: 4px;*/
}

.widget_m .floatContentDiv {
position: absolute;
top: -1px;
/*left: 4px;*/
width: 452px;
}

/* widget_h */
.widget_h .wHeading {
position: relative;
z-index: 10;
width: 625px;
height: 30px;
line-height: 30px;
color: #212121;
font-size: 120%;
font-weight: bold;
text-align: left;
}

.widget_h .wBody {
position: relative;
width: 625px;
}

.widget_h .wBodyShadow {
position: absolute;
top: -1px;
left: 0;
width: 625px;
}

.widget_h .floatContentDiv {
position: absolute;
top: -1px;
}

/* board_s */
.board_s .wHeading {
width: 300px;
height: 4px;
line-height: 4px;
}

.board_s .wBody {
position: relative;
top: 0;
left: 0;
width: 300px;
}

.board_s .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 300px;
}

.board_s .floatContentDiv {
position: absolute;
top: 0;
}

/* board_sm */
.board_sm .wHeading {
width: 330px;
height: 4px;
line-height: 4px;
}

.board_sm .wBody {
position: relative;
top: 0;
left: 0;
width: 330px;
}

.board_sm .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 330px;
}

.board_sm .floatContentDiv {
position: absolute;
top: 0;
width: 322px;
}

/* board_m */

.board_m .wHeading {
width: 625px;
height: 4px;
line-height: 4px;
}

.board_m .wBody {
position: relative;
top: 0;
left: 0;
width: 625px;
}

.board_m .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 625px;
}

.board_m .floatContentDiv {
position: absolute;
top: 0;
width: 452px;
}

/* board_l */
.board_l .wHeading {
width: 550px;
height: 4px;
line-height: 4px;
}

.board_l .wBody {
position: relative;
top: 0;
left: 0;
width: 550px;
}

.board_l .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 550px;
}

.board_l .floatContentDiv {
position: absolute;
top: 0;
/*left: 4px;*/
width: 542px;
}

/* board_h */
.board_h .wHeading {
width: 625px;
height: 4px;
line-height: 4px;
}

.board_h .wBody {
position: relative;
top: 0;
left: 0;
width: 625px;
}

.board_h .wBodyShadow {
position: absolute;
top: 0;
left: 0;
width: 625px;
}

.board_h .floatContentDiv {
position: absolute;
top: 0;
}

/* Other than IE6 */
/* g1 widget */
#g1 .widget .wHeading[class], .widget_g1 .wHeading[class] {
background:url(/images/t6/g/whp1/box_header_g1.gif) no-repeat left center ;
}

/* g2 widget */
#g2 .widget .wHeading[class], .widget_g2 .wHeading[class] {
	height:31px;
	line-height:31px;
	border-top:12px solid #000;
}

/* g2 board */
#g2 .board .wHeading[class], .board_g2 .wHeading[class] {
background: url(/images/t3/g/board_header_g2.png) no-repeat center;
}

/* g3 board */
#g3 .board .wHeading[class], .board_g3 .wHeading[class] {
background: url(/images/t3/g/board_header_g3.png) no-repeat center;
}

/* IE6 only */
/* g1 widget */
* html #g1 .widget .wHeading, * html .widget_g1 .wHeading{
background:url(/images/t6/g/whp1/box_header_g1.gif) no-repeat left center;
}

/* g2 widget */
* html #g2 .widget .wHeading, * html .widget_g2 .wHeading {
border-top:10px solid #000;
}



/* for Fanz */

#g1 .tit_indent {
	padding-left:20px;
}

#g2 .tit_indent {
	padding-left:35px;
}



.tagList#tagList {/* edit 09.3.13 */
	font-size:14px;
	height:192px;
	_height:185px;
	overflow:hidden;
	text-align:center;
	line-height:32px;
}
.tagList#tagList a {/* edit 09.3.13 */
	display:inline-block;
	color:#333;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
}
.tagList#tagList a:hover {/* edit 09.3.13 */
	background:#cc0000;
	color:#fff;
	text-decoration:none;
}

.tagList#tagList .level1 {/* edit 09.3.6 */
	color:#333;
	font-size:14px;
	height:22px;
	line-height:22px;
}

.tagList#tagList .level2 {/* edit 09.3.6 */
	color:#333;
	font-size:18px;
	height:22px;
	line-height:22px;
}

.tagList#tagList .level3 {/* edit 09.3.6 */
	color:#cc0000;
	font-size:22px;
	height:22px;
	line-height:22px;
} 


.icon_status,
.icon_gen,
.icon_favorite,
.icon_friend,
.icon_group {
	background:url(/images/t6/g/whp1/box_header_g2.gif) no-repeat left center;
}
.icon_photo,
.icon_groupPhoto {
	background:url(/images/t6/icon_photo.jpg) no-repeat left center;	
}
.icon_messageboard {
	background:url(/images/t6/icon_message.jpg) no-repeat left center;	
}
.icon_video,
.icon_groupVideo {
	background:url(/images/t6/icon_video.jpg) no-repeat left center;	
}
.icon_blog,
.icon_groupBlog {
	background:url(/images/t6/icon_blog.jpg) no-repeat left center;	
}
.icon_groupBbs {
	background:url(/images/t6/g/whp1/box_header_g2.gif) no-repeat left center;
}
.icon_groupMessage {
	background:url(/images/t6/icon_message.jpg) no-repeat left center;	
}

#g2 .icon_status,
#g2 .icon_gen,
#g2 .icon_favorite,
#g2 .icon_friend,
#g2 .icon_group {
	background:url(/images/t6/g/whp1/box_header_g2.gif) no-repeat left center;
}
#g2 .icon_photo,
#g2 .icon_groupPhoto {
	background:url(/images/t6/icon_photo.jpg) no-repeat left center;	
}
#g2 .icon_messageboard {
	background:url(/images/t6/icon_message.jpg) no-repeat left center;	
}
#g2 .icon_video,
#g2 .icon_groupVideo {
	background:url(/images/t6/icon_video.jpg) no-repeat left center;	
}
#g2 .icon_blog,
#g2 .icon_groupBlog {
	background:url(/images/t6/icon_blog.jpg) no-repeat left center;	
}
#g2 .icon_groupBbs {
	background:url(/images/t6/g/whp1/box_header_g2.gif) no-repeat left center;
}
#g2 .icon_groupMessage {
	background:url(/images/t6/icon_message.jpg) no-repeat left center;	
}

#g1 .icon_status,
#g1 .icon_gen,
#g1 .icon_favorite,
#g1 .icon_friend,
#g1 .icon_group,
#g1 .icon_photo,
#g1 .icon_groupPhoto,
#g1 .icon_video,
#g1 .icon_groupVideo,
#g1 .icon_blog,
#g1 .icon_groupBlog,
#g1 .icon_groupBbs,
#g1 .icon_groupMessage
 {
	background:url(/images/t6/g/whp1/box_header_g1.gif) no-repeat left center;
}

.unline_list {
	border-bottom:1px solid #e8e8e8;
}













/* 09.1.20 add */
.blogPreview {
	float:left;
	width:100%;
}

.blogPreview .thumbnail {
	#position:relative;
	float:left;
	display:table;
	text-align:center;
	overflow:hidden;
}
.blogPreview .thumbnail p {
    display:table-cell;
	vertical-align:middle;
    #position:absolute;
	#top:50%;
}
.blogPreview .thumbnail img {
	#position:relative;
	#top:-50%;
	#left:-50%;
	border:none;
	background:#fff;
	padding:4px;
	border:1px solid #ddd;
}

#g1 .blogPreview .thumbnail {
	width:130px;
	height:140px;
	line-height:140px;
	padding:0 4px;
}

#g2 .blogPreview .thumbnail,
.f_c3 .blogPreview .thumbnail {
	width:25%;
	#width:24%;
	height:140px;
	line-height:140px;
}

.createFC_table {
	width:100%;
}
.createFC_table td {
	padding:10px 3px;
	vertical-align:top;
}
.createFC_table .item {
	text-align:right;
	font-weight:bold;
	line-height:25px;
}
.createFC_table .tips {
	display:block;
	font-size:11px;
	color:#666;
}

.createFC_table input {
	margin-bottom:5px;
	vertical-align:middle;
}

a.submit_s {
	clear:both;
	width:auto;
	font-size: 12px;
	padding:2px 10px;
	color: #fff !important;
	overflow:visible;
	cursor: pointer;
	border:1px solid #ce1f00;
	background: #cc0000 url(/images/d5/bg_button.gif) repeat-x center;
}
a:visited.submit_s {
	color: #fff !important;
}
a:hover.submit_s {
	text-decoration:none;
}