/*--------------copyright by alva start-------------------------------*/
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,  th, 
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Noto Serif','Noto Serif TC', 'Noto Sans TC', sans-serif;
    position: relative;
    font-size:18px;
	line-height:1.8;
	letter-spacing:1px;
	color:#312927;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
	margin-bottom: 0px;
	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;
}

a {
    display: block;
	color:#333;
	text-decoration:none;
}
a:hover,a:visited,a:focus {
	text-decoration:none;
}
.clear {
	clear:both;
}
::selection {
  background:#c6f2fb;
}
img {
	max-width:100%;
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/

button, html input[type=button], input[type=reset], input[type=submit] {
	background: #fff;
    border: solid 1px #a7a7a7;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
	transition:.2s ease all;
	width:150px;
	margin:0 1%;
	color:#000;
}
input[type=reset] {
	background: rgb(173, 176, 176);
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background:rgba(0,0,0,.8);
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	color:#fff;
}
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*dex*/
.dex {
}
.dex .item {
    border: solid 0px #df7059;
    border-radius: 0px;
    background: #fff;
    min-height: auto;
    overflow: hidden;
}
.carousel {
	position:relative;
}
/*---nav-----------------------------------------------------------------------------------------------------------------------------------*/
/***mobile ibutton***/
.mibutton {
	z-index: 30;
	cursor:pointer;
	width:40px;
	height:40px;
	color:#6c6c6c;
	display:none;
	position:fixed;
	top:2em;
	right:1em;
	text-align:center;
}
	.mibutton span {
		display: inline-block;
		width: 100%;
		height: 2px;
		transition: .3s ease-in-out;
		position: absolute;
		top:0;
		right:0;
		background:#783535;
	}
		.mibutton span:nth-child(2) {
			top:10px;
			width:80%;
		}
		.mibutton span:nth-child(3) {
			top:20px;
		}
		.mibutton_ani {
			background:#fffff;
			opacity:1;
		}
		.mibutton_ani span:nth-child(1) {
			-webkit-transform:rotate(30deg);
					transform:rotate(30deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(2) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-30deg);
					transform:rotate(-30deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
/*---header-------------------------------------------------------------------------------------------------------------------------------*/
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	z-index:30;
	border-top:solid 8px #783535;
}
/*ilogo*/
.ilogo {
	display:inline-block;
	vertical-align:middle;
	width:25%;
	padding:0 2em 0 5em;
}
.ilogo a {
	display:inline-block;
}
.ilogo a img {
	transition:.2s ease-in-out;
}
	.ilogo a:hover img {
		transform: rotate(6deg);
	}
/*ibutton*/
.ibutton {
	display: inline-block;
	vertical-align:middle;
	width:65%;
}
.mob_ibutton {
	display:none;
}
.ibutton ul {
}
.ibutton li {
	display:inline-block;
	width:15%;
	padding:1.5em 0;
	position:relative;
}
.ibutton a {
	position:relative;
}
.ibutton a img {
	vertical-align:bottom;
}
/*imenu*/
.imenu {
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	position:relative;
}
p.ch {
	color:#42210b;
	transition:.2s linear;
	font-weight:700;
}
p.en {
	color:#e8a820;
	font-size:14px;
	position:absolute;
	bottom:2px;
	left:50%;
	transform:translateX(-50%);
	opacity:0;
	transition:.2s linear;
	width:100%;
	letter-spacing:0;
}
	.ibutton a:hover p.ch {
		opacity:0;
		transform:translateY(-10px);
	}
	.ibutton a:hover p.en {
		opacity:1;
	}
/***dropmenu***/
.dropmenu,.mob_sub {
	background:#eae2ce;
	width:245px;
	position:absolute;
	top:8em;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
	z-index:55;
	padding:0 0 1em 0;
	opacity:0;
	visibility:hidden;
	transition: .6s cubic-bezier(0.645, 0.045, 0.355, 1);
	filter: drop-shadow(1px 2px 3px rgba(0,0,0,.1));
	-webkit-filter: drop-shadow(1px 2px 3px rgba(0,0,0,.1));
}
.dropmenu ul {
	position:relative;
}
	.dropmenu ul:after,.mob_sub ul:after {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 11px 15px 11px;
		border-color: transparent transparent #eae2ce transparent;
		position:absolute;
		top:-14px;
		left:calc(50% - 7.5px);
		z-index:5;
	}
.dropmenu li,.mob_sub li {
	width:100%;
	padding:0;
}
.dropmenu img,.mob_sub img {
	display:block;
	margin:0 auto;
	padding:1em 0 .5em 0;
}
.dropmenu a,.mob_sub a {
	padding:.5em 1em;
	text-align:left;
	border-bottom:solid 2px #eae2ce;
	color:#42210b;
	font-size:16px;
	transition:.2s linear;
}
.dropmenu a:last-of-type {
	border-bottom:0;
}
	.dropmenu a:hover {
		color:#fff;
		background:#783535;
	}
	/***dropmenu hover***/
	.ibutton li:hover .dropmenu {
		opacity:1;
		visibility:visible;
		top:4.5em;
	}
	.ibutton li:hover .mob_sub {
		display:none;
	}
.mob_sub {
	display:none;
}
/*it_link*/
.it_link {
	position:absolute;
	top:0;
	right:2em;
	background: url(../../images/ibtn_bg.png) top center no-repeat;
	background-size: contain;
	width:15%;
	height:50px;
	text-align:center;
}
.it_link a {
	display:inline-block;
	padding: 2px 3px;
	transition:.2s ease all;
}
	.it_link a:hover {
		opacity:.7;
	}
/***main***/
#main {
	margin-top:5em;
	position:relative;
}
	@media screen and (max-width:1500px) {
		.it_link {
			right:1em;
		}
		.it_link a {
			padding: 0px 3px;
			width: 16%;
		}
	}
	@media screen and (max-width:1400px) {
		.mibutton {
			display:block;
		}
		.ilogo {
			width: 100%;
			padding: .5em 2em .5em 5em;
			box-shadow: 0px 0px 5px rgba(0,0,0,.3);
			position:relative;
			z-index:10;
		}
		.ibutton {
			width:100%;
			padding:2em 0 1em;
			display:none;
			text-align:center;
			max-height:88vh;
			overflow-y:scroll;
			box-shadow: inset 0px 0px 20px rgb(60, 49, 49,.1);
		}
		.ibutton li {
			width:100%;
			padding:1.5em 0em;
		}
		.it_link {
			right:0;
			position:relative;
			width:100%;
			text-align:center;
		}
		.ibutton a img,.imenu {
			vertical-align:middle;
		}
		p.en {
			font-size: 15px;
			position: relative;
			bottom: 0;
			left: 0;
			transform: translateX(0);
			opacity: 1;
			transition: .2s linear;
			letter-spacing: 2px;
			line-height:1.2;
		}
		.ibutton a:hover p.ch {
			opacity:1;
			transform:translateY(0px);
		}
		.it_link {
			background: #783535;
			height:auto;
			padding:1em 0;
		}
		.it_link a {
			width:5%;
		}
		.dropmenu {
			display:none;
		}
		.mob_sub {
			background: #eae2ce;
			width: 100%;
			position: relative;
			top: 0;
			left: 0;
			transform: translateX(00%);
			border-radius: 5px;
			padding: 0;
			opacity: 1;
			margin-top:1em;
			visibility: visible;
			display:none;
			transition:none;
		}
		.mob_sub ul:after,.mob_sub li:nth-of-type(1) {
			display:none;
		}
		.mob_sub a {
			text-align:center;
			padding:.5em 1em;
		}
		.mob_sub li {
			padding:.2em 0;
		}
		.ibutton li:hover .mob_sub {
			top:0;
		}
	}
	@media screen and (max-width:768px) {
		.ilogo {
			padding: .5em 2em .5em 2em;
		}
		#main {
			margin-top: 100px;
		}
		.it_link a {
			width: 7%;
		}
	}
	@media screen and (max-width:560px) {
		.ilogo a img {
			width:135px;
		}
		#main {
			margin-top:95px;
		}
		.ibutton {
			padding: 0em 0 1em;
			background: #773435;
		}
		.ibutton>ul {
			background:#fff;
		}
		.imenu {
			width:22%;
		}
		.it_link a {
			width: auto;
		}
	}
	@media screen and (max-width:450px) {
		.ilogo a img {
			width: 120px;
		}
		.ilogo {
			padding: .5em 2em .3em 2em;
		}
		#main {
			margin-top: 84px;
		}
		.imenu {
			width: 30%;
		}
		.ibutton li {
			padding: 1em 0em;
		}
		.mob_sub li {
			padding:.2em 0;
		}
	}
	@media screen and (max-width:350px) {
		.ilogo {
			padding: .5em 2em .3em 1em;
		}
		.imenu {
			width: 35%;
		}
		.mibutton {
			right:.5em;
			width:35px;
		}
	}
/*---inner-------------------------------------------------------------------------------------------------------------------------------*/
.inner {
	background:url(../../images/pattern.jpg) repeat;
	position:relative;
	text-align:center;
	z-index:5;
	font-size:16px;
	padding-bottom:10em;
}
	.inner:after {
		content:'';
		background:url(../../images/cloud.png) top center no-repeat;
		background-size:contain;
		position:absolute;
		top: 2em;
		left: 0;
		width: 100%;
		height: 60%;
		z-index:-1;
	}
/***title***/
.title {
	text-align:center;
	padding:0 1em;
	display:inline-block;
	margin:0 auto;
	position:relative;
	z-index:5;
}
.title img {
	display:block;
	margin:0 auto;
}
.title h5 {
	color:#df7059;
	font-size:30px;
	font-weight:700;
	position:relative;
	margin:.2em 0 .2em;
	letter-spacing:2px;
	padding:0 1.2em;
}
	.title h5:before {
		content:'';
		background:url(../../images/title_square.png) top left no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:5px;
		left:0;
	}
	.title h5:after {
		content:'';
		background:url(../../images/title_square.png) top right no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:5px;
		right:0;
	}
.title h6 {
	font-size:16px;
	letter-spacing:2px;
}
/*---order-----------------------------------------------------------------------------------------------------------------------------*/
.odbt {
	width:1035px;
	margin:0 auto;
	max-width:90%;
	position:relative;
	z-index:5;
	padding:3em 0 3em;
}
.odbt ul {
}
.odbt li {
	display:inline-block;
	vertical-align:bottom;
	width:32%;
	padding:0 1em;
	transition:.2s linear;
}
.odbt a {
	-webkit-filter: drop-shadow(2px 2px 5px rgba(51, 51, 51, .5));
	filter: drop-shadow(2px 2px 5px rgba(51, 51, 51, .5));
}
	.odbt li:hover {
		-webkit-filter: contrast(2);
		filter: contrast(2);
	}
