@charset "UTF-8";

/*------------------------------------*\
	common
\*------------------------------------*/
.a11y-hidden{
	overflow:hidden;
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute;
	width:1px;
	height:1px
}
body{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff
}
header{
	max-width: 640px;	
	margin: 0 auto;
	background-color: #0c1029
}
section{
	margin: 0 auto;
	background-color: #0c1029	
}
ol,ul{
	list-style: none
}

/*------------------------------------*\
	channels
\*------------------------------------*/
.channels-wrap{
	background: url(../images/bg-1.png) no-repeat;
	background-size: 100% auto
}
.hd-channels{
	max-width: 356px;
	width: 55.625%;
	margin: 0 auto;
	padding: 19.0625% 0 11.5625%
}
.channel-list{
	max-width: 402px;
	width: 62.8125%;
	margin: 0 auto
}
.channel-list-new{
	max-width: 532px;
	width: 83.125%;
	margin: 0 auto;
	padding: 9.0625% 0 10.9375%;
}
.time-machine{
	max-width: 452px;
	width: 70.625%;
	margin: 0 auto;
	padding-bottom: 12.5%
}

/*------------------------------------*\
	quick-vod
\*------------------------------------*/
.quick-vod-wrap{
	background: url(../images/bg-2.png) no-repeat;
	background-size: 100% auto
}
.hd-quick-vod{
	max-width: 356px;
	width: 55.625%;
	margin: 0 auto;
	padding: 19.0625% 0 3.125%
}
.quick-vod-what{
	display: block;
	max-width: 452px;
	width: 70.625%;
	margin: 0 auto
}
.service-img{
	max-width: 532px;
	width: 83.125%;
	margin: 0 auto
}
.service-text{
	max-width: 452px;
	width: 70.625%;
	margin: 0 auto;
	padding-bottom: 12.5%
}

/*------------------------------------*\
	where
\*------------------------------------*/
.where-wrap{
	background: url(../images/bg-3.png) no-repeat;
	background-size: 100% auto
}
.hd-where{
	max-width: 356px;
	width: 55.625%;
	margin: 0 auto;
	padding: 19.375% 0 3.125%
}
.check-mark{
	max-width: 452px;
	width: 75.3125%;
	margin: 0 auto	
}
.screen-shot{
	max-width: 438px;
	width: 67.96875%;
	margin: 0 auto;
	padding: 6.25% 0 12.5%		
}

/*------------------------------------*\
	link
\*------------------------------------*/
.link{
	display: block;
	max-width: 390px;
	width: 60.9375%;
	margin: 0 auto;
	padding: 6.5625% 0 9.375%
}