/* ------------------------------------------------------------------
title,txt
------------------------------------------------------------------ */
h2.title{
	font-size:30px;
	padding:0 0 20px 0;
	margin:0 0 30px 0;
	letter-spacing:0.06em;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;
	font-weight:normal;
	border-bottom:2px solid #222;
}

h2.title span{
	display:block;
	font-size:18px;
}

h3.subtitle{
	background:#CB2728;
	margin:0 0 30px 0;
	font-size:20px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;
	font-weight:normal;
	padding:10px 15px;
	color:#FFF;
}

p.lead{
	margin:0 0 40px 0;
}

@media screen and (max-width: 736px) {
h2.title{
	font-size:22px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	letter-spacing:0;
	border-bottom:2px solid #222;
}

h2.title span{
	display:block;
	font-size:14px;
}

h3.subtitle{
	background:#CB2729;
	margin:0 0 20px 0;
	font-size:16px;
	font-weight:normal;
	padding:5px 10px;
}

p.lead{
	margin:0 0 20px 0;
}
}

/* ------------------------------------------------------------------
more
------------------------------------------------------------------ */
div.more{
	width:100%;
	overflow:hidden;
	margin:20px 0 0 0;
}

div.more a{
	float:right;
	padding:10px 100px 10px 60px;
	color:#FFF;
	background:#CB2728 url(../images/circle_right_white.png) 90% 50% no-repeat;
	background-size:20px;
	text-decoration:none;
	font-size:18px;
}

div.more a:hover{
	background:#222 url(../images/circle_right_white.png) 90% 50% no-repeat;
	background-size:20px;
}

@media screen and (max-width: 736px) {
div.more{
	clear:both;
	width:100%;
	overflow:hidden;
	margin:20px 0 0 0;
}

div.more a{
	float:none;
	display:block;
	padding:10px 20px;
	color:#FFF;
	background:#CB2729 url(../images/circle_right_white.png) 95% 50% no-repeat;
	background-size:16px;
	text-decoration:none;
	font-size:16px;
}

div.more a:hover{
	background:#222 url(../images/circle_right_white.png) 95% 50% no-repeat;
	background-size:16px;
}
}

