body {
	padding: 0;
	margin: 0;
	background: #f9fff5;
	color: #212529 !important;
	line-height: 1.3;
	font-size: 15px;
	font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Arial',
		sans-serif !important;
	font-weight: 400;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
	color: inherit;
}

body a:hover {
	text-decoration: none;
	color: var(--color_1);
}

body a:focus,
a:hover {
	text-decoration: none;
}

input[type='button'],
input[type='submit'] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.2;
}

p {
	margin: 0;
	letter-spacing: 1px;
	line-height: 1.5em;
}

.row {
	margin: 0px;
	padding: 0px;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	list-style: none;
}

label {
	margin: 0;
}

a:focus,
a:hover {
	text-decoration: none;
	outline: none;
}

.table td,
.table th {
	vertical-align: middle !important;
	padding: 0.75em;
}

.hide {
	display: none !important;
}

img {
	width: 100%;
}

.scroll-to-top {
	z-index: 1029;
	right: 1rem;
	bottom: 3.3rem;
	display: none;
}

.scroll-to-top a {
	width: 3.1rem;
	height: 3.1rem;
	background-color: rgba(44, 46, 48, 0.8);
	line-height: 3.1rem;
}

.scroll-to-top a::after {
	content: url(../images/svg/fa-angle.svg);
	position: absolute;
	top: 15%;
	right: 15%;
	width: 70%;
	opacity: 0.7;
}

.scroll-to-top a:hover::after {
	opacity: 1;
}

@media (max-width: 575px) {
	.scroll-to-top {
		right: 2.8em;
		bottom: 0;
	}

	.scroll-to-top a {
		width: 3.8em;
		height: 8.8em;
		line-height: 1;
		font-size: 1em;
		padding-top: 0.4em;
	}
}

/**/

/*END_container*/
/*-- //Reset-Code --*/
@media (max-width: 575px) {
	.container [class*='col-'] {
		padding-right: 0.8em !important;
		padding-left: 0.8em !important;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: 740px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 900px;
	}
}
@media (min-width: 992px) {
	.container,
	.page_wrap {
		max-width: 1100px;
	}
}

@media (min-width: 1200px) {
	.container,
	.page_wrap {
		max-width: 1150px;
	}
}

@media (min-width: 1600px) {
	.container,
	.page_wrap {
		max-width: 1200px;
	}
}

/*-- Color-Code --*/
:root {
	--color_1: #083714;
	--color_2: #355f27;
}

.bg-lightyellow {
	background-color: #fef4e9 !important;
}
.bg-blue {
	background-color: #2e426e !important;
}
.bg-gray {
	background-color: #ededed !important;
}
.bg-green {
	background-color: var(--color_1) !important;
}
.bg-green2 {
	background-color: #81bf4a;
}

.bg-gra-gold {
	background: -o-linear-gradient(
		to right,
		#d29334 0%,
		#fff4b6 50%,
		#d29334 100%
	);
	background: -moz-linear-gradient(
		to right,
		#d29334 0%,
		#fff4b6 50%,
		#d29334 100%
	);
	background: -webkit-linear-gradient(
		to right,
		#d29334 0%,
		#fff4b6 50%,
		#d29334 100%
	);
	background: linear-gradient(
		to right,
		#d29334 0%,
		#fff4b6 50%,
		#d29334 100%
	);
}

.f-color1 {
	color: var(--color_1) !important;
}
.border-white {
	border: 2px solid #fff;
}
.f-white {
	color: #ffffff !important;
}
.f-red {
	color: #851124 !important;
}
.f-red2 {
	color: #e60012 !important;
}
.f-yellow {
	color: #fdd100 !important;
}
.f-oldyellow {
	color: #e89d32 !important;
	border-bottom: 0.1em solid #e89d32 !important;
}
.white_line {
	color: #032913;
	font-weight: 700;
	text-shadow: 0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff,
		0 0 0.08em #ffffff, 0 0 0.08em #ffffff, 0 0 0.08em #ffffff;
}
.f-black_line {
	letter-spacing: 3px !important;
	text-shadow: 0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		0 0 0.08em #032913, 0 0 0.08em #032913, 0 0 0.08em #032913,
		3px 3px 0.1em #032913;
}
.f-black_line.none {
	text-shadow: none !important;
}
/*-- //Color-Code --*/

