@charset "utf-8";

/*************************
****** all page css ******
*************************/

/* layout base --------------------------------------------------------------------*/
body		{ background:#000000; color:#FFFFFF; text-align:center;}

a:link		{ color:#FFFFFF; text-decoration: none;}
a:visited	{ color:#FFFFFF; text-decoration: none;}
a:active	{ color:#FFFFFF; text-decoration: underline;}
a:hover		{ color:#CC0000; text-decoration: underline;}

.link_sub a:link	{ color:#FFCC00; text-decoration: none;}
.link_sub a:visited	{ color:#FFCC00; text-decoration: none;}
.link_sub a:active	{ color:#CC0000; text-decoration: underline;}
.link_sub a:hover	{ color:#CC0000; text-decoration: underline;}

.link_red a:link	{ color:#FF0000; text-decoration: none;}
.link_red a:visited	{ color:#FF0000; text-decoration: none;}
.link_red a:active	{ color:#FF0000; text-decoration: underline;}
.link_red a:hover	{ color:#FF0000; text-decoration: underline;}

.link_w a:link		{ color:#FFFFFF; text-decoration: none;}
.link_w a:visited	{ color:#FFFFFF; text-decoration: none;}
.link_w a:active	{ color:#FFFFFF; text-decoration: underline;}
.link_w a:hover		{ color:#FFFFFF; text-decoration: underline;}

.link_bk a:link		{ color:#000; text-decoration: none;}
.link_bk a:visited	{ color:#000; text-decoration: none;}
.link_bk a:active	{ color:#000; text-decoration: underline;}
.link_bk a:hover	{ color:#CC0000; text-decoration: underline;}

/* header --------------------------------------------------------------------*/
div.header			{ width:900px; height:85px; margin:0 auto 5px;}
div.header h1 a		{float:left; width:100px; height:85px; overflow:hidden; text-indent:-9999px; background:url(../img/common/logo.jpg) no-repeat;}
div.header p.h_r		{float:right; width:700px; height:43px; padding:42px 100px 0 0; background:url(../img/common/head_bg.jpg) no-repeat; overflow:hidden;}
div.header p.h_r span.menu	{ width:700px; height:18px; margin:0; color:#FFFFFF; font-weight:bold; line-height:1.5em; text-align:center; display:block; overflow:hidden;}
div.header p.h_r span.menu02	{ width:700px; height:18px; margin:5px 0 0 0; color:#000000; font-weight:bold; line-height:1.5em; text-align:center; display:block; overflow:hidden;}


/* wrapper --------------------------------------------------------------------*/
div.wrapper		{ width:900px; margin:0px auto 10px;}
div.main		{ width:745px; float:left;}
p.s_stt	{ height:20px; background:url(../img/common/s_stt_bg.jpg) no-repeat; color:#FFCC00; font-weight:bold; line-height:1.8em; text-indent:14px; text-align:left; display:block; overflow:hidden;}


/* left --------------------------------------------------------------------*/
div.left		{ width:145px; text-align:left; float:left;}
div.left span.user	{ padding:4px 10px; background:#4E3121; color:#FFFFFF; line-height:20px; display:block;}
div.left p.pass		{ margin:0 0 5px; font-size:10px; line-height:20px; text-align:center; display:block;}
div.left p.s_stt	{ margin:0; overflow:hidden;}
div.left span.txt		{ width:139px; margin:0 0 5px 0; padding:5px 2px; border:1px solid #7D1A1A; border-width:0 1px 1px 1px; display:block; overflow:hidden;}
div.left span.txt em	{ width:12px; font-style:normal; display:block; overflow:hidden; float:left;}
div.left span.txt em.li01 { width:68px; height:18px; padding:0 0 0 1px; font-style:normal; display:block; overflow:hidden; float:left;}
div.left span.txt em.li02 { width:138px; height:18px; padding:0 0 0 1px; font-style:normal; display:block; overflow:hidden; float:left;}
div.left span.txt em.li03 { width:138px; height:18px; padding:0 0 0 1px; font-style:normal; display:block; overflow:hidden; text-align:right; float:left;}
div.left p.search		{ margin:0 0 5px; padding:0 2px; display:block;}
div.left span.bnr		{ padding:0 0 5px; display:block;}
div.left span.bnr img	{ margin:0 0 5px;}
div.left ul.side				{ width:145px;}
div.left ul.side li				{ display:inline;}
div.left ul.side li a			{ width:145px; text-indent:-9999px; overflow:hidden; display:block;}
div.left ul.side li.login a		{ height:20px; background:url(../img/common/left_btn_login.gif) no-repeat;}
div.left ul.side li.regist a	{ height:40px; margin:0 0 5px; background:url(../img/common/left_btn_regist.jpg) no-repeat;}
div.left ul.side li.vip a		{ height:40px; margin:0 0 10px; background:url(../img/common/left_btn_vip.gif) no-repeat;}
div.left ul.side li.affi a		{ height:50px; margin:0 0 5px; background:url(../img/common/left_bnr_affi.jpg) no-repeat;}
div.left ul.side li.clips a		{ height:50px; margin:0 0 5px; background:url(../img/common/left_bnr_clips.jpg) no-repeat;}
div.left ul.side li.click a		{ height:50px; margin:0 0 5px; background:url(../img/common/left_bnr_click.jpg) no-repeat;}

div.left div.ifrbox		{ width:143px; margin:0 0 5px 0; padding:0px; border:1px solid #7D1A1A; border-width:0 1px 1px 1px; display:block; overflow:hidden;}
div.left div.ifrbox iframe.l_login	{ width:143px; height:95px; margin:0; padding:0; overflow:hidden; border:0;}


/* right --------------------------------------------------------------------*/
div.right				{ width:145px; float:right;}
div.right iframe.ifr01	{ width:143px; height:200px; overflow:auto;}
div.right span.box		{ width:143px; margin:0 0 10px; border:1px solid #7D1A1A; border-width:0 1px 1px 1px; display:block;}
div.right span.box em	{ padding:0 8px 5px; text-align:center; display:block;}
div.right div.r_bnr		{ margin:0 0 10px 0; padding:0;}
div.right div.r_bnr p	{ margin:0 0 5px 0; padding:0;}


/* footer --------------------------------------------------------------------*/
div#footer	{ height:70px; padding:10px 0 0 0; background:url(../img/common/foot_bg.jpg) repeat-x bottom; line-height:1.5em; overflow:hidden;}
div#footer p	{ margin-top:5px;}


/* contents --------------------------------------------------------------------*/
div.contents	{ width:590px; text-align:left; float:right; overflow:hidden;}
div.contents p.path	{ height:20px; color:#FFFFFF; line-height:20px; display:block; overflow:hidden;}
div.contents p.path a:link		{ color:#FFFFFF; text-decoration: underline;}
div.contents p.path a:visited	{ color:#FFFFFF; text-decoration: underline;}
div.contents p.path a:active	{ color:#CC0000; text-decoration: underline;}
div.contents p.path a:hover		{ color:#CC0000; text-decoration: underline;}
div.contents p.top	{ text-align:center; display:block;}
div.contents ul.regist		{ width:590px;}
div.contents ul.regist li	{ display:inline;}
div.contents ul.regist li a	{ width:590px; height:40px; margin:0 0 10px; background:url(../img/common/cts_bnr_regist.jpg) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}




/*************************
********* ex css *********
*************************/

/* list --------------------------------------------------------------------*/
div.list				{ width:590px; overflow:hidden;}
div.list div.box		{ width:130px; margin:0 8px 10px 9px; display:inline; overflow:hidden; float:left;}	
div.list div.box h2		{ height:20px; margin:0 0 5px; background:#660000; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:20px; text-align:center; display:block; overflow:hidden;}
div.list div.box img	{ margin:0 0 3px;}
div.list div.box p		{ width:130px; height:18px; display:block; overflow:hidden;}
div.list div.box p.icon	{ margin:2px 0 5px 0; width:130px; height:20px; display:block; overflow:hidden;}
div.list div.box span	{ width:110px; height:60px; padding:6px 10px; background:#F5EEEA; line-height:15px; display:block; overflow:hidden;}
div.list div.box dl		{ padding:6px 10px; background:#660000; display:block; }
div.list div.box dd		{ width:110px; height:60px; line-height:15px; display:block; overflow:hidden;}

div.list2	{ margin:0 10px 10px; line-height:20px; text-align:center;}
div.list2 div.box	{ width:568px; height:41px; overflow:hidden;}
div.list2 div.tt	{ border:1px solid #7D1A1A; background:#660000; color:#FFFFFF;}
div.list2 div.item	{ border-left:1px solid #7D1A1A; border-right:1px solid #7D1A1A; border-bottom:1px solid #7D1A1A;}
div.list2 div.box span { height:20px; padding:0 5px; overflow:hidden; display:block; float:left;}
div.list2 div.box span.no		{ width:74px; border-right:1px solid #7D1A1A; border-bottom:1px solid #7D1A1A}
div.list2 div.box span.title	{ width:239px; border-right:1px solid #7D1A1A; border-bottom:1px solid #7D1A1A}
div.list2 div.box span.act		{ width:112px; border-right:1px solid #7D1A1A; border-bottom:1px solid #7D1A1A}
div.list2 div.box span.date		{ width:74px; border-right:1px solid #7D1A1A}
div.list2 div.box span.series	{ width:239px; border-right:1px solid #7D1A1A}
div.list2 div.box span.vip		{ width:112px; border-right:1px solid #7D1A1A}
div.list2 div.box span.btn		{ width:100px; height:41px; line-height:41px; float:right;}

div.list_path				{ margin:0 0 3px;}
div.list_path strong		{ color:#CC0000;}
div.list_path span.left		{ color:#FFCC00; text-align:left; float:left;}
div.list_path span.right	{ color:#CC0000; text-align:right; float:right;}


/*========================= renew2010 ===========================*/
table.table_li02 {width:588px; height:auto; margin:10px 0; table-layout:fixed; border-collapse:collapse; border:1px solid #900; text-align:center;}
table.table_li02 th.li02_th01 {width:79px; padding:3px 0; border:1px solid #900; background:#600;}
table.table_li02 th.li02_th02 {width:229px; padding:3px 0; border:1px solid #900; background:#600;}
table.table_li02 th.li02_th03 {width:169px; padding:3px 0; border:1px solid #900; background:#600;}
table.table_li02 th.li02_th04 {width:108px; padding:3px 0; border:1px solid #900; background:#600;}
table.table_li02 td {padding:3px 0; border:1px solid #900;}
table.table_li02 td div {height:18px; overflow:hidden;}
/*========================= renew2010 ===========================*/