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

.bannerArea{
	position:relative;}

.bannerArea ul{
	position:relative;
	z-index:99;}


.playerBox{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;}

.playerBox:before{
	content:"";
	display:block;
	
	width:100%;
	height:100%;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d7dad+0,785da4+100 */
	/*background: #0777A7; /* Old browsers */
	/*background: -moz-linear-gradient(left,  #0777A7 0%, #8452d4 100%);  */
	/*background: -webkit-linear-gradient(left,  #0777A7 0%,#8452d4 100%);  */
	/*background: linear-gradient(to right,  #0777A7 0%,#8452d4 100%);  */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0777A7', endColorstr='#8452d4',GradientType=1 );  */

background: #000;
	background: -moz-linear-gradient(left,  #000 0%, #000 100%);
	background: -webkit-linear-gradient(left,  #000 0%,#000 100%);
	background: linear-gradient(to right,  #000 0%,#000 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 );
	
	opacity:0;
	
	position:absolute;
	left:0;
	top:0;
	z-index:5;}

.bannerArea ul li .Txt .btn{
	display:block;
	text-align:center;}

.bannerArea ul li .Txt .btn a{
	display:inline-block;
	margin:5px;}

.projectArea{
	position:relative;
	padding:55px 0 40px 0;}

.projectArea .wrap{
	z-index:11;}

.projectArea:before{
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    background: #2e3554;
    transform: skewY(-4deg);
    position: absolute;
    left: 0;
    top: -25px;
    z-index: 10;}

.projectArea:after{
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    background: #2e3554;
    transform: skewY(4deg);
    position: absolute;
    left: 0;
    top: -25px;
    z-index: 10;}

.projectArea .Img{
	z-index:5;}

@media (max-width:480px){
	
	.bannerArea ul li .Txt .btn{
		margin-top:20px;}
		
	.bannerArea ul li .Txt .btn a{
		padding:12px 20px;
		margin:0 2px;}
}