@charset "utf-8";
html {
	scroll-behavior: smooth;
}
.scroll_mt100 > [id] {
  scroll-margin-top: 100px;
}
body {
	font-family: 'Noto Serif TC', "微軟正黑體", "新細明體", "Arial Unicode MS";
	font-weight: 500;
	font-size: 1.1rem;
	
}
.container-fluid {
	max-width: none;
}

@media (min-width:992px) {
.container-fluid {
	max-width: 960px;
}
}

@media (min-width:1400px) {
.container-fluid {
	max-width: 1400px;
}
}
.footer {
	color: #fff;
	background-color: #d9b36c;
	;
	text-align: center;
	padding: 24px 15px 80px 15px;
}
.footer a {
	color: #ffd95a;
}

@media (min-width:992px) {
.footer {
	padding: 24px 15px;
}
}
.share {
	margin: 8px 0;
}
.share img {
	margin: 0 2px;
}
.backtop {
	position: fixed;
	z-index: 99;
	width: 48px;
	height: 48px;
	left: auto;
	bottom: 80px;
	margin-top: 0;
	margin-left: -64px;
	padding: 7px;
	background-color: #d9b36c;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: background 0.3s; /* Safari */
	transition: background 0.3s;
	right: 20px;
}
.backtop:hover {
	background-color: #ffd95a;
}

@media (min-width:992px) {
.backtop {
	margin-top: -130px;
}
}
.title_line {
	width: 48px;
	height: 2px;
	background-color: #d9b36c;
	margin: 30px auto;
}
/*==========header css==========*/

.header_logo {
	position: fixed;
	z-index: 891;
	top: 5px;
	left: 15px;
}
.header_logo img {
	-webkit-transition: all 0.3s; /* Safari */
	transition: all 0.3s;
	width: 72px;
	height: auto;
}

@media (min-width:992px) {
.header_logo {
	top: 5px;
	left: 15px;
	z-index: 950;
}
.header_logo img {
	width: 88px;
}
}

@media (min-width:1400px) {
.header_logo {
	left: calc(50% - 685px);
}
.header_logo img {
	width: 88px;
}
}
/*==========nav css==========*/

.menu_header {
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	width: 240px;
	height: 100%;
	background-color: #a67437;
	-webkit-transition: all 0.3s; /* Safari */
	transition: all 0.3s;
	overflow-y: auto;
}
.menu_header img {
	margin: 12px 0;
}
.menu_close {
	left: 100%;
	margin-left: 0px;
}
.menu_open {
	left: 100%;
	margin-left: -240px;
}
.menu_header .container-fluid {
	padding: 0;
	position: relative;
	max-width: 1400px;
}

@media (min-width:992px) {
.menu_header {
	position: fixed;
	width: 100%;
	height: 88px;
	background-image: url(../img/top_nav_bg.png);
	background-size: contain;
	background-color: transparent;
	border-bottom: 0px solid #0d3c84;
	overflow-y: visible;
}
.menu_open, .menu_close {
	left: 0;
	margin-left: 0;
}
.menu_header .container-fluid {
	padding: 0 15px;
}
}
.menu_ul {
	list-style: none;
	padding: 0;
}
.menu_ul li {
	border-bottom: 1px dotted #d39043;
	position: relative;
}
.menu_ul li a {
	color: #fff;
	display: block;
	font-size: 1.1rem;
	-webkit-transition: background 0.3s; /* Safari */
	transition: background 0.3s;
	padding: 15px;
}
.menu_ul li a:hover, .menu_ul li a:focus {
	text-decoration: none;
	background-color: #d39043;
}
.menu_ul li a span {
	display: block;
	font-size: 0.8rem;
}
.menu_ul li i {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	font-size: 1.6rem;
}

@media (min-width:992px) {
.menu_ul {
	text-align: center;
	border-radius: 4px;
	height: 34px;
	float: right;
	margin-top: 0px;
}
.menu_ul li {
	float: left;
	border: none;
	position: relative;
}
.menu_ul li a {
	color: #fff;
	font-size: 1rem;
	width: auto;
	text-align: center;
	padding: 32px 15px 32px 15px;
}
.menu_ul li a:hover, .menu_ul li a:focus {
	color: #edc684;
	background-color: transparent;
}
.menu_ul .mobile_home {
	display: none;
}
.menu_ul li i {
	display: none;
}
.menu_ul .nav_language a {
	margin: 24px 5px;
	padding: 8px 20px;
	border-radius: 30px;
	background-color: #60c1a1;
}
.menu_ul .nav_language a:hover {
	color: #fff;
	background-color: #b7da7d;
}
}

