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

.hidecont{
	
	display:none;
	}
.showcont{
	
	display:block;
	}
.container{
	
	padding-bottom:20px;}

button{ border:none; cursor:pointer; outline:none; } 
button #playpausebtn{ background:url(images/pause.png) no-repeat; width:32px; height:34px;padding:5px; }
 button #mutebtn{ background:url(images/speaker.png) no-repeat; width:5px; height:14px;padding:5px; }
backclor{
	background-color:#00F;
	
	}
	
		.bg{
	background-image:url(../css/bgg.png);
	}
	
.im{	
	width:150px;
	height:100px;
	margin-left:10px;
	display:inline-block;
	box-shadow: 3px 3px 29px #000000;
	}	

#myWorkContent{
    width:900px;
    height:250px;
    border: 1px solid #bed5cd;
    overflow-x: scroll;
    overflow-y: scroll;
}		
		
		
	@media (min-width: 200px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:70px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:14px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:50px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:50px;
		
		}
		
	}
		
@media (min-width: 500px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:100px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:24px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:70px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:70px;
		
		}
}

@media (min-width: 768px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:170px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:39px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		
				.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:100px;
		}
}
@media (min-width: 992px) {
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:54px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:125px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:125px;
				}
				.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:135px;
		}
				
}
@media (min-width: 1250px) {
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:72px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:150px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:150px;
		
		}
		
		.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:170px;
		}
}	

 .colimage img{
	float:left;
	width:150px;
	}
.thumbnail h3{
	color:#003399;
	text-align:center;
	}
	
.thumbnail .knyimg img{
	float:right;
	}	

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	@media (min-width: 200px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:70px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:14px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:50px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:50px;
		
		}
		
	}
		
@media (min-width: 500px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:100px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:24px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:70px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:70px;
		
		}
}

@media (min-width: 768px) {
	
	.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:170px;
		}
	
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:39px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		
				.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:100px;
		}
}
@media (min-width: 992px) {
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:54px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:125px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:125px;
				}
				.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:135px;
		}
				
}
@media (min-width: 1250px) {
  .maintitle p{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:72px;
		text-align:center;
		margin:0 0;
		padding:0;
		padding-top:20px;
		color:#fff;
		}
		.logoone img{
		display:block;
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:150px;
		
		}
		.logolast img{
		display:block;
		float:right;
		margin:0 0;
		padding-top:10px;
		padding-right:10px;
		width:150px;
		
		}
		
		.mainhead{
		display:block;
		background-color:#0992de;
		width:100%;
		height:170px;
		}
}	
}