/*=========================================================== copyright: (c)visual and echo japan created: 2014.08.06 ===========================================================*/ *{margin:0;padding:0;list-style:none;} html,body{height:100%;margin:0;padding:0;color:#333333;font-family:"Microsoft Yahei";font-size:12px;line-height:1; position:relative;} a,a:visited{text-decoration:none; -webkit-transition:color .2s; -moz-transition:color .2s; -ms-transition:color .2s; -o-transition:color .2s; transition:color .2s;} a:hover{text-decoration:underline;} a:focus{outline:none;} ::selection{background:#78d2e6;} ::-moz-selection{background:#78d2e6;} img{ border:0;} .pngfix{} .cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;} .cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;} .cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;} .cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;} .cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;} .cb50{clear:both;height:30px;line-height:50px;font-size:0;overflow:hidden;} .cb100{clear:both;height:50px;line-height:100px;font-size:0;overflow:hidden;} .cb300{clear:both;height:300px;line-height:300px;font-size:0;overflow:hidden;} .cb500{clear:both;height:500px;line-height:500px;font-size:0;overflow:hidden;} /* CSS Document set by zeo at 2014 */ .f_black,a.f_black,a.f_black:visited{color:#000;} .f_white,a.f_white,a.f_white:visited{color:#fff;} .f_gray,a.f_gray,a.f_gray:visited{color:#808080;} .f_gray2,a.f_gray2,a.f_gray2:visited{color:#444;} .f_gray3,a.f_gray3,a.f_gray3:visited{color:#a0a0a0;} .f_orange,a.f_orange,a.f_orange:visited{color:#ff8000;} .f_orange2,a.f_orange2,a.f_orange2:visited{color:#f40;} .f_red,a.f_red,a.f_red:visited{color:#f00;} .f_red2,a.f_red2,a.f_red2:visited{color:#b00;} .f_green,a.f_green,a.f_green:visited{color:#0b0;} .f_green2,a.f_green2,a.f_green2:visited{color:#008000;} .f_blue,a.f_blue,a.f_blue:visited{color:#00f;} .f_blue2,a.f_blue2,a.f_blue2:visited{color:#00b;} .f_purple,a.f_purple,a.f_purple:visited{color:#f0f;} .f_purple2,a.f_purple2,a.f_purple2:visited{color:#b0b;} .f_yellow,a.f_yellow,a.f_yellow:visited{color:#ff0;} .f_yellow2,a.f_yellow2,a.f_yellow2:visited{color:#bb0;} .f_cyan,a.f_cyan,a.f_cyan:visited{color:#0ff;} .f_cyan2,a.f_cyan2,a.f_cyan2:visited{color:#0bb;} .f0{font-size:0px;} .f10{font-size:10px;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f24{font-size:24px;} .fc{margin:0 auto;} .fl{float:left;} .fr{float:right;} .t_center{text-align:center;} .t_left{text-align:left;} .t_right{text-align:right;} .mt_0{margin-top:0;} .mr_0{margin-right:0;} .mb_0{margin-bottom:0;} .ml_0{margin-left:0;} .mt_5{margin-top:5px;} .mr_5{margin-right:5px;} .mb_5{margin-bottom:5px;} .ml_5{margin-left:5px;} .mt_15{margin-top:15px;} .mr_15{margin-right:15px;} .mr_10{margin-right:10px;} .mr_13{margin-right:13px;} .mb_15{margin-bottom:15px;} .ml_15{margin-left:15px;} .mt_25{margin-top:25px;} .mr_25{margin-right:25px;} .mb_25{margin-bottom:25px;} .ml_25{margin-left:25px;} /* --------------------------------------------------------- header ----------------------------------------------------------*/ #headINC{width:100%;height:100px;color:#fff;position:fixed;top:0;z-index:10;height:135px;} #headerBg{background:url(../images/header_bg.png) repeat-x top center;height:135px; /*position:relative;*/margin:0 auto;} #headerTopBg{background:url(../images/header_top_bg.png) repeat-x top center;height:10px;z-index:6;position:absolute;top:0;left:-100%;width:200%;} #headerMain{margin:0px auto 0;width:1000px;position:relative;left:145px;} /******************* #fixMenu *******************/ #fixMenu{position:absolute;top:0;left:203px;z-index:8;overflow:hidden;padding-right:27px;} #fixMenu li{float:left;margin-right:-27px;} /******************* #mainMenuArea *******************/ #mainLogo{display:none;position:absolute;top:20px;left:-150px;z-index:10;} #mainMenuArea{display:none;position:absolute;top:0;left:40px;z-index:7;background:url(../images/mainmenu_bg.png) no-repeat top left;height:90px;width:895px;} #mainMenu{position:absolute;top:45px;left:88px;} #mainMenu>li{float:left;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-indent:100%;white-space:nowrap;overflow:hidden;height:33px;} #mainMenu>li.on{filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)";-moz-opacity:0.5;opacity:0.5;}#mainMenu>li.mainMenu01,#mainMenu>li.mainMenu01.off{background:url(../images/mainmenu_01_off.png) no-repeat top left;} #mainMenu>li.mainMenu01 a{display:block;width:100px;height:20px;} #mainMenu>li.mainMenu01.on{background:url(../images/mainmenu_01_on.png) no-repeat top left;} #mainMenu>li.mainMenu02,#mainMenu>li.mainMenu02.off{background:url(../images/mainmenu_02_off.png) no-repeat top left;} #mainMenu>li.mainMenu02 a{display:block;width:121px;height:20px;} #mainMenu>li.mainMenu02.on{background:url(../images/mainmenu_02_on.png) no-repeat top left;} #mainMenu>li.mainMenu03,#mainMenu>li.mainMenu03.off{background:url(../images/mainmenu_03_off.png) no-repeat top left;} #mainMenu>li.mainMenu03 a{display:block;width:134px;height:20px;} #mainMenu>li.mainMenu03.on{background:url(../images/mainmenu_03_on.png) no-repeat top left;} #mainMenu>li.mainMenu04,#mainMenu>li.mainMenu04.off{background:url(../images/mainmenu_04_off.png) no-repeat top left;} #mainMenu>li.mainMenu04 a{display:block;width:136px;height:20px;} #mainMenu>li.mainMenu04.on{background:url(../images/mainmenu_04_on.png) no-repeat top left;} #mainMenu>li.mainMenu05,#mainMenu>li.mainMenu05.off{background:url(../images/mainmenu_05_off.png) no-repeat top left;} #mainMenu>li.mainMenu05 a{display:block;width:119px;height:20px;} #mainMenu>li.mainMenu05.on{background:url(../images/mainmenu_05_on.png) no-repeat top left;} #mainMenu>li.mainMenu06,#mainMenu>li.mainMenu06.off{background:url(../images/mainmenu_06_off.png) no-repeat top left;} #mainMenu>li.mainMenu06 a{display:block;width:100px;height:20px;} #mainMenu>li.mainMenu06.on{background:url(../images/mainmenu_06_on.png) no-repeat top left;}city:0.5;} /******************* #subMenuArea *******************/ #subMenuArea{display:none;top:-10px;left:0;z-index:4;position:relative;} #subMenuArea>ul#subMenu{overflow:hidden;} #subMenuArea>ul#subMenu>li{display:none;height:155px;width:974px;position:absolute;top:0;left:0;} #subMenuArea>ul#subMenu>li>ul{overflow:hidden;position:absolute;top:105px;left:165px;} #subMenuArea>ul#subMenu>li.subMenu01>ul{left:140px;} #subMenuArea>ul#subMenu>li.subMenu02>ul{left:145px;} #subMenuArea>ul#subMenu>li.subMenu03>ul{left:175px;} #subMenuArea>ul#subMenu>li.subMenu04>ul{left:370px;} #subMenuArea>ul#subMenu>li.subMenu05>ul{left:520px;} #subMenuArea>ul#subMenu>li.subMenu06>ul{left:200px;} #subMenuArea>ul#subMenu>li>ul>li{float:left;padding:0 5px;font-size:14px;font-family:"Microsoft Yahei";} #subMenuArea>ul#subMenu>li>ul>li a{padding:5px 15px;} #subMenuArea>ul#subMenu>li>ul>li a:hover{color:#FF0;text-decoration:underline;} #subMenu li a{ color:#fff;} #subMenu li a:hover{ color:#fff;} /******************* #scrollMainMenuArea *******************/ #scrollLogo{display:none;position:absolute;top:25px;left:-100px;z-index:10;} #scrollMainMenuArea{display:none;position:absolute;top:0;left:-225px;z-index:7;background:url(../images/scroll_mainmenu_bg.png) no-repeat top left;height:72px;width:1158px;} #scrollMainMenu{position:absolute;top:45px;left:375px;} #scrollMainMenu>li{float:left;padding:0 20px 10px 0;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} #scrollMainMenu>li>a{text-indent:100%;white-space:nowrap;overflow:hidden;} #scrollMainMenu>li.on{filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)";-moz-opacity:0.5;opacity:0.5;} #scrollMainMenu>li.scrollMainMenu01,#scrollMainMenu>li.scrollMainMenu01.off{background:url(../images/scroll_mainmenu_01_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu01 a{display:block;width:80px;height:15px;} #scrollMainMenu>li.scrollMainMenu01.on{background:url(../images/scroll_mainmenu_01_on.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu02,#scrollMainMenu>li.scrollMainMenu02.off{background:url(../images/scroll_mainmenu_02_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu02 a{display:block;width:97px;height:15px;} #scrollMainMenu>li.scrollMainMenu02.on{background:url(../images/scroll_mainmenu_02_on.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu03,#scrollMainMenu>li.scrollMainMenu03.off{background:url(../images/scroll_mainmenu_03_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu03 a{display:block;width:110px;height:15px;} #scrollMainMenu>li.scrollMainMenu03.on{background:url(../images/scroll_mainmenu_03_on.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu04,#scrollMainMenu>li.scrollMainMenu04.off{background:url(../images/scroll_mainmenu_04_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu04 a{display:block;width:108px;height:15px;} #scrollMainMenu>li.scrollMainMenu04.on{background:url(../images/scroll_mainmenu_04_on.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu05,#scrollMainMenu>li.scrollMainMenu05.off{background:url(../images/scroll_mainmenu_05_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu05 a{display:block;width:93px;height:15px;} #scrollMainMenu>li.scrollMainMenu05.on{background:url(../images/scroll_mainmenu_05_on.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu06,#scrollMainMenu>li.scrollMainMenu06.off{background:url(../images/scroll_mainmenu_06_off.png) no-repeat top left;} #scrollMainMenu>li.scrollMainMenu06 a{display:block;width:76px;height:15px;} #scrollMainMenu>li.scrollMainMenu06.on{background:url(../images/scroll_mainmenu_06_on.png) no-repeat top left;} /******************* #scrollSubMenuArea *******************/ #scrollSubMenuArea{display:none;top:0;left:0;z-index:4;position:relative;} #scrollSubMenuArea>ul#scrollSubMenu{overflow:hidden;} #scrollSubMenuArea>ul#scrollSubMenu>li{display:none;position:absolute;height:135px;width:974px;} #scrollSubMenuArea>ul#scrollSubMenu>li>ul{overflow:hidden;position:absolute;top:85px;left:150px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu01>ul{left:150px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu02>ul{left:135px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu03>ul{left:165px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu04>ul{left:350px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu05>ul{left:500px;} #scrollSubMenuArea>ul#scrollSubMenu>li.scrollSubMenu06>ul{left:200px;} #scrollSubMenuArea>ul#scrollSubMenu>li>ul>li{float:left;padding:0 5px;font-size:14px;font-family:"Microsoft Yahei";} #scrollSubMenuArea>ul#scrollSubMenu>li>ul>li a{ color:#fff; padding:5px 15px;} #scrollSubMenuArea>ul#scrollSubMenu>li>ul>li a:hover{color:#FF0;text-decoration:underline;} /* --------------------------------------------------------- contentsArea ----------------------------------------------------------*/ #contentsArea{min-width:1000px;} #contentsAreaBg01{background:url(../images/bg_solomon.png) no-repeat center top;} #contentsAreaBg02{background:url(../images/bg_ms.png) no-repeat center top;height:100%;} /* --------------------------------------------------------- login ----------------------------------------------------------*/ #login{display:none;height:100%;width:100%;position:fixed;top:0;z-index:300;} #loginCloseArea{height:100%;width:100%;position:fixed;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E1000000,endcolorstr=#E1000000,gradienttype=0);} #loginFrame{position:absolute;top:50%;margin-top:-148px;left:50%;margin-left:-245px;height:295px;width:490px;z-index:301;} /* --------------------------------------------------------- footer ----------------------------------------------------------*/ #footINC{width:100%; height:50px; background:url(../images/dibg.jpg) no-repeat top center; border-top:1px solid #43485b;} #footerMain{margin:0 auto;width:1000px;} #footerLinksArea{margin-top:30px} #footerLinksArea .footerLinks{overflow:hidden;padding:0 11px;} #footerLinksArea .footerLinks li{float:left;margin-left:11px;margin-top:14px;} #footerLinksArea .footerLinks li img{width:130px;height:55px;} #footerMenuArea{margin-top:20px;} #footerMenuArea .footerMenu{text-align:center;line-height:22px;} #footerMenuArea .footerMenu li{display:inline-block;*display:inline;margin-left:18px;} #footerMenuArea .footerMenu li a{ color:#a0a0a0;} #footerMenuArea .footerMenu li a:hover{color:#999;} #footerMenuArea .footerMenu li:first-child{content:none;margin-left:0;} #footerMenuArea .footerMenu li:before{content:"|";color:#505050;margin:0 18px 0 0;} #footerMenuArea .footerMenu li:first-child:before{content:none;margin-right:0;} #footerCopyright{height:250px;overflow:hidden;color:#fff;margin-top:15px;padding-bottom:60px;} #pageTop{position:fixed;bottom:0;width:100%;text-align:center;height:24px;z-index:9;} #pageTop img{vertical-align:bottom;margin-bottom:-1px;} /******************* #cockpit *******************/ #cockpit{position:fixed;bottom:-2px;width:100%;margin:0 auto;min-width:1548px;} #cockpitLeft{position:absolute;bottom:0;left:0;} #cockpitRight{position:absolute;bottom:0;right:0;} /* 翻页 */ .msv2_pages{text-align:center;*margin-left:50px;} .msv2_pages a,.msv2_pages a:visited{padding:2px 8px;background:#fff;border:#bbb 1px solid;color:#005379;font-size:12px;line-height:14px;margin:0 2px;} .msv2_pages a:hover{border:#ff8000 1px solid;color:#ff8000;text-decoration:none;} .msv2_pages b{padding:2px 8px;color:#222;font-size:14px;line-height:14px;margin:0 2px;} .msv2_pages ul li{display:inline-block;*float:left;} .msv2_pages ul li span{padding:2px 8px;color:#222;font-size:14px;line-height:14px;margin:0 2px;} /* 翻页--修 */ #mainContentsArea .msv2_pages a{text-decoration:none;} /* 左侧通用活动 */ #sideNavi a.leftact{display:block;margin:0 auto;margin-bottom:10px;width:160px;height:80px;} /*页码*/ #page { height:20px; text-align:center; clear:both; padding:25px 0 15px 0; } #page a { border:1px solid #00406E; background:#09295D; padding:2px 5px; color:#fff; text-decoration:none; margin-right:5px; } #page a:hover, #page .light { border:1px solid #06D9FF; background:#065BE8; } #page span { color:#7FD3FF; } .mar_bt_10 { margin-bottom:10px; } /*留言*/ .ly_list{ height:175px; clear:both; } .ly_list li{width:100%;dispay:block;clear:both;height:24px;line-height:20px;} .ly_list a{color:#e1e1e1;} .ly_list a{float:left;clear:right;display:block;} .ly_list span{display:block;color:#ff0000;float:right;} /*发布*/ .more_wz{float:right;margin-top:8px;} .more_wz a{color:#ffffff} .more_tp{float:right;margin-right:60px;margin-top:8px;} .more_tp a{color:#ffffff} .player_pic_pp { text-align:center; padding:20px 0; } .player_add_main { margin:5px 0 10px 0; color:#fff; border-top:1px solid #444; border-left:1px solid #444; background:#000; } #player_pic_list { margin:0 30px; } .editor { width:100%; height:300px; word-break:break-all; } .inputBook { margin-left:0px; margin-top:5px; width:400px; height:80px; border:1px solid #ccc; overflow:hidden; } .Book_Add { border:1px solid #454545; padding:5px 5px 5px 5px; color:#FFF; } .input { border:1px solid #ccc; height:20px; line-height:20px; color:#666; } .Input_Bunt { height:25px; } .Book_TD { padding:0px 5px 0px 5px; color:#E48C07; font-size:12px; } .Book_TD_Title { padding:0px 5px 0px 5px; color:#6CC; font-size:12px; background:#2A2A2A; } .Book_TD_COUNT { padding:10px 10px 10px 10px; color:#CCC; font-size:12px; background:#201e1f; } .Book_TD_Rety { padding:5px 10px 5px 10px; color:#E48C07; font-size:12px; height:25px; border:1px dashed #960; } .Index_Vote TD { color:#999; height:20px; line-height:20px; }