@charset "utf-8";
/* CSS Document */
body{ background:#111;}
.header_wrap{ height:auto; background:url(../images/common/bg3.jpg) repeat-x top #070707;}
.centernav{ height:50px; background:url(../images/common/bg_toolbar.png) no-repeat left -32px; border-bottom:3px #5e5f63 solid; border-top:1px #5e5f63 solid; position:relative; margin:0px 0 0 0;}
.pic-yue{text-indent:-9999px; overflow:hidden;}
.content{background:#efefef;}
dl.menu{position:absolute;top:5px;left:23px;width:243px;height:auto;background:url(../images/common/menu-foot.png) no-repeat left bottom;padding:0 0 8px 0;}
dl.menu dt{background:url(../images/common/menu-title.png) no-repeat left; height:40px; padding:6px 0 0 18px;  font-weight:bold;font-size:16px; color:#fff; text-transform:capitalize;}
dl.menu dd{ border:1px #aaa solid; border-bottom:none; font-weight:bold; font-size:14px;}
dl.menu dd a{display:block;padding:8px 0 8px 34px; color:#666;background:url(../images/common/icon-arrow1.gif) no-repeat 18px #efefef; }
dl.menu dd a:hover,dl.menu dd a.current{ background:url(../images/common/menu-a.png) no-repeat left; }
dl.learn dt{color:#f21c93;}
dl.enjoy dt{color:#2e9cd1;}
dl.reward dt{color:#fbab14;}

dl.menu ul{border:1px #aaa solid; border-bottom:none; font-size:12px;*border:0;*border-top:1px #aaa solid;}
dl.menu ul li {border-bottom:1px #aaa dotted; padding-left:20px;}
dl.menu ul li a{display:block;padding:4px 0 4px 0; background:none; font-weight:normal; color:#666; padding-left:15px;}
dl.learn a:hover,dl.learn dd a.current{color:#d54b89;}
dl.enjoy a:hover,dl.enjoy dd a.current{color:#2e9cd1;}
dl.reward a:hover,dl.reward dd a.current{color:#fbab14;}
dl.learn ul li a:hover,dl.learn ul li a.current{ background:url(../images/common/icon-dot.gif) no-repeat left;color:#d54b89;}


.now{ border-bottom:2px #aaa dotted; padding:10px 20px; margin:0 0 20px 0;}
.now a{padding:0 10px; color:#666666;}

.maincon_wrap{ width:670px; height:auto; float:right; margin:0 30px 0 0; display:inline;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:50px;}
.maincon{min-height:400px; height:auto !important; height:400px; /*position:relative;*/ }
.maincon p{padding:5px 20px 0 20px; color:#666666; letter-spacing:1px;}
.maincon p a{ text-decoration:underline;}
.maincon h3{ font-size:14px; padding:20px 0 0 20px;}
.maincon h4{ font-size:12px; padding:20px 0 0 20px;}
.maincon img{ margin:5px 5px 5px 0; border:1px #aaa solid; background:#fff;}
.maincon table img{ display:block;}

.ul-1{ float:left; display:block;  width:100%; background:#efefef;}
.ul-1 .pt{ background:url(../images/about/President%20Team.jpg) no-repeat; text-indent:-9999px;}
.ul-1 .mt{ background:url(../images/about/Manager%20Team.jpg) no-repeat; text-indent:-9999px;}
.ul-1 .at{ background:url(../images/about/Academy%20Team.jpg) no-repeat; text-indent:-9999px;}
.block{ width:285px; background:url(../images/about/ballbg.jpg) no-repeat #efefef; margin:10px; float:left;}
.block table td{ padding:10px;}

.learn table{ border-collapse:collapse;}
.learn table td{ vertical-align:top;}
.learn table td h3,p.pink{color:#f21c93; font-size:12px}

/*message*/
.message-list{ width:650px; margin:0 auto;}
table#list td a{ color:#666;}
table#list td a:hover{color:#2e9cd1;}
table#list{ border-bottom:1px #242424 solid; border-collapse:collapse;width:650px;}
table#list th{color:#5b9ddc; padding:12px 4px; background:#333; text-align:left;}
table#list td{ color:#555; padding:6px 7px; border-bottom:1px #555 dotted;}
.allnum{color:#666; margin:10px 0;}
.numpage{text-align:center; font-weight:bold; margin:20px auto;}
.numpage a{display:block;float:left;width:19px; height:19px; margin:0 2px;color:#2e9cd1;}
.numpage a:hover{color:#fff; background:#2e9cd1;}
.numpage a.numbg{ background:url(../images/common/arrow-bg.gif) no-repeat left; font-size:11px;}

.meaasge-area{ width:570px; margin: 20px auto 0 auto;}
input.mess-title{ width:500px; height:20px; line-height:20px;border:0; border:1px #111 solid; background:#999; color:#fff;}
textarea.mess-con{ width:500px; height:200px; line-height:150%; border:0; border:1px #111 solid; background:#999; color:#fff;}
.meaasge-area table{ width:100%;}
.meaasge-area table th{ width:70px;font-size:14px; color:#999; text-align:left; vertical-align:top; padding:0px 0 20px 0;}
.meaasge-area table td{ padding:0px 0 20px 0;}

table.detail{ width:100%;}
table.detail th{padding:10px; border-bottom:1px #333 solid; background:url(../images/common/infobarbg.jpg) repeat-x top;}
table.detail th.th1{ width:30px; text-align:left;}
table.detail th.th2 span{ float:left;}
table.detail td{ padding:10px 10px 10px 0; line-height:150%; border-bottom:2px #999 solid; color:#666; vertical-align:top;}

span.new{ width:9px; height:10px; background:url(../images/common/new.gif) no-repeat left; display:block;}
.btn_mess{ width:93px; height:23px;color:#fff; line-height:23px; background:url(../images/common/btn_mess.gif) no-repeat left top; border:0; cursor:pointer; }
.back{padding:10px 0;}
.back a{font-weight:bold;color:#FF0000;}
.upload{ width:480px; float:right; border:2px #ccc solid; background:#ededed; line-height:150%; padding:8px;}


/*sitemap*/
.sitemap { line-height:200%;}
.sitemap a{ font-weight:bold;}
.sitemap a:link{ color:#666;}
.sitemap dl{ border-left:1px #666 dotted; padding:0 0 0 20px; margin:0 0 0 20px; border-top:1px #666 dotted;}
.sitemap dl dd{ background:url(../images/common/icon-arrow1.gif) no-repeat left 3px; padding-left:20px;}
.sitemap dl.learn ul li{ padding:0 0 0 55px;background:url(../images/common/icon-dot.gif) no-repeat 40px;}
.sitemap dl.learn ul li a:hover{ background:none;}


/*gallery*/
ul.gallery{ float:left;margin-left:15px; display:inline;}
ul.gallery li{ width:120px; height:110px; border:5px #555 solid; float:left; margin:7px; padding:0;}
ul.gallery li img{ padding:0; border:0; margin:0; display:block; width:120px; height:70px;}
ul.gallery li p{ background:#131417; color:#ccc;padding:5px 0 0 10px; height:35px; line-height:15px;overflow:hidden;}

.gallery-wrap{ margin:20px;/* border:5px #333333 solid;*/width:620px; overflow:hidden; text-align:center;}
.gallery-wrap img{padding:0; border:0; margin:0; }
.picflip{ width:350px; margin:0 auto; height:25px;text-align:center;}
.picflip a{display:block; float:left; margin:0 20px; line-height:19px;}
.picflip a.pre{ background:url(../images/common/pre.gif) no-repeat left; padding:0 0 0 20px; width:60px;}
.picflip a.next{ background:url(../images/common/next.gif) no-repeat right; padding:0 20px 0 0 ;width:60px;}
.picflip a.back{ background:url(../images/common/btn-bg.gif) no-repeat center;width:35px; height:19px;}


/*news*/
.back2 a{width:111px;height:20px;display:block;float:right;font-size:0;background:url(../images/common/btn-back.jpg) no-repeat left;text-indent:-8888px;}
.btn-detail{ margin:10px 0;}
.btn-detail a{width:112px; height:20px; display:block;font-size:0; background:url(../images/common/btn-detail.jpg) no-repeat left; text-indent:-9999px;}

/*star*/
.side-list{width:250px; height:auto;padding:20px 0 0 0;  float:right;}
.side-list dl {}
.side-list img{padding:0; margin:0; border:0;}
.side-list dl dt{ margin-left:5px;}
.side-list dl dd{ width:65px; height:63px; overflow:hidden; display:block; float:left; margin:5px 0 5px 13px; display:inline;}
.side-list dl dd img{width:65px; height:63px;}

h5{ background:#aaa; color:#fff; font-size:12px; line-height:200%; padding:0 0 0 20px; margin:20px 0 0 0;}
.info-wrap{ width:415px; height:auto;}
.star-detail .pic{width:170px; float:left;}
.star-detail .detail{ float:left; margin-left:5px; width:235px;}

.info-wrap ul.album{ float:left; margin:10px 0;}
.info-wrap ul.album li{float:left;padding:0; margin:4px; display:inline; height:100px; border:5px #555 solid;}
.info-wrap ul.album li img{ padding:0; border:0; margin:0; display:block;}
.info-wrap ul.album li p{ background:#131417; color:#ccc;padding:0 0 0 10px; height:30px; line-height:30px;overflow:hidden;}
.info-wrap ul.album li table{border:0px;margin:-2px;}
.info-wrap ul.album li table td{padding:0;width:120px;height:100px;}

/*reward*/
.reward-list { margin:20px 0 20px 10px;}
.reward-list li{ margin:10px 0; padding:0 0 10px 0; border-bottom:1px #666 dotted;}
.reward-list li strong{ color:#FF3300; padding-left:10px;}


/*jquery gallery */
/*pre {font-size: 1.2em;line-height: 1.2em;	overflow-x: auto;}
div#page {width:670px;}
div#container{}
div#ads {clear: both;padding: 0;}
*/
.gallery-list{ float:left; width:670px;}
.gallery-list li{ float:left; display:block;width:160px; height:210px; overflow:hidden; margin:5px 4px 0 0;}
/*
.gallery-list li img{ width:148px;}
*/.gallery-list li p{ padding:0; font-weight:bold;}
.gallery-list li p span{ display:block; font-weight:normal;}

.gallery-list li p a{ color:#FF6600;}

.photo-banner-wrap{margin:0 0 10px 0;}
.photo-banner-wrap img{ border:0; margin:0; padding:0;}
.photo-banner{ width:500px; float:left; overflow:hidden;}
.album_wrap{ float:right; width:160px;}
.album_wrap ul{ float:right;}
.album_wrap ul li{ display:block; float:left; width:44px; height:44px; overflow:hidden; margin:4px 8px 4px 0;}
.album_wrap p,.album_wrap p a{color:#FF6600; text-decoration:none; font-size:12px; font-weight:bold; line-height:120%; padding:0;}
.album_wrap p span,.album_wrap p a span{ font-size:10px; font-weight:normal; display:block;}


/*member*/
.mem-con{ border:3px #ccc solid; width:600px; background:#fff; margin:20px auto; padding:30px;}
.mem-con table{ border-collapse:collapse; width:100%;}
.mem-con table td{ padding:5px; line-height:150%;}
.mem-con table th{ text-align:left; width:90px;}

.men-area{width:660px; margin:0 auto;}
.btn-area{ margin:20px auto;}
.btn-area table{ width:100%; text-align:center;}
.btn-area input{ color:#fff;  font-weight:bold;width:83px; height:25px; background:url(../images/common/btn-bg.jpg) no-repeat left; border:0; cursor:pointer;}

/*sy*/
.sy{ width:610px;}
.sylesson{ padding-top:10px;}
.lessonimg{ float:right;}
.bei{ border:5px solid #CCC; width:146px; height:146px; float:left;}
h2{ float:left; padding-left:50px; width:400px;}
.beiintroduce{ float:right;padding-left:50px; width:400px;}

/*zq*/
.zq{ width:700px;}
.hou img{ border:5px solid #CCC; width:146px; height:146px; float:left;}
.houtext{ float:left; width:400px;}
.sqblock{ width:600px; height:250px;  background-color:#efefef; margin:20px 0px 0px 20px;}
.sqblock p{ float:left; margin:0px 0px 0px 10px;}
.sqblock img{ float:right; width:194px; height:128px; margin:50px 40px 0px 0px;}


/*se*/
.pink img{ border:1px dashed #d54b89;}
.child1{ width:600px; height:300px; background:url(../images/learn/child01.jpg) no-repeat left; background-color:#FFF; border:1px dashed #d54b89; margin:20px 0 0 20px;}
.child1 p{ float:left; width:250px; margin:80px 0px 0px 80px; }
.child1 img{ float:right; width:172px; height:126px; margin:90px 40px 0px 0px;}
.child2{ width:600px; height:300px; background:url(../images/learn/child02.jpg) no-repeat left; background-color:#FFF; border:1px dashed #d54b89; margin:20px 0 0 20px;}
.child2 p{ float:left; width:250px; margin:80px 0px 0px 80px; }
.child2 img{ float:right; width:172px; height:126px; margin:90px 40px 0px 0px;}
.child3{ width:600px; height:300px; background:url(../images/learn/child03.jpg) no-repeat left; background-color:#FFF; border:1px dashed #d54b89; margin:20px 0 0 20px;}
.child3 p{ float:left; width:250px; margin:80px 0px 0px 80px; }
.child3 img{ float:right; width:172px; height:126px; margin:90px 40px 0px 0px;}
.child4{ width:600px; height:300px; background:url(../images/learn/child04.jpg) no-repeat left; background-color:#FFF; border:1px dashed #d54b89; margin:20px 0 0 20px;}
.child4 p{ float:left; width:250px; margin:80px 0px 0px 80px; }
.child4 img{ float:right; width:172px; height:126px; margin:90px 40px 0px 0px;}
.input{ border-top:1px solid #d54b89; margin-top:20px;}
table .youku{ border:1px solid #ccc;}
.youku td{ width:180px; padding:10px; border:1px solid #ccc;}