@charset "utf-8";
/* CSS Document */
/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */

body{margin:0; padding:0}
#all{margin:0; padding:0; width:auto; height:auto }
#left{margin:0; padding:0; min-width:959px; background: url(../images/homepage2_bg.jpg) no-repeat; float:left;}
#left, x:-moz-any-link, x:default {margin:0; padding:0; width:100%; height:100%; background: url(../images/homepage2_bg.jpg) no-repeat; float:left;}
.backtop{
	position:absolute;
	display:block;
	top:0px;
	left:0px;	
}
.left_a{
	margin:0;
	padding:0;
	height:900px;
	width:209px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: #00679e
}
#center{margin:0px 0px 0px 209px; *margin:0 !important; *margin:0; padding:0; width:750px; height:auto; float:none; *float:left !important; *float:left;}
.top_menu{margin:0; padding:0; width:870px; height:auto; background: url(../images/top_menu.jpg) no-repeat; }

.main1{ margin:0;  padding:0;  background:#ffa20f}
.main2{ margin:0;  padding:0;  background:#ffc20f}
.main3{ margin:0;  padding:0;  background:#cbdb2a}
.main4{ margin:0;  padding:0;  background:#12bca7}
.main5{ margin:0;  padding:0;  background:#7dd3f7}
.main6{ margin:0;  padding:0;  background:#fd159f}
.main7{ margin:0;  padding:0;  background:#ffc20f}
.main8{ margin:0;  padding:0;  background:#cce7d4}
.main9{ margin:0;  padding:0;  background:#f7941e}
.main10{margin:0;  padding:0;  background:#FF6699}
.main11{margin:0;  padding:0;  background:#00a652}

#footer{margin:-12px 0px 0px 0px; *margin:-15px 0px 0px 0px !important; *margin:-15px 0px 0px 0px; padding:0; width:100%; height:90px; background:url(../images/footer_bg.png) repeat-x; behavior: url("../js/iepngfix.htc"); clear:both; float:left}
.tabb{margin:0; padding:0; width:741px;  }
.tab_a{margin:0; padding:0; width:543px; height:auto;  float:left}
.tab_right{margin:0; padding:0; width:195px; height:515px; float:left; }
.left_a1{margin:195px 0px 15px 28px; *margin:195px 0px 15px 28px !important; *margin:195px 0px 5px 28px; padding:0; width:181px; height:85px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.left_a2{margin:0; padding:0; width:209px; height:271px;}
.footer_in{margin:23px 0px 0px 209px; padding:0; height:25px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#606060}
.footer_in a{color:#606060; text-decoration:none}
.footer_in a:hover{color:#00b6f7; text-decoration: underline}

.top_logo{margin:4px 0px 0px 578px; padding:0; width:144px; height:20px;}
.top_logo2{margin:4px 0px 0px 378px; padding:0; width:144px; height:52px;}
.menu{margin:0; padding:0; height:27px}
.menu ul {margin:0; padding:0; list-style:none; }
.menu ul li{margin:0; padding:0;list-style:none; float:left;}
.menu ul li a{margin:0; padding:10px 0px 0px 0px; width:107px; height:17px;  color:#696969; font-size:12px; text-align:center; text-decoration:none; display:block}
.actived{font-size:13px; color:#FFFFFF; font-weight:bold}
.link{font-size:12px;color:#696969;}


/* about */
p{
	margin: 0;
	padding:0;
	line-height: 130%;
	text-align: justify;
	font-size:12px;
}
#wrapper{
	width: 543px;
	margin: 0;
	padding:0;
	height: auto;
}
.boxholder{clear: both;padding:0;}
.box{margin:0; padding:}
.tab{float:left;  margin: -17px 1px 0 2px; padding:0; height:24px; text-align: center; }
.tabtxt{margin: 0; width: 150px; padding:0; font-size: 12px; font-weight: bold; padding:0; font-family:Arial, Helvetica, sans-serif}
.tabtxt a{ color:#FFFFFF; text-decoration:none; }
#tab_bg{ margin:0; padding:0; width:543px; height:24px; float:left; background:url(images/m1_1.gif) no-repeat}

/*news*/
.newsboxholder{clear: both;padding:0;background:url(../images/newsbg1.jpg) no-repeat; }
.newstxt{ font-size:12px;color:#ffffff; width:380px;height:43px; text-align:left;}
.newstxt1{margin:0; padding:0 0 0 20px;font-size:12px;color:#174657; width:380px;height:36px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif;}
.newstxt1 a{font-size:12px;color:#174657;text-decoration: none;}
.newstxt1 a:hover{font-size:12px;color:#226b86;text-decoration: none;}
.newstxt2{ font-size:12px;color:#ffffff; width:280px;height:60px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:2px;}
.newstxt2 a{font-size:12px;color:#ffffff;}
.newstxt2 a:hover{font-size:12px;color:#b6e9ff;}

.newsdivheight{ height:510px;argin:0; padding:0; }
.newsdetailct{clear: both;padding:20px 30px 5px 30px; background-color:#4ab7e5;font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height:20px;}
.newsdetaildivheight{ height:75px;argin:0; padding:0; background-color:#7dd3f7;color:#FFFFFF; font-size:14px; margin:50px 30px 5px 30px;}
.newsmore{ height:24px; background:url(../images/m5a.gif)  no-repeat; }
.newstab{float:left;  margin:5px 1px 0 2px; padding:0; text-align: center; }
.newstab a{ color:#676767; text-decoration:none; }
.newscttt{ width:503px; background-color:#7dd3f7; height:40px; color:#FFFFFF; margin:0px; padding:40px 20px 0px 20px; font-size:14px;}
.newsct{ width:503px; background-color:#4ab7e5; height:auto; color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:20px 20px 20px 20px; line-height:30px;}
.newsimg{ width:325px; height:240px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; margin-bottom:40px; padding:8px 5px 8px 5px; float:inherit;}
.newssimg{ width:90px; height:75px; float:left; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px 10px 0px 10px;}
.newsimgk{ width:503px; background-color:#4ab7e5; height: 200px; margin:0px; padding:20px 20px 20px 20px; line-height:30px;}
/*myclassroom*/
.myboxholder{clear: both;padding:0; background-color:#8fcda4;}
.tabtxtmy{width: 132px; margin: 0; padding:0; font-size: 12px; font-weight: bold; padding:0; font-family:Arial, Helvetica, sans-serif}
.tabtxtmy a{ color:#FFFFFF; text-decoration:none; }
.tabtxtmy1{width: 160px; margin: 0; padding:0; font-size: 12px; font-weight: bold; padding:0; font-family:Arial, Helvetica, sans-serif}
.tabtxtmy1 a{ color:#FFFFFF; text-decoration:none; }
.tabtxtmy2{width: 170px; margin: 0; padding:0; font-size: 12px; font-weight: bold; padding:0; font-family:Arial, Helvetica, sans-serif}
.tabtxtmy2 a{ color:#FFFFFF; text-decoration:none; }
.mydivheight{ height:487px;argin:0; padding:0; }
.mytxt1{margin:0; padding:20px 0 0 20px; height:40px; background-color:#7cc394;}
.mytxt2{ width:400px; line-height:25px; color:#FFFFFF; font-size:12px; }
.mytxt2 a{color:#FFFFFF; font-size:12px; }
.mytxt2 a:hover{font-size:12px;color:#cce7d4;}
.mytxt3{line-height:20px; color:#FFFFFF; font-size:12px; margin:0px; padding:0px; }
.mytxt3 a{color:#FFFFFF; font-size:12px; text-decoration: none;}
.mytxt3 a:hover{font-size:12px;color:#cce7d4;text-decoration: none;}

.mytxt4{ width:400px; line-height:40px; color:#FFFFFF; font-size:12px; }
.mytxt4 a{color:#FFFFFF; font-size:12px; }
.mytxt4 a:hover{font-size:12px;color:#cce7d4;}

.my_top{ height:80px;}
.my_kzleft{ width:100px; float:left; height:70px;padding:5px 0px 5px 20px;}
.my_kzright{ width:400px; float:right; height:60px;font-size:12px; color:#FFFFFF; padding:20px 0px 0px 0px; line-height:24px;}
.my_kzname{ font-size:14px; font-weight:bold; color:#306b44; }
.my_lm1{padding:5px 0px 0px 10px; height:20px; color:#FFFFFF; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#67ae7f;}
.my_h{ height:20px;padding:5px 10px 5px 0px; text-align: right;}
.my_h1{ width:528px; height:25px;background:url(../images/myhbg01.gif) no-repeat;margin:0px auto;}
.my_h1txt{ font-size:12px; font-weight:bold;color:#306b44; text-align: center; margin:5px 0px 0px 0px;}

.my_h2{ width:528px; height:25px;background:url(../images/myhbg02.gif) no-repeat; margin-left:auto; margin-right: auto; margin-top:5px;}
.my_h2txt{ font-size:12px; color:#ffffff; text-align: center; margin:5px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.my_h2txt a{ font-size:12px; color:#ffffff; }
.my_h2txt a:hover{ font-size:12px; color:#8fcda4;}

/*booking*/
.bk_tab_a{margin:0; padding:0; width:543px; height:auto;  float:left; background-color:#ff8400;}
.bktxt{ margin:10px 20px 10px 20px; height:auto;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

.bktxt1{ width:400px;margin:0 auto; padding:40px 0px 40px 0px; height:auto;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:30px;}

.bktb{ height:25px;}

/*课程特色*/
.featuresbg{clear: both;margin:0; padding:0;background-color:#0dbf64;}
.features01{ background-color:#0dbf64; height:auto;}
.featurescttxt{ font-size:12px; color:#FFFFFF; margin:0px 20px 40px 20px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.featuresbgtt{ font-size:13px; color:#d2ff00; font-weight:bold;}
.featuresbg01{ padding:10px 20px 10px 20px; background-color:#00a651; color:#FFFFFF; font-size:12px; line-height:20px;}
.featuresbg02{ padding:10px 20px 10px 20px; background-color:#0dbf64; color:#FFFFFF; font-size:12px; line-height:20px;}
.featuresbg02a{ padding:10px 20px 10px 20px; background-color:#0dbf64; height:240px; color:#FFFFFF; font-size:12px; line-height:20px;}
.featuresbg03{ padding:10px 20px 10px 20px; background-color:#06b55b; color:#FFFFFF; font-size:12px; line-height:20px;}
.featuresbg03a{ padding:10px 20px 10px 20px; background-color:#06b55b;  height:240px;color:#FFFFFF; font-size:12px; line-height:20px;}
.featuresnext{ padding:10px 20px 10px 20px; }
.featuresimg{ text-align:right;}
.featurestcbg{ padding:25px 20px 20px 27px;width:160px; height:180px; background:url(../images/featurestc_03.gif)  no-repeat; float:left;}
.featurestcct{ width:260px; color:#FFFFFF; font-size:12px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif;}
.featurestccttt{font-size:14px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;}
.featurestcsphoto{ margin:5px 5px 0px 0px;width:160px;font-size:12px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; float:left;}
.featurestcsphoto a{color:#FFFFFF; text-decoration:none}
.featurestcsphoto a:hover{color: #006600; text-decoration: underline;}


#pier_huanjing{ margin:20px 0px 0px 0px; padding:0; width:315px;}
.pier_huanjing_big{ margin:0; padding:8px 0px 0px 8px; height:204px; background: url(../images/img_bg.jpg) no-repeat;}
.pier_huanjing_list{ margin:0; padding:0; height:115px;}
.pier_huanjing_small{ margin:15px 12px 0px 0px; padding:1px 0px 0px 0px; width:51px; height:41px; float:left; display:inline}

/*解决firefox下img border bug*/
.pier_huanjing_small a:hover {color: #FFFFFF;}
.pier_huanjing_small a img {padding:0px;}
.pier_huanjing_small a:link img, .pier_huanjing_small a:visited img{border:1px solid #FFFFFF;}
.pier_huanjing_small a:hover img, .pier_huanjing_small a:active img{ border:1px solid #006600;}

/*content*/
.contentbg{clear:both;margin:0; padding:0; background-color:#cbdb2a;}
.ct_01bg{ background-color:#8f9d00; font-size:12px; color:#FFFFFF; padding:10px 20px 10px 20px; line-height:20px;margin:0;}
.ct_imgbg{margin:0; padding:10px; background-color:#adbe00; height:200px;}
.ct_go{ margin:0; padding:0;background:url(../images/ctimg02.jpg) no-repeat; height:320px;}
.ct_goct{ padding:70px 20px 0px 30px;width:350px;color:#FFFFFF; font-size:12px; line-height:20px;}
.ct_gobtn{ background-color:#8f9d00; padding:10px 20px 10px 30px;margin:0;}
#content_pic{ margin:15px 0px 0px 10px; padding:0; width:440px; height:172px; background:#c1ce40}
#content_pic_big{margin:8px 0px 0px 8px; padding:0; width:205px; height:156px; float:left; display:inline}
#content_pic_small{margin:8px 8px 0px 0px; padding:0; width:200px; height:156px; float:right}
.pic{cursor:pointer; border:1px solid #FFFFFF}
/*words*/
.wordsbg{clear:both;margin:0; padding:0; background-color:#02b29d;}
.wordsbg1{ padding:10px 5px 10px 20px;background:url(../images/w_bg01.gif) repeat-y; font-size:12px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:20px;}
.wordsbg2{ padding:10px 5px 10px 20px;background:url(../images/w_bg02.gif) repeat-y; font-size:12px; color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:20px;}
/*QA*/
.qabg{clear:both;margin:0; padding:0; background-color:#d90081;}
.qabg1{ padding:5px 5px 5px 20px;background:url(../images/qabg.gif) repeat-y; font-size:12px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:15px;}
.qact{ padding:5px 5px 20px 20px;font-size:12px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;line-height:20px;}
/*join*/
.joindiv{background-color:#dc4c68; font-size:12px; color:#FFFFFF;}
.jointxt{ font-size:12px; color:#FFFFFF; margin:0px 20px 0px 20px; padding:0; line-height:25px; }
.join_tab_a{
	margin:0;
	padding:0;
	width:543px;
	height:auto;
	float:left;
	background-color:#ea5a76;
}
.join_h1{ width:485px; height:20px;background:url(../images/join04.gif) no-repeat;margin:0px auto; padding:5px 0px 0px 15px; font-size:12px; color:#ff6d89;font-family:Verdana, Arial, Helvetica, sans-serif;}
.join_h1txt{ width:460px; height:25px;background:url(../images/join05.gif) no-repeat;margin:0px auto; padding:5px 15px 0px 15px; font-size:12px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.join_h1txt a{ font-size:12px; color:#ffffff; text-decoration: none;}
.join_h1txt a:hover{ font-size:12px; color:#ffe2e8; text-decoration: none;}
.join_cttxt{
	width:460px;
	margin:0px auto;
	padding:15px 15px 30px 15px;
	font-size:12px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}
.joindb{ margin:0; padding:0px; width:543px;height:170px; text-align:center;}

/*about*/
.aboutboxholder{clear: both;padding:0; background-color:#ea5a76; }
.aboutdivbg{ background-color:#dc4c68; font-size:12px; color:#FFFFFF; padding:30px 30px 10px 20px; line-height:30px;}
.aboutdivbg2{ background-color:#dc4c68; font-size:12px; height:530px; color:#FFFFFF; padding:30px 30px 10px 20px; line-height:30px;}
.aboutdivbg1{ font-size:12px; color:#FFFFFF; padding:10px 30px 10px 20px; line-height:30px;}
.aboutdivtxt{ font-size:12px; color:#FFFFFF; padding:10px 10px 10px 10px; line-height:30px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.aboutdivtxt a{ font-size:12px; color:#FFFFFF;}
.aboutdivtxt a:hover{ font-size:12px; color:#ffb6c4;text-decoration: none;}
.aboutbigtxt{font-size:13px; font-weight:bold; color:#FFFFFF;}
.aboutwtxt{ margin:20px 40px 20px 40px;color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:24px;}
.aboutbgcss{ background-color:#ffd352; height:140px;}
/*文本框样式*/
.myselect{
    border-right: #000000 1px solid;
    border-top: #ffffff 1px solid;
    font-size: 12px;
    border-left: #ffffff 1px solid;
    color:#8fcda4;
    border-bottom: #000000 1px solid;
    background-color: #ffffff;
}

.myeditbox{
    background: #ffffff;
    border: 1px solid #cce7d4;
    color: #8fcda4;
    cursor: text;
    font-family: "arial";
    font-size: 9pt;
    height: 15px;
    padding: 1px; 
}
.bookingselect{
    border-right: #000000 1px solid;
    border-top: #ffffff 1px solid;
    font-size: 12px;
    border-left: #ffffff 1px solid;
    color:#f7941e;
    border-bottom: #000000 1px solid;
    background-color: #ffffff;
	
}
.bookingeditbox{
    background: #ffffff;
    border: 1px solid #ff8400;
    color: #f7941e;
    cursor: text;
    font-family: "arial";
    font-size: 9pt;
    height: 15px;
    padding: 1px; 
}

.cteditbox{
    background: #ffffff;
    border: 1px solid #ff8400;
    color: #fd64360;
    cursor: text;
    font-family: "arial";
    font-size: 9pt;
    padding: 1px; 
}

.cteditbox1{
    background: #ffffff;
    border: 1px solid #ff8400;
    color: #fd64360;
    cursor: text;
    font-family: "arial";
    font-size: 9pt;
    height: 15px;
    padding: 1px; 
}
.joinselect{
    border-right: #000000 1px solid;
    border-top: #ffffff 1px solid;
    font-size: 12px;
    border-left: #ffffff 1px solid;
    color:#dc4c68;
    border-bottom: #000000 1px solid;
    background-color: #ffffff;
	
}
 .teacher{margin:0; padding:0 0 0 20px;font-size:12px; width:98%;height:36px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif;} 

