@charset "UTF-8";
/*By xuan 2011.01.15*/

img{ font-size:0; line-height:0;}
.clearfloat{ clear:both; line-height:0;}

/*--------------------------------------------
background
--------------------------------------------*/
.maincontents{ background: url(../images/bg.jpg) repeat-x top #0b6c7d;}
.contactbg{ width:100%; background: url(../images/site_owner.jpg) no-repeat top center #f6f6f6; padding:0;/* height:1000px;*/}
.contents{ padding:0 0 25px 0;}
.indexbg_1025{ background:url(../images/alo_bg.jpg) no-repeat -47px 50px;}
.indexbg_0113{ background:url(../images/nanase_bg.jpg) no-repeat -47px 15px; height:800px;}


/*--------------------------------------------
footer
--------------------------------------------*/
div.footer{background: url(../images/rightbg.gif) repeat-x top #fefefe; width:100%; padding:0 0 8px 0;}
div.footer div.footerin{ margin:0 auto; font-size:78%; color:#949494; line-height:140%; width:950px;}
div.footer div.footerin p.version{ width:350px; float:left; display:inline; margin:6px 0 0 15px;}
div.footer div.footerin p.copyright{ float:left; margin:40px 0 0 8px; text-align:center;}
div.footer div.footerin p.copyright span{ }
div.footer div.footerin p.copyright span a{color:#58463c; text-decoration:underline;}
div.footer div.footerin p.copyright span a:visited{color:#58463c; text-decoration:underline;}
div.footer div.footerin p.copyright span a,a:hover{color:#58463c; text-decoration:none;}
div.footer div.footerin p.footlink{ float:right; display:inline; color:#90a816; padding:60px 0 0 0;}
div.footer div.footerin p.footlink span{ padding:0 9px; color:#999;}
div.footer div.footerin p.footlink span a{color:#90a816; text-decoration:underline;}
div.footer div.footerin p.footlink span a:visited{color:#90a816; text-decoration:underline ;}
div.footer div.footerin p.footlink span a:hover{color:#90a816;text-decoration:none;}


div.footer2{background: url(../images/rightbg.png) repeat-x top transparent; width:100%; padding:0 0 6px 0; margin:10px 0 0 0;  z-index:100; position:fixed; bottom:0;}
div.footer2 div.footerin2{ margin:0 auto; font-size:78%; color:#949494; line-height:120%;}
div.footer2 div.footerin2 p.version2{ width:350px; float:left; display:inline; margin:10px 0 0 10px;}
div.footer2 div.footerin2 p.copyright2{ float: right; padding:4px 25px 0 0; text-align:center;}
div.footer2 div.footerin2 p.copyright2 span{ }
div.footer2 div.footerin2 p.copyright2 span a{color:#58463c; text-decoration:underline;}
div.footer2 div.footerin2 p.copyright2 span a:visited{color:#58463c; text-decoration:underline;}
div.footer2 div.footerin2 p.copyright2 span a,a:hover{color:#58463c; text-decoration:none;}
div.footer2 div.footerin2 p.footlink2{ float:right; display:inline; color:#000; padding:14px 0 0 0;}
div.footer2 div.footerin2 p.footlink2 span{ padding:0 9px; color:#999;}
div.footer2 div.footerin2 p.footlink2 span a{color:#000; text-decoration:underline;}
div.footer2 div.footerin2 p.footlink2 span a:visited{color:#000; text-decoration:underline ;}
div.footer2 div.footerin2 p.footlink2 span a:hover{color:#000;text-decoration:none;}

/*--------------------------------------------
Contact me
--------------------------------------------*/
#namebox{margin:0 auto;  width:800px;}


.panes div {display:none; padding:15px 10px; border:1px solid #999; border-top:0; font-size:12px; background-color:#fff; line-height:170%; }
.panes div.en_ver{ font-family:"Arial", Gadget, sans-serif;}
.panes div.jp_ver{ font-family:"MS UI Gothic", Arial;}
.panes div h1{ font-size:160%; letter-spacing:3px; font-weight:normal;}
.panes div h1.cn{ font-family:"微软雅黑","黑体", "宋体"}


/* get rid of those system borders being generated for A tags */
a:active {outline:none;}

:focus {-moz-outline-style:none;}

/*tab*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:370px 0 0 0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;	
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/*--------------------------------------------
Production
--------------------------------------------*/
.productionbg{ width:950px; margin:0 auto; /*background: url(../images/cloud_bg.jpg) no-repeat top center #1fafc9 fixed; padding:19px 0 25px 0;*/}
.productionbg div.pro_head{ background:url(../images/Prodution_head.png) no-repeat; height:250px; width:924px; padding:19px 0 0 0; margin:0 0 0 7px;}
.productionbg div.pro_head h1{ font-size:0; line-height:0; margin:43px 0 0 301px; *margin: 62px 0 0 301px;}
.productionbg div.pro_head p{ font-size:100%; line-height:140%; color:4a4a48; width:610px; margin:11px 0 0 301px; font:"simhei", "simsun"; font-weight:bold;}
.productionbg div.pro_head p span.wb{ color:#f09403;}
.productionbg div.pro_head p span.vp{ color:#ea5cff;}
.productionbg div.pro_head p span.gd{ color:#36a501;}
.productionbg div.pro_head p a{ text-decoration:underline; color:#5f3cd4;}

.productionbg div.pro_head p a:visited{ text-decoration:underline;}
.productionbg div.pro_head p a:hover{ text-decoration:none;}

.productionbg p.productiontop{ text-align:right; font-size:78%; margin:16px 25px 0 0;}
.productionbg p.productiontop a{ color:#FFF; text-decoration:underline;}
.productionbg p.productiontop a:visited{ text-decoration:underline;}
.productionbg p.productiontop a:hover{ text-decoration:none;}

.productionbg div.productionblock{ margin:16px 0 0 18px; position:relative;}
.productionbg div.productionblock p.prohead{ font-size:0; line-height:0;}
.productionbg div.productionblock div.proneirong{ height:258px; width:912px; border-left:#FFF 1px solid; border-right:#FFF 1px solid; background:url(../images/block_bg.png) repeat; padding:16px 0 0 0;}
.productionbg div.productionblock div.proneirong span.tig11{ position:absolute; bottom:2970px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig10{ position:absolute; bottom:2696px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig9{ position:absolute; bottom:2422px; left:-12px;}/*273-275px*/
.productionbg div.productionblock div.proneirong span.tig8{ position:absolute; bottom:2148px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig7{ position:absolute; bottom:1874px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig6{ position:absolute; bottom:1600px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig5{ position:absolute; bottom:1326px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig4{ position:absolute; bottom:1052px; left:-12px;}
.productionbg div.productionblock div.proneirong span.tig3{ position:absolute; bottom:778px; left:-12px;}/*plus230+44=274*/
.productionbg div.productionblock div.proneirong span.tig2{ position:absolute; bottom:504px; left:-12px;}/*margin=44*/
.productionbg div.productionblock div.proneirong span.tig{ position:absolute; bottom:230px; left:-12px;}
.productionbg div.productionblock div.proneirong div.protupian{ width:428px; height:237px; background:url(../images/pic_frame.png) no-repeat center center; margin:0 0 0 61px; padding:2px 0 0 2px; float:left; display:inline;}
.productionbg div.productionblock div.proneirong div.neirongwenzi{width:350px; float:left; margin:4px 0 0 24px;}
.productionbg div.productionblock div.proneirong div.neirongwenzi h2{  font-size:140%; font-weight:bold; color:#000; font-family:"微软雅黑","simhei","simsun";}
.productionbg div.productionblock div.proneirong div.neirongwenzi h3{ font-size:120%; color:#333; font-weight:normal; margin:0 0 0 0; font-family:"Arial","微软雅黑";}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.prodetail{ font-size:78%; color:#393838; line-height:160%; margin:10px 0 0 0;}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.protishi{ font-size:78%; color:#C00; margin:0; display:block;}
.productionbg div.productionblock div.proneirong div.neirongwenzi p.protishi a{ }
.productionbg div.productionblock div.proneirong div.neirongwenzi p.protishi span,em{ margin:0; font-size:0; line-height:0; }
input.proclose{ background:#FFF ; opacity:0.5; border:1px solid #333; color:#000;}

/*--------------------------------------------
about me
--------------------------------------------*/


/*--------------------------------------------
event
--------------------------------------------*/


/*--------------------------------------------
lunia index
--------------------------------------------*/


/*--------------------------------------------
fancy
--------------------------------------------*/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_nw.png) no-repeat;
}

/*--------------------------------------------
error404
--------------------------------------------*/
div.error404{ height:1000px; text-align:center; padding:200px 0 0 0;}

/*--------------------------------------------
moviepage
--------------------------------------------*/
div.moivepage{ padding:100px 0 0 100px;}

/*--------------------------------------------
home page
--------------------------------------------*/

div.indexbg_1025 div.menu_block{ height:35px; background:#f6f5f5; border-bottom:1px #cecece solid;}
div.indexbg_1025 div.menu_block ul{ list-style-type:none; font-family:"Arial Black", Gadget, sans-serif;}
div.indexbg_1025 div.menu_block ul li{ float:left; display:inline;}
div.indexbg_1025 div.menu_block ul li a{ color:#000; padding: 6px 30px; display:block;}
div.indexbg_1025 div.menu_block ul li a:visited{}
div.indexbg_1025 div.menu_block ul li a:hover{ background:#b2b2b2; color:#FFF; text-decoration:none;}

div.indexbg_1025 h2.sitename{margin:120px auto 0; width:767px; font-size:0; line-height:0; text-align:right;}
div.indexbg_1025 h2.mainslide{margin:16px auto 0; width:767px; font-size:0; line-height:0;}
h2.mplayer{ width:767px; margin:0 auto 0; font-size:0; line-height:0; text-align:right;} 

div.indexbg_1025 div.enterin{ font-size:0; line-height:0; width:50px; margin:20px auto 0;}
div.indexbg_1025 div.enterin{ font-size:0; line-height:0;}
div.indexbg_1025 div.enterin a{ display:block; width:50px;}

ul.history{ width:500px; height:90px; margin:80px auto 0; overflow:auto; font-size:12px; color:#666; line-height:140%; list-style-type:none; border:2px solid #CCC; background:#E7E7E7;}
ul.history li{ padding:0 0 10px 0;}
ul.history li hr{ border:1px #FCC dotted; width:470px; margin:0 auto;}
p.copyright2{ margin:12px 0 0 0; text-align:center; font-size:12px; color:#ccc; padding:0 0 40px 0; font-family:Arial, Helvetica, sans-serif; line-height:120%;}
p.copyright2 span a{color:#ccc; text-decoration:none;}
p.copyright2 span a:visited{color:#ccc; text-decoration:none;}
p.copyright2 span a:hover{color:#000; text-decoration:none;}
a{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}

/*--------------------------------------------
RO index
--------------------------------------------*/
ul.ro_ul{ padding:25px; line-height:150%; font-family:"微软雅黑", "黑体"; font-size:14px;}

/*--------------------------------------------
RO Skill
--------------------------------------------*/
h1.sr_title{ font-size:40px; font-family:"微软雅黑","黑体", "宋体"; font-weight:bold; letter-spacing:-2px; color:#666; text-align:center; padding:0;}
div.roskill_bg{ /*background:#ececec url(../ro/skill/images/bg.jpg) center center no-repeat;*/ }

div.rs_block{ padding:5px 0 0 0;}
div.rs_block ul.chara_list{ font-size:12px; line-height:130%; list-style-type:none; font-family:"Arial Black", Gadget, sans-serif; width:950px; margin:0 auto; display:none;}
div.rs_block ul.chara_list li{ text-align:center; margin:0 0 0 0; float:left; display:inline; _padding:0 0 5 0;} 
div.rs_block ul.chara_list li a{ color:#333; text-decoration:none; } 
div.rs_block ul.chara_list li a:visited{ text-decoration:none;}
div.rs_block ul.chara_list li a:hover{ text-decoration:none; color:#000;}
/*2nd*/
div.rs_block ul.chara_list li.rs_knt{ width:68px; height:126px; background:url(../ro/skill/images/ico_knt.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_cru{ width:68px; height:126px; background:url(../ro/skill/images/ico_cru.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_wiz{ width:68px; height:126px; background:url(../ro/skill/images/ico_wiz.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_sag{ width:68px; height:126px; background:url(../ro/skill/images/ico_sag.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_bsm{ width:68px; height:126px; background:url(../ro/skill/images/ico_bsm.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_alc{ width:68px; height:126px; background:url(../ro/skill/images/ico_alc.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_hnt{ width:68px; height:126px; background:url(../ro/skill/images/ico_hnt.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_rou{ width:68px; height:126px; background:url(../ro/skill/images/ico_rou.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_ass{ width:68px; height:126px; background:url(../ro/skill/images/ico_ass.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_bad{ width:68px; height:126px; background:url(../ro/skill/images/ico_bad.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_dan{ width:68px; height:126px; background:url(../ro/skill/images/ico_dan.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_pri{ width:68px; height:126px; background:url(../ro/skill/images/ico_pri.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_pri_nt{ width:66px; height:126px; background:url(../ro/skill/images/ico_print.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_mon{ width:68px; height:126px; background:url(../ro/skill/images/ico_mon.gif) no-repeat top center;}
/*2nd-sp*/
div.rs_block ul.chara_list2sp{ font-size:12px; line-height:130%; list-style-type:none; font-family:"Arial Black", Gadget, sans-serif; width:340px; margin:0 auto;}
div.rs_block ul.chara_list li.rs_cc{ width:68px; height:136px; background:url(../ro/skill/images/ico_cc.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_rz{ width:68px; height:136px; background:url(../ro/skill/images/ico_rz.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_quanshen{ width:68px; height:136px; background:url(../ro/skill/images/ico_quanshen.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_lm{ width:68px; height:136px; background:url(../ro/skill/images/ico_lm.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_qsh{ width:68px; height:136px; background:url(../ro/skill/images/ico_qsh.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_gh{ width:68px; height:136px; background:url(../ro/skill/images/ico_gh.gif) no-repeat top center;}
/*2nd-t*/
div.rs_block ul.chara_list li.rs_kld{ width:68px; height:160px; background:url(../ro/skill/images/ico_kld.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_pla{ width:68px; height:160px; background:url(../ro/skill/images/ico_pla.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_hwz{ width:68px; height:160px; background:url(../ro/skill/images/ico_hwz.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_pfs{ width:68px; height:160px; background:url(../ro/skill/images/ico_pfs.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_wsm{ width:68px; height:160px; background:url(../ro/skill/images/ico_wsm.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_cre{ width:68px; height:160px; background:url(../ro/skill/images/ico_cre.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_snp{ width:68px; height:160px; background:url(../ro/skill/images/ico_snp.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_stc{ width:68px; height:160px; background:url(../ro/skill/images/ico_stc.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_asc{ width:68px; height:160px; background:url(../ro/skill/images/ico_asc.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_crw{ width:68px; height:160px; background:url(../ro/skill/images/ico_crw.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_gyp{ width:68px; height:160px; background:url(../ro/skill/images/ico_gyp.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_hpr{ width:68px; height:160px; background:url(../ro/skill/images/ico_hpr.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_hprnt{ width:66px; height:160px; background:url(../ro/skill/images/ico_hprnt.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_chp{ width:68px; height:160px; background:url(../ro/skill/images/ico_chp.gif) no-repeat top center;}

/*3rd*/
div.rs_block ul.chara_list li.rs_rk{ width:68px; height:160px; background:url(../ro/skill/images/ico_rk.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_rg{ width:68px; height:160px; background:url(../ro/skill/images/ico_rg.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_df{ width:68px; height:160px; background:url(../ro/skill/images/ico_df.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_ys{ width:68px; height:160px; background:url(../ro/skill/images/ico_ys.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_jj{ width:68px; height:160px; background:url(../ro/skill/images/ico_jj.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_jy{ width:68px; height:160px; background:url(../ro/skill/images/ico_jy.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_yx{ width:68px; height:160px; /*_margin:0 0 0 -110px;*/  background:url(../ro/skill/images/ico_yx.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_zy{ width:68px; height:160px;  background:url(../ro/skill/images/ico_zy.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_qg{ width:68px; height:160px; background:url(../ro/skill/images/ico_qg.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_gt{ width:68px; height:160px; /*margin:0 0 0 20px;*/ background:url(../ro/skill/images/ico_gt.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_my{ width:68px; height:160px; /*margin:0 20px 0 0;*/ background:url(../ro/skill/images/ico_my.gif) no-repeat top center;}
div.rs_block ul.chara_list li.rs_zj{ width:68px; height:160px; background:url(../ro/skill/images/ico_zj.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_zjnt{ width:66px; height:160px; background:url(../ro/skill/images/ico_zjnt.gif) no-repeat top center; }
div.rs_block ul.chara_list li.rs_ls{ width:68px; height:160px; background:url(../ro/skill/images/ico_ls.gif) no-repeat top center; _width:42px;}

p.rs_his{ font-size:12px; color:#000; line-height:130%; width:700px; margin:10px auto 0;}

div.rs_button{font-size:12px; line-height:130%; font-family:"微软雅黑", "宋体"; width:100px; background:#900; color:#FFF; text-align:center; padding:3px; margin:0 0 8px 50px;}

/*---------------------------------------------------
till
---------------------------------------------------*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; line-height:150%; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }


/*---------------------------------------------------
tongji
---------------------------------------------------*/
div.tongji{ width:500px; margin:10px auto 0; text-align:center; font-size:12px; color:#999; line-height:160%; padding:0 0 10px 0;}

/*---------------------------------------------------
counterdown
---------------------------------------------------*/
div.counterdown { width:200px; position:absolute; left:19px; top:50px;}