@charset "utf-8";
/*********************************************
*      CSS Document for Gundam Subject       *
*      filename: style.css                   *
*      function: set 1.default value         *
*                    2.index value           *
*      birthday: 2008-11-07                  *
*********************************************/

HTML {
FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}


/* ------------- Default value ------------ */
* { margin:0; padding:0; border:0;}

body { background:#fff url(/img/body.gif) left 64px repeat-x;}

ul, ol { list-style:none;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

iframe { border:none;}

table {
	width:98%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
th,
td { border:1px solid #ccc;}

img { border:0;}

em { font-style:normal;}

.clear { clear:both;}
.hide { visibility:hidden;}
/* a.pic, a.pic2 */
a.pic,
a.pic2 { border:1px solid #ccc; padding:2px; float:left;}
a.pic2 { float:right;}
a.pic:hover,
a.pic2:hover { border-color:#666;}
a.pic img,
a.pic2 img { float:left;}

.fl { float:left;}
.fr { float:right;}
/* scroll */
.scroll {
	font-size:12px;
	line-height:30px;
	text-align:center;
	margin-top:20px;
}
.scroll a { color:#666;margin:0 10px;}
.scroll a:hover { color:#c00;}
.scroll a.num {
	color:#666;
	padding:0 4px;
	border:1px solid #ccc;
	margin:0 3px;
}
.scroll a.num:hover {
	color:#fff;
	border-color:#666;
	background-color:#ccc;
}
#prev,
#next { font:12px/18px "宋体"; color:#333; margin:15px 6px; padding:1px 4px; border:1px solid #ccc;}
#SlideButton { font:12px/24px "宋体"; color:#333; background:none;}

#PhotoUrlList table { font:12px/30px Arial, "宋体"; text-align:center; border:0;}
#PhotoUrlList td { border:0;}
#PhotoUrlList a { color:#666; margin-right:6px;}
#PhotoUrlList a:hover { color:#333;}
/* track */
.track {
	font:12px/24px Arial, "宋体";
	color:#666;
	text-indent:1em;
	margin-top:10px;
	border:1px dashed #ccc;
}
.track a { color:#369; margin:0 8px;}
.track a:hover { color:#036;}
/* Configuration
------------------------------------------------------------------------*/
#page {
	width:930px;
	margin:0 auto;
}
#header {
	height:228px;
	background:url(/img/header.jpg) left top no-repeat;
}
#intro { height:102px; padding-top:23px;}
/* nav */
#nav {
	height:35px;
}
#nav li {
	display:block;
	height:35px;
	margin-left:20px!important;
	margin-left:16px;
	float:left;
}
#nav li a {
	font:bold 14px/35px "宋体";
	color:#eee;
	padding-right:20px;
	border-right:1px solid #b4b4b4;
}
#nav li a:hover { color:#fff; text-decoration:none;}

#core {
	width:700px;
	margin-top:10px;
	float:left;
}
#side {
	width:214px;
	margin-top:10px;
	float:right;
}
#footer {
	margin-top:20px;
	border-top:1px solid #CECECE;
	background-color:#e6e6e6;
	clear:both;
}
#footer p {
	width:930px;
	font:11px/36px Arial;
	color:#666;
	text-indent:0;
text-align:center;
	margin:0 auto;
}
/* Other Elements
---------------------------------------------------------------------*/
#logo {
	height:68px;
	text-indent:-9999px;
	background:url(/img/logo.gif) 20px 15px no-repeat;
}
h1 {
	font:bold 20px/40px Arial, "宋体";
	color:#333;
	text-align:center;
	border-bottom:1px solid #ccc;
	clear:both;
}
h2 {
	font:bold 14px/24px "宋体";
	color:#333;
	text-indent:13px;
	border:1px solid #ccc;
}
h2 .inner {
	display:block;
	height:24px;
	border:1px solid #fff;
	background:url(/img/h2_bg.gif) left top repeat-x;
}
h2 em {
	font:12px/24px Arial, "宋体";
	color:#666;
	margin:-24px 0 auto auto;
	float:right;
}
h2 a { color:#c00; margin:0 12px; text-decoration:none;}
h2 a:hover { color:#f00;}

h3 {
	font:bold 14px/28px Arial, "宋体";
	color:#333;
}
#intro h3 {
	font:24px/36px "微软雅黑", Arial, "宋体";
	color:#fff;
	margin:0 auto 0 44px;
}
p {
	font:12px/18px Arial, "宋体";
	color:#333;
	text-indent:2em;
}
#intro p {
	text-indent:0;
	color:#eee;
	margin:0 560px auto 44px;
}
/* show */
#show {
	border:3px solid #ccc;
	background-color:#000;
}
#show img { float:left;}
#show a {
	margin:8px 0 8px 8px;
	border:1px solid #c00;
	float:left;
}
#show a:hover { border-color:#f60;}
/* nework */
#nework { margin-top:15px;}
#nework #poster {
	width:215px;
	margin-top:13px;
	float:left;
}
#nework .info { padding:20px 10px 10px 0; margin-left:215px; border-bottom:1px dashed #ccc;}
#nework .info dl {
	width:180px;
	font:12px/18px Arial, "宋体";
	color:#777;
	margin:3px 12px 12px 0;
	float:left;
}
#nework .info dt { font:bold 14px/28px Arial, "宋体"; color:#369;}
#nework .info em { font-weight:bold; color:#444; margin-left:10px;}
#nework .info p { height:100px; line-height:20px; color:#369; overflow:hidden;}
#nework .info p a { color:#c00; margin-left:15px;}

