﻿/*
=====================================================================
//样式名称：主页样式表                                                
//创建时间：2010.3.5                                                
//版权所有：深圳方直科技有限公司                                      
//创 建 者：by                                                        
//说    明：
//　　本样式表用于定义主页所有样式设置,首页的样式是独立的，以应付由于
//网络原因造成的延迟使主页显示完整。
=====================================================================         
*/
/*---------------------------------------------------左栏内容-------------------------------------------------------------*/

/*同步动态菜单*/
.synnews{padding-bottom:20px;font-size:12px;}
.synnews h2{font-size:14px;font-weight:bold;line-height:40px;text-indent:20px;}
.linestyle{font-size:14px;font-weight:bold;text-indent:20px;background:url(../images/ico.gif) repeat-x left -246px;height:30px;line-height:30px;margin:10px auto;overflow:hidden;}
.linestyle b{display:block;float:left;width:88px;height:30px;line-height:30px;overflow:hidden;text-indent:25px;background:#fff url(../images/ico.gif) no-repeat left -54px;}
.linestyle span{display:block;float:right;width:11px;height:30px;overflow:hidden;background:#fff url(../images/ico.gif) no-repeat -5px -99px;}
.synnews ul li a:link,.synnews ul li a:visited{line-height:26px;height:26px;padding-left:20px;background:url(../images/ico.gif) no-repeat 0px -85px;}

/*---------------------------------------------------右栏内容-------------------------------------------------------------*/
/*推荐专题区块*/
.topic{padding-bottom:10px;}
.t_title{width:90%;margin:0 auto 10px;color:#2491AD;text-indent:1em;line-height:22px;}
.t_title img{float:left;margin-right:10px;}
.t_title a:link,.t_title a:visited{ text-decoration:none;color:#2491AD;font-size:12px;}
.topic ul{clear:both;}
.topic ul li{line-height:26px;height:26px;padding-left:25px;background:url(../images/ico.gif) no-repeat 5px -203px;}
.topic ul li a:link,.topic ul li a:visited{font-size:14px;}

/*学员动态区块*/
.s_news{margin-bottom:10px;font-size:12px;}
.s_news h2{height:36px;background:url(../images/box.gif) no-repeat left -111px; text-indent:-9999px;}

.c_n_body{background:url(../images/box_v.gif) repeat-y -421px top;padding:0 10px;line-height:24px;color:#666;height:240px;overflow:hidden;}
.c_n_body ul li i{color:#666;}
.c_n_body ul li b{color:#A56D0C;font-weight:normal;margin:0 5px}
.c_n_body ul li a:link,.c_n_body ul li a:visited{color:#1893B3;}
.c_n_body ul li a:hover{color:#1893B3; text-decoration:underline;}
.c_n_bot{height:7px;background:url(../images/box.gif) no-repeat left -146px;overflow:hidden;}

/*我在背单词区块*/
.word{font-size:12px;}
.word h2{height:30px;line-height:30px;background:url(../images/box.gif) no-repeat left -216px; position:relative;overflow:hidden;}
.word h2 b{display:block;width:100px;text-indent:-9999px;float:left;font-size:20px;}
.word h2 a{display:block;float:left;}
.word h2 a:link,.word h2 a:visited{color:#429615;font-weight:normal; text-decoration:underline;}
.word h2 a:hover{color:#429615;}
.word h2 a.pro{width:13px;height:13px;text-indent:-9999px;margin-left:17px;margin-top:8px;}
.word h2 a.next{width:13px;height:13px;text-indent:-9999px;margin-left:7px;margin-top:8px;}

.w_body{border-left:1px #C1E8D3 solid;border-right:1px #C1E8D3 solid;padding:10px 15px;line-height:22px;color:#333;}
.w_body h3{font-size:20px;}
.wordplay{color:#000;font-size:14px; vertical-align:middle;width:100%;margin:10px auto;}
.wordplay span{display:inline-block;line-height:26px;overflow:hidden;}
.wordplay a:link,.wordplay a:visited{background:url(../images/box.gif) no-repeat -364px -318px;text-indent:-9999px;display:inline-block;width:29px;height:26px;line-height:26px;overflow:hidden;margin-left:5px;}
.wordplay a,.wordplay span{display:inline;}
.w_bot{display:block;height:10px;font-size:0%;overflow:hidden;background:url(../images/box.gif) no-repeat left -246px;}

/*右栏教育商城、在线背单词、教学资源区块*/
.linebox{margin-top:20px;font-size:12px;background:url(../images/box_v.gif) repeat-y -661px top;}
.linebox h2{display:block;background:url(../images/box.gif) no-repeat left -160px;font-size:14px;font-weight:bold;height:10px; position:relative;}
.linebox h2 span{display:block;height:22px;line-height:22px;background:#fff;padding-right:10px;position:absolute;top:-10px;left:10px;}
.linebox h2 span b a:link,.linebox h2 span b a:visited{color:#2491AD;height:22px;background:#fff url(../images/ico.gif) no-repeat 0px -6px;padding-left:20px;}

.linebox ul{padding:5px 0 3px;padding-left:10px;}
.linebox ul li{padding-left:20px;background:url(../images/ico.gif) no-repeat 0px -30px;}
.linebox ul li a:link,.linebox ul li a:visited{}

/*纯CSS省略符关键代码*/
.linebox ul{width:200px;}
.linebox ul li{position:relative;height:24px;overflow:hidden;}
.linebox ul li a{display:block;padding-right:1em;line-height:24px;background:url(../images/pot.gif) right top no-repeat;position:relative;zoom:1;word-break:break-all;}
.linebox ul li a b{position:absolute;right:0em;bottom:0;height:18px;width:1em;background:#fff;overflow:hidden;}

.b_line{display:block;height:10px;font-size:0%;overflow:hidden;background:url(../images/box.gif) no-repeat left -170px;}

/*在线调查--四角图片定位圆角框*/
.verify{margin-top:10px;font-size:12px;}
.v_top{background:url(../images/box.gif) no-repeat left -188px;height:6px;overflow:hidden;}
.v_body{background:url(../images/box_v.gif) repeat-y -421px top;}
.v_bot{background:url(../images/box.gif) no-repeat left -202px;height:6px;overflow:hidden;}
.iframebox{height:290px;margin:0 auto;width:220px;overflow:auto;}
#ifram1{height:287px;_height:287px;overflow-x:hidden;width:100%;}

.iframebox h2{font-size:14px;font-weight:bold;line-height:40px;height:40px;padding-left:10px;}
.iframebox h3{color:#F17D0E;font-weight:bold;text-align:center;line-height:30px;}
.iframebox p{background:#FCF1E7;line-height:22px;padding:0 10px;}
.iframebox div{padding-left:20px;line-height:26px;}

/*---------------------------------------------------主体内容-------------------------------------------------------------*/
/*推荐课程*/
.re_class h2{height:54px;background:url(../images/box.gif) no-repeat left top;margin-top:10px;}
.re_class h2 b{display:block;text-indent:-9999px;}
.re_class h2 span{display:inline;width:36px;height:20px;line-height:20px;float:right;margin-right:20px;margin-top:-4px;_margin-top:-6px;font-weight:normal;font-size:12px;}
.classbox{overflow:hidden;width:486px;margin:10px auto 0;font-size:12px;}
.class{width:240px;float:left;border-right:1px #c0c0c0 dashed;border-bottom:1px #c0c0c0 dashed;padding-bottom:15px;}

.hoverimg{float:left;display:inline;width:86px;height:126px;margin-left:20px;margin-top:15px;}
.hoverimg a:link,.hoverimg a:visited{display:block;border:1px #fff solid;padding:2px;}
.hoverimg a:hover{border:1px #999 solid;}

.class dl{float:left;width:100px;margin-top:30px;margin-left:20px;}
.class dl dt{line-height:24px;height:72px; vertical-align:top;}
.class dl dd{margin-top:10px;}
.class dl dd a:link,.class dl dd a:visited{display:block;width:91px;height:35px;text-indent:-9999px;background:url(../images/button.gif) no-repeat -469px -358px;}
.nobord{border-right:0 none;}
.nobot{border-bottom:0 none;}
.ad1{margin-top:15px;}
/*学习交流*/
.exchange{width:240px;float:left;margin-left:10px;font-size:12px;}
.ex_tip{width:90%;margin:0 auto 15px;text-indent:2em;line-height:20px;height:80px;overflow:hidden;}
.ex_tip img{float:left;margin-right:10px;border:1px #999 solid;}
.ex_tip a:link,.ex_tip a:visited{color:#A56D0C;}
.exchange ul{padding-bottom:20px;}
.exchange ul li{padding-left:25px;background:url(../images/ico.gif) no-repeat 5px -80px;}
/*省略号*/
.exchange ul{width:225px;}
.exchange ul li{position:relative;height:24px;overflow:hidden;}
.exchange ul li a{display:block;padding-right:1em;line-height:24px;background:url(../images/pot.gif) right top no-repeat;position:relative;zoom:1;word-break:break-all;}
.exchange ul li a b{position:absolute;right:0em;bottom:0;height:24px;width:1em;background:#fff;overflow:hidden;}

.ex_title1,.ex_title2,.ex_title3,.ex_title4{height:20px;line-height:20px;padding-left:30px; margin-bottom:15px;}
.ex_title1{background:url(../images/box.gif) no-repeat left -59px;}
.ex_title2{background:url(../images/box.gif) no-repeat -270px -59px;}
.ex_title3{background:url(../images/box.gif) no-repeat left -84px;}
.ex_title4{background:url(../images/box.gif) no-repeat -270px -84px;}
.ex_title1 a,.ex_title2 a,.ex_title3 a,.ex_title4 a{display:block;height:20px;line-height:20px;text-indent:-9999px;}

/*flash*/
#flashbox{width:508px;height:220px;border:1px #c0c0c0 solid;overflow:hidden;}
#flashlist li{display:none;}
#flashlist li.curflash{display:block;}
#flashpage{ position:relative;width:100%;height:0%;}
#f_page{ position:absolute;top:-28px;right:10px;}
#f_page li{border:1px #c0c0c0 solid;display:block;float:left;width:18px;height:18px;line-height:18px; text-align:center;margin-right:2px;}
#f_page li a:link,#f_page li a:visited{display:block;width:100%;height:18px;line-height:18px; text-decoration:none; background:#999;color:#fff;font-size:11px;font-weight:bold;}
#f_page li a:hover{background:#FF7E00;color:#fff;}
#f_page li.curlink{border:1px #FF7E00 solid;}
#f_page li.curlink a:link,#f_page li.curlink a:visited,#f_page li.curlink a:hover{background:#FF7E00;color:#fff;}