/***od_title***/
.od_title {
	width:1295px;
	margin:3em auto 3em;
	max-width:90%;
	position:relative;
	z-index:5;
}
	.od_title:after {
		content:'';
		background:#783535;
		width:100%;
		height:2px;
		position:absolute;
		top: 33%;
		left: 0;
		z-index: -1;
	}
.od_title p {
	font-size:25px;
	color:#2b2b2b;
	display:inline-block;
	padding:0 1em 1em;
	background:url(../../images/pattern.jpg) repeat;
	position:relative;
	font-weight:600;
}
	.od_title p:after {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 17px 19px 0 19px;
		border-color: #783535 transparent transparent transparent;
		position:absolute;
		left:calc(50% - 17px);
		bottom:0;
	}
/***step***/
.step {
	text-align:center;
	width:1500px;
	margin:0 auto;
	max-width:90%;	
}
.step li {
	display:inline-block;
	vertical-align:top;
	width:23%;
	padding:0 .5em;
}
.step p {
	color:#693a36;
	padding:1em 0;
	font-family: 'Noto Sans TC';
}
/***event***/
.event {
	width:1350px;
	margin:0 auto;
	max-width:90%;
	color:#733e36;
	padding: 2em 1em;
    border-radius: 0 0px 5px 5px;
}
.event div {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-family: "微軟正黑體", "Microsoft JhengHei",sans-serif;
	width:30%;
}
.event h5 {
	font-size:40px;
	font-weight:900;
	letter-spacing:6px;
	padding: 0em 1em .3em;
    position: relative;
    display: inline-block;
}
.event span {
	font-size:18px;
	display:block;
}
	.event h5:before {
		content:'';
		background:url(../../images/title_square.png) top left no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:5px;
		left:0;
	}
	.event h5:after {
		content:'';
		background:url(../../images/title_square.png) top right no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:5px;
		right:0;
	}
.event ul {
}
.event li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	padding:0 1em;
}
.event p {
	padding:1em 0;
}
/***gift***/
.gift {
	width:1300px;
	margin:0 auto;
	max-width:90%;
	padding:0 0 5em;
}
.gift div {
	display:inline-block;
	vertical-align:top;
	width:23%;
	padding:0 1em;
}
	@media screen and (max-width:990px) {
		.step li {
			width:45%;
			padding: 0em .5em 0;
		}
		.odbt {
			padding: 2em 0 1em;
		}
	}
	@media screen and (max-width:768px) {
		.odbt li {
			width: 80%;
			padding: .5em;
		}
		.od_title {
			margin: 2em auto 1em;
		}
		.step li {
			width:48%;
		}
		.event h5 {
			font-size:35px;
			margin-top:1em;
		}
		.gift {
			padding: 0 0 2em;
		}
		.gift div {
			width:40%;
			padding:1em;
		}
	}
	@media screen and (max-width:500px) {
		.title {
			transform: scale(.9);
			transform-origin: top;
		}
		.odbt {
			padding: 0em 0 0em;
		}
		.od_title p:after,.od_title p:before {
			border-width: 12px 14px 0 12px;
			left: calc(50% - 12px);
		}
		.od_title p {
			padding: 0 1em .6em;
		}
		.event h5 {
			font-size: 33px;
			margin-top: 1em;
		}
		.event li {
			width:90%;
		}
		.gift div {
			width: 48%;
			padding: 1em;
		}
		.title img {
			width:80px;
		}
		.event ul {
			width:100%;
		}
		.step p {
			font-size:14px;
		}
		.step li {
			padding:0;
		}
	}
	@media screen and (max-width:450px) {
		.event li {
			width: 100%;
		}
		.gift div {
			padding: .5em;
		}
		.event {
			padding:1em .5em 2em 1em;
		}
	}
/*---choice-------------------------------------------------------------------------------------------------------------------------*/
/***choice_banner***/
.choice_banner {
	background:none;
	background-size:cover;
	text-align:center;
}
.choice_banner p {
	font-size:30px;
	color:#0c0b0b;
	letter-spacing:3px;
	text-shadow:2px 5px 5px rgba(0,0,0,.3);
	padding: 2em 3em 6em;
}
/****filter_form****/
.filter_form {
	width:1350px;
	margin:-5em auto 0;
	max-width:90%;
	background:#783535;
	padding:4em 2em;
	position:relative;
	z-index:5;
}
.filter_form form {
	font-family:auto;
}
.filter_form select,.filter_form input {
	height:55px;
	border-radius:5px;
	border:solid 1px #fff;
	padding:.2em;
	width:20%;
	margin:0 .5em;
	background:#fff !important;
	-webkit-appearance: none;
	color:#000 !important;
	vertical-align: top;
}
input[type='date']:after {
  content: attr(placeholder);
  left:0;
  color: #b7b7b7;
}
.search {
	display:inline-block;
}
.search button {
	height:55px;
	color:#fff;
	background:#e26d55;
	transition:.2s linear;
	border: solid 1px #e26c55;
}
	.search button:hover {
		background:#fff;
		color:#e26d55;
	}
/***choice_btn***/
.choice_btn {
	border:solid 2px #733e36;
}
.choice_btn ul {
	display: inline-block;
    width: 60%;
    vertical-align: middle;
}
.choice_btn li {
	position:relative;
	width:32%;
	padding:1em;
}
.choice_btn a {
	position:relative;
}
.choice_btn a img:nth-of-type(1) {
	transition:.2s ease all;
}
.choice_btn a img:nth-of-type(2) {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	transition:.2s ease all;
}
	.choice_btn a:hover img:nth-of-type(2) {
		opacity:0;
	}
	.choice_btn li.done a img:nth-of-type(2) {
		opacity:0;
	}
/***list_form***/
.list_form {
	width:1300px;
	margin:2em auto 0;
	max-width:100%;
	text-align:center;
	position:relative;
	border-radius:5px;
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
	background:#fff;
	padding:1em;
	font-family:"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.list_line {
	border:solid 1px #df7059;
	border-radius:20px;
	padding: 6em 4em 2em 4em;
}
/*list_title*/
.list_title {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	color:#fff;
	font-size:28px;
	border-radius: 0 0 30px 30px;
	padding:.5em 1.5em;
	letter-spacing:3px;
 	background:#ea6b54;
}
	.list_title:before {
		content:'';
		clip-path: polygon(0 0, 100% 100%, 100% 0);
		-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
		height:83%;
		width:50px;
		position:absolute;
		top:0;
		left:-45px;
		background:#ea6b54;
	}
	.list_title:after {
		content:'';
		clip-path: polygon(0 0, 0 100%, 100% 0);
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
		height:85%;
		width:50px;
		position:absolute;
		top:0;
		right:-45px;
		background:#ea6b54;
	}
.list_form ul {
	text-align:left;
	padding:0 1.5em;	
}
.list_form li {
    list-style: initial;
}
label {
	font-weight:normal;
	display:block;
	text-align:center;
	padding:1em 0 0 0;
}
/*btn*/
.btn {
	width:100%;
	white-space: inherit;
}
button.type1 {
	background:#df7059;
	color:#fff;
}
	button.type1:hover {
		background:#ff3a12;
	}
/***choice_btm***/
.choice_btm {
	background:url(../../images/choice_banner.jpg) top center no-repeat fixed;
	background-size:cover;
	min-height:60vh;
	width:100%;
	z-index:-1;
	position:absolute;
	bottom:0;
	left:0;
}
	@media screen and (max-width:900px) {
		.choice_banner,.choice_btm {
			background-attachment:inherit;
		}
		.choice_banner p {
			padding: 2em 3em 5em;
		}
	}
	@media screen and (max-width:700px) {
		.choice_banner p {
			padding: 2em 3em 4em;
		}
		.filter_form select, .filter_form input {
			width:46%;
			margin:.2em 0;
		}
		.filter_form {
			padding: 2em 2em;
		}
		.search {
			width:100%;
		}
		.search button {
			width: 92%;
			margin-top: 1em;
		}
	}
	@media screen and (max-width:540px) {
		.list_title {
			width:75%;
		}
	}
	@media screen and (max-width:500px) {
		.choice_banner p {
			padding: 1em 1em 4em;
		}
		.filter_form select, .filter_form input {
			width: 100% !important;
			max-width:100% !important;
		}
		.search button {
			width:100%;
			margin:1em 0 0 0;
		}
		.list_line {
			padding: 5em 1em 1em 1em;
		}
		.list_form ul {
			padding: 0 0 0 1.5em;
		}
	}
	@media screen and (max-width:430px) {
		.choice_btn li {
			padding:0 .2em;
		}
		.choice_banner p {
    font-size: 25px;
}
		.list_title {
			transform-origin:top;
			transform: translateX(-50%) scale(.9);
			font-size:25px;
		}
		.list_line {
			padding: 4em 1em 1em 1em;
		}
		.list_title:after,.list_title:before {
			height:82%;
		}
		.event h5 {
			font-size:30px;
		}
	}
	@media screen and (max-width:400px) {
		.btn button {
			width:48%;
			margin:.2em 0;
		}
	}
@media screen and (max-width:360px) {
		.choice_banner p {
    font-size: 20px;
	padding: 1em 1em 5em;
}
	}
	@media screen and (max-width:350px) {
		.event h5 {
			font-size: 27px;
		}
	}
/*---footer---------------------------------------------------------------------------------------------------------------------------*/
footer {
	background:#783535;
	position:relative;
}
/*gotop*/
#gotop {
	position: absolute;
	top:-4em;
	left:50%;
	transform:translateX(-50%);
	cursor:pointer;
	z-index:9;
	transition:.3s ease-in-out;
}
#gotop img {
	transition:.3s ease-in-out;
}
	#gotop:hover img {
		transform:translateY(-10px);
	}
/*ft_wrap*/
.ft_wrap {
	width:1400px;
	margin:0 auto;
	max-width:90%;
	padding:4em 0 3em;
}
/***ftlogo***/
.ftlogo {
	text-align:left;
}
/***ft_info***/
.ft_info {
	text-align:left;
	padding:2em 0 0 0;
	font-size:16px;
	letter-spacing:2px;
}
.ft_info ul {
	display:inline-block;
	padding-right:2em;
	vertical-align:top;
}
.ft_info li {
	padding:.3em 0;
}
.ft_info li:nth-of-type(1) {
	font-size:20px;
	color:#f08d3f;
	border:solid 1px #f08d3f;
	border-radius:5px;
	padding: 2px 6px;
    display: inline-block;
	margin-bottom:.5em;
	font-weight:700;
}
.ft_info li p:nth-of-type(1) {
	color:#fcf1dc;
	display: inline-block;
	vertical-align:top;
}
.ft_info li p:nth-of-type(2) {
	color:#fcf1dc;
	display: inline-block;
	vertical-align:top;
	word-wrap: break-word;
	word-break: break-all;
}
.ft_info li i {
	border:solid 1px #fcf1dc;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:100%;
	font-size:14px;
	line-height:22px;
	padding:0 0 0 2px;
}
.ft_info a{
color: #fcf1dc;
}
/***ft_btn***/
.ft_btn {
	text-align:right;
}
.ft_btn a {
	padding:5px;
	display:inline-block;
	transition:.2s linear;
}
	.ft_btn a:hover {
		opacity:.7;
	}
