/*--- 功能：网站布局 ---*/
/*--- 作者：Gavin ---*/
/*--- 时间：2008-12-12 ---*/

/*--- 外部容器 ---*/
.wrapper01{
background:url(containerBg.gif) repeat-y;
width:965px;
margin:0 auto;
}
.wrapper02{
background:url(bgRight.jpg) no-repeat right top;
}
#container{
background:url(bgLeft.jpg) no-repeat left top;
padding:0 6px;
}

/*--- 页头 ---*/
#header{
background:url(headerBg.jpg) no-repeat;
height:92px;
border-bottom:1px solid #DE2C5C;
position:relative;
}
#logo{
position:absolute;
left:0;
top:0;
}
#topLinks{
position:absolute;
top:9px;
right:28px;
}
#topLinks li{
float:left;
}
#topLinks li a{
font-size:11px;
font-family:"微软雅黑", "宋体";
color:#fff;
margin:0 5px;
}
#menu{
position:absolute;
right:0;
bottom:0;
height:66px;
}

/*--- 主要内容区 ---*/
#content{
overflow: hidden;
}
#sideBar{
float:left;
width:235px;
background:url(sideBarBg.gif) repeat-y;
}
#mainContent{
float:right;
width:670px;
padding-left:16px;
display:inline;
}
/* 以下代码片段使左右两列自适应高度 */
#content:after{
content:'[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear both; 
visibility:hidden;
}
#content{
display:inline-block;
}
/*\*/
#content{
display:block;
}
/*\*/
#sideBar, #mainContent{
padding-bottom:32767px !important;
margin-bottom:-32767px !important; 
}
@media all and (min-width: 0px) {
#sideBar, #mainContent{
padding-bottom:0 !important;
margin-bottom:0 !important; 
}
#sideBar:before, #mainContent:before{
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

#news{
float:left;
display:inline;
width:303px;
margin:11px 0 0 16px;
background:url(newsBg.gif) repeat-y 0 30px;
text-align:center;
position:relative;
}
.newsWrapper{
padding-bottom:16px;
background:url(newsBottom.gif) no-repeat left bottom;
}
#news .title{
height:30px;
background:url(newsTitleBg.gif) repeat-x;
}
#news .titleWrapper{
width:303px;
height:30px;
position:relative;
background:url(newsTitleBgRight.gif) no-repeat right top;
}
#news .title h3{
position:absolute;
left:0;
top:0;
}
#news .title span{
position:absolute;
padding:10px 20px 0 0;
height:20px;
right:0;
top:0;
}
#news ul{
width:262px;
margin:0 auto;
padding-top:4px;
}
#news ul li{
height:30px;
position:relative;
}
#news ul li a{
position:absolute;
left:8px;
top:0;
height:28px;
line-height:28px;
color:#CB042A;
}
#news ul li a:hover{}
#news ul li span{
position:absolute;
right:8px;
top:0;
line-height:28px;
height:28px;
color:#CB042A;
}
.ad01{
width:305px;
height:66px;
float:left;
padding:3px 0 0 16px;
}

/*--- 首页关于红蕾 ---*/
#profile{
display:inline;
float:right;
width:632px;
min-height:212px; 
height:auto !important; 
height:212px; 
overflow:visible;
background:url(titleBg.jpg) no-repeat right top;
}
#profile .title{
position:relative;
}
#profile .title h3{
position:relative;
left:18px;
top:12px;
}
.profileContent{
text-align:left;
padding:40px 20px 0 20px;
}
.profileImg{
float:left;
margin-right:15px;
}

.mainContent{
padding:0 16px;
margin-top:7px;
}

.sideBarWrapper{
background:url(sideBarTopBg.jpg) no-repeat left top;
padding-top:8px;
min-height:202px; 
height:auto !important; 
height:202px; 
overflow:visible;
}

/*--- 侧栏标题 ---*/
.sideTitle{
height:34px;
background-image:url(sideTitleBg.jpg);
background-repeat:no-repeat;
position:relative;
}
.sideTitle02{
background-image:url(sideTitleBg02.jpg);
}
.sideTitle03{
background-image:url(sideTitleBg03.jpg);
}
.sideTitle h3{
position:absolute;
height:24px;
line-height:24px;
color:#fff;
top:8px;
left:60px;
letter-spacing:6px;
}
.sideTitle span{
position:absolute;
right:10px;
top:14px;
}