@media (min-width:1200px) {
.menu_ul li a {
	font-size: 1rem;
	width: auto;
	text-align: center;
	padding: 32px 30px 32px 30px;
}
.menu_ul .nav_language a {
	margin: 24px 5px 0 15px;
}
}
.mobile_hide {
	background-color: #000;
	opacity: 0;
	position: fixed;
	z-index: 899;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mobile_header {
	background-color: transparent;
	position: fixed;
	z-index: 890;
	height: 72px;
	width: 100%;
	border-bottom: 0px solid #1585cd;
	background-image: url(../img/top_nav_bg.png);
	background-size: contain;
}
.iconbar {
	float: right;
	width: 48px;
	height: 36px;
	margin: 15px 15px 0 15px;
	border: 2px solid #fff;
	border-radius: 4px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */
	transition: background 0.2s;
}
.iconbar_open {
	background-image: url(../img/iconbar_w.png);
}
.iconbar_close {
	background-image: url(../img/iconbar2.png);
	border-color: none;
}
.menu_title {
	margin: 3px 15px;
	padding-top: 15px;
	padding-bottom: 16px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
}

@media (min-width:992px) {
.mobile_hide {
	display: none;
}
.mobile_header {
	display: none;
}
.iconbar_close {
	display: none;
}
.menu_title {
	display: none;
}
}
.menu_ul .mobile_language {
	color: #fff;
	margin: 10px 15px;
	border: none;
}
.menu_ul .mobile_language a {
	display: inline-block;
	padding: 10px 16px;
	font-size: 0.9rem;
	border: 1px solid #fff;
	border-radius: 5px;
}
.menu_ul .mobile_language a:hover, .menu_ul .mobile_language a.active {
	background-color: #fff;
	color: #2a2b83;
}

@media (min-width:992px) {
.menu_ul .mobile_language {
	display: none;
}
}
.search_nav {
	display: none;
}

@media (min-width:992px) {
.search_nav {
	position: absolute;
	padding: 0;
	list-style: none;
	top: 2px;
	left: 100%;
	width: 400px;
	margin-left: -430px;
	text-align: right;
	display: block;
}
.search_nav li {
	display: inline-block;
	font-size: 0.8rem;
	margin-left: 15px;
}
.search_nav li a {
	color: #2a2b83;
}
.search_nav li a:hover {
	color: #946cad;
	text-decoration: none;
}
}

@media (min-width:1200px) {
.search_nav {
	margin-left: -445px;
}
}
.menu_ul .sub_nav {
	display: none;
	list-style: none;
	padding-bottom: 15px;
}
.menu_ul .sub_nav li {
	border: none;
}
.menu_ul .sub_nav a {
	padding: 5px 0;
	font-size: 0.9rem;
}

@media (min-width:992px) {
.menu_ul .sub_nav {
	position: absolute;
	top: 88px;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
	padding: 0;
	list-style: none;
}
.menu_ul .sub_nav a {
	background-image: none;
	padding: 15px 15px;
	margin: 0;
	border-top: 0px dotted #ccc;
	background-color: #333;
	color: #ccc;
	width: 200px;
	margin-left: 0;
	font-size: 0.9rem;
	text-align: left;
}
.menu_ul .sub_nav a:hover {
	background-color: #555;
	color: #fff;
	border-bottom: none;
}
}

@media (min-width:1600px) {
.menu_ul .sub_nav a {
	width: 220px;
	margin-left: 0;
	padding: 15px 30px;
}
}

@media (min-width:992px) {
.nav_item:hover .sub_nav_item {
	display: block;
}
}
.fadeInRight {
	-webkit-animation: fadeInRight 0.4s; /* Safari 4+ */
	-moz-animation: fadeInRight 0.4s; /* Fx 5+ */
	-o-animation: fadeInRight 0.4s; /* Opera 12+ */
	animation: fadeInRight 0.4s; /* IE 10+, Fx 29+ */
}
.social_content {
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	margin-top: 0;
	height: 68px;
	width: 100%;
	background-color: rgba(217,179,108,1);
	text-align: center;
}
.social_content .social_item {
	float: left;
	width: 33.33%;
	padding: 8px 0;
	border-right: 1px solid #fff;
}
.social_content .social_item:last-child {
	border-right: none;
}
.social_content .social_item a {
	color: #fff;
	font-size: 1.3rem;
}
.social_content .social_item a:hover {
	color: #ffd95a;
}
.social_content .social_item a i {
	position: relative;
}
.social_item_bg {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	background-color: #fff;
}
.social_content .social_item a span {
	font-size: 1rem;
	display: block;
}
.social_content .social_item_phone a i {
	color: #ff822c;
}
.social_content .social_item_map a i {
	color: #d03d2f;
}
.social_content .social_item_line a i {
	color: #00b300;
}
.social_content .social_item_fb a i {
	color: #1773ea;
}

@media (min-width:992px) {
.social_content {
	position: fixed;
	z-index: 99;
	bottom: 150px;
	left: 100%;
	margin-top: 0;
	margin-left: -64px;
	height: 160px;
	width: 48px;
	padding: 8px 12px;
	border-radius: 30px;
	background-color: rgba(000,000,000,0.5);
	text-align: center;
}
.social_content .social_item {
	margin: 6px 0;
	padding: 0;
	border: none;
	float: none;
	text-align: center;
}
.social_item_fb {
	padding-left: 0.5px;
	transform: scale(1.1);
}
.social_content .social_item a {
	font-size: 1.6rem;
}
.social_content .social_item a span {
	display: none;
}
.social_item_bg {
	width: 20px;
	height: 20px;
}
}
.mobile_header.mobile_scroll {
	background-color: #fff;
	background-image: none;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}
.mobile_header.mobile_scroll .iconbar {
	border: 2px solid #525269;
}
.mobile_header.mobile_scroll .iconbar_open {
	background-image: url(../img/iconbar.png);
}

@media (min-width:992px) {
.menu_header.menu_scroll {
	background-color: #fff;
	background-image: none;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}
.menu_header.menu_scroll .menu_ul li a {
	color: #555;
}
.menu_header.menu_scroll .menu_ul li a:hover {
	color: #d9b36c;
}
.menu_header.menu_scroll .menu_ul .sub_nav a {
	color: #ccc;
}
.menu_header.menu_scroll .menu_ul .sub_nav a:hover {
	color: #fff;
}
.menu_header.menu_scroll .menu_ul .nav_language a {
	color: #fff;
}
.menu_header.menu_scroll .menu_ul .nav_language a:hover {
	color: #fff;
}
}
/*==========main css==========*/


.nav_divide {
	display: none;
}

@media (min-width:992px) {
.nav_divide {
	width: 1rem;
	color: #555;
	margin-top: 30px;
	display: inline-block;
}
}

@media (min-width:1200px) {
.nav_divide {
	margin-top: 30px;
}
}
.top_blank {
	height: 0;
}

@media (min-width:992px) {
.top_blank {
	height: 0;
}
}
.carousel-fade .carousel-inner .carousel-item {
	height: 360px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity;
	-webkit-transition-duration: 1.0s;
	-moz-transition-duration: 1.0s;
	-o-transition-duration: 1.0s;
	transition-duration: 1.0s;
	position: relative;
}
.carousel-fade .carousel-inner .carousel-item, .carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1;
}
.carousel-caption {
	top: 88px;
	text-align: left;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;
}
.carousel-caption h2 {
	animation-duration: 1s;
	font-size: 1.8rem;
	font-weight: 900;
}
.carousel-caption h2 span {
	display: block;
}
.carousel-caption p {
	margin: 15px 0;
	font-size: 1rem;
	animation-duration: 1s;
}

@media (min-width:992px) {
.carousel-fade .carousel-inner .carousel-item {
	height: 640px;
}
.carousel-caption h2 {
	font-size: 2.8rem;
	animation-duration: 1s;
}
.carousel-caption h2 span {
	display: inline-block;
	margin-left: 15px;
}
.carousel-caption p {
	font-size: 1.4rem;
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption {
	top: 200px;
}
}

@media (min-width:1200px) {
.carousel-fade .carousel-inner .carousel-item {
	height: 720px;
}
.carousel-caption h2 {
	font-size: 2.8rem;
	animation-duration: 1s;
}
.carousel-caption p {
	font-size: 1.4rem;
}
.carousel-caption {
	top: 260px;
}
}

@media (min-width:1600px) {
.carousel-fade .carousel-inner .carousel-item {
	height: 880px;
}
.carousel-caption {
	top: 300px;
}
}
 @keyframes animatedBackground {
 0% {
transform: scale(1.0);
}
 100% {
transform: scale(1.2);
}
}
@-moz-keyframes animatedBackground {
 0% {
-moz-transform: scale(1.0);
}
 100% {
-moz-transform: scale(1.2);
}
}
@-webkit-keyframes animatedBackground {
 0% {
-webkit-transform: scale(1.0);
}
 100% {
-webkit-transform: scale(1.2);
}
}
@-ms-keyframes animatedBackground {
 0% {
-ms-transform: scale(1.0);
}
 100% {
-ms-transform: scale(1.2);
}
}
@-o-keyframes animatedBackground {
 0% {
-o-transform: scale(1.0);
}
 100% {
-o-transform: scale(1.2);
}
}
 @keyframes animatedBackgroundMobile {
 0% {
transform: scale(0.5);
}
 100% {
transform: scale(0.7);
}
}
@-moz-keyframes animatedBackgroundMobile {
 0% {
-moz-transform: scale(0.5);
}
 100% {
-moz-transform: scale(0.7);
}
}
@-webkit-keyframes animatedBackgroundMobile {
 0% {
-webkit-transform: scale(0.5);
}
 100% {
-webkit-transform: scale(0.7);
}
}
@-ms-keyframes animatedBackgroundMobile {
 0% {
-ms-transform: scale(0.5);
}
 100% {
-ms-transform: scale(0.7);
}
}
@-o-keyframes animatedBackgroundMobile {
 0% {
-o-transform: scale(0.5);
}
 100% {
-o-transform: scale(0.7);
}
}
/*.carousel-item .top_banner_pic{
	display:none;
}
.carousel-item .top_banner_pic img{
}*/

.carousel-item .top_banner_pic {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: animatedBackgroundMobile 12s infinite alternate;
	-moz-animation: animatedBackgroundMobile 12s infinite alternate;
	-webkit-animation: animatedBackgroundMobile 12s infinite alternate;
	-ms-animation: animatedBackgroundMobile 12s infinite alternate;
	-o-animation: animatedBackgroundMobile 12s infinite alternate;
}
.carousel-item .top_banner_pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
.carousel-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center left;
}

