@charset "UTF-8";
body{
	position:relative;
	background:#fff;
}
/********************************
	header
********************************/
#header{
	width: 100%;
	height:65px;
	background:#f05a23;
}
.headerIn{
	overflow:hidden;
	width:950px;
	height:65px;
	margin:0 auto;
}
.headerInLeft{
	float:left;
	width:128px;
	margin:24px 0 0;
}
.headerInRight{
	float:right;
	width:300px;
	margin:17px 0 0;
}
.headericon{
	overflow:hidden;
	list-style:none;
	float:left;
	width:150px;
	margin:0;
	padding:0;
}
.headericon li{
	float:left;
	margin:0 10px 0 0;
}
.headericon li.last{
	float:left;
	margin:0;
}
.logo_actioncam{
	float:right;
	width:127px;
	margin:7px 0 0;
}

@media (max-width:640px) {
	#header{
		width: auto;
		height:auto;
	background:#f05a23;
	}
	.headerIn{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.headerInLeft{
		float:left;
		width:30%;
		margin:5% 0 5% 5%;
	}
	.headerInLeft img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headerInRight{
		float:right;
		width:150px;
		margin:4% 10px 0 0;
	}
	.headerInRight img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headericon{
		overflow:hidden;
		list-style:none;
		width: auto;
		margin:0;
		padding:0;
	}
	.headericon li{
		float:left;
		margin:0 10px 0 0;
	}
	.headericon li img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}

	.headericon li.last{
		float:left;
		margin:0;
	}
}
/********************************
	intro
********************************/
.introwrap{
	width:100%;
	height:266px;
	margin:0 auto;
	background:url(../images/headerbg.jpg) repeat-x top left;
}
.intro{
	overflow:hidden;
	width:950px;
	margin:0 auto;
	padding:27px 0 0;
}
@media (max-width:640px) {
	.introwrap{
		width:auto;
		height:auto;
		background:none;
	}
	.intro{
		width: auto;
		min-width: 100%;
		height:auto;
		margin: 0 auto;
		padding:0;
	}
	.intro img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************************
	cont
********************************/
.cont{
	overflow:hidden;
	width: 950px;
	margin:60px auto 100px;
}
.contleft{
	float:left;
	width: 770px;
	margin:0 auto;
}
.newmovie{
	overflow:hidden;
	width: 770px;
	margin:0 0 30px;
}
.newmoviettl{
	float:left;
	width: 440px;
}
.newmoviecount{
	overflow:hidden;
	float:right;
	width: auto;
	background:#555;
	color:#fff;
}
.newmoviecount p{
	float:left;
	margin:0;
	padding:0 10px;
	text-align:center;
}
.moviebox{
	overflow:hidden;
	width: 770px;
	margin: 0 0 20px;
}
.moviebox:nth-child(2n){
	background: #eeece8;
}
.youtube{
	float:left;
	width: 440px;
	padding:10px;
}
.youtube iframe{
	display:block;
}
.moviecont{
	float:right;
	width: 310px;
}
.moviettlwrap{
	overflow:hidden;
	width: 300px;
	margin:0 0 0 10px;
}
.icon{
	float:left;
	width: 70px;
	padding:10px 0 0;
}
.moviettl{
	float:left;
	width: 200px;
	margin:18px 0 0 18px;
	color:#f05a23;
	font-size:18px;
	font-sweight:normal;
}
.movietext{
	margin:10px 10px 0;
	font-size: 110%;
}
.movieinfo{
	overflow:hidden;
	width: 280px;
	margin:5px 0 29px 10px;
}
.date{
	overflow:hidden;
	margin:0;
	padding:5px 0 0;
	font-size:10px;
}
.age{
	float:left;
	display:inline-block;
	margin:0;
	padding:3px 0 0;
}
.time{
	float:left;
	display:inline-block;
	margin:0 0 0 10px;
	padding:2px 10px 0;
	background:#555;
	border-radius:3px;
	color:#fff;
	font-size:11px;
}
.itemwarptop{
	overflow:hidden;
	width: 298px;
	margin:0 0 6px 10px;
}
.itemwarp{
	overflow:hidden;
	width: 296px;
	margin:0 0 10px 10px;
}
.item{
	float:left;
	width: 142px;
	margin:0 6px 0 0;
}
.item img{
	display:block;
	margin:0;
}
@media (max-width:640px) {
	.cont{
		overflow:hidden;
		width: auto;
		margin:0 auto;
		color:#000;
	}
	.contleft{
		float:none;
		width: auto;
		margin:0 auto;
	}
	.newmovie{
		overflow:hidden;
		width: auto;
		margin:0 0 30px;
	}
	.newmoviettl{
		float:none;
		width: auto;
		margin:0 50px;
	}
	.newmoviettl img{
		display:block;
		max-width:100%;
		width: auto;
		margin:50px auto 20px;
	}
	.newmoviecount{
		overflow:hidden;
		float:none;
		width: 150px;
		margin:0 auto;
		background:#555;
		color:#fff;
	}
	.newmoviecount p.left{
		float:left;
	}
	.newmoviecount p{
		float:none;
		margin:0;
		padding:0 10px;
		text-align:center;
	}
	.moviebox{
		overflow:hidden;
		width: auto;
		margin: 0 0 50px;
	}
	.moviebox:nth-child(2n){
		background: #eeece8;
	}
	.youtube{
		float:none;
		width: auto;
		margin:0 auto;
		padding:10px;
	}
	.youtube iframe{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.moviecont{
		float:none;
		width: auto;
		margin:0 10px;
	}
	.moviettlwrap{
		overflow:hidden;
		width: auto;
		margin:0 auto;
	}
	.icon{
		float:left;
		width: 20%;
		padding:0;
	}
	.icon img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.moviettl{
		float:left;
		width: 70%;
		margin:5px 10px 0;
		color:#f05a23;
		font-size:18px;
		font-sweight:normal;
	}
	.movietext{
		margin:10px 4%;
		font-size: 110%;
	}
	.movieinfo{
		overflow:hidden;
		width: 92%;
		margin:15px auto;
	}
	.date {
		width: 320px;
		margin:0;
		padding:0;
		font-size:11px;
	}
	.age{
		float:left;
		width: 150px;
		margin:0;
		padding:0;
	}
	.time{
		float:left;
		width: 100px;
		margin:0;
		padding:2px 5px;
		background:#555;
		border-radius:3px;
		color:#fff;
		text-align:center;
	}
	.itemwarp{
		overflow:hidden;
		width: auto;
		margin:0 0 10px 10px;
	}
	.itemwarptop{
		overflow:hidden;
		width: auto;
		margin:0 0 0 10px;
	}
	.item{
		float:left;
		width: auto;
		margin:0 6px 6px 0;
	}
	.item img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin:0 auto;
	}
}
/********************************
	contright
********************************/
.contright{
	float:right;
	width: 150px;
	margin:0 auto;
}
.productbox{
	margin:0 auto 20px;
	border:solid 1px #f05a23;
}
.productinfo{
	margin:0;
	padding:10px 0;
	color:#fff;
	background:#f05a23;
	font-size:120%;
	text-align:center;
}
.product01{
	border-bottom:dotted 1px #000;
}
.product02{
}
.productcontwrap{
	width:auto;
	margin:0 auto;
}
.productname{
	margin:0 8px 5px;
	font-size:110%;
	font-weight:bold;
}
.producttext{
	margin:0 8px;
	font-size:80%;
}
.btndetail{
	margin:5px 8px;
}
.btndetail a{
	padding:0 0 0 12px;
	background:url(../images/arrow.png) no-repeat left 50%;
	color:#f05a23;
	font-size:80%;
}
.btnaccdetail{
	margin:5px 8px;
}
.btnaccdetail a{
	padding:0 0 0 12px;
	background:url(../images/arrow.png) no-repeat left 50%;
	color:#f05a23;
	font-size:80%;
}
@media (max-width:640px) {
	.contright{
		float:none;
		width: auto;
		margin:0 auto;
	}
	.productbox{
		margin:0 auto 20px;
		border:none;
		border-top:solid 1px #f05a23;
		border-bottom:solid 1px #f05a23;
	}
	.productinfo{
		margin:0;
		padding:10px 0;
		color:#fff;
		background:#f05a23;
		font-size:120%;
		text-align:center;
	}
	.product01{
		overflow:hidden;
		border-bottom:dotted 1px #000;
	}
	.product02{
		overflow:hidden;
	}
	.productimage{
		float:left;
		width:50%;
		margin:0 auto;
	}
	.productimage img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.productcontwrap{
		float:right;
		width:50%;
		margin:4% auto 0;
	}
	.productname{
		margin:0 8px 5px;
		font-size:110%;
		font-weight:bold;
	}
	.producttext{
		margin:0 8px;
		font-size:100%;
	}
	.btndetail{
		margin:5px 8px;
	}
	.btndetail a{
		padding:0 0 0 12px;
	}
}
/********************************
	accbox
********************************/
.accbox{
	margin:0 auto 20px;
	border:solid 1px #999;
}
.accimg{
	border-bottom:solid 1px #999;
}
@media (max-width:640px) {
	.accbox{
		margin:0 10px 20px;
		border:solid 1px #999;
	}
	.accimg{
		border-bottom:solid 1px #999;
	}
	.accimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.btnaccdetail{
		margin:5px 8px;
		text-align:center;
		font-weight:bold;
	}
	.btnaccdetail a{
		padding:0 0 0 10px;
		background:url(../images/arrow.png) no-repeat left 50%;
		color:#f05a23;
		font-size:80%;
	}

}
/********************************
	footer
********************************/
.back{
	width: 28px;
	height:20px;
	margin:0 auto;
}
#footer {
	background:#f05a23;
	width: 100%;
	height:130px;
}
.copy{
	margin:0 auto;
	padding:30px 0 0;
	color:#fff;
	text-align:center;
}
@media (max-width:640px) {
	.copy{
		margin:0 auto;
		color:#fff;
		text-align:center;
		font-size:.6em;
	}
}
.pc{
		display:block;
}
.sp{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

a:hover .fadeImg {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}