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

/*** MV ***/
.mv_bg{
	padding:40px 0;
	margin:0;
	position:relative;
	overflow:hidden;
}
#mv{
	width:1000px;
	height:520px;
	background-color:#2C130B;
	position:relative;
	overflow:hidden;
}
#mv .anime,
#mv .frame{
	position:absolute;
	margin:0 auto;
	padding-bottom:40px;
}
#mv .anime img,
#mv .anime2{
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	overflow:hidden;
	display:block;
	text-align:center;
}
#mv #cut1_bg,
#mv #cut2_bg,
#mv #cut3_bg{
	position:absolute;
	width: 1000px;
	height: 520px;

}
#mv #cut1_bg,
#mv #cut2_bg,
#mv #cut3_bg,
#mv #cut4_bg,
#mv #cut5_bg,
#mv #cut6_bg,
#mv #cut6_02_bg,
#mv #cut7_bg,
#mv #cut7_bg02{
	position:absolute;
	width: 996px;
	height: 474px;
	overflow:hidden;
	top:2px;
	left:2px;

}
#mv #cut1_bg img{
	left:-100%;
	right:-100%;
	bottom:-70px;
	
	margin: auto;
}
#mv #cut3_bg img{
	right:-40px;
}
#mv #cut4_bg img{
	left:-40px;
}
#mv #cut5_bg img{
	top:-40px;
}
#mv #cut6_bg img{
	top:-40px;
}
#mv #cut2_text01{
	left:810px;
	top:95px;
	height:0;
}
#mv #cut2_text02_001{
	left:106px;
	top:96px;
	height:0;
}
#mv #cut2_text02_002{
	left:50px;
	top:96px;
	height:0;
}
#mv #cut3_text01_001{
	left:880px;
	top:32px;
	height:0;
}
#mv #cut3_text01_002{
	left:800px;
	top:32px;
	height:0;
}
#mv #cut3_text01_003{
	left:795px;
	top:285px;
}
#mv #cut4_text01_001{
	left:130px;
	top:90px;
	height:0;
}
#mv #cut4_text01_002{
	left:50px;
	top:25px;
	height:0;
}
#mv #cut4_text01_003{
	left:40px;
	top:213px;
}
#mv #cut4_text01_001{
	left:130px;
	top:90px;
	height:0;
}
#mv #cut4_text01_002{
	left:60px;
	top:25px;
	height:0;
}
#mv #cut4_text01_003{
	left:48px;
	top:210px;
}
#mv #cut5_text01_001{
	left:877px;
	top:40px;
	height:0;
}
#mv #cut5_text01_002{
	left:809px;
	top:40px;
	height:0;
}
#mv #cut5_text01_003{
	left:741px;
	top:40px;
	height:0;
}
#mv #cut5_text01_004{
	left:735px;
	top:62px;
}
#mv #cut6_text01{
	left:895px;
	top:30px;
	height:0;
}
#mv #cut6_text02_001{
	left:105px;
	top:170px;
	height:0;
}
#mv #cut6_text02_002{
	left:36px;
	top:210px;
}
#mv #cut6_02_text01{
	left:860px;
	top:70px;
	height:0;
}
#mv #cut6_02_text02{
	left:790px;
	top:70px;
	height:0;
}
#mv #cut6_02_text03{
	left:720px;
	top:70px;
}
#mv #cut6_02_img01{
	left:370px;
	top:65px;
}
#mv #cut7_text01_001{
	left:820px;
	top:60px;
	height:0;
}
#mv #cut7_text01_002{
	left:760px;
	top:40px;
	height:0;
}
#mv2{
	width:1000px;
	height:600px;
	margin:0 auto;
	position:absolute;
	overflow:hidden;
}
#cut_item{
	position:absolute;
	left:53%;
	opacity:0;
	filter: alpha(opacity=0);
	display:block;
	right:0;
	bottom:-200px;
	width:436px;
	height:231px;
}
#mv .btn{
	position:absolute;
	right:20px;
	bottom:20px;
}
#mv .btn a{transition:0.2s;}
#mv .btn a:hover{opacity:0.7;}


/*** 內容 ***/
.m_mv_bg { display:none; }

.more_btn {
	position:absolute;
	left:20%;
	bottom:3px;
	border:solid 1px #A9031E;
	background-color:#AD0521;
	border-radius:3px;
	color:#fff;
	padding:5px 20px;
}

.more_btn a {
	color:#fff;
}

.more_btn a:hover {
	opacity:0.8;
}

/*** 頁尾資訊 ***/
#footer {
	background:url(../images/top/footer-bg.jpg) no-repeat center top, url(../images/mv_bg.jpg) repeat-x center center;
	padding:200px 0 40px;
}
#footer footer {
	width:1000px;
}

/*** Responsive Web Design 響應式網頁 ***/
@media screen and (max-width: 980px) {
.mv_bg {
	display:none;
}

.m_mv_bg {
	display:block;
	padding:0 0 40px;
	margin-top:60px;
	position:relative;
}

#m_mv {
	background:#592216;
	padding:10px;
	overflow:hidden;
	position:relative;
}

#m_mv img {
	max-width:100%;
}

#m_mv .m_move_img01 {
	position:absolute;
	right:36px;
	bottom:-26px;
}

/*** 頁尾資訊 ***/
#footer {
	background-repeat:repeat;
	padding:40px 0;
}

}

@media screen and (max-width: 640px) {
#m_mv .m_move_img01 {
	right:10px;
}

}

@media screen and (max-width: 480px) {
#m_mv .m_move_img01 {
	width:300px;
}

}

@media screen and (max-width: 360px) {
#m_mv .m_move_img01 {
	width:250px;
}

}