footer hr {
	border-top:solid 1px #fcf1dc;
}
/***ft_link***/
.ft_link {
	text-align:left;
	display:inline-block;
	vertical-align:bottom;
	width:78%;
}
.ft_link p {
	color:#e4843e;
	font-size:22px;
	letter-spacing:2px;
}
.ft_link li {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:19%;
	padding:.5em .5em 0em 0;
}
.ft_link a {
	transition:.2s linear;
}
.ft_link span {
	display:block;
	color:#fcf1dc;
	padding-top:.5em;
	font-size:15px;
}
	.ft_link a:hover {
		opacity:.7;
	}
/***ft_btm***/
.ft_btm {
	display:inline-block;
	width:20%;
	text-align:right;
	vertical-align:bottom;
}
/*copyright*/
.copyright {
	color:#fcf1dc;
	font-size:14px;
	padding-bottom:1em;
}
.copyright a {
	color:#fcf1dc;
	display:inline-block;
	font-size:14px;
	transition:.2s linear;
}
.copyright a:nth-of-type(1) {
	display:block;
}
	.copyright a:hover {
		color:#ffe13b;
	}
/*icon*/
.icon {
	font-size:14px;
	color:#fcf1dc;
}
.icon a {
	display:inline-block;
	padding:3px;
	transition:.2s linear;
}
	.icon a:hover {
		transform:translateY(-5px);
	}
	@media screen and (max-width:1200px) {
		.ft_link {
			width:100%;
			text-align:center;
		}
		.ft_link p {
			text-align:left;
		}
		.ft_btm {
			width:100%;
		}
		.copyright {
			padding-bottom:0;
			padding-top:1em;
		}
		.ft_wrap {
			padding: 4em 0 1em;
		}
	}
	@media screen and (max-width:840px) {
		.ft_link li {
			padding:.5em;
		}
		.ft_info ul {
			padding-right: 1em;
			width: 48%;
		}
		.ft_info li p:nth-of-type(2) {
			width:60%;
		}
	}
	@media screen and (max-width:650px) {
		.ft_info ul {
			padding: 0 0 1em 0em;
			width: 100%;
		}
		.ft_link li {
			width:31%;
		}
		.ft_info li p:nth-of-type(2) {
			width:auto;
		}
		.ftlogo {
			text-align: center;
		}
	}
	@media screen and (max-width:450px) {
		.ft_link li {
			width: 32%;
			padding: .1em;
		}
		.ft_link span {
			font-size:14px;
		}
		.ft_info li p:nth-of-type(2) {
			width: 77%;
		}
	}
	@media screen and (max-width:350px) {
		.ft_info li p:nth-of-type(2) {
			width: 73%;
		}
		.ft_link span {
			line-height: 1.5;
		}
	}
/****location***/
.location {
	color:#ea6b54;
	font-size:20px;
	font-weight:700;
	margin:0em 0 1em;
}
/***plans***/
.plans {
	color:#ea6b54;
	text-align:center;
	width:530px;
	margin:0 auto;
	max-width:100%;
	font-weight:900;
}
.plan {
	font-size:30px;
	display:inline-block;
	vertical-align:top;
	width:43%;
	border-radius:5px;
	text-align:center;
	padding:.3em 0em;
	border:solid 1px #ea6b54;
	margin:0 .2em;
	cursor: pointer;
	transition:.2s linear;
}
.plan span {
	font-size:16px;
	display:block;
}
	.plan.active,.plan:hover {
		background:#ea6b54;
		color:#fff;
	}
/*---info-----------------------------------------------------------------------------------------------------------------------*/
.info {
	width:530px;
	margin:0 auto;
	max-width:100%;
	padding:2em 0 1em;
}
/***info_list***/
.info_list {
	text-align:left;
	margin-bottom:1em;
}
/*info_left*/
.info_left {
	color:#593d28;
	display: inline-block;
    width: 90px;
	vertical-align:top;
}
.info_left sub {
	color:#ff3300;
	top:-.25em;
	bottom:initial;
}
.info_right {
	display: inline-block;
    width: 75%;
	vertical-align:top;
}
.info_right input,textarea,select {
	border-radius:5px;
	border:solid 1px #b1a297;
	width:100%;
	min-height:40px;
}
.type2 input {
	width:auto;
}
.info_right label {
	display:inline-block;
	vertical-align:top;
    padding: 0 1em;
}
.info_right input[type=radio] {
	width:auto;
	min-height:auto;
}
/***check_group***/
.check_group {
	border:solid 2px #df7059;
	text-align:center;
	width:900px;
	margin:2em auto;
	max-width:100%;
}
/*cg_title*/
.cg_title {
	font-size:20px;
	padding:.5em 0;
	letter-spacing:3px;
	background:#df7059;
	color:#fff;
}
.check_group ul {
	color:#553e2d;
	font-size:20px;
	text-align:left;
	padding:2em 2em 1em 2em;
	list-style:none;
}
.check_group li {
	list-style:none;
	padding-bottom:.5em;
}
.check_group li p {
	display:inline-block;
	vertical-align:top;
}
/*charge*/
.charge {
	text-align:left;
	border-top:solid 2px #df7059;
	position:relative;
}
.charge p:nth-of-type(1) {
	display:inline-block;
	background:#df7059;
	color:#fff;
	width:125px;
	vertical-align:middle;
	text-align:center;
	padding: .7em;
}
.charge p:nth-of-type(2) {
	display:inline-block;
	vertical-align:middle;
	color:#df7059;
	font-size:26px;
	padding-left:.5em;
}
.charge span {
	font-size:14px;
}
	@media screen and (max-width:540px) {
		.plans {
			width:100%;
		}
		.plan {
			width:45%;
		}
		.info_right {
			width:100%;
		}
		.info_right label {
			padding: 0 1em 0 0;
		}
		.check_group ul {
			padding:1em;
		}
	}
	@media screen and (max-width:430px) {
		.plan {
			font-size:25px;
			width:48%;
			margin:0;
		}
		.plan span {
			font-size:14px;
		}
		.check_group ul {
			font-size:18px;
		}
		.charge p:nth-of-type(1) {
			width:95px;
		}
	}
	@media screen and (max-width:350px) {
		.list_title {
			padding: .5em 0em;
		}
		.plan {
			font-size: 25px;
			width: 100%;
			margin: .2em 0;
		}
		.check_group ul {
			padding:1em 0;
		}
		.check_group li {
			padding:.2em .5em;
			border-bottom: solid 1px #b19c8e;
		}
		.check_group li:last-of-type {
			border-bottom: solid 0px #b19c8e;
		}
	}