.navbar_logo {
	font-size: 1.2em !important;
	line-height: 1.6 !important;
	display: block;
	letter-spacing: 1px;
	margin-top: 0.1em;
	margin-bottom: 0 !important;
	color: #1e1e1e;
}

.bg_main {
	/* background-image: url('../images/bg_main.png'); */
	/* background-position: center;
	background-repeat: repeat;
	background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto; */
	background-color: #f9fff5;
}
.bg_th1 {
	background-image: url('../images/bg_01.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.bg_repeat {
	background-repeat: repeat !important;
}

.index_ad_bg {
	background-image: url('../images/index_ad_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.bg_video {
	background-image: url('../images/video_bg.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	padding: 4em 0;
}
.bg_video_00 {
	background-image: url('../images/video_00.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	padding: 0 0 7.9em 0;
}
.bg_video_00_border {
	border: 1em solid #eaeff8;
	width: 80%;
	margin-left: 10%;
}

.page_wrap {
	margin: 0 auto;
	width: 100%;
	background-color: #fff;
}
/*-------------------------------------Media------------------------------------------*/
@media screen and (max-width: 768px) {
	.bg_th3 {
		background-image: url('../images/bg_04.png');
		background-position: right top;
		background-repeat: no-repeat;
		background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}
}

/**/
/*------------------------------------#END_Media--------------------------------------*/

/*水平垂直至中*/
.middle {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

/*BTNN*/
.hoverbig img {
	filter: drop-shadow(2px 2px 2px #303030);
}

.hoverbig:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	filter: drop-shadow(0px 0px 0px #303030);
}

.btngo {
	min-width: 28%;
	font-weight: 700;
	color: #fff;
	background-color: #bd1c10;
	padding: 0.6em 0;
	margin-top: 2em;
	box-shadow: 8px 8px 0 rgba(100, 100, 100, 0.8);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	display: inline-block;
	border-radius: 10em;
	align-items: center;
}

.btngo img {
	width: 2em;
	margin-right: 0.5em;
	transition: 0.5s all;
	vertical-align: bottom;
}

.btngo:hover {
	color: #ffe05f;
	box-shadow: 2px 2px 0 rgba(100, 100, 100, 0.8);
}

.btngo:hover img {
	margin-right: 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

/*#BTNN*/
.shadow-f {
	filter: drop-shadow(3px 3px 5px #303030);
}

.shadow-f:hover {
	filter: drop-shadow(8px 8px 8px #303030);
}

/*click*/
.click_box {
	position: relative;
	display: inline-block;
}

.click_box:hover img.click_hand,
.click_box.active img.click_hand {
	display: none;
}

.click_hand {
	position: absolute;
	filter: drop-shadow(2px 2px 2px #303030);
	width: 3em;
	z-index: 2;
}

/*##click*/

/*---------------------------header------------------------------*/
header .header_logo {
	position: relative;
}
header .header_logo:before {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: -2em;
	width: 35em;
	right: 0em;
	bottom: 0;
	background: url(../images/header_logo_bg.png) center 0 no-repeat;
	background-size: cover;
}
.a {
	filter: saturate(0.2);
}
.b {
	filter: saturate(1.5);
}
.c {
	filter: saturate(3);
}
/* header */

/*-------------------Top--------------------*/

@media screen and (max-width: 575px) {
	#toppp p.lp-5 {
		letter-spacing: 2px !important;
	}

	.navbar {
		padding: 0.5rem !important;
	}
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1600px) {
}

/*-------------------#Top--------------------*/
/*-------------------Menu--------------------*/
#mainNav {
	width: 100%;
	background-color: #81bf4a;
	z-index: 2000;
	box-shadow: 0em 0.5em 0.5em rgba(48, 48, 48, 0.6);
}
#mainNav ul {
	width: 96%;
	max-width: 1350px;
	margin: 0 auto;
}

#mainNav ul li {
	width: calc(100% / 8);
	text-align: center !important;
	font-size: 1.7em;
	line-height: 1.2;
	vertical-align: middle;
	margin: 0;
}

#mainNav ul li a {
	color: #ffffff;
	display: inline-block;
	letter-spacing: 1.5px;
}
#mainNav ul li a.nav-link {
	padding: 0.5rem 0;
}

#mainNav.ontop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

#mainNav .navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(8, 55, 20, 1);
	border-width: 0.2em;
}
#mainNav .navbar-toggler {
	padding: 0.25em;
}

@media screen and (max-width: 991px) {
	#mainNav ul li {
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 575px) {
	#mainNav {
		font-size: 3vw;
		padding: 0.4em 0.4em 0.4em 0;
		background-color: unset;
		box-shadow: unset;
	}
	.navbar {
		padding: 0.4em 0.4em 0.4em 0 !important;
	}
	#mainNav ul {
		margin-top: 2em;
	}
	#mainNav ul li {
		background-color: #154d17;
		width: calc(100% / 3.3);
		margin: 0.25em;
		padding: 0.25em 0;
		border-radius: 0.5em;
	}
	#mainNav ul li a {
		display: inline-block;
		background-image: unset;
		padding: 0.4em 0 0.5em 0em !important;
		color: #ffffff;
		font-weight: 700;
	}

	#ph_phone {
		background-color: #77bd2b;
		padding-top: 1.25em;
	}
	#ph_phone p.lp-5 {
		letter-spacing: 2px !important;
	}
	#mainNav.ontop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0.2em 0.2em 1em #1e1e1e;
		background-color: #fff;
	}

	#mainNav.ontop .logoimg img {
		/* width: 90% !important; */
		margin: 0 auto;
	}
}
/**/
/*---------------#END_mainNav---------------*/
/*------------------Banner------------------*/

