/* Css Chinesehour - 'orange blue gray', by UI lee-Menglong, http://www.chinesehour.com/ */
/* Added: June 21th, 2007 */
/* For English Ver Only */


/*****   页面div布局   *****/

*{
	margin: 0;
	padding: 0;
	font-family:Verdana;
	}

#wrap{ /***  页面最外围div  ***/
	width:960px;
	margin:0 auto;
	background:#fff;
	}

#header{ /**  页头div  **/
	height:64px;
	}

#add{ /*  网站声明,语言,帮助等杂项  */
	float:right;
	margin:44px 10px 0 0;
	text-align:right; 
	}

#banner00{ /**  index 广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00.jpg);
	height:143px;
	}
#banner00b{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00b.jpg);
	height:143px;
	}
#banner01{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner01.jpg);
	height:143px;
	}
#banner02{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00.jpg);
	height:143px;
	}
#banner03{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00.jpg);
	height:143px;
	}
#banner04{ /**  广告  **/
	background-image:url(../img/banner04.gif);
	height:50px;
	}
#banner05{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00.jpg);
	height:143px;
	}
#banner06{ /**  support 广告  **/
	background:url(http://www.chinesehour.com/library/resources/img/banner06.jpg) right;
	height:143px;
	}
#banner06b{ /**  support 广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner06b.jpg);
	height:143px;
	}
#banner07{ /**  广告  **/
	background-image:url(http://www.chinesehour.com/library/resources/img/banner00.jpg);
	height:143px;
	}
	
#list{ /**  横向导航菜单  **/
	background:url(../img/title.gif) 0px 0px;
	height:30px;
	}
	
#column{ /**  中部最外围div  **/
	float: left; padding-bottom:5px; width:100%;
	}
#columnb{ /**  中部最外围div  **/
	float: left; padding-bottom:5px;background:url(../img/unit_bg.gif) repeat-y; width:100%;
	}
#columnc{ /**  中部最外围div  **/
	float: left; padding-bottom:5px;background:url(http://www.chinesehour.com/library/resources/img/support_bg.gif) repeat-y right; width:100%;
	}
#sup-til{ float:right; height:26px; background-image:url(http://www.chinesehour.com/library/resources/img/sup_til_bg.gif); font-size:16px; font-family:Arial; font-weight:bold;width:100%; padding:8px 0 0 0; text-indent:15px;}

#column1{ /*  菜单面板  */
	float:left;
	width:160px;
	padding-top:7px;
	}

#column2{ /*  内容显示  */
	margin:3px 203px 0 163px;
	}

#column3{ /*  辅助菜单面板  */
	float:right;
	width:200px;
	padding-top:7px;
	}
#column3b{ /*  辅助菜单面板  */
	float:right;
	width:210px;
	}
	
#mypage{ /*  内容显示  */
	margin:0 3px 0 163px;
	}
	
#support{ /*  内容显示  */
	margin:0 210px 0 3px;
	}
	
#column4{ /*  内容显示  */
	margin:0 6px 0 170px; width:780px;
	}
	
#where{ /*  路径显示  */
	width:100%;
	height:18px;
	border-bottom:solid #b2beca 1px;
	color:#333;
	padding:8px 0 0 0;
	text-indent:20px;
	background:url(../img/where.gif) 0 55% no-repeat;

	}
#where a, .link-black a:visited {color:#333;text-decoration: none;}
#where a:hover	{color:#eb6100;	text-decoration: none;}


#where2{ /*  路径显示  */
	float:right;
	width:100%;
	height:19px;
	border-bottom:solid #b2beca 1px;
	color:#333;
	padding:8px 0 0 0;
	text-indent:20px;
	background-image:url(../img/where.gif) 0 55% no-repeat;
	}

#info{ /**  相关信息div  **/ 
	height:18px;
	text-align:center;
	background-image:url(http://www.chinesehour.com/library/resources/img/info_bg.gif);
	
	color:#ededed;
	margin-top:5px;
	padding: 2px 0 4px 0;
	}

#footer{ /**  页尾div  **/ 
	display:none;
	height:54px;
	text-align:center;
	background:#e9edf0;
	color:#9aaab9;
	padding:18px 0 0 0;
	border-top:#9aaab7 solid 1px;
	line-height:18px;
	}