/*---add_area--------------------------------------------------------------------------------------------------------------*/
.add_area {
	text-align:center;
	width:1400px;
	margin:7em auto 0;
	max-width:90%;
	font-family:"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/***add_title***/
.add_title {
	padding:0 1em 2em 1em;
}
/***add_btn***/
.add_btn {
}
.add_btn ul {
}
.add_btn li {
	display:inline-block;
	vertical-align:top;
	margin:1em .5em;
	text-align:center;
	background:#783535;
	padding:3px;
	border-radius:5px;
	min-width:115px;
	transition:.2s linear;
}
.add_btn a {
	display:inline-block;
	color:#fff;
	font-size:20px;
	border-radius:5px;
	border:dotted 1px #fff;
	padding:.2em .5em;
	width:100%;
}
	.add_btn li:hover {
		background:#000;
	}
/***add_box***/
.add_box {
}
/***add_list***/
.add_list {
	padding:0 2em;
}
.box {
	padding:0 1em;
	cursor:pointer;
}
/*item*/
.item {
	position:relative;
	display:inline-block;
	border:solid 1px #df7059;
	border-radius:20px;
	background:#fff;
	min-height:auto;
	overflow:hidden;
	padding-bottom:1em;
}
/*item_img*/
.item_img {
	width:100%;
	height:31vh;
}
.item_img div {
	width:100%;
	height:100%;
}
.item h6 {
	font-size:18px;
	text-align:left;
	padding:1em;
}
.item ul {
	padding:0 1em 1em 1em;
}
.item li {
	display:inline-block;
	vertical-align:top;
	width:48%;
}
.item input {
	border:solid 1px #666;
	border-radius:5px;
	display: inline-block;
    width: 55%;
}
.item li:nth-of-type(2) {
	color:#df7059;
	font-size:18px;
}
/*adding*/
.adding {
	display:inline-block;
	vertical-align:middle;
	background:#df7059;
	border-radius:5px;
	color:#fff;
	margin-right:1em;
}
.adding a {
	color:#fff;
	padding: .5em 2em;
	transition:.2s linear;
}
.adding i {
	color:#fff;
}
	.adding a:hover {
		background:#ff4018;
		border-radius:5px;
	}
/*more_detail*/
.more_detail {
	color:#df7059;
	display:inline-block;
	vertical-align:middle;
	border-bottom:solid 1px #df7059;
}
.more_detail a {
	color:#df7059;
	position:relative;
}
	.more_detail a:after {
		content:'';
		background:#df7059;
		width:0;
		height:1px;
		position:absolute;
		top:0;
		left:50%;
		transform:translateX(-50%);
		transition:.5s ease-in-out;
	}
	.more_detail a:hover:after {
		width:100%;
	}
/*---modal-dialog--------------------------------------------------------------------------------------------------------------*/
.modal-dialog {
	width:1230px;
	font-family:"微軟正黑體", "Microsoft JhengHei",sans-serif;
	max-width:95%;
}
.modal-body {
	padding:1.5em;
}
.modal_body {
	position:relative;
}
button.close {
	width:auto;
	color:#e26e55;
	opacity:1;
	text-shadow:none;
	box-shadow:none;
	font-size:40px;
	position:fixed;
	top:.2em;
	right:.5em;
	z-index:10;
}
.modal-header {
    padding:0;
    border-bottom: 0px solid #e5e5e5;
}
.modal-header .close {
    margin-top:0;
}
.close:focus, .close:hover {
    opacity: 1;
	color:#000;
	background:none;
}
.modal-content {
	height: 85vh;
    overflow-y: scroll;
}
/***item_left***/
.item_left {
	display: inline-block;
    vertical-align: top;
    width: 55%;
    padding-right: 1em;
}
/***item_right***/
.item_right {
	display: inline-block;
    vertical-align: top;
    width: 40%;
}
/*tag*/
.tag {
	font-size: 18px;
    border: solid 1px #000;
    border-radius: 50px;
    display: inline-block;
    padding: .1em .6em;
    margin: .5em 0;
}
.item_right h6 {
	font-size:30px;
	padding:.5em 0 1em;
}
p.pinfo {
	font-size:16px;
	padding:0 0 2em 0;
}
/*spec*/
.spec {
	font-size:15px;
}
.spec p {
	display:inline-block;
	vertical-align:top;
}
.item_right ul {
	padding:.5em 0 1em;
	font-size:16px;
}
.item_right li {
	display:inline-block;
	vertical-align:middle;
	width:40%;
}
.item_right input {
	border-radius:5px;
	width:44%;
	border:solid 1px #333;
	font-size:16px;
}
.item_right li:nth-of-type(2) {
	color:#df7059;
}
.item_right li span {
	font-size:30px;
}
/*buy*/
.buy {
	text-align:right;
}
.buy a {
	display:inline-block;
	background:#e26e55;
	border-radius:5px;
	padding:.5em 2em;
	color:#fff;
	transition:.2s linear;
}
.buy i {
	color:#fff;
}
	.buy a:hover {
		background:#ff4018;
	}
/*item_details*/
.item_details {
	padding:2em 0em;
	text-align:left;
}
.item_details div {
	border-bottom:solid 1px #e26e55;
	padding:.5em 0 .2em .5em;
}
	@media screen and (max-width:1000px) {
		.item {
			min-height:455px;
		}
		.item_left {
			display:block;
			width:100%;
			padding:0;
		}
		.item_right,.item_right li {
			width:100%;
		}
		.modal-content {
			position:relative;
		}
		.modal-content:before {
			content: '';
			background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, #ffffff 100%);
			position: fixed;
			top: 1px;
			left: 2px;
			width: 99%;
			height: 2vh;
			z-index: 3;
			border-radius: 6px;
		}
		.modal-content:after {
			content: '';
			background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, #ffffff 100%);
			position: fixed;
			bottom: 1px;
			left: 5px;
			width: 98%;
			height: 2vh;
			z-index: 3;
		}
		.tag {
			margin: 1em 0 0;
		}
		.item_right input {
			width:100px;
		}
	}
	@media screen and (max-width:710px) {
		.add_list {
			padding: 0 0em;
		}
		.slick-list {
			padding:0 1em;
		}
		button.close {
			right:0;
			top:.1em;
		}
	}
	@media screen and (max-width:450px) {
		.add_btn li {
			margin: 1em 0em;
			min-width: 31%;
		}
		.add_btn a {
			font-size:18px;
		}
		.modal-content {
			height: 90vh;
			overflow-y: scroll;
		}
		.item_right h6 {
			font-size: 26px;
			line-height: 1.2;
			padding:.5em 0 .6em;
		}
		.buy a {
			display:block;
			text-align:center;
		}
		.item_details {
			padding: 1em 0em 2em;
		}
		.item {
			min-height: 420px;
		}
		.add_area {
			margin: 4em auto 0;
		}
	}
	@media screen and (max-width:380px) {
		.modal-body {
			padding: 1em;
		}
	}
	@media screen and (max-width:350px) {
		.add_btn a {
			font-size: 16px;
		}
		.add_title {
			padding:0 1em 1em 1em;
		}
		.adding {
			width:85%;
			margin:0;
		}
		.item h6 {
			line-height:1.2;
			padding: 1em .5em .5em .5em;
		}
		.item ul {
			padding:0 .5em 1em .5em;
			text-align:left;
		}
		.item li {
			width: 100%;
		}
		.more_detail {
			width:85%;
			margin:.5em 0;
		}
		.item {
			min-height:auto;
		}
	}
#add_btn1,#add_btn2,#add_btn3,#order1,#order2,#order3,#loc1,#loc2,#loc3,#loc4,#loc5,#loc6,#loc7,#map_btn,#pro_btn {
	transform:translateY(-100px);
}
	@media screen and (max-width:450px) {
		#add_btn1,#add_btn2,#add_btn3,#order1,#order2,#order3,#loc1,#loc2,#loc3,#loc4,#loc5,#loc6,#loc7,#map_btn,#pro_btn {
			transform:translateY(-85px);
		}
	}
/*---letter--------------------------------------------------------------------------------------------------------------------------*/
/*letter*/
.letter {
	background:#fff;
	width:1200px;
	margin:3em auto 0;
	max-width:100%;
	text-align:left;
	padding:2em 5em;
	font-family:"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/*letter_title*/
.letter_title {
	text-align:center;
	color:#df7059;
	font-size:30px;
	letter-spacing:3px;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:solid 1px #e26e55;
}
.letter_title span {
	color:#593d28;
	font-size:16px;
	display:block;
	letter-spacing:1px;
}
/*table_rwd*/
.table_rwd {
	color:#593d28;
	text-align:left;
	display:table;
	width:100%;
	padding:1em 0;
}
.td {
	display:inline;
	vertical-align:top;
}
.tr {
	display:block;
	padding:.5em .5em;
}
.table_rwd .tr:nth-of-type(2n+1) {
	background:rgb(239, 239, 239);
}
.table_rwd span {
	color:#df7059;
}
span.stitle {
	color:#df7059;
	display:block;
	margin-top:2em;
}
.letter_title p {
}
.letter hr {
	border-top:solid 1px #e26e55;
	margin:0 0 .5em 0;
}
/*letter_btn*/
.letter_btn {
	text-align:right;
	margin:2em 0 0;
}
.letter_btn a {
	display:inline-block;
	color:#fff;
	letter-spacing:3px;
	background:#e26e55;
	padding:.5em 5em;
	border-radius:5px;
	font-weight:700;
	border:solid 1px;
	transition:.2s linear;
}
	.letter_btn a:hover {
		background:#fff;
		color:#e26e55;
	}
	@media screen and (max-width:550px) {
		.letter {
			padding:2em;
		}
	}
	@media screen and (max-width:430px) {
		.letter {
			padding:1em;
			margin: 1em auto 0;
		}
	}
/*---pr_guide--------------------------------------------------------------------------------------------------------------------*/
.pr_guide {
	width:1320px;
	margin:2em auto 0;
	max-width:90%;
}
/*pr_list*/
.pr_list {
	position:relative;
	min-height:515px;
	width:100%;
	text-align:right;
	margin-bottom:3em;
	box-shadow:0px 3px 7px rgba(0,0,0,.3);
}
.pr_list a {
	height:515px;
	overflow:hidden;
}
/*pgbg*/
.pgbg {
	background: url(../../images/prguide1.jpg) top left no-repeat;
    background-size: 74%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 75% 100%, 0% 100%);
    min-height: 515px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	transition:.3s ease-in-out;
}
	.pr_list:nth-of-type(2) .pgbg {
		background: url(../../images/prguide2.jpg) top left no-repeat;
		background-size: 74%;
	}
	.pr_list:nth-of-type(3) .pgbg {
		background: url(../../images/prguide3.jpg) top left no-repeat;
		background-size: 74%;
	}
/*pg_title*/
.pg_title {
	display:inline-block;
	background:#daa880;
	clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
	position:relative;
	z-index:3;
	min-height: 515px;
    width: 580px;
	transition:.6s ease-in-out;
	transition-delay:.3s;
}
	.pr_list:nth-of-type(2) .pg_title {
		background:#da9380;
	}
	.pr_list:nth-of-type(3) .pg_title {
		background:#dace80;
	}
.pg_title p {
	color:#252525;
	font-size:28px;
	position:absolute;
	bottom:2em;
	right:3em;
	transition:.5s ease-in-out;
}
.pg_title span {
	font-size:40px;
	border-bottom:solid 2px #000;
	display:inline-block;
	padding:0em 1em;
	transition:.5s ease-in-out;
}
	.pr_list a:hover .pg_title {
		width:50%;
	}
	.pr_list a:hover span {
		color:#fff;
		letter-spacing:5px;
	}
	.pr_list a:hover .pgbg {
		-webkit-filter:blur(5px);
	}
	@media screen and (max-width:1400px) {
		.pgbg,.pr_list:nth-of-type(2) .pgbg,.pr_list:nth-of-type(3) .pgbg {
			background-size:contain;
		}
	}
	@media screen and (max-width:1200px) {
		.pr_list {
			min-height:auto;
		}
		.pr_list a {
			height: 460px;
		}
		.pgbg,.pg_title {
			min-height:100%;
		}
	}
	@media screen and (max-width:990px) {
		.pr_list a {
			height: 420px;
		}
		.pg_title,.pr_list a:hover .pg_title {
			width:60%;
		}
	}
	@media screen and (max-width:850px) {
		.pr_list a {
			height: 350px;
		}
		.pg_title p {
			bottom: 1em;
			right: 2em;
			font-size:24px;
		}
		.pg_title span {
			font-size:35px;
		}
	}
	@media screen and (max-width:700px) {
		.pr_list a {
			height: 300px;
		}
		.pg_title p {
			font-size:22px;
		}
		.pg_title span {
			font-size:30px;
		}
	}
	@media screen and (max-width:600px) {
		.pr_list a {
			height: 250px;
		}
		.pg_title, .pr_list a:hover .pg_title {
			width: 66%;
		}
		.pg_title p {
			font-size:22px;
			right:1em;
		}
		.pg_title span {
			font-size:28px;
		}
	}
	@media screen and (max-width:500px) {
		.pr_list a {
			height: 200px;
		}
		.pg_title p {
			font-size:20px;
		}
		.pg_title span {
			font-size:26px;
			letter-spacing:3px;
			padding:0 .5em;
		}
		.pr_list {
			margin-bottom:2em;
		}
		.pr_guide {
			margin: 1em auto 0;
		}
	}
	@media screen and (max-width:380px) {
		.pr_list {
			margin-bottom:1em;
		}
		.pr_list a {
			height:170px;
		}
		.pg_title p {
			font-size: 16px;
		}
		.pg_title span {
			font-size: 22px;
			letter-spacing: 2px;
			padding: 0 .2em;
		}
	}
	@media screen and (max-width:350px) {
		.pr_list a {
			height:155px;
		}
	}