@media screen and (max-width: 575px) {
}
/*---------------#END_Banner---------------*/

@media screen and (max-width: 575px) {
}

/**/

/*---------------------------#END_header----------------------------*/

/*---------------------------allpage_same------------------------------*/
.title_tag {
	width: 22em;
	margin-bottom: 2em;
}
/*---------------------------#allpage_same------------------------------*/
/*---------------------------index_same------------------------------*/
section {
	padding: 5em 0;
}
.page_con_1 {
	width: 90%;
	margin-left: 0%;
}
@media screen and (min-width: 576px) {
	.page_con_1 {
		width: 80%;
		margin-left: 10%;
	}
	#index_page .title_tag {
		margin-bottom: 3em;
	}
}

/*---------------------------index_same------------------------------*/

/*---------------------------index_pt1------------------------------*/

/*MEDIA*/
@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 575px) {
}

/**/
/*---------------------------#END_index_pt1------------------------------*/
/*---------------------------index_pt2-----------------------------------*/

@media screen and (min-width: 576px) {
}
/*---------------------------#index_pt2------------------------------*/
/*---------------------------index_pt3-----------------------------------*/

.ser_pt .ser_img {
	border-radius: 0.8em;
	overflow: hidden;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.75);
	margin-right: 0.65em;
}
.ser_pt h4 {
	display: inline-block;
	color: #bd1c10;
	border-bottom: 0.1em solid #bd1c10;
	margin-bottom: 0.5em;
}

.ser_pt .ser_list li {
	list-style: none;
	position: relative;
	margin-bottom: 0.65em;
	text-indent: 1.5em;
}
.ser_pt .ser_list li::before {
	content: url(../images/check.svg);
	display: inline-block;
	width: 1.2em;
	position: absolute;
	left: -1.4em;
	top: 0.2em;
}
.ser_pt .ser_des {
	line-height: 2.3;
}
#index_pt3 .index_pt3_con {
	width: 89%;
	margin-left: 0%;
}
@media screen and (min-width: 576px) {
	#index_pt3 .index_pt3_con {
		width: 70%;
		margin-left: 15%;
	}
}
@media screen and (max-width: 575px) {
	#index_page .ser_pt h4 {
		position: absolute;
		left: 0;
		bottom: 0;
		border-bottom: none;
		background-color: rgba(255, 255, 255, 0.7);
		display: block;
		text-align: center;
		margin-bottom: 0;
		width: 94%;
		padding: 0.5em 0;
		border-bottom-left-radius: 0.5em;
		border-bottom-right-radius: 0.5em;
	}
}

/**/
/*---------------------------#END_index_pt3------------------------------*/
/*---------------------------qa_part-----------------------------------*/

#qa_part .qa {
	line-height: 1.8 !important;
	margin-bottom: 3em;
	letter-spacing: 0.5px;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	background-color: #faffeb;
	box-shadow: 0.25em 0.25em #00000055;
	position: relative;
}
#qa_part .qa::before {
	content: url(../images/talk.png);
	position: absolute;
	bottom: -2.2em;
	left: 0;
	width: 1.5em;
}
#qa_part .bg_g1 {
	background-color: #cde573;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
}

#qa_part .qa h2 {
	font-weight: 700;
	background-color: #cde573;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
