/* main.css */ /* Default value ---------------------------------- */ * { margin:0; padding:0; border:0;} ul, ol { list-style:none;} a { text-decoration:none;} a:hover { text-decoration:underline;} iframe { border:none;} table { width:100%; border-collapse:collapse; border-spacing:0;} th { text-align:left;} img { border:0;} em { font-style:normal;} .hide { display:none;} .clear { clear:both;} .fl { float:left;} .fr { float:right;} .tc { text-align:center;} .tr { text-align:right;} /* configuration -----------------------------------*/ table { border-collapse:collapse; border-spacing:0;margin:0 auto 0 auto;text-align:center;font-size:12px;color:#000;margin:0 auto 0 auto;line-height:29px;border:1px solid #BBAD8F;margin:20px auto;width:98%;} table tr{border:1px solid #BBAD8F;} table td{border:1px solid #BBAD8F;padding: 2px 8px;} table a{font-size:12px;color:#000;} html { background:#000 url(../images/html.jpg) center bottom no-repeat;} body { font:12px/20px Arial, "宋体"; color:#333; background:url(../images/body.jpg) center top no-repeat;} body#header-bg{ font:12px/20px Arial, "宋体"; color:#333; background:url(../images/body-bg.jpg) center top no-repeat;} body#Orangeloaded-bg{ font:12px/20px Arial, "宋体"; color:#333;background:url(../images/Orange-loaded-bg.jpg) center top no-repeat;} #page { width:930px; margin:0 auto;} #header{ position:relative; height:220px; margin-bottom:8px; clear:both;} #index #header { height:400px;} #side { width:224px; float:left;} #core { position:relative; width:698px; margin:0 0 15px 6px; border:1px solid #000; background:#D6CBB7 url(../images/core_bg.gif) left top repeat-y; float:left;} #footer { height:130px; color:#ddd; text-align:center; clear:both;} #footer a { color:#ddd; margin-left:12px;} /* border边框, gemel铰链, adorn装饰物 -----------------------------------*/ .bd-t { position:absolute; left:0; top:0; z-index:94; width:100%; height:20px; background:url(../images/bd-t.gif) center top no-repeat;} .bd-b { position:absolute; left:0; bottom:0; z-index:93; width:100%; height:15px; background:url(../images/bd-b.gif) left bottom repeat-x;} .bd-l { position:absolute; left:0; top:0; z-index:92; width:6px; height:100%; background:url(../images/bd-l.gif) left top repeat-y;} .bd-r { position:absolute; right:0; top:0; z-index:91; width:6px; height:100%; background:url(../images/bd-r.gif) left top repeat-y;} .bd-lt { position:absolute; left:0; top:0; z-index:98; width:25px; height:20px; background:url(../images/bd-lt.gif);} .bd-rt { position:absolute; right:0; top:0; z-index:97; width:25px; height:20px; background:url(../images/bd-rt.gif);} .bd-lb { position:absolute; left:0; bottom:0; z-index:96; width:37px; height:37px; background:url(../images/bd-lb.gif);} .bd-rb { position:absolute; right:0; bottom:0; z-index:95; width:37px; height:37px; background:url(../images/bd-rb.gif);} .gemelA, .gemelB { position:absolute; z-index:100; width:19px; height:11px; font-size:1px; line-height:1px; background:url(../images/gemelA.gif);} .gemelB { z-index:99; width:11px; height:19px; background:url(../images/gemelB.gif);} #core .gemel1 { left:37px; top:-16px;} #core .gemel2 { right:37px; top:-16px;} #core .gemel3 { left:-13px; top:40px;} #core .gemel4 { left:-13px; top:230px;} #core .gemel5 { left:-13px; top:590px;} #core .gemel6 { left:-13px; top:780px;} #core .gemel7 { left:-13px; top:895px;} #core .gemel8 { left:-13px; top:980px;} .adornA, .adornB { position:absolute; width:26px; height:115px; font-size:1px; line-height:1px; background-image:url(../images/adorn.gif); background-repeat:no-repeat; background-position:left top;} .adornA { left:-4px; top:330px;} .adornB { right:-4px; top:330px; background-position:right top;} /* channelBox -----------------------------------*/ .channelBox { position:relative; width:327px; background-color:#EDE7D9;} .cb-lt, .cb-rt, .cb-lb, .cb-rb { position:absolute; width:4px; height:4px; font-size:1px; line-height:1px; background:url(../images/cb-lt.gif);} .cb-lt { top:0; left:0;} .cb-rt { top:0; right:0; background:url(../images/cb-rt.gif);} .cb-lb { left:0; bottom:0; background:url(../images/cb-lb.gif);} .cb-rb { right:0; bottom:0; background:url(../images/cb-rb.gif);} a.more { display:block; width:31px; height:11px; font-size:1px; line-height:1px; text-indent:-9999px; background-image:url(../images/more.gif);} .sideBox a.more { width:42px; height:13px; margin:10px 10px auto auto!important; margin:10px 5px auto auto; background-position:left bottom; float:right;} .channelBox h2 { position:relative; height:26px; font-size:12px; line-height:26px; text-indent:12px; color:#fff;} .channelBox h2 a.more { margin:7px 8px auto auto!important; margin:7px 4px auto auto; float:right;} .channelBox h2 span { float:left;} .channelBox table { width:92%; line-height:22px; margin:10px auto 0;} .channelBox td a { color:#036; padding-left:14px; background:url(../images/news_icon.gif) left 4px no-repeat;} /* sideBox -----------------------------------*/ .sideBox { position:relative; width:210px; padding:11px 6px 15px; margin-bottom:10px; border:1px solid #000; background-color:#171718;} .sideBox h2 { height:38px; background:url(../images/sideBox_h2.gif) left top repeat-x;} .sideBox h2 img { margin:8px auto auto 16px; float:left;} .sideBox h3 { height:30px; font:14px/30px "宋体"; color:#fff; padding-left:32px; margin-top:6px; background:url(../images/sideBox_h3.gif) 18px 10px no-repeat;} .sideBox h3 a { color:#fff;} .sideBox .gemel1 { left:23px; top:-15px;} .sideBox .gemel2 { right:23px; top:-15px;} /* Nav, logo -----------------------------------*/ h1 { display:none;} #nav { position:absolute; top:13px; right:8px; width:638px; height:59px; border:1px solid #000; background:url(../images/nav.gif) left top no-repeat;} #nav a { display:block; height:59px; text-indent:-9999px; float:left;} #nav a:hover { background-image:url(../images/nav.gif); background-repeat:no-repeat;} #nav a#n1 { width:64px;} #nav a#n1:hover { background-position:left bottom;} #nav a#n2 { width:96px;} #nav a#n2:hover { background-position:-64px bottom;} #nav a#n3 { width:107px;} #nav a#n3:hover { background-position:-160px bottom;} #nav a#n4 { width:100px;} #nav a#n4:hover { background-position:-267px bottom;} #nav a#n5 { width:108px;} #nav a#n5:hover { background-position:-367px bottom;} #nav a#n6 { width:163px;} #nav a#n6:hover { background-position:right bottom;} /* login ----------------------------------*/ #loginWrap { position:absolute; left:0; bottom:0; width:198px; height:228px; background:url(../images/loginWrap.gif) left top no-repeat;} #loginWrap legend { display:none;} #loginWrap .switch { width:171px; height:22px; margin:61px auto 0;} #loginWrap .switch a { display:block; width:81px; height:22px; line-height:22px; color:#E1CFA1; text-align:center; background-image:url(../images/loginWrap_switch.gif); background-repeat:no-repeat; background-position:right bottom; float:left;} #loginWrap .switch a.active { position:relative; height:25px; font-weight:bold; line-height:25px; color:#ff0; margin:-3px 7px auto 0; background-position:left top;} #loginWrap form { width:169px; height:119px; color:#DEBF90; margin:0 auto; border:1px solid #A06D2C;} #loginWrap table { width:86%; margin:5px auto 0;} #loginWrap td { padding-top:5px;} #loginWrap .ipt { width:90px; height:14px; font:12px/14px Arial; color:#333; text-indent:4px; border:1px solid #111;} #loginWrap .btn { width:63px; height:23px; font:bold 12px/23px "宋体"; color:#333; margin:5px auto 0 40px; background:url(../images/loginWrap_btn.gif); cursor:pointer;} #loginWrap .go { width:169px; height:119px; text-align:center; margin:0 auto; border:1px solid #A06D2C;} #loginWrap .go p { font-weight:bold; color:#ddd; line-height:50px;} #loginWrap p span { color:#ff0;} #loginWrap .go .btn { margin:5px auto 0 auto;} /* flashPic ----------------------------------*/ #flashPic { position:absolute; left:203px; bottom:0; width:434px; height:192px; padding:11px 6px 6px; border:1px solid #000; background:#ccc url(../images/flashPic_btm.gif) left bottom repeat-x;} #flashPic .gemel1 { left:-13px; top:42px;} #flashPic .gemel2 { left:-13px; bottom:40px;} /* lastNews ----------------------------------*/ #lastNews { position:absolute; width:262px; right:0; bottom:0; height:192px; padding:11px 6px 6px; border:1px solid #000; border-right:0; background:#D6CBB7 url(../images/flashPic_btm.gif) left bottom repeat-x;;} #lastNews .gemel1 { left:-12px; top:42px;} #lastNews .gemel2 { left:-12px; bottom:40px;} #lastNews .channelBox { position:absolute; left:12px; top:17px; width:250px; height:180px;} #lastNews h2 { position:relative; z-index:1; height:29px; font-size:14px; font-weight:bold; line-height:29px; text-indent:9px; color:#fff; background:url(../images/lastNews_h2.gif) left top no-repeat;} #lastNews p { width:230px; height:30px; font-size:14px; font-weight:bold; line-height:30px; text-align:center; margin:0 auto; overflow:hidden;} #lastNews p a { color:#BF0000;} #lastNews table { line-height:24px; margin:0 auto; border-bottom:1px solid #830000;} #lastNews table .date { width:32px; color:#656565;} #lastNews table a { color:#333; padding-left:14px; background:url(../images/lastNews_icon.gif) 2px 4px no-repeat;} #lastNews a.more { margin:6px 10px auto auto!important; margin:6px 5px auto auto; float:right;} /* zt --------------------------------*/ #zt { height:271px;} #zt h2 { margin-bottom:16px;} #zt p { width:180px; height:46px; text-align:center; margin:0 auto; padding-bottom:5px;} /* tese --------------------------------*/ #tese { height:202px;} #tese .roll_news_box_ { position:relative;height:160px;overflow:hidden!important;} #tese p { color:#D6CBB7; line-height:18px; margin:0 12px; padding:0 0 10px 20px; border-bottom:1px dashed #444;} /* gameData --------------------------------*/ #gameData { height:272px;} #gameData p a { color:#D6CBB7; margin:4px 0 4px 16px;} /* service --------------------------------*/ #service { height:165px;} #service p { height:31px; line-height:31px; color:#ddd; margin-top:7px; padding-left:62px; background-image:url(../images/service_tel.gif); background-repeat:no-repeat;} #service p a { color:#ddd;} #service .tel { background-position:18px top;} #service .qq { background-position:18px -31px;} #service .mail { background-position:18px bottom;} /* about --------------------------------*/ #about { height:150px;} #about p { text-indent:16px; margin:2px 3px; background-color:#333;} #about p a { display:block; height:24px; line-height:24px; color:#bbb;} #about p a:hover { color:#D1C115; background-color:#444; text-decoration:none;} #about p span { float:left;} #about p em { margin-right:6px; float:right;} /* event --------------------------------*/ #event { width:221px; margin:18px auto auto 16px!important; margin:18px auto auto 8px; float:left;} #event h2 { height:26px; font-weight:bold; font-size:12px; line-height:26px; color:#fff; text-align:center; margin-bottom:5px; background:url(../images/event_h2.jpg);} #event ul { height:85px; line-height:26px; padding-top:6px; background:url(../images/event_bg.gif) left top no-repeat;} #event li { padding-left:50px; background:url(../images/event_icon.gif) 15px 3px no-repeat;} #event li a { color:#333;} #event .pic { position:relative; height:90px; margin-top:15px;} #event .pic img { position:absolute; bottom:0;} #event .pic .p1 { left:-7px;} #event .pic .p2 { right:-20px;} /* news --------------------------------*/ #news { width:424px; height:220px; margin:18px 18px auto auto!important; margin:18px 9px auto auto; float:right;} #news h2 { background:url(../images/news_h2.gif);} #news table { line-height:24px;} #news th { padding-left:12px; background:url(../images/news_icon.gif) left 7px no-repeat;} #news th a { display:block; color:#8D5437;} #news td a { display:block; color:#333; padding-left:0; background:none;} #news .date { width:32px;} /* vocationIntro --------------------------------*/ #vocationIntro { width:630px; height:238px; padding-left:36px; margin:12px auto 12px 17px!important; margin:12px auto 12px 8px; background:#EDE7D9 url(../images/vocationIntro_bg.gif); float:left; overflow:hidden;} #vocationIntro .cell { position:relative; width:198px; height:214px; margin:12px 10px auto 0; background:url(../images/vocationIntro_cell.gif); float:left;} #vocationIntro .cell p { position:absolute; left:12px; top:17px; width:18px; height:140px;} #vocationIntro .cell .pic { position:absolute; left:60px; top:22px; width:120px; height:177px;} /* team --------------------------------*/ #team { height:275px; margin-left:17px!important; margin-left:8px; float:left;} #team h2 { background:url(../images/team_h2.jpg);} #team dl { margin:12px;} #team .pic { margin-right:12px; padding:1px; border:1px solid #666; float:left;} #team .pic img { float:left;} #team dt a { font-weight:bold; line-height:24px; color:#014604;} #team dd span { color:#014604;} /* rank --------------------------------*/ #rank { height:275px; margin-left:12px; float:left;} #rank h2 { background:url(../images/rank_h2.jpg);} #rank h3 { position:relative; width:315px; height:32px; font-size:12px; font-weight:bold; line-height:31px; color:#4D2C00; text-indent:16px; margin:10px auto; background:url(../images/server_select.gif);} #rank h3 select { position:absolute; left:130px; top:5px; width:150px; height:20px; font-size:12px; line-height:20px; color:#333; border:1px solid #AE935E;} #rank .menu { position:relative; height:26px; margin:0 15px -1px;} #rank .menu a { display:block; color:#533400; margin:3px 2px auto 0; padding:0 12px; border:1px solid #C1B085; border-bottom:none; background-color:#DFD8C8; float:left;} #rank .menu .active { line-height:25px; margin:0 2px auto 0; border:1px solid #AE935E; border-bottom:none; background-color:#D6CBB7;} #rank table { width:94%; color:#653302; line-height:26px; margin:0 auto; border:1px solid #AE935E; background-color:#D6CBB7;} #rank th { padding-top:3px;} #rank .number { width:30px; text-align:center;} /* forum -------------------------------*/ #forum { height:175px; margin-left:17px!important; margin-left:8px; margin-top:12px; float:left;} #forum h2 { background:url(../images/forum_h2.jpg);} /* article -------------------------------*/ #article { height:175px; margin:12px auto auto 12px; float:left;} #article h2 { background:url(../images/article_h2.jpg);} /* gundamData -------------------------------*/ #gundamData { width:666px; height:216px; margin:12px auto 12px 17px!important; margin:12px auto 12px 8px; float:left;} #gundamData h2 { background:url(../images/gundamData_h2.jpg);} #gundamData .pic { height:45px; margin:12px 10px;} #gundamData .list { height:85px; padding:12px 16px; margin:0 12px; background-color:#F8F5F0;} #gundamData .list a { color:#333; margin:0 12px 12px 0;} /* friendly ------------------------------*/ #friendly { width:666px; height:100px; margin:0 auto 12px 17px!important; margin:0 auto 24px 8px; float:left;} #friendly h2 { height:24px; line-height:24px; color:#333;} #friendly .pic { height:92px; margin:4px; padding-left:2px; background-color:#E2E2E1;} #friendly img { width:88px; height:31px; margin:0 0 4px 5px; float:left;} /* content ------------------------------*/ .content { margin:10px 8px; padding:25px 30px; background-color:#EDE7D9;} .content ul.list { line-height:28px;} .content ul.list li { height:28px; padding-left:14px; background:url(../images/news_icon.gif) left 10px no-repeat; border-bottom:1px dashed #BBAD8F;} .content ul.list span { float:left;} .content ul.list em {float:right;} .content ul.list a { color:#333;} /* track */ .track { height:32px; color:#666; line-height:32px; text-indent:12px; margin-bottom:20px; background-color:#F5F0E3;} .track a { color:#666; margin-right:12px;} .track a:hover { color:#333;} .track span { color:#c00;} /* scroll */ .scroll { text-align:center; margin-top:20px; list-style-type:none;} .scroll li { display:inline;} .scroll a { color:#666; margin:auto 12px;} .scroll a:hover { color:#333;} /* h2, h3, p, table */ .content h2 { font-size:16px; font-weight:bold; line-height:32px; color:#c00; text-indent:16px; border-bottom:1px dashed #BBAD8F; background:url(../images/content_h2.gif) left 10px no-repeat;} .content blockquote { text-align:center;} .content blockquote h2 { font-size:20px; line-height:40px; text-indent:0; border:none; background:none;} .content blockquote p { font-size:12px; margin:0;} .content h3 { font-size:14px; line-height:28px; color:#c00;} .content h4 { font-size:14px; line-height:28px; color:#444;} .content p { font-size:14px; line-height:24px; margin:12px 0;} .content p a { color:#c00; margin:0 8px;} .content table { width:98%; margin:20px auto; border:1px solid #BBAD8F;} .content th, .content td { padding:2px 8px; border:1px solid #BBAD8F;} /* server -----------------------------*/ #server { width:680px; height:250px; margin:0 auto 15px; padding:25px 0; border:1px solid #000;} #server h2 { font-size:14px; font-weight:bold; color:#333; text-indent:30px; margin-bottom:10px; clear:both;} #server .cell { width:170px; height:32px; line-height:31px; padding-left:20px; margin:0 -25px 15px 40px!important; margin:0 -5px 15px 20px; background:url(../images/server_select.gif) left top no-repeat; float:left;} #server .cell a { display:block; width:170px; height:32px; color:#4D2C00; background:url(../images/server_select.gif) right top no-repeat;} #zt03 { height:540px;} #topics-tu{width:197px;height:158px;background:url(../images/topics-bg.gif) left bottom no-repeat;margin:0 auto 0 auto;padding-top:24px;position: relative;} #topics-tu img{width:152px;height:163px;margin:0 auto 0 auto;position: absolute;left:30px;bottom:10px;text-align:center;} #topics-wenzi p{font-size:12px;color:#D4C3A3;margin:0 5px 0 15px;} #topics-wenzi{width:197px;height:158px;background:#F00;margin:19px auto 0 auto;background:url(../images/topics-line.gif) no-repeat;} #topics-wenzi h3{font-size:14px;color:#D10202;font-weight:bold;} .content h1{font-size:14px;color:#BB0000;font-weight:bold;background:url(../images/topics-title.gif);width:167px;height:32px;} /* track03 */ .track03 { height:32px; color:#FFEA00; text-indent:14px;font-weight:bold;font-size:14px; background:url(../images/topics-title.gif);width:167px;line-height:33px;} #topics-news{width:620px;margin:30px auto 0 auto;} #topics-news h2{font-size:14px;color:#B30101;font-weight:bold;} #topics-nav{width:650px;height:35px;position:absolute;left:5px;top:-30px;} #topics-nav a{float:left;font-size:13px;color:#FFEA00;font-weight:bold;display:block;margin-left:2px;text-align:center;padding-top:5px;text-decoration:none;} #topics-nav a:hover{background:url(../images/topics-nav1.gif);} a#menu1:link,a#menu1:visited,a#menu1:active{background:url(../images/topics-nav1.gif);text-decoration:none;} #topics-nav a#nv1{width:67px;height:33px;background:url(../images/nv1-bg.gif);} #topics-nav a#nv1:hover{width:67px;height:33px;background:url(../images/nv-bghover.gif);} #topics-nav a#nv2{width:89px;height:33px;background:url(../images/nv2-bg.gif);} #topics-nav a#nv2:hover{width:89px;height:33px;background:url(../images/nv2-bg2.gif);} #topics-nav a#nv3{width:126px;height:33px;background:url(../images/nv-bg3.gif);} #topics-nav a#nv3:hover{width:126px;height:33px;background:url(../images/nv-bg3hover.gif);} #topics-nav a#nv4{width:104px;height:33px;background:url(../images/nv-bg4.gif);} #topics-nav a#nv4:hover{width:104px;height:33px;background:url(../images/nv-bg4hover.gif);} /* employment */ #zt04 { height:60px;width:210px;} #zt04 a{background:url(../images/employment-bg.gif);display:block;width:210px;height:60px;} #zt04 a:hover{background:url(../images/employment-hover.gif);} #tese1 { height:60px;} #tese1 a{background:url(../images/employment-bg1.gif);display:block;width:210px;height:60px;} #tese1 a:hover{background:url(../images/employment-hover2.gif);} #gameData1 { height:60px;} #gameData1 a{background:url(../images/employment-bg2.gif);display:block;width:210px;height:60px;} #gameData1 a:hover{background:url(../images/employment-hover1.gif);} .content-employment { margin:10px 8px; padding:25px 30px; background-color:#000;} .track8 { height:60px; color:#666; line-height:32px; text-indent:12px; margin-bottom:20px; margin:0 auto 0 auto;width:620px;background:url(../images/employment-line.gif) no-repeat center bottom;} .track8 img{width:287px;height:46px;margin:0 150px 0 150px;} #n9{width:320px;height:90px;margin:30px auto 0 auto;text-decoration:none;} #n9 a{text-decoration:none;} #anniou{width:109px;height:27px;background:url(../images/employment-anniou.gif);display:block;float:left;font-size:16px;font-weight:bold;color:#FBE90F;text-align:center;padding-top:5px;margin-right:100px;} #anniou1{width:109px;height:27px;background:url(../images/employment-anniou2.gif);display:block;float:left;text-align:center;font-size:16px;font-weight:bold;color:#FBE90F;padding-top:5px;} .employment-wenzi{width:620px;margin:0 auto 0 auto;} .employment-wenzi h3{background:url(../images/employment-sanjiao.gif) no-repeat;height:26px;color:#F2C848;font-size:16px;font-weight:bold;padding-left:15px;margin-top:10px;} .employment-wenzi p {font-size:12px;color:#EBE8DE;line-height:26px;margin-top:10px;} #lenwu{width:224px;height:400px;margin-top:15px;} #core1 { position:relative; width:930px; margin:0 0 15px 6px; border:1px solid #000; background:#7C020D url(../images/core1-bg.gif) left top repeat-y; float:left;} .bd-t1 { position:absolute; left:0; top:0; z-index:94; width:100%; height:20px; background:url(../images/Orange-loaded-bd-t.gif) center top no-repeat;} .content1 { margin:10px 8px; padding:25px 0; background:#7C020E url(../images/Orange-loaded-center.gif) repeat-x;} #n7{width:774px;height:70px;margin:30px auto 0 auto;text-decoration:none;background:url(../images/Orange-loaded-line.gif) no-repeat bottom ;} #n7 a{text-decoration:none;width:130px;height:44px;background:url(../images/Orange-loaded-anniou.gif);display:block;float:left;margin-left:40px;} #qrange{width:852px;height:138px;margin:0 auto 0 auto;} #qrange h2{width:465px;height:36px;margin:20px auto 20px auto;} #qrange p{font-size:12px;color:#FEF0D0;line-height:26px;} #qrange-wenzi{width:852px;margin:0 auto 0 auto;} #qrange-top{width:852px;height:27px;background:url(../images/Orange-bgtu.gif);margin:0 auto 0 auto;font-size:1px;line-height:1px;} #qrange-bg{width:852px;background:url(../images/Orange-bgtu3.gif) repeat-y;margin:0 auto 0 auto;font-size:12px;line-height:1px;} #qrange-tu{width:751px;background:url(../images/qrange-bg-h2-bg.gif);margin:0 auto 20px auto;text-align:center;font-size:16px;color:#FFEACE;font-weight:bold;padding:19px 0;} #qrange-zi{width:751px;margin:0 auto 0 auto;} #qrange-zi h2{font-size:14px;color:#BB2801;line-height:26px;margin-top:25px;} #qrange-zi p{font-size:12px;color:#000;line-height:26px;text-indent:2em;} #qrange-zi li{font-size:12px;line-height:26px;color:#000;text-indent:2em;} #qrange-tu img{width:195px;height:32px;margin:3px 250px 0 280px;} #qrange-bottom{width:852px;height:27px;background:url(../images/Orange-bgtu2.gif);margin:0 auto 0 auto;font-size:1px;line-height:1px;}