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

/*** MV ***/
#mv {
	/*background:url(../images/features/mv_bg01.jpg) no-repeat;*/
	background-image:url(../images/features/mv_bg01.jpg);
	background-repeat:no-repeat;
}

#mv #move_img01 {
	position:absolute;
	bottom:0;
	right:4px;
}

/*** 內容 ***/
#section1 .section_mv {
	background-image:url(../images/features/section1_bg.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:351px;
	padding-top:34px;
}

#section1 .section_mv h2 {
	background:url(../images/features/section1_title.png) no-repeat left top;
	height:135px;
	text-indent:-9999px;
	margin-bottom:61px;
}

#section1 .section_mv p {
	background:url(../images/features/section1_text01.png) no-repeat left top;
	height:110px;
	text-indent:-9999px;
}

#section1 .m_section_mv {
	display:none;
}

.click_me {
	width:100%;
	background:#1FB0FF;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:20px 0;
}

.click_me a {
	color:#FFF;
}

.click_me a:hover {
	opacity:0.7;
}

/*** 頁尾資訊 ***/
#footer {
	background:url(../images/features/footer-bg.jpg) no-repeat center top;
	padding:20px 0 80px;
}

/*** Responsive Web Design 響應式網頁 ***/
@media screen and (max-width: 980px) {
/*** MV ***/
#mv {
	width:100%;
	background-position:60% top;
	background-size:cover;
}

/*** 內容 ***/
#section1 .section_mv {
	background-position:85% top;
	width:100%;
}

#section2 img {
	width:100%;
}

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

}

@media screen and (max-width: 640px) {
#section1 .section_mv {
	display:none;
}

#section1 .m_section_mv {
	display:block;
}

#section1 .m_section_mv img {
	width:100%;
}

}

@media screen and (max-width: 480px) {
#mv #move_img01 img {
	width:140px;
}

}