#footer2{ /**  页尾div2  **/ 
	text-align:center;
	background:#e9edf0;
	color:#9aaab9;
	padding:5px 0;
	border-top:#9aaab7 solid 1px;
	}

.clear{ /*  用来消除float  */
	clear:both;
	}

/*****   页面css显示   *****/
body{background-color:#333;}
div{font-size:11px;}

/*****  menu 开始  *****/
#menu{}	
#menu a{float:left; height:22px;display:none;background-position:left top; padding-top:8px; text-decoration:none; color:#000;}
#menu li a.selected{float:left; height:22px;display:block;background-position:left bottom; padding-top:8px; font-weight:bold;color:#f60;}
#menu a:hover { background-position:left center;color:#f60;text-decoration:none;}
#menu li {float:left; height:30px;display:block;background-position:left bottom; margin:0 1px; text-align:center;}
.m7 { width:89px; background-image:url(../img/m7.gif);}
.m7b { width:115px; background-image:url(../img/m7b.gif);}
/*****  menu 结束  *****/	

/*****  Selsct language,level 开始  *****/	
#language,#level{
	cursor:pointer;
	display:block;
	width:150px;
	float:left;
	margin:3px 0 0 10px;
	}
#language ul,#level ul {
	border: solid #96969e 1px;
	border-top:0px;
	width:97px; 
	padding:5px; 
	margin-left:3px; 
	background:#fff;
	list-style:none;
	}
#language li,#level li { height:16px; 
	}
#op,#op2 {
	display: none;
	z-index:99999;
	position:absolute;
}
.out {
	width:122px;
	height:18px; 
	background:url(../img/language_bg.gif) top;
	padding:4px 0 0 10px;
	}
.over {
	width:122px;
	height:18px; 
	background:url(../img/language_bg.gif) bottom;
	padding:4px 0 0 10px;}
/*****  Selsct language,level 结束  *****/	

/*****  title01 开始  *****/
.title01 dl{}
.title01 dt{
	background:url(../img/title.gif) 0px 111px;
	height:18px;
	color:#f60;
	font-weight:bold;
	padding:3px 0 0 27px;
	}