@media (min-width:992px) {
.carousel-item .top_banner_pic {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: animatedBackground 12s infinite alternate;
	-moz-animation: animatedBackground 12s infinite alternate;
	-webkit-animation: animatedBackground 12s infinite alternate;
	-ms-animation: animatedBackground 12s infinite alternate;
	-o-animation: animatedBackground 12s infinite alternate;
}
.carousel-item .top_banner_pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
.carousel-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
}
.home_banner_more {
	margin: 45px 0;
	text-shadow: none;
}
.home_banner_more a {
	padding: 10px 30px;
	border-radius: 30px;
	background-color: #fff;
	color: #333;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}
.home_banner_more a i {
	margin-left: 15px;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}
.home_banner_more a:hover {
	background-color: #333;
	color: #edc684;
	text-decoration: none;
}
.home_banner_more a:hover i {
	margin-left: 20px;
}
.home_banner_addon {
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: 0;
	transform: translate(0, 4px);
	width: 100%;
}
.home_banner_addon img {
	width: 100%;
	height: auto;
}
.scroll_down {
	display: none;
}

@media (min-width:992px) {
.scroll_down {
	height: 64px;
	width: 28px;
	border: 3px solid #fff;
	border-radius: 14px;
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 50%;
	margin-top: -120px;
	margin-left: -14px;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
	display: block;
}
.scroll_down:hover {
	border: 3px solid #edc684;
}
.scroll_item {
	height: 16px;
	width: 4px;
	border-radius: 2px;
	background-color: #fff;
	margin: 15px auto;
}
.scroll_down:hover .scroll_item {
	background-color: #edc684;
}
}
.view_lg {
	display: none;
}

@media (min-width:992px) {
.view_sm {
	display: none;
}
.view_lg {
	display: block;
}
}
.prev-alt {
	background-color: #0d3c84;
	color: #fff;
	position: absolute;
	z-index: 555;
	cursor: pointer;
	top: 50%;
	left: 0%;
	padding: 14px 15px 16px 15px;
	transform: translate(0, -50%);
	opacity: 0.75;
}
.prev-alt:hover {
	opacity: 1;
}
.next-alt {
	background-color: #0d3c84;
	color: #fff;
	position: absolute;
	z-index: 555;
	cursor: pointer;
	top: 50%;
	left: 100%;
	padding: 14px 15px 16px 15px;
	transform: translate(-100%, -50%);
	opacity: 0.75;
}
.next-alt:hover {
	opacity: 1;
}
.home_title {
	color: #333;
	font-weight: 900;
	font-family: 'Josefin Sans', 'Noto Serif TC', "微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size: 1.5rem;
}
.home_subtitle {
	color: #d9b36c;
	font-weight: 700;
	margin: 15px 0;
	font-size: 1.75rem;
}

@media (min-width:992px) {
.home_title {
	font-size: 4rem;
}
}
.home_block1 {
	padding: 80px 0 160px 0;
	color: #777;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-image: url(../img/home_bg1.jpg);
	background-size: cover;
	background-position: top center;
}
.home_service_item {
	margin: 15px 0;
	position: relative;
}
.home_service_item a {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home_service_pic {
	margin: 30px 0;
	position: relative;
}
.home_service_pic img {
	border-radius: 50%;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
.home_service_border1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -120px 0 0 -120px;
	width: 240px;
	height: 240px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_service_border2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -140px 0 0 -140px;
	width: 280px;
	height: 280px;
	border: 6px solid #d9b36c;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_service_item:hover .home_service_border1 {
	margin: -140px 0 0 -140px;
	width: 280px;
	height: 280px;
	border: 6px dotted #d9b36c;
	animation: animatedDot 12s linear infinite;
}
.home_service_item:hover .home_service_border2 {
	margin: -120px 0 0 -120px;
	width: 240px;
	height: 240px;
	border: 2px dotted #fff;
	animation: animatedDothover 12s linear infinite;
}
.home_service_text h4 {
	margin-top: 30px;
	transition: all 0.3s;
}
.home_service_item:hover .home_service_text h4 {
	color: #d9b36c;
}
 @keyframes animatedDot {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
@keyframes animatedDothover {
 0% {
transform: rotate(360deg);
}
 100% {
transform: rotate(0deg);
}
}
.home_block2 {
	padding: 80px 0 160px 0;
	background-color: #ededed;
	color: #777;
	overflow: hidden;
	position: relative;
	background-image: url(../img/home_bg2.jpg);
	background-size: cover;
	background-position: top center;
}
.home_price_item {
	margin: 15px 0;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}
.home_price_item:hover {
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}
.home_price_item a {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.home_price_pic {
	width: 100%;
	height: 240px;
	position: relative;
	overflow: hidden;
}
.home_price_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
.home_price_item:hover .home_price_pic img {
	transform: scale(1.2);
}
.home_price_text {
	padding: 15px;
}
.home_price_text h2 {
	color: #555;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	padding-bottom: 15px;
	font-size: 1.5rem;
}
.home_price_text div.price {
	text-align: right;
	font-size: 2.4rem;
	font-weight: 900;
	color: #d9b36c;
}
.home_price_text p {
	height: 5rem;
}

@media (min-width:992px) {
.home_price_pic {
	width: 100%;
	height: 240px;
}
}

@media (min-width:1400px) {
.home_price_pic {
	width: 100%;
	height: 320px;
}
}
.home_block3 {
	padding: 80px 0 160px 0;
	color: #777;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-image: url(../img/home_bg3.jpg);
	background-size: cover;
	background-position: top center;
}
.home_about_wrapper {
	position: relative;
}
.home_about_text h3 {
	margin: 30px 0 15px 0;
	font-weight: 700;
	font-size: 1.5rem;
}
.home_about_text p {
	line-height: 1.8rem;
}
.home_about_pic {
	margin: 30px auto;
	width: 320px;
	position: relative;
}
.home_about_pic img {
	width: 320px;
	height: 320px;
	border-radius: 50%;
}
.home_about_pic i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4rem;
	color: #fff;
	transition: all 0.3s;
}
.home_about_border1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -145px;
	width: 290px;
	height: 290px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_about_border2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -175px 0 0 -175px;
	width: 350px;
	height: 350px;
	border: 6px solid #d9b36c;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_about_pic a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.home_about_pic:hover .home_about_border1 {
	margin: -175px 0 0 -175px;
	width: 350px;
	height: 350px;
	border: 6px dotted #d9b36c;
	animation: animatedDot 12s linear infinite;
}
.home_about_pic:hover .home_about_border2 {
	margin: -80px 0 0 -80px;
	width: 160px;
	height: 160px;
	border: 4px dotted #fff;
	animation: animatedDothover 12s linear infinite;
}
.home_about_pic:hover i {
	color: #ff0000;
	font-size: 4.5rem;
}

@media (min-width:992px) {
.home_block3 {
	text-align: left;
}
.home_about_text {
	position: absolute;
	top: 50%;
	left: 400px;
	transform: translate(0, -50%);
}
.home_about_pic {
	margin: 120px 0;
}
.home_about_wrapper2 .home_about_text {
	left: 0;
	width: calc(100% - 400px);
}
.home_about_wrapper2 .home_about_pic {
	margin-left: auto
}
}

@media (min-width:1400px) {
.home_about_text {
	left: 560px;
}
.home_about_pic {
	margin: 30px 0;
	width: 480px;
}
.home_about_pic img {
	width: 480px;
	height: 480px;
	border-radius: 50%;
}
.home_about_border1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -230px 0 0 -230px;
	width: 460px;
	height: 460px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_about_border2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -250px;
	width: 500px;
	height: 500px;
	border: 6px solid #d9b36c;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_about_pic:hover .home_about_border1 {
	margin: -250px 0 0 -250px;
	width: 500px;
	height: 500px;
	border: 6px dotted #d9b36c;
	animation: animatedDot 12s linear infinite;
}
.home_about_pic:hover .home_about_border2 {
	margin: -80px 0 0 -80px;
	width: 160px;
	height: 160px;
	border: 4px dotted #fff;
	animation: animatedDothover 12s linear infinite;
}
.home_about_wrapper2 .home_about_text {
	left: 0;
	width: calc(100% - 560px);
}
}
.home_block4 {
	padding: 80px 0 160px 0;
	background-color: #ededed;
	color: #777;
	overflow: hidden;
	position: relative;
	background-image: url(../img/home_bg4.jpg);
	background-size: cover;
	background-position: top center;
}
.home_knowledge_wrapper .home_knowledge_slick .slick-center {
	transform: translate(0, -30px);
}
.home_knowledge_wrapper .home_knowledge_slick .prev-alt {
	background-color: #d9b36c;
	color: #fff;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	text-align: center;
	padding: 20px 15px;
	opacity: 1;
}
.home_knowledge_wrapper .home_knowledge_slick .next-alt {
	background-color: #d9b36c;
	color: #fff;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	text-align: center;
	padding: 20px 15px;
	opacity: 1;
}
.home_knowledge_wrapper .home_banner_more a {
	box-shadow: none;
}
.home_knowledge_slick {
	height: 500px;
}
.home_knowledge_item {
	margin: 45px 30px 15px 30px;
	padding: 0px;
	transition: all 0.3s;
	transition-timing-function: ease-in;
}
.home_knowledge_text h4 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
.home_knowledge_pic {
	height: 240px;
	margin-bottom: 15px;
	border-radius: 5px;
	background-position: center;
	background-size: cover;
}

@media (min-width:992px) {
.home_knowledge_wrapper .home_knowledge_slick .prev-alt {
	top: 50%;
	left: 50%;
	transform: translate(-450%, -50%);
}
.home_knowledge_wrapper .home_knowledge_slick .prev-alt:hover {
	background-color: #fff;
	color: #d9b36c;
}
.home_knowledge_wrapper .home_knowledge_slick .next-alt {
	top: 50%;
	left: 50%;
	transform: translate(350%, -50%);
}
.home_knowledge_wrapper .home_knowledge_slick .next-alt:hover {
	background-color: #fff;
	color: #d9b36c;
}
.home_knowledge_item {
	margin: 45px 30px 15px 30px;
}
}

.knowledge_author {
	position: relative;
    text-align: center;
    padding: 20px 20px;
    background-color: #fbecd7;
    border-radius: 15px;
	margin-top: 40px;
}
.knowledge_author h2 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0;
}
.knowledge_author h2:after {
	display: none;
}
.knowledge_author_img img {
	object-fit: cover;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.knowledge_author_info h3 {
	font-weight: bold;
	font-size: 1.4rem;
	color: #9e6d12;
}
@media (min-width:992px) {
	.knowledge_author {
		text-align: center;
		padding: 30px 60px;
	}
	.knowledge_author_box {
		text-align: left;
		display: flex;
		align-items: center;
	}
	.knowledge_author_img img {
		width: 200px;
		height: 200px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.knowledge_author_info {
		margin-left: 40px;
	}
}

.home_block5 {
	padding: 80px 0 160px 0;
	color: #777;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-image: url(../img/home_bg5.jpg);
	background-size: cover;
	background-position: top center;
}
.home_news_more {
	margin: 30px 0;
	text-shadow: none;
}
.home_news_more a {
	color: #333;
	transition: all 0.3s;
}
.home_news_more a i {
	margin-left: 15px;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}
.home_news_more a:hover {
	color: #d9b36c;
	text-decoration: none;
}
.home_news_more a:hover i {
	margin-left: 20px;
}
.home_news_pic {
	height: 240px;
	margin: 20px 0;
	background-position: center;
	background-size: cover;
}
.home_news_list {
	padding: 0;
	list-style: none;
}
.home_news_list li {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	position: relative;
}
.home_news_list li a {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.home_news_date {
	background-color: #d9b36c;
	color: #fff;
	border-radius: 5px;
	font-size: 0.8rem;
	width: 64px;
	height: 64px;
	text-align: center;
	margin-bottom: 15px;
}
.home_news_date span {
	display: block;
	font-weight: 900;
	font-size: 2.4rem;
	line-height: 2.6rem;
}
.home_news_text h4 {
	color: #555;
	font-weight: 700;
	transition: all 0.3s;
}
.home_news_list li:hover .home_news_text h4 {
	color: #d9b36c;
}

@media (min-width:992px) {
.home_news_pic {
	height: 360px;
	border-radius: 10px;
}
.home_news_date {
	float: left;
	margin-bottom: 0;
}
.home_news_text {
	margin-left: 80px;
}
.home_news_text h4,  .home_news_text p {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.home_news_text p {
	margin: 0;
}
}
.home_block6 {
	padding: 80px 0 160px 0;
	height: 1080px;
	background-color: #ededed;
	color: #777;
	overflow: hidden;
	position: relative;
	background-image: url(../img/home_bg6.jpg);
	background-size: cover;
	background-position: top center;
}
.home_testimonials_slick {
	height: 680px;
}
.home_testimonials_item {
	position: relative;
	padding: 60px 15px;
}
.home_testimonials_pic {
	width: 240px;
	margin: 30px auto;
	position: relative;
}
.home_testimonials_pic img {
	width: 240px;
	height: auto;
	border-radius: 50%;
}
.home_testimonials_border1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -110px 0 0 -110px;
	width: 220px;
	height: 220px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_testimonials_border2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -130px 0 0 -130px;
	width: 260px;
	height: 260px;
	border: 6px solid #d9b36c;
	border-radius: 50%;
	transition: all 0.3s;
}
.home_testimonials_rate {
	float: right;
	color: #ffbf00;
}
.home_testimonials_text h2 {
	color: #555;
	font-weight: 700;
	font-size: 1.5rem;
}
.home_testimonials_text .fa-quote-left {
	font-size: 3rem;
	color: #d9b36c;
	display: block;
	margin-bottom: 15px;
}
.home_testimonials_text .fa-quote-right {
	font-size: 3rem;
	color: #d9b36c;
	float: right;
}

@media (min-width:992px) {
.home_block6 {
	height: auto;
}
.home_testimonials_slick {
	height: 350px;
}
.home_testimonials_pic {
	margin: 0;
}
.home_testimonials_pic img {
}
.home_testimonials_border1 {
}
.home_testimonials_border2 {
}
.home_testimonials_text {
	position: absolute;
	top: 50%;
	left: 260px;
	transform: translate(0, -50%);
	padding: 30px;
	font-size: 0.9rem;
}
}
.home_block7 {
	padding: 80px 0 160px 0;
	color: #777;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-image: url(../img/home_bg7.jpg);
	background-size: cover;
	background-position: top center;
}
.home_related_item {
	position: relative;
}
.home_related_logo, .home_related_fb, .home_related_line {
	transition: all 0.3s;
	display: block;
	margin: 5px 0;
}
.home_related_fb {
	background-color: #385591;
	color: #fff;
	padding: 5px 5px;
	border-radius: 5px;
	width: 75%;
	font-size: 0.8rem;
	opacity: 1;
}
.home_related_fb:hover {
	text-decoration: none;
	background-color: #1773ea;
	color: #fff;
}
.home_related_line {
	background-color: #00b900;
	color: #fff;
	padding: 5px 5px;
	border-radius: 5px;
	width: 75%;
	font-size: 0.8rem;
	opacity: 1;
}
.home_related_line:hover {
	text-decoration: none;
	background-color: #59d210;
	color: #fff;
}
.home_related_item:hover .home_related_fb, .home_related_item:hover .home_related_line {
	opacity: 1;
}
.home_related_item:hover .home_related_logo {
	opacity: 0.3;
}

@media (min-width:992px) {
.home_related_fb,  .home_related_line {
	display: inline-block;
}
}
.home_contact_block {
	padding: 32px 0;
	background-color: #ededed;
}
.home_contact_text {
	text-align: center;
}

@media (min-width:992px) {
.home_contact_text {
	text-align: left;
}
}
.home_contact_text ul {
	list-style: none;
	padding: 0;
	font-size: 0.95rem;
	margin-top: 10px;
	color: #555;
}
.home_contact_text ul li a {
	color: #555;
}
.site_map {
	display: none;
}

@media (min-width:992px) {
.site_map {
	display: block;
}
}
.site_map_con h5 a {
	color: #d9b36c;
	font-size: 1.1rem;
}
.site_map_con ul {
	list-style: none;
	padding: 0;
	font-size: 0.95rem;
}
.site_map_con ul li a {
	color: #555;
}
.site_map_con h5 a:hover, .site_map_con ul li a:hover {
	color: #edc684;
	text-decoration: none;
}
.page_bread {
	background-color: #d9b36c;
	margin: 0;
	font-size: 0.9rem;
	display: table;
	width: 100%;
	position: relative;
}
.page_bread .container-fluid {
}
.page_bread .breadcrumb {
	background: none;
	float: left;
	text-align: left;
	padding: 15px 0 0 0;
}
.page_bread .breadcrumb li {
	border-radius: 0;
	color: #fff;
}
.page_bread .breadcrumb li::before {
	color: #fff;
}
.page_bread .breadcrumb a {
	color: #fff;
}
.page_bread .breadcrumb a:hover {
	color: #FC6;
	text-decoration: none;
}
.page_banner {
	background-position: center;
	background-size: cover;
	height: 280px;
	position: relative;
}
.page_banner h1,
.page_banner .page_title {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 30px;
	color: #fff;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;
	font-family: 'Josefin Sans', 'Noto Serif TC', "微軟正黑體", "新細明體", "Arial Unicode MS";
}
.page_banner .page_title {
	font-size: 2rem;
}
.page_banner .page_title span {
	display: block;
	font-size: 1.1rem;
}
@media (min-width:992px) {
.page_banner {
	height: 400px;
}
}
.page_anchor {
	position: absolute;
	top: -88px;
}
.page_block {
	padding: 80px 0;
	color: #666;
	overflow: hidden;
	position: relative;
	background-image: url(../img/page_bg1.jpg);
	background-size: cover;
	background-position: center;
}
.page_block .home_title, .page_block .home_subtitle {
	text-align: center;

}
.page_category_item {
	margin: 10px 0;
}
.page_category_item a {
	padding: 10px;
	border: 1px solid #d9b36c;
	color: #d9b36c;
	border-radius: 30px;
	text-align: center;
	transition: all 0.3s;
	display: block;
}
.page_category_item a:hover, .page_category_item a.active {
	background-color: #d9b36c;
	color: #fff;
	text-decoration: none;
}
.about_block {
	padding: 80px 0 80px 0;
	background-image: url(../img/service_bg1.jpg);
	background-position: top center;
}
.about_block .home_about_text .home_title, .about_block .home_about_text .home_subtitle {
	text-align: left;
}
.related_item {
	margin: 15px 0;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.related_item_text h2 {
	font-weight: 700;
	color: #333;
	font-size: 1.5rem;
}
.related_item_text ul {
	padding: 0;
	list-style: none;
}
.related_item_text ul li i {
	width: 24px;
	text-align: center;
	margin-right: 10px;
	color: #d9b36c;
}
.related_item_more a {
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	background-color: #d9b36c;
	color: #fff;
	transition: 0.3s;
}
.related_item_more a:hover {
	text-decoration: none;
	background-color: #ffd95a;
}
.related_item_more a:nth-child(2) {
	background-color: #385591;
}
.related_item_more a:nth-child(2):hover {
	background-color: #1773ea;
}
.related_item_more a:nth-child(3) {
	background-color: #00b900;
}
.related_item_more a:nth-child(3):hover {
	background-color: #59d210;
}
.related_detail_wrapper {
	margin: 30px 0;
	position: relative;
}
.related_detail_pic img {
	border-radius: 15px;
}
.related_detail_text h4 {
	font-weight: 700;
	color: #333;
}
.related_detail_text p {
	line-height: 1.8rem;
}
.related_detail_text p span {
	font-weight: 700;
	color: #d9b36c;
}
.related_detail_text .title_line {
	margin: 20px 0;
}
.service_note.related_note {
	padding: 30px 80px;
}
.service_note.related_note ul {
	padding: 0;
	list-style: none;
	text-align: left;
	margin: 0;
}
.service_note.related_note .related_item_more a:nth-child(1) {
	background-color: #385591;
}
.service_note.related_note .related_item_more a:nth-child(1):hover {
	background-color: #1773ea;
}
.service_note.related_note .related_item_more a:nth-child(2) {
	background-color: #00b900;
}
.service_note.related_note .related_item_more a:nth-child(2):hover {
	background-color: #59d210;
}
.about_block .home_testimonials_text {
	background-color: #fbecd7;
	padding: 15px 15px 80px 15px;
	border-radius: 15px;
}
.about_block .home_testimonials_text .fa-caret-left {
	display: none;
}

@media (min-width:992px) {
.related_item_pic {
	width: 240px;
}
.related_item_text {
	position: absolute;
	top: 50%;
	left: 320px;
	transform: translate(0, -50%);
}
.related_item_more {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}
.related_item_more a {
	width: 240px;
}
.related_detail_pic {
	width: 50%;
}
.related_detail_text {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(0, -50%);
}
.service_note.related_note .related_item_more {
	right: 80px;
}
.about_block .home_testimonials_text {
	font-size: 1rem;
	padding: 30px;
	left: 300px;
	width: calc(100% - 300px);
}
.about_block .home_testimonials_text .fa-caret-left {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-60%, -50%);
	font-size: 2rem;
	color: #fbecd7;
}
.home_testimonials_item2 .home_testimonials_pic {
	margin-left: auto;
}
.home_testimonials_item2 .home_testimonials_text {
	left: 0;
	width: calc(100% - 300px);
}
.home_testimonials_item2 .home_testimonials_text .fa-caret-left {
	left: 100%;
	transform: translate(-40%, -50%) rotate(180deg);
}
}

@media (min-width:1400px) {
.related_block .container-fluid {
	max-width: 1200px;
}
}
.service_block {
	padding: 80px 0 80px 0;
	background-image: url(../img/service_bg1.jpg);
	background-position: top center;
}
.service_banner {
	background-position: top left;
}
.pricing_wrapper {
	margin: 30px 0;
	padding: 30px 0;
/*	border-bottom: 1px solid #ccc;*/
	position: relative;
}
.pricing_text h2 {
	font-weight: 700;
	color: #333;
	font-size: 1.5rem;
}
.pricing_text p {
	line-height: 1.8rem;
}
.pricing_text .title_line {
	margin: 20px 0;
}
.pricing_text table tr td {
	vertical-align: middle;
}
.text_red {
	color: red;
}
.pricing_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.pricing_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
.pricing_pic:hover img {
	transform: scale(1.2);
}
.crane_album_item {
	margin: 15px 0;
}
.crane_album_item p {
	margin: 15px 0;
	text-align: center;
}
.crane_album_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.crane_album_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
.crane_album_pic:hover img {
	transform: scale(1.2);
}

@media (min-width:992px) {
.crane_album_pic {
	height: 320px;
}
}
.spa_process_wrapper {
	position: relative;
	padding: 40px 0;
}
.spa_process_pic img {
	border-radius: 15px;
}
.spa_process_text h2 {
	font-weight: 700;
	color: #333;
	font-size: 1.5rem;
}
.spa_process_text p {
	line-height: 1.8rem;
}
.spa_process_text ol, .spa_process_text ul {
	padding-left: 25px;
	line-height: 1.8rem;
}
.spa_process_text .title_line {
	margin: 20px 0;
}
.service_note {
	position: relative;
	text-align: center;
	padding: 30px 60px;
	background-color: #fbecd7;
	border-radius: 15px;
}
.service_note p {
	margin: 0;
}
.service_note p a {
	color: #d9b36c;
}
.service_note h2 {
	font-weight: 700;
	color: #333;
	font-size: 1.5rem;
}
.service_note h4 span {
	font-size: 2rem;
	color: #d9b36c;
}
.service_note .fa-quote-left {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 2rem;
	color: #d9b36c;
}
.service_note .fa-quote-right {
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 2rem;
	color: #d9b36c;
}

@media (min-width:992px) {
.pricing_pic {
	margin-left: auto;
	width: 360px;
	height: 360px;
}
.pricing_text {
	float: left;
	width: calc(100% - 440px);
}
.spa_process_text {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(0, -50%);
	width: 45%;
}
.spa_process_pic {
	width: 50%;
}
.spa_process_wrapper2 .spa_process_text {
	left: 0;
}
.spa_process_wrapper2 .spa_process_pic {
	margin-left: auto;
}
.service_note h4 span {
	font-size: 3rem;
}
}
.knowledge_block {
	padding: 80px 0 80px 0;
	background-image: url(../img/home_bg3.jpg);
	background-position: top center;
}
.page_knowledge_item {
	margin: 15px 0;
	padding: 0px;
	transition: all 0.3s;
	transition-timing-function: ease-in;
}
.page_knowledge_text h4 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
.page_knowledge_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.page_knowledge_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
.page_knowledge_item:hover .page_knowledge_pic img {
	transform: scale(1.2);
}

@media (min-width:992px) {
.page_knowledge_pic {
	height: 240px;
}
}
.news_block {
	padding: 80px 0 80px 0;
	background-image: url(../img/home_bg3.jpg);
	background-position: top center;
}
.page_news_con {
	position: relative;
	color: #777;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.page_news_pic {
	height: 240px;
	border-radius: 15px;
	overflow: hidden;
}
.page_news_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
.page_news_con:hover .page_news_pic img {
	transform: scale(1.2);
}
.page_news_text h4 {
	color: #555;
}
.page_news_date {
	margin: 10px 0;
	text-align: right;
}
.page_news_date span {
	margin-right: 10px;
	background-color: #B8934F;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
	font-size: 1rem;
}
.page_news_release {
	margin: 0 0 20px 0;
	text-align: left;
}
.page_news_release span {
	margin-right: 10px;
	background-color: #eeebe6;
	color: #111;
	padding: 5px 20px;
	border-radius: 15px;
	font-size: 1rem;
}

.page_news_con .home_banner_more {
	margin: 30px 0;
}
@media (min-width:992px) {
.page_news_pic {
	width: 320px;
	height: 200px;
	float: left;
}
.page_news_text {
	margin-left: 340px;
}
}

@media (min-width:1200px) {
.page_news_pic {
	width: 320px;
	height: 200px;
	float: left;
}
.page_news_text {
	margin-left: 340px;
}
}
.pagination .page-item .page-link {
	color: #d9b36c;
}
.pagination .page-item.active .page-link {
	background-color: #d9b36c;
	border-color: #d9b36c;
	color: #fff;
}
.pagination {
	justify-content: center;
}
.news_detail_block {
}
.news_detail_block .container-fluid {
	max-width: 1200px;
}
.news_detail_block .news_detail_title {
	color: #555;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 2rem;
}
.news_detail_content img {
	max-width: 100%;
	height: auto;
	border-radius: 15px;
}
.back_btn {
	margin: 30px 0;
}
.back_btn a {
	padding: 15px 40px;
	background-color: #1d4f7a;
	color: #fff;
	border-radius: 30px;
	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}
.back_btn a:hover {
	background-color: #456485;
	text-decoration: none;
}
.back_btn a i {
	margin-right: 10px;
}
.contact_block {
	padding: 80px 0 80px 0;
	background-image: url(../img/home_bg1.jpg);
	background-size: cover;
	background-position: top center;
}
.page_contact_info {
	padding: 0;
}
.page_contact_info ul {
	padding: 0;
	list-style: none;
}
.page_contact_info ul li {
	position: relative;
	padding: 8px 0 8px 40px;
}
.page_contact_info ul li i {
	width: 32px;
	height: 32px;
	padding: 6px 0 0 0;
	position: absolute;
	top: 6px;
	left: 0;
	border: 1px solid #d9b36c;
	border-radius: 50%;
	color: #d3a243;
	text-align: center;
}
.page_contact_info h2 {
	font-weight: 700;
	color: #d9b36c
}
.page_contact_info iframe {
	border-radius: 15px;
	overflow: hidden;
}
.page_contact_form {
	padding: 0;
}
.contact_block form {
}
.contact_block form .form-group textarea {
	padding: 30px 0;
	background-color: transparent;
	border-radius: 0;
	border: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.contact_block form .form-group input {
	padding: 30px 0;
	background-color: transparent;
	border-radius: 0;
	border: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.contact_block form .form-group select {
	padding: 0 22px;
	background-color: transparent;
	height: 52px;
	border-radius: 0;
}
.contact_block form .form-group button {
	background-color: #d9b36c;
	border-color: #d9b36c;
	color: #fff;
	padding: 15px 0;
	width: 128px;
	text-align: center;
	border-radius: 30px;
}
.contact_block form .form-group button[type="reset"] {
	background-color: #ccc;
	border-color: #ccc;
	color: #555;
}

@media (min-width: 1400px) {
.col-xxl-auto {
	flex: 0 0 auto;
	width: auto;
}
.col-xxl-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}
.col-xxl-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	max-width: none;
}
.col-xxl-3 {
	flex: 0 0 auto;
	width: 25%;
	max-width: none;
}
.col-xxl-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	max-width: none;
}
.col-xxl-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	max-width: none;
}
.col-xxl-6 {
	flex: 0 0 auto;
	width: 50%;
	max-width: none;
}
.col-xxl-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	max-width: none;
}
.col-xxl-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	max-width: none;
}
.col-xxl-9 {
	flex: 0 0 auto;
	width: 75%;
}
.col-xxl-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}
.col-xxl-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}
.col-xxl-12 {
	flex: 0 0 auto;
	width: 100%;
}
}
/*------------------cookies--------------------*/