/*---product-----------------------------------------------------------------------------------------------------------*/
.product {
	width:1330px;
	margin:0 auto 3em;
	max-width:90%;
	text-align:center;
}
/*prgt*/
.prgt {
}
.prgt ul {
}
.prgt li {
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding:2em 1em 4em;
}
.prgt a {
	transition:.2s ease all;
}
.prgt a:hover {
	-webkit-filter: contrast(2);
    filter: contrast(2);
}
/*product_list*/
.product_list {
}
.product_list .layer {
	float:left;
	text-align:center;
	width:25%;
	padding:1em;
}
	@media screen and (max-width:1200px) {
		.product_list .layer {
			width:33%;
		}
	}
	@media screen and (max-width:960px) {
		.product_list .layer {
			padding:1em 1em;
		}
		.prgt li {
			width: 30%;
			padding: 2em 1em 3em;
		}
	}
	@media screen and (max-width:900px) {
		.product_list .layer {
			padding:1em 1em;
			width:50%;
		}
		.prgt li {
			width: 32%;
			padding: 2em .5em 2em;
		}
	}
	@media screen and (max-width:600px) {
		.prgt ul {
			padding:1em 0;
		}
		.prgt li {
			width: 60%;
			padding:.5em;
		}
		.product_list .layer {
			padding: .5em .2em;
		}
	}
	@media screen and (max-width:530px) {
		.product_list .layer {
			padding: 1em 1em;
			width:90%;
			float:none;
			margin:0 auto;
		}
	}
	@media screen and (max-width:450px) {
		.product_list .layer .item {
			min-height:auto;
			padding-bottom:1em;
		}
		.prgt li {
			width:90%;
		}
		.prgt ul {
			padding:.5em 0 1em;
		}
	}
/*---inews----------------------------------------------------------------------------------------------------------------------*/
.inews {
	width:1350px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
	padding:2em 0 3em 2em;
	min-height:700px;
}
/*more*/
.more {
	padding-top:2em;
	display:block;
	transition:.2s linear;
	text-align:center;
}
	.more a {
		display:inline-block;
	}
	.more:hover {
		transform:translateY(-5px);
	}
.inews table {
	text-align:left;
	margin:0 auto;
	width:100%;
}
/*---video---------------------------------------------------------------------------------------------------------------------------*/
.video {
	position:relative;
	text-align:center;
	padding-bottom:3em;
}
	.video:before {
		content:'';
		background:url(../../images/video_bg.jpg) top center no-repeat;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:62%;
		z-index:-1;
	}
.video img {
	padding:3em 1em;
	max-width:45%;
}
/*tv*/
.tv {
	width:1052px;
	margin:0 auto;
	max-width:90%;
	position:relative;
}
	.tv:after {
		content:'';
		background:url(../../images/video_frame.png) top center no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		pointer-events: none; 
	}
.tv_box {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 80px;
	height: 0;
	overflow: hidden;
}
.tv_box iframe, .tv_box object, .tv_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-radius: 20px;
	padding: 2em 5em 10em;
}
	@media screen and (max-width:1080px) {
		.inews {
			min-height:500px;
		}
		.tv_box {
			padding-bottom: 56%;
			padding-top: 120px;
		}
		.tv_box iframe, .tv_box object, .tv_box embed {
			padding: 2em 2em 8em;
		}
		.video {
			padding-bottom:1em;
		}
	}
	@media screen and (max-width:700px) {
		.video img {
			padding: 2em 1em;
		}
		.tv_box iframe, .tv_box object, .tv_box embed {
			padding: 1em 1em 8em;
		}
		.video {
			padding-bottom:0em;
		}
	}
	@media screen and (max-width:550px) {
		.tv_box {
			padding-bottom: 45%;
			padding-top: 120px;
		}
		.tv_box iframe, .tv_box object, .tv_box embed {
			padding: 1em 1em 4em;
		}
		.inews {
			min-height: 350px;
		}
	}
	@media screen and (max-width:430px) {
		.tv_box {
			padding-bottom: 45%;
			padding-top: 95px;
		}
		.video img {
			max-width:60%;
		}
	}
	@media screen and (max-width:380px) {
		.tv_box iframe, .tv_box object, .tv_box embed {
			padding: 1em 1em 4em;
		}
	}
	@media screen and (max-width:350px) {
		.inews {
			min-height: 250px;
		}
		.tv_box {
			padding-bottom: 45%;
			padding-top: 80px;
		}
		.tv_box iframe, .tv_box object, .tv_box embed {
			padding: .5em 1em 3em;
		}
	}
/*---ievent--------------------------------------------------------------------------------------------------------------------*/
.ievent {
	text-align:right;
	position:relative;
}
	.ievent:after {
		content:'';
		background:url(../../images/cloud.png) top center no-repeat;
		background-size:contain;
		width:100%;
		height:80%;
		position:absolute;
		top:-15em;
		left:0;
		z-index:-2;
	}
/***ievent_list***/
.ievent_list {
	display:inline-block;
	position:relative;
	padding: 5em 15em 5em 0;
	margin:2em 0;
}
	.ievent_list:before {
		content:'';
		background:#f5ecd9;
		position:absolute;
		top:0;
		right:0;
		height:100%;
		width:75%;
		z-index:-1;
	}
img.ievent_img {
	width: 43%;
	vertical-align:top;
	z-index: 3;
    position: relative;
}
/*ievent_info*/
.ievent_info {
	display:inline-block;
	text-align:left;
	position:relative;
	width:40%;
	vertical-align:top;
}
img.ie_tit {
	padding: 0 0 1em 2em;
}
.ievent_info p {
	background:url(../../images/knot.png) top right no-repeat;
	background-size:cover;
	padding:3em 4em;
    margin-left: -1em;
}
/*ievent_btm*/
.ievent_btm {
	padding:0 0 0 2em;
}
.ievent_btm a {
	display:inline-block;
	color:#fff;
	background:#ed7055;
	border-radius:50px;
	padding:.5em 1em;
	transition:.2s linear;
}
.ievent_btm a img {
	margin-top:-20px;
}
	.ievent_btm a:hover {
		background:#4a1408;
	}
img.ie_deco {
	padding-left:5em;
	width:66%;
}
	/*2n*/
	.ievent_list:nth-of-type(2) {
		padding: 5em 0em 5em 15em;
		display: block;
		text-align: left;
	}
	.ievent_list:nth-of-type(2):before {
		right:inherit;
		left:0;
	}
	.ievent_list:nth-of-type(2) .ievent_info {
		float:left;
	}
	.ievent_list:nth-of-type(2) .ievent_info p {
		background: url(../../images/knot2.png) top left no-repeat;
		background-size: cover;
		padding: 3em 4em;
		margin-left: 0;
		margin-right:-1em;
	}
	.ievent_list:nth-of-type(2) img.ie_deco {
		padding-left:0em;
		padding-right:5em;
	}
	.ievent_list:nth-of-type(2) img.ie_tit {
		padding: 0 1em 1em 0em;
	}
	@media screen and (max-width:1480px) {
		.ievent_list {
			padding: 5em 5em 5em 0;
		}
		.ievent_list:nth-of-type(2) {
			padding: 5em 0em 5em 5em;
		}
	}
	@media screen and (max-width:1290px) {
		.ievent_list {
			padding: 5em 5em 3em 0;
		}
		.ievent_list:nth-of-type(2) {
			padding: 5em 0em 3em 5em;
		}
		.ievent_info {
			width:47%;
		}
		img.ie_deco {
			padding-left: 2em;
			width: 66%;
		}
		.ievent_list:nth-of-type(2) img.ie_deco {
			padding-left:0em;
			padding-right:2em;
		}
	}
	@media screen and (max-width:1100px) {
		img.ievent_img {
			width:48%;
		}
		.ievent_btm {
			text-align:center;
		}
		img.ie_deco {
			padding-left: 0;
			width: auto;
			padding-top:1em;
		}
		.ievent_list:nth-of-type(2) img.ie_deco {
			padding-left:0em;
			padding-right:0em;
		}
	}
	@media screen and (max-width:900px) {
		img.ievent_img {
			width: auto;
			padding-bottom:1em;
		}
		.ievent_list {
			padding: 3em 3em 3em 2em;
		}
		.ievent_list:nth-of-type(2) {
			padding: 3em 2em 3em 3em;
		}
		.ievent_list:before {
			width:80%;
		}
		.ievent_info {
			width: 80%;
		}
		.ievent:after {
			top:-8em;
		}
	}
	@media screen and (max-width:660px) {
		.ievent_list:before {
			width: 90%;
		}
		.ievent_info {
			width: 92%;
		}
		.ievent_info p {
			padding:2em;
		}
	}
	@media screen and (max-width:500px) {
		.ievent_list {
			padding: 2em 2em 2em 0em;
		}
		.ievent_list:nth-of-type(2) {
			padding: 2em 0em 2em 2em;
		}
		.ievent_info p {
			padding: 3em 3em;
			margin: 0;
			background-size:auto;
		}
		.ievent_list:nth-of-type(2) .ievent_info p {
			padding: 3em 3em;
			margin: 0;
			background-size:auto;
		}
		.ievent_list:before {
			width: 100%;
		}
		.ievent_info {
			width: 100%;
		}
		img.ievent_img {
			padding:1em;
		}
		.ievent_btm {
			padding:0 1em;
		}
	}
	@media screen and (max-width:380px) {
		.ievent_info p,.ievent_list:nth-of-type(2) .ievent_info p {
			padding:2.5em;
		}
	}
	@media screen and (max-width:350px) {
		.ievent_list {
			padding: 1em 1em 2em 0em;
		}
		.ievent_list:nth-of-type(2) {
			padding: 1em 0em 2em 1m;
		}
		.ievent_info p,.ievent_list:nth-of-type(2) .ievent_info p {
			padding:2em;
		}
	}
/*---about-------------------------------------------------------------------------------------------------------------------------*/
.about {
	position:relative;
	text-align:left;
	padding:2em 0 2em;
}
	.about:after {
		content:'';
		background:url(../../images/abt_bg.jpg) top right no-repeat;
		background-size:cover;
		width:50%;
		height:65%;
		position:absolute;
		bottom:0;
		right:0;
	}
