/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.yuedu{position:absolute; width: 100%; height: 100%; overflow-x:hidden; overflow-y:auto;}
.reveal-modal-bg { 
	position: absolute; 
	height: 100%;
	width: 100%;
	
	background: rgba(0,0,0,0);
	z-index: 1000;
	display: none;
	top: 0;
	left: 0; 
	
}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 10%;
	
	width: 80%;
	display: none;
	background: #eee url(modal-gloss.png) no-repeat;
	position: absolute;
	z-index: 1001;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal .title{width:360px; margin: auto;}
.reveal-modal .title h1{font-weight: 900; font-family:jsh }
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 
.title .canvas{height:12px; width:12px; background: #000; margin:32px 20px 0 20px;  float: left; border-radius:12px;}
        .content{width: 100%; height: auto; margin-top:20px; padding:20px 40px 20px 40px;  float: left;}
        .content_left .canvas{height:12px; width:12px; background: #000; margin:0px 20px 0 20px;  float: left; border-radius:12px;}
        .content_right .part-1.part-2.part-3.part-4{width: 100%; float: left;}
        .part-1-right li{line-height: 32px;}
        .content_left h1{font-size: 48px;}
        .part-2{width:100%; float: left;}
        .part-3{width:100%; float: left;}
        .part-4{width:100%; float: left;}
        .part-2 .title{width:360px; margin: auto;}
        .part-2 .title .canvas{height:12px; width:12px; background: #000; margin:25px 20px 0 20px;  float: left; border-radius:12px;}
        .content-img{width: 100%; float: left; margin: 30px auto;}
        .content-img img{float: left;}
        @media screen and (max-width: 900px) { 
          .content_left {
            display:none;
          }
          .content_right{width: 96%; height: auto; float: left; border-left: 2px solid #000; border-right: 2px solid #000}
          .content_left{width: 10%; height: auto; float: left; padding:80px 10px 0 20px;}
        
        .content_right .part-1 .part-1-left{width: 100%; float: left; padding:10px 10px 10px 10px;}
        .content_right .part-1 .part-1-right{width: 100%; float: left; padding:20px 24px 10px 30px;}
        .content_right .part-3 .part-3-left{width: 100%; float: left; padding:10px 10px 10px 10px;}
        .content_right .part-3 .part-3-left .content{width: 100%; height: auto; margin-top:20px; padding:20px 10px 20px 10px;  float: left;}
        .content_right .part-3 .part-3-right{width: 100%; float: left; padding:20px 24px 10px 30px;}
        .content_right .part-3 .part-3-right img{width: 50%; float: left;}
        }
        
        @media screen and (min-width: 901px) { 
          
          .content_right{width: 80%; height: auto; float: left; border-left: 2px solid #000; border-right: 2px solid #000}
          .content_left{width: 10%; height: auto; float: left; padding:80px 10px 0 20px;}
        
        .content_right .part-1 .part-1-left{width: 50%; float: left; padding:10px 10px 10px 10px;}
        .content_right .part-1 .part-1-right{width: 50%; float: left; padding:20px 40px 10px 30px;}
        .content_right .part-3 .part-3-left{width: 50%; float: left; padding:10px 10px 10px 10px;}
        .content_right .part-3 .part-3-left .content{width: 100%; height: auto; margin-top:20px; padding:0px 0px 20px 20px;  float: left;}
        .content_right .part-3 .part-3-right{width: 50%; float: left; padding:20px 40px 10px 0px;}
        .content_right .part-3 .part-3-right img{width: 100%; float: left; margin-top:30px;}
        }