@charset "utf-8";
/* CSS Document */

body{ width:100%; height:auto; background:url(../images/bg.jpg) repeat-x top #16171b; margin:0; padding:0; font-family:Arial; overflow-y:scroll; color:#ccc; }
body.nobg { background:#16171b !important; }
a { cursor: pointer; text-decoration:none; color : inherit; }
img { border : 0; }
ul, li { margin: 0; padding: 0; list-style-type:none; }

#warp{ width:873px; height:auto; margin:0 auto;}
.head{ width:873px; height:90px; margin-bottom:10px;}
.logo{ width:402px; height:90px; background:url(../images/logo_bg.jpg) no-repeat; float:left;}
.logo img { margin-top:30px; margin-left:10px; }
.nav{ float:right; padding:15px 20px 0 0; font-size:15px;color:#FFF;}
.nav a { color:#FFF;text-decoration:none; padding:0 15px;}
.nav a:hover{ color:#7f9fba; text-decoration:none;}
.nav a.active{ color:#7f9fba; font-weight: bold; text-decoration:none;}
.nav .nav-menu { text-align : right; }
.nav .user-menu { font-size:10pt; padding-bottom : 20px;}
.nav .user-menu a { padding : 0 5px;}
.clr{ clear:both;}

.banner{ width:873px; height:349px; margin-bottom:48px;}
.banner-left{ width:10px; height:349px; background:url(../images/banner-left.jpg) no-repeat; float:left;}
.banner-center{ width:363px; height:324px; background:url(../images/banner-bg.jpg); padding:25px 0 0 30px;float:left;}
.txt-tit{ width:300px;  margin-bottom:20px; padding:0;}
h2{ font-size:30px; color:#212227;line-height:38px; font-weight:lighter; margin:0; padding:0;}
h3{ font-size:24px; color:#626262;font-weight:lighter; margin:0; padding:0;}

.install-btn { position:absolute; margin-left: 60px; margin-top : 250px; cursor:pointer; }
.txt-content{margin-bottom:20px; margin-right:25px;}
.txt-content p{ font-size:13px; color:#5d6067; line-height:18px;}
.btn{ width:157px; height:53px;}
.banner-right{ width:470px; height:349px; background:url(../images/screenshot1.jpg) no-repeat;float:left;}
.banner-right embed {margin-top: 55px; margin-left:30px }

.leftmenu {
	width : 200px;
	min-height : 400px;
	float:left;
	background-color: #212227;
	border : 1px solid #37383D;
	border-radius : 5px;
	padding : 5px;
	font-size: 11pt;
}
.leftmenu ul li {
	padding : 10px;
	border-bottom : 1px solid #37383D;
}
.leftmenu ul li:last-child {
	border-bottom : 0;
}
.book-list {
	width : 630px;
	padding-left : 20px;
	float : left;
}
.book-list .notice {
	background-color : #212227;
	border : 1px solid #37383D;
	padding : 10px;
	margin-bottom : 10px;
}
.book-list .notice p {
	padding : 0;
	margin : 0;
	text-align : right;
}

.book-list ul li {
	overflow : hidden;
	margin: 0 0px 10px 0;
	background-color : #212227;
	border : 1px solid #37383D;
	padding : 10px;
}
.book-list ul li .cover {
	width : 120px;
	height : 160px;
	overflow : hidden;
	float : left;
}
.book-list ul li .cover .cover-img {
	width : 120px;
	display : inline-block;
}
.book-list ul li .book-info {
	width : 460px;
	padding-left : 20px;
	float : left;
}
.book-list ul li .book-info p {
	margin : 5px 0;
}
.book-list ul li .book-info .title {
	font-weight : bold;
	font-size : 15pt;
	color : #fff;
	margin-top : 0;
}
.book-list ul li .book-info .book-data {
	color : #fff;
}
.book-list ul li .book-info .book-data .btn-change {
	text-decoration : underline;
	color : #7E9FBB;
	font-weight : bold;
}

.book-list ul li .book-info .buttons {
	display : block;
	text-align : right;
	padding-top : 30px;
}

.content-layer {
	margin : 0 10px 20px;
	padding : 20px 40px;
	background-color : #fff;
	border : 1px solid #000000;
	color : #333;
	border-radius : 10px;
	font-size : 13px;
}

.content-layer h3 {
	color : #555;
	border-bottom : 1px solid #333;
	margin-bottom : 20px;
	padding-bottom : 10px;
}

.content-layer img {
	max-width : 760px;
	height : auto;
}

.content-layer a {
	text-decoration : underline;
}

.course-content {
	width : 420px;
	padding : 0 5px;
	float : left;
	font-size : 15px;
	line-height : 18px;
}

.course-desc {
border : 1px solid #efefef;
background-color : #efefef;
border-radius : 10px;
padding : 5px;
margin : 5px;
}
.course-desc h2 {
	color : #fff;
	font-weight : bold;
	background : url(../images/btn_toggle_down.png) 350px 13px no-repeat #333;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	padding : 5px;
	width : 384px;
	height : 48px;
	cursor : pointer;
}
.course-desc h2.opened {
	background : url(../images/btn_toggle_up.png) 350px 13px no-repeat #333;
}
.course-desc p {
margin : 0 !important;
color : #000000;
padding : 0 15px 5px;
}

.course-desc .title {
	display : inline-block;
	background-color : #444;
	color : #fff;
	font-weight : bold;
	padding : 5px;
	margin-left : 15px !important;
	margin-bottom : 5px !important;
}
.course-list {
padding : 10px;
}
.course-list li {
	padding : 10px;
	background-color : #555;
	border : 1px solid #333;
	margin : 5px 0;
	color : #efefef;
}

.content{ width:863px; height:auto; padding:0 5px; }
.content1{ margin:0 20px; padding:0; float:left; margin-bottom:35px;}
.content1 span{ font-size:10px; color:#959595; margin:15px 0 5px; display:block; padding:0 0 0 15px;}
.content1 p{ width:220px; margin:0; padding:0; color:#c0deed; line-height:18px; font-size:12px;padding:0 0 0 15px;}
.content1 p a{ color:#c0deed; text-decoration:underline;}

.bird { width:820px; height:65px; margin:0 auto; padding:0;}
.bird-left{ width:80px; height:65px; float:left; background:url(../images/bird.jpg) no-repeat;}
.bird-center{ width:715px; height:51px; float:left; background:url(../images/bird-bg.jpg) repeat-x; padding:14px 0 0 15px;}
.bird-center p{ font-size:10px; color:#989da9; line-height:15px; margin:0; padding:0;}
.bird-right{ width:10px; height:65px; float:left; background:url(../images/bird-right.jpg) no-repeat;}


.foot-menu { width:820px; min-height:50px; border-top:2px solid #333333; padding : 30px 0 30px 90px; color : #efefef; margin-top : 20px; }
.foot-menu .footer-item { width : 200px; float:left; }
.foot-menu .footer-item li { padding : 3px; }
.foot-menu .footer-item li strong { display : inline-block; padding-bottom : 10px; }
.foot{ width:873px; height:70px; font-size:11px; color:#5d6067; line-height:60px; text-align:center;}


/*----------------about-------------------*/
.about-banner{ width:798px; height:319px; margin-bottom:48px; padding:30px 30px 0 45px; background:url(../images/about.png) no-repeat 520px 60px;}
h5{ margin:0; padding:0; font-size:30px; color:#c3d7e8; font-weight: lighter; }
.about-banner p{ margin:10px 0 0 0; width:450px; padding:0; font-size:13px; color:#c3d7e8; line-height:20px;}

span.drop-caps {
	font-size : 13pt;
	color : #fff;
	font-weight : bold;
}