* { margin:0; padding:0; }
body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#000; background:#E7EEF6 url(img/all.gif) repeat-x 0 -159px; }
ol, ul { list-style:none; }
img { border:none; }
a {text-decoration:none; }
a:hover {text-decoration:underline; }



#head { width:808px; height:76px; margin:0 auto; clear:both; }
#main { width:808px; margin:0 auto; clear:both; }
#ft { width:808px; height:35px; margin:0 auto; clear:both; font-family:Arial; }
#content {float:left; width:480px; padding-right:25px;border-right:dotted 1px #999;}
#side { float:right; width:249px; text-align:center; padding-right:10px; }


#menu {background:url(img/menu.gif) no-repeat; width:808px; height:44px; margin:0 auto; line-height:34px; font-size:14px;font-weight:bold; padding-left:2px; overflow:hidden; clear:both; }
#menu li {width:133px; height:35px; text-align:center; float:left; margin-right:1px; padding-top:4px; }
#menu a {color:#333; }

#button{width:400px;margin:30px;font-size:14px;font-weight:bold;}
#button li {width:130px; height:35px; text-align:center; float:left; margin-right:1px; padding-top:4px; }
#button a {color:#f5f5f5;}

#content h2 {width:450px; height:25px; overflow:hidden; line-height:25px; font-size:16px; font-weight:weight; color:#000; position:relative; padding-left:15px; }
#content h3 {padding-top:10px;height:22px;line-height:22px;font-size:15px;font-weight:weight;color:#000;}
#content h4{border:1px solid #e5e5e5;background-color:#FFFFc4;font-size:13px;font-weight:weight;padding:10px;color:#000;}
#content h5{font-size:13px;font-weight:weight;padding-top:20px;padding-bottom:15px;color:#000;text-align:center;}
#content a {color:#0000cc;text-decoration:underline;}
#content a:hover {color:#990000;text-decoration:none; }
#content lia{margin-left:20px;line-height:10px;color:#666;}


#side h2 { height:25px; overflow:hidden; line-height:25px; font-size:16px; font-weight:weight; color:#333; position:relative; padding:0 0 5px 15px; text-align:left; }

