.mobileShow{
	display:none;
}
.mobileHide{
	display:block;
}
.mainRow{
	margin:0 -10px;
	position:relative;
	clear:both;
}

.mainCol, .subCol, .midCol, .rightCol{
	float:left;
	position:relative;
	margin:0 10px;
}
.mainCol::before, .subCol::before,.midCol::before, .rightCol::before{
	content:'';
	clear:both;
}
.mainCol{
	width:760px;
}
.midCol{
	width:490px;
}
.rightCol{
	width:250px;
}
.subCol{
	width:300px;
}
#homeMainSlide .carousel-inner .carousel-item IMG{
	width: 100%; height:auto;
}
#homeMainSlide .carousel-inner .carousel-item .itemBg{
	width: 100%; height:100%;
	position:absolute; left:0; top:0;
	background:rgba(37,64,143,.5);
	background-color: rgba(37,64,143,0);
	background-image: -webkit-linear-gradient(top, rgba(37,64,143,0) 45%, #0a2163 100%);
	background-image: -webkit-linear-gradient(top, rgba(37,64,143,0) 45%, #0a2163 100%);
	background-image: linear-gradient(to bottom, rgba(37,64,143,0) 45%, #0a2163 100%);
	background-color: rgba(37,64,143,0.05);
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.bannerH3{
	height:550px;
	height:400px;
	margin-bottom:20px;
}
#homeMainSlide .carousel-inner {
	width: 100%; height: 450px;
}
#homeMainSlide .carousel-inner .carousel-item{
	height:100%;
}
#homeMainSlide .carousel-inner .carousel-item IMG{
	width: auto; height: 100%;
}
@media (max-width: 1700px) {
	.cssHeader .topSearch{
		width:550px;
	}
	.bookRow .bookCol{
		width:20%;
	}
		
	
	
	.carousel-caption P{
		font-size:35px;
	}
	.cssHeader .mainMenu UL LI A{
		font-size:15px;
	}
	.bannerH3{
		height:400px;
	}
}
@media (max-width: 1200px) {
	.cssHeader .mainMenu UL LI.main {
		padding:36px 0;
	}
	.cssHeader .mainMenu UL LI A.main {
		font-size: 14px;
		padding: 0 10px;
	}
	.cssHeader .topSearch{
		width:400px;
	}
	.cssBookMore .bookPic {
		width:30%;
	}
	.cssBookMore .bookDesk {
		width:70%;
	}
	
	.mainCol{
		width:630px;
	}
	.midCol{
		width:460px;
	}
	.subCol{
		width:250px;
	}
	.rightCol{
		width:200px;
	}
	#homeMainSlide .carousel-inner {
		height: 395px;
	}
	.carousel-caption P{
		font-size:25px;
	}
	.cssHeader .mainMenu UL LI A{
		font-size:14px;
		padding:0 15px;
	}
	.bannerH3{
		height:331px;
	}
	.cssCourseMore .courseDesk .nav .nav-item I{
		display:none;
	}
	.btn-sm, .btn-group-sm > .btn {
		padding: 0.1rem 0.4rem 0.25rem 0.4rem;
		font-size: 0.6rem;
		line-height: 1.2;
	}
	.testCol .oneTest {
		height: 70px;
		margin-top: 20px;
	}
	.testCol .oneTest .pic {
		height: 70px; width: 70px;
		line-height: 80px;
	}
	.testCol .oneTest .testDesk {
		padding-left: 80px;
	}
	.testCol .oneTest .testDesk .title {
		font-size: 14px; 
		padding-bottom: 2px;
	}
	.testCol .oneTest .testDesk .date SPAN {
		padding-left: 10px;
	}
	.cssCourseMore .courseTitle {
		font-size: 32px; line-height:120%;
	}
	.cssCourseMore .courseTitleDiv .desk {
		font-size: 14px;
		color: #FFF;
		text-shadow: 1px 1px 0 #000;
	}
	.cssLastNews.smnews .oneNews .newsPic .pic {
		height: 70px; width:70px;
	}
	.cssLastNews.smnews .oneNews .newsDesc {
		padding-left: 80px;
	}
	.card-body {
		padding: 0.9rem;
	}
}
@media (max-width: 990px) {
	.bookRow .bookCol{
		width:33.3333333333333333%;
	}
	.cssHeader .topSearch{
		display:none;
	}
	.cssBookMore .bookPic {
		width:40%;
	}
	.cssBookMore .bookDesk {
		width:60%;
	}
	.cssBookMore .bookDes {
		width:100%;
	}
	.cssBookMore .priceBox{
		border-left:none; border-top:1px solid #efeeed;
		width:100%;
		padding-left:0; padding-top:20px; margin-top:20px;
	}
	
	#homeMainSlide .carousel-inner {
		height: 304px;
	}
	.mainCol{
		width:460px;
	}
	.midCol{
		width:290px;
	}
	.rightCol{
		width:200px;
	}
	.subCol{
		width:200px;
	}
	.carousel-caption P{
		font-size:20px;
	}
	.bannerH3{
		height:254px;
	}
	.cssCourseMore .courseDesk .nav .nav-item I{
		display:block;
	}
	.cssCourseMore .courseDesk .nav .nav-item SPAN{
		display:none;
	}
	.cssCourseMore .courseTitle {
		font-size: 25px;
	}
}
@media (max-width: 767px) {
	.cssHeader .mainLogo {
		height: 60px;
		line-height: 60px;
		padding-left:50px;
	}
	.cssHeader .mainLogo IMG{
		height:20px; margin-top:-2px;
	}
	.bookRow .bookCol{
		width:100%;
		float:none; padding:0 20px;
	}
	.cssBookMore .bookPic {
		border-right:none;
		padding:0 0 20px 0; margin:0;
		width:100%;
	}
	.cssBookMore .bookDesk {
		width:100%;
		padding:0;
	}
	.cssBookMore .moreBookPic IMG{
		max-width:100%;
	}
	.cssBookMore .moreBookPic {
		padding:0;
	}
	.cssBookMore .priceBox{
		border-top:1px solid #efeeed; border-left:none;
		padding-top:20px; margin-top:20px;
	}
	.cssHeader .mainMenu{
		display:none;
	}
	.cssHeader .topTools{
		width:80px;
	}
	.cssHeader .topTools .toolBtn{
		height: 60px;
		line-height: 60px;
	}
	.cssHeader .topTools .toolBtn:before{
		top:25px;
	}
	
	.cssHeader .mainLogo{
		padding-right:5px;
	}
	
	.cssCartBookList .cartFooter .cartPay{
		width:50%;
		float:left;
	}
	.cssCartBookList .cartFooter .cartBtn{
		width:100%; padding-top:10px;
		float:right;
	}
	.cssPageAbout .pageContent{
		padding:50px 20px;
	}
	
	.mainCol, .subCol,.rightCol, .midCol{
		width:auto; display:block;
		float:none; margin:10px;
	}
	
	
	.homeBookDiv .oneBook .bookDesk .head{
		font-size:16px; font-family: 'PT Sans Narrow', sans-serif; text-transform:uppercase;
	}
	.homeBookDiv .oneBook .bookAuthor{
		width:auto;
		text-align:center;
		float:none; display:block;
	}
	.homeBookDiv .oneBook .bookAuthor .pic{
		width:150px; height:150px; overflow:hidden;
		border-radius:50%; margin-left:auto; margin-right:auto;
		border:5px solid #FFF;
	}
	.footer-top{
		display:none;
	}
	.mobileMenuBtn{
		display:block;
	}
	.cssHeader .topTools .userCart, .cssHeader .topTools .userMenu {
		height: 60px;
	}
	.cssHeader .topTools .userMenu.video{
		display:none;
	}
	.cssHeader .topTools .userCart .menuCarts{
		left:auto; right:-40px; top:60px; width:300px; margin-left:0;
	}
	.subMenuDiv{
		bottom:0px; left: 10px; right: auto;
	}
	.subMenuDiv A{
		font-size: 8px;
	}
	.mobileShow{
		display:block;
	}
	.mobileHide{
		display:none;
	}
	
	.cssQuizMore .quizTitle {
		font-size: 20px; line-height:120%;
	}
	.cssQuizMore .quizNote {
		font-size: 14px;
	}
	.cssQuizMore .quizPic {
		height: 200px;
	}
	.cssQuizMore .quizDesk {
		border-right: none;
		padding-right: 0;
	}
	
	.cssBlogMore{
		border-right:none;
		padding:20px 0;
	}
	.cssBlogMore .blogBody{
		padding:0 10px;
	}
	.cssCourseMore .courseTitleDiv{
		height:auto; overflow:hidden; margin-bottom:10px;
		text-align:center;
	}
	.cssCourseMore .courseMeta{
		height:30px; overflow:hidden; line-height:30px;
	}
	.cssCourseMore .courseMeta .oneMeta {
		float:left; padding-right:20px;
		color:#FFF;
	}
	.cssCourseMore .courseTitle{
		color:#25408f; text-shadow:none;
	}
	.cssCourseMore .courseTitlec{
		font-size:30px;
	}
	.cssCourseMore .courseTitleDiv .desk{
		font-size:16px;color:#333; text-shadow:none;
	}
	
	.homeBodyDiv .bodyTab .oneTab {
		padding: 7px 0 5px 0;
		width:50%; text-align:center;
	}
	.bookScollTitle .btn,.mainHead .btn{
		font-size:13px;
	}
	.topicHeadTitle .mainTitle{
		font-size:80px;
	}
	
	.homeNewsDiv .homeNews .img{
		height: auto;
	}
}