.relativeInfo {
	width:483px;
	height:156px;
	margin-top:15px;
	background:url(img/relativeInfo_bg.gif);
	float:left;
}
.relativeInfo h3 { text-indent:-8888px;}
.relativeInfo a.pic { margin:12px 14px auto 12px;}
.relativeInfo dl {
	font:12px/18px Arial, "宋体";
	color:#666;
	margin:15px 12px auto auto;
}
.relativeInfo dt {
	font:bold 14px/18px Arial, "宋体";
	color:#333;
	margin-bottom:6px;
}
.relativeInfo dd a { color:#666; margin-right:10px;}
.relativeInfo dd a:hover { color:#333;}
/* robot */
#robot { margin-top:12px;}
#picList { width:504px; float:left;}

#picList ul {
	width:113px;
	height:164px;
	margin:15px 12px 0 0!important;
	margin:15px 10px 0 0;
	float:left;
}
#picList li.p { float:left;}
#picList li.p a { padding:2px; border:1px solid #ccc; float:left;}
#picList li.p a:hover { border-color:#333;}
#picList li.p img { float:left;}

#picList li.t { text-align:center; clear:both;}
#picList li.t a { font:12px/22px Arial, "宋体"; color:#369;}

.character {
	width:194px;
	border:1px solid #ccc;
	border-top:0;
	background-color:#eee;
	float:right;
}
.character a.pic { margin:14px;}

.character dl { font:12px/18px Arial, "宋体"; color:#777; margin-top:16px;}
.character dt { font:bold 12px/22px "宋体"; color:#444;}
.character dd a { color:#c00;}
.character p {
	color:#444;
	margin:5px 12px;
	clear:both;
}
/* fan */
#fan {
	width:698px;
	margin-top:12px;
	padding-bottom:15px;
	border:1px solid #ccc;
	float:left;
}
#fan h2 { border:0; border-bottom:1px solid #ccc;}
#fan h3 { font-size:12px; line-height:22px; margin-top:6px;}
#fan h3 a { color:#333; text-decoration:underline;}
#fan h3 a:hover { color:#c00;}

#fan #game { width:52%; margin-right:20px; float:left;}
#fan #game h3 { text-indent:20px;}
#fan #game dl {
	font:12px/18px Arial, "宋体";
	color:#666;
	margin:0 0 15px 20px;
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;
	background:url(img/game.gif) right 99px no-repeat;
	clear:both;
}
#fan #game dt { float:left;}
#fan #game a.pic { margin:0 46px 0 0;}
#fan #game dd { text-indent:-34px;}
#fan #game dd em { color:#369; margin-left:8px;}
#fan #game dd a { color:#f00;}
#fan #game dd a:hover { color:#fff; background-color:#c00;}

#fan #other { width:42%; float:left;}
#fan #other li { border-bottom:1px dashed #ccc;}
#fan #other li:hover { background-color:#f0f0f0;}
#fan #other li a { font:12px/24px Arial, "宋体"; color:#666;}
#fan #other li a:hover { color:#333;}
/* glmj */
#glmj {
	width:345px;
	margin-top:15px;
	padding-bottom:5px;
	background:#f0f0f0 url(/img/glmj_bg.gif) left 20px repeat-x;
	float:left;
}
#glmj h2 { margin-bottom:12px;}
#glmj ul { font:12px/26px Arial, "宋体"; margin:0 6px; padding:0 8px; border-bottom:1px dashed #ccc; background-color:#fff;}
#glmj li a { color:#444;}
#glmj li a:hover { color:#111; text-decoration:none;}

#glmj li.n { margin-right:8px; float:left;}
#glmj li.t { display:block; width:250px; height:26px; overflow:hidden; clear:both;}
#glmj li.d { font-size:11px; color:#666; margin-top:-26px; float:right;}

/* download */
#download {
	width:345px;
	margin-top:15px;
	padding-bottom:5px;
	background:#f0f0f0 url(/img/glmj_bg.gif) left 20px repeat-x;
	float:right;
}
#download h2 { margin-bottom:12px;}
#download ul { font:12px/26px Arial, "宋体"; margin:0 6px; padding:0 8px; border-bottom:1px dashed #ccc; background-color:#fff;}
#download li a { color:#444;}
#download li a:hover { color:#111; text-decoration:none;}