/* ------------------------------------------------------------------
topNews
------------------------------------------------------------------ */
div.topNews{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.topNews a.ro{
	display:block;
	background:url(../images/arrow_right_black.png) 98% 17px no-repeat;
	background-size:20px;
	text-decoration:none;
}

div.topNews a.ro:hover{
	background:url(../images/arrow_right_brown.png) 98% 17px no-repeat;
	background-size:20px;
}

div.topNews dl{
	padding:15px 50px 15px 0;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
}

div.topNews dl dt{
	width:12%;
	float:left;
}

div.topNews dl dd{
	width:88%;
	float:left;
}

@media screen and (max-width: 736px) {
div.topNews{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.topNews a.ro{
	display:block;
	background:url(../images/arrow_right_black.png) 98% 50% no-repeat;
	background-size:20px;
}

div.topNews a.ro:hover{
	background:url(../images/arrow_right_brown.png) 98% 50% no-repeat;
	background-size:20px;
}

div.topNews dl{
	padding:10px 40px 10px 0;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
}

div.topNews dl dt{
	width:100%;
	float:none;
}

div.topNews dl dd{
	width:100%;
	float:none;
}
}

/* ------------------------------------------------------------------
topMovie
------------------------------------------------------------------ */
div.topMovie{
	overflow:hidden;
	margin:0 0 10px 0;
}

div.topMovie a.ro{
	width:49%;
	display:block;
	background:#F3f3f3;
	float:left;
	margin:0 0 20px 0;
	text-decoration:none;
}

div.topMovie a.ro:nth-child(2n){
	float:right;
}

div.topMovie div.item{
	padding:20px;
}

div.topMovie div.item div.pic{
	margin:0 0 20px 0;
}

div.topMovie a div.item dl{
	background:url(../images/arrow_right_black.png) 100% 50% no-repeat;
	background-size:30px;
	padding:0 50px 0 0;
	height:80px;
}

div.topMovie div.item dl dt{
	font-size:14px;
}

div.topMovie div.item dl dd{
	font-size:18px;
}

@media screen and (max-width: 736px) {
div.topMovie{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.topMovie a.ro{
	width:100%;
	display:block;
	background:#F3f3f3;
	float:left;
	margin:0 0 10px 0;
	text-decoration:none;
}

div.topMovie a.ro:nth-child(2n){
	float:right;
}

div.topMovie div.item{
	padding:10px;
	overflow:hidden;
}

div.topMovie div.item div.pic{
	width:48%;
	float:left;
	margin:0;
}

div.topMovie a div.item dl{
	width:48%;
	float:right;
	background:none;
	padding:0;
	height:auto;
}

div.topMovie div.item dl dt{
	font-size:10px;
}

div.topMovie div.item dl dd{
	font-size:14px;
}
}

/* ------------------------------------------------------------------
topPickup
------------------------------------------------------------------ */
div.topPickup{
	overflow:hidden;
}

div.topPickup a{
	width:49%;
	display:block;
	float:left;
	margin:0 0 20px 0;
	text-decoration:none;
	background:url(../images/arrow_right_black.png) 95% 50% no-repeat;
	background-size:20px;
}

div.topPickup a:hover{
	background:url(../images/arrow_right_brown.png) 95% 50% no-repeat;
	background-size:20px;
}

div.topPickup a:nth-child(2n){
	float:right;
}

div.topPickup div.item{
	border:1px solid #CCC;
	padding:2px;
	overflow:hidden;
}

div.topPickup div.item div.pic{
	width:40%;
	float:left;
}

div.topPickup div.item p{
	width:50%;
	float:left;
	padding:5%;
	font-size:20px;
	margin:38px 0 0 0;
}

@media screen and (max-width: 736px) {
div.topPickup{
	overflow:hidden;
}

div.topPickup a{
	width:49%;
	display:block;
	float:left;
	margin:0 0 10px 0;
	text-decoration:none;
	background:none;
}

div.topPickup a:hover{
	background:none;
}

div.topPickup a:nth-child(2n){
	float:right;
}

div.topPickup div.item{
	border:1px solid #CCC;
	padding:2px;
	overflow:hidden;
}

div.topPickup div.item div.pic{
	width:100%;
	float:none;
}

div.topPickup div.item p{
	width:90%;
	float:left;
	padding:5%;
	font-size:12px;
	margin:0;
}
}

/* ------------------------------------------------------------------
newsDetail
------------------------------------------------------------------ */
div.newsDetail{
	margin:0 0 40px 0;
	overflow:hidden;
}

div.newsDetail p{
	margin:0 0 20px 0;
	overflow:hidden;
}

div.newsDetail p img{
	display:block;
}

div.newsDetail table {
	width:100%;
	border-collapse: separate;
	border-bottom: 1px solid #CCC;
	border-spacing: 0;
	background:#FFFFFF;
	margin:0 0 40px 0;
}

div.newsDetail table th {
	padding:10px;
	border-top: 1px solid #CCC;
	text-align:left;
	background:#f3f3f3;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}

div.newsDetail table td {
	padding:10px;
	border-top: 1px solid #CCC;
	text-align:left;
	vertical-align:top;
}

@media screen and (max-width: 736px) {
div.newsDetail{
	margin:0 0 20px 0;
	overflow:hidden;
}

div.newsDetail p{
	margin:0 0 20px 0;
	overflow:hidden;
}

div.newsDetail p img{
	display:block;
}

div.newsDetail table {
	margin:0 0 20px 0;
}

div.newsDetail table th {
	padding:5px;
	font-weight:bold;
}

div.newsDetail table td {
	padding:5px;
}
}

/* ------------------------------------------------------------------
linkBtn
------------------------------------------------------------------ */
div.linkBtn{
	position:relative;
	text-align:center;
	line-height:1.6;
	padding:10px 0;
}

div.linkBtn a{
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

div.linkBtn span.top a{
	background:#222;
	background-size:20px auto;
	padding:10px 40px;
}

div.linkBtn span.next a{
	position:absolute;
	top:0;
	right:0;
	background:#222 url(../images/arrow_right_white.png) 95% 14px no-repeat;
	background-size:20px auto;
	padding:10px 40px 10px 20px;
}

div.linkBtn span.prev a{
	position:absolute;
	top:0;
	left:0;
	background:#222 url(../images/arrow_left_white.png) 5% 14px no-repeat;
	background-size:20px auto;
	padding:10px 20px 10px 40px;
}

div.linkBtn span a:hover{
	background-color:#aa8d47;
}

@media screen and (max-width: 736px) {
div.linkBtn{
	position:relative;
	text-align:center;
	line-height:1.6;
	padding:10px 0 80px 0;
}

div.linkBtn a{
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

div.linkBtn span.top a{
	background:#222;
	position:absolute;
	top:50px;
	left:0;
	background-size:20px auto;
	padding:10px 0;
	width:100%;
}

div.linkBtn span.next a{
	position:absolute;
	top:0;
	right:0;
	background:#222 url(../images/arrow_right_white.png) 95% 50% no-repeat;
	background-size:15px auto;
	padding:10px 0;
	width:48%;
}

div.linkBtn span.prev a{
	position:absolute;
	top:0;
	left:0;
	background:#222 url(../images/arrow_left_white.png) 5% 50% no-repeat;
	background-size:15px auto;
	padding:10px 0;
	width:48%;
}

div.linkBtn span a:hover{
	background-color:#aa8d47;
}
}

/* ------------------------------------------------------------------
pagenavi
------------------------------------------------------------------ */
img.centered,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	float: right;
}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	float: left;
}

.pagenavi {
	padding:20px 0;
	text-align:center;
	font-size:16px;
}

.pagenavi a,
.pagenavi span {
	display:inline-block;
	text-decoration: none;
	padding:8px 14px;
	margin: 3px;
	background:#222;
	color:#FFF;
}

.pagenavi a:hover {
	background:#999;
	color:#FFF;
}

.pagenavi span.current {
	background:#A9A6A0;
	color:#FFF;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
.pagenavi {
	padding:10px 0;
}

.pagenavi a,
.pagenavi span {
	padding:8px 10px;
	margin: 2px;
}
}

/* ------------------------------------------------------------------
btnArea
------------------------------------------------------------------ */
div.btnArea{
	text-align:center;
}

div.btnArea p{
	text-align:center;
	margin:0 0 10px 0;
}

div.btnArea a,
div.btnArea input{
	display:inline-block;
	margin:0 10px;
	text-align:center;
	padding:10px 120px 6px 60px;
	font-size:30px;
	border:0;
	cursor:pointer;
	line-height:1.8;
}

div.btnArea .next{
	color:#FFF;
	padding:10px 120px 6px 60px;
	background:#222 url(../images/arrow_right_white.png) 90% 50% no-repeat;
	background-size:20px auto;
}

div.btnArea .next:hover{
	background:#7D7665 url(../images/arrow_right_white.png) 90% 50% no-repeat;
	background-size:20px auto;
	text-decoration:none;
}

div.btnArea .back{
	color:#222;
	padding:10px 60px 6px 120px;
	background:#f3f3f3 url(../images/arrow_left_black.png) 10% 50% no-repeat;
	background-size:20px auto;
}

div.btnArea .back:hover{
	background:#aa8d47 url(../images/arrow_left_black.png) 10% 50% no-repeat;
	background-size:20px auto;
	text-decoration:none;
}

@media screen and (max-width: 736px) {
div.btnArea{
	text-align:center;
}

div.btnArea p{
	text-align:center;
	margin:0 0 10px 0;
}

div.btnArea a,
div.btnArea input{
	display:inline-block;
	margin:0 5px;
	text-align:center;
	padding:10px 40px 8px 20px;
	font-size:20px;
	border:0;
	cursor:pointer;
	line-height:1.8;
}

div.btnArea .next{
	color:#FFF;
	padding:10px 40px 8px 20px;
	background:#222 url(../images/arrow_right_white.png) 90% 50% no-repeat;
	background-size:15px auto;
}

div.btnArea .next:hover{
	background:#aa8d47 url(../images/arrow_right_white.png) 90% 50% no-repeat;
	background-size:15px auto;
	text-decoration:none;
}

div.btnArea .back{
	color:#222;
	padding:10px 20px 8px 40px;
	background:#f3f3f3 url(../images/arrow_left_black.png) 10% 50% no-repeat;
	background-size:15px auto;
}

div.btnArea .back:hover{
	background:#aa8d47 url(../images/arrow_left_black.png) 10% 50% no-repeat;
	background-size:15px auto;
	text-decoration:none;
}
}

/* ------------------------------------------------------------------
movie
------------------------------------------------------------------ */
div.searchTitle{
	margin:0 0 60px 0;
	text-align:center;
	padding:40px;
	background:#f5f5f5;
}

div.searchTitle input{
	font-size:16px;
	padding:5px;
	line-height:1.6;
	vertical-align:middle;
	border:1px solid #222;
}

div.searchTitle input.textBox{
	width:400px;
}

div.searchTitle input.btn{
	display:inline-block;
	margin:0 10px;
	text-align:center;
	padding:5px 20px;
	cursor:pointer;
	background:#222;
	color:#FFF;
}

div.searchTitle input.btn:hover{
	background:#aa8d47;
	border:1px solid #aa8d47;
}

div.searchCategory{
	overflow:hidden;
	margin:0 0 40px 0;
}

div.searchCategory a{
	width:23.5%;
	display:block;
	text-decoration:none;
	background:#f3f3f3;
	margin:0 2% 20px 0;
	float:left;
}

div.searchCategory a:nth-child(4n){
	margin:0 0 20px 0;
}

div.searchCategory div.item{
	overflow:hidden;
}

div.searchCategory div.item div.step{
	background:#222 url(../images/arrow_right_white.png) 95% 50% no-repeat;
	background-size:20px auto;
	color:#FFF;
	text-align:center;
	padding:10px;
}

div.searchCategory a:hover div.item div.step,
div.searchCategory a.active div.item div.step{
	background-color:#aaa;
}

div.searchCategory div.item img{
	width:100%;
}

div.searchCategory div.item div.txt{
	padding:15px;
	height:150px;
}

div.searchCategory.nav div.item div.txt{
	height:55px;
}

div.searchCategory div.item div.txt h4{
	font-size:18px;
	margin:0 0 10px 0;
}

div.searchCategory div.item div.txt p{
	font-size:12px;
}

div.searchDate{
	overflow:hidden;
}

div.searchDate div.item{
	overflow:hidden;
	margin:0 0 10px 0;
	background:#f3f3f3;
	padding:10px;
}

div.searchDate div.item div.year{
	width:160px;
	text-align:center;
	padding:10px 0;
	float:left;
	font-size:24px;
	font-weight:bold;
}

div.searchDate div.item ul{
	width:820px;
	float:right;
	overflow:hidden;
}

div.searchDate div.item ul li{
	float:left;
	width:11%;
	margin:0 1.71% 0 0;
}

div.searchDate div.item ul li:last-child{
	margin:0;
}

div.searchDate div.item ul li a{
	display:block;
	width:100%;
	background:#222;
	color:#FFF;
	text-align:center;
	padding:15px 0;
	float:left;
	text-decoration:none;
	font-size:18px;
}

div.searchDate div.item ul li a:hover,
div.searchDate div.item ul li a.active{
	background:#aa8d47;
}

@media screen and (max-width: 736px) {
div.searchTitle{
	margin:0 0 40px 0;
	text-align:center;
	padding:10px;
	background:#f5f5f5;
}

div.searchTitle input{
	font-size:16px;
	padding:5px;
	line-height:1.6;
	vertical-align:middle;
	border:1px solid #222;
}

div.searchTitle input.textBox{
	width:100%;
	box-sizing:border-box;
	margin:5px 0 0 0;
}

div.searchTitle input.btn{
	display:inline-block;
	margin:10px 0 0 0;
	text-align:center;
	padding:5px 20px;
	cursor:pointer;
	background:#222;
	color:#FFF;
}

div.searchTitle input.btn:hover{
	background:#aa8d47;
	border:1px solid #aa8d47;
}

div.searchCategory{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.searchCategory a{
	width:100%;
	display:block;
	text-decoration:none;
	background:#f3f3f3;
	margin:0 0 10px 0;
	float:left;
}

div.searchCategory a:nth-child(4n){
	margin:0 0 10px 0;
}

div.searchCategory div.item{
	overflow:hidden;
}

div.searchCategory div.item div.step{
	background:#222 url(../images/arrow_right_white.png) 95% 50% no-repeat;
	background-size:15px auto;
	color:#FFF;
	text-align:center;
	padding:8px;
	font-size:14px;
}

div.searchCategory a:hover div.item div.step,
div.searchCategory a.active div.item div.step{
	background-color:#aa8d47;
}

div.searchCategory div.item img{
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

div.searchCategory div.item div.txt{
	width:50%;
	float:left;
	padding:10px 10px 10px 0px;
	height:auto;
	box-sizing:border-box;
}

div.searchCategory div.item div.txt h4{
	font-size:12px;
	margin:0 0 10px 0;
}

div.searchCategory div.item div.txt p{
	font-size:8px;
}

div.searchDate{
	overflow:hidden;
}

div.searchDate div.item{
	overflow:hidden;
	margin:0 0 10px 0;
	background:#f3f3f3;
	padding:10px;
}

div.searchDate div.item div.year{
	width:100%;
	text-align:center;
	padding:5px 0;
	float:left;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

div.searchDate div.item ul{
	width:100%;
	float:right;
	overflow:hidden;
}

div.searchDate div.item ul li{
	float:left;
	width:23.5%;
	margin:0 2% 0 0;
}

div.searchDate div.item ul li:nth-child(4n){
	margin:0 0 5px 0;
}

div.searchDate div.item ul li:last-child{
	margin:0 0 5px 0;
}

div.searchDate div.item ul li a{
	display:block;
	width:100%;
	background:#222;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	float:left;
	text-decoration:none;
	font-size:16px;
}

div.searchDate div.item ul li a:hover,
div.searchDate div.item ul li a.active{
	background:#aa8d47;
}
}

/* ------------------------------------------------------------------
movieList
------------------------------------------------------------------ */
div.movieList{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.movieList a.ro{
	display:block;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #CCC;
	text-decoration:none;
	background:url(../images/arrow_right_black.png) 98% 50% no-repeat;
	background-size:30px;
}

div.movieList a.ro:hover{
	background:url(../images/arrow_right_brown.png) 98% 50% no-repeat;
	background-size:30px;
}

div.movieList div.item{
	overflow:hidden;
}

div.movieList div.item div.pic{
	width:30%;
	float:left;
}

div.movieList div.item div.txt{
	width:60%;
	padding:0 8% 0 0;
	float:right;
}

div.movieList div.item div.txt ul{
	overflow:hidden;
	margin:0 0 10px 0;
}

div.movieList div.item div.txt ul li{
	float:left;
	margin:0 10px 10px 0;
	padding:5px 10px;
	background:#aa8d47;
	color:#FFF;
	font-size:14px;
}

div.movieList div.item div.txt dl{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.movieList div.item div.txt dl dt span{
	margin:0 0 0 10px;
}

div.movieList div.item div.txt p{
	font-size:24px;
}

div.categoryNav{
	overflow:hidden;
	padding:0 0 30px 0;
}

div.categoryNav a{
	display:block;
	width:16%;
	float:left;
	margin:0 0 10px 0;
	text-decoration:none;
}

div.categoryNav a:last-child{
	margin:0 0 10px 0;
}

div.categoryNav div.item{
	width:80%;
	height:100%;
	padding:0 20% 0 0;
	height:180px;
	color:#FFF;
	background:url(../images/arrow_right_black.png) 96% 50% no-repeat;
	background-size:20px auto;
}

div.categoryNav a:last-child div.item{
	padding:0;
	background:none;
}

div.categoryNav div.item div.inner{
	height:100%;
	padding:10px;
	background:#222;
	box-sizing:border-box;
}

div.categoryNav a:hover div.item div.inner{
	opacity:0.7;
}

div.categoryNav a.active div.item div.inner{
	position: relative;
	background:#CB2728;
}

div.categoryNav a.active div.item div.inner:before{
	content:"";
	border:solid transparent;
	display:inline-block;
	position:absolute;
	border-width:15px;
	border-top-color:#CB2728;
	margin-left:-15px;
	left:50%;
	bottom:-30px;
}

div.categoryNav div.item div.inner div.step{
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:20px;
}

div.categoryNav a.active div.item div.inner div.step{
	color:#FFF;
}

div.categoryNav div.item div.inner p{
	margin:10px 0 0 0;
	text-align:center;
}

@media screen and (max-width: 736px) {
div.movieList{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.movieList a.ro{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	text-decoration:none;
	background:none;
}

div.movieList a.ro:hover{
	background:none;
}


div.movieList div.item{
	overflow:hidden;
}

div.movieList div.item div.pic{
	width:40%;
	float:left;
}

div.movieList div.item div.txt{
	width:56%;
	padding:0;
	float:right;
}

div.movieList div.item div.txt ul{
	overflow:hidden;
	margin:0 0 5px 0;
}

div.movieList div.item div.txt ul li{
	float:none;
	margin:0 0 5px 0;
	padding:4px;
	background:#aa8d47;
	color:#FFF;
	font-size:9px;
}

div.movieList div.item div.txt dl{
	overflow:hidden;
	margin:0 0 10px 0;
}

div.movieList div.item div.txt dl dt span{
	margin:0 0 0 10px;
}

div.movieList div.item div.txt p{
	font-size:16px;
}

div.categoryNav{
	overflow:hidden;
	padding:0 0 15px 0;
}

div.categoryNav a{
	display:block;
	width:23.5%;
	float:left;
	margin:0 2% 5px 0;
	text-decoration:none;
}

div.categoryNav a:nth-child(4n){
	margin:0 0 5px 0;
}

div.categoryNav a:last-child{
	margin:0 0 5px 0;
}

div.categoryNav div.item{
	width:100%;
	height:100%;
	padding:0;
	height:110px;
	color:#FFF;
	background:none;
}

div.categoryNav a:last-child div.item{
	padding:0;
	background:none;
}

div.categoryNav div.item div.inner{
	height:100%;
	padding:5px;
	background:#222;
	box-sizing:border-box;
}

div.categoryNav a:hover div.item div.inner{
	opacity:0.7;
}

div.categoryNav a.active div.item div.inner{
	position: relative;
	background:#CB2729;
}

div.categoryNav a.active div.item div.inner:before{
	display:none;
}

div.categoryNav div.item div.inner div.step{
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:14px;
}

div.categoryNav a.active div.item div.inner div.step{
	color:#FFF;
}

div.categoryNav div.item div.inner p{
	margin:5px 0 0 0;
	text-align:center;
	font-size:10px;
}
}

/* ------------------------------------------------------------------
movieDetail
------------------------------------------------------------------ */
div.movieDetail{
	overflow:hidden;
}

div.movieDetail ul.cat{
	overflow:hidden;
	margin:0 0 10px 0;
}

div.movieDetail ul.cat li{
	float:left;
	margin:0 10px 10px 0;
	padding:5px 10px;
	background:#aa8d47;
	color:#FFF;
}

div.movieDetail dl.date{
	overflow:hidden;
	margin:0 0 20px 0;
	font-size:18px;
}

div.movieDetail dl.date dt span{
	margin:0 0 0 20px;
}

div.movieDetail div.mov{
	position:relative;
	overflow:hidden;
	text-align:center;
	margin:0 0 40px 0;
}

div.movieDetail div.mov iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	margin:0 auto;
}

div.movieDetail p{
	border-top:2px solid #222;
	border-bottom:2px solid #222;
	padding:40px 0;
	margin:0 0 40px 0;
}

div.movieDetail ul.file{
	overflow:hidden;
	margin:0 0 40px 0;
}

div.movieDetail ul.file li{
	width:48%;
	float:left;
	background:#F3F3F3 url(../images/arrow_right_black.png) 95% 50% no-repeat;
	background-size:20px auto;
	padding:10px;
	margin:0 0 20px 0;
	box-sizing:border-box;
}

div.movieDetail ul.file li:hover{
	background:#f9f9f9 url(../images/arrow_right_brown.png) 95% 50% no-repeat;
	background-size:20px auto;
}

div.movieDetail ul.file li:nth-child(2n){
	float:right;
}

div.movieDetail ul.file li a{
	display:block;
	padding:0 0 0 70px;
}

div.movieDetail ul.file li a.xls{
	background: url(../images/icon_exel.png) 0 50% no-repeat;
	background-size:50px auto;
}

div.movieDetail ul.file li a.pdf{
	background: url(../images/icon_pdf.png) 0 50% no-repeat;
	background-size:50px auto;
}

div.movieDetail ul.file li a.word{
	background: url(../images/icon_word.png) 0 50% no-repeat;
	background-size:50px auto;
}

div.movieDetail ul.file li a.pp{
	background: url(../images/icon_pp.png) 0 50% no-repeat;
	background-size:50px auto;
}

@media screen and (max-width: 736px) {
div.movieDetail{
	overflow:hidden;
}

div.movieDetail ul.cat{
	overflow:hidden;
	margin:0 0 10px 0;
}

div.movieDetail ul.cat li{
	float:left;
	margin:0 10px 10px 0;
	padding:5px 10px;
	background:#aa8d47;
	color:#FFF;
}

div.movieDetail dl.date{
	overflow:hidden;
	margin:0 0 20px 0;
	font-size:18px;
}

div.movieDetail dl.date dt span{
	margin:0 0 0 20px;
}

div.movieDetail div.mov{
	overflow:hidden;
	text-align:center;
	margin:0 0 20px 0;
}

div.movieDetail div.mov iframe{
}

div.movieDetail p{
	border-top:2px solid #222;
	border-bottom:2px solid #222;
	padding:20px 0;
	margin:0 0 20px 0;
}

div.movieDetail ul.file{
	overflow:hidden;
	margin:0 0 20px 0;
}

div.movieDetail ul.file li{
	width:100%;
	float:none;
	background:#F3F3F3 url(../images/arrow_right_black.png) 95% 50% no-repeat;
	background-size:20px auto;
	padding:5px;
	margin:0 0 10px 0;
	box-sizing:border-box;
}

div.movieDetail ul.file li:hover{
	background:#f9f9f9 url(../images/arrow_right_brown.png) 95% 50% no-repeat;
	background-size:20px auto;
}

div.movieDetail ul.file li:nth-child(2n){
	float:none;
}

div.movieDetail ul.file li a{
	display:block;
	padding:0 0 0 40px;
}

div.movieDetail ul.file li a.xls{
	background: url(../images/icon_exel.png) 0 50% no-repeat;
	background-size:30px auto;
}

div.movieDetail ul.file li a.pdf{
	background: url(../images/icon_pdf.png) 0 50% no-repeat;
	background-size:30px auto;
}

div.movieDetail ul.file li a.word{
	background: url(../images/icon_word.png) 0 50% no-repeat;
	background-size:30px auto;
}

div.movieDetail ul.file li a.pp{
	background: url(../images/icon_pp.png) 0 50% no-repeat;
	background-size:30px auto;
}
}