@import url("Layout.css");
@import url("Font.css");
@import url("common.css");

/*main*/
#news{margin:0px auto; width:1000px; height:100%; background:#fff;}
#news #news-l{width:180px; float:left;}
#news #news-r{width:810px; float:right;}

#news #navg{ width:100%; margin:3px auto; height:28px; line-height:28px; text-align:left; font-size:13px; text-indent:12px; background:url(../images/Activities.gif) no-repeat left top; clear:both;}

/*====================left======================*/
#news-l #comnew{ width:100%; margin:4px auto; background:url(../images/commid.gif) repeat-y;}
#comnew h5{width:100%; height:24px; line-height:24px; background:url(../images/comtop.gif) no-repeat left bottom #fff; clear:both;}
#comnew h5.combot{width:100%; height:25px; line-height:25px; background:url(../images/combot.gif) no-repeat left top #fff; clear:both;}
#comnew h1{width:90%; height:26px; line-height:26px; text-align:left; text-indent:8px; font-size:14px;}
#comnew h1 span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666;}
#comnew ul{width:90%; margin:4px auto; clear:both;}
#comnew ul li{width:100%; text-align:left; height:24px; line-height:24px; text-indent:24px; background:url(../images/combg.gif) no-repeat 14px 6px; border-bottom:1px solid #eee; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#comnew ul li a:hover{ background:#ee0000; color:#fff; text-decoration:none;}

#news-l #about{width:100%;background:url(../images/pxlx.gif) no-repeat center top #fff;margin-top:10px; height:160px;}
#about ul{width:170px; margin:0px auto; padding-top:25px;}
#about ul li{width:100%; height:20px; line-height:20px; text-align:left;  text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#about ul li.tel{ height:22px; line-height:22px; font-size:16px; font-weight:bold; color:#dd0000; font-family:Arial, Helvetica, sans-serif;}
#about ul li.email{ color:#666;font-family:Arial, Helvetica, sans-serif;}
#about ul li.line{ height:2px; line-height:2px; border-bottom:1px solid #DBECEF;}

#news-r #comser{width:100%; height:50px; background:url(../images/comserbg.gif) no-repeat left center #fff; margin-top:5px; padding-bottom:10px; overflow:hidden; clear:both;}
#comser dl{ width:98%; height:30px; margin:10px auto; overflow:hidden; clear:both;}
#comser dl dt{ width:75px; float:left; height:30px; line-height:34px;text-align:right; overflow:hidden; font-weight:bold; color:#666;}
#comser dl dd{ width:120px; float:left; height:30px; line-height:30px;text-align:left;_padding-top:4px;}
#comser dl dd.serbtn{ width:140px;}
#comser dl dd.sertime{ width:80px;}


/*====================right======================*/
#news-r #comsub{ width:100%; background:#fff;}
#news-r #comsub h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; color:#9E1400;}
#news-r #comsub h6{ width:100%; height:27px; line-height:27px; background:url(../images/subg1.gif) no-repeat left top #fff; color:#000; text-indent:14px; margin-bottom:5px;}
#news-r #comsub h6 span{ width:250px; float:left; text-align:left; font-weight:600; display:block; }
#news-r #comsub h6.pxmore{ width:100%; height:30px; line-height:36px; margin:2px auto; text-align:center; font-weight:normal; background:url(../images/cmbot.gif) repeat-x top; overflow:hidden;}
#news-r #comsub ul{width:808px; margin:0px auto;border-bottom:1px solid #eee;clear:both; }
#news-r #comsub ul li{width:250px; float:left; text-align:left; height:24px; line-height:24px; text-align:left; text-indent:12px;}
#news-r #comsub ul li a:link{ color:#f60; text-decoration:none;}
#news-r #comsub ul li a:visited{ color:#666;text-decoration:none;}
#news-r #comsub ul li a:hover{ color:#ee0000; text-decoration:underline;}
#news-r #comsub ul li.address{ width:200px; float:left;}
#news-r #comsub ul li.time{ width:105px; float:left; border:none;}

/*====================neiye======================*/

#news-r #Coursecon{ width:100%;clear:both; background:url(../images/bg_nav3.gif) repeat-x; border:1px solid #ccc; margin-top:6px;}
#Coursecon h5{ width:100%; height:28px; line-height:24px; text-indent:24px; text-align:left; font-weight:bold; background:url(../images/topbg2.gif) no-repeat left top; color:#dd0000; clear:both;}
#Coursecon h6{ width:100%; height:28px; line-height:28px; text-indent:24px; text-align:center; font-weight:bold; font-size:16px; clear:both;}
#Coursecon dl.tt{ width:115px; float:left; margin:10px 2px 4px 2px;}
#Coursecon dl.tt dt{width:100%; background:url(../images/infoOn.gif) repeat-x; border:1px solid #ccc; height:23px; line-height:23px;}
#Coursecon dl.tt dt#ons{width:100%; background:url(../images/info.gif) repeat-x; border:1px solid #c60;height:23px; line-height:23px;}
#Coursecon dl.tt dt a{ color:#333; display:block; cursor:pointer; text-decoration:none;}