.title01 dd{}
.users{ padding:10px; line-height:16px;}
.userspic{ height:52px; width:52px;background:url(http://www.chinesehour.com/library/resources/img/pic_bg.gif) bottom left;
padding:4px; float:left; margin-right:3px;}
/*****  title01 结束  *****/

/*****  title02 开始  *****/
.title02 dl{ display:block;}
.title02 dt{
	background:url(../img/title.gif) 0px 90px;
	height:18px;
	color:#353535;
	font-weight:bold;
	padding:3px 0 0 15px;
	}
.title02 dd{line-height:14px; color:#333;}
.title02 p{ margin:10px 0 0 15px; width:170px;}
.title02 div{text-align:center; padding:10px 0 5px 0;}
/*****  title02 结束  *****/

/*****  title03 开始  *****/
.title03 dl{}
.title03 dt{
	background:url(../img/title.gif) 0px 111px;
	height:18px;
	color:#f60;
	font-weight:bold;
	padding:3px 0 0 15px;
	}
.title03 dd{ display:block; width:140px; margin:6px 0 8px 15px;color:#51626f;}
/*****  title03 结束  *****/

/*****  title03b 开始  *****/
.liibrary-bg dl{padding:0 0 3px 0;display:block;}
.title03b dt{
	background:url(../img/title.gif) 0px 111px;
	height:18px;
	color:#333;
	font-weight:bold;
	padding:3px 0 0 15px;
	}
.title03b dd{ display:block; width:140px; margin:6px 0 2px 13px;color:#51626f;}
/*****  title03 结束  *****/

/*****  title04 开始  *****/
.title04 dl{}
.title04 dt{
	background-image:url(http://www.chinesehour.com/library/resources/img/support/title.jpg); height:28px;
	}
.title04 dd{line-height:14px; color:#333;}
.title04 p{ margin:10px 0 0 9px; width:200px;}
.title04 div{text-align:center; padding:10px 0 5px 0;}
/*****  title04 结束  *****/

/*****  part 开始  *****/
.part{}
.part-bg01{background-image:url(http://www.chinesehour.com/library/resources/img/part_bg.gif);}
.part-title{background:url(../img/title.gif) 0px 69px;border:solid #8b9dab 1px;font-weight:bold; height:19px; padding:4px 0 0 0; margin:0 3px; font-size:12px; text-indent:15px;}
.part-nav{background:url(../img/title.gif) 0px 46px;border:solid #8b9dab 1px;border-bottom:0;font-weight:bold; height:23px;margin:0 3px; font-size:12px;}
.part-bg02{background:url(http://www.chinesehour.com/library/resources/img/part_bg.gif) bottom; margin-bottom:4px;}
.part-view{border:solid #8b9dab 1px; border-top:0;height:100%; padding:0; margin:0 3px; background-color:#FFF;}
.flash01{ height:124px;background:url(http://www.chinesehour.com/library/resources/img/banner.gif);border-bottom:solid #8b9dab 1px;}
.flash02{ height:124px;background:url(http://www.chinesehour.com/library/resources/img/banner.gif) bottom;border-bottom:solid #8b9dab 1px;}
.part-titles{float:left; padding:0 5px 0 12px; text-align:center;padding-top:2px;height:21px;background:url(../img/title.gif) 0px 23px;border-right:solid #8b9dab 1px; cursor:pointer;}
.part-titlen{float:left; padding:0 5px 0 12px; text-align:center;padding-top:2px;height:21px;border-right:solid #8b9dab 1px; cursor:pointer; color:#666;}
/*****  part 结束  *****/

/*****  topic 开始  *****/
.topic{border-top: 1px dashed #9aaab7; margin-top:0px; padding:3px;}
.topic p{ margin:4px 0 5px 3px; line-height:18px;}
.topicpic{ height:90px; width:90px;background:url(http://www.chinesehour.com/library/resources/img/pic_bg.gif) no-repeat; padding:6px; float:left; margin:0 30px 30px 7px;}
.teacherpic{ height:102px; width:102px;background:url(http://www.chinesehour.com/library/resources/img/pic_bg.gif) no-repeat;}
#topicswf{padding-right:6px; float:left;}
#topicword{ width:310px;}
.topictil{background-image:url(http://www.chinesehour.com/library/resources/img/menu_bg.gif);	height:30px; padding:3px 0 0 0;border-top: solid #c1ccd5 1px; text-indent:10px;}
#topicall{ padding:10px;}
#topic{
	cursor:pointer;
	display:block;
	width:217px;
	float:left;
	margin:3px 0 0 10px;
	}
#topic ul{
	border: solid #96969e 1px;
	border-top:0px;
	width:198px; 
	padding:5px 2px; 
	margin-left:3px; 
	background:#fff;
	list-style:none;
	}
#topic li { height:16px; 
	}

/*****  topic 结束  *****/

/*****  Liveclass开始  *****/
#live{/*  课程  */
	background-image:url(http://www.chinesehour.com/library/resources/img/bg_live.gif);
	float:left;
	height:38px;
	width:565px;
	font-size:11px;
	padding:8px 15px;
	}	
#techer{ width:100%;float:left;margin:8px 0 0 0;}
#pic{float:left; width:102px;}
#technote{ float:left;width:490px; margin-top:3px; line-height:14px;}

#wait{float:left;margin:8px 0 0 0;width:345px;}
.tech{float:right;margin:8px 0 0 0;background:#fff; border:#b2beca 1px solid;width:245px;}
#time{width:100%; margin:0; text-align:center; line-height:14px;}
#faq{float:right;width:100%; margin:0; line-height:14px;}

.unit{border:#b2beca 1px solid;margin:8px 0 0 0; width:273px; height:102px; padding:10px; float:left;line-height:14px;}
/*****  Liveclass结束  *****/

/**** library 开始 ****/	
.library_ico{
	background-image:url(../img/ico_1.0.gif);
	height:20px;
	width:20px;
	}
.liibrary-bg{
float: left; padding-bottom:5px;background:url(../img/unit_bg2.gif) repeat-y; width:100%;
	}
.btn_src{ background:url(../img/btn_src.gif); height:20px; width:80px; border:0; cursor:pointer;}
#library-view {margin-right:200px;padding-top:7px;}
#library-view2 {padding-top:7px;}
.pinyin td{cursor:pointer;}
.pinyin-s{font-weight:bold;font-size:13px;color:#f60;padding:1px 4px 4px 5px;background:#fffede;border:solid #b2beca 1px;display:block;}
.pinyin a, .pinyin a:visited{font-size:13px;color:#000;padding:1px 4px 4px 5px;background:#fff;border:solid #fff 1px;display:block;text-decoration:none; width:auto;}
.pinyin a:hover{font-size:13px;color:#f60;padding:1px 4px 4px 5px;background:#fffede;border:solid #b2beca 1px;display:block;width:auto;}
.skill{padding:5px;background:#fffede;border:solid #b2beca 1px; line-height:14px;}

.a-z{background:#eee;border:solid #b2beca 1px; line-height:14px;}
.a-z-s{font-weight:bold;font-size:13px;color:#f60;padding:1px 4px 4px 5px;background:#fff;border:solid #b2beca 1px;display:block;}
.a-z a, .a-z a:visited{font-size:13px;color:#000;padding:1px 4px 4px 5px;background:#eee;border:solid #eee 1px;display:block;text-decoration:none; width:auto;}
.a-z a:hover{font-size:13px;color:#f60;padding:1px 4px 4px 5px;background:#fffede;border:solid #b2beca 1px;display:block;width:auto;}

.pl{background:#fff;}
.pl-s{font-weight:bold;color:#f60;padding:1px 4px 4px 5px;background:#fff;border:solid #fff 1px;display:block;}
.pl a, .pl a:visited{color:#000;padding:1px 4px 4px 5px;background:#fff;border:solid #b2beca 1px;display:block;text-decoration:none; width:auto;}
.pl a:hover{color:#f60;padding:1px 4px 4px 5px;background:#fffede;border:solid #b2beca 1px;display:block;width:auto;}

.hanzi td{border-bottom:solid #eee 1px; height:25px; text-indent:5px;}
.hanzi2 td{border-bottom:solid #eee 1px; height:50px; padding-left:5px;}
.hanzi a, .hanzi a:visited ,.hanzi2 a, .hanzi2 a:visited{font-size:14px;color:#000; text-decoration:none;font-family:Arial;}
.hanzi a:hover ,.hanzi2 a:hover{font-size:14px;color:#f60; font-family:Arial;}

.pic01{background:#fffede;border:solid #b2beca 1px;}
.pic00{border:solid #fff 1px;border-bottom:solid #b2beca 1px;}

.pic01b{background:#fffede;border:solid #b2beca 1px;}
.pic00b{border:solid #b2beca 1px;}

.txt-ch{ font-size:14px;}
.txt-en{ font-size:12px; font-family:Arial;}
/**** library 结束 ****/

/****  mypage,column4部分开始  ****/
#mypage dl,#column4 dl{
	border:solid #b2beca 1px;
	border-top:0;
	height:100%;
	margin-top:4px;
	padding-bottom:6px;
	}
	
#mypage dt,#column4 dt{	
	padding:4px 0 0 0;
	text-indent:15px;
	background:url(../img/title.gif) 0px 69px;
	border-top:solid #b2beca 1px;
	border-bottom:solid #b2beca 1px;
	font-weight:bold;
	height:19px;
	font-size:12px;
	}
.part-nav2{background:url(../img/title.gif) 0px 46px;border-top:solid #8b9dab 1px;font-weight:bold; height:23px;font-size:12px;}
.menu{
	background:url(http://www.chinesehour.com/library/resources/img/bg_live.gif) bottom;
	float:left;
	height:16px;
	padding:4px 15px;
	border-top:#fff solid 1px;
	}
.pic-bg{ background:url(../img/02/e/pic_bg.gif) no-repeat; height:475px; width:594px;}
.pic-bg2{ background:url(../img/02/d/pic_bg.gif) no-repeat;}
/****  mypage,column4部分结束  ****/	

/**  myunit部分开始  **/
.shadow {
	width:452px;
	height:210px;
	background:url(http://www.chinesehour.com/library/resources/img/div_shadow.gif)bottom right no-repeat;
	}
#pop-up {
	height:200px;
	width:450px;
	}
#pop-up thead .title{
	height:26px;
	width:450px;
	background:url(http://www.chinesehour.com/library/resources/img/div_title.gif) no-repeat;
	text-align:right;
	}
#pop-up thead .title2{
	height:25px;
	width:450px;
	background:url(http://www.chinesehour.com/library/resources/img/div_title2.gif) no-repeat;
	text-align:right;
	}
#pop-up tbody .content{
	background-image:url(http://www.chinesehour.com/library/resources/img/div_bg.gif);
	vertical-align:top;
	height:170px;
	}
#pop-up tbody .floksays{
	background-image:url(http://www.chinesehour.com/library/resources/img/div_bg.gif);
	vertical-align:top;
	height:250px;
	padding:10px;
	}
#pop-up tfoot .foot{
	height:12px;
	width:450px;
	background:url(http://www.chinesehour.com/library/resources/img/div_foot.gif) no-repeat;
	}
#pop-up-flash{
	margin:10px 10px 0 10px;
	height:144px;
	width:176px;
	float:left;
	}
#pop-up-txt{
	margin:10px 10px 0 0;
	min-height:144px;
	width:230px;
	float:right;
	line-height:24px;
	text-align:left;
	}
#unit-view {float: left; width:100%;}
#unit-table {width:550px; margin:8px 0 0 25px;}
#unit-table fieldset { 
	padding:0 10px 10px 10px;
	margin:20px;
	}
.unit-table-txt { 
	vertical-align:top;
	text-align:left;
	border:solid #b2beca 1px;
	background: #FFFFF7;
	height:420px;
	}
#unit-table tfoot td {padding:0 0 5px 0;}
#unit-view-list {margin:18px 20px; width:508px;}
#unit-view-list thead td { 
	height:20px;
	padding: 0 0 0 10px;
	border-bottom:#CCCCCC solid 1px;
	color:#cc0000;
	vertical-align:top;
	}
#unit-view-list tbody td { 
	height:26px;
	color:#333;
	font-size:11px;
	padding:0 0 0 10px;
	border-bottom:#CCCCCC solid 1px;
	}
#unit-view-list tbody span {
	font-size:12px;
	margin:2px 0 0 0;
	display:block;
	}
#unit-view-list tfoot td {
	height:26px;
	vertical-align:bottom;
	border-top:#CCCCCC solid 1px;
	}
#unit-list ul {
	list-style-type: none; 
	margin:3px 0 0 0;
	}
.bg-white{ background-image:url(http://www.chinesehour.com/library/resources/img/bg_white.gif);}
.bg-orange{ background-image:url(http://www.chinesehour.com/library/resources/img/bg_orange.gif);}
.bg-yellow{ background-image:url(http://www.chinesehour.com/library/resources/img/bg_yellow.gif);}
#unit-list li {
	float: left;
	position: relative;	
}

.studying, .next {
	background-position: center; cursor:pointer;
}
.complete, .end {
	background-position: bottom; cursor:pointer;
}

#outline,#textmovie,#sentence,#newword,#simulation,#roleplay,#writing,#exercise,#go {width:61px;height:56px;}
#outline {
	background-image: url(http://www.chinesehour.com/library/resources/img/outline.gif);	
}
#textmovie {
	background-image: url(http://www.chinesehour.com/library/resources/img/textmovie.gif);	
}
#sentence {
	background-image: url(http://www.chinesehour.com/library/resources/img/sentence.gif);	
}
#newword {
	background-image: url(http://www.chinesehour.com/library/resources/img/newword.gif);	
}
#simulation {
	background-image: url(http://www.chinesehour.com/library/resources/img/simulation.gif);	
}
#roleplay {
	background-image: url(http://www.chinesehour.com/library/resources/img/roleplay.gif);	
}
#writing {
	background-image: url(http://www.chinesehour.com/library/resources/img/writing.gif);	
}
#exercise {
	background-image: url(http://www.chinesehour.com/library/resources/img/exercise.gif);	
}
#go {
	background-image: url(http://www.chinesehour.com/library/resources/img/go.gif); 
	cursor:pointer;
	}
/**  myunit部分结束  **/

/**  word 部分开始  **/
#page-nav {
	display:inline;
	float: right;	
	padding-right:20px;
	}
.nav a{ 
	padding: 0 5px;
	text-decoration:none;
	color:#333333
	}
.nav a.orange-b{ 
	color:#EB6100;
	font-weight:bold;
	}
#words {
	height:351px;
	}
#word-view-list{ 
	width:508px;
	}
#word-view-list span{ 
	font-size:12px;
	}
#word-view-list td{ 
	height:26px;
	padding:0 0 0 10px;
	font-size:11px;
	}
.thead-view-list td{
	height:20px;
	padding: 0 0 0 10px;
	border-bottom:#CCCCCC solid 1px;
	color:#cc0000;
	vertical-align:top;
	}
/**  word 部分结束  **/

/*****  About input 开始  *****/
input{font-size:11px;}
.img-left{float:left;}
.btn01{background-image:url(../img/btn01.gif); border:0; width:110px; height:27px;color:#f60;
	font-weight:bold; cursor:pointer; margin-bottom:10px;}
.btn01b{background-image:url(../img/btn01.gif); border:0; width:110px; height:27px;color:#183483;
	font-weight:bold; cursor:pointer; margin-bottom:10px;}
.btn02{background-image:url(../img/btn02.gif); border:0; width:110px; height:24px;color:#fff;
	font-weight:bold; cursor:pointer;font-family:Georgia; float:right; margin:10px 12px 0 0;}
.btn03{width:60px; background:#FFF;border:#96969d solid 1px; text-align:center; cursor:pointer; font-size:10px; padding-bottom:1px;color:#eb6100; height:20px;}
.btn04{background-image:url(../img/btn01.gif); border:0; width:110px; height:22px;color:#f60;
	font-weight:bold; cursor:pointer; padding-top:5px; text-align:center; display:block; font-size:12px;}
.btn05{border:0;color:#f60;font-weight:bold; cursor:pointer; padding-top:5px;text-align:center; background-color:#FFF; text-decoration:underline;}
#sign-in{ margin:10px 25px;}
#sign-in p{ height:20px; margin-top:5px;}
.input_01{ background-image:url(../img/input.gif); width:110px; height:16px;border: 1px solid #9aaab7;padding:2px 0 0 2px;}
.input_02{ background-image:url(../img/input.gif); width:170px; height:16px;border: 1px solid #9aaab7;padding:2px 0 0 2px;margin-bottom:10px;}
.input_reg{ background-image:url(../img/input.gif); width:180px; height:16px;border: 1px solid #9aaab7;padding:2px 0 0 2px;}
.input_reg2{ background-image:url(../img/input.gif); width:270px; height:16px;border: 1px solid #9aaab7;padding:2px 0 0 2px;}
.input_03{ background-image:url(../img/input.gif); width:120px; height:16px;border: 1px solid #9aaab7;padding:2px 0 0 2px;margin-bottom:10px;}
.input_04{ background-image:url(../img/input.gif); width:24px; height:14px;border: 1px solid #9aaab7;padding:2px 0 0 2px;margin-bottom:6px;}
.input_05{ background-image:url(../img/input.gif); width:570px; height:80px;border: 1px solid #9aaab7;padding:2px 0 0 2px;margin-bottom:6px; font-size:11px;}
.input_07{ background-image:url(../img/input.gif); width:175px; height:100px;border: 1px solid #9aaab7;padding:2px 0 0 2px;margin-bottom:6px; font-size:11px; color:#666; font-family:Arial;}

.go{ float: right; padding:5px;}
/*****  About input 结束  *****/

/*****  login 开始  *****/
.title05 dl{}
.title05 dd{line-height:14px; color:#333;}
.title05 p{ margin:10px 0 0 9px; width:190px;}
.title05 div{text-align:center; padding:10px 0 5px 0;}
#login_title{ /*  路径显示  */ 
	margin-right:173px;
	height:19px;
	border-bottom:solid #b2beca 1px;
	color:#333;
	padding:8px 0 5px 0;
	text-indent:20px;
	margin:0 0 0 2px;
	background:url(http://www.chinesehour.com/library/resources/img/key.gif) 0 55% no-repeat;
	}
.login{ /*  login内容  */
	float:left;
	padding:30px 10px;
	}
.input_06{ background-image:url(../img/input.gif); width:350px; height:80px;border: 1px solid #9aaab7;padding:2px 0 0 0;margin-bottom:6px; font-size:11px;}
/*****  login 结束  *****/

/*****  mail 开始  *****/
#column_mail{ /*  mail面板  */
	float:left;
	width:227px;
	background-color:#fdfdfd;
	}
#page_mail{background-color:#fdfdfd;padding:10px 0 ; margin-left:227px;}
#page_mail td{ line-height:18px;}
/*****  mail 结束  *****/

/*****  文字 颜色 大小 粗细 开始  *****/
.orange{color:#f60;}
.black{color:#000;}
.white{color:#fff;}
.blue{color:#00b5ea;}
.blue2{color:#04b;}
.green{color:#34a603;}
.red{color:#e86045;}
.garnet{color:#c00;}
.khaki{color:#f89200;}
.cyan{color:#51626f;}
.gray6{color:#666;}
.gray9{color:#999;}
.navy{color:#183483;}
.b{font-weight:bold;}
.nb{font-weight:normal;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.f110{font-size:110px;}
.f160{font-size:160px;}
.bgblue{ background-color:#f4fdff;}
.bgyellow{ background-color:#fefcf1;}
.bgcyan{ background-color:#ecf4f7;}
.lineb{border-bottom:solid #b2beca 1px;}
.d-linetb{border-top:dashed #b2beca 1px;border-bottom:dashed #b2beca 1px;}
.d-linet{border-top:dashed #b2beca 1px;}
.linetblr{border:solid #b2beca 1px; background-color:#FFF;}
.linetbr{border:solid #b2beca 1px; border-left:0px; background-color:#FFF;}
.kuang{border:solid #b2beca 1px;}
.kuang2{border:solid #b2beca 2px;}
.kuang3{border:solid #b2beca 3px;}
.kuang3b{border:solid #b2beca 3px; margin:0 20px 10px 0;}
.sans{ font-family:楷体; width:200px; height:200px; background:url(../img/01/b/font_bg.gif) no-repeat; padding:6px 0 0 16px;}
.sans2{ font-family:楷体; width:85px; height:85px; background:url(../img/02/b/font_bg_s.gif) no-repeat; padding:13px 0 0 15px;}
.py{font-family:Arial;}
/*****  文字 颜色 大小 粗细 结束  *****/

/*****  link 开始  *****/
a,a:visited,a:hover{cursor:pointer;}
.link-gray a, .link-gray a:visited{color:#666; text-decoration:none;}
.link-gray a:hover{color:#666; text-decoration:underline;}
.topictitle a, .topictitle a:visited{color:#0054a6; text-decoration:none; font-weight:bold; font-size:12px;}
.topictitle a:hover {color:#0054a6; text-decoration:underline;}
.level a, .level a:visited{color:#666; text-decoration:underline;}
.level a:hover{color:#666; text-decoration:underline;}
.link-blue a, .link-blue a:visited{color:#00b5ea; text-decoration:none;}
.link-blue a:hover{color:#00b5ea; text-decoration:underline;}
.link-orange a, .link-orange a:visited{color:#f60; text-decoration:none;}
.link-orange a:hover{color:#f60; text-decoration:underline;}
.link-green a, .link-green a:visited{color:#34a603; text-decoration:none;}
.link-green a:hover{color:#34a603; text-decoration:underline;}
.link-cyan a, .link-cyan a:visited{color:#51626f; text-decoration:none;}
.link-cyan a:hover{color:#f60; text-decoration:none;}
.link-black a, .link-black a:visited {color:#000;text-decoration: none;}
.link-black a:hover	{color:#eb6100;	text-decoration: none;}
.link-navy a, .link-navy a:visited{color:#183483;text-decoration:none;}
.link-navy a:hover{color:#eb6100; text-decoration:none;}
.tags a, .tags a:visited {color:#34a603;text-decoration: none; font-size:9px;}
.tags a:hover {color:#34a603; text-decoration: underline; font-size:9px;}
/*****  link 结束  *****/

/*****  other 开始  *****/
h2{font-weight:bold; font-size:14px; color:#000; font-family:Arial;}
.hh20{ height:20px;}
.hh30{ height:30px;}
.hh40{ height:40px;}
.hh50{ height:50px;}
.hh60{ height:60px;}
.pic-m2{margin:0 5px -2px 5px;}
.pic-m3{margin:0 5px -3px 5px;}
.pic-m4{margin:0 5px -4px 5px;}
.pic-m5{margin:0 5px -5px 5px;}
.pic-m2b{margin:0 0 -2px 0;}
.txt01{ padding:10px; line-height:14px;}
.txt02{ padding:10px; line-height:18px; font-family:Arial; font-size:12px; color:#333;}
.txt02 p{line-height:18px; font-family:Arial; padding:10px 0 10px 0;}
.txt02 td{line-height:20px; font-family:Arial; font-size:12px; padding:0 5px;}
.txt02 a,.txt02 span,.txt02 li, .txt02 em, .txt02 u{line-height:20px; font-family:Arial; font-size:12px;}
.txtv2{ padding:7px; line-height:15px; font-family:Arial; font-size:12px;}
.txtv2 p{line-height:15px; font-family:Arial; padding:10px 0 10px 0;}
.txtv2 td{line-height:15px; font-family:Arial; font-size:12px; padding:0 0 0 5px;}
.txtv2 a,.txtv2 span,.txtv2 li, .txtv2 em, .txtv2 u{line-height:15px; font-family:Arial; font-size:12px;}
.txt01 li{list-style-type:none;}
.txt01 li{list-style-type:none;}
.txtr{ text-align:right; padding-right:10px;}
.txtc{ text-align:center;}
.txt03{ background-color:#FFFFCC; border:#b2beca solid 1px; margin-bottom:10px; font-size:14px; padding:5px;}
.txt_i15{text-indent:15px;}
.biaozhu{line-height:15px;background-image:url(http://www.chinesehour.com/library/resources/images/bg_live.gif);vertical-align:top;
	padding:3px;font-size:11px;}
.line{ width:1px; height:23px; background-color:#8b9dab; float:left;}
.padding5{padding:10px 0;}
/*****  other 结束  *****/

/***** Menu Tabs 开始 *****/
.tabs {float:left;width:100%;background:#BBD9EE;line-height:normal;}
.tabs ul {margin:0;padding:10px 10px 0 50px;list-style:none;}
.tabs li {display:inline;margin:0;padding:0;}
.tabs a {float:left;background:url("../img/tableft.gif") no-repeat left top;margin:0;
      padding:0 0 0 4px;text-decoration:none;}
.tabs a span {float:left;display:block;background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;color:#666;}
#tab-s a {float:left;background:url("../img/tableft.gif") no-repeat left top;margin:0;
      padding:0 0 0 4px;text-decoration:none;background-position:0% -42px;color:#FF9834;font-weight:bold;}
#tab-s a span {float:left;display:block;background:url("../img/tabright.gif") no-repeat right top;background-position:100% -42px;color:#FF9834;
      padding:5px 15px 4px 6px;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs a span {float:none;}
    /* End IE5-Mac hack */
.tabs a:hover {background-position:0% -42px;}
.tabs a:hover span {background-position:100% -42px;color:#FF9834;}
/***** Menu Tabs 结束 *****/

/****** 拼音与汉字对齐 start *******/
* html .pinyin_pailie, * html .hanzi_pailie{
	width: 20px;
}

.pinyin_pailie{
	font-size:14px;
	height: 20px;
}

.hanzi_pailie{
	font-size:14px;
    height: 29px;
	width: 20px;
	padding-top: 4px;
	<!--background-image: url('http://www.chinesehour.com/library/resources/css/tzg.gif')-->
}

.grid_pinyin{
	font-size:14px;
	text-align: center;
	float: left;
	margin: 0 3px;
}

/*********  拼音与汉字对齐 end **********/