﻿@charset "utf-8";
/*********************************************
*      CSS Document for Gundam Subject       *
*      filename: sub.css                     *
*      function: set other page value        *
*      birthday: 2008-11-15                  *
*********************************************/

/* Other Pages
----------------------------------------------------------------------------------------*/

/* baseList */
.baseList { padding:10px;}

/* detailWrap
----------------------------------------------------------------------------------------*/
.detailWrap {
	padding:10px 20px 20px;
	border:1px solid #ccc;
}
.detailWrap blockquote {
	font:12px/24px Arial, "宋体";
	color:#666;
	text-align:center;
}
.detailWrap p { font-size:14px; line-height:24px; text-indent:0; margin:8px 0;}

.editor { text-align:right; margin-top:20px;}
.editor p { color:#666; text-align:right; padding-bottom:8px; border-bottom:1px dashed #ccc;}
.editor li { display:inline;}
.editor li a { font-size:12px; color:#666; margin-left:6px; text-decoration:underline;}
.editor li a:hover { color:#222;}
/* downloadDetail Page*/
.downloadInfo {
	font:14px/24px "Trebuchet MS", Arial, "宋体";
	color:#333;
	padding:0 15px 15px;
	margin:0 0 30px;
	border:1px solid #ccc;
	background-color:#f4f4f4;
}
.downloadInfo h3 { line-height:36px;}
.downloadInfo ul { padding:10px; border:1px dashed #ddd; background-color:#fff;}
.downloadInfo li a { color:#c00; text-decoration:underline;}
.downloadInfo li a:hover { color:#f00; text-decoration:none;}
.downloadInfo li span { color:#369; margin-left:12px;}

.downloadScreen { text-align:center; padding:20px 0;}
.downloadScreen img { border:4px solid #ccc;}
/* workList
----------------------------------------------------------------------------------- */
.workList {
	width:50%;
	margin:10px 0;
	border-bottom:1px dashed #ccc;
	float:left;
}
.workList .pic { padding:2px; margin:0 12px 12px 0; border:1px solid #ccc; float:left;}
	.workList .pic img { float:left;}

.workList dl,
.workList p { margin:0 20px 12px;}

.workList dt { font:bold 14px/20px Arial, "宋体"; margin:3px 0 6px;}
.workList dt a { color:#369;}
.workList dt a:hover { color:#c00;}
.workList dd { font:12px/18px Arial, "宋体"; color:#888;}
.workList dd em { font-weight:bold; color:#666; margin-left:12px;}
/* characterList
------------------------------------------------------------------------------*/
.characterList ul {
	width:31%;
	height:86px;
	padding:15px 10px 15px 0;
	border-bottom:1px dashed #ccc;
	float:left;
}


.characterList li.p { margin:0 10px 0 30px; float:left;}
.characterList li.p a { border:1px solid #ccc; float:left;}
.characterList li.p a:hover { border-color:#111;}
.characterList li.p img { border:2px solid #fff; float:left;}


.characterList li.t { width:70px; margin-top:20px; float:left;}
.characterList li.t a { font:12px/24px Arial, "宋体"; color:#369;}
/* robotList
--------------------------------------------------------------------------------*/
.robotList { clear:both;}
.robotList li { width:31%; height:136px; padding:0 10px 15px 0; margin:15px 0; border-bottom:1px dashed #ccc; float:left;}
.robotList .pe_u_thumb { width:115px; float:left;}
	.robotList .pe_u_thumb a { display:block; padding:2px; border:1px solid #ccc; float:left;}
	.robotList .pe_u_thumb a:hover { border:1px solid #aaa;}
	.robotList .pe_u_thumb img { width:99px; height:130px; float:left;}
.robotList .pe_u_thumb_title { padding-top:15px;}
	.robotList .pe_u_thumb_title a { font:12px/20px Arial, "宋体"; color:#369;}
	.robotList .pe_u_thumb_title a:hover { text-decoration:underline;}
/* photoList
--------------------------------------------------------------------------------*/
.photoList { clear:both;}
.photoList ul { width:31%; height:136px; padding:15px 10px 15px 0; border-bottom:1px dashed #ccc; float:left;}
	.photoList img { width:99px; height:130px; margin-right:12px; border:1px solid #ccc; float:left;}
	.photoList a { font:12px/20px Arial, "宋体"; color:#369;}
	.photoList a:hover { text-decoration:underline;}
/* cartoonList, cartoondetail
--------------------------------------------------------------------------------*/
.cartoonList {
	width:220px;
	height:270px;
	margin:10px 7px 0 0;
	padding:2px;
	border:1px solid #ccc;
	overflow:hidden;
	float:left;
}
.cartoonList img { float:left;}
.cartoonList dl {
	font:12px/18px Arial, "宋体";
	color:#666;
	padding:5px 10px;
	float:left;
}
.cartoonList dt a {
	font:bold 14px/24px Arial, "宋体";
	color:#369;
	text-decoration:underline;
}
.cartoonList dd { text-indent:2em; text-align:justify;}
/* cartoondetail */
.cartoondetail { border-bottom:1px dashed #bbb;}
.cartoondetail p { height:126px; overflow:hidden;}

.cartoondetail .screen {
	padding:1px;
	margin:0 20px 15px 0;
	border:2px solid #eee;
	background-color:#bbb;
	float:left;
}
.cartoondetail .screen img { border:2px solid #fff; float:left;}

.cartoondetail dl {
	font:12px/18px Arial, "宋体";
	color:#666;
	margin:12px;
}
.cartoondetail dt { font-size:18px; line-height:1.5em; font-weight:bold; color:#369;}
.cartoondetail dd em { font-weight:bold; margin-left:10px;}

.cartoondetail h3 {
	text-indent:1em;
	border-top:1px solid #ccc;
	background-color:#eee;
	clear:both;
}
.cartoondetail ul { padding:15px; float:left;}
.cartoondetail li {
	display:block;
	width:100px;
	float:left;
}
.cartoondetail li a {
	font:bold 14px/30px Arial, "宋体";
	color:#999;
	padding-left:18px;
	background:url(/img/arrow2.gif) left 2px no-repeat;
}
.cartoondetail li a:hover { color:#369; background:url(/img/arrow1.gif) left 2px no-repeat;}

/* side: other cartoon */
.con_main { margin:0 10px; border-bottom:1px dashed #ccc;}
.con_main a { font:12px/26px Arial, "宋体"; color:#444;}
.con_main a:hover { color:#222; text-decoration:none;}
/* videoWrap
------------------------------------------------------------------------------------------*/
.videoWrap { padding-top:15px;}
.videoWrap .rank {
	width:200px;
	background:url(/img/rank.gif) 1px 5px no-repeat;
	float:left;
}
.videoWrap .rank li {
	text-indent:4px;
	margin-left:24px;
	border-bottom:1px dashed #ccc;
}
.videoWrap .rank li:hover { background-color:#f0f0f0;}
.videoWrap .rank li a { font:12px/26px Arial, "宋体"; color:#369;}
.videoWrap .rank li a:hover { color:#036; text-decoration:none;}

.videoWrap .screen { border:3px solid #eee; float:right;}
.videoWrap .screen img { border:5px solid #000; float:left;}

.videoWrap .videoList { margin-top:20px;}
.videoWrap .videoList h3 { border-bottom:1px solid #ccc;}
.videoWrap .videoList ul { width:175px; margin-top:20px; float:left;}
.videoWrap .videoList li.p a { padding:2px; border:1px solid #ccc; float:left;}
.videoWrap .videoList li.p a:hover { border-color:#666;}
.videoWrap .videoList li.p { height:106px;}
.videoWrap .videoList li.p img { width:150px; height:100px; float:left;}
.videoWrap .videoList li.t { text-indent:5px; clear:both;}
.videoWrap .videoList li.t a { font:12px/20px Arial, "宋体"; color:#369;}
.videoWrap .videoList li.d { font:11px/20px Arial; color:#666; text-indent:5px;}

/* glmjWrap
-----------------------------------------------------------------------------------*/
.glmjWrap { padding:12px 5px;}
.glmjWrap ul { height:28px; border-bottom:1px dashed #ccc;}
.glmjWrap li { font:12px Arial; color:#666; text-indent:3px; height:28px;}
.glmjWrap li:hover { background-color:#f0f0f0;}

.glmjWrap li a { font:12px/28px Arial, "宋体"; color:#444;}
.glmjWrap li a:hover { color:#222; text-decoration:none;}

.glmjWrap li.n { margin-right:8px; float:left;}
.glmjWrap li.d { font:11px/28px Arial; color:#666; margin-top:-26px; float:right;}

#fanList .glmjWrap ul { width:325px; margin-right:20px!important; margin-right:10px; float:left;}
#fanList .glmjWrap li.t { width:175px; height:28px; overflow:hidden; float:left;}
#fanList .glmjWrap li.d { margin-top:0;}

.gamelist { padding:12px 5px;}
.gamelist li { font:12px/28px Arial, "宋体"; color:#666; border-bottom:1px dashed #ccc;}
.gamelist li a { color:#444;}
.gamelist li a:hover { color:#222; text-decoration:none;}

/* channel
-------------------------------------------------------------------*/
#channel .banner { margin:15px 0; padding:8px; border:3px solid #ccc; background-color:#000; float:left;}
	#channel .banner img { width:904px; height:144px; border:1px solid #f00; float:left;}
#channel #core { width:715px; border-right:1px solid #ccc;}
#channel #side h2 { color:#444; border:0;}
	#channel #side h2 .inner { border:0; background:none;}
#channel #subject { padding:0; border:0; background:none;}
	#channel #subject ul { padding:0 5px; border:0;}
#channel .gameInfo { width:350px; font:12px/24px Arial, "宋体"; color:#369; float:left;}
	#channel .gameInfo .pic { margin-right:20px; float:left;}
	#channel .gameInfo .pic a { display:block; padding:2px; border:1px solid #ccc; float:left;}
	#channel .gameInfo .pic a:hover { border:1px solid #999;}
	#channel .gameInfo .pic img { float:left}
	#channel .gameInfo dl { width:170px; margin-top:10px; float:left;}
		#channel .gameInfo dt { font-weight:bold; font-size:16px; line-height:30px;}
		#channel .gameInfo dd { border-bottom:1px dashed #ccc;}
#channel .picShow { width:296px; margin-left:35px; float:left;}
	#channel .picShow dl { width:136px; margin-bottom:5px;}
		#channel .picShow dd { font:12px/26px Arial, "宋体"; text-align:center;}
		#channel .picShow dd a { color:#369;}
#channel .dataList { width:700px; margin-top:20px; float:left;}
	#channel .dataList h2 { margin-bottom:12px;}
	#channel .dataList ul { width:320px; font:12px/26px Arial, "宋体"; color:#666; margin:0 15px!important; margin:0 15px 0 8px; border-bottom:1px dashed #ccc; float:left;}
	#channel .dataList li a { color:#333;}
	#channel .dataList li a:hover { color:#111;}
	#channel .dataList .t { width:240px; height:26px; overflow:hidden;}
	#channel .dataList .d { margin-top:-26px; float:right;}
#channel .newsList ul { font:12px/24px Arial, "宋体"; margin:0 15px; border-bottom:1px dashed #ccc;}
	#channel .newsList li a { color:#444;}
	#channel .newsList li a:hover { color:#111; text-decoration:none;}

#channel #news { padding:0; background:none;}
	#channel #news .box { border:0;}
	
	
	
.detailWrap table td {font-size:12px;padding:0 0 0 5px;color: #000;}
.detailWrap table td strong {font-weight: bold;font-size: 14px;color: #000;}