﻿/*
=====================================================================
//样式名称：结构样式表                                                
//创建时间：2010.3.5                                                
//版权所有：深圳方直科技有限公司                                      
//创 建 者：by                                                        
//说    明：
//　　本样式表用于定义通用的网页结构。总体思路是一个三行三列布局，页脚
//始终固定居底，内容超出一屏高度时自动向下延伸，主体内容区三列是等高布
//局，使用js控制各列的高度，简化HTML结构层。
=====================================================================         
*/

/*基本布局结构--------------------------------------------------------------------------------*/
body{background:#61BBD2 url(../images/bg.gif) repeat-x left -137px;}
/*万能清除浮动*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*页脚始终居底*/
html, body, .wrapper{height: 100%;}
body > .wrapper{height:auto; min-height: 100%;}
#main{padding-bottom: 100px;}  /* 必须使用和footer相同的高度 */
#fb {position: relative;
margin-top: -100px; /* footer高度的负值 */
height:100px;
clear:both;}
.infb{width:980px;margin:0 auto;text-align:center;font-size:12px;padding-bottom:12px;background:#fff url(../images/f_top.gif) no-repeat center 5px;padding-top:20px;}

/*页脚控制JS中样式*/
#foot_main0 #foottitle0{padding:20px 0 0px 20px;}
#foot_main0 #foottitle0 li{width:80px;display:block;}
#foot_main0 #foottitle0 li.line{width:4px;overflow:hidden;}
#foot_main0 #foottitle0 li.line b{display:block;width:2px;line-height:26px;color:#666;}
#foot_main0 #foottitle0 li a:link,#foot_main0 #foottitle0 li a:visited{color:#00A8FF;}
#tb_link tr td p.copyright{padding:10px 0 15px;}
#tb_link tr td p.copyright a:link,#tb_link tr td p.copyright a:visited{color:#00A8FF;}

/*内容页*/
.wrapper{width:980px;margin:0 auto;background:#fff;}
.header{height:137px;line-height:137px;width:100%;background:url(../images/bg_h.gif) repeat-x left -53px;}
.inhead{width:980px;height:117px;margin:0 auto;text-align:center;position:relative;}
.search{height:43px;width:100%;margin:0 auto; background:url(../images/scr_bg.gif) repeat-x left top;_margin-top:-13px;}
/*主体内容先显示，有利于SEO优化--关键代码*/
#bd{overflow:hidden;_zoom:1;width:980px;margin:0 auto;background:#fff;}
.content{width:100%;float:left;}
.leftbar{float:left;width: 200px;margin-left: -970px;}
.rightbar{float:left;width: 230px;margin-left: -240px;}
.main-wrap{margin:0 240px 0 220px;}
.midcol{width:510px;float:left;}/*真正的主体内容区*/

/*两栏结构--左窄右宽*/
.main-wrap1{margin:0 0 0 220px;}
.midcol1{width:750px;float:left;}/*真正的主体内容区*/

/*两栏结构--左宽右窄*/
.main-wrap2{margin:0 240px 0 10px;}
.midcol2{width:720px;float:left;}/*真正的主体内容区*/

/*以下为用通用用户控件中的详细设置-------------------------------------------------------------------*/
.logo{  width:261px;height:61px; background:url(../images/logo.gif) no-repeat left top; text-indent:-9999px; position:absolute;top:50px;left:10px;overflow:hidden;}
.logo a{ display:block; }
.user_panel{position:absolute;top:0px;right:30px;}

/*顶部菜单*/
#menu{ position:absolute;top:45px;right:30px;width:670px;height:40px;}
#menu li{float:left;width:110px;height:40px;margin-right:2px;overflow:hidden;}
#menu li a:link,#menu li a:visited{display:block;background:url(../images/button.gif) no-repeat left top;}
#menu li a:hover{background-position:0 -40px;}
#menu li.m1 a:link,#menu li.m1 a:visited{display:block;background-position:0 0;}
#menu li.m1 a:hover{background-position:0 -40px;}
#menu li.m2 a:link,#menu li.m2 a:visited{display:block;background-position:-112px 0;}
#menu li.m2 a:hover{background-position:-112px -40px;}
#menu li.m3 a:link,#menu li.m3 a:visited{display:block;background-position:-224px 0;}
#menu li.m3 a:hover{background-position:-224px -40px;}
#menu li.m4 a:link,#menu li.m4 a:visited{display:block;background-position:-336px 0;}
#menu li.m4 a:hover{background-position:-336px -40px;}
#menu li.m5 a:link,#menu li.m5 a:visited{display:block;background-position:-448px 0;}
#menu li.m5 a:hover{background-position:-448px -40px;}
#menu li.m6 a:link,#menu li.m6 a:visited{display:block;background-position:-560px 0;}
#menu li.m6 a:hover{background-position:-560px -40px;}
#menu li.m6{margin-right:0;}

/*导航菜单高亮样式*/
#home #menu li.m1 a:link,#home #menu li.m1 a:visited,#home #menu li.m1 a:hover{background-position:0 -40px;}
#prointro #menu li.m2 a:link,#prointro #menu li.m2 a:visited,#prointro #menu li.m2 a:hover{background-position:-112px -40px;}
#library #menu li.m3 a:link,#library #menu li.m3 a:visited,#library #menu li.m3 a:hover{background-position:-224px -40px;}
#studycard #menu li.m4 a:link,#studycard #menu li.m4 a:visited,#studycard #menu li.m4 a:hover{background-position:-336px -40px;}
#mysyn #menu li.m5 a:link,#mysyn #menu li.m5 a:visited,#mysyn #menu li.m5 a:hover{background-position:-448px -40px;}
#mysyn1 #menu li.m5 a:link,#mysyn1 #menu li.m5 a:visited,#mysyn1 #menu li.m5 a:hover,
#mysyn2 #menu li.m5 a:link,#mysyn2 #menu li.m5 a:visited,#mysyn2 #menu li.m5 a:hover,
#mysyn3 #menu li.m5 a:link,#mysyn3 #menu li.m5 a:visited,#mysyn3 #menu li.m5 a:hover,
#mysyn4 #menu li.m5 a:link,#mysyn4 #menu li.m5 a:visited,#mysyn4 #menu li.m5 a:hover{background-position:-448px -40px;}
#qa #menu li.m6 a:link,#qa #menu li.m6 a:visited,#qa #menu li.m6 a:hover{background-position:-560px -40px;}


.login{position:absolute;top:86px;right:30px;width:670px;height:40px;line-height:40px;background:url(../images/bg_h.gif) repeat-x left top;font-size:12px; text-align:center;}
/*登录前样式*/
.tb_login{margin:0 auto;}
.tb_login tr td{padding:0 2px;vertical-align:middle;}
.txt_1{border:1px #7F9DB9 solid;height:18px;line-height:18px;}
#txtUser{width:120px;}
#txtPass{width:100px;}
.button1{display:block;width:50px;height:23px;line-height:23px;text-indent:-9999px;border:none;background:url(../images/button.gif) no-repeat -89px -92px; cursor:pointer;}
.link1{width:80px;}
.link1 a:link,.link1 a:visited{color:#1893B3;border-bottom:1px #1893B3 solid; text-decoration:none;}
.link1 a:hover{color:#E72B06;border-bottom:1px #E72B06 solid;}
/*登录后样式*/
.tb_logined{margin:0 auto;display:none;}
.tb_logined tr td{padding:0 2px;vertical-align:middle;}
.m_btn{display:block;width:90px;height:23px;line-height:23px;text-indent:-9999px;background:url(../images/button.gif) no-repeat -313px -94px; cursor:pointer;overflow:hidden;}
.m_btn1{display:block;width:91px;height:23px;line-height:23px;text-indent:-9999px;background:url(../images/button.gif) no-repeat -415px -94px; cursor:pointer;}
.userinfo b{font-weight:normal;margin-right:10px;}
.userinfo a:link,.userinfo a:visited{color:#1893B3;}
.newico a{background:url(../images/mail.gif) no-repeat left center;padding:0 7px;margin-right:3px;}
.newico a:hover{ text-decoration:none;}
.numbox{margin-right:5px;}
.numbox em{ font-style:normal;font-family:Arial;}
.numbox a:hover{color:red;}
#Header1_mailNumber{text-align:center;padding:0 3px;color:red;font-weight:bold;margin:0;font-family:Arial;}

/*针对IE6以上的纯CSS下拉菜单，IE6的菜单有独立样式*/
.navigation{height:23px;margin:0 5px;}
.navigation li {float:left;text-align:center;position:relative;height:23px;line-height:23px;}
.navigation li h3 {margin:0;height:23px;line-height:23px;}
.navigation li a:link, .navigation li a:visited {display:block;text-decoration:none;color:#000;width:90px;height:23px;line-height:23px;}
.navigation li div {display: none;cursor:default;}

/* 以下只支持非IE6浏览器 */
.navigation li:hover a {color:#000;background:#fff;}
.navigation li:hover div {display:block;position:absolute;top:23px;margin-top:0px;left:0;width:182px;border:1px #CBCBCB solid;padding:10px 10px 10px;background:#fff url(../images/winbg.gif) repeat-x left bottom;z-index:10000;}
.navigation li:hover div span.win_tip{display:block;text-align:left;line-height:22px;padding:0 10px;}
.navigation li:hover div dl{padding-top:5px;}
.navigation li:hover div dd{line-height:22px;}
.navigation li:hover div dl.dl_win{border-top:1px #c0c0c0 solid;padding-top:10px;margin-top:10px;padding-left:10px;overflow:hidden;}
.navigation li:hover div dl.dl_win dd{width:100%;display:block;float:left;}
.navigation li:hover div dl.dl_win dd a:link,.navigation li:hover div dl.dl_win dd a:visited{color:#2491AD;text-align:left;background:url(../images/ico.gif) no-repeat -3px -224px;padding-left:20px;float:left;}
.navigation li:hover div dl.dl_win dd a:hover{color:#2491AD;text-align:left;color:Orange;}

.navigation li:hover div span.nonote{display:block;margin:0 10px;text-align:left;}
.navigation li:hover b.btn_w{display:block;overflow:hidden;margin:0 auto;border-top:1px #c0c0c0 solid;padding-top:10px;margin-top:10px;font-weight:normal;}
.navigation li:hover b.btn_w a:link,.navigation li:hover b.btn_w a:visited{display:block;width:60px;height:22px;background:url(../images/button.gif) no-repeat -519px -94px; text-indent:-9999px;margin:0 auto;}
.navigation li:hover div dl.dl_win1 dd a:link,.navigation li:hover div dl.dl_win1 dd a:visited{width:100%;color:#2491AD;text-align:left;background:url(../images/ico.gif) no-repeat 0px -164px;padding-left:15px;}
.navigation li:hover div dl.dl_win1 dd a:hover{color:#2491AD;text-align:left;color:Orange;background:url(../images/ico.gif) no-repeat 0px -147px;}
.navigation li:hover span.btn_m{display:block;overflow:hidden;margin:0 auto;border-top:1px #c0c0c0 solid;padding-top:10px;margin-top:0px;font-weight:normal;color:#999;line-height:22px;padding-left:10px;}
.navigation li:hover span.btn_m a:link,.navigation li:hover span.btn_m a:visited{display:block;float:right;width:60px;background:url(../images/ico.gif) no-repeat 40px -226px;color:#2E92AB;}

/*搜索栏*/
.tb_search{margin:0px auto;font-size:12px;}
.tb_search tr td{padding:0 2px; vertical-align:middle;line-height:43px;height:43px;}
.button2{display:block;width:50px;height:23px;}
.button2 a:link,.button2 a:visited{display:block;width:50px;height:23px;line-height:23px;text-indent:-9999px;background:url(../images/button.gif) no-repeat -149px -93px;}
.button3{display:block;width:78px;height:23px;}
.button3 a:link,.button3 a:visited{display:block;width:78px;height:23px;line-height:23px;text-indent:-9999px;background:url(../images/button.gif) no-repeat 0 -93px;}
.link2{color:#000;margin:0 5px;}
.link2 a:link,.link2 a:visited{color:#099BBE;margin-left:10px; text-decoration:none;}
.link2 a:hover{ border-bottom:1px #099BBE solid;}
.link2 a.more{padding-right:16px;background:url(../images/ico.gif) no-repeat right -294px;}
.selectstyle1{border:0 none;border:1px #7F9DB9 solid;height:21px;line-height:21px;width:110px;}

/*左栏分类导航菜单*/
.noshow{text-indent:-9999px;height:10px;overflow:hidden;}
.c_b_t{display:block;width:200px;height:10px;margin:0 auto;font-size:0%;overflow:hidden;background:url(../images/box.gif) no-repeat -310px -205px;}
.c_b_m{width:200px;margin:0 auto;background:url(../images/box_v.gif) repeat-y left top;padding-bottom:10px;}
.c_b_b{display:block;width:200px;height:10px;margin:0 auto;font-size:0%;overflow:hidden;background:url(../images/box.gif) no-repeat -310px -215px;}
.c_b_m h3{width:180px;height:30px;line-height:30px;margin:0 auto 20px;text-align:left;font-weight:bold;text-indent:1em;font-size:14px;color:#fff;background:url(../images/box.gif) no-repeat -330px -229px;}
.c_b_m h3.g_title{margin-top:20px;}
.c_b_m dl{margin-top:10px;}
.c_b_m dl dt a:link,.c_b_m dl dt a:visited{line-height:24px;padding-left:20px;background:url(../images/ico.gif) no-repeat 5px -185px;font-size:14px;font-weight:bold;}
.c_b_m dl dt a:hover{background:url(../images/ico.gif) no-repeat 5px -126px;color:#2491AD;}
.c_b_m dl dd{padding-left:10px;}

/*省略号*/
.c_b_m dl{width:176px;}
.c_b_m dl dd{position:relative;height:24px;overflow:hidden;}
.c_b_m dl dd 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;}
.c_b_m dl dd a span{background:url(../images/ico.gif) no-repeat 0px -168px;padding-left:15px;}
.c_b_m dl dd a b{position:absolute;right:0em;bottom:0;height:24px;width:1em;background:#fff;overflow:hidden;}
.c_b_m dl dd a:link,.c_b_m dl dd a:visited{font-size:12px;font-weight:normal; text-decoration:none;}
.c_b_m dl dd a:hover span{background:url(../images/ico.gif) no-repeat 0px -149px;color:#2491AD;}


/*当前选中状态*/
.c_b_m dl dt.curdt a:link,.c_b_m dl dt.curdt a:visited,.c_b_m dl dt.curdt a:hover{background:url(../images/ico.gif) no-repeat 5px -128px;color:#2491AD;}
.c_b_m dl dd.curdd a:link span,.c_b_m dl dd.curdd a:visited span,.c_b_m dl dd.curdd a:hover span{background:url(../images/ico.gif) no-repeat 15px -149px;color:#2491AD;}
.c_b_m dl dt.cut a:link,.c_b_m dl dt.cut a:visited,.c_b_m dl dt.cut a:hover{background:url(../images/ico.gif) no-repeat 0px -126px;color:#2491AD;}
.c_b_m dl dd.cur a:link span,.c_b_m dl dd.cur a:visited span,.c_b_m dl dd.cur a:hover span{background:url(../images/ico.gif) no-repeat 0px -149px;color:#2491AD;font-weight:bold;}


/*选择年级*/
.c_b_m ul{width:180px;margin-left:10px;overflow:hidden;}
.c_b_m ul li{float:left;display:block;float:left;width:90px;}
.c_b_m ul li a:link,.c_b_m ul li a:visited{line-height:24px;display:block;text-align:left;font-size:12px;}
.c_b_m ul li.cus a:link,.c_b_m ul li.cus a:visited,.c_b_m ul li.cus a:hover{color:#2491AD;font-weight:normal;}


/*联系我们区块*/
.linkme h2{width:200px;height:79px;overflow:hidden;background:url(../images/box.gif) no-repeat -310px -110px; text-indent:-9999px;}
.link_m{width:200px;background:url(../images/box_v.gif) repeat-y -210px top;padding-top:20px;}
.link_m dl dt{font-size:14px;height:26px;line-height:26px;text-indent:25px;}
.link_m dl dd{background:#EFEFEF;height:26px;line-height:26px;text-indent:5px;width:92%;margin:0 auto;}
.bbs a:link,.bbs a:visited{color:#1893B3;font-weight:bold;margin-left:25px;padding-right:20px;line-height:30px;background:url(../images/ico.gif) no-repeat 75px -230px;font-size:12px;}
.qqbox{text-align:center;height:30px;line-height:30px;margin-top:12px;}
.qqbox a:link,.qqbox a:visited{display:block;float:left;width:71px;height:24px;line-height:24px;background:url(../images/qq.gif) no-repeat left top;text-indent:-9999px;margin-left:10px;}
.link_b{display:block;width:200px;height:8px;font-size:0%;overflow:hidden;background:url(../images/box.gif) no-repeat -310px -192px; text-indent:-9999px;}

/*友情链接*/
.linkbox{width:960px;margin:10px auto 0;background:#F7F7F7;overflow:hidden;font-size:12px;}
.linkbox h2{border:1px #c7c7c7 solid;height:30px;line-height:30px; position:relative;}
.linkbox h2 b{display:block;width:6px;height:6px;overflow:hidden;position:absolute;left:-1px;top:-1px;background:url(../images/box.gif) no-repeat left -188px;}
.linkbox h2 i{display:block;width:6px;height:6px;overflow:hidden;position:absolute;right:-1px;top:-1px;background:url(../images/box.gif) no-repeat -224px -188px;}
.linkbox h2 span{display:block;width:200px;height:30px;line-height:30px;overflow:hidden;position:absolute;left:20px;color:#333;font-size:14px;font-weight:bold;}
#linklist{border:1px #c7c7c7 solid;border-top:0 none;background:#F7F7F7;overflow:hidden;zoom:1;}
#linklist ul li{float:left;line-height:40px; display:inline;}
#linklist ul li a:link,.linkbox ul li a:visited{margin-left:22px;color:#333; height:22px; display:inline;}
#linklist ul li a:hover{color:#1893B3;}



