/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body{ font:12px Tahoma; text-align:center; background:#FFF;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
input{ font:12px Tahoma;}

.clear{ clear:both;}



/* Layout */
#page{ margin:auto; width:960px;}
	#head{ position:relative; width:100%; height:145px;}
#head h2{float:left;  width:241px; height:68px; line-height:180px; overflow:hidden; margin:\10px 0 0 0;}
#head .cot_r {float:right; width:710px;}
#head .cot_r .login {background:url(../images/login_bg.gif) repeat-x; overflow:hidden; padding:8px 15px; }
#head .cot_r .login a {margin:0 5px; padding-top:4px; display:inline-block; text-decoration:underline;}
#head .cot_r .login a.reg { background:url(../images/reg_u.gif) no-repeat; width:59px; height:19px; text-align:center; display:block; float:left; padding-top:4px; text-decoration:none;}
#head .cot_r .menu {background:url(../images/menu_bg.jpg) no-repeat; height:35px; text-align:center;}
#head .cot_r  sup{position:absolute;	background:url(../images/anime_new2.gif) no-repeat;width:40px;	height:30px;top:33px;left:690px;z-index:5;}
#head .cot_r .menu a {margin:0 15px 0 0; font-size:14px; font-weight:bold; width:68px; display:inline-block; color:#fff; line-height:35px;}
#head .cot_r .menu a:hover,#head .cot_r .menu a.hots {background:url(../images/menu_ah.gif) 0 5px no-repeat; height:35px; text-align:center; width:68px; color:#283c57;}
#head .menu_2 {background:url(../images/menu_2bg.gif) repeat-x; height:33px; padding:0 0 0 10px; line-height:33px; clear:both;text-align:left;}
#head .menu_2 a {margin:0 15px 0 0;}
#head .menu_2 .rbg {float:right; background:url(../images/menu_rbg.gif) no-repeat; height:72px; width:121px; margin:-33px 0 0 0;}
#head .search{ position:absolute; top:107px; left:0; padding:3px 0 0 18px; overflow:hidden; width:942px; height:35px; text-align:left; background:url(../images/bg_search.png) repeat-x;}
#head .search strong{ font-weight:bold;}
#head .search .keyword{ margin:0 5px; padding:0 3px; overflow:hidden; width:157px; height:20px; line-height:21px; border:1px solid #B7CDDB; background:url(../images/input_search.png) no-repeat;}
#head  .search .go{ position:relative; top:6px; margin:0 5px;}
#head .search span.hot{ padding-left:8px; color:#F00;}
#head .search a{ margin-left:8px; color:#0B3C64; text-decoration:underline;}
#head .search a.hot{ font-weight:bold;}
	#content{ margin:12px 0;}
		#content .webIndex{ padding:6px; overflow:auto; _zoom:1; background:#F6F6F6;}
		#content .webIndex .focus{ float:left; padding:10px 12px; overflow:hidden; width:276px; height:520px; border:1px solid #E4E4E4; background:#EEF3F8;}
		#content .webIndex .focus .big{ padding-bottom:8px; border-bottom:1px solid #E4E4E4;}
		#content .webIndex .focus .big img{ width:270px; height:160px; border:2px solid #E4E4E4;}
		#content .webIndex .focus h2{ padding:7px 0; text-align:left; text-indent:16px;}
		#content .webIndex .focus h2 a,#content .works .commend .box .intro h4 a,#content .levelA .commend .body .mod h4 a{ font:bold 16px/136% Tahoma; color:#0079B5;}
		#content .webIndex .focus p,#content .works .commend .box .intro p,#content .levelA .commend .body .mod p{ line-height:160%; text-align:left; color:#373737;}
		#content .webIndex .focus .small{ margin-top:10px; overflow:auto; _zoom:1;}
		#content .webIndex .focus .small .photo,#content .works .commend .box .photo,#content .levelA .commend .body .mod .photo{ float:left; padding:3px; width:80px; height:100px; background:url(../images/bg_focus_book.gif) no-repeat;}
		#content .webIndex .focus .small .photo img,#content .works .commend .box .photo img,#content .levelA .commend .body .mod img{ width:80px; height:100px;}
		#content .webIndex .focus .small .intro,#content .works .commend .box .intro,#content .levelA .commend .body .mod .intro{ float:left; margin-left:8px; overflow:hidden; width:182px; height:110px; text-align:left;}
		#content .webIndex .focus .small .intro h2 a,#content .works .commend .box .intro h4 a,#content .levelA .commend .body .mod h4 a{ margin-bottom:6px; font-size:14px; line-height:148%;}
		#content .webIndex .focus .small .intro h2 a{ line-height:100%; margin-bottom:3px; text-indent:0;}
		#content .webIndex .index{ float:left; margin-left:6px; padding:10px 12px; overflow:hidden; width:418px; height:520px; text-align:left; border:1px solid #E4E4E4; background:#FFF;}
		#content .webIndex .index .all a{ padding-right:8px;}
		#content .webIndex .index .all{ padding-bottom:6px; border-bottom:1px solid #E4E4E4;}
		#content .webIndex .index .all h2 a{ font:bold 14px/160% Tahoma; color:#B13200;}
		#content .webIndex .index .all h3 a{ font:bold 12px/200% Tahoma; color:#363636;}
		#content .webIndex .index .all p{ line-height:200%; color:#363636;}
		#content .webIndex .index .all p a{ color:#363636;}
		#content .webIndex .index .cate{ padding-bottom:6px; border-bottom:1px solid #E4E4E4;}
		#content .webIndex .index .cate h2{ margin-top:6px; font:bold 14px/212% Tahoma; text-indent:70px; background-position:left center; background-repeat:no-repeat;}
		#content .webIndex .index .cate h2 a{ padding-right:8px; color:#0079B5;}
		#content .webIndex .index .cate ul{ overflow:auto; _zoom:1;}
		#content .webIndex .index .cate li{ float:left; width:200px;}
		#content .webIndex .index .cate li a{ font:12px/176% SimSun; color:#373737;}
		#content .webIndex .index .cate li .title{ padding-left:8px; color:#0079B5;}
		#content .webIndex .index .lz h2{ background-image:url(../images/title_cate_lz.png);}
		#content .webIndex .index .wj h2{ background-image:url(../images/title_cate_wj.png);}
		#content .webIndex .index .vip{ border:none;}
		#content .webIndex .index .vip h2{ background-image:url(../images/title_cate_vip.png);}
		#content .webIndex .index .vip h2 a{ color:#B13200;}
		#content .webIndex .index .help{ margin:13px -12px 0 -12px\9; *margin:18px -12px 0 -12px; padding-left:12px; overflow:hidden; height:32px; line-height:32px; border-top:1px solid #E7E7E7; background:url(../images/bg_index_help.png) repeat-x;}
		#content .webIndex .index .help strong{ font-weight:bold;}
		#content .webIndex .index .help a{ padding-right:24px;}
		#content .column{ float:right; width:190px; background:#FFF;}
		#content .column .box{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box ul{ padding:5px 10px; line-height:184%;}
		#content .column .box ul li{ padding:0 3px;}
		#content .column .box li span{ padding-right:3px; font:bold 11px Tahoma;}
		#content .column .webAd{ margin-top:6px;}
		#content .column .webAd ul{ padding:4px 6px; padding:8px 6px 7px 6px\9; *padding:4px 6px;}
		#content .column .webAd .hot{ color:#F00;}
		#content .column .webAd .hot a{ color:#F00;}
		#content .column .webAd li span{ font:12px SimSun;}
		
		
		
		#content .column .box_gg{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_gg h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_gg h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_gg h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_gg h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_gg h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_gg h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_gg ul{ padding:5px 10px; line-height:184%;height:125px;}
		#content .column .box_gg ul li{ padding:0 3px;}
		#content .column .box_gg li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		#content .column .box_hit{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_hit h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_hit h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_hit h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_hit h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_hit h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_hit h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_hit ul{ padding:5px 10px; line-height:184%;height:330px;}
		#content .column .box_hit ul li{ padding:0 3px;}
		#content .column .box_hit li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		#content .column .box_hot{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_hot h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_hot h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_hot h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_hot h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_hot h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_hot h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_hot ul{ padding:5px 10px; line-height:184%;height:495px;}
		#content .column .box_hot ul li{ padding:0 3px;}
		#content .column .box_hot li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		#content .column .box_top{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_top h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_top h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_top h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_top h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_top h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_top h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_top ul{ padding:5px 10px; line-height:184%;height:315px;}
		#content .column .box_top ul li{ padding:0 3px;}
		#content .column .box_top li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		#content .column .box_news_book{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_news_book h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_news_book h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_news_book h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_news_book h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_news_book h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_news_book h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_news_book ul{ padding:5px 10px; line-height:184%;height:420px;}
		#content .column .box_news_book ul li{ padding:0 3px;}
		#content .column .box_news_book li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		#content .column .box_tag{ border:1px solid #CFDCE5; text-align:left;}
		#content .column .box_tag h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_blue.png) repeat-x;}
		#content .column .box_tag h2 .title{ padding-left:18px; display:block; height:100%; background:url(../images/bg_title_blue_dot.png) no-repeat;}
		#content .column .box_tag h2 .tab{ position:absolute; top:0; right:0; font-size:12px;}
		#content .column .box_tag h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;}
		#content .column .box_tag h2 .tab .m{ margin-left:2px; width:41px;}
		#content .column .box_tag h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(../images/bg_title_tab_on.png) no-repeat;}
		#content .column .box_tag ul{ padding:5px 10px; line-height:184%;height:480px;}
		#content .column .box_tag ul li{ padding:0 3px;}
		#content .column .box_tag li span{ padding-right:3px; font:bold 11px Tahoma;}
		
		
		#content .works{ padding:6px; overflow:auto; _zoom:1;}
.hotay {margin:10px 0 0 0; background:#eef2f6; border:1px #aabacb solid; line-height:26px; text-align:center;}
.hotay a {color:#000; font-size:13px; margin:0 0 0 15px;}
.hotay a:hover {color:#f00;}
#content .levelA .commend .body ul .name{ color:#004C72; display:inline-block; margin:0 0 0 5px;}
		#content .works .commend{ float:left; width:752px; text-align:left;}
		#content .works .commend h2{ margin-bottom:1px; overflow:hidden; height:34px; font:bold 14px/36px Tahoma; color:#004C72; background:url(../images/title_works.png) no-repeat;}
		#content .works .commend h2 span{ padding-left:26px; display:block; width:119px; text-align:center;}
		#content .works .commend .mod{ overflow:auto; _zoom:1;}
		#content .works .commend .box{ margin:8px 6px 0 0; float:left; width:371px; border:1px solid #D2DEE7;}
		#content .works .commend .noMargin{ margin-right:0;}
		#content .works .commend .box h3{ overflow:hidden; height:23px; font:14px/23px Tahoma; text-indent:12px; border-bottom:1px solid #D2DEE7; color:#004C72; background:url(../images/title_commend_box.png) repeat-x;}
		#content .works .commend .box .spacing{ padding:8px 12px;}
		#content .works .commend .box .hot{ overflow:auto; _zoom:1; height:116px;}
		#content .works .commend .box .intro{ width:253px;}
		#content .works .commend .box .intro h4 a{ line-height:160%;}
		#content .works .commend .box li{ line-height:180%;}
		#content .works .commend .mod ul a,#content .levelA .commend .body ul a{ display:inline-block; *display:inline; zoom:1; color:#313131;}
		#content .works .commend .mod ul .cate,#content .levelA .commend .body ul .cate{ padding-right:6px; font-family:SimSun; color:#0070B8;}
		#content .works .commend .mod ul .chapter,#content .levelA .commend .body ul .chapter{ padding-left:6px; width:162px; color:#939393;}
		#content .works .column{ margin-top:4px;}
		#content .editor .commend .box ul{ overflow:auto; _zoom:1;}
		#content .editor .commend .box ul li{ float:left; width:160px; color:#0070B8;}
		#content .editor .commend .box ul li a{ padding-left:8px;}
		#content .works .column .box ul{ padding:2px 6px; padding:7px 6px\9; *padding:2px 6px;}
		#content .levelA .commend h2{ background:url(../images/title_works_levelA.png) no-repeat;}
		#content .levelA .commend h2 span{ padding-left:31px; width:130px; color:#2D3E43;}
		#content .levelA .commend .body{ margin-top:8px; padding:12px 12px 1px 12px; overflow:auto; _zoom:1; border:1px solid #CAD3E7;}
		#content .levelA .commend .body .story{ float:left; width:306px;}
		#content .levelA .commend .body .mod{ margin-bottom:10px; overflow:auto; _zoom:1; width:316px;}
		#content .levelA .commend .body .mod .photo{ width:111px; height:135px; background:url(../images/bg_works_photo_b.gif) no-repeat;}
		#content .levelA .commend .body .mod img{ width:111px; height:135px;}
		#content .levelA .commend .body .mod .intro{ width:180px; height:141px;}
		#content .levelA .commend .body .mod .intro p{ text-indent:12px; color:#787878;}
		#content .levelA .commend .body ul{ float:right; width:400px; line-height:182%;}
		#content .levelA .commend .body ul .chapter{ width:260px;}
		#content .levelA .column .box ul{ padding:2px 6px; padding:4px 6px 5px 6px\9; *padding:2px 6px;}
		#content .levelA .column .box h2 .title{ width:1px;}
		#content .levelA .column .box h2 .tab{ font-size:14px;}
		#content .levelA .column .box h2 .tab a{ width:80px;}
		#content .levelA .column .box h2 .tab .m{ width:79px;}
		#content .levelA .column .box h2 .tab a:hover,#content .levelA .column .box h2 .tab .active{ font-weight:normal; background:url(/css/image/bg_title_tab_on_w.png) no-repeat;}
		#content .levelA .column .box li span{ font:12px SimSun;}
		#content .levelA .column .box li span a{ color:#344E63;}
		#content .vip .commend h2{ background:url(../images/title_works_vip.png) no-repeat;}
		#content .vip .commend h2 span{ padding-left:35px; width:119px; color:#2D3E43;}
		#content .vip .commend .body{ padding-right:0;}
		#content .vip .commend .body .mod{ float:left; margin:4px 12px 12px 0; padding-bottom:12px; border-bottom:1px dotted #DEDEDE; width:350px;}
		#content .vip .commend .body .noBorder{ border:none;}
		#content .vip .commend .body .mod .photo{ width:80px; height:100px; background:url(../images/bg_focus_book.gif) no-repeat;}
		#content .vip .commend .body .mod .photo img{ width:80px; height:100px;}
		#content .vip .commend .body .mod .intro{ width:256px; height:100px;}
		#content .vip .commend .body .mod .intro p{ margin-top:4px; color:#313131}
		#content .vip .column .box h2 .title{ width:auto;}
		#content .vip .column .box ul{ padding:2px 6px; padding:10px 6px\9; *padding:1px 6px; _padding:7px 6px;}
		#content .update{ padding:0 6px;}
		#content .update .body .index{ float:left; width:154px;}
		#content .update .body .index .box{ margin:0 0 6px 0; width:100%; border:1px solid #DADADA;}
		#content .update .body .index .box li span{ padding-left:6px; font-family:SimSun;}
		#content .update .commend  h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(../images/title_box_gray.png) repeat-x;}
		#content .update .commend  h2 .title{ padding-left:18px; display:block; height:100%; text-align:left; background:url(../images/bg_title_gray_dot.png) no-repeat;}
		#content .update .commend .body{ margin:0; padding:0; border:none;}
		#content .update .commend .body .index .box ul{ float:none; padding:2px 6px; padding:4px 6px 5px 6px\9; *padding:3px 0; _padding:5px 0; width:auto;}
		#content .update .commend .body .index .bbs ul{ padding:0 0 3px 0\9; *padding:8px 0 3px 0;}
		#content .update .commend .body .index .bbs ul li{ _line-height:200%;}
		#content .update .commend .body .index li{ line-height:186%;}
		#content .update .body .new{ float:left; margin-left:0px; _margin-left:6px;  width:750px; text-align:left; border:1px solid #C9D4DA;}
		#content .update .body .new h2{ position:relative; font-weight:bold;}
		#content .update .body .new h2 .more{ position:absolute; top:0; right:0; padding-right:21px; display:block; height:100%; font:12px/26px SimSun; background:url(../images/title_update_new_more.png) right top no-repeat;}
		#content .update .body .new ul{ float:none; padding:6px 12px 5px 12px\9; *padding:4px 12px 3px 12px; _padding:21px 12px; width:auto; line-height:206%; background:url(../images/bg_update.png) #FFF repeat-x;}
		#content .update .body .new li a{ display:inline-block; *display:inline; zoom:1; font-size:14px;}
		#content .update .body .new li .cate{ width:47px; color:#3A3A3A;}
		#content .update .body .new li .name{  color:#0070B8;}
		#content .update .body .new li .name span{ font-size:12px; color:#3A3A3A;}
		#content .update .body .new li .name:hover{ text-decoration:none;}
		#content .update .body .new li .author{padding-left:20px;font-size:12px; text-align:left; color:#762400;}
		.editor .zpslt { padding:5px 5px 5px 5px; line-height:18px; color:#333;}
		.editor .izpslt {float:left; padding:5px 5px 0 5px;}
		#content .update .body .new li .date{ width:50px; font-size:12px; float:right; margin:-24px 10px 0 0; *margin:-24px 0 0 0; display:inline;}
		#content .levelA .commend .body ul .namesd {float:right; margin:-24px 0 0 0;}
		#content .update .column{ margin:0;}
		#content .update .column .editor{ margin-top:6px;}
		#content .update .column .editor div{ padding:8px; overflow:auto; _zoom:1; height:162px; line-height:160%; color:#4D5F6D;}
		#content .update .column .editor img{ float:left; margin:0 6px 6px 0; border:1px solid #C9D4DA;}
		#content .update .column .editor a{ display:block; font:14px/200% Tahoma; color:#4D5F6D;}
	#friendLink{ padding:0 12px 8px 12px; text-align:left; border:1px solid #B9CEDB; border-left:none; border-right:none; background:#F3F5F7;}
		#friendLink h2{ font:bold 12px/240% Tahoma; color:#004976;}
		#friendLink a{ padding-right:12px; line-height:172%; color:#4F4F4F;}
	#footer{ margin-top:8px; line-height:200%; color:#004976;}
		#footer a{ padding:0 5px; color:#004976;}
		
		
		
		
		/*other*/
.black_ping{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color:#FFFFFF;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_ping {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 16px solid #2089d8; margin:-32px;  background-color: white;z-index:1002;overflow: auto;}

.maos_msg_fade_class{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height:100%;background-color:#FFFFFF;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.maos_msg_class {display: none;position: absolute;top: 40%;left: 40%;width: 300px;height:110px;padding: 10px;border: 10px solid #2089d8;  background-color: white;z-index:1002;overflow: auto;text-align:center;}

.maos_down_fade_class{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height:100%;background-color:#FFFFFF;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.maos_down_class {display: none;position: absolute;top: 40%;left: 40%;width: 400px;height:170px;padding: 10px;border: 10px solid #2089d8;  background-color: white;z-index:1002;overflow: auto;text-align:center;}