/*abt_text*/
.abt_text {
	display:inline-block;
	background:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,.3);
	width:1330px;
	max-width:90%;
	padding: 5em 4em 2em 15em;
	text-align:center;
	z-index:3;
	position:relative;
}
/*abt_title*/
.abt_title {
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.abt_title img {
}
.abt_title span {
	display:block;
	font-size:16px;
	letter-spacing:2px;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr ;
	margin: 3em auto 0;
	font-family: sans-serif;
	position:relative;
	padding:.5em;
}
	.abt_title span:after {
		content:'';
		width:1px;
		height:150%;
		position:absolute;
		top:0;
		right:0;
		background:#000;
	}
.abt_text p {
	display: inline-block;
    vertical-align: top;
    width: 60%;
    padding:2em 0 4em 5em;
    line-height: 2;
	text-align:left;
}
/***other***/
.other {
	text-align:right;
	padding:7em 0 0 2em;
	z-index: 5;
    position: relative;
}
/*sidemenu*/
.sidemenu {
	display:inline-block;
	background:#6c3135;
	vertical-align:top;
	padding:5em 5em 5em 3em;
	min-height:1000px;
}
.sidemenu ul {
	text-align:left;
}
.sidemenu li {
	padding:1em 0;
}
.sidemenu a {
	color:#e8dfcc;
	font-size:20px;
	position:relative;
}
	.sidemenu a:before {
		content:'';
		background:#e8dfcc;
		width:0;
		height:1px;
		position:absolute;
		left:0;
		bottom:0;
		transition:.3s ease-in-out;
	}
	.sidemenu a:after {
		content:'';
		background:#e8dfcc;
		width:0;
		height:1px;
		position:absolute;
		right:0;
		top:0;
		transition:.3s ease-in-out;
	}
.sidemenu span {
	position:relative;
	display:block;
	padding:.3em .5em;
}
	.sidemenu span:before {
		content:'';
		background:#e8dfcc;
		width:1px;
		height:0;
		position:absolute;
		top:0;
		left:0;
		transition:.3s ease-in-out;
	}
	.sidemenu span:after {
		content:'';
		background:#e8dfcc;
		width:1px;
		height:0;
		position:absolute;
		right:0;
		bottom:0;
		transition:.3s ease-in-out;
	}
.sidemenu img {
	opacity:0;
	transition:.3s ease-in-out;
}
	.sidemenu a:hover:before,.sidemenu a:hover:after {
		width:100%;
	}
	.sidemenu a:hover span:before,.sidemenu a:hover span:after {
		height:100%;
	}
	.sidemenu a:hover img {
		opacity:1;
	}
/*other_info*/
.other_info {
	display:inline-block;
	vertical-align:top;
	width:60%;
	padding-left:3em;
	text-align:left;
}
.other_info h5 {
	color:#6c3136;
	font-size:30px;
	border-bottom:solid 1px #6c3136;
	padding:1em 2em 1em 0;
	font-weight:600;
	letter-spacing:3px;
}
.other_info p {
	display:block;
	padding:2em 20em 1em 0;
}
.other_info span {
	display:block;
	color:#6c3136;
	padding:1em 2em 3em 0;
}
.other_info i {
	color:#6c3136;
	font-size:13px;
	width:20px;
	height:20px;
	letter-spacing:20px;
	text-align:center;
	border-radius:100%;
	border:solid 1px;
	padding:3px 0 0 3px;
}
#slider .item {
    border: solid 13px #fff;
    border-radius: 0px;
    background: #fff;
    min-height:auto;
    overflow: hidden;
}
#slider .carousel-inner {
	-webkit-filter:drop-shadow(5px 4px 5px rgba(56,16,16,.25));
	filter:drop-shadow(5px 4px 5px rgba(56,16,16,.25));
}
#slider {
	width: 858px;
    max-width: 90%;
}
ul.simg {
	text-align:center;
	width: 858px;
    max-width: 90%;
	padding:2em 0;
}
ul.simg li {
	width:20%;
	display:inline-block;
	padding:.5em;
	cursor:pointer;
}
ul.simg li img {
	background:#6b3135;
}
.sidemenu .active a:before,.sidemenu .active a:after {
	width:100%;
}
.sidemenu .active a span:before,.sidemenu .active a span:after {
	height:100%;
}
.sidemenu .active a img {
	opacity:1;
}
	@media screen and (max-width:1200px) {
		.other {
			padding: 7em 0 0 0em;
		}
		.sidemenu {
			width:100%;
			min-height:auto;
			text-align:center;
			padding:1em;
		}
		.sidemenu ul {
			text-align: center;
		}
		.sidemenu li {
			display:inline-block;
			vertical-align:top;
			width:22%;
		}
		.sidemenu a {
			font-size:18px;
		}
		.other_info {
			width: 100%;
			padding: 2em 0 0em 5em;
		}
		.abt_text {
			padding: 5em 4em 2em 5em;
		}
	}
	@media screen and (max-width:990px) {
		.abt_title {
			width:27%;
		}
		.sidemenu li {
			width:24%;
		}
	}
	@media screen and (max-width:840px) {
		.sidemenu li {
			width:33%;
			float:left;
			padding:0;
		}
		.abt_text {
			max-width:95%;
			padding: 4em 1em 1em 1em;
		}
		.other {
			padding: 5em 0 0 0em;
		}
		.other_info {
			padding: 1em 0 0em 5em;
		}
	}
	@media screen and (max-width:700px) {
		.abt_text p {
			width: 100%;
			padding: 2em 1em 1em 1em;
		}
		.abt_text {
			padding: 3em 1em 1em 1em;
		}
		.abt_title span:after {
			height:105%;
		}
		.abt_title span {
			margin: 2em auto 0;
		}
		.about:after {
			width: 70%;
			height: 60%;
		}
		.other {
			padding: 4em 0 0 0em;
		}
		.sidemenu a {
			font-size: 16px;
		}
		.other_info p {
			padding: 2em 2em 1em 0;
		}
	}
	@media screen and (max-width:570px) {
		.abt_title span {
			font-size:14px;
		}
		.sidemenu li {
			width:50%;
		}
		.other_info {
			padding: 1em 0 0em 2em;
		}
		.other_info h5 {
			padding: 1em 1em 1em 0;
		}
		.other_info span {
			padding: 1em 2em 1em 0;
		}
		#slider {
			max-width: 100%;
			padding-right:2em;
		}
		ul.simg {
			text-align: left;
			width: 858px;
			max-width: 100%;
			padding: 2em 2em;
		}
		ul.simg li {
			width:23%;
		}
		.abt_title {
			width:135px;
		}
	}
	@media screen and (max-width:430px) {
		.sidemenu a {
			font-size: 15px;
		}
		.other_info h5 {
			font-size:26px;
		}
		.other_info p {
			padding: 1em 1em 1em 0;
		}
		.other_info {
			padding: 1em 0 0em 1em;
		}
		#slider {
			padding-right:1em;
		}
		ul.simg {
			text-align: center;
			max-width: 100%;
			padding: 1em 1em 0 0;
		}
		ul.simg li {
			width: 48%;
			padding:.2em;
		}
		#slider .item {
			border: solid 7px #fff;
		}
		.sidemenu img {
			opacity:.3;
		}
		.sidemenu ul {
			text-align: left;
		}
		.sidemenu {
			padding:1em .5em;
		}
	}
	@media screen and (max-width:380px) {
		.sidemenu li {
			width: 100%;
		}
		.sidemenu ul {
			text-align:left;
		}
		.other_info h5 {
			padding: .5em 1em .5em 0;
			font-size:25px;
		}
	}
/*---contact-------------------------------------------------------------------------------------------------------------------*/
/***map_btn***/
.map_btn {
	width:1200px;
	margin:0 auto;
	max-width:90%;
	padding:3em 0 2em;
	text-align:center;
}
.map_btn ul {
}
.map_btn li {
	display:inline-block;
	vertical-align:top;
	width:23%;
	padding:.5em;
}
.map_btn a {
	color:#fff;
	background:#df7059;
	border:solid 1px #df7059;
	padding:2px;
	border-radius:50px;
	letter-spacing:2px;
	transition:.2s linear;
}
.map_btn p {
	font-size:18px;
	display:block;
	border:solid 1px #e28973;
	padding:.2em .5em;
	border-radius:50px;
	line-height:24px;
}
	.map_btn a:hover {
		background: transparent;
		color:#df7059;
	}
/***site***/
.site {
	width:1300px;
	margin:0 auto;
	max-width:90%;
}
/*loc_list*/
.loc_list {
	margin:1em 0 2em;
	background:url(../../images/loc_bg.jpg) repeat;
	border-radius:7px;
	padding:2em 1em;
	box-shadow:3px 1px 6px rgba(56,16,16,.25);
}
/*loc_info*/
.loc_info {
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding-right:1em;
	text-align:left;
}
/*loc_title*/
.loc_title {
	position:relative;
	margin:1em 0;
	padding:0 1.5em;
	display:inline-block;
}
	.loc_title:before {
		content:'';
		background:url(../../images/title_square.png) top left no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:12px;
		left:0;
	}
	.loc_title:after {
		content:'';
		background:url(../../images/title_square.png) top right no-repeat;
		background-size:contain;
		width:20px;
		height:26px;
		position:absolute;
		top:12px;
		right:0;
	}
.loc_title p {
	color:#6b3135;
	font-size:28px;
	font-weight:700;
	letter-spacing:2px;
	display:inline-block;
}
.loc_info ul {
	padding:1em 0 2em 1em;
	font-size:16px;
	font-family:"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.loc_info li {
	position:relative;
	color:#df7059;
	padding:0 0 .5em 0;
}
.loc_info li p {
	color:#000;
	position:absolute;
	top:4px;
	left:80px;
	width:80%;
	line-height:20px;
	word-wrap: break-word;
	word-break: break-all;
}
.loc_info a {
	display:inline-block;
	color:#6b3135;
	font-size:17px;
	font-weight:700;
	padding:.2em;
	border-bottom:solid 2px #e28973;
	margin-left:1em;
	transition:.3s linear;
}
.loc_info i {
	font-size:24px;
	color:#6b3135;
	transition:.3s linear;
}
	.loc_info a:hover i {
		color:#ff1b27;
		transform: rotateY(180deg) translateY(-5px);
	}
	.loc_info a:hover {
		color:#ff1b27;
	}
