@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
img{
	border:none;
	vertical-align:middle;
}
.error{
	color:#F00;
	font-size:12px;
	text-align:center;
}
body{
	font-family:Arial, sans-serif;
	font-size:12px;
	background-color:#ECECEC;
}
.clear{
	clear:both;
}
#header{
}
#left{
	background: transparent url(../images/lang071.jpg) repeat-x scroll 0 0;
	width: 50%;
    height: 112px;
	position : absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#right{
	background: transparent url(../images/lang070.jpg) repeat-x scroll 0 0;
	width: 50%;
    height: 112px;
	position : absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
#center{
	background: #ECECEC url(../images/lang072.jpg) no-repeat scroll 0 0;
	width: 974px;
	margin: 0 auto 0;
	padding-bottom:10px;
}
#logo{
	float:left;
	padding-left:5px;
}
#logo img{
	float:left;
	margin-top:22px;
}
#logo span{
	float:left;
	margin-top:72px;
	margin-left:5px;
}
#logo a{
	color:#000;
	text-decoration:none;
}
#banner{
	position:relative;
	float:right;
	width:700px;
}
#extra{
	margin-top:5px;
	float:right;
}
#extra span{
	margin-right:20px;
}
#extra a:link,#extra a:visited{
	color:#A8D8E6;
	font-size:10px;
	text-decoration:none;
}
#extra img{
	margin-left:2px;
}
#language{
	z-index:1;
	position:absolute;
	width:472px;
	top:26px;
	left:245px;
	text-align:left;
}
#language .th{
	height:7px;
	background:url(../images/Langlang_02.gif) bottom no-repeat;
}
#language .link{
	padding:5px 15px;
	background:url(../images/Langlang_01.gif) repeat-y;
}
#website .link{
	padding:5px 15px;
	background:url(../images/Langlang_04.gif) repeat-y;
}
#language .line{
	padding:5px 0px;
	border-bottom:1px dashed #CCC;
}
#website .line{
	padding:8px 0px;
	border-bottom:1px dashed #CCC;
}
#language span{
	display:block;
	float:left;
	width:100px;
	margin-right:0px;
	padding-left:10px;
	background:url(../images/langlang_33.jpg) left center no-repeat;
}
#website span{
	display:block;
	width:100px;
	margin-right:0px;
	padding-left:10px;
	background:url(../images/langlang_33.jpg) left center no-repeat;
}
#language span.onmouse,#website span.onmouse{
	background:url(../images/langlang_36.jpg) left center no-repeat;
}
#language a:link,#language a:visited,#website a:link,#website a:visited{
	font-size:12px;
	color:#333;
	text-decoration:none;
}
#language a:hover,#website a:hover{
	color:#4787E8;
	text-decoration:underline;
}
#language .tf{
	height:7px;
	background:url(../images/Langlang_03.gif) top no-repeat;
}
#website{
	position:absolute;
	width:144px;
	text-align:left;
	left:565px;
	top:20px;
}
#website .th{
	height:4px;
	background:url(../images/Langlang_05.gif) bottom no-repeat;
}
#website .tf{
	height:4px;
	background:url(../images/Langlang_06.gif) top no-repeat;
}

#menu{
	clear:both;
	float:right;
	text-align:left;
	height:46px;
	width:695px;
	margin-top:4px;
	background:url(../images/lang021.jpg);
}
#menu .l-bg{
	float:left;
	width:6px;
	height:46px;
	background:url(../images/lang020.jpg);
}
#menu .r-bg{
	float:right;
	width:7px;
	height:46px;
	background:url(../images/lang022.jpg);
}
#menu ul{
	float:left;
	list-style:none;
	margin-top:5px;
	padding-left:7px;
}
#menu li{
	float:left;
	margin-right:18px;
}
#menu img{
	float:left;
	vertical-align:middle;
}
#menu span{
	display:block;
	float:left;
	margin-top:6px;
	margin-left:5px;
	line-height:14px;
}
#menu .share{
	float:right;
	font-size:10px;
	width:130px;
	margin-left:-20px;
	margin-top:8px;
	color:#999;
}
#menu .share img{
	margin-top:2px;
	margin-right:5px;
}
#menu li a:link,#menu li a:visited{
	color:#666;
	font-size:12px;
	text-decoration:none;
}
#menu li a:hover{
	color:#FF9600;
}