#cookies-box {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999999;
	background-color: rgba(0,0,0,0.9);
	padding: 50px 50px;
	width: 100%;
	font-size: 1rem;
	line-height: 36px;
	color: #fff;/*	display: none;*/
}
#cookies-box h4 {
	font-size: 1.3rem;
	font-weight: bold;
}
#cookies-box p {
	margin: 0;
}
#cookies-box a {
	color: #fff;
	border-bottom: 2px solid #60c1a1;
	padding-bottom: 2px;
	margin: 0 3px;
}
#cookies-box .cookies-btn {
	margin-top: 10px;
	text-align: center;
}
#cookies-box .cookies-btn a {
	display: inline-block;
	width: 140px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#cookies-box .cookies-btn a:hover {
	background-color: #60c1a1;
	border-color: #60c1a1;
}

@media (min-width: 992px) {
#cookies-box .cookies-btn {
	margin-top: -5px;
	margin-left: 50px;
}
}
.privacy_block .container-fluid {
	max-width: 1200px;
}
.privacy_block h3 {
	color: #555;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
/*------------------UPDATE260106--------------------*/

.alldayservice_block .container-fluid {
	max-width: 1200px;
}
.alldayservice_block .accordion {
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}
.alldayservice_block .accordion .card {
	border: none;
}
.alldayservice_block .accordion .card .card-header {
	margin-bottom: 0;
	background-color: #fbecd7;
}
.alldayservice_block .accordion .card .card-header button {
	padding: 0;
	color: #555;
	font-weight: 700;
}
.alldayservice_block .accordion .card-body {
	border: none;
}
.alldayservice_block .home_banner_more {
	margin: 20px 0;
}
.alldayservice_block .home_banner_more a {
	background-color: #d9b36c;
	color: #fff;
}
.alldayservice_block .home_banner_more a:hover {
	background-color: #333;
	color: #edc684;
}
.pricing_more {
	text-align: center;
	display: block;
	margin: 30px 0;
	padding: 10px;
	border-radius: 30px;
	background-color: #d9b36c;
	color: #fff;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}
.pricing_more i {
	margin-left: 15px;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}
.home_price_item:hover .pricing_more {
	background-color: #333;
	color: #edc684;
	text-decoration: none;
}
.home_price_item:hover .pricing_more i {
	margin-left: 20px;
}
.home_price_pic_more {
	position: absolute;
	bottom: 15px;
	right: 15px;
	/*transform:translate(-50%,-50%); */
	color: #555;
	font-size: 0.9rem;
	font-weight: 700;
	transition: 0.3s;
	padding: 5px 30px;
	background-color: #fff;
	border-radius: 30px;
}
.home_price_item:hover .home_price_pic_more {
	background-color: #333;
	color: #edc684;
}


/*========================================================
                       footer-icon
=========================================================*/

.icon_Community a.js-btn-icon_Community {
    text-align: center;
    width: 50px;
    line-height: 47px;
    border-radius: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    background: #d9b36c;
    font-size: 22px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    height: 50px;
    pointer-events: auto;
}

.js-btn-icon_Community:hover,
.js-btn-icon_Community:focus {
    color: #fff;
    background-color: #b38a3f;
    border-color: #b38a3f;
}

.js-icon_Community .icon_li {
    position: relative;
    left: -100px;
    
}
.icon_li_img {
        max-width: 50px;
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        left: 0;
        z-index: 1;
    }
.js-icon_Community.active .icon_li {
    left: 0;
    pointer-events: auto;
}

.js-icon_Community .icon_li:nth-child(1) {
    transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.js-icon_Community .icon_li:nth-child(2) {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.js-icon_Community .icon_li:nth-child(3) {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}


.icon_li a:hover .icon{
	animation: go 3s linear infinite;
}
@keyframes go {
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  50%,100% {
    transform: rotate(0deg);
  }
}  

@media (max-width: 991.98px){
    .icon_Community {
        width: 100%;
        position: fixed;
        left: auto;
        bottom: 0;
        z-index: 999998;
        pointer-events: none;
    }
    .icon_Community_ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }
    .icon_Community_ul .icon_li {
        width: 33.33%;
        border-right: 1px solid #fff;
    }
    .icon_Community_ul .icon_li:last-child {
        border-right: none;
    }
	.icon_Community_ul .icon_name {
/*        font-size: 1.5rem;*/
		padding-top: 5px;
    }
    .icon_img {
        display: block;
        background: #d9b36c;
        overflow: hidden;
        text-align: center;
        color: #fff;
        position: relative;
        padding: 15px 10px 5px;
        text-decoration: none;
    }
	.icon_Community a{
		color: #fff;
		text-decoration:none;
	}
	.icon_Community a img{
		display: block;
		margin: 0 auto;
		width: 22px;
	}
	.icon_Community a:hover{
		background-color: #b38a3f;
	}
	.icon_Community a:hover img{
		animation: go 3s linear infinite;
	}
}

@media (min-width: 992px){
    .icon_Community {
        position: fixed;
        right: 20px;
        bottom: 80px;
        z-index: 9998;
        pointer-events: none;
    }
    .icon_Community_ul {
        list-style: none;
        padding: 0;
        flex-direction: column;

        align-items: flex-end;
        display: flex;
        margin-bottom: 50px;
    }
    .icon_img {
        background: #d9b36c;
        border: none;
        overflow: hidden;
        text-align: center;
        margin-bottom: 6px;
        width: 50px;
        text-decoration: none;
        border-radius: 100px;
        color: #fff;
        transition: all 0.3s ease;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon_img.active {
        width: 160px;
    }
    .icon_img.active .icon_name {
        text-indent: 0;
        opacity: 1;
    }
    .icon_img:hover {
        text-decoration: none;
        width: 160px;
    }
    .icon_img:before {
        opacity: 0;

    }
    .icon_img .icon {
        color: #fff;
        font-size: 22px;
        width: 50px;
        line-height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        z-index: 1;
    }
    .icon_img:hover .icon {
        text-decoration: none;
    }
    .icon_img:hover .icon_name {
        opacity: 1;
        text-indent: 0;
    }
    .icon_name {
        position: relative;
        line-height: 50px;
        padding-left: 50px;
        padding-right: 15px;
        transition: all 0.3s ease;
        opacity: 0;
        text-decoration: none;
        color: #fff;
        white-space: nowrap;
        border-radius: 100px;
        overflow: hidden;
        /*text-indent: -100px;*/
        font-family: Arial, "Microsoft JhengHei", sans-serif;
    }
}




/*========================================================
                   禮儀方案 分類效果設定
=========================================================*/

.price-filters {
	list-style: none;
	margin: 0 15px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.price-filters button,
.price-filters a {
	display: inline-block;
	padding: 8px 18px;
	margin: 0 6px 10px;
	border: 1px solid #ccc;
	background: transparent;
	color: #333;
	font-weight: bold;
	line-height: 1.4;
	border-radius: 30px;
	cursor: pointer;
	transition: all .3s ease;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	text-decoration: none;
}
.price-filters button:hover,
.price-filters button.active,
.price-filters a:hover,
.price-filters a.active {
	background: #d9b36c;
	color: #fff !important;
	border-color: #d9b36c;
}
.price-filters button:focus,
.price-filters a::focus {
	outline: none;
	box-shadow: none;
}



/*========================================================
                   禮儀知識文章分類設定
=========================================================*/

.knowledge_category {
	width: 100%;
	box-shadow: 0 0 5px #adadad;
	border-radius: 10px;
	padding: 25px 30px 30px;
}
.knowledge_category h2 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	font-weight: 900;
}
.knowledge_category ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-weight: bold;
}
.knowledge_category > ul > li {
	margin-bottom: 16px;
	
}
.knowledge_category ul ul {
	padding-left: 18px;
	margin-top: 4px;
	font-weight: normal;
}
.knowledge_category a {
	text-decoration: none;
	color: #555;
}
.knowledge_category a:hover {
	color: #000;
	text-decoration: underline;
}


/*========================================================
                       共同設定
=========================================================*/

/* 生命故事 and 禮儀知識 */

.common_item_a1 {
	background-color: transparent;
}
.common_item_a1 .home_price_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.common_item_a1 .home_price_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
@media (min-width:992px) {
	.common_item_a1 .home_price_pic {
		height: 240px;
	}
}
.common_item_a1 .home_price_text h2 {
    font-size: 1.2rem;
	margin: 0;
    margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.common_item_a1 .home_price_text p {
    height: auto;
}


/* 新聞中心 */
.common_item_a2 .home_price_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.common_item_a2 .home_price_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
@media (min-width:992px) {
	.common_item_a2 .home_price_pic {
		height: 240px;
	}
}
.common_item_a2 .home_price_text h4 {
    font-size: 1.2rem;
	margin: 0;
    margin-bottom: 15px;
}
.common_item_a2 .home_price_text p {
    height: auto;
}
.common_item_a2 .page_news_date {
    margin: -10px 0 10px;
}


/* 首頁-相關知識 */
.common_item_a3 {
	margin: 0 0 30px 0;
}
.common_item_a3 .home_price_pic {
	height: 240px;
	border-radius: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	background-position: center center;
	background-size: 100% auto;
}
.common_item_a3 .home_price_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s;
}
@media (min-width: 992px) {
	.common_item_a3 .home_price_pic {
		height: 180px;
	}
}
.common_item_a3 .home_price_text h4 {
    font-size: 1.2rem;
	margin: 0;
    margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.common_item_a3 .home_price_text p {
    height: auto;
}

/* 首頁-媒體報導 */
.common_item_a4 .home_price_pic {
	height: 240px;
	border-radius: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.common_item_a4 .home_price_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left top;
	transition: all 0.3s;
}
@media (min-width:992px) {
	.common_item_a4 .home_price_pic {
		height: 240px;
	}
}
.common_item_a4 .home_price_text h4 {
    font-size: 1.2rem;
	margin: 0;
    margin-bottom: 15px;
}
.common_item_a4 .home_price_text p {
    height: auto;
}
.common_item_a4 .page_news_date {
    margin: -10px 0 10px;
}


/* 首頁-聯合生命初衷 */
.home_block8 {
	padding: 80px 0 120px 0;
	background-color: #ededed;
	color: #777;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-image: url(../img/home_bg6.jpg);
	background-size: cover;
	background-position: top center;
}
.home_block8 [class*="col-"] p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 32px;
}
@media (min-width:992px) {
	.home_block8 {
		height: auto;
	}
}


/* 自然圓日式 SPA 湯灌-服務流程 */
.spa-process-s1 [class*="col-"] img {
	object-fit: cover;
	height: 280px;
	border: 1px solid var(--border-color);
	margin-bottom: 1rem;
	border-radius: 10px;
}
@media (min-width:992px) {
	.spa-process-s1 [class*="col-"] img {
		height: 160px;
	}
}
.spa-process-s2 [class*="col-"] img {
	object-fit: cover;
	height: auto;
	border: 1px solid var(--border-color);
	margin-bottom: 1rem;
	border-radius: 10px;
}
@media (min-width:992px) {
	.spa-process-s2 [class*="col-"] img {
		height: 240px;
	}
}