@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 animate 的 js */
@import url('/webeip/HT00100/Peggy/js/wow.js');

/* 以下是 slick-1.8.1 的相關 CSS */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick.css');
/* Add the new slick-theme.css if you want the default styling */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick-theme.css');

/* 以下是swiper-4.5.0 css */
@import url(https://unpkg.com/swiper/swiper-bundle.min.css);

/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

	.bodywrap_main{}

	.bodywrap_btn{
		text-align: center;
		margin: 10px 0;
	}
	.bodywrap_btn > a{
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		margin: 5px;
		background-color: rgb(0 0 0 / 80%);
		color: #fff;
		cursor: pointer;
		transition: all .3s;
	}
	.bodywrap_btn > a.current{
		background-color: #f87729;
	}
	.bodywrap_btn > a:hover{
		background-color: #f87729;
	}
	.bodywrap_main h2{
		width: 100%;
		padding: 40px 0;
		box-sizing: border-box;
		text-align: center;
		background-color: #efefef;
		font-size: 1.75rem;
		margin-bottom: 20px;
	}
	.bodywrap_main h2 span{
		display: inline-block;
		letter-spacing: 5px;
		position: relative;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.bodywrap_en{ display: none; }

	.bodywrap_box{
		width: 90%;
		max-width: 1000px;
		margin: 0 auto 80px;
	}
	.bodywrap_box > h1{
		margin-bottom: 10px;
	}
	.bodywrap_box > h3{
		margin: 10px 0;
		padding-left: 5px;
		box-sizing: border-box;
		border-left: 3px solid #009688;
	}
	.bodywrap_box > p{
		text-align: justify;
		line-height: 25px;
		margin-bottom: 20px;
	}
	.bodywrap_box > ul{
		display: block;
		width: 95%;
		padding: 10px;
		box-sizing: border-box;
	}
	.bodywrap_img{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.bodywrap_box img{
		width: 100%;
		vertical-align: top;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.bodywrap_img2 > img{
		width: 50%;
	}

	.bodywrap_img3 > img{
		width: calc(100% / 3);
	}


@media all and (max-width: 768px){

	.bodywrap_btn{
		width: 100%;
		text-align: center;
		bottom: 10px;
		right: 0;
	}
	.bodywrap_main h2{ font-size: 1.5rem; }

	.bodywrap_img2 > img, .bodywrap_img3 > img{
		width: 100%;
	}

}
@media all and (max-width: 425px){


}