@charset "utf-8";
/* CSS Document */
.topbox{ width:1000px; margin:0 auto;}
#mubox{}
#mubox{}
.loginBlock .a1{font-size:12pt; margin-right: 10px;}
.loginBlock .a2{font-size:12pt; margin-left: 10px;}
.h-menu{
	position:absolute;
  background: none;
  border: none;
  display: inline-block;
  top:10px;
  right:15px; 
  cursor: pointer;
  display:none;
  }
 .icon-bar1{
    background-color: #724d91;
    display: block;
    height: 4px;
    margin: 0 auto 4px;
    width: 30px;
	
  }
.h-menu .icon-bar1{
	transition: .4s;
}
.h-menu.active .icon-bar1:nth-child(1){
	transform: rotate(45deg);
	transform-origin: 12% 50%;
}
.h-menu.active .icon-bar1:nth-child(2){
	transform: scale(0);
	transform-origin: 0 50%;
	opacity: 0;
}
.h-menu.active .icon-bar1:nth-child(3){
	transform: rotate(-45deg);
	transform-origin: 12% 50%;
}
/**/
.footbox{}
.qrbox{ }
.footbox div{ }
.cy{ width:100%;}
/**/
.cbox{width:900px; margin: 0 auto;}
.courseBlock img{width:100%; height:auto; display: none;}
.courseBlock .img{width: 100%; height: 0; padding-bottom: 57%; background-size: cover;}
.courseBlock{ width:278px; height:auto; }
.SCImage{
	width:100%;
	height: 200px;
	padding-bottom: 10px;
}



@media only screen and (max-width:1000px){
	/**/
	.topbox{ width:100%;}
	#mubox{display:none;position:fixed;width:100%;/*height:100%*/;top:40px; background-color: rgba(105,80,143,.95);}
	.dropdown{}
	.h-menu{display:block;}
	.dropdown > a{font-size:16px;line-height:40px;font-weight:500;color:#FFF;display:block;border-bottom: 1px solid #fff; padding-left: 10%;}
	.dropdown > a:hover{background-color:#FF9800;}
	.dropdown .caret{
		margin-top: 14px;
		margin-left: 8px;
		border-top: 12px solid #FFFDFD;
		border-right: 9px solid transparent;
		border-left: 9px solid transparent;
		}
	.dropdown-menu{position:relative;min-width:100%;border:0px solid rgba(0, 0, 0, 0.2);float:none;border-radius:0px;background-color:rgba(245, 245,245,0.8);}
	.dropdown-menu a{font-size:15px;line-height:30px;}
	.dropdown-menu li{height:30px;}
	.dropdown-menu li>a{ padding-left: 10%;}
	.dropdown-menu .divider{border-bottom: 1px solid #dedede;}
	.loginBlock{width:100%;margin:0;}
	.loginBlock{width:100%;margin:0;}
	.loginBlock .a1{font-size:16px;line-height:40px;margin-right:0px; padding-left: 10%;}
	.loginBlock .a2{font-size:16px;line-height:40px;margin-left:0px; padding-left: 10%;}
	.loginBlock > a{
		text-align:left;
		margin-left: 10%;
		display:block;
		margin:0;
		font-size:20px;
		line-height:40px;
		font-weight: 500;
		color:#FFF;
		border-bottom: 1px solid #fff;
		}
	.loginBlock > a:hover{background-color:#ff9800;}
	.loginBlock > span{display:none;}
	.dropdown{width:100%;margin:0;text-align:left;}
	.toolbar_set{width:100%;margin:0;}
	.toolbar_set .toolbar_link{
		float:none;
		padding:0;
		margin:0;
		width:100%;
		text-align:left;
		
		}
	.toolbar_set .toolbar_link a{
		display:block;
		font-size:16px;
		line-height:40px;
		font-weight: 500;
		color:#FFF;
		border-bottom: 1px solid #fff;
		padding-left: 10%;
		}
	.toolbar_set .toolbar_link a:hover{
		background-color:#ff9800;
		}
	#tool_main > .toolbar_link{width:100%;margin:0; text-align:center;}
	#fb1{display:none;}
	/**/
	#templatemo_footer{width:100%; }
	.footbox{ width:100%; text-align:center;}
	.footbox h1{ 
		background-color:#ededed;
		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#f5f5f5;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#a2a2a2;
		margin:0;
		cursor: pointer;
		display:block;
		}
	.qrbox{width:100%;float:right;text-align:center;}
	.footbox div{ display:none;}
	/**/
	#templatemo_main{width:100%;}
	.cbox{width:100%; text-align:center;}
	.courseBlock{ float:none; display:inline-block;width:45%; vertical-align: top;}
	.courseBlock img{width:100%;}
	
	}
@media only screen and (max-width:640px){
	.courseBlock{ width:90%;}
	.courseBlock img{display: block; max-height: 1000px;}
	.courseBlock .img{ height:auto; }
	.SCImage{
	width:100%;
	height: 100px;
	padding-bottom: 10px;
}
}