.titlebox {background:url(img/bluecorner.gif) no-repeat -796px 100%; width:796px; padding-bottom:8px; overflow:hidden; margin:0 auto 10px auto; clear:both; text-align:left; }
.titlebox .b { background:#fff url(img/bluecorner.gif)no-repeat 0 0; padding:13px 14px 3px 14px; zoom:1; overflow:hidden;}
.titlebox .text{margin-left:25px;width:450px;margin-top:10px;color:#fff;}
.titlebox .more{float:right;color:#fff;}

.box { background:url(img/corner.gif) no-repeat -796px 100%; width:796px; padding-bottom:8px; overflow:hidden; margin:0 auto 10px auto; clear:both; text-align:left; }
.box .b { background:#fff url(img/corner.gif) no-repeat 0 0; padding:13px 14px 3px 14px; zoom:1; overflow:hidden; }


#head { width:808px; line-height:32px; height:76px; overflow:hidden; }
#head #bar { width:796px; line-height:32px; height:32px; overflow:hidden; margin:0 auto; }
#head #bar .slogan{float:left; height:32px;color:#fff;}
#head #bar ul { float:right; line-height:16px; height:16px; padding-top:9px; font-family: Arial, Helvetica, sans-serif; }
#head #bar li { float:right; margin-left:15px;white-space:nowrap; }
#head #bar a { color:#fff; }
#ft { background:#E7EEF6 url(img/all.gif) no-repeat 50% 0; color:#f5f5f5; text-align:right; height:35px; overflow:hidden; width:796px; line-height:35px; }
#ft ul { float:left; padding-left:29px; color:#f5f5f5; text-align:left; }
#ft li { display:inline; margin-right:5px; }
#ft li a { color:#f5f5f5; }
#ft p { float:right; padding-right:21px; }

.paneltext li{color: #4b4b4b;font-size: 12px;	font-family: Arial;	text-decoration: none;border-bottom: dotted 1px #52bd08;}

.imgleft{float:left;}

.productions { margin-bottom:12px; }
	.productions div.d_btn { padding-top:10px; width:437px; overflow:hidden; zoom:1; background:url(img/dotted.gif) repeat-x; }
	.productions div.d_btn .Adown { display:block; float:left; width:95px; height:27px; overflow:hidden; text-indent:-1000px; background:url(../img/btn_down.gif) no-repeat; }
	.productions div.d_btn p { float:left; padding-left:20px; }
	.productions div.d_btn p a { color:#333; }
	.productions div.d_btn p span { padding:0 5px; }	
	.productions .b {padding-left:10px; height:200px;background-color:#075F93;}
	.productions .pic {float:right;top:13px; left:314px; margin-top:-140px;}
	.productions h1 { padding-left:25px; font-size:20px; font-weight:weight; color:#fff; height:35px; line-height:35px }
	.productions h2 { padding-left:25px; font-size:14px; font-weight:weight; color:#C9D2DD; height:25px; line-height:25px }
	.productions p { margin-left:25px; }
	.study p {height:60px;line-height:20px;overflow:hidden;margin-top:10px;padding-top:10px;border-top:1px dashed #CCCCCC;}
	.productions .down { background:url(../img/dotted.gif) repeat-x -1px -1px; color:#ccc; padding-top:6px; margin-top:3px; font-family:simsun; }
	.productions .down img { vertical-align:middle; margin-right:10px; }
.whyonline {width:480px; padding-left:11px; }
	.whyonline div { margin-top:10px; }
	.whyonline li { margin:10px 10px 10px 18px; color:#555; line-height:18px; text-align:left; padding-left:5px; }
	.whyonline p{ margin:8px; color:#555; line-height:18px; text-align:left; padding-left:8px; }
	.whyonline screentshot{padding-left:58px; }
	.whyonline .more{margin-bottom:25px;float:right;color:#333;}
	.whyonline .h4{margin-bottom:25px;color:#099;font-size:15px;}
	.whyonline.benifit{float:right;}
.list_info { margin:5px 0 30px 0; text-align:left; }
	.list_info li { height:22px; background:url(img/ligreendot.png) no-repeat; margin-left:15px;padding-left:15px; overflow:hidden; color:#333;}
	.list_info a { color:#0000cc; }
     .list_info a:hover {color:#990000;text-decoration:underline; }

.list_yonghu {margin:15px; text-align:left; }
	.list_yonghu li {padding:3px 5px 3px 0; }
	.list_yonghu li.odd { background-color:#Fff; }
	.list_yonghu li h3 { color:#333; font-size:12px; font-weight:normal;}
	.list_yonghu li h3 a { color:#393; margin-left:5px; font-family:Arial; }
	.list_yonghu li p { height:42px; overflow:hidden; padding-left:1em; }

.more-study {position:absolute;top:10px;right:14px;width:202px;height:27px;}
.more-study a {float:left;display:block;display:inline;width:95px;height:27px;margin-left:6px;overflow:hidden;line-height:200px;font-size:0;content:"";background:url(../img/study_mine.png) 0 0 no-repeat;}
.more-study a.more-tech {background:url(../img/study_more.png) 0 0 no-repeat;}
.study-menu {width:768px;height:25px;margin:0 auto;overflow:hidden;background:url(../img/study_menu.png) 0 0 no-repeat;}
.study-menu li {float:left;width:107px;height:25px;}
.study-menu li a {display:block;width:107px;height:25px;line-height:27px;text-indent:30px;text-decoration:none;color:#333333;}
.study-menu li a:hover {text-decoration:none;}
.study-menu li .base {background:url(../img/study_menu_a.png) 0 -50px no-repeat;}
.study-menu li .used {background:url(../img/study_menu_a.png) -150px -50px no-repeat;}
.study-menu li .question {background:url(../img/study_menu_a.png) -300px -50px no-repeat;}
.study-menu li a:hover.base, .study-menu li.currA .base {background:url(../img/study_menu_a.png) 0 0 no-repeat;}
.study-menu li a:hover.used, .study-menu li.currA .used {background:url(../img/study_menu_a.png) -150px 0 no-repeat;}
.study-menu li a:hover.question, .study-menu li.currA .question {background:url(../img/study_menu_a.png) -300px 0 no-repeat;}
.help-box {overflow:hidden;padding:20px 10px;}
.help-base, .help-base .help-list {width:753px !important;}
.help-base .help-list li {position:relative;width:660px !important;padding-right:93px;text-indent:20px;color:#000000;}
.help-base .help-list li a.look-this {position:absolute;top:0;right:10px;display:block;width:65px;height:22px;line-height:24px;overflow:hidden;margin-left:0;padding-right:15px;text-indent:10px;color:#989898;background:url(../img/watch-base.png) right center no-repeat;}
.help-base .help-list li a.look-this:hover {color:#333333;}
.help-list {overflow:hidden;}
.help-list li {line-height:22px;overflow:hidden;background:#F1F6FA;}
.help-used li {height:22px;overflow:hidden;}
.help-list li.li2 {background:#FFFFFF;}
.help-list li a {margin-left:0px;text-decoration:none;color:#000000;}
.help-list li a:hover {text-decoration:none;}
.help-used li a:hover {color:#6E9ACB;}
.help-list li p {display:none;}
.help-list li.upLi p {display:block;margin:0 10px 10px;padding:5px 10px;color:#999999;border:1px solid #CEDFEC;background:#FFFFFF;}
.my-ask {display:block;width:95px;height:27px;line-height:27px;margin-top:15px;text-indent:30px;font-size:14px;font-weight:normal;color:#FFFFFF;background:url(../img/my_ask.png) 0 0 no-repeat;}
.my-ask:hover {text-decoration:none;}
.study-tips {position:relative;width:711px;overflow:hidden;margin:10px 10px 0;padding:5px 20px 30px;line-height:22px;color:#333333;border:1px solid #E7EEF6;background:#FFFFFF;}
.study-tips .setup-flash {position:absolute;left:0;bottom:0;_bottom:-1px;width:751px;height:24px;line-height:24px;overflow:hidden;text-indent:20px;color:#999999;border-top:1px solid #ECF2F8;background:#F0F6FC;}
.study-tips .setup-flash a {text-decoration:underline;color:#5C7FA3;}
.study-tips .setup-flash a:hover {color:#F20000;}
.help-side {float:right;width:265px;overflow:hidden;padding:20px 0;}
.study-mv {display:block;width:200px;height:200px;overflow:hidden;margin:0 auto;}


.aboutStream { margin-bottom:12px; }
	.aboutStream .b { padding:2px 14px 5px 14px; }
.aboutText { padding:12px; }
	.aboutText dl { padding-bottom:27px; }
	.aboutText dl dt { padding-bottom:27px; }
.contactUs { padding:12px; }
	.contactUs a { color:#666; text-decoration:underline; }
.linkUs { padding-left:12px; }
.linkUs li{border-bottom:1px dotted #ddd; padding-top:4px; margin:8px;}



.downStream .b { padding:0 14px 5px 14px; }
	.downStream h1 { float:left; padding:25px 0 0 120px; width:156px; height:90px; background:url(img/download_03.png) no-repeat; color:#31487a; font: bold 18px/21px Arial; }
	.downStream h1 span{ display:block; width:156px; height:23px; overflow:hidden; text-indent:-1000px;}
	.downStream dl { float:left; padding:10px 0 0 48px; width:437px; overflow:hidden; zoom:1; }
	.downStream dl dt { float:left; width:65px; font-weight:bold; color:#333; overflow:hidden; }
	.downStream dl dd { float:left; width:67px; overflow:hidden; }
	.downStream dl dd.d_ff { width:100px; }
	.downStream dl dd.d_4 { padding:0 85px 5px 0; width:280px; text-align:left; }
	.downStream dl dd.d_btn { padding-top:10px; width:400px; overflow:hidden; zoom:1; background:url(img/dotted.gif) repeat-x; }
	.downStream dl dd.d_btn .Adown { display:block; float:left; width:95px; height:27px; overflow:hidden; text-indent:-1000px; background:url(img/btn_down.gif) no-repeat; }
	.downStream dl dd.d_btn p { float:left; padding-left:20px; }
	.downStream dl dd.d_btn p a { color:#333; }
	.downStream dl dd.d_btn p span { padding:0 5px; }
.listBox { padding:12px 12px 15px 12px; }
	.listBox li { display:block; overflow:hidden; zoom:1; }
	.listBox li p { height:24px; line-height:24px; overflow:hidden; }
	.listBox li .p1 { float:left; width:190px; }
	.listBox li .p2 { float:right; width:235px; text-align:right; }
	.listBox li .p2 span { padding:0 5px; }
	.listBox li .p2 a { color:#333; }
.introBox { padding:12px 12px 5px 12px; }
	.introBox h4 { margin-bottom:21px; color:#333; font-size:12px; }
	.introBox h5 { color:#333; font-size:12px; }
	.introBox p { margin-bottom:21px; }
	.introBox ol li { padding-top:21px; list-style:none; }
.side_down { margin:0 auto; width:164px; text-align:center; overflow:hidden; }