html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	font-family:Arial, "微軟正黑體 Light";
	box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6, p{ letter-spacing:1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1;
	background-color:#e3e0e1;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
strong, b {
	font-weight: bold
}
em, i {
	font-style: italic
}
a{
	text-decoration:none; 
}


.wrapper{ width:100%;}
.wrapper img{ width:100%;}
.main{ width:100%; margin:0 auto;}
.shadow{box-shadow:-10px 10px 5px rgba(50%,50%,50%,0.5);}
.box{
	width: 100%;
}
.block h2{
	text-align: center;
	color: #395760;
	font-size: 140px;
	padding: 50px 0;
	margin: 0;	
	position: relative;

}
.media-section-items-block{
	position: relative;
}

.media-section-item02{
	position: relative;
	top: -5px;
}
.media-section-item03{
	position: relative;
    top: -5px;
}
.media-section-item10{
	position: relative;
	/* top: 3px; */
	/* margin-top: -3px; */
}






.footer{
	width:100%;
	background:#efefef;
	position: relative;
	top: -3px;
}
.footer-wrap {
	width:100%;
	margin:0 auto;
}
.footer-wrap li{
	width:25%;
	float:left;
	background:#002838;
	box-sizing:border-box;
	text-align:center;
	padding: 20px 0;
}
.footer-wrap li i{
	color :#fff;
	font-size: 34px;
}

.carousel_txt p{
	color: #33545f;
	position: relative;
	font-size: 60px;
	text-align: center;
	padding: 30px 0;
	background-color: #fcf3ef;
}
.carousel_txt p:before{
	content:'';
	position: absolute;
	display: block;
	height: 60px;
	width: 3px;
	background-color: #33545f;
	left: 38%;
	top: 25px;

}
.carousel_txt p:after{
	content:'';
	position: absolute;
	display: block;
	height: 60px;
	width: 3px;
	background-color: #33545f;
	right: 38%;
	top: 25px;

}

.carousel_case_txt p:before{
	left: 35%;
	top: 25px;

}
.carousel_case_txt p:after{
	right: 35%;
	top: 25px;

}


.animated {
	opacity: 0;
	transition: all 1.5s;
	transform: translateY(80px);
  }
.unique-animated{
	opacity: 0;
	transition: all 1.5s;
	transform: translateY(100px);
}
  .fadeIn {
	opacity: 1;
	transform: translateY(0);
  }

#mobile{
	display: none;
}

.media-section-items-desktop{
	display: block;
}
.media-section-items-mobile{
	display: none;
}
.wrap{
	width:80%;
	margin:0 auto 30px auto;
}
.bg01{background:#395760;}


@media (max-width: 1024px) {
	
	.footer-wrap li{
		width:100%;
		float:none;
		border-bottom: 1px solid #fff;
	}
	.footer-wrap li:last-child{
		border-bottom:0;
	}
	#desktop{
		display: none;
	}
	#mobile{
		display: block;
	}
	#mobile p{
		color: #ffaa7f;
		position: relative;
		font-size: 20px;

	}
	#mobile p:before{
		content:'';
		position: absolute;
		display: block;
		height: 20px;
		width: 2px;
		background-color: #ffaa7f;
		left: 35%;
		top: -1px;

	}
	#mobile p:after{
		content:'';
		position: absolute;
		display: block;
		height: 20px;
		width: 2px;
		background-color: #ffaa7f;
		right: 35%;
		top: -1px;

	}
	.media-section-items-desktop{
		display: none;
	}
	.media-section-items-mobile{
		display: block;
	}
	.carousel_txt{
		display: none;
	}
	.media-section-item02{
		position: absolute;
		bottom: 0;
		top: initial;
	}
	.media-section-item03{
		position: relative;
		top: -10px;
	}
	.media-section-item10{
		position: relative;
		top: 3px;
		margin-top: -3px;
	}
	.wrap{
	width:100%;
}
	
}