#function1{
	clear:both;
	float:right;
	height:27px;
	width:695px;
	margin-top:12px;
	background:url(../images/lang028.jpg) repeat-x;
}
#function1 .l-bg{
	float:left;
	height:27px;
	width:5px;
	background:url(../images/lang076.jpg);
}
#function1 .info{
	float:left;
	width:680px;
	height:27px;
}
#function1 .r-bg{
	float:right;
	height:27px;
	width:5px;
	background:url(../images/lang077.jpg);
}
.info li a{
	display:block;
	float:left;
	padding-right:30px;
	padding-top:7px;
	width:80px;
	height:20px;
	text-align:right;
	background:url(../images/lang027.jpg) 90% center no-repeat;
}
.info li.last{
	background:none;
}
.info li.last a{
	width:70px;
}
.info ul{
	list-style:none;
}
.info li{
	float:left;
	padding-left:2px;
	padding-right:4px;
	background:url(../images/Langlang_81%20.jpg) right center no-repeat;
}
.info li.first a{
	width:65px;
	background:url(../images/lang025.gif) 87% center no-repeat;
}
.info li.second a{
	width:60px;
	background:url(../images/lang026.gif) 90% center no-repeat;
}
.info li.purchase a{
	width:60px;
}
.info li.teach a{
	width:100px;
}
.info a:link,.info a:visited{
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#function1 li.first a:hover{
	color:#FFF;
	background:#218EC9 url(../images/lang025.gif) 87% center no-repeat;
}
#function1 li.second a:hover{
	color:#FFF;
	background:#218EC9 url(../images/lang026.gif) 90% center no-repeat;
}
#function1 .info a:hover{
	color:#FFF;
	background:#218EC9 url(../images/Langlang_82.jpg) 90% center no-repeat;
}
#function2 .info a:hover{
	color:#FFF;
	background:#218EC9 url(../images/Langlang_82.jpg) 90% center no-repeat;
}

#function2{
	clear:both;
	float:right;
	height:27px;
	width:695px;
	margin-top:12px;
	background:url(../images/lang028.jpg) repeat-x;
}
#function2 .l-bg{
	float:left;
	height:27px;
	width:5px;
	margin-right:5px;
	background:url(../images/lang076.jpg);
}
#function2 .state{
	float:left;
	margin-top:3px;
	margin-right:5px;
	width:315px;
	height:19px;
	padding-top:3px;
	padding-left:10px;
	font-size:14px;
	background:url(../images/lang053.jpg) no-repeat;
}
.state a:link,.state a:visited{
	color:#333;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#function2 .name{
	width:120px;
	white-space:nowrap;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	-o-text-overflow: ellipsis;
}
#function2 .account{
	width:60px;
	text-align:right;
	padding-right:20px;
	background:url(../images/lang054.jpg) right center no-repeat;
}
#function2 .course{
	width:60px;
	text-align:right;
	padding-right:20px;
	background:url(../images/lang055.jpg) right center no-repeat;
}
#function2 .info{
	float:left;
	width:340px;
}
#function2 .r-bg{
	float:right;
	height:27px;
	width:5px;
	background:url(../images/lang077.jpg);
}

#won_recommend{
	clear:both;
	margin:0 auto;
	width:974px;
	height:70px;
}
#won_recommend .tImage{
	float:left;
	width:116px;
	height:70px;
	background:url(../images/Langlang_117.png) no-repeat;
}
#won_recommend .lessons{
	float:left;
}
#won_recommend ul{
	float:left;
	height:50px;
	list-style:none;
	width:821px;
	padding:10px 15px;
	background:url(../images/Langlang_118.jpg) repeat-x;
}
#won_recommend li{
	width:272px;
	float:left;
	color:#999;
	line-height:24px;
}
#won_recommend a:link,#won_recommend a:visited{
	font-size:14px;
	color:#333;
	text-decoration:none;
}
#won_recommend a:hover{
	color:#CCC;
}
#won_recommend .rbg{
	float:right;
	width:7px;
	height:70px;
	background:url(../images/Langlang_119.png) no-repeat top right;
}