/*--- 视频 ---*/
.player{
min-height:152px; 
height:auto !important; 
height:152px; 
overflow:visible;
text-align:center;
padding:8px 0;
}

/*--- 首页毕业去向 ---*/
#directionContent{
height:200px;
text-align:center;
}
#directionContent ul{
min-height:200px; 
height:auto !important; 
height:200px; 
overflow:visible;
}
#directionContent ul li{
text-align:left;
padding-left:12px;
background:url(listImg01.gif) no-repeat 0 11px;
line-height:28px;
color:#fff;
}
#directionContent a{
color:#FFFFFF;
}
#directionDemo {
margin:0 auto;
width:210px;
overflow:hidden;
height:200px;
font-size:12px;
}

/*--- 首页联系方式 ---*/
.contactContent{
color:#fff;
text-align:left;
margin:0 auto;
width:210px;
padding:10px 0;
min-height:152px; 
height:auto !important; 
height:152px; 
overflow:visible;
}
.contactContent p{
color:#fff;
text-indent:0;
}

/*--- 首页课程 ---*/
#course{
width:670px;
height:232px;
position:relative;
}
#course span{
position:absolute;
top:6px;
right:20px;
}
#course ul.tag{
position:absolute;
top:0;
left:0;
z-index:2;
}
#course ul.tag li{
font-weight:bold;
float:left;
cursor:pointer;
margin-right:1px;
color:#fff;
background:url(tagBg.jpg) no-repeat;
display:block;
width:90px;
height:26px;
line-height:26px;
}
#course ul.tag li.clicked{
color:#CB042A;
background:url(tagBgClicked.jpg) no-repeat;
}
#course .courseWrapper01{
width:670px;
height:207px;
background:url(courseBg.gif) repeat-y;
position:absolute;
bottom:0;
left:0;
z-index:1;
}
#course .courseWrapper02{
width:670px;
height:207px;
background:url(courseBottom.gif) no-repeat left bottom;
}
#course #courseContent{
width:670px;
padding:10px 10px 0;
height:197px;
background:url(courseTop.gif) no-repeat left top;
overflow:hidden;
}
.dance ul{
padding-top:5px;
}
.dance ul li{
text-align:left;
float:left;
width:201px;
border-left:1px solid #9D0028;
padding:0 7px;
height:191px;
position:relative;
}
.danceImg{
float:left;
width:91px;
height:191px;
margin-right:4px;
}
.dance ul li dl{
position:absolute;
left:86px;
top:0;
}
.dance ul li dl dt{
color:#9D0028;
line-height:26px;
}
.dance ul li dl dd{
line-height:24px;
}

/*--- 首页招生计划 ---*/
#recruit{
background:url(recruitBg.jpg) no-repeat;
width:322px;
height:198px;
float:left;
margin-top:8px;
}
#recruit .title{
position:relative;
height:40px;
}
#recruit .title h3{
position:absolute;
color:#9D0028;
left:50px;
top:13px;
height:24px;
line-height:24px;
}
#recruit .title span{
position:absolute;
top:18px;
right:20px;
}
#recruit ul{
width:260px;
margin:0 auto;
}
#recruit ul li{
background:url(listDiv01.gif) repeat-x left bottom;
text-align:left;
position:relative;
padding:7px;
}
#recruit ul li a{}
#recruit ul span{
position:absolute;
color:#9D0028;
right:0;
top:7px;
}

/*--- 首页成果专栏 ---*/
#achievements{
margin:8px 0 0 10px;
width:338px;
float:left;
background:url(achievementsBg.jpg) no-repeat left top;
}
#achievements .title{
position:relative;
height:40px;
}
#achievements .title h3{
position:absolute;
color:#9D0028;
left:84px;
top:24px;
height:24px;
line-height:24px;
}
#achievements .title span{
position:absolute;
top:18px;
right:20px;
}
#achievements ul{
width:260px;
margin:18px auto 0;
}
#achievements ul li{
background:url(listDiv01.gif) repeat-x left bottom;
text-align:left;
position:relative;
padding:6px;
}
#achievements ul li a{}
#achievements ul span{
position:absolute;
color:#9D0028;
right:0;
top:7px;
}

/*--- 首页荣誉殿堂 ---*/
#honor{
margin-top:8px;
width:670px;
}
#honor .title{
position:relative;
}
#honor .title span{
position:absolute;
right:20px;
top:7px;
}
.honorWrapper01{
width:670px;
background:url(courseBg.gif) repeat-y;
}
.honorWrapper02{
background:url(courseTop.gif) no-repeat left top;
}
.honorContent{
background:url(courseBottom.gif) no-repeat left bottom;
min-height:150px; 
height:auto !important; 
height:150px; 
overflow:visible;
}
.honorContent ul{
}
#honorDemo{
overflow:hidden;
}