#download li.n { margin-right:8px; float:left;}
#download li.t { display:block; width:250px; height:26px; overflow:hidden; clear:both;}
#download li.d { font-size:11px; color:#666; margin-top:-26px; float:right;}

/* cartoon */
#cartoon {
	margin-top:15px;
	clear:both;
}
#cartoon h2 { text-indent:0; text-align:center;}
#cartoon h3 { font-size:12px; line-height:24px;}
#cartoon .box {
	padding:10px 15px;
	border:1px solid #ccc;
	border-top:0;
}
#cartoon .box li {
	display:inline;
	margin-right:20px;
}
#cartoon .box li a {
	font:12px/24px Arial, "宋体";
	color:#777;
}
#cartoon .box li a:hover { color:#222;}
/* friend */
#friend {
	margin-top:15px;
	border:1px solid #ccc;
}
#friend .inner {
	border:2px solid #fff;
	background:url(img/friend_bg.gif) left bottom repeat-x;
}
#friend h3 {
	width:90px;
	line-height:42px;
	text-align:center;
	float:left;
}
#friend ul {
	padding-left:12px;
	margin:10px 10px 10px 90px;
	border-left:1px solid #ccc;
}
#friend li {
	display:inline;
	margin-right:16px;
}
#friend li a {
	font:12px/20px Arial, "宋体";
	color:#777;
}
/* subject */
#subject {
	margin-bottom:12px;
	padding:0 2px;
	background:url(img/side_shadow.gif) left top repeat-y;
}
#subject ul {
	padding:3px;
	border:1px solid #ccc;
	border-top:0;
}
#subject li {
	height:56px;
	margin-bottom:3px;
	border-bottom:1px dashed #ccc;
	background:url(img/subject_unit.gif) left top repeat-x;
}
#subject li a {
	font:bold 14px/56px Arial, "宋体";
	color:#111;
}
#subject li img { margin:10px 0 auto 4px; float:left;}
/* news */
#news {
	margin-bottom:12px;
	padding:0 2px;
	background:url(img/side_shadow.gif) left top repeat-y;
}
#news .box { border:1px solid #ccc; border-top:0; padding:10px;}

#news ul { border-bottom:1px dashed #ccc;;}
#news li { font:11px/18px Arial; color:#666;}
#news li a { font:12px/18px Arial, "宋体"; color:#444;}
#news li a:hover { color:#369;}
#news li.t { padding-top:6px;}
#news li.d { text-align:right;}

/* gonggao*/
#gonggao .box { padding:10px; border:1px solid #ccc; border-top:0;}
#gonggao p { margin:10px 0;}

/* best */
#best {
	margin-bottom:12px;
	padding:0 2px;
	background:url(img/side_shadow.gif) left top repeat-y;
}
#best a.pic { margin:7px auto 7px 7px;}
#best dl {
	padding:12px;
	border:1px solid #ccc;
	border-top:0;
}
#best dt { margin-top:10px;}
#best dt a {
	font:bold 14px/24px Arial, "宋体";
	color:#0CC633;
}
#best dd {
	font:12px/18px Arial, "宋体";
	color:#666;
	text-indent:2em;
}
/* video */
#video {
	margin-bottom:12px;
	padding:0 2px;
	background:url(img/side_shadow.gif) left top repeat-y;
}
#video .box { border:1px solid #ccc; border-top:0; padding:10px 7px 0 10px;}
#video ul { height:80px; clear:both;}

#video li.p a {
	padding:2px;
	border:1px solid #ccc;
	float:right;
}
#video li.p a:hover { border-color:#666;}
#video li.p img { width:80px; height:60px; float:left;}

#video li.t {
	width:95px;
	margin-top:0!important;
	margin-top:-15px;
	float:left;
}
*+html #video li.t { margin-top:-15px!important;}/* only for IE7*/

#video li.t a { font:bold 12px/18px Arial, "宋体"; color:#0CC633;}

#video li.d { font:11px/18px Arial; color:#666; float:left;}

/* article */
#article {
	margin-bottom:12px;
	padding:0 2px;
	background:url(img/side_shadow.gif) left top repeat-y;
}
#article .box { border:1px solid #ccc; border-top:0; padding:10px;}
#article ul { border-bottom:1px dashed #ccc;;}
#article li a { font:12px/26px Arial, "宋体"; color:#333;}
/* last */
#last h2 { margin-bottom:12px;}
#last ul { width:325px; height:28px; margin-right:20px!important; margin-right:10px; float:left;}
#last li.t { width:225px; height:28px; overflow:hidden; float:left;}
#last li.d { margin-top:0;}