/*map*/
.map {
	display:inline-block;
	vertical-align:top;
	width:47%;
	border:solid 15px #d0c5c0;
	height:385px;
	position:relative;
}
.map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	@media screen and (max-width:1200px) {
		.loc_info li {
			padding:0 0 .7em 0;
		}
	}
	@media screen and (max-width:1080px) {
		.map_btn ul {
			text-align: left;
		}
		.map_btn li {
			width:31%;
			text-align:center;
		}
	}
	@media screen and (max-width:900px) {
		.map_btn {
			padding: 2em 0 1em;
		}
		.loc_info {
			width:100%;
			padding:0 0 1em 0;
		}
		.loc_list {
			padding:1em 2em;
		}
		.loc_info ul {
			padding: 0em 0 1em 1em;
		}
		.map {
			width:100%;
			margin-top:.5em;
		}
	}
	@media screen and (max-width:700px) {
		.map_btn li {
			width: 48%;
			padding: .2em;
		}
		.map {
			border: solid 10px #d0c5c0;
			height: 320px;
		}
	}
	@media screen and (max-width:540px) {
		.loc_title p {
			font-size: 26px;
			line-height: 33px;
		}
		.loc_list {
			padding:1em;
		}
		.loc_title:before,.loc_title:after {
			top:2px;
		}
		.loc_info ul {
			padding: 0em 0 0em 1em;
		}
		.map {
			height: 300px;
		}
	}
	@media screen and (max-width:500px) {
		.map_btn li {
			width: 48%;
			padding: .2em 0;
		}
		.map_btn p {
			font-size:16px;
		}
		.map_btn {
			padding: 0em 0 1em;
		}
		.map {
			height: 280px;
		}
	}
	@media screen and (max-width:450px) {
		.map_btn li:first-of-type {
			width:100%;
		}
		.loc_title p {
			font-size: 24px;
			line-height: 30px;
		}
		.loc_title {
			margin:.5em 0;
		}
		.loc_info ul {
			font-size:15px;
			padding:0;
		}
		.loc_info a {
			margin:0;
		}
		.map {
			height: 230px;
			margin-top:0;
		}
		.loc_list {
			margin: 1em 0 1em;
		}
		.map_btn li {
			width:100%;
		}
		.loc_info li p {
			left: 0;
			width: 100%;
			top: 0;
			position: relative;
		}
		.loc_info li {
			padding: 0 0 .3em 0;
		}
	}
	@media screen and (max-width:380px) {
		.map {
			height: 200px;
		}
		.loc_title p {
			font-size: 22px;
		}
	}
	@media screen and (max-width:380px) {
		.loc_list {
			padding: .5em .6em;
		}
	}
/***load***/
#load {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#fff;
	z-index:90;
	text-align:center;
	overflow:hidden;
}
/*loading*/
.loading {
	position:fixed;
	top:23%;
	left:0%;
	width:100%;
}
.loading img {
	max-width:90%;
}
/*---newstable------------------------------------------------------------------------------------------------------------------*/
.newstable {
	width:1070px;
	margin:0 auto;
	max-width:90%;
	padding-top:2em;
}
.newstable table {
	width:100%;
}
.inews .page_num {
	display:none;
}
table.tableimg img {
	max-width:100%;
}
.inews .newslist_rwd .ninfo p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height:1.5;
}
.newstable a {
	display:inline-block;
	transition:.2s ease all;
	word-wrap: break-word;
	word-break: break-all;
}
.newstable a:hover {
	color:#2082d0;
}
.newslist_rwd:hover {
	-webkit-filter: drop-shadow(0px 5px 5px rgba(51, 51, 51, .5));
	filter: drop-shadow(0px 5px 5px rgba(51, 51, 51, .5));
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.3;
}
/*---news-----------------------------------------------------------------------------------------------------------------------------*/
.npic div {
    background: no-repeat center center;
}
.newslist_rwd .ntitle p {
    font-size: 18px;
    color: #2b3f01;
	text-align:center;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0px;
	word-wrap: break-word;
	word-break: break-all;
}
.newslist_rwd .ntitle {
	border-bottom:solid 0px #666;
	display:block;
}
.newslist_rwd .ninfo p {
    font-size: 14px;
    line-height:1.5;
    margin-bottom: 0px;
	color:#424242;
	margin-top:1em;
	transition:.2s ease-in-out;
}
.newslist_rwd .ninfo {
    font-size: 14px;
    line-height: 16px;
}
.nbox {
    margin: 0;
    padding: 0;
	position:relative;
}
.nbox div {
    display: inline-block;
}
.nbox div:nth-child(2) {
    width: 100%-130px;
}

/*******/
.newslist_rwd {
    width: 100%;
    vertical-align: top;
	text-align:center;
	transition:.3s ease-in-out;
}
.newslist_rwd td {
    vertical-align: top
}
.newslist_rwd .npic {
    width: 100%;
}
.newslist_rwd .ntext {
    width: 100%;
}
.newslist_rwd .npic img {
}
.newslist_rwd .ntitle,
.newslist_rwd .ninfo {
    padding-bottom: 1em;
}
.newslist_rwd .npicimg {
}
/*inews*/
.inews .newslist_rwd {
	width:24%;
	transition:.2s linear;
	display:inline-block;
	vertical-align:top;
	padding:0 .5em 1em;
}
	.inews .newslist_rwd:hover {
		transform:translateY(-10px);
	}
.inews .newslist_rwd .ninfo {
	display:none;
}
.inews .newslist_rwd .ntext {
	position:absolute;
	bottom:0;
	left:0;
}
.inews .newslist_rwd .ntitle p {
	color:#fff;
	font-size:18px;
}
.inews .newslist_rwd .ntitle {
	background:rgba(74,20,8,.9);
	text-align:center;
	padding:1em .5em;
}
.inews .newslist_rwd .npicimg {
    min-width: 100%;
    min-height: 260px;
	transition:.2s ease-in-out;
}
	@media screen and (max-width:1230px) {
		.inews .newslist_rwd .npicimg {
			min-height: 240px;
		}
	}
	@media screen and (max-width:1199px) {
		.inews .newslist_rwd .npicimg {
			min-height: 200px;
		}
	}
	@media screen and (max-width:920px) {
		.inews .newslist_rwd {
			width: 32%;
		}
	}
	@media screen and (max-width:750px) {
		.inews .newslist_rwd {
			width: 45%;
		}
		.inews .newslist_rwd .npicimg {
			min-height: 245px;
			display: block;
			text-align: center;
		}
	}
	@media screen and (max-width:650px) {
		.inews .newslist_rwd {
			width: 48%;
		}
		.inews .newslist_rwd .npicimg {
			min-height: 200px;
		}
		.inews {
			padding: 2em 0 3em 1em;
			min-height:auto;
		}
	}
	@media screen and (max-width:500px) {
		.inews .newslist_rwd .npicimg {
			min-height: 180px;
		}
	}
	@media screen and (max-width:450px) {
		.inews .newslist_rwd .npicimg {
			min-height: 150px;
		}
		.inews .newslist_rwd {
			padding:0 .5em 1em;
		}
		.inews .newslist_rwd .ntitle p {
			font-size: 15px;
		}
		.inews .newslist_rwd .ntitle {
			padding:.3em .5em;
		}
		.inews {
			padding: 2em 0 3em 0em;
			min-height:auto;
		}
	}
	@media screen and (max-width:380px) {
		.inews .newslist_rwd .npicimg {
			min-height: 140px;
		}
	}
	@media screen and (max-width:350px) {
			.inews .newslist_rwd .npicimg {
				min-height: 120px;
			}
	}
/*newstable*/
.newstable .newslist_rwd {
	background:#fff;
	margin-bottom:1.5em;
	position:relative;
	min-height:280px;
	text-align:left;
	-webkit-filter: drop-shadow(0px 2px 2px rgba(56, 16, 16, .25));
    filter: drop-shadow(0px 2px 2px rgba(56, 16, 16, .25));
}
	.newstable .newslist_rwd:hover {
		-webkit-filter: drop-shadow(0px 0px 10px rgba(56, 16, 16, .25));
		filter: drop-shadow(0px 0px 10px rgba(56, 16, 16, .25));
		transform: scale(1.01);
	}