/*--- 产品列表 ---*/
.productList{

}
.productList li{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
width:200px;
min-height:120px;
_height: 120px;
}
.productList li a{
text-align:center;
font-weight:bold;
}
.productList .proName{
cursor:pointer;
line-height:20px;
min-height:30px; 
height:auto !important; 
height:30px; 
overflow:visible;
}
.productList2 li{
width:220px;
}
.productList3 li{
width:200px;
margin:5px;
}

#school{
width:670px;
margin-top:8px;
}
#school .title{
height:32px;
background:url(schoolTitleBg.jpg) no-repeat;
position:relative;
}
#school .title h3{
letter-spacing:6px;
padding-left:20px;
color:#fff;
position:absolute;
left:0;
top:0;
height:32px;
line-height:32px;
}
#scrollNews{
position:absolute;
top:4px;
right:30px;
text-align:left;
width:420px;
height:25px;
line-height:25px;
overflow:hidden;
}
#scrollNews li{
height:25px;
padding-left:10px;
}

/*--- 页脚 ---*/
#footer{
width:921px;
margin:0 auto;
background:url(footerBg.gif) no-repeat left top;
padding-top:14px;
}
#footLinks{
background:#EEBAC0;
height:27px;
text-align:center;
}
#footLinks ul{
width:250px;
margin:0 auto;
}
#footLinks li{
float:left;
}
#footLinks li a{
padding:0 8px;
float:left;
height:27px;
line-height:27px;
background:url(footLinksBg.gif) no-repeat 0 7px;
}
#footLinks li a:hover{
float:left;
}
#footer .copyright{
text-align:left;
color:#fff;
line-height:24px;
height:82px;
margin-top:1px;
background:url(copyrightBg.jpg) no-repeat;
padding:0 60px 0 300px;
}

/*--- 内页 ---*/
.main{
min-height:350px; 
height:auto !important; 
height:350px; 
overflow:visible;
background:url(titleBg2.jpg) no-repeat right top;
}
#banner{
text-align:left;
}
.mainTitle{
height:110px;
position: relative;
}
.mainTitle h3{
position:absolute;
top:14px;
left:38px;
}
.mainTitle div{
position:absolute;
color:#9F0454;
right:10px;
top:30px;
}
.mainTitle div a{
font-weight:bold;
}
.content{
padding:0 16px 30px;
}

/*--- 二级栏目 ---*/
#subMenu{
min-height:130px; 
height:auto !important; 
height:130px; 
overflow:visible;
}
#subMenu ul{
width:90%;
margin:0 auto;
}
#subMenu ul li{
background:url(subMenuDiv.jpg) no-repeat center bottom;
text-align:center;
}
#subMenu ul li a{
text-align:left;
color:#fff;
letter-spacing:6px;
display:block;
height:26px;
line-height:26px;
background:url(listImg01.gif) no-repeat 45px 50%;
padding-left:60px;
}
#subMenu ul li a:hover{}

/*--- 分页 ---*/
.pages{
text-align:center;
line-height:24px;
height:24px;
padding:20px 0;
color:#9D0028;
}

/*--- 内页新闻列表 ---*/
.newsList{
margin:0 auto;
}
.newsList li{
text-align:left;
padding:8px 0;
background:url(newsDiv.gif) repeat-x bottom;
position:relative;
}
.newsList li a{
color:#9D0028;
padding-left:30px;
background:url(listImg.gif) no-repeat 15px 50%;
}
.newsList li a:hover{
}
.newsList li span{
text-align:right;
color:#999;
position:absolute;
right:10px;
}
/*--- 新闻详细页 ---*/
.newsContent{}
.newsTitle{}
.newsTitle h4{
color:#9D0028;
text-align:center;
font-size:14px;
line-height:24px;
}
.newsDate{
color:#9D0028;
margin-bottom:16px;
text-align:center;
}

/*--- 产品详细页 ---*/
.productDetails{
color:#9D0028;
text-align:center;
}
.productName{
color:#8E7C49;
}
.productName h4{
color:#9D0028;
line-height:50px;
font-size:14px;
}
.orderPrice{
line-height:30px;
}
.orderPrice span{
color:red;
}
.orderLinks a{
margin:0 10px;
}