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

body {background: #FFF url('/images/head_bg.jpg') no-repeat center 22px;font:13px Verdana;line-height:22px;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}

.clear{clear:both;display:block; }
.fl{float:left; }
.fr{float:right; }
.bob{background:url('/w/share/817/dot.gif') repeat-x bottom;}

img.img1 {border:1px dashed green;}

a:link,a:visited{text-decoration:none;COLOR: #16387c}
a:hover{text-decoration:underline;}

/* 文章页 */
#list #l1,#story #l1{text-align:center;padding-bottom:10px;}
.contents {width:926px;overflow:hidden;border:1px solid #ced2d6;clear:both;background:#fff;padding:2px 1px; line-height: 1.3em;text-align:left;}
* html #content {height:1%;}
.contents #content p{text-indent:2em;line-height:24px;}
.contents:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#list  #col1,#story  #col1 { width: 600px; float: left;overflow:hidden;background:#FFF; }
#story  #col1 { width: 590px; float: left;overflow:hidden;background:#FFF; padding-left:10px;}
#list  #col2,#story  #col2 { width: 310px; float: right; border-top:1px solid #fff;padding-right:6px;padding-top:10px;}
#list  #whatislist2 li,#story  #whatislist2 li{height:16px;overflow:hidden;font:normal 12px 宋体;text-align:left;width:100px;float:left;background:url("http://www.ctocio.com.cn/w/share/bullet.gif") no-repeat -1px 4px;padding-left:4px;}

.contents .col-31 {width:210px; float:left; border:0px solid red;}
.contents .col-32 {width:510px; float:left; border:0px solid red;}
.contents .col-33 {width:200px; float:left; border:0px solid red;}

.contents .col-21 {width:660px; float:left; border:0px solid red;}
.contents .col-22 {width:260px; float:right; border:0px solid red;}
.contents .col-22 img {float:right;margin:5px 5px 0px 0px;}
.contents .col-21 div.mod {margin:2px 0px 0px 3px;width:320px;height:238px;float:left;}
.contents div.col-21 div.mod ul.module_list0 li{font-size:14px;line-height:29px;}


#story  h1{font-size:22px;padding:15px 0;}
#story  h5{font-size:14px;display: block;color:#16387c;background:#eee;margin-bottom:16px;border:#ccc 1px solid;line-height:20px; font-weight:normal;padding:8px;}

.dots{width: 560px; margin:5px auto 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;heitht:25px;line-height:25px;}
.posted {font-family:宋体,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#000;display: inline;}

#col1 p {font-size:14px;margin-top:0px;margin-bottom:16px;line-height:180%;}
#col1 p strong,#col1 p b,#col1 p a {font-weight:bold;}

#col1 .list{margin-left:10px;}
#col1 .list li{text-align: left;padding-bottom:7px;margin-top:10px;margin-bottom:15px;background:url(http://www.ctocio.com.cn/w/share/dot.gif) repeat-x bottom;}
/*#col1 h2{background:url(/images/tec14.gif) repeat-x ;height:27px;font-size:16px;font-weight:bold;padding-top:10px;padding-left:10px; }*/
#col1 .list h3{font-size:14px;line-height:200%;font-weight:bold;}
#col1 .list li span{display:block;}

#wrap{ background: url('') no-repeat center bottom; }
#top{ height: 22px; background:#eee; color:#333;font-size:12px; }
#top #top_left,#top #toplogin{float:left;COLOR: #333}
#top .top_right a:link,#top .top_right a:visited,
#top #top_left a:link,#top #top_left a:visited,#top #toplogin a:link,#top #toplogin a:visited{margin-left:.25em;color:#333;}
#top .top_right{float:right;}

.maintop{background:url('/images/maintop.png') no-repeat;width: 960px;height:2px;clear:both;margin:5px auto 0;}
.main{background:url('/images/main_2.png') repeat-y;width: 960px;clear:both;margin:0px auto;padding:0px;z-index:-1000;}
.mainbottom{background:url('/images/mainbottom.png') no-repeat;width: 960px;height: 20px;clear:both;margin:0 auto;}

.logo{padding:0 0 10px 15px;z-index:9;width: 167px;float:left;  }
.leaderboard{float:left; margin-left:4px;width: 500px;}
.daily{float:right; margin-right:4px;width:200px;}
#contentAdv{float:left;margin-right:10px;}

/* 导航 */
.topnav {clear:both;background:url('/images/topnav.jpg') 0 0 repeat-x; _height:1%;width: 930px; margin-left:15px;position:relative;z-index:100;}
.topnav ul {margin:0;list-style-type:none;list-style-image:none;height:30px;margin-left:35px;}
.topnav li {float:left;margin-right:2px;background:#D6E5EE url('/images/topnav.jpg') 0 -150px no-repeat;position:relative;}
.topnav li a{padding:7px 10px;margin-left:2px;width:auto;display:block;font:bold 13px/100% arial;color:#455B80;background:#D6E5EE url('/images/topnav.jpg') 100% -150px no-repeat;}
.topnav .bar {padding:5px 12px 5px 12px;text-align:center;color:#fff;background:#3F80B1 url('/images/topnav.jpg') 0 -80px no-repeat;height: 30px; }
.topnav .subnav {text-align:left;color:#ddd;float:left; font-size:12px;line-height:20px; }
.topnav .subnav a:link,.topnav .subnav a:visited{color:#fff;}
.topnav .searchBox {float:right; }
.intelligent{position:relative;z-index:9;display:inline;}
.topnav li.on {height:30px;background:#5f9dc8 url('/images/topnav.jpg') 0 -190px no-repeat;}
.topnav li.on a{font-weight:bold;text-decoration:none;color:#172E54!important;background:#5f9dc8 url('/images/topnav.jpg') 100% -190px no-repeat!important;}
.topnav li.other{margin-left:20px;background:none;}
.topnav li.other a{background:none!important;font-size:10px;font-family:verdana;font-weight:normal;}
input.searchinput{width:160px;height:17px;padding:3px;font-size:13px;border:1px solid #418FB4;}
input.searchbutton{color:#5E2708;background:#FEEEB1 url('/images/searchbutton.gif') bottom repeat-x;border-top:1px solid #F39D24;border-left:1px solid #F39D24;border-right:1px solid #CF6F18;border-bottom:1px solid #CF6F18;width:66px;height:25px;font:bold 13px arial;font:bold 12px arial;padding:1px 4px;margin:0;*margin:0 0 0 -9px;}
.guild{padding:5px 15px 15px 10px;background:url('/images/topnav.jpg') 0 -40px no-repeat;width: 905px;margin-left:15px;height:20px;overflow:hidden;  }
.guild a{margin-left:5px;margin-right:2px;}
.topnav table {position:absolute; top:0; left:0;}
.topnav ul ul{ visibility:hidden;position:absolute;_top:27px;background: #3670a4;border: 1px solid #f1f4fa;position: absolute;	height: 115px;width: 310px;float: left;z-index: 999;padding:4px;margin:0px;}
.topnav #more:hover ul,
.topnav #more a:hover ul{display:block;visibility:visible;}
.topnav #more li{width: 310px; display:block;float:none;clear:both;background:#3670a4 url();color:#eee;font-size:14px;border-bottom:1px dotted #ddd; }
.topnav #more li div{width: 85px; font-weight:700;display:block; float:left; _line-height:24px; }
.topnav #more li a{display:block;background:#3670a4 url() 100% -150px no-repeat!important;display:inline;padding:0px; color:#eee;font-weight:normal;_line-height:24px; }

.topnav li.nav_r{float:left;background:none!important;width:auto;display:inline; padding:0px 3px;}
.topnav li.nav_r a{background:url(''); display:inline;float:left; color:#5E2708;padding-left:3px;padding-right:3px; }

/* 导航 end */

/*布局 */
.mainblock{float:right;width:815px;margin-right:15px;_margin-right:8px; }
.centercontent{float:left;width:495px;margin-right:10px; }
.rightcontent{float:left;width:310px;}
.leftcontent{float:left;width:610px;_width:608px;margin-left:15px;_margin-left:8px;margin-right:10px;}
.sidebar{float:left;width:105px;margin-left:15px;_margin-left:8px;_width: 104px; overflow:hidden; }
/*布局 end */

/*块 */
.mod{background:#fff;margin-bottom:10px;BORDER: #b0bec7 1px solid; }
.mod .hd{height:26px;line-height:2em;zoom:1;BACKGROUND: url('/images/hd.gif') repeat-x 0px 0px;overflow:hidden;  }
.mod .hd h2{float:left;display:inline;font-size:12px;margin-left:1em;color:#1a66b3;font-weight:bolder;padding:0px;background:none;}
.mod .hd ul {margin-left:10px;}
.mod .hd ol {float:right;}
.mod .hd ul li{float:left;padding:0 14px 0 2px;border-left:1px solid #ace;}
.mod .hd ol li{float:left;padding:0 14px 0 14px;border-left:1px solid #ace;}
.mod .hd ul li.big{border:none; }
.mod .hd ul li a:link,.mod .hd ul li a:visited,.mod .hd ul li a:hover{color:#666;}
.mod .hd ul li.on{background:#fff;color:#1a66b3; }
.mod .hd ul li.on a:link,.mod .hd ul li.on a:visited,.mod .hd ul li.on a:hover{color:#1a66b3; }
.mod .bd{padding:10px;zoom:1;}
.mod .bd2 {padding:10px 0px;zoom:1;line-height:20px;}
.mod .bd_a{display:table;*display:inline-block;background:url('/w/share/817/dot.gif') repeat-x bottom;margin-bottom:.7em;padding-bottom:.5em;}

div.mod-280 {width:280px;float:left;margin-right:6px;}


		/*纯 */
ul.list0 li,ul.module_list0 li  {font-size: 12px;line-height: 22px;list-style-position: inside;list-style-type: disc; height: 22px; overflow:hidden;text-align:left;}
		/*摘要 */
ul.list1 li{font-size: 12px;line-height: 22px;font-weight:700;border-bottom:1px dotted #ccc;}
ul.list1 li a{height:18px;overflow:hidden; display:block;}
ul.list1 li span{margin-left:10px;}
ul.list1 li div{font-size: 12px;line-height: 22px;color:#666; font-weight:normal;height:42px;overflow:hidden;}
		/*摘要+图 */
ul.list2 li {display:table;*display:inline-block;font-size: 12px;font-weight:700;line-height: 22px;color:#666;background:url('/w/share/817/dot.gif') repeat-x bottom;}
ul.list2 li span{height:18px; overflow:hidden; display:block;float:left; }
ul.list2 li div{font-size: 12px;line-height: 20px;font-weight:normal;float:left;width: 170px; _width: 169px; height:60px;overflow:hidden; }
ul.list2 li .img120{width: 120px;float:left; margin:4px; border:1px solid #ccc;}
ul.list2 li .img100{width: 100px;float:left; margin:4px; border:1px solid #ccc;}
ul.list2 li .img88{width: 88px;float:left; margin:4px; border:1px solid #ccc;}
ul.list2 li .img70{width: 70px;float:right; margin:4px; border:1px solid #ccc;}

.bd_l{width: 284px;float:left;border-right:1px dotted #ccc; padding-right:9px;margin-right:9px;overflow:hidden;  }
.bd_r{width: 284px;float:left; overflow:hidden;  }
/*块 end */

/* 侧导航 */
.mod#sidebar{border:1px solid #cbcbcb;}
.mod#sidebar .hd{height:10px;BACKGROUND: url('/images/sidebar.gif') no-repeat 0px 0px;_width: 104px; overflow:hidden;  }
.mod#sidebar .bd{BACKGROUND: url('/images/sidebar.gif') repeat-y -104px 0px;padding-top:0px;}
.mod#sidebar dt{color:#1a66b3;font-weight:bold;border-top:1px solid #cbcbcb; margin-top:6px;padding-top:6px;}
.mod#sidebar dd{color:#333;font-size:12px;BACKGROUND: url('/images/sidebar.gif') no-repeat -208px 2px;padding-left:15px;}
.mod#sidebar dd a:link,.mod#sidebar dd a:visited,.mod#sidebar dd a:hover{color:#333; }
/* 侧导航 end */

/*页脚*/
.footer{width:950px;clear:both;margin:0px auto;text-align:center;}
.footer div{width:928px;clear:both;height:28px;border:#a5b5c0 1px solid;margin-bottom:10px;}
.footer span{width:928px;clear:both;height:21px;padding-top:7px;text-align:center;color:#666666;display:block;}
.footer span a:link,.footer span a:visited { text-decoration:none;font-size:12px;color:#666666;font-family: "Arial", "Helvetica", "sans-serif";}
.footer span a:active,.footer span a:hover { text-decoration:underline;font-size:12px;color:#666666;font-family: "Arial", "Helvetica", "sans-serif";}
.footer_1{width:948px;clear:both;text-align:center;color:#656565;line-height:23px;padding-bottom:10px;}
.footer_1 a:link,.footer_1 a:visited { text-decoration:none;font-size:12px;color:#656565;font-family:"宋体","Arial"}
.footer_1 a:active,.footer_1 a:hover { text-decoration:underline;font-size:12px;color:#656565;font-family:"宋体","Arial"}
/*页脚 end*/

/*self*/
h1{font-size:16px;font-weight:bold;text-align:center;color:#16387c;}

.mod#yyjq ul.list0 li,.mod#topstory ul.list0 li{list-style-type: none;}
ul.list2 li span{width: 170px; overflow:hitden; }

/*公告栏*/
#msg{font-size:12px;line-height:18px;border:1px solid #e0e0e0; background:#f9f9f9; }
#msg strong{font-weight:bold;color:#bc0e07}
.mod#msg .bd{padding:5px;}
/*公告栏 end*/

/* Whatis词汇 */
#whatis{height:220px;overflow:hidden;background:url(/images/whatis.gif) 0px -3px;}

/* 列表 */
#whatislist{width:365px;height:px;float:left;margin-left:10px;line-height:12px;overflow:hidden;padding-top:10px;}
#whatislist ul{width:365px;float:left;}
#whatislist li{padding-left:8px;height:12px;margin:5px;overflow:hidden;font:normal 12px 宋体;text-align:left;width:100px;float:left;background:url("http://server.ctocio.com.cn/w/share/bullet.gif") no-repeat 2px 4px;}

#numpage{float:right;margin-bottom:10px;}

#story .keywords {display:block;width: 580px; padding:10px;}
#story .keywords li {list-style:none;height:16px;overflow:hidden;font:bold 14px 宋体;text-align:left;float:left;padding-left:15px;background:url('');}
#story .keywords li a{color:#a20000;}

#checklogin,#checkloginajax,#checkmail{display:none; }

/*background: #fbfefc; 背景的浅绿色*/

#focus {width:500px;background:none;border:none;margin-left:2px;margin-top:0px;padding-top:0px;}
#focus .image{float:left;}
#focus .news{float:left;margin-left:20px;line-height:22px;}
#focus .news li {font-size:12px;list-style:}
#focus .news li.title {font-weight:bolder;font-size:14px;}

table.suggest-list {width:98%;font-size:14px;margin-left:5px;}
table.suggest-list tr{line-height:27px;}
table.suggest-list tr a{margin-left:10px;}
table.suggest-list td.title {text-align:left;font-weight:bolder;padding-left:15px;background:#F1BC5A;border:none;}
table.suggest-list td {border-bottom:1px dashed #ADD874;}

/* 日语考试页 */
.desc {line-height:25px;font-size:14px;}
div.section{border:solid 1px green;width:97%;margin-top:5px;}
div.section #title{border-bottom:solid 1px green;width:100%;font-size:16px; text-align:left;padding: 8px 0px 8px 15px;}
div.section p{text-align:left;text-indent:2em;line-height:24px;}
div.section #content{padding-top:10px;font-size:14px;}
div.section #content #left{float:left; width:45%;}
div.section #content #right{float:right; width:45%;}
div.section #content .list{width:29%;float:left;}
div.section .bottom{border-top:solid 1px green; text-align:right;font-weight:bolder; text-align:right; padding:8px 10px 8px 15px; height:25px;}
/* 日语考试页 end */

/*友情链接*/
ul.alink {clear:both;}
ul.alink li {list-style: none;float:left; margin:5px;height:37px;}
ul.alink img {width:88px;height:31px;margin:2px;border:1px solid #E0E0E0;}
ul.am li {font-size:16px; height:35px; text-align:left;padding-top:10px;list-style-image:url(../images/dot12.gif);margin-left:18}
/*友情链接 end*/

/* 打字通 */
#div-main {margin-right: auto; margin-left: auto;margin-top:3px;width:920px;}
#div-content {width:630px;float:right;border:0px solid red;}
#div-main h2.title {color:#F0441A; font-size:24px; text-align:center;clear:both; margin:30px auto;}
#div-bar {width:270px;float:left;border:0px solid red;}

#div-content div.block {clear:both;}
#div-content div.block div.title {height:25;text-align:left; border-bottom:2px solid #C4E8BB; padding:6px 0 2px 6px;font-weight:bolder;}
#div-content div.block ul{margin-top:15px;}
#div-content div.block li {width:45%; float:left; text-align:left; font-size:14px;}
#div-content div.block span {font-size:12px; color:gray;}
/* 打字通 end */

/*news*/
.news-list li{line-height:30px;}
#div-content div.block ul.fnn-news-list li{line-height:30px; width:100%;}
#shengming {text-align:left;color:red;}
/*news end*/


/* 歌词*/
li.singer-lyric-list {width:46%;float:left;}



.shift-text {color:red; font-weight:bolder; border:1px solid black;}
.shift-spell {color:blue; font-weight:bolder; border:1px solid black;}

ul#capital {margin-top:5px; clear:both;}
ul#capital li{float:left; padding-right:12px; font-size:16px; font-weight:bolder;}

#singer-list {margin:12 10 12 10;}
#singer-list li {width:45%; float:left; text-align:left; font-size:14px; line-height:26px;}

#lyric-list {margin:12 10 12 10; font-size:14px;}

#lyric-search {text-align:left; margin:5 10 10 5; clear:both;}

.lyric-title {color:#F0441A; font-size:24px;margin:20px auto;}
.lyric-hr{color:#F9B3A2;}

div.detail div.body {font-size:14px;margin-top:5px;font-family:Arial;text-align:left;}
div.detail div.body p {text-indent:2em;line-height:24px;}
div.detail div.body rt {text-align:left;color:red;font-size:14px}
div.detail div.body rb {text-align:left;}
div.detail div.body ruby {text-align:left;margin-right:5px}
div.detail div.body td {font-size:14px;text-align:left;}
/*歌词 end*/

div.panel{width:100%;margin:1px;}
div.panel div.title{width:97%;height:25;text-align:left; border:1px solid #b3b3b3; padding:6px 0 2px 11px;font-weight:bolder;}
div.panel div.t2{width:97%;height:25;text-align:left; border:1px solid #b3b3b3; background:#C4E8BB; padding:6px 0 2px 11px;font-weight:bolder;background-image:url(../images/biaozhi.jpg); background-repeat:no-repeat;background-position: 5px 50%;}
div.panel div.t2-new{color:red; height:25;text-align:left; border:1px solid #b3b3b3; background:#C4E8BB; padding:6px 0 2px 31px;font-weight:bolder;background-image:url(../images/biaozhi.jpg); background-repeat:no-repeat;background-position: 5px 50%;}
div.panel div.content {width:97%;border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;background:#FFFFFF;padding:6px 0 2px 11px;}
div.panel div.foot{height:15px;text-align:right; font-weight:bolder;padding-bottom:0px;margin-bottom:0;padding-top:2px;}
div.panel ul.list li {width:100%;border-bottom:1px dashed #b3b3b3;padding-top:5px;text-align:left;margin-left:10;list-style-image:url(../images/li1.gif); text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
div.panel ul.ll li {padding-top:2px; text-align:left; margin-left:10px; list-style-image:url(../images/detail_gr.gif);}

div.panel div.c2{border:1px solid #b3b3b3;background:#FFFFFF;padding:6px 0 2px 11px;}
div.panel div.c4{width:97%;text-align:left;color:red;font-weight:bolder;font-size:14px;}
div.panel div.link {font-weight:bolder;}
div.panel ul.c3{background:#FFFFFF;padding:6px 0 2px 11px;text-align:center;}
div.panel ul.c3 li{width:40%;float:left;list-style: none;}
ul.list-col li{float:left;width:32%;font-size:14px;line-height:25px;}
ul.list-col2 li{float:left;width:48%;font-size:12px;line-height:25px;}


/*rome spell*/
div#convert-body {text-align:left;}
div#convert-body #left {width:240px; float:left;padding:10px;}
div#convert-body #left ul {width:100%; float:left;}
div#convert-body #left p {text-indent:2em;color:red;}
div#convert-body #main {width:670px; float:right;}
div#convert-body #result {padding:20px 5px;}
div#convert-body rt{color:red;font-size:12px}
div#convert-body RUBY{margin-left:15px}
/*rome spell end*/

/*日语单词*/
.st h2{color:orange;font-size:24px;font-weight:bolder;}
.st {text-align:left;}
.st .left{padding:10px;}
.st .right {padding:20px;}
.st span{text-align:left;color:red;}
.st .al {width:95%;margin-left:15px;}
.st .al li{width:19%;float:left;font-size:16px;}
.st .list2 {font-weight:bolder; font-siz:16px;text-align:left;background:#ADD874;}
/*日语单词*/

.detail p {text-indent:2em;line-height:24px;}
.category {background:#FCCB9A;font-weight:bolder;}

Table.mytablelist{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:0 auto;
	font-size:14px;
	margin-top:5px;
}

Table.mytablelist tr.header td {
    text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	height:30px;
	background:#8eb8f8;
}

Table.mytablelist td {
	height:35px;
	text-align:center;
}

Table.mytablelist tr {
    background-color:expression('#d9e7fc,#f8f8f8'.split(',')[rowIndex%2]);
}