/* CSS Document */
/*基本样式定义*/
body{ margin:0; padding:0; font:12px "宋体",Verdana,Geneva,sans-serif; color:#333; background:#fff url("https://www.veryshorthistory.com/images/bg.jpg") center top repeat-x;}
h1,h2,h3,h4,p,div,ul,li,ol,em,dl,dt,dd,a,form{ margin:0; padding:0;}
h1,h2,h3,h4{ font-size:12px; /*font-family:Microsoft Yahei;*/ display:inline-block;}
input{ font-size:12px; outline:none;}
img{ border:none;}
table{ border-collapse:collapse;}
/*table td{ line-height:180%; padding:2px;}*/
table td{ padding:2px;}
ul{ list-style:none; margin:0; padding:0;}
.lipoint li{background:url("https://www.veryshorthistory.com/images/icon-point.gif") no-repeat 2px 8px; text-indent:14px; height:26px;}
.lipoint li.nopoint{ background:none; font-weight:bold; text-indent:0;}
.lipoint li a{ float:left; overflow:hidden; height:25px; display:block;}
a{ color:#333; text-decoration:none}
a:hover{ color:#C00; text-decoration:underline;}
.clear{ clear:both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{ clear:both;}
.fr{ float:right}.fl{ float:left;}
.hui0{ color:#000}.hui3{ color:#333}.hui6{ color:#666}.hui9{ color:#999}
.red{ color:#FF0000}.green{ color:#009900}.yellow{ color:#FFFF00}.orange{ color:#FF6600}
.font12{ font-size:12px;}.font14{ font-size:14px;}
.mt10{ margin-top:10px;}.ml10{ margin-left:10px;}.mb10{ margin-bottom:10px;}.mr10{ margin-right:10px;}
.pt10{ padding-top:10px;}.pl10{ padding-left:10px;}.pr{ padding-right:10px;}.pb10{ padding-bottom:10px;}
.display-yes{ display:;}.display-no{ display:none;}
#demo span{ display:block; width:130px; height:18px; overflow:hidden;}
.top-bar{ background:url("https://www.veryshorthistory.com/images/top-bar-bg.png"); height:30px; line-height:24px; color:#888;}

.wrap{ width:980px; margin:0 auto;}
.header{width:980px; margin:auto; height:110px;}
.header span.logo{ width:450px; margin-top:17px; float:left;}
.header p{ float:right; width:240px; height:120px; line-height:120px;}
.header p span{height:17px; display:inline-block; line-height:16px; padding-left:20px; margin-left:10px;}
/*nav*/
.nav,.nav li.nav-l,.nav li.nav-r{ height:40px; background-image:url("https://www.veryshorthistory.com/images/nav.png"); }
.nav{ background-position:0 -40px;}
.nav li{ float:left; margin-right:5px; color:#fff; font-size:14px;}
.nav li.nav-l{ width:4px; margin-right:10px;}
.nav li.nav-r{ width:4px; background-position:0 -80px; float:right; margin-right:0;}
.nav li a{ display:inline-block; color:#fff; font-family:"黑体"; font-weight:bold; padding-left:2px;}
.nav li a span{ display:inline-block; padding:12px 14px;}
.nav li a.cur,.nav li a:hover{ background:url("https://www.veryshorthistory.com/images/nav-hover.png"); text-decoration:none; padding-left:2px;}
.nav li a.cur span,.nav li a:hover span{background:url("https://www.veryshorthistory.com/images/nav-hover.png") right -40px; text-decoration:none;}


.multi,.multi li.multi-l,.multi li.multi-r{ height:40px; background-image:url("https://www.veryshorthistory.com/images/nav.png"); }
.multi{ background-position:0 -40px;}
.multi li.multi-l{ width:4px; margin-right:10px;}
.multi li.multi-r{ width:4px; background-position:0 -80px; float:right; margin-right:0;}
.multi .multiUl > li{  display:inline-block; float:left; position:relative}
.multi .multiUl > li > a{ color:#fff; font-family:"黑体"; font-weight:bold; font-size:14px; text-decoration:none;padding:0px 19.4px; display:block; height:40px; line-height:40px;}
.multi .multiUl > li:hover{ background:url("https://www.veryshorthistory.com/images/nav-hover.png") right -40px; cursor:pointer}
.multi .multiUl > .cur{background:url("https://www.veryshorthistory.com/images/nav-hover.png") right -40px; cursor:pointer}
.multi .multiUl > li:first-child{ border-left:1px solid #dddddd }
.multi .multiUl > li .down{ position:absolute; top:40px; left:0px; z-index:999; width:100%; display:block; background:#78c7f8; display:none;text-align:center;}
.multi .multiUl > li .down > li{ height:45px; line-height:45px; border-bottom:1px solid #dddddd;border-right:1px solid #dddddd; border-left:1px solid #dddddd;position:relative }
.multi .multiUl > li .down > li:first-child{ border-top:1px solid #dddddd; }
.multi .multiUl > li .down > li a{ color:#333333; font-size:16px; text-decoration:none;display:block;}
.multi .multiUl > li .down > li:hover{ background:#ffffff; cursor:pointer}





.tit-orange,.tit-orange-in{background-image:url("https://www.veryshorthistory.com/images/box-tit-orange.png"); height:32px; line-height:32px;}
.tit-orange{ padding-left:4px;}
.tit-orange-in{background-position:right -32px; text-indent:3px;}
.tit-orange-in h2{ display:block; color:#DD0101; float:left;}
.tit-orange-in span{ float:right; margin-right:10px; color:#666;}.tit-orange-in span a{ color:#666;}

.tit-cj,.tit-cj-in{ line-height:60px;}
.tit-cj{ padding-left:12px;}
.tit-cj-in{background-position:right -32px; text-indent:3px;}
.tit-cj-in h2{ display:inline-block; color:#000;}
.tit-cj-in span{ float:right; margin-right:10px; color:#666;}.tit-orange-in span a{ color:#666;}

.tit-blue,.tit-blue-in{background-image:url("https://www.veryshorthistory.com/images/box-tit-blue.png"); height:32px; line-height:32px;}
.tit-blue{ padding-left:4px;}
.tit-blue-in{background-position:right -32px; text-indent:3px;}
.tit-blue-in h2{ display:block; background:url("https://www.veryshorthistory.com/images/icon.png") no-repeat 0px 6px; color:#000; padding-left:12px; float:left;}
.tit-blue-in span{ float:right; margin-right:10px; color:#666;}.tit-blue-in span a{ color:#666;}
/*main*/
.side{ width:264px; float:left;}
.main{ width:706px; float:right;}
.news-wrap{ line-height:1.8}
.news-wrap a{ color:#666;}
.news ul{ margin:10px 0px 5px 0px;}
.news-right ul{ padding:10px 5px;}
.news{ width:430px; float:left;}
.news-right{ width:260px; float:right;}
.news-tit{ border-bottom:1px solid #C4DDF1; line-height:31px;  height:31px;}
.news-tit h2{ float:left; height:31px; width:88px; display:block; text-align:center; background:url("https://www.veryshorthistory.com/images/i-news.gif");}
.news-tit span{ float:right;}
.news-tit span.time{ float:right;}
.news ul,.news-right ul{ line-height:2.2;}
.news .time{ float:right; color:#999;}
.box-wrap ul{ border:1px solid #d6d6d6; border-top:none; line-height:2.2; padding:10px;}
.box-wrap ul li .time{float:right; color:#999}

.tab-tit{ font-size:12px; border:1px solid #044C8C; border-bottom:none; height:31px; background:url("https://www.veryshorthistory.com/images/tab.png");}
.tab-tit ul{}
.tab-tit ul li{ float:left;}
.tab-tit ul li a{ display:inline-block; color:#fff; font-family:"黑体"; font-weight:bold; }
.tab-tit ul li a span{ display:inline-block; padding:9px 9px;}
.tab-tit ul li a.cur{background:url("https://www.veryshorthistory.com/images/tab-hover.png"); color:#fff;}
.tab-tit ul li a.cur span{background:url("https://www.veryshorthistory.com/images/tab-hover.png") right -31px;}

.tab-con{ border:1px solid #d6d6d6; border-top:none; padding-top:1px; height:auto; _padding-bottom:20px;}
.tab-con dl{ line-height:2; margin:10px 20px;}
.tab-con dl dt{ border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:5px; font-weight:bold;}
.tab-con dl dd{ background:url("https://www.veryshorthistory.com/images/icon-point.gif") no-repeat 2px 8px; width:100px; margin-right:10px; height:28px; line-height:28px; overflow:hidden; float:left; text-indent:14px;}
.tab-con dl dd a{ color:#046AD8}

.scr-pic{ border:1px solid #C4DDF1; border-top:1px solid #076EBD; padding:8px; margin-top:10px;}
.scr-pic img{ border:3px dotted #999;}
#demo1 td{ padding:0 5px;}

.rule-wrap{ margin-top:10px;}
.rule-left{ width:348px; float:left;}
.rule-right{ width:348px; float:right;}



.point-pic{ border:1px solid #ddd; padding:1px;}
#new-class{background:url("https://www.veryshorthistory.com/images/new-class.jpg"); width:88px; height:28px; overflow:hidden; padding:0; text-align:center; color:#fff; font-size:14px;}
#new-classcj{background:url("https://www.veryshorthistory.com/images/s-btn.jpg"); width:264px; height:60px;overflow:hidden; padding:0; text-indent:70px; color:#000; font-size:14px;}
#new-classcj a{ color:#fff;}


.new-class-wrap ul li{ color:#C00;}
.class-tit{ height:30px; line-height:30px; border:1px solid #ddd; border-top:none; text-indent:5px;}
.class-tit span{ float:right; margin-right:10px;}
.class-tit span a{ color:#666;}
.adduser ul{ padding:0; padding:10px 0;}
.adduser ul li{ background:none; text-indent:0; padding:5px;}
.adduser ul li label{ display:inline-block; width:90px; text-align:right; vertical-align:top}
.input{ width:138px; height:26px; line-height:25px; background:url("https://www.veryshorthistory.com/images/input-bg.jpg") no-repeat; border:none; padding:0 5px;}
.input-area{ border:1px solid #ABC4D8; width:143px;}
.s-sbumit{ background:url("https://www.veryshorthistory.com/images/s-submit.jpg"); width:66px; height:26px; border:none; cursor:pointer;}

.study-club dl{ margin-bottom:10px;}
.study-club dl .pic{ float:left; width:155px; margin-right:10px; line-height:16px; text-align:center}
.study-club dl dt{ float:left; width:160px; line-height:1.6; font-weight:bold;}
.study-club dl dd{ float:left; width:160px; word-wrap:break-word; margin-top:10px; line-height:1.8;  font-weight:normal;}
.study-club dl dd a,.study-club dl .pic a{ color:#06C}

.link{ border:1px solid #ddd; height:60px;}
.link h2{ display:inline-block; float:left; background:url("https://www.veryshorthistory.com/images/link.jpg"); width:58px; height:58px; line-height:9999px; overflow:hidden;}
.link ul{ width:900px; float:left; margin:12px 10px;}
.link ul li{ display:inline; margin-right:10px;}
/*footer*/
.footer-box{background:#fff url("https://www.veryshorthistory.com/images/footer-bg.png") top repeat-x; margin-top:10px;}
.footer{ text-align:center; width:980px; margin:0 auto;  padding:10px 0 15px 0; line-height:22px; color:#333;}
.footer .footnav a{ color:#333; margin:0 5px; }
.footer p{ line-height:26px;}

/*other Page*/
.side1{ width:230px; float:left;}
.main1{ width:740px; float:right;}

.place-where{ height:30px; line-height:30px; border:1px solid #ddd; margin-top:10px; text-indent:10px; color:#666;}
.place-where a{ color:#666;}
.newslist{ border:1px solid #ddd; border-top:none; padding:15px;}
.o-tit{ height:40px; line-height:40px; background:url("https://www.veryshorthistory.com/images/o-tit-bg.png") no-repeat 0 14px; padding-left:24px; border-bottom:1px dashed #bbb;}
.o-tit h1,.o-tit h2{ font-size:22px; font-family:microsoft yahei;}
.newslist ul{ margin:15px 0; line-height:36px;}
.newslist ul li { border-bottom:1px dashed #ddd; font-size:14px; background-position:0px 14px; height:30px;}
.newslist ul li span.time{ float:right; color:#999; font-size:12px; line-height:31px;}
.side-public-course ul li a{ color:#787878;}
.side-addr ul li{ color:#666;}
.side-addr ul li span.time{ float:left; color:#F00;}


.Show_Content{ font-size:14px; line-height:200%; margin-top:20px;}
.Show_Content h1{ display:block; text-align:center; font-size:28px; padding-top:10px; padding-bottom:15px;}
.Show_Content p{ margin-bottom:0px;}
.Show_Content img{ max-width: 100%; height: auto;  display: block; }
.art-info{ height:30px; line-height:30px; text-align:center; color:#999; border-bottom:1px dashed #ddd; margin-bottom:10px; font-size:12px}
.pages{ height:30px; line-height:30px; margin-top:10px; text-align:right;}

.teacher-list ul{margin:15px 0;}
.teacher-list li{ width:350px; float:left; margin:0 20px 20px 0;}
.teacher-list dl .pic{ float:left; width:120px; height:140px; margin-right:10px; padding:2px; border:1px solid #ddd;}
.teacher-list dl dt{ float:left; width:214px; line-height:2; font-size:14px; font-weight:bold;}
.teacher-list dl dd{ float:left; width:214px; line-height:1.6; font-size:12px;}
.teacher-list dl dd a{ color:#06C}
/*  右侧滚动图片  */
#version3 .slidePay{width:260px;height:220px;overflow:hidden;position:relative;}
#version3 .slidePay ul{height:220px;}
#version3 .slidePay ul li{width:260px;height:220px;float:left;}
#version3 .slidePay .num{overflow:hidden;zoom:1;position:relative;bottom:22px;z-index:1;height:12px;text-align:right;}
#version3 .slidePay .num span:last-child{margin-right:15px;}
#version3 .slidePay .num span{display:inline-block;width:10px;height:10px;cursor:pointer;overflow:hidden;background-color:#f8f8f8;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #f8f8f8;border-radius:10px;margin-right:10px;}
#version3 .slidePay .num span.on{background-color:#FF7300;border:1px solid #FF7300;}
#version3 .slidePay .skip{_display:block;width:27px;height:60px;background:url("https://www.veryshorthistory.com/Css/images/or.png") no-repeat;position:absolute;top:50%;margin-top:-30px;text-indent:-1000em;cursor:pointer;display:none;opacity:0.2;filter:alpha(opacity=20);-moz-opacity: 0.2; -khtml-opacity: 0.2;}
#version3 .slidePay .prev{background-position:0 0px;left:0px;}
#version3 .slidePay .prev:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity: 0.6; -khtml-opacity: 0.6;}
#version3 .slidePay .next{background-position:-33px 0px;right:0px; }
#version3 .slidePay .next:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity: 0.6; -khtml-opacity: 0.6;}
#version3 .slidePay:hover .prev,#version3 .slidePay:hover .next{display:block;}
#version3 .slidePay img{width:260px;height:220px;}