#Coursecon #Coursezw{ width:96%; margin:5px auto; text-align:left;height:auto; line-height:22px; word-break:break-all; text-indent:24px; text-overflow:clip; overflow:hidden; white-space:normal; font-size:13px;}
#Coursezw ul#ktop{ width:100%; margin:5px auto; clear:both;}
#Coursezw ul#ktop li{ width:100%; height:24px; line-height:24px; color:#f60;}
#Coursezw ul#ktop li b{ color:#333; font-weight:normal; font-size:14px;}
#Coursezw h4{ width:98%; margin:5px auto; height:24px; line-height:24px; text-align:left; text-indent:24px; font-weight:bold; font-size:14px; background:#eee; clear:both;}
#Coursezw .pxconn{width:98%; margin:5px auto; line-height:24px; text-align:left; text-indent:0px; white-space:normal; word-break:break-all;}

#Coursezw #resouce{ width:100%; height:26px; line-height:26px; text-align:center; margin-top:5px; font-weight:bold; clear:both;}
.bm{ width:106px; height:26px; border:none; background:url(../images/join.gif) no-repeat; font-weight:bold;}

/*====================right2======================*/
#Coursezw ul#kbottom{ width:100%; margin:5px auto; clear:both;}
#Coursezw ul#kbottom li{ width:100%; height:auto; line-height:24px; color:#333;}
#Coursezw ul#kbottom li b{ color:#333; font-size:14px;}

#Coursezw #kform dl{ width:100%; margin:10px auto; clear:both;}
#kform dl dt{ width:120px; float:left; height:26px; line-height:26px; text-align:right; font-weight:bold;}
#kform dl dd{ width:600px; float:left; height:26px; line-height:26px; text-align:left; margin-left:5px;}

/*====================Teacher======================*/
#news-r .teacher{ width:100%; border:1px solid #ccc; background:url(../images/form.gif) repeat-x; margin-top:6px;}
#news-r .teacher h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/log1.gif) no-repeat 6px 7px;}
#news-r .teacher dl{ width:253px; float:left; margin:5px 5px 5px 10px;}
#news-r .teacher dl a{ color:#333; cursor:pointer; text-decoration:none;}
#news-r .teacher dl a:hover{background:#f5f5f5; color:#dd0000; display:block; cursor:pointer;}
#news-r .teacher dl dt{width:100%; height:26px; line-height:26px;text-align:center; font-size:14px; font-weight:bold; color:#dd0000;}
#news-r .teacher dl dd{ width:100%;margin:5px auto; line-height:24px; text-align:left; text-indent:24px; white-space:normal; word-break:break-all; color:#666;}

#news-r .teacher .tintro{width:96%; margin:5px auto; height:auto; line-height:24px; color:#666; text-align:left; white-space:normal; word-break:break-all; border-bottom:1px dashed #eee;}
#news-r .teacher .tintro b{ width:100%; display:block; color:#dd0000; font-size:14px; text-align:left; text-indent:12px;}

/*====================Enter======================*/
#news-r #Enter{ width:100%; border:1px solid #ccc; background:url(../images/form.gif) repeat-x; margin-top:6px;}
#Enter h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:26px;text-indent:22px; background:url(../images/gif-0623.gif) no-repeat 6px 7px;}
#Enter h5 span{ margin-left:650px; text-align:left; font-size:12px; font-weight:bold;color:#990000;}
#Enter .eintro{width:96%; margin:5px auto; height:auto; line-height:24px; color:#666; text-align:left; text-indent:24px; white-space:normal; word-break:break-all; border-bottom:1px dashed #eee;}
#Enter .eintro b{ width:100%; display:block; color:#dd0000; font-size:14px; text-align:left; background:url(../images/iconArrowBlue.gif) no-repeat 10px 7px;}

/*====================Style======================*/

#news-r #style{ width:100%; border:1px solid #ccc; background:url(../images/form.gif) repeat-x; margin-top:6px; clear:both;}
#style h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/gif-0623.gif) no-repeat 6px 7px;}
#style dl{width:170px;float:left;margin:10px 14px 0px 18px;_margin:10px 14px 0px 15px;}
#style dl dt{ width:100%;font-size:0px; height:128px; background:#FFF5E5; text-align:center;}
#style dl dt img{width:166px; height:128px;-moz-opacity:0.5;filter:alpha(opacity=50);border:1px solid #dd0000;}
#style dl dt a{display:block;}
#style dl dt a:hover img{-moz-opacity:0.5;filter:alpha(opacity=100);border:1px solid #000;}
#style dl dd{width:170px;height:20px;line-height:20px;color:#666;border:none;display:block;text-align:center;overflow:hidden;white-space:nowrap; margin-top:4px;}
#style dl dd a{text-decoration:none;background:#f5f5f5;display:block;}
#style dl dd a:hover{background:#99A2B6;color:#FFF;text-decoration:none;display:block;}

/*====================Typical======================*/

#news-r #Typical{width:100%; border:1px solid #ccc; background:url(../images/form.gif) repeat-x; margin-top:6px; clear:both; padding-bottom:5px;}
#Typical h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/gif-0623.gif) no-repeat 6px 7px;}
#Typical dl{width:240px; float:left; background:#f4f4f4;  border:1px solid #ddd; margin:15px 0px 0px 21px;_margin:15px 0px 0px 19px; height:120px; overflow:hidden;}
#Typical dl.bi1{ height:60px;}
#Typical dl.bi2{ height:80px;}
#Typical dl.bi3{ height:140px;}
#Typical dl.bi4{ height:180px;}
#Typical dl.bi5{ height:100px;}
#Typical dl dt{width:220px; padding:2px; margin-top:5px; font-size:1px; background:#fff; text-align:center;}
#Typical dl dd{ width:220px;text-align:center;font-weight:bold; height:24px; line-height:24px; text-overflow:clip; overflow:hidden; white-space:nowrap;}