#qa_part .qa h2.bg_g2 {
	font-weight: 700;
	background-color: #7ab744;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
#qa_part .qa h2,
#qa_part .qa .qa-body {
	padding: 0.75em 0 0.75em 2em;
}

@media screen and (max-width: 575px) {
}

/**/
/*---------------------------#END_qa_part------------------------------*/

/*---------------------------dp_konw-----------------------------------*/

.sec_footer {
	background: -o-linear-gradient(
		to top,
		#f7f5ae 0%,
		#fff4b6 50%,
		#fffaee 100%
	);
	background: -moz-linear-gradient(
		to top,
		#f7f5ae 0%,
		#fffae8 50%,
		#fffaee 100%
	);
	background: -webkit-linear-gradient(
		to top,
		#f7f5ae 0%,
		#fffae8 50%,
		#fffaee 100%
	);
	background: linear-gradient(to top, #f7f5ae 0%, #fffae8 50%, #fffaee 100%);
}

#dp_know {
	padding: 0 4em;
}
#dp_know li {
	list-style: disc;
	margin-left: 0.75em;
}
#dp_know li,
#dp_know p {
	line-height: 1.8;
}
@media screen and (max-width: 575px) {
	#dp_know {
		padding: 0 5em 0 2em;
	}
}

/**/

/*---------------------------#END_dp_konw------------------------------*/
/*---------------------------contact_us-----------------------------------*/

@media screen and (min-width: 576px) {
}
@media screen and (max-width: 575px) {
	.phone_call {
		background-color: var(--color_2) !important;
		color: #fff !important;
		padding: 0.5em 0.25em !important;
		border-radius: 10em !important;
	}
	.addr_btn {
		background-color: var(--color_2) !important;
		display: block;
		width: 100%;
		padding: 0.5em 0.5em 0.5em 5.4em;
		position: relative;
		background-image: url('../images/smile.png');
		background-repeat: no-repeat;
		background-position: center left;
		background-size: auto 88%;
		-ms-background-size: auto 88%;
		-moz-background-size: auto 88%;
		-webkit-background-size: auto 88%;
	}

	.addr_btn a {
		color: #fff;
		font-weight: 700;
	}
	.addr_smile {
		position: relative;
	}
}

/**/

/*---------------------------#END_contact_us------------------------------*/
/*---------------------------index_newspt-----------------------------------*/
/* slick base  */
.slider {
	margin: 0 -10px; /* 對應 slide 的左右 padding，讓內容對齊外框 */
}

/* 每個 slide 的左右間距 + 內部底色/內距 */
.slider .slick-slide {
	padding: 0 10px; /* slide 之間的水平間距 */
	box-sizing: border-box;
}

.slider .news_item {
	position: relative;
	padding: 1.25em; /* 原本放在 slick-slide 的內距*/
	padding-bottom: 2.6em; /* 預留底部給 date/read 的 */

	text-align: left;

	display: flex;
	width: 100%;
	height: 100%;
}

/* typography */
.slider .news_item_title {
	line-height: 1.2;
	margin-top: 0.35em;
}

.slider .news_item_content {
	line-height: 1.2;
	margin-top: 0.5em;
}

/* hover */
.slider .news_item:hover .news_item_title,
.slider .news_item:hover .news_item_content {
	color: #537e26;
}

.slider .news_item:hover .pawnnews_read {
	font-size: 1.2em;
}

/* Slick 等高：track → slide → slide內層 → item → card → link */
.slider .slick-track {
	display: flex;
	align-items: stretch;
}

.slider .slick-slide {
	height: auto;
	display: flex;
}

.slider .slick-slide > div {
	display: flex;
	width: 100%;
}

/* card 等高骨架 */
.slider .news_item .card {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #f8fff2;
	border: none;
	position: relative;
	padding-bottom: 3.6em;
}

.slider .news_item .news_link {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.slider .news_item .card-body {
	flex: 1 1 auto;
	border-top: 1px solid #77bd2b;
	padding: 1.25rem 1.25rem 0rem;
}
.line-clamp-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 這裡控制行數 */
	overflow: hidden;
}

/* card-footer / date / read */
.slider .card-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: unset;
	padding: 0;
	border-top: unset;
}
.slider .pawnnews_date {
	background-color: #77bd2b;
	padding: 0.8em 1.6em;
	display: inline-block;
}

