html.scroll-hidden,
body.scroll-hidden{
	overflow-y:hidden !important;
}

#SeedModal{
	position: fixed;	
    width: 100%;
    min-width:300px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
    text-align:center; 
    overflow:auto;    
	-webkit-overflow-scrolling: touch;   
}

#SeedModal .iframe-box{
	min-width:300px;
	width: 60%;
	margin:40px auto;
	-webkit-overflow-scrolling: touch;
	background:#f5f5f5;
	border-radius:3px;
	overflow: auto;
	-webkit-transform: translate3d(0,-100px,0);
	-moz-transform: translate3d(0,-100px,0);
	-ms-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

#SeedModal .iframe-box.seed-open{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;    		
}
#SeedModal .iframe-header{
	background:#757DBF;
	height:40px;
	line-height:40px;
	text-align:left;
	padding:0 20px;
	vertical-align:middle;
}
#SeedModal .iframe-header strong{
	float:left;
	color:#fff;
	font-family:Malgun Gothic;
	font-size:14px;
	line-height:inherit;
}

#SeedModal .iframe-header button{
	float:right;
	line-height:inherit;
	font-size:28px;
	color:rgba(255,255,255,.8);
}

#SeedIframe{
	padding: 10px 0;
	width:100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}


.seed-hide{
	visibility: hidden;
	opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
    	
}
.seed-open{
	visibility: visible;
	opacity:1;		
}

html.ie8 .seed-hide{
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width:1024px){
	#SeedModal .iframe-box{width:95%;margin:40px auto;}
}
@media screen and (max-width:320px){
	#SeedModal .iframe-box{width:98%}
}