.newstable .newslist_rwd a {
	display:block;
	height:100%;
	min-height:auto;
}
.newstable .newslist_rwd .ntitle p {
	font-size: 20px;
    color: #6b3135;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    word-wrap: break-word;
    word-break: break-all;
	text-align:left;
}
.newstable .newslist_rwd .npic {
	width: 40%;
    position: absolute;
    height:100%;
    top: 0;
    right: 0;
	z-index:-1;
}
.newstable .newslist_rwd .npicimg {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.newstable .newslist_rwd .ntext {
	display:inline-block;
	width:55%;
	text-align:left;
	padding:6em 2em 2em 4em;
}
.newstable .newslist_rwd .ntitle,.newstable .newslist_rwd .ninfo {
    padding-bottom:.5em;
}
.newstable .newslist_rwd .ninfo p {
	font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: #424242;
    margin-top: 0em;
    transition: .2s ease-in-out;
}
	@media screen and (max-width:700px) {
		.newstable .newslist_rwd .npic {
			width:50%;
		}
		.newstable .newslist_rwd .ntext {
			width: 50%;
			padding: 4em 1em 2em 2em;
		}
		.newstable .newslist_rwd,.newstable .newslist_rwd a {
			min-height:230px;
		}
	}
	@media screen and (max-width:520px) {
		.newstable .newslist_rwd .npic {
			position: relative;
			width: 100%;
			min-height: 220px;
		}
		.newstable .newslist_rwd a {
			min-height: auto;
		}
		.newstable .newslist_rwd .ntext {
			width: 100%;
			padding:2em;
		}
		.newstable a {
			padding-bottom:0;
		}
	}
	@media screen and (max-width:450px) {
		.newstable .newslist_rwd .npic {
			min-height: 200px;
		}
		.newstable .newslist_rwd .ntext {
			width: 100%;
			padding:2em 1em 1em;
		}
	}
.newslist_rwd .ntitle a {
	display: inline-block;
}
.newstable .newslist_rwd .ntext a {
	min-height:auto;
}
.newstable .newslist_rwd .ntitle p a:first-of-type {
	display:block;
}
.newstable .newslist_rwd>a {
	top:0;
	left:0;
	width:100%;
}
.newstable .newslist_rwd a:nth-of-type(2) {
}
.newstable .newslist_rwd .ntext a,.newslist_rwd .ntitle a {
	position:relative;
	z-index:5;
}
.ripple2 {
	margin-bottom:2em;
}
.news_off {
	display:none !important;
}
/*picktime_area*/
select.picktime_area {
	display: inline-block;
    width: 700px;
    margin-top: 1em;
    margin: 1em auto 0 .5em;
    max-width : 55%;
}
	@media screen and (max-width:1100px) {
		select.picktime_area {
			max-width:61%;
		}
	}
	@media screen and (max-width:860px) {
		select.picktime_area {
			max-width:66%;
		}
		.event div {
			display:block;
			width:100%;
			text-align:center;
		}
		.event ul {
			width:100%;
			padding-top:1em;
		}
		.choice_btn ul {
			width:100%;
		}
	}
	@media screen and (max-width:700px) {
		select.picktime_area {
			max-width: 93%;
		}
	}
	@media screen and (max-width:500px) {
		select.picktime_area {
			margin: 1em auto;
			max-width: 100%;
		}
	}
p.idetail {
	padding-top:1em;
}
/*book*/

.act1, .act2, .act3{
	margin: 0 auto;
}
/*act1*/
.intro{
	width: 100%;
	max-width: 1250px;
	padding: 2.72rem 0 2.83rem;
	margin: 3rem auto 0;
	border-radius: 7px;
}
.intro1{
	background: rgba(237, 148, 130, .5);
}
.intro_inner{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.intro_inner11{
	font-size: 16px;
	color: #472c27;
	text-align: justify;
	font-family: 'Noto Sans TC';
	padding-bottom: 3.9rem;
}
.inner12_title{
    margin: 0 auto;
    color: #733e36;
    padding: 2em 0;
    border-radius: 0 0px 5px 5px;
}
.inner12_title h5 {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 6px;
    padding: 0em 1em 1em;
    position: relative;
    display: inline-block;
}
.inner12_title h5:before {
    content: '';
    background: url(../../images/title_square.png) top left no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 5px;
    left: 0;
}
.inner12_title h5:after {
    content: '';
    background: url(../../images/title_square.png) top right no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 5px;
    right: 0;
}
.inner12_title p{
	font-size: 16px;
	color: #472c27;
	text-align: justify;
	font-family: 'Noto Sans TC';
	padding-bottom: 3.9rem;
}

.inner13_title{
    margin: 0 auto;
    color: #733e36;
    padding: 2em 0;
    border-radius: 0 0px 5px 5px;
}
.inner13_title h5 {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 6px;
    padding: 0em 1em 1em;
    position: relative;
    display: inline-block;
}
.inner13_title h5:before {
    content: '';
    background: url(../../images/title_square.png) top left no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 5px;
    left: 0;
}
.inner13_title h5:after {
    content: '';
    background: url(../../images/title_square.png) top right no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 5px;
    right: 0;
}
.inner13_title p{
	font-size: 16px;
	color: #472c27;
	text-align: justify;
	font-family: 'Noto Sans TC';
	padding-bottom: 3.9rem;
}
.intro_inner21{
	width: 100%;
	max-width: 1060px;
	background: rgba(255, 255, 255, .5);
	border: 1px #733e36 solid;
	border-radius: 7px;
	margin: 5rem auto;
	padding: 4rem 6.3rem 4rem 4.2rem;
	display: flex;
	justify-content: space-between;
    align-items: center;

}
.fare{
	width: 100%;
	max-width: 530px;
	margin: 0 auto 5rem;
}
.fare ul{}
.fare ul li{
	text-align: left;
	line-height: 3;
}
.fare ul li span{
	font-size: 16px;
	color: #783535;
	font-family: 'Noto Sans TC';
	text-align: left;
}
.fare ul li span:first-child{
	padding-right: 2rem;
}
.fare ul li span:last-child{
	color: #593d28;
}

.fare .fare1 p{
font-size: 16px;
color: #593d28;
text-align: left;
font-family: 'Noto Sans TC';
line-height: 2.5;
}

.inner21_deco{
	width: 35%;	
}
.inner21_txt{
	width: 60%;
	text-align: justify;
	font-family: 'Noto Sans TC';
	font-size: 16px;
	color: #593d28;
	padding-left: 7.3rem;
	position: relative;
}
.inner21_txt:before{
	content: '';
	background: #733e36;
	width: 1px;
	height: 110%;
	position: absolute;
	top: 0;
	left: 0;
}


/*act2*/
.intro2{
	background: rgba(241, 214, 51, .75);
}
.act2 .intro_inner {
    max-width: 600px;
}
.act2 .inner12_title p{
	max-width: 500px;
	margin: 0 auto;
}
.act2 .inner13_title p{
	max-width: 500px;
	margin: 0 auto;
}
.act2 .inner12_title h5{
	font-size: 35px;
}
.act2 .inner13_title h5{
	font-size: 35px;
}
.act2 .step ul li{
	width: 19%;
}


/*act3*/
.intro3{
	background: rgba(182, 191, 82, .5);
}
.act3 .inner12_title h5{
	font-size: 30px;
}
.act3 .intro_inner {
    max-width: 600px;
}
.act3 .inner12_title p{
	max-width: 500px;
	margin: 0 auto;
}
.act3 .gift div{
   width: 30%;
}

/*add*/
.add{
	width: 100%;
	max-width: 1186px;	
	border-radius: 7px;
	margin: 0 auto;
}
.add1{
		background: #fff;
		padding: 2.8rem 0;
	}
.add h5 {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 6px;
    padding: 0 1em 0;
    position: relative;
    display: inline-block;
    color: #e56146;
}

.add h5:before {
    content: '';
    background: url(../../images/title_square.png) top left no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 10px;
    left: 0;
}
.add h5:after {
    content: '';
    background: url(../../images/title_square.png) top right no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 10px;
    right: 0;
}
.add .add_inner{
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}
.add .add_inner h3{
	font-size: 26px;
	color: #2b2b2b;
	margin: 36px auto 30px;
	padding: 0.7rem 0;
	border: 1px #e56146 solid;
	border-radius: 10px;
	max-width: 220px;
}
.add .add_inner h4{
	color: #e56146;
	font-size: 30px;
	font-style: italic;
	font-weight: 700;
}
.add .add_inner p{
	color: #593d28;
	font-size: 16px;
	font-family: 'Noto Sans TC';
	margin-bottom: 2.4rem;
}
.add .add_inner ul{

}
.add .add_inner ul li{
	text-align: left;
	line-height: 2.5;
	display: flex;
}
.add .add_inner ul li p{
	font-family: 'Noto Sans TC';
	font-size: 16px;
	color: #783535;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1.5rem;
}
.add .add_inner ul li p:first-child{
	padding-right: 2.5rem;
}
.add .add_inner ul li p:last-child{
	color: #593d28;
}
.addhr{
	width: 80%;
	height: 1px;
	background: #c0bbb2;
	margin: 0 auto;
}
@media screen and (max-width: 1250px){
.act1, .act2, .act3{
	padding: 0 1rem;
}
}
@media screen and (max-width:1200px){
	.add{
		padding: 0 1rem;
	}
}
@media screen and (max-width:1090px){
	.act2 .step ul li {
    width: 31%;
}
}
@media screen and (max-width:768px){
	.act2 .step ul li {
    width: 48%;
}
.act3 .inner12_title h5 {
    font-size: 28px;
}
.act3 .gift div {
    width: 40%;
}
.add1{
		padding: 2.8rem 1rem;
	}
}
@media screen and (max-width:628px){
	.add .add_inner ul li {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 2rem;
}
.add .add_inner ul li p {
    margin-bottom: 0;
}
	.add .add_inner ul li p:first-child {
    padding-right: 0;
}
.add .add_inner ul li p:first-child br{
	display: none;
}
}
@media screen and (max-width: 576px){
	.intro_inner21 {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 4rem 3rem;
}
.inner21_deco {
    width: 95%;
    padding-bottom: 3rem;
}
.inner21_txt {
    width: 95%;
    padding : 3rem 0 0 ;
}
.inner21_txt:before {
    width: 100%;
    height: 1px;
}
.add h5:before {
    top: 40px;
}
.add h5:after {
    top: 40px;
}
.addhr {
    width: 100%;
}
}
@media screen and (max-width: 450px){
	.intro {
    padding: 2.72rem 1rem 2.83rem;
}
.inner12_title h5 {
    font-size: 35px;
}
.inner13_title h5 {
    font-size: 35px;
}
.fare ul li span:first-child {
    padding-right: 0;
}
.act2 .inner12_title h5 {
    font-size: 28px;
}
.act2 .inner13_title h5 {
    font-size: 28px;
}
.act3 .gift div {
    width: 48%;
}
}
@media screen and (max-width: 414px){

	.inner12_title h5 {
    font-size: 28px;
    padding: 0em 1.2em 0.3em;
}
	.inner13_title h5 {
    font-size: 28px;
    padding: 0em 1.2em 0.3em;
}
.act2 .inner13_title h5:before {
    top: 0;
}
.act2 .inner13_title h5:after {
    top: 0;
}
}
@media screen and (max-width:390px){
  
.act2 .step p {
    font-size: 12px;
}
.add h5 {
    font-size: 30px;
}
.add h5:before {
    top: 26px;
}
.add h5:after {
    top: 26px;
}
}
@media screen and (max-width: 360px){
.inner12_title h5 {
    font-size: 25px;
}
	.inner13_title h5 {
    font-size: 25px;
}

}
@media screen and (max-width: 330px){
	.inner12_title h5 {
    font-size: 23px;
}
	.inner13_title h5 {
    font-size: 23px;
}
.act2 .inner12_title h5:before {
    width: 13px;
    height: 19px;
}
.act2 .inner12_title h5:after {
    width: 13px;
    height: 19px;
}
.act2 .inner13_title h5:before {
    width: 13px;
    height: 19px;
}
.act2 .inner13_title h5:after {
    width: 13px;
    height: 19px;
}
.add h5 {
    font-size: 28px;
}
}
.check{
	width: 100%;
	max-width: 1300px;
	margin: 2rem auto 0;
}
.list_form1 ul{
	height:380px;
}
.list_form1 li{
    list-style: decimal;
}
.list_form2 ul{
	height:380px;
}
.list_form2 li{
    list-style: none;
}
.list_form3 ul{
	height:300px;
}
.list_form3 li{
    list-style: none;
}
@media screen and (max-width: 991px){
.list_form1 ul, .list_form2 ul, .list_form3 ul{
	overflow-y: scroll;
}
}

.bookstep {
	width: 100%;
	max-width: 1000px;
	margin: 3rem auto;
}
/*progressbar*/
.bookstep {
	margin-bottom: 30px;
	overflow: hidden;
}
.bookstep li{
	width: 18%;
	display: inline-block;
	padding: 0 2rem;
	position: relative;
}
.bookstep li .bknumber {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size: 25px;
	font-family: 'Noto Sans TC';
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 3.5rem 2rem 2rem 2rem;
    border-radius: 50%;
    min-height: 129px;
    line-height: 34px;
}
.bookstep li:after {
	content:'';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -40%;
    top: 70px;
    z-index: 0;
}
.bookstep li:first-child:after {
	content: none; 
}

.bookstep li.active .bknumber,  .bookstep li.active:after{
	background: #df715a;
	color: white;
}
@media screen and (max-width:450px){
	.bookstep li {
    width: 40%;
	margin-bottom: 2rem;
}	
}
@media screen and (max-width:393px){
	.bookstep li {
    width: 45%;
}
}
@media screen and (max-width: 320px) {
    .bookstep li {
        width: 60%;
    }
}