.tline-holder {



}

.tline-item-content {

	width:70%;

}

.mobile-hide {

	display:block;

}

.bg-recruitment{

	background-size:cover;

	background-image:url(../img/info_bg.jpg);

}

.tab-venue{

	float:left;

	background-color:#CCC; 

	padding-left:20px; 

	padding-right:10px; 

	width:30%;

	height:auto;

	overflow:hidden;

	display:block;

}

.tab-venue-contents{

	float:left;

	background-color:#FFF;

	padding-left:10px; 

	width:70%;

	height:auto;

	overflow:hidden;

	display:block;

}

.tab-direction{

	float:left;

	background-color:#CCC; 

	padding-left:20px; 

	padding-right:10px; 

	width:30%;

	height:auto;

	overflow:hidden;

	display:block;

}

.tab-direction-contents{

	float:left;

	background-color:#FFF; 

	padding-left:10px; 

	width:70%;

	height:auto;

	overflow:hidden;

	display:block;

}

.crewBox{

	height:550px;

	overflow:hidden;

	background-color:#FFF;

}



#sideNav {

	position:fixed;

	right:0px;

	top:30%;

	z-index:10000;

}

#sideNavContainer{

	width:50px;

	padding-left:5px;

	padding-top:10px;

	padding-right:0px;

	padding-bottom:10px;

	height:auto;

	background-color:#FFF;

	font-size:14px;

	-webkit-border-top-left-radius:16px;

	-moz-border-top-left-radius:16px;

	border-top-left-radius:16px;

	-webkit-border-bottom-left-radius:16px;

	-moz-border-bottom-left-radius:16px;

	border-bottom-left-radius:16px;

	overflow:hidden;

}



#sideNavContainer #sideNavLink{

	-webkit-border-radius:16px;

	-moz-border-radius:16px;

	border-radius:16px;

	width:29px;

	height:29px;

	overflow:hidden;

	background-color:#1d8fff;

	color:#FFF;

	margin:5px;

	text-align:center;

	padding-top:3px;

	cursor:pointer;

}



#sideNavContainer #sideNavLink a{

	color:#FFF;

}



#sideNavContainer #sideNavLink:hover{

	background-color:#999;

}

	.poster-containeryt {

		display:block;

	}





@media (max-width:1199px) {

	.tline-item-content {

		width:58%;

	}

	.crewBox{

		height:510px;

		overflow:hidden;

	}

}



@media (max-width:990px) {

	.tline-item-content {

		width:50%;

	}

}



@media (max-width: 767px){

	.tline-item-content {

		width:110%;

	}

	.video-containeryt {

		display:none;

	}

	.poster-containeryt {

		display:block;

	}

	.mobile-hide {

		display:none;

	}

	.bg-recruitment{

		background-image:none;

		background-color:#323568;

	}

	.bg-recruitment .container .title{

		color:#FFF;

	}

	.bg-recruitment .container .tagline{

		color:#FFF;

	}

	.crewBox{

		height:auto;

		overflow:hidden;

	}

}



@media (max-width: 476px){

	.tline-item-content {

		width:105%;

	}

	.video-containeryt {

		display:none;

	}

	.poster-containeryt {

		display:block;

	}

	.mobile-hide {

		display:none;

	}

	.bg-recruitment{

		background-image:none;

		background-color:#323568;

	}

	.bg-recruitment .container .title{

		color:#FFF;

	}

	.bg-recruitment .container .tagline{

		color:#FFF;

	}

	

	.tab-venue{

		width:100%;

		clear:both;

	}

	.tab-venue-contents{

		width:100%;

		clear:both;

	}

	.tab-direction{

		width:100%;

		clear:both;

	}

	.tab-direction-contents{

		width:100%;

		clear:both;

	}

	.crewBox{

		height:auto;

		overflow:hidden;

	}

}