.slider .pawnnews_read {
	position: absolute;
	right: 1em;
	bottom: 0.9em;
	color: #a7b1ab;
	z-index: 5;
}
@media screen and (max-width: 768px) {
	.newspt ul.news_list {
		width: 90%;
	}
	.slider .news_item {
		padding: 0.5em;
	}
}

/**/

/*---------------------------#END_index_newspt------------------------------*/
/*---------------------------news_page------------------------------*/

#news .title_tag {
	margin-bottom: 0;
}

#news ul.news_list {
	width: 90%;
	margin: 1em auto;
}
#news ul.news_list li {
	margin-bottom: 0.5em;
	padding: 0.75em 1.5em;
	background-color: #fff;
	border-radius: 5em;
}
#news ul.news_list li:hover {
	background-color: #77bd2b;
}
#news ul.news_list li:hover p {
	color: #fff;
}
#news ul.news_list li a {
	line-height: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bg_line {
	border-bottom: 4px solid var(--color_2);
	margin-bottom: 2em;
}
.bg_line_right {
	border-right: 4px solid var(--color_2);
	margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
	#news ul.news_list {
		width: 90%;
	}
	.bg_line_right {
		border-right: none;
	}
}

/* 頁碼 */
.news_btns {
	width: 80%;
	margin: 1em auto 0 auto;
}
.news_btns .news_btn {
	background-color: var(--color_1);
	color: #fff;
	padding: 0.5em 0;
}
.news_btns .news_btn:first-child {
	border-top-left-radius: 0.75em;
	border-bottom-left-radius: 0.75em;
}
.news_btns .news_btn:last-child {
	border-top-right-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
}
.news_btns .news_btn:not(:last-child) {
	border-right: 1px solid #fff;
}
.news_btns .news_btn:hover {
	background-color: #800800;
	color: #fff;
}

/* ##頁碼 */

/*---------------------------#END_news_page------------------------------*/
/*---------------------------about_page------------------------------*/

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 575px) {
}

/*---------------------------#END_about_page------------------------------*/
/*---------------------------ser_page------------------------------*/

#ser ul {
	margin-left: 2em;
}
#ser ul li {
	list-style: decimal !important;
}

hr.green {
	border-top: 0.35em solid rgba(21, 77, 23, 1);
	margin-top: 3em;
	margin-bottom: 3em;
}

@media screen and (min-width: 576px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 575px) {
}

/*---------------------------#END_ser_page------------------------------*/
/*---------------------------footerstyle------------------------------*/

footer {
	background-image: url('../images/bg_footer.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;

	padding: 4em 0;
}
footer a:hover {
	color: #154d17;
}
footer p,
footer a {
	line-height: 1.8;
}
footer .title {
	padding-bottom: 0.1em;
	margin-bottom: 0.4em;
	border-bottom: 0.3em solid #154d17;
	display: inline-block;
}

footer .footer_logo_position {
	position: relative;
}
footer .footer_logo_position:before {
	content: ' ';
	position: absolute;
	top: -3.3em;
	width: 39em;
	right: 2em;
	bottom: 0;
	background: url(../images/logo_bg.png) center 0 no-repeat;
	background-size: contain;
}

footer ul li ul#pages {
	width: 80%;
	margin: 0 auto;
}
footer ul li ul#pages li {
	width: 50%;
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 575px) {
	footer {
		padding: 2em 0;
		background-color: #fff;
	}

	footer .title {
		letter-spacing: 1px;
	}
}

/**/
/*---------------------------#END_footerstyle----------------------------*/
/*---------------------------#copyright----------------------------------*/
.bg_co {
	background-image: url('../images/bg_co.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;

	padding: 0.25em 0;
}

/*---------------------------#END_copyright------------------------------*/

/*---------------------------media------------------------------*/
@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1199px) {
	body {
		font-size: 13px !important;
	}
}

@media screen and (max-width: 991px) {
	body {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 9px !important;
	}
}

/*576以上*/
@media screen and (min-width: 576px) {
	.type_ph {
		display: none !important;
	}
}

/*手機板575*/

@media screen and (max-width: 575px) {
	body {
		font-size: 2.6vw !important;
	}

	section {
		padding-bottom: 4em;
		padding-top: 4em;
	}

	.type_pc {
		display: none !important;
	}

	.nolr {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 470px) {
}

@media screen and (max-width: 440px) {
	body {
		font-size: 2.8vw !important;
	}
}

/*END_media*/