.Dlist{
	position:absolute;
	left:620px;
	top:110px;
	font-size:14px;
	border-bottom: 1px solid #B7B7B7;
    border-left: 1px solid #B7B7B7;
    border-right: 1px solid #B7B7B7;
	-moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-box-shadow: 0 4px 5px #333333;
	-webkit-box-shadow: #333 0px 4px 5px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	background-color:#F1F5F8;
}
.Dlist ul{
	float:left;
	margin:15px 0px 20px 0px;
	list-style:none;
}
.Dlist li{
	margin:-10px;
	margin-top:-7px;
	padding:5px 10px;
}
.Dlist li.t{
	margin:5px 10px;
	padding:5px 15px;
	color:#99BACB;
	font-weight:bold;
	border-bottom:1px solid #DDE5E8;
}
.Dlist a:link,.Dlist a:visited{
	display:block;
	color:#333;
	padding:6px 60px 6px 35px;
	background:url(../images/Langlang_83.jpg) 25px center no-repeat;
	text-decoration:none;
}
.Dlist a:hover{
	color:#FFF;
	padding:6px 60px 6px 35px;
	background:#3987C3 url(../images/Langlang_84.jpg) 25px center no-repeat;
}

#content{
	clear:both;
	text-align:center;
	padding-top:10px;
}
#main{
	width:974px;
	margin:0 auto;
	text-align:left;
	padding-bottom:70px;
}

#footer{
	clear:both;
	text-align:center;
	background-color:#EDF1F4;
	padding-bottom:20px;
	background:#EDF1F4 url(../images/Langlang_180b.jpg) repeat-x;
}
#navigation{
	font-size:14px;
	padding-top:40px;
}
#na-center{
	width:940px;
	margin:0 auto;
	text-align:left;
	padding-bottom:40px;
	background:url(../images/Langlang_185.jpg) right bottom no-repeat;
}
#na-center .blogo{
	float:left;
	width:205px;
	padding-top:90px;
	text-align:center;
	color:#666;
	background:url(../images/Langlang_182.png) center 10px no-repeat;
}
#na-center .blogo .name{
	font-weight:bold;
}
#na-center .blogo .phone{
	line-height:18px;
	margin-top:8px;
	padding-left:20px;
	background:url(../images/Langlang_183.png) 35px center no-repeat;
}
#na-center .blogo .email{
	margin-top:8px;
	padding-left:30px;
	background:url(../images/Langlang_184.png) 10px center no-repeat;
}
#na-center .na-con{
	float:right;
	width:700px;
	padding-right:20px;
	line-height:24px;
	color:#666;
	background:url(../images/Langlang_181.jpg) right repeat-y;
}
#na-center .na-cn{
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;
	background:url(../images/Langlang_181.jpg) left repeat-y;
}
#na-center .na-con .ti{
	font-weight:bold;
}
#na-center .na-con span{
	margin-right:38px;
}
#na-center .na-con .nmember{
	margin-top:15px;
}

#footnote{
	clear:both;
	width:900px;
	margin:0 auto;
	margin-top:20px;
}
#copyright{
	float:left;
	font-size:10px;
	color:#999;
}
#helper{
	float:right;
	width:600px;
}
#helper ul{
	float:right;
	list-style:none;
}
#helper li{
	margin-left:7px;
	float:left;
	color:#4787E8;
}
#helper li a{
	padding-right:5px;
}
#helper a:link,#helper a:visited{
	color:#4787E8;
	margin-right:5px;
	text-decoration:none;
}
#helper a:hover{
	text-decoration:underline;
}

#view{
	display:none;
	position:absolute;
	width:379px;
}
#view .th{
	height:72px;
	background:url(../images/Langlang_123.png) no-repeat;
}
#view .th div{
	padding-top:18px;
	margin-left:30px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#view .con{
	padding:15px;
	padding-bottom:0px;
	border-left:2px solid #336CA3;
	border-right:2px solid #336CA3;
	background:#FFF url(../images/Langlang_126.jpg) repeat-x;
}
#view td{
	font-size:14px;
	padding:3px 0px;
}
#view td span{
	font-size:16px;
	color:#F00;
}
#view td select{
	width:180px;
	border:1px solid #7E9DB9;
}
#view td input{
	width:280px;
	border:1px solid #7E9DB9;
}
#view td textarea{
	width:280px;
	height:140px;
	overflow:hidden;
	border:1px solid #7E9DB9;
}
#view .button{
	margin-top:15px;
	padding-left:100px;
}
#view .button input{
	margin-right:35px;
}
#view .tf{
	height:22px;
	background:url(../images/Langlang_125.png) no-repeat bottom;
}