body{
	margin: 0px;
	padding: 0px;
	font-family: '微軟正黑體', sans-serif;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}

input[type="button"]:active {
	outline: none;
	border: none;
}

* {
	box-sizing: border-box;
}
 
*:focus {
	outline: 0 !important;
}

a:hover{
	text-decoration: none !important;
}

.lazyLoad{
	position: relative;
	top: 50px;
	opacity: 0;
	transition: .3s;
}

.lazyLoad.show{
	top: 0px;
	opacity: 1;
}		



.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 359px;
    margin-bottom: -324px;
    z-index: 999999999999;
}

.footer iframe {
	height: 314px;
}

.wrapperArea {
	width: 100%;
	margin-top: 80px;
}







.wrapper {
	position: relative;
	width: calc( 100% - 50px );
	max-width: 940px;
	margin: 0 auto;
}











.frame {
	display: inline-block;
	position: relative;
	padding: 25px;
	background: #fff;
}

.frame_1:before {
	content: '';
	position: absolute;
	bottom: 25px;
	right: -24px;
	width: 25px;
	height: 25px;
	background: url('../images/arrow_1.png') no-repeat;
	background-size: 25px;
}

.frame_2:before {
	content: '';
	position: absolute;
	top: 25;
	right: -24px;
	width: 25px;
	height: 25px;
	background: url('../images/arrow_2.png') no-repeat;
	background-size: 25px;
}

.frame_2 {
	color: #fff;
	background: #f99789;
}

.frame_3:before {
	content: '';
	position: absolute;
	bottom: 25px;
	left: -24px;
	width: 25px;
	height: 25px;
	background: url('../images/arrow_3.png') no-repeat;
	background-size: 25px;
}

.frame_3 {
	color: #fff;
	background: #f4605d;
}

.frame_4:before {
	content: '';
	position: absolute;
	top: 25px;
	left: -24px;
	width: 25px;
	height: 25px;
	background: url('../images/arrow_4.png') no-repeat;
	background-size: 25px;
}








.content {
	position: relative;
	width: 100%;
}

.sticky_button_area {
	position: sticky;
	bottom: 0;
	left: 0;
}


@media screen and (max-width: 979px) {
	.footer iframe {
		height: 485px;
	}

	.frame {
		padding: 15px;
	}

	.frame_1:before {
		bottom: 10px;
		right: -9px;
		width: 10px;
		height: 10px;
		background-size: 10px;
	}
	
	.frame_2:before {
		top: 10;
		right: -9px;
		width: 10px;
		height: 10px;
		background-size: 10px;
	}
	
	.frame_3:before {
		bottom: 10px;
		left: -9px;
		width: 10px;
		height: 10px;
		background-size: 10px;
	}
	
	.frame_4:before {
		top: 10px;
		left: -9px;
		width: 10px;
		height: 10px;
		background-size: 10px;
	}
}