body {
	font-family: "Century Gothic","微軟正黑體";
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1.3;
}

	body.active, html.active {
		overflow-y: hidden;
		overflow: hidden;
	}

a:focus-visible,
select:focus-visible,
input:focus-visible,
option:focus-visible,
.gsc-search-button-v2:focus-visible,
#menuBtn:focus-visible,
#movie_player button:focus-visible {
	outline: 3px dashed #8480ff !important;
	border-radius: 3px;
	transition: 0;
}

/**/
.nofont {
	font-size: 0rem;
}

.validation-summary-errors, .field-validation-error {
	color: #F00;
	padding: 10px 0;
	display: block;
}

input, select {
	font-family: "Century Gothic","微軟正黑體";
}

	input.input-validation-error {
		background: #ffeaea;
	}

select {
	border: 1px solid #f7b432;
}

a {
	color: #494949;
	text-decoration: none;
}
/*load*/
ul.load_bar {
	margin: auto;
	text-align: center;
	height: 100px;
}

	ul.load_bar li {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #aaa;
	}

@-webkit-keyframes lolo {
	0% {
		-webkit-transform: scale(1,6);
		opacity: 1;
		background-color: #F00;
	}

	100% {
		-webkit-transform: scale(1,.1);
		opacity: .1;
		background-color: #FF0;
	}
}

.load1 {
	-webkit-animation: lolo .5s 0s infinite alternate;
}

.load2 {
	-webkit-animation: lolo .5s .1s infinite alternate;
}

.load3 {
	-webkit-animation: lolo .5s .2s infinite alternate;
}

.load4 {
	-webkit-animation: lolo .5s .3s infinite alternate;
}

.load5 {
	-webkit-animation: lolo .5s .4s infinite alternate;
}

.load6 {
	-webkit-animation: lolo .5s .5s infinite alternate;
}
/**/
#BOX {
	border-top: 5px solid #BB5700;
}

#TOP {
	position: fixed;
	z-index: 1003;
	right: 70px;
	bottom: 50px;
	opacity: 0;
	transition: opacity 0.3s ease-out;
	cursor: pointer;
	pointer-events: none;
	-webkit-animation: go 2s infinite;
	-webkit-transform: rotate(0deg);
}

	#TOP.active {
		opacity: 1;
		pointer-events: auto;
	}

@-webkit-keyframes go {
	0% {
		right: 69px;
		-webkit-transform: rotate(3deg);
	}

	50% {
		right: 70px;
		-webkit-transform: rotate(-3deg);
	}

	100% {
		right: 69px;
		-webkit-transform: rotate(3deg);
	}
}

.fb {
	color: #FFF;
	right: 0;
	top: 120px;
	padding: 10px 18px;
	background: #446ab8;
	position: fixed;
	font-size: 1.375rem;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 2px 3px #355390;
	z-index: 1000;
	transition: all 0.15s ease-out;
}

	.fb:hover {
		background: #355390;
	}

.fly_banner {
}

	.fly_banner .close {
		display: none;
	}

.fly_bt {
	color: #FFF;
	right: 0;
	top: 190px;
	padding: 10px 14px 10px 13px;
	background: #BB5700;
	position: fixed;
	font-size: 1.375rem;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 2px 3px #c48100;
	z-index: 1000;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

.fly_banner a {
	display: block;
	position: fixed;
	right: -256px;
	top: 190px;
	padding: 20px;
	background: #BB5700;
	border-bottom-left-radius: 5px;
	box-shadow: 2px 3px #c48100;
	transition: right 0.3s ease-out;
	z-index: 1001;
}

	.fly_banner a img {
		width: 210px;
		border: 3px solid #FFF;
		vertical-align: bottom;
	}

/*.fly_banner:hover .fly_bt {
	right: 256px;
}

.fly_banner:hover a {
	right: 0;
}*/

.fly_banner.active .fly_bt {
	right: 256px;
}

.fly_banner.active a {
	right: 0;
}

.width_box {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.bread-box {
	/*font-size:0rem;*/
}

	.bread-box i {
		font-size: 0.8rem;
		padding-right: 3px;
	}

.btn {
	background: #BB5700;
	color: #FFF;
	padding: 5px 15px;
	text-align: center;
	transition: all 0.15s ease-out;
	border-radius: 5px;
}

	.btn:hover {
		background: #db7008;
	}

.tac {
	text-align: center;
}
/*pager*/
div.pagination {
	overflow: hidden;
	font-size: 1rem;
	padding: 10px 0;
}

	div.pagination ul {
		list-style: none;
		padding: 2px 0;
		text-align: left;
		overflow: hidden;
	}

	div.pagination li {
		display: inline-block;
		font-size: 0.812rem;
		color: #6e480f;
	}

		div.pagination li.go {
			vertical-align: top;
			margin: 0 0 0 10px;
		}

		div.pagination li.all {
			float: right;
			margin: 0 20px 0 0;
		}

		div.pagination li select {
			border: 1px solid #e3c89f;
			padding: 4px 10px;
			display: inline-block;
			border-radius: 3px;
		}

		div.pagination li.go select {
			vertical-align: middle;
		}

	div.pagination.scott {
		text-align: center;
	}

		div.pagination.scott a {
			padding: 5px 10px;
			margin-right: 2px;
			border: 1px solid #e3c89f;
			text-decoration: none;
			color: #a27530;
			border-radius: 3px;
			display: inline-block;
			background: #FFF;
			transition: all 0.15s ease-out;
		}

			div.pagination.scott a:hover, div.pagination.scott a:active {
				color: #FFF;
				background-color: #6e480f;
			}

		div.pagination.scott li.current {
			padding: 2px 5px 2px 5px;
			margin-right: 2px;
			border: 1px solid #999;
			font-weight: bold;
			background-color: #999;
			color: #fff;
		}

		div.pagination.scott li.disabled {
			margin-right: 2px;
			color: #999;
		}
/*header*/
header {
	background: url(../Images/transp_bg.png) center;
}

.s_top {
	padding: 7px 0 0 0;
	text-align: right;
}

	.s_top a {
		background: #BB5700;
		border: 0;
		font-size: 1rem;
		cursor: pointer;
		transition: all 0.15s ease-out;
		line-height: 27px;
		height: 27px;
		display: inline-block;
		padding: 0 15px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		vertical-align: top;
	}

		.s_top a.site {
			font-size: 1.125rem;
			padding: 3px 10px 0;
			background: unset;
			color: #BB5700;
			box-shadow: unset;
			border-radius: 5px;
		}

		.s_top a:hover {
			background: #db7008;
		}

		.s_top a.site:hover {
			color: #fff;
		}

	.s_top label {
		position: relative;
		margin: 0 0 0 1px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		vertical-align: top;
	}

		.s_top label:after {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 5px 0 5px;
			border-color: #BB5700 transparent transparent transparent;
			position: absolute;
			top: 10px;
			right: -200px;
			display: block;
			pointer-events: none;
		}

	.s_top select {
		height: 27px;
		padding-left: 10px;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-right: 35px;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
		vertical-align: top;
		min-width: 150px;
		line-height: 27px;
	}

	.s_top .search_box {
		display: inline-block;
		width: 250px;
	}

		.s_top .search_box .gsst_b {
			display: none;
		}

		.s_top .search_box .gsc-control-cse {
			margin: 0;
			padding: 0 5px 0 0;
			vertical-align: top;
		}

		.s_top .search_box td.gsc-search-button {
			width: 39px;
		}

		.s_top .search_box .gsc-search-box-tools .gsc-search-box .gsc-input {
			padding: 0;
		}

		.s_top .search_box .cse .gsc-search-button input.gsc-search-button-v2, .s_top .search_box input.gsc-search-button-v2 {
			margin: 0;
		}

		.s_top .search_box input.gsc-search-button, .s_top .search_box input.gsc-search-button:hover, .s_top .search_box input.gsc-search-button:focus {
			border: 1px solid #CECECE;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			padding: 6px 12px;
		}

	.s_top input {
		/*height: 25px;*/
		padding: 0 10px;
		margin: 0;
		vertical-align: top;
		/*width: 25px;*/
		border: 1px solid #CCC;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-right: 0;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}

	.s_top a.search {
		color: #FFF;
		margin: 0 0 0 -5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 0 10px;
		background: #CCC;
	}

header.active .s_top a.search, header.active .s_top input {
	display: none;
}


h1 {
	display: inline-block;
	margin: 0;
	margin-left: 5px;
}

	h1 a img {
		width: 250px;
	}

#menuBtn {
	display: none;
}

.menu {
	overflow: hidden;
	padding: 5px 0;
}

	.menu ul {
		display: inline-block;
		float: right;
		padding: 0 0 0 4px;
	}

		.menu ul li {
			display: inline-block;
			padding: 0 10px 7px 10px;
			position: relative;
			margin: 0 0 0 -4px;
			vertical-align: top;
			transition: all 0.15s ease-out;
		}

			.menu ul li.toheight {
				display: none;
			}

			.menu ul li.m_sp {
				display: none;
			}

@media screen and (max-width: 1000px) {
	.menu ul li.m_sp {
		display: block;
	}
}

/*.menu ul li.last{
	display:none;
}*/

.menu ul li.mobile, .menu ul li.link_ot, .menu ul li.menu_site {
	display: none;
}

.menu ul li:before {
	content: '';
	width: 1px;
	height: 25px;
	position: absolute;
	background: #bbbbbb;
	bottom: 10px;
	left: 0;
}

.menu ul li:nth-last-child(2):after {
	content: '';
	width: 1px;
	height: 20px;
	position: absolute;
	background: #bbbbbb;
	bottom: 8px;
	right: 0;
}

.menu ul li a {
	padding: 8px 16px;
	display: block;
	height: 64px;
	transition: all 0.3s ease-out;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}

.menu ul li:nth-child(2) a {
	width: 111px;
	background: url(../Images/m1.png) no-repeat center;
}

	.menu ul li:nth-child(2) a:hover {
		background: url(../Images/m1_o.png) no-repeat center,#B83150;
	}

.menu ul li:nth-child(3) a {
	width: 74px;
	background: url(../Images/m3.png) no-repeat center;
}

	.menu ul li:nth-child(3) a:hover {
		background: url(../Images/m3_o.png) no-repeat center,#D66501;
	}

.menu ul li:nth-child(4) a {
	width: 75px;
	background: url(../Images/m4.png) no-repeat center;
}

	.menu ul li:nth-child(4) a:hover {
		background: url(../Images/m4_o.png) no-repeat center,#5C7D27;
	}

.menu ul li:nth-child(5) a {
	width: 74px;
	background: url(../Images/m5.png) no-repeat center;
}

	.menu ul li:nth-child(5) a:hover {
		width: 74px;
		background: url(../Images/m5_o.png) no-repeat center,#1379B0;
	}

.menu ul li:nth-child(6) a {
	width: 88px;
	background: url(../Images/m6.png?0120) no-repeat center;
}

	.menu ul li:nth-child(6) a:hover {
		width: 88px;
		background: url(../Images/m6_o.png?0120) no-repeat center,#8c6f54;
	}

.menu ul li a:hover {
	/*background-color: #f4f4f4;*/
	border-radius: 5px;
}

.menu ul li:nth-child(2):hover {
	box-shadow: 0 -3px 0 #B83150 inset;
}

.menu ul li:nth-child(3):hover {
	box-shadow: 0 -3px 0 #D66501 inset;
}

.menu ul li:nth-child(4):hover {
	box-shadow: 0 -3px 0 #5C7D27 inset;
}

.menu ul li:nth-child(5):hover {
	box-shadow: 0 -3px 0 #1379B0 inset;
}

.menu ul li:nth-child(6):hover {
	box-shadow: 0 -3px 0 #8c6f54 inset;
}

/*.menu .line1,.menu .line3{
	top:0;
	left:-100%;
	position:absolute;
	width:100%;
	height:1px;
	background:#B83150;
	transition:all 0.3s ease-out;
}

.menu .line3{
	left:100%;
	top:auto;
	bottom:0;
}

.menu .line2,.menu .line4{
	top:-100%;
	right:0;
	position:absolute;
	width:1px;
	height:100%;
	background:#B83150;
	transition:all 0.3s ease-out;
}

.menu .line4{
	top:100%;
	left:0;
	right:auto;
}

.menu ul li:hover .line1{
	left:0;
}

.menu ul li:hover .line2{
	top:0;
}

.menu ul li:hover .line3{
	left:0;
}

.menu ul li:hover .line4{
	top:0;
}*/

header.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9997;
	background: #FFF;
	padding: 8px 0;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	border-top: 5px solid #BB5700;
	transition: all 0.3s ease-out;
}

	header.active .width_box {
		position: relative;
	}

	header.active .s_top {
		position: absolute;
		right: 0;
		padding: 15px 0 0 0;
	}

	header.active h1 {
		padding: 2px 0 0 0;
	}

		header.active h1 a img {
			width: 135px;
		}

	header.active ul {
		display: inline-block;
		float: none;
		vertical-align: top;
		margin: 7px 0 0 10px;
	}

		header.active ul li {
			margin: 0 0 0 -4px;
			padding: 0 5px 0 5px;
		}

			header.active ul li:before {
				height: 20px;
				bottom: 7px;
			}

			header.active ul li a {
				height: 20px;
				text-indent: 0;
				text-align: center;
				line-height: 20px;
				padding: 8px 6px;
			}

			header.active ul li:first-child a,
			header.active ul li:nth-child(2) a,
			header.active ul li:nth-child(3) a,
			header.active ul li:nth-child(4) a,
			header.active ul li:nth-child(5) a,
			header.active ul li:nth-child(6) a {
				background: none;
			}

				header.active ul li:first-child a:hover,
				header.active ul li:nth-child(2) a:hover,
				header.active ul li:nth-child(3) a:hover,
				header.active ul li:nth-child(4) a:hover,
				header.active ul li:nth-child(5) a:hover,
				header.active ul li:nth-child(6) a:hover {
					background: none;
				}

	header.active .s_top .search_box {
		display: none;
	}

/*In_box*/
.In_box {
	border-top: 2px solid #e5e5e5;
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#fffbf6;
	/*background: url(../Images/In_bottom_bg.png) center bottom no-repeat;*/
	background-size: 100%;
	padding: 0 0 250px 0;
}

	.In_box .btn {
		padding: 13px;
		width: 100%;
		max-width: 300px;
		display: inline-block;
		border-radius: 3px;
		cursor: pointer;
		outline: none;
		font-size: 1rem;
		border: none;
		box-sizing: border-box;
	}

.main.formm {
	padding: 135px 0 0 0;
}

/*footer*/

footer {
	background: #a5cf5b;
	line-height: 1.5;
}

	footer .info {
		background: #FFF;
		padding: 30px;
		overflow: hidden;
		border-radius: 10PX;
	}

		footer .info img {
			width: 190px;
			float: left;
		}

		footer .info p {
			float: left;
			padding: 10px 0 0 50px;
		}

			footer .info p b {
				color: #bb5700;
				font-size: 1.187rem;
				font-weight: bolder;
			}

			footer .info p i {
				padding: 0 10px 0 5px;
			}

		footer .info span {
			float: right;
		}

			footer .info span a {
				display: block;
				margin: 0 0 5px 0;
			}

				footer .info span a:hover {
					background: #db7008;
				}

				footer .info span a i {
					padding: 0 5px 0 0;
				}

.copy {
	color: #FFF;
	background: #BB5700;
	margin: 30px 0 0 0;
	padding: 10px 0;
	font-size: 0.812rem;
	overflow: hidden;
}

.copybox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.copybox img {
		display: block;
		width: 100%;
	}

.copy o {
	/*float: right;*/
}

@media screen and (max-width: 1000px) {
	.copybox {
		flex-direction: column;
	}
}

/*banner*/
.banner {
	position: relative;
	width: 100%;
	background: #FFF;
}

	.banner img.fly {
		position: absolute;
		bottom: 0;
		z-index: 999;
		pointer-events: none;
		width: 17%;
	}

		.banner img.fly.one {
			left: 0;
		}

		.banner img.fly.two {
			right: 0;
		}

	.banner .owl-item:before {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background: rgba(0, 0, 0, 0.75);
		transition: all 0.15s ease-out;
	}

	.banner .owl-item.active:before {
		opacity: 0;
		pointer-events: none;
	}

	.banner .owl-item:hover:before {
		opacity: 0;
	}

	.banner .owl-item img {
		vertical-align: bottom;
	}

	.banner .owl-dots {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		bottom: 5px;
	}

	.banner .owl-next {
		left: auto;
		right: 17.4%;
	}

	.banner .owl-theme .owl-dots .owl-dot span {
		box-shadow: 0 0 3px rgba(0,0,0,0.3);
		background: #FFF;
		transition: all 0.15s ease-out;
	}

	.banner .owl-theme .owl-dots .owl-dot button {
		background: transparent;
		padding: 0;
		border: none;
		pointer-events: none;
	}

	.banner .owl-theme .owl-dots .owl-dot button {
	}

	.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span {
		background: #BB5700;
		transform: scale(1.3);
	}

	.banner .owl-theme .owl-dots .owl-dot:focus {
		outline: 5px solid red;
	}
	/*.owl-theme .owl-nav {
    outline: 3px solid red;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}*/

	.banner .owl-theme .owl-nav [class*='owl-'] {
		margin: 0;
		position: absolute;
		top: 50%;
		margin: 0;
		z-index: 1000;
	}

	.banner .owl-theme .owl-nav .owl-prev {
		left: 10px;
	}

	.banner .owl-theme .owl-nav .owl-next {
		right: 10px;
	}

/*marquee_box*/
.marquee_box {
	color: #BB5700;
	line-height: 20px;
	padding: 13px 0;
	font-size: 1rem;
	font-weight: bolder;
	position: relative;
	box-sizing: border-box;
	background: #FFF;
	margin: 0 0 13px 0;
}

	.marquee_box b {
		padding: 0 0 0 15px;
		position: relative;
	}

		.marquee_box b:before {
			content: '';
			position: absolute;
			display: block;
			left: 0;
			width: 5px;
			height: 20px;
			background: #BB5700;
			border-radius: 10px;
		}

	.marquee_box ul.marquee {
		    display: block;
    border: none;
    background: none;
    width: 100%;
    margin: 0 0 0 10px;
    box-sizing: border-box;
    height: auto;
	}

	.marquee_box a.p {
		cursor: unset;
	}

		.marquee_box a.p i {
			color: #ffffff;
			font-size: 0.875rem;
			padding-left: 10px;
		}

		.marquee_box a.p:focus-visible i {
			color: #BB5700;
		}

		.marquee_box a.p i .nofont {
			font-size: 0;
		}

	.marquee_box ul.marquee li {
    		position: relative;
		padding: 0;
		line-height: 20px;
		top: unset;
		border-bottom: 1px dashed #ccc;
       		padding: 10px;
    		width: 98%;
	}

		.marquee_box ul.marquee li span {
			display: block;
			padding: 0 20px 0 0;
			color: #bb5700;
		}

	.marquee_box a.more {
		background: #BB5700;
		width: 56px;
		color: #FFF;
		text-align: center;
		border-radius: 5px;
		padding: 0 10px;
		display: block;
		font-size: 0.75rem;
		font-weight: normal;
		height: 20px;
		line-height: 20px;
		transition: all 0.15s ease-out;
		margin: 20px 0 0 92.5%;
	}

		.marquee_box a.more:hover {
			background: #db7008;
		}

.marquee_mobile {
	display: none;
}

/*In_News*/
.In_News {
	position: relative;
}

	.In_News .title {
		padding: 0 0 0 15px;
		font-size: 1rem;
		color: #5C7D27;
		line-height: 20px;
		height: 20px;
		font-weight: bolder;
		border: none;
		box-shadow: none;
		background: none;
	}

		.In_News .title:before {
			content: '';
			position: absolute;
			display: block;
			left: 0;
			width: 5px;
			height: 20px;
			background: #5C7D27;
			border-radius: 10px;
		}

		.In_News .title:after {
			display: none;
		}

		.In_News .title span {
			width: calc(100% - 105px);
			display: inline-block;
			margin: 0 0 0 20px;
			box-sizing: border-box;
			background: #5C7D27;
			color: #FFF;
			text-align: right;
			border-radius: 5px;
			padding: 0 10px 0 0;
			float: right;
		}

			.In_News .title span a {
				color: #FFF;
				font-size: 0.75rem;
				font-weight: normal;
			}

	.In_News > div {
		padding: 20px 0 0 4px;
	}

	.In_News div.cont {
		display: inline-block;
		width: 50%;
		margin: 0 0 0 -4px;
		padding: 0 0 0 4px;
		box-sizing: border-box;
	}

		.In_News div.cont.good {
			float: right;
		}

		.In_News div.cont .img {
			width: 130px;
			display: inline-block;
			margin: 0 0 0 -4px;
			background: url(../Images/Sample/In_n1.jpg) 65% top no-repeat;
			background-size: cover;
			border-radius: 10px;
			border: 5px solid #FFF;
			box-shadow: 0 0 8px rgba(0,0,0,0.2);
			position: relative;
			height: 344px;
		}

		.In_News div.cont.good .img {
			background: url(../Images/Sample/In_n2.jpg) center no-repeat;
			background-size: cover;
		}

		.In_News div.cont .img span {
			position: absolute;
			bottom: 0;
			padding: 20px 0;
			text-align: center;
			width: 100%;
			box-sizing: border-box;
			color: #FFF;
			background: rgba(85,128,6,0.8);
			font-size: 1.0625rem;
			text-shadow: 0 0 5px #679007;
		}

		.In_News div.cont.good .img span {
			background: rgba(31,137,18,0.8);
			text-shadow: 0 0 5px #287217;
		}

	.In_News ul {
		display: inline-block;
		margin: 0 0 0 -4px;
		width: calc(100% - 140px);
		vertical-align: top;
		padding: 0 0 0 5px;
		box-sizing: border-box;
	}

		.In_News ul li {
			border-bottom: 1px solid #e3e3e3;
			padding: 10px;
		}

			.In_News ul li:last-child {
				border: none;
			}

			.In_News ul li span {
				color: #558006;
				font-size: 0.825rem;
			}

	.In_News .good ul li span {
		color: #1F8912;
	}

	.In_News ul li span b {
		background: #558006;
		color: #FFF;
		padding: 3px 5px;
		display: inline-block;
		margin: 0 0 0 10px;
	}

	.In_News .good ul li span b {
		background: #1F8912;
	}

	.In_News ul li a {
		overflow: hidden;
		min-height: inherit;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		display: block;
		padding: 5px 0 0 0;
		transition: all 0.15s ease-out;
	}

		.In_News ul li a:hover {
			color: #68a61d;
		}

	.In_News .good ul li a:hover {
		color: #369a29;
	}

/*wemedia_box*/
.wemedia_box {
	position: relative;
	margin: 25px 0 0 0;
}

	.wemedia_box .title {
		padding: 0 0 0 15px;
		font-size: 1.0625rem;
		color: #8c6f54;
		line-height: 20px;
		height: 20px;
		font-weight: bolder;
		border: none;
		box-shadow: none;
		background: none;
	}

		.wemedia_box .title:before {
			content: '';
			position: absolute;
			display: block;
			left: 0;
			width: 5px;
			height: 20px;
			background: #8c6f54;
			border-radius: 10px;
		}

		.wemedia_box .title:after {
			display: none;
		}

		.wemedia_box .title span {
			width: calc(100% - 105px);
			display: inline-block;
			margin: 0 0 0 20px;
			box-sizing: border-box;
			background: #8c6f54;
			color: #FFF;
			text-align: right;
			border-radius: 5px;
			padding: 0 10px 0 0;
		}

			.wemedia_box .title span a {
				color: #FFF;
				font-size: 0.75rem;
				font-weight: normal;
			}

	.wemedia_box ul {
		padding: 20px 0 0 4px;
		overflow: hidden;
		text-align: center;
	}

		.wemedia_box ul li {
			display: inline-block;
			width: 32%;
			box-sizing: border-box;
			vertical-align: top;
			border-radius: 5px;
			overflow: hidden;
			text-align: left;
			box-sizing: border-box;
		}

			.wemedia_box ul li a:focus {
				border: 3px dashed #8480ff;
			}

			.wemedia_box ul li:first-child {
				float: left;
			}

			.wemedia_box ul li:last-child {
				float: right;
			}

			.wemedia_box ul li .img {
				height: 185px;
				overflow: hidden;
				width: 100%;
				text-align: center;
				border-radius: 5px;
				background-position: center;
				background-size: cover;
			}

				.wemedia_box ul li .img p {
					width: 100%;
					height: 100%;
					background: #000;
					font-size: 4.6875rem;
					opacity: 0.5;
					transform: scale(0);
					transition: all 0.3s ease-out;
				}

					.wemedia_box ul li .img p:before {
						content: "";
						display: inline-block;
						vertical-align: middle;
						height: 100%;
					}

					.wemedia_box ul li .img p i {
						display: inline-block;
						vertical-align: middle;
						color: #FFF;
					}

			.wemedia_box ul li p.text {
				padding: 10px 0;
			}

				.wemedia_box ul li p.text span {
					color: #fff;
					background: #8c6f54;
					display: inline-block;
					padding: 3px 5px;
					margin: 0 5px 0 0;
					vertical-align: top;
				}

				.wemedia_box ul li p.text b {
					display: inline-block;
					width: 79%;
					padding: 3px 0 0 3px;
				}

			.wemedia_box ul li a {
				display: block;
				opacity: 1;
			}

				.wemedia_box ul li a:hover {
					color: #795c41;
					transition: all 0.15s ease-out;
				}

					.wemedia_box ul li a:hover .img p {
						transform: scale(1);
					}

/*sbanner_box*/
.sbanner_box {
	padding: 20px 20px;
	background: #FFF;
	margin: 30px 0 0 0;
}

	.sbanner_box .item a {
		border: 1px solid #d6d6d6;
		margin: 5px 0;
	}

	.sbanner_box .owl-theme .owl-nav {
		margin: 0;
	}

		.sbanner_box .owl-theme .owl-nav [class*='owl-'] {
			position: absolute;
			top: 2px;
			margin: 0;
			box-sizing: border-box;
			background: url(../Images/left.png) no-repeat center, #BB5700;
			background-size: 10px;
			width: 20px;
			height: 67px;
			line-height: 65px;
			transition: all 0.15s ease-out;
		}

		.sbanner_box .owl-theme .owl-nav .owl-prev {
			left: -30px;
		}

		.sbanner_box .owl-theme .owl-nav .owl-next {
			right: -30px;
			transform: rotateY(180deg);
		}

		.sbanner_box .owl-theme .owl-nav [class*='owl-']:hover {
			background: url(../Images/left.png) no-repeat center, #d48c00;
			background-size: 10px;
		}

/*In_page*/

.bread {
	padding: 10px 0;
	font-size: 0.812rem;
	width: 100%;
	background: #BB5700;
}

	.bread.Park {
		background: #B83150;
	}

	.bread.activity {
		background: #5C7D27;
	}

	.bread.Education {
		background: #1379B0;
	}

	.bread.wemedia {
		background: #8c6f54;
	}

	.bread.Muslim {
		background: #217f79;
	}


	.bread a {
		color: #FFF;
	}

		.bread a:after {
			content: ">";
			padding: 0 3px;
			font-size: 0.75rem;
			color: #FFF;
		}

	.bread span {
		color: #FFF;
	}
/*header導盲磚*/
a.u-key {
	color: #BB5700;
	position: absolute;
	top: 15px;
	right: 80%;
}
/*主要內容 內頁導盲磚*/
a.c-key {
	position: absolute;
	top: 5px;
	left: -30px;
	font-size: 1rem;
	color: #fff;
}

	a.c-key:focus-visible {
		color: #BB5700;
	}

.c-key_t {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: 700;
}

	.c-key_t:focus-visible {
		color: #BB5700;
	}

@media screen and (max-width: 1000px) {
	a.c-key {
		left: 10px;
	}
}




.title {
	font-size: 1.875rem;
	color: #BB5700;
	padding: 35px 0 35px 0;
	background: #FFF;
	position: relative;
	margin: 0 0 5px 0;
}

	.title.Park {
		color: #B83150;
		/*border-bottom: 2px solid #f1b3c2;*/
	}

	.title.activity {
		color: #5C7D27;
		/*border-bottom: 2px solid #c4e39f;*/
	}

	.title.Education {
		color: #1379B0;
		/*border-bottom: 2px solid #9fe3dd;*/
	}

	.title.wemedia {
		/*border-bottom: 2px solid #e4d3ff;*/
		color: #8c6f54;
	}

	.title.Muslim {
		/*border-bottom: 2px solid #e4d3ff;*/
		color: #217f79;
	}

	.title:after {
		display: block;
		position: absolute;
		background: url(../Images/recommend_wave.png);
		content: '';
		width: 100%;
		height: 23px;
		bottom: -15px;
		z-index: 999;
		left: 0;
	}

	.title.activity span, .title.Education span, .title.Wemedia span {
		font-size: 1.25rem;
		color: #666;
	}

	.title.In.activity span {
		font-size: 1.8125rem;
		color: #5C7D27;
	}

	.title.In.Education span {
		font-size: 1.8125rem;
		color: #1379B0;
	}

	.title i {
		padding: 0 5px 0 0px;
		font-size: 1.25rem;
	}

	.title label {
		float: right;
		position: relative;
	}

	.title select {
		float: right;
		height: 31px;
		padding-left: 10px;
		border-radius: 5px;
		cursor: pointer;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-right: 30px;
	}

	.title label:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #BB5700 transparent transparent transparent;
		position: absolute;
		top: 11px;
		right: 13px;
		display: block;
		pointer-events: none;
	}

	.title.activity select {
		border: 1px solid #5C7D27;
	}

	.title.activity label:after {
		border-color: #5C7D27 transparent transparent transparent;
	}

	.title.Education select {
		border: 1px solid #1379B0;
	}

	.title.Education label:after {
		border-color: #1379B0 transparent transparent transparent;
	}

	.title.wemedia select {
		border: 1px solid #8c6f54;
	}

	.title.wemedia label:after {
		border-color: #8c6f54 transparent transparent transparent;
	}

	.title.In {
		font-size: 1.8125rem;
		font-weight: bolder;
	}

		.title.In i {
			position: absolute;
			top: 46px;
		}

		.title.In span {
			padding: 0 0 0 30px;
			display: block;
		}

.link_news {
	position: absolute;
	color: #999;
	font-size: 1rem;
	right: 10px;
	top: 20px;
}

	.link_news img {
		width: 40px;
		vertical-align: middle;
	}

.title div {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -45px;
	display: inline-block;
	width: 150px;
	padding: 16px 0 8px 0;
	background: #BB5700;
	text-align: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFF;
	font-size: 1rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
	z-index: 999;
}

.title.activity div {
	background: #5C7D27;
}

.title.Education div {
	background: #1379B0;
}

/*News*/
.news_box {
	position: relative;
	padding: 10px;
	border-radius: 10px;
	padding: 40px 0 0 0;
}

	.news_box:before, .news_box:after {
		content: '';
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png);
		top: 0;
	}

	.news_box:before {
		left: 20px;
	}

	.news_box:after {
		left: auto;
		right: 20px;
	}

.News_list {
	background: #FFF;
	box-shadow: 3px 2px 3px rgba(0,0,0,0.1),-3px 0 3px rgba(0,0,0,0.1);
	padding: 15px 20px;
	border-radius: 10px;
}

	.News_list li {
		border-bottom: 1px dashed #e3c89f;
	}

		.News_list li i {
			color: #6e480f;
			margin: 0 8px 0 0;
		}

		.News_list li a {
			padding: 15px 10px;
			display: inline-block;
			box-sizing: border-box;
			width: calc(100% - 142px);
			transition: all 0.15s ease-out;
		}

			.News_list li a:hover {
				text-decoration: underline;
				color: #6e480f;
			}

		.News_list li span {
			display: inline-block;
			width: 120px;
			font-weight: bolder;
			color: #BB5700;
		}

.News_in {
	padding: 65px 25px 25px 25px;
	line-height: 1.6;
	border-bottom: 1px dashed #e3c89f;
	margin: 0 0 35px 0;
	position: relative;
	word-break: break-all;
}

	.News_in img {
		max-width: 100%;
	}

	.News_in .link_box {
		padding: 10px 20px;
		border-radius: 5px;
		margin: 15px 0 0 0;
		color: #494949;
		background: #faefe0;
		font-size: 0.812rem;
	}

		.News_in .link_box a {
			color: #c6670a;
			text-decoration: underline;
		}
/*activity*/
.News_list.activity {
	background: none;
	box-shadow: none;
}

	.News_list.activity li {
		border-bottom: 1px dashed #c4e39f;
		padding: 10px 0 0 0;
	}

		.News_list.activity li span {
			color: #5C7D27;
			width: 100px;
		}

		.News_list.activity li i {
			color: #417405;
		}

.News_list li o {
	background: #5C7D27;
	color: #FFF;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 3px;
}

.News_list.activity li a {
	padding: 10px 10px 10px 21px;
}

	.News_list.activity li a:hover {
		text-decoration: underline;
		color: #417405;
	}

.activity_tab {
	position: relative;
	background: #FFF;
	box-shadow: 3px 0 3px rgba(0,0,0,0.1), -3px 0 3px rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 10px;
	margin: 40px 0 0 0;
}

	.activity_tab:before, .activity_tab:after {
		content: '';
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png);
		top: -40px;
	}

	.activity_tab:before {
		left: 20px;
	}

	.activity_tab:after {
		left: auto;
		right: 20px;
	}

	.activity_tab .tabs {
		padding: 0 0 10px 0;
		text-align: center;
	}

		.activity_tab .tabs li {
			display: inline-block;
			margin: 0 5px 0 -4px;
			position: relative;
			border-radius: 5px;
		}

			.activity_tab .tabs li a {
				padding: 10px 100px;
				border-radius: 5px;
				display: block;
				background: #FFF;
				border: 1px solid #5C7D27;
				color: #5C7D27;
				font-size: 1.125rem;
				transition: all 0.15s ease-out;
				letter-spacing: 2px;
			}

			.activity_tab .tabs li.active {
				box-shadow: 0 2px 2px rgba(0,0,0,0.2);
			}

				.activity_tab .tabs li.active a, .activity_tab .tabs li:hover a {
					background: #5C7D27;
					color: #FFF;
				}

				.activity_tab .tabs li.active:after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 8px 15px 0 15px;
					border-color: #5C7D27 transparent transparent transparent;
					position: absolute;
					margin: 0 auto;
					left: 0;
					right: 0;
				}

.News_in.activity {
	padding: 50px 20px 20px 20px;
	background: url(../Images/roof.png) repeat-x top center,rgba(255,255,255,0.5);
	background-size: 475px;
	border-radius: 5px;
	box-shadow: 3px 2px 3px rgba(0,0,0,0.1),-3px 0 3px rgba(0,0,0,0.1);
	border-bottom: none;
}

.park_detail .activity_tab .tabs li a {
	border: 1px solid #B83150;
	color: #B83150;
}

.park_detail .activity_tab .tabs li.active a, .park_detail .activity_tab .tabs li:hover a {
	background: #B83150;
	color: #FFF;
}

.park_detail .activity_tab .tabs li.active:after {
	border-color: #B83150 transparent transparent transparent;
}

.park_detail .News_list.activity li i {
	color: #bf284c;
}

.park_detail .News_list.activity li span {
	color: #B83150;
}

.park_detail .News_list.activity li a:hover {
	text-decoration: underline;
	color: #bf284c;
}

/*QA*/
.park_detail .qa_tab .tabs {
	margin-top: 5px;
	border-bottom: 1px solid #bb5700;
}

	.park_detail .qa_tab .tabs li {
		margin-top: 5px;
		display: inline-block;
		border: 1px solid #bb5700;
		border-bottom: none;
		padding: 8px 10px;
	}

		.park_detail .qa_tab .tabs li a {
			text-decoration: none;
			color: #bb5700;
		}

		.park_detail .qa_tab .tabs li.active, .park_detail .qa_tab .tabs li:hover {
			background: #bb5700;
		}

			.park_detail .qa_tab .tabs li.active a, .park_detail .qa_tab .tabs li:hover a {
				color: #FFF;
			}

.park_detail .ques_area {
	padding: 5px;
	line-height: 25px;
	border-bottom: 1px dashed #CCC;
}

	.park_detail .ques_area .ques_title {
		position: relative;
		color: #bb5700;
		font-weight: bolder;
		padding-right: 20px;
	}

		.park_detail .ques_area .ques_title i {
			position: absolute;
			right: 10px;
			top: 25%;
		}

			.park_detail .ques_area .ques_title i:before {
				content: "+";
			}

		.park_detail .ques_area .ques_title.active i:before {
			content: "-";
		}

	.park_detail .ques_area .ques_ans {
		display: none;
	}

		.park_detail .ques_area .ques_ans a {
			text-decoration: none;
		}

/*park_box*/
.park_box {
	border: 5px solid #BB5700;
	margin: 35px 0 0 0;
	border-radius: 5px;
	background: #FFF;
}

	.park_box.activity {
		border: 5px solid #5C7D27;
	}

	.park_box.Education {
		border: 5px solid #1379B0;
	}

	.park_box .top_info {
		position: relative;
		background: url(../Images/title_bg.png);
	}

	.park_box .img {
		padding: 0 0 20% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		-webkit-animation: bg_move 10s 1;
		background-position: top;
	}

@-webkit-keyframes bg_move {
	0% {
	}

	15% {
		background-position: top;
	}

	50% {
		background-position: bottom;
		opacity: 1;
	}

	70% {
		background-position: bottom;
		opacity: 0;
	}

	75% {
		background-position: center;
		opacity: 0;
	}

	80% {
		opacity: 1;
	}
}

.park_box .img:after {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	height: 100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.park_box .logo {
	position: absolute;
	background: #FFF;
	border-radius: 3px;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.07);
	bottom: -60px;
	left: 30px;
	z-index: 999;
}

	.park_box .logo a {
		display: block;
		width: 140px;
		height: 140px;
		line-height: 140px;
	}

	.park_box .logo img {
		width: 100%;
		vertical-align: middle;
	}

.park_box .bottom_info {
	padding: 0 0 0 200px;
}

	.park_box .bottom_info .name {
		font-size: 1.5rem;
		padding: 25px 0;
		color: #BB5700;
		font-weight: bolder;
	}

.park_box.activity .bottom_info .name {
	color: #5C7D27;
}

.park_box.Education .bottom_info .name {
	color: #1379B0;
}

/*park_title*/

/*.park_title{
	overflow:hidden;
	margin:50px 0 0 0;
	padding:20px 30px 18px 30px;
	background:url(../Images/title_bg.png);	
	border-radius:5px;
	box-shadow: 0 0 25px rgba(0,0,0,0.2) inset;
}*/

.park_title {
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 10px 20px 10px 20px;
	position: relative;
	background: url(../Images/OHB.png) no-repeat;
	background-size: 50px;
	background-position: top 26px right 190px;
}

	.park_title.Park {
		background-position: top 26px right 190px;
	}

	.park_title.no {
		background: none;
	}

	/*.park_title:before,.park_title:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	top:2px;	
	left:0;
	border-bottom:1px dashed #CCC;
}

.park_title:after{	
	background:#5C7D27;
	width:115px;	
	height:5px;
	bottom:0;
	border-bottom:none;
	border-radius:3px;
}

.park_title.Education:after{
	background:#1379B0;
}*/

	.park_title > a {
		display: inline-block;
	}

	.park_title .logo {
		border-radius: 3px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		width: 80px;
		height: 80px;
		line-height: 79px;
		float: left;
		background: #FFF;
		text-align: center;
	}

		.park_title .logo img {
			max-width: 100%;
			max-height: 80px;
			vertical-align: middle;
			margin: -3px 0 0 0;
		}

	.park_title .name {
		float: left;
		width: calc(100% - 80px);
		box-sizing: border-box;
		padding: 26px 0 0 20px;
		font-size: 1.625rem;
		font-weight: bolder;
		color: #5C7D27;
		text-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	}

	.park_title.Education .name {
		color: #1379B0;
	}

	.park_title.Park .name {
		color: #B83150;
		padding: 24px 0 0 20px;
		font-size: 1.8125rem;
	}

	.park_title p.link {
		float: right;
		padding: 27px 0 0 0;
		line-height: 23px;
		color: #999;
	}

		.park_title p.link a {
			display: inline-block;
			margin: 0 0 0 10px;
			opacity: 0.6;
			transition: all 0.15s ease-out;
			vertical-align: middle;
		}

			.park_title p.link a:hover, .park_title p.link a:focus-visible {
				opacity: 1;
			}

		.park_title p.link img {
			width: 40px;
		}

/*Education*/
.News_in.Education {
	padding: 50px 20px 20px 20px;
	background: url(../Images/roof2.png) repeat-x top center,rgba(255,255,255,0.9);
	background-size: 475px;
	border-radius: 5px;
	box-shadow: 3px 0 3px rgba(0,0,0,0.1),-3px 0 3px rgba(0,0,0,0.1);
	border-bottom: none;
}

.activity_tab.Education .tabs li a {
	border: 1px solid #1379B0;
	color: #1379B0;
}

.activity_tab.Education .tabs li.active a, .activity_tab.Education .tabs li:hover a {
	background: #1379B0;
	color: #FFF;
}

.activity_tab.Education .tabs li.active:after {
	border-color: #1379B0 transparent transparent transparent;
}

.News_list.Education {
	background: none;
	padding: 0;
	box-shadow: none;
}

	.News_list.Education li {
		border-bottom: 1px dashed #9fe3dd;
		padding: 10px 0 0 0;
	}

		.News_list.Education li i {
			color: #0b6265;
		}

		.News_list.Education li span {
			color: #1379B0;
			width: 100px;
		}

		.News_list.Education li o {
			background: #1379B0;
		}

		.News_list.Education li b {
			font-size: 0.812rem;
			padding: 0 0 0 10px;
			color: #c6670a;
		}

		.News_list.Education li a {
			padding: 10px 10px 10px 21px;
		}

			.News_list.Education li a:hover {
				text-decoration: underline;
				color: #0b6265;
			}

/*wemedia*/
.media_cat {
	position: relative;
}

	.media_cat h2 {
		padding: 8px 0 8px 0;
		margin: 30px 0 15px 0;
		text-align: center;
		font-size: 1.25rem;
		font-weight: bolder;
		color: #FFF;
		/*border:2px solid #f0e2d5;*/
		background: #715338;
		border-radius: 5px;
	}

		.media_cat h2.one {
			background: #ee5e80;
		}

	.media_cat label {
		z-index: 2;
		position: absolute;
		right: 8px;
		top: 6px;
	}

	.media_cat select {
		height: 31px;
		padding-left: 10px;
		border-radius: 5px;
		cursor: pointer;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-right: 30px;
		border: 1px solid #8c6f54;
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.media_cat label:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #8c6f54 transparent transparent transparent;
		position: absolute;
		top: 12px;
		right: 8px;
		display: block;
		pointer-events: none;
	}

	.media_cat .tabs {
		text-align: center;
	}

		.media_cat .tabs li {
			display: inline-block;
			position: relative;
		}

			.media_cat .tabs li.active:after {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 6px 10px 0 10px;
				border-color: #ee5e80 transparent transparent transparent;
				position: absolute;
				margin: 0 auto;
				left: 0;
				right: 0;
			}

			.media_cat .tabs li a {
				padding: 10px 21px;
				margin: 0 1px;
				display: block;
				border-radius: 5px;
				background: #f9ebeb;
				transition: all 0.15s ease-out;
				box-shadow: 0 1px 3px rgba(0,0,0,0.15);
			}

				.media_cat .tabs li.active a, .media_cat .tabs li a:hover {
					background: #ee5e80;
					color: #FFF;
				}

	/*.media_cat .tabs li:first-child.active a,.media_cat .tabs li:first-child a:hover{
	background:#ee5e80;	
}
.media_cat .tabs li:first-child.active:after{
	border-color: #ee5e80 transparent transparent transparent;
}*/

	.media_cat .tab_content > p {
		margin: 20px 0 5px 0;
		padding: 20px;
		color: #333;
		font-size: 1rem;
		line-height: 1.5;
		background: #FFF;
		background: url(../Images/congruent_bg.png) center;
		border-radius: 10px;
		border: 1px solid #fbc7d3;
		box-shadow: 0 3px 5px rgba(0,0,0,0.15);
	}

		.media_cat .tab_content > p.nodata {
			text-align: center;
			color: #FFF;
			background: none;
			border: none;
			box-shadow: none;
			font-size: 1.125rem;
			font-weight: bolder;
			background: #ee5e80;
			border: 2px solid #ee5e80;
			display: table;
			margin: 20px auto 5px auto;
			padding: 15px 50px;
			border-radius: 5px;
		}

.cat_item {
	width: 32.9%;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}

	.cat_item .text .txt {
		display: inline;
	}

	.cat_item a {
		overflow: hidden;
		margin: 10px 0;
		margin-left: 10px;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgba(0,0,0,0.15), 1px 0 3px rgba(0,0,0,0.15), -1px 0 3px rgba(0,0,0,0.15);
		font-size: 0.9375rem;
		width: calc(100% - 15px);
		height: 100%;
		display: block;
		position: relative;
	}

		.cat_item a:focus-visible,
		.new_media_tab .tabs li.active > a:focus-visible {
			outline: 3px dashed #8480ff !important;
			border-radius: 3px;
			transition: 0;
		}

	.cat_item .fa-youtube-play {
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 999;
		color: #ee2323;
		width: 30px;
	}

	.cat_item .img {
		position: relative;
		width: 100%;
		height: 215px;
	}

		.cat_item .img:after {
			content: '';
			height: 50px;
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
		}

		.cat_item .img img {
			width: 100%;
		}

	.cat_item .text {
		padding: 15px 10px 10px 10px;
		background: url(../Images/bg_manga_entry.png) no-repeat right bottom, #f2f0f0;
		background-size: 25px;
	}

		.cat_item .text span {
			display: block;
			padding: 7px 0 0 0;
		}

.car_time .text span.txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cat_item .text span.who {
	position: relative;
}

	.cat_item .text span.who o {
		width: 80px;
		height: 80px;
		line-height: 80px;
		background: #FFF;
		position: absolute;
		top: -87px;
		border: 3px solid #FFF;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
		text-align: center;
	}

	.cat_item .text span.who img {
		line-height: 1.2;
		max-width: 100%;
		vertical-align: middle;
		margin: -4px 0 0 0;
		max-height: 100%;
	}

	.cat_item .text span.who b {
		color: #FFF;
		display: inline-block;
		padding: 3px 5px;
		font-size: 1.0625rem;
		position: absolute;
		font-weight: bolder;
		top: -47px;
		left: 90px;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

.wemedia_water {
	overflow: hidden;
}

.wemedia .left_box {
	width: 20%;
	float: left;
}

.wemedia_water .seemore {
	text-align: center;
	padding: 35px 0 5px 0;
}

.park_title.wemedia {
	margin: 0;
}

/*主題Banner*/

.tbanner_img {
}

.In_box.bone1 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#fff0e4;
}

.In_box.bone2 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#e8ffe4;
}

.In_box.bone3 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#e3ebfa;
}

.In_box.bone4 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#f5eefb;
}

.In_box.bone5 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#f4fff6;
}

.In_box.bone6 {
	background: url(../Images/In_bottom_bg.png) center bottom no-repeat,#fff7f8;
}

.media_cat.tbanner .tabs li {
	width: 16%;
	margin: 0 2px 0 -2px;
}

.media_cat.tbanner.season .tabs li {
	width: 24%;
	margin: 0 2px 0 -2px;
}

.media_cat.tbanner .tabs {
	margin: 30px 0 20px 0;
}

.media_cat .tabs li a {
	background: #fff;
}

.media_cat.tbanner .tabs li.active:nth-child(1) a, .media_cat.tbanner .tabs li:nth-child(1) a:hover {
	background: #ff7900;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(1):after {
	border-color: #ff7900 transparent transparent transparent;
}

.media_cat.tbanner .tabs li.active:nth-child(2) a, .media_cat.tbanner .tabs li:nth-child(2) a:hover {
	background: #5aae10;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(2):after {
	border-color: #5aae10 transparent transparent transparent;
}

.media_cat.tbanner .tabs li.active:nth-child(3) a, .media_cat.tbanner .tabs li:nth-child(3) a:hover {
	background: #5a77ec;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(3):after {
	border-color: #5a77ec transparent transparent transparent;
}

.media_cat.tbanner .tabs li.active:nth-child(4) a, .media_cat.tbanner .tabs li:nth-child(4) a:hover {
	background: #954bbe;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(4):after {
	border-color: #954bbe transparent transparent transparent;
}

.media_cat.tbanner .tabs li.active:nth-child(5) a, .media_cat.tbanner .tabs li:nth-child(5) a:hover {
	background: #2ba187;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(5):after {
	border-color: #2ba187 transparent transparent transparent;
}

.media_cat.tbanner .tabs li.active:nth-child(6) a, .media_cat.tbanner .tabs li:nth-child(6) a:hover {
	background: #ff4f80;
	color: #FFF;
}

.media_cat.tbanner .tabs li.active:nth-child(6):after {
	border-color: #ff4f80 transparent transparent transparent;
}


.media_cat.tbanner.season .tabs li.active:nth-child(1) a, .media_cat.tbanner.season .tabs li:nth-child(1) a:hover {
	background: #eb9d9f;
	color: #FFF;
}

.media_cat.tbanner.season .tabs li.active:nth-child(1):after {
	border-color: #eb9d9f transparent transparent transparent;
}


.media_cat.tbanner.season .tabs li.active:nth-child(2) a, .media_cat.tbanner.season .tabs li:nth-child(2) a:hover {
	background: #0068bf;
	color: #FFF;
}

.media_cat.tbanner.season .tabs li.active:nth-child(2):after {
	border-color: #0068bf transparent transparent transparent;
}


.media_cat.tbanner.season .tabs li.active:nth-child(3) a, .media_cat.tbanner.season .tabs li:nth-child(3) a:hover {
	background: #f79a01;
	color: #FFF;
}

.media_cat.tbanner.season .tabs li.active:nth-child(3):after {
	border-color: #f79a01 transparent transparent transparent;
}


.media_cat.tbanner.season .tabs li.active:nth-child(4) a, .media_cat.tbanner.season .tabs li:nth-child(4) a:hover {
	background: #e8d2ad;
	color: #FFF;
}

.media_cat.tbanner.season .tabs li.active:nth-child(4):after {
	border-color: #e8d2ad transparent transparent transparent;
}




/**/

.article_box .top {
	color: #666;
	padding: 6px;
	background: #f4d1a5;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 7px 7px 0 rgba(0,0,0,0.1);
	margin: 0 0 15px 0;
	position: relative;
	border-bottom: 2px solid #d4b48c;
}

	.article_box .top:before, .article_box .top:after {
		content: "";
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png) center center no-repeat;
		background-size: contain;
		top: -40px;
		left: 20px;
	}

	.article_box .top:after {
		left: auto;
		right: 20px;
	}

	.article_box .top span {
		font-size: 1.8125rem;
		font-weight: bolder;
		display: block;
		width: calc(100% - 29%);
	}

	.article_box .top .name {
		background: #FFF;
		padding: 15px 15px 0 15px;
	}

		.article_box .top .name:after {
			content: '';
			display: block;
			background: url(../Images/icon-photobook.png) no-repeat center;
			background-size: 100%;
			position: absolute;
			width: 260px;
			right: 20px;
			top: 25px;
			padding: 9% 0 0 0;
		}

	.article_box .top .whowho {
		padding: 15px 0;
	}

		.article_box .top .whowho p {
			display: inline-block;
			vertical-align: middle;
		}

		.article_box .top .whowho .logo {
			width: 50px;
			height: 50px;
			line-height: 50px;
			box-shadow: 0 0 10px rgba(0,0,0,0.2);
			background: #FFF;
		}

			.article_box .top .whowho .logo img {
				width: 100%;
				vertical-align: middle;
			}

		.article_box .top .whowho .name {
			font-size: 1.125rem;
			padding: 0 0 0 3px;
		}

		.article_box .top .whowho .link {
			padding: 0 0 0 15px;
		}

			.article_box .top .whowho .link a {
				display: inline-block;
				width: 30px;
				opacity: 0.75;
				transition: all 0.15s ease-out;
			}

				.article_box .top .whowho .link a img {
					width: 100%;
					vertical-align: bottom;
				}

				.article_box .top .whowho .link a:hover {
					opacity: 1;
				}

.article_box .main_img {
	overflow: hidden;
}

	.article_box .main_img .bear {
		position: absolute;
		z-index: 999;
		bottom: 6px;
		right: 40px;
		width: 90px;
	}

	.article_box .main_img .img_box {
		box-sizing: border-box;
		/*background:url(../Images/hero-bg.gif);*/
		/*background:url(../Images/bg-base-01.png);*/
		background: url(../Images/bg_01.png);
		background-size: 100px;
		padding: 15px;
	}

		.article_box .main_img .img_box.owl-theme .owl-dots {
			position: absolute;
			bottom: 15px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

			.article_box .main_img .img_box.owl-theme .owl-dots .owl-dot.active span, .article_box .main_img .img_box.owl-theme .owl-dots .owl-dot:hover span {
				background: #BB5700;
				transform: scale(1.3);
			}

		.article_box .main_img .img_box.owl-carousel .owl-item img {
			margin: 0;
			vertical-align: middle;
			max-width: 640px;
			width: auto;
			margin: 0 auto;
			border-radius: 10px;
			box-shadow: 3px 0 3px rgba(0,0,0,0.1), -3px 0 3px rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.1);
		}

.article {
	font-size: 1rem;
	line-height: 1.8;
	padding: 15px 20px 20px 20px;
	background: url(../Images/transp_bg.png);
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 7px 7px 0 rgba(0,0,0,0.1);
	margin: 0 0 25px 0;
}

	.article.mov {
		margin: 0 0 25px 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.article img {
		max-width: calc(80% - 20px);
		margin: 10px;
		border-radius: 5px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
		margin: 0 auto;
	}

	.article .say {
		display: block;
		text-align: center;
		margin: -20px 0 0 0;
		font-size: 0.812rem;
		color: #666;
	}

.in_link {
	text-align: right;
}

	.in_link a {
		width: 30px;
		display: inline-block;
		opacity: 0.75;
		transition: all 0.15s ease-out;
	}

		.in_link a:hover {
			opacity: 1;
		}

		.in_link a img {
			width: 100%;
			vertical-align: bottom;
			display: inherit;
			box-shadow: none;
			margin: 0;
			max-width: 100%;
		}

.bt_link {
	text-align: center;
	padding: 0 0 20px 0;
	margin: 20px 0 35px 0;
	border-bottom: 1px dashed #CCC;
}

	.bt_link a {
		width: 30px;
		display: inline-block;
		opacity: 0.75;
		transition: all 0.15s ease-out;
	}

		.bt_link a:hover {
			opacity: 1;
		}

		.bt_link a img {
			width: 100%;
			vertical-align: bottom;
		}

.article_box {
	background: url(../Images/icon02.png) no-repeat left top,url(../Images/icon03.png) no-repeat right top;
	background-size: 150px;
}

	.article_box .owl-item {
		padding: 0 0 15px 0;
	}

.who_park {
	padding: 20px 0;
}

	.who_park > div {
		position: relative;
		padding: 0 15px;
	}

	/*.who_park > div:before {
	border-bottom: 4px solid #e4e4e5;
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -10px;
}*/

	/*.who_park > div:after {
	content: '';
	position: absolute;
	border-bottom: 4px solid #8c6f54;
	width: 110px;
	left: 0;
	bottom: -10px;
}*/

	.who_park p {
		display: inline-block;
		vertical-align: middle;
	}

	.who_park .logo {
		width: 80px;
		height: 80px;
		line-height: 80px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		background: #FFF;
		overflow: hidden;
		text-align: center;
	}

		.who_park .logo img {
			width: 95%;
			vertical-align: middle;
			margin: -3px 0 0 0;
		}

	.who_park .name {
		font-size: 1.875rem;
		font-weight: bolder;
		padding: 0 0 0 5px;
		color: #8c6f54;
		overflow: hidden;
	}

	.who_park .what {
		font-size: 1rem;
		float: right;
		font-weight: bolder;
		padding: 30px 0 0 0;
	}

		.who_park .what b {
			display: inline-block;
			padding: 5px 20px;
			border-radius: 5px;
			margin: 0 0 0 15px;
		}

			.who_park .what b.movie {
				background: #aed4eb;
				color: #575c66;
			}

				.who_park .what b.movie i {
					color: #4e93cd;
				}

			.who_park .what b.arti {
				background: #fae282;
				color: #735d39;
			}

				.who_park .what b.arti i {
					color: #ed8d64;
				}

.article_box .loop .movieimg .movif {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), 0 4px 4px 0 rgba(0,0,0,0.1), 0 7px 7px 0 rgba(0,0,0,0.1);
}

.movie_name {
	font-size: 1.31rem;
	font-weight: bolder;
	background: #715338;
	color: #FFF;
	/*color: #8c6f54;
	border-top: 1px solid #c9bbad;
	border-bottom: 3px double #c9bbad;*/
	padding: 10px 15px;
	/*margin: 25px 0 0 0;*/
	border-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.article_box .loop .txtimg {
	position: relative;
}

	.article_box .loop .txtimg .name {
		width: 100%;
		/*background:rgba(0,0,0,0.75);*/
		background: rgba(0,0,0,0.6);
		/*background:#8c6f54;*/
		position: absolute;
		bottom: 0;
		color: #FFF;
		font-size: 1.31rem;
		font-weight: bolder;
		padding: 10px 15px;
		box-sizing: border-box;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

.article_box .loop .img {
	/*padding: 35% 0 0 0;*/
	padding: 60% 0 0 0;
	display: block;
	width: 100%;
	border-radius: 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 7px 7px 0 rgba(0,0,0,0.1);
}

.article_box .loop .owl-item:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );*/
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 20%, rgba(255,255,255,0.85) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 20%,rgba(255,255,255,0.85) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 20%,rgba(255,255,255,0.85) 80%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	transition: all 0.15s ease-out;
}

.article_box .loop .owl-item.active:before {
	display: none;
}

.article_box .loop .owl-item .width_box {
	opacity: 0;
}

.article_box .loop .owl-item.active .width_box {
	opacity: 1;
}

/*.article_box .loop.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 9%;
    margin: 0;
    background: none;
}

.article_box .loop.owl-theme .owl-nav .owl-prev {
    left: 0;
}

.article_box .loop.owl-theme .owl-nav .owl-next {
    right: 0;
}

.article_box .loop.owl-theme .owl-nav [class*='owl-'] span {
    position: fixed;
    top: 60%;
    background: rgba(0,0,0,0.4);
    transition: all 0.15s ease-out;
    display: inline-block;
    padding: 5px 10px;
    width: 15px;
    border-radius: 3px;
}

.article_box .loop.owl-theme .owl-nav [class*='owl-'] span:hover {
    background: rgba(0,0,0,0.6);
}

.article_box .loop.owl-theme .owl-nav .owl-prev span {
    left: 2px;
}

.article_box .loop.owl-theme .owl-nav .owl-next span {
    right: 2px;
}*/

.INFO_IMG .Img_box .imgLiquidFill {
	width: 100%;
	padding: 40% 0 0 0;
}

.INFO_IMG .ID {
	font-size: 1.8125rem;
	color: #8c6f54;
	font-weight: bolder;
}

.ssss_title {
	background: #997d63;
	color: #FFF;
	padding: 10px;
}
/*Park*/
.Park_in {
	margin: 0 0 20px 0;
	/*padding: 50px 20px 20px 20px;*/
	background: url(../Images/roof3.png) repeat-x top center,rgba(255,255,255,0.5);
	background-size: 475px;
	border-radius: 5px;
	box-shadow: 2px 0 3px rgba(0,0,0,0.15),-2px 0 3px rgba(0,0,0,0.15);
	position: relative;
	padding: 5px 0 15px 0;
}

	.Park_in:before {
		content: '';
		display: block;
		width: 100%;
		height: 40px;
		background: url(../Images/roof3.png) repeat-x top center;
		background-size: 475px;
		top: 0;
		position: absolute;
		z-index: 999;
		border-radius: 5px;
	}

.banner_box {
	position: relative;
}

	.banner_box .top1 {
		position: absolute;
		z-index: 999;
		width: 130px;
		bottom: 90px;
		right: -75px;
		cursor: pointer;
	}

		.banner_box .top1 img {
			width: 100%;
		}

		.banner_box .top1 :focus-visible {
			outline: 3px dashed #8480ff !important;
			border-radius: 3px;
			transition: 0;
		}

.Park_in #sync1 {
	position: relative;
}

.Park_in .owl-theme .owl-nav {
	margin: 0;
}

	.Park_in .owl-theme .owl-nav [class*='owl-'] {
		background: none;
		margin: 0;
		padding: 0;
		font-size: 3.125rem;
		color: #F00;
	}

	.Park_in .owl-theme .owl-nav .owl-prev:hover {
		background: url(../Images/left4.png) no-repeat left 10px center,rgba(255,255,255,0.3);
		background-size: 10px;
	}

	.Park_in .owl-theme .owl-nav .owl-next:hover {
		background: url(../Images/right4.png) no-repeat right 10px center,rgba(255,255,255,0.3);
		background-size: 10px;
	}

.Park_in #sync1.owl-theme .owl-next,
.Park_in #sync1.owl-theme .owl-prev {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}

.Park_in #sync1.owl-theme .owl-prev {
	left: 0;
}

.Park_in #sync1.owl-theme .owl-next {
	right: 0;
}

.Park_in .owl-theme .owl-dots .owl-dot span {
	background: #FFF;
}

.Park_in .owl-theme .owl-dots .owl-dot.active span, .Park_in .owl-theme .owl-dots .owl-dot:hover span {
	background: #B83150;
}

.Park_in .owl-dots {
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.Park_in #sync1 .item p {
	padding: 0 0 50% 0;
}

.Park_in #sync2 .item a {
	display: block;
	padding: 0 0 30% 0;
	border-radius: 20px;
}

#sync2.owl-carousel.owl-drag .owl-item {
	cursor: pointer;
	transition: all 0.15s ease-out;
	overflow: hidden;
	padding: 15px 8px;
	box-sizing: border-box;
}

	#sync2.owl-carousel.owl-drag .owl-item a {
		opacity: 0.5;
	}

		#sync2.owl-carousel.owl-drag .owl-item.current a,
		#sync2.owl-carousel.owl-drag .owl-item:hover a,
		#sync2.owl-carousel.owl-drag .owl-item a:focus-visible {
			opacity: 1;
		}

.black_bg, .black_bg_banr {
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10001;
	display: none;
	top: 0;
}

.top1_box {
	position: fixed;
	top: 0;
	z-index: 10002;
	background: url(../Images/In_bottom_bg.png) bottom center no-repeat,url(../Images/cloudy-day.png) top left;
	background-size: 100%;
	border-radius: 10px;
	left: 0;
	right: 0;
	margin: -310px auto 0 auto;
	top: 50%;
	width: 80%;
	max-width: 1000px;
	padding: 20px 20px 100px 20px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5);
	display: none;
}

	.top1_box .txt {
		width: 250px;
		margin: 0 auto;
		left: 0;
		right: 0;
		position: absolute;
		top: -70px;
	}

	.top1_box p {
		position: relative;
	}

	.top1_box .box-close-btn {
		font-size: 0rem;
		position: absolute;
		right: -10px;
		top: -10px;
		text-align: center;
		line-height: 15px;
		width: 32px;
		color: rgba(0,0,0,.2);
	}

	.top1_box .fa-window-close,
	.top1_box .fa-times {
		font-size: 1.875rem;
		color: #666;
		cursor: pointer;
	}

	.top1_box o {
		display: block;
		float: left;
		width: 500px;
		height: 500px;
		text-align: center;
		background: rgba(0,0,0,0.1);
		line-height: 500px;
	}

	.top1_box p img {
		max-width: 500px;
		max-height: 500px;
		vertical-align: middle;
	}

	.top1_box span {
		display: block;
		width: calc(100% - 500px);
		padding: 0 30px 0 0;
		box-sizing: border-box;
		line-height: 1.5;
		float: right;
	}

		.top1_box span > b {
			height: 500px;
			display: block;
			overflow: auto;
			/*box-shadow:0 0 5px 0 rgba(0,0,0,0.3) inset;*/
			padding: 15px;
			box-sizing: border-box;
			background: rgba(255,255,255,0.5);
			border-bottom-right-radius: 10px;
		}

			.top1_box span > b::-webkit-scrollbar-track {
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
				background-color: #F5F5F5;
			}

			.top1_box span > b::-webkit-scrollbar {
				width: 5px;
				background-color: #F5F5F5;
			}

			.top1_box span > b::-webkit-scrollbar-thumb {
				background-color: #ed6d00;
				background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
			}

			.top1_box span > b b {
				display: block;
				color: #ed6d00;
				font-size: 1.25rem;
				font-weight: bolder;
			}

	.top1_box .btn {
		display: table;
		margin: 15px auto 0 auto;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: center;
	}

.toggle_box {
	padding: 0 15px;
}

	.toggle_box p {
		text-align: center;
		padding: 10px;
	}

	.toggle_box div {
		padding: 0 15px 15px 15px;
		line-height: 1.5;
		height: 60px;
		overflow: hidden;
		position: relative;
		transition: all 0.25s ease-out;
	}

		.toggle_box div.opop {
			height: auto;
			padding: 15px 15px 44px 15px;
		}

		.toggle_box div a.open {
			display: block;
			position: absolute;
			width: 98%;
			padding: 5px 0;
			background: #FFF;
			bottom: 0;
			text-align: center;
			cursor: pointer;
			box-sizing: border-box;
			left: 0;
			font-size: 0.812rem;
			color: #b83150;
			margin: 3px 1%;
			border: none;
		}

			.toggle_box div a.open:focus-visible {
				outline: 3px dashed #8480ff !important;
				border-radius: 3px;
				transition: 0;
			}

.s_title {
	font-size: 1.187rem;
	font-weight: bolder;
	color: #B83150;
	position: relative;
	padding: 10px;
	text-align: center;
}

	.s_title:after {
		position: absolute;
		content: '';
		border-bottom: 2px solid #B83150;
		width: 100%;
		left: 0;
		top: 35px;
	}

	.s_title span {
		margin: 0 auto;
		display: block;
		background: #B83150;
		width: 50px;
		height: 50px;
		line-height: 50px;
		color: #FFF;
		border-radius: 50%;
		font-size: 1.56rem;
		position: relative;
		z-index: 1;
	}

.movie .s_title {
	color: #ee2323;
}

	.movie .s_title:after {
		border-bottom: 2px solid #ee2323;
	}

	.movie .s_title span {
		background: #ee2323;
	}

.s_title b {
	padding: 5px 0 0 0;
	display: block;
	font-size: 1.0625rem;
}

.park_detail {
	border-radius: 5px;
	box-shadow: 2px 0 3px rgba(0,0,0,0.15),-2px 0 3px rgba(0,0,0,0.15);
	padding: 15px;
	background: #FFF;
	margin: 0 0 20px 0;
}

	.park_detail table {
		width: 100%;
		border-radius: 5px;
		overflow: hidden;
		font-size: 0.825rem;
		margin: 0 0 15px 0;
	}

		.park_detail table tr th, .park_detail table tr td {
			padding: 10px 15px;
			border-bottom: 1px dashed #DDD;
		}

		.park_detail table tr th {
			text-align: right;
			vertical-align: middle;
			width: 12%;
			color: #B83150;
			font-weight: bolder;
			background: #ffdde5;
			border-bottom: 1px dashed #fac6d2;
		}

		.park_detail table tr td {
			vertical-align: middle;
			word-wrap: break-word;
			word-break: break-all;
		}

		.park_detail table a {
			color: #1155cc;
			text-decoration: underline;
		}

		.park_detail table .multiple span {
			padding: 0 10px 0 0;
			display: inline-block;
		}

		.park_detail table .multiple img {
			width: 35px;
			vertical-align: middle;
			margin: 0 5px 0 0;
		}

		.park_detail table .multiple span.sp1 img {
			width: auto;
			height: 35px;
		}

		.park_detail table .multiple span.sp2 img {
			width: auto;
			height: 35px;
		}

	.park_detail iframe {
		height: 450px;
	}

	.park_detail .logo_text {
		display: block;
		margin: 1px 0 9px 0;
		color: #666;
		font-size: 0.825rem;
	}

.tab_news {
	overflow: hidden;
}

	.tab_news .activity_tab {
		padding: 0;
		margin: 0;
		box-shadow: none;
	}

		.tab_news .activity_tab:before, .tab_news .activity_tab:after {
			display: none;
		}

	.tab_news .more {
		float: right;
		background: #B83150;
		color: #FFF;
		font-size: 0.75rem;
		padding: 5px 10px;
		border-radius: 3px;
		transition: all 0.15s ease-out;
	}

		.tab_news .more:hover {
			background: #bf284c;
		}

.park_detail.movie {
	background: url(../Images/congruent_bg.png);
}

	.park_detail.movie ul {
		padding: 0 0 0 4px;
	}

	.park_detail.movie li {
		display: inline-block;
		width: calc(33.333333333% - 20px);
		margin: 0 10px 10px 6px;
		box-sizing: border-box;
		vertical-align: top;
		background: #FFF;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	}

		.park_detail.movie li b {
			padding: 10px;
			display: block;
			box-sizing: border-box;
		}
/*logon*/
.login_box > div {
	width: 100%;
	max-width: 500px;
	margin: 40px auto 0 auto;
	border-radius: 10px;
	padding: 55px 25px;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 7px 7px 0 rgba(0,0,0,0.1);
	position: relative;
	background: url(../Images/transp_bg.png);
	box-sizing: border-box;
}

	.login_box > div:before, .login_box > div:after {
		content: "";
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png) center center no-repeat;
		background-size: contain;
		top: -40px;
		left: 20px;
	}

	.login_box > div:after {
		left: auto;
		right: 20px;
	}

	.login_box > div > div {
		padding: 5px;
		color: #BB5700;
		font-size: 1.687rem;
		text-align: left;
		margin: 0 0 15px 0;
		font-weight: bolder;
	}

	.login_box > div p {
		margin: 0 0 10px 0;
		text-align: left;
	}

.sign_in {
	display: flex;
}

.login_box > div p b {
	display: inline-block;
	background: #dddddd;
	height: 38px;
	vertical-align: top;
	width: 40px;
	line-height: 47px;
	text-align: center;
	border: 1px solid #cbcbcb;
	border-right: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

	.login_box > div p b i {
		color: #606060;
		font-size: 1.43rem;
	}

.login_box > div p input {
	border: 1px solid #cbcbcb;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	width: calc(100% - 43px);
	font-family: "Century Gothic","微軟正黑體",'Arial Black',Gadget,sans-serif;
	border-left: none;
	margin: 0 0 0 -4px;
	font-size: 1rem;
}

.login_box > div .pass {
	text-align: left;
	padding: 0 0 10px 0;
}

.login_box > div p input:focus {
	outline: none;
}

.login_box > div .go {
	padding: 13px;
	width: 100%;
	max-width: 300px;
	background: #BB5700;
	color: #FFF;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.15s ease-out;
	margin: 10px 0 0 0;
	font-family: "Century Gothic","微軟正黑體",'Arial Black',Gadget,sans-serif;
	font-size: 1.0625rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	box-sizing: border-box;
}

	.login_box > div .go:hover {
		background: #db7008;
	}

	.login_box > div .go.fbl {
		background: #3b5998;
	}

		.login_box > div .go.fbl:hover {
			background: #3a61b3;
		}

.login_box div span.line {
	display: block;
	position: relative;
	padding: 15px 0;
}

	.login_box div span.line:before {
		width: 40px;
		height: 10px;
		background-color: #fff;
		content: '';
		margin: -5px 0 0 -20px;
		left: 50%;
		position: absolute;
		top: 50%;
		z-index: 2;
	}

	.login_box div span.line:after {
		border-bottom: 1px solid #ccc;
		content: '';
		display: block;
		position: absolute;
		top: 49%;
		width: 100%;
		z-index: 1;
	}

	.login_box div span.line o {
		position: relative;
		z-index: 3;
	}

.login_box > div .a_box {
	text-align: center;
	padding: 15px 0 0 0;
}

	.login_box > div .a_box a {
		color: #8c8c8c;
		padding: 0 5px;
		transition: all 0.15 ease-out;
	}

		.login_box > div .a_box a:hover {
			color: #666;
			text-decoration: underline;
		}

.login_box > div .add {
	border-top: 1px dashed #CCC;
	padding: 15px 0 0 0;
	color: #B83150;
}

	.login_box > div .add .go {
		display: table;
		margin: 15px auto 0 auto;
		background: #B83150;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: center;
	}

		.login_box > div .add .go:hover {
			background: #bf284c;
		}

.Register div {
	width: 100%;
	max-width: 500px;
	margin: 40px auto 0 auto;
	border-radius: 10px;
	padding: 55px 25px;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 7px 7px 0 rgba(0,0,0,0.1);
	position: relative;
	background: url(../Images/transp_bg.png);
	box-sizing: border-box;
}

	.Register div:before, .Register div:after {
		content: "";
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png) center center no-repeat;
		background-size: contain;
		top: -40px;
		left: 20px;
	}

	.Register div:after {
		left: auto;
		right: 20px;
	}

	.Register div .fbr, .Register div .go {
		background: #3b5998;
		color: #FFF;
		border-radius: 50px;
		display: inline-block;
		padding: 13px;
		width: 100%;
		max-width: 300px;
		transition: all 0.15s ease-out;
		box-sizing: border-box;
	}

		.Register div .fbr:hover {
			background: #3a61b3;
		}

	.Register div .go {
		background: #B83150;
	}

		.Register div .go:hover {
			background: #bf284c;
		}

	.Register div span.line {
		display: block;
		position: relative;
		padding: 15px 0;
	}

		.Register div span.line:before {
			width: 40px;
			height: 10px;
			background-color: #fff;
			content: '';
			margin: -5px 0 0 -20px;
			left: 50%;
			position: absolute;
			top: 50%;
			z-index: 2;
		}

		.Register div span.line:after {
			border-bottom: 1px solid #ccc;
			content: '';
			display: block;
			position: absolute;
			top: 49%;
			width: 100%;
			z-index: 1;
		}

		.Register div span.line o {
			position: relative;
			z-index: 3;
		}

	.Register div ul {
		margin: 15px 0 0 0;
	}

		.Register div ul li {
			display: flex;
			align-items: center;
			margin-bottom: 15px;
		}

.birth {
	margin-left: 2px;
}

	.birth img {
		width: 20px;
		height: 20px;
		display: block;
	}

.Register div ul li input[type=text] {
	width: 100%;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	border: 1px solid #CCC;
	box-sizing: border-box;
	font-size: 1rem;
}

.Register div ul li input[type=password] {
	width: 100%;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	border: 1px solid #CCC;
	box-sizing: border-box;
	font-size: 1rem;
}

.Register div ul li.birth input[type=text] {
	width: calc(100% - 21px);
	margin: 0 5px 0 0;
}

.Register div ul li.birth select {
	width: calc(60% - 21px);
	margin: 0 5px;
	border: 1px solid #CCC;
	padding: 10px 10px 11px 10px;
	box-sizing: border-box;
}

.Register div ul li.sex {
	text-align: left;
	width: 50%;
	display: inline-block;
	margin: 0 0 15px -4px;
}

	.Register div ul li.sex label {
		margin: 0 0 0 0;
	}

	.Register div ul li.sex input {
		width: 19px;
		height: 19px;
		vertical-align: text-bottom;
		margin: 0 3px 0 0;
	}

.Register div ul li.address {
	text-align: left;
	width: 48%;
	display: inline-block;
	margin: 0 0 15px 1%;
}

	.Register div ul li.address select {
		height: 39px;
		width: calc(100% - 80px);
		border-radius: 2px;
		border: 1px solid #CCC;
		font-size: 1rem;
		padding: 0 0 0 5px;
		box-sizing: border-box;
	}

.Register div .agree {
	font-size: 0.812rem;
	text-align: left;
	color: #666;
	margin: 0 0 20px 0;
}

.agree a {
	color: #BB5700;
}

.Register div .agree input {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/*logon*/

#userc7list li input[type=checkbox] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.Register .go {
	width: 100%;
	max-width: 300px;
	background: #B83150;
	color: #FFF;
	border: none;
	border-radius: 5px;
	transition: all 0.15s ease-out;
	margin: 15px auto 0 auto;
	font-family: "Century Gothic","微軟正黑體",'Arial Black',Gadget,sans-serif;
	font-size: 1.0625rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	display: table;
	text-align: center;
}

	.Register .go:hover {
		background: #bf284c;
	}

/*qa*/
.qa_box {
	position: relative;
	padding: 40px 0 0 0;
}

	.qa_box:before, .qa_box:after {
		content: '';
		width: 10px;
		height: 40px;
		display: block;
		position: absolute;
		background: url(../Images/bg_board_rope.png);
		top: 0;
	}

	.qa_box:before {
		left: 20px;
	}

	.qa_box:after {
		left: auto;
		right: 20px;
	}

	.qa_box table {
		border-radius: 10px;
		overflow: hidden;
		margin: 0 0 15px 0;
		box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.1);
		background: #FFF;
	}

	.qa_box tr th, .qa_box tr td {
		padding: 5px 10px;
		border: 1px dashed #d2d2d2;
		box-sizing: border-box;
		line-height: 1.5;
		vertical-align: middle;
		text-align: center;
	}

		.qa_box tr th:nth-child(n+2) {
			width: 85px;
		}

	.qa_box tr:nth-child(n+2) td {
		text-align: center;
	}

	.qa_box tr:nth-child(odd) td {
		background: #f8f8f8;
	}

	.qa_box tr th {
		background: #BB5700;
		background: url(../Images/bg-chokotto.gif);
		color: #FFF;
		border: none;
		border-bottom: 1px solid #FFF;
		font-size: 1.0625rem;
	}

	.qa_box tr td:first-child {
		text-align: left;
	}

	.qa_box tr td label {
		display: block;
		position: relative;
		cursor: pointer;
		padding: 3px 0;
		height: 19px;
		width: 65px;
		margin: 0 auto;
	}

		.qa_box tr td label:before {
			display: block;
			content: "";
			border: 1px solid #dadada;
			width: 35px;
			height: 19px;
			border-radius: 20px;
			position: absolute;
			margin: 0 auto;
			left: 0;
			right: 0;
			top: 2px;
			cursor: pointer;
			z-index: 999;
			box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
			transition: all 0.12s linear;
		}

		.qa_box tr td label:after {
			display: block;
			content: "";
			background: #FFF;
			border: 1px solid #dadada;
			width: 19px;
			height: 19px;
			border-radius: 50%;
			position: absolute;
			top: 2px;
			left: 13px;
			transition: all 0.12s linear;
			cursor: pointer;
			z-index: 999;
			box-shadow: 0 3px 3px rgba(0,0,0,0.2);
		}

		.qa_box tr td label.active:before {
			background: url(../Images/bg-chokotto.gif);
		}

		.qa_box tr td label.active:after {
			left: 30px;
			box-shadow: 0 3px 3px rgba(0,0,0,0.2);
		}

		.qa_box tr td label input {
			opacity: 0;
		}

	.qa_box a.go {
		padding: 13px;
		width: 100%;
		max-width: 300px;
		background: url(../Images/bg-chokotto.gif);
		color: #FFF;
		border: none;
		border-radius: 50px;
		cursor: pointer;
		transition: all 0.15s ease-out;
		margin: 10px 0 0 0;
		font-family: "Century Gothic","微軟正黑體",'Arial Black',Gadget,sans-serif;
		font-size: 1.0625rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: center;
		display: inline-block;
	}

		.qa_box a.go:hover {
			background: url(../Images/bg-chokotto_o.png);
		}

/*相關連結*/

.link_other {
	padding: 25px 0 0 5px;
}

	.link_other li {
		display: inline-block;
		width: calc(20% - 20px);
		margin: 0 15px 15px 0;
	}

		.link_other li a {
			display: block;
		}

		.link_other li img {
			max-width: 100%;
			border: 1px solid #efefef;
		}

.link_out {
	padding: 25px 0 0 0;
}

	.link_out > p {
		color: #BB5700;
		font-size: 1.31rem;
		font-weight: bolder;
		padding: 0 0 0 10px;
		text-shadow: 0 0 5px #FFF;
	}

	.link_out .link_other {
		background: rgba(255,142,0,0.1);
		border-radius: 10px;
		margin: -15px 0 0 0;
		padding: 25px 10px 0 15px;
	}

/*首頁 焦點訊息*/
.top_news {
	position: fixed;
	top: 50%;
	margin: -300px auto 0 auto;
	width: 800px;
	height: 600px;
	z-index: 10002;
	left: 0;
	right: 0;
	background: #FFF;
	border-radius: 10px;
	border-top-right-radius: 0;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

	.top_news .box-close-btn {
		font-size: 0rem;
		position: absolute;
		right: -29px;
		top: -2px;
		text-align: center;
		line-height: 15px;
		width: 32px;
		border-radius: 5px;
		background: #fff;
	}

	.top_news .fa-window-close,
	.top_news .fa-times {
		font-size: 1.875rem;
		color: #666;
		cursor: pointer;
	}

	.top_news div {
		width: 760px;
		height: 560px;
		padding: 0 0 20px 0;
		box-sizing: border-box;
		overflow-y: auto;
	}

		.top_news div p {
			color: #ed6d00;
			font-size: 1.187rem;
			border-bottom: 1px dashed #CCC;
			padding: 10px 5px;
			margin: 0 0 10px 0;
			font-weight: bolder;
		}

		.top_news div span {
			padding: 0 5px;
			display: block;
			line-height: 1.5;
		}

		.top_news div img {
			max-width: 100%;
		}

		.top_news div::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: #F5F5F5;
		}

		.top_news div::-webkit-scrollbar {
			width: 5px;
			background-color: #F5F5F5;
		}

		.top_news div::-webkit-scrollbar-thumb {
			background-color: #ed6d00;
			background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
		}

		.top_news div h3 {
			background: #ed6d00;
			color: #FFF;
			padding: 10px;
			margin: 0 0 10px 0;
			border-radius: 5px;
			font-size: 1.25rem;
			font-weight: bolder;
		}

.logo_box {
	display: none;
}

	.logo_box.In {
		padding: 0 0 0 4px;
	}

		.logo_box.In.best {
			display: block;
			padding: 15px 0 0 4px;
		}

	.logo_box li {
		display: inline-block;
		width: 25%;
		padding: 10px;
		box-sizing: border-box;
		margin: 0 0 0 -4px;
	}

	.logo_box a {
		display: block;
		background: rgba(255,255,255,0.75);
		overflow: hidden;
		padding: 10px;
		box-sizing: border-box;
		box-shadow: 0 3px 3px rgba(0,0,0,0.1);
		border-radius: 5px;
	}

	.logo_box .logo {
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		width: 80px;
		height: 80px;
		line-height: 79px;
		display: inline-block;
		background: #FFF;
		vertical-align: middle;
		text-align: center;
	}

		.logo_box .logo img {
			max-width: 100%;
			max-height: 80px;
			vertical-align: middle;
			margin: -3px 0 0 0;
		}

	.logo_box .park {
		display: inline-block;
		width: calc(100% - 86px);
		box-sizing: border-box;
		padding: 0 0 0 15px;
		font-size: 1rem;
		color: #494949;
		vertical-align: middle;
	}

		.logo_box .park img {
			height: 18px;
			vertical-align: middle;
			margin: 0 0 0 5px;
		}

.Privacy_box {
	padding: 25px 0;
	line-height: 1.6;
}

	.Privacy_box h3 {
		font-weight: bolder;
		font-size: 1.0625rem;
		color: #BB5700;
	}

/*Park_detail_park_spsp*/

.park_spsp {
	margin: 0 0 20px 0;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 2px 0 3px rgba(0,0,0,0.15), -2px 0 3px rgba(0,0,0,0.15);
	background: #B83150;
}

	.park_spsp > p {
		text-align: center;
		padding: 0 0 15px 0;
		font-size: 1.8125rem;
		font-weight: bolder;
		color: #FFF;
	}

	.park_spsp ul.tabs {
		padding: 0 0 0 7px;
	}

		.park_spsp ul.tabs li {
			display: inline-block;
			width: calc(20% - 1px);
			margin: 0 0 0 -5px;
			border: 1px solid #FFF;
			color: #FFF;
		}

			.park_spsp ul.tabs li:nth-child(n+2) {
				margin: 0 0 0 -6px;
			}

			.park_spsp ul.tabs li:nth-child(1) {
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}

			.park_spsp ul.tabs li:last-child {
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
			}

			.park_spsp ul.tabs li a {
				display: block;
				text-align: center;
				padding: 10px;
				color: #FFF;
				transition: all 0.15s ease-out;
				font-size: 1rem;
			}

				.park_spsp ul.tabs li.active a, .park_spsp ul.tabs li a:hover {
					background: #FFF;
					color: #666;
				}

	.park_spsp .In_tb {
		background: #FFF;
		padding: 10px;
		margin: 10px 0 0 0;
		border-radius: 5px;
	}

.In_tb .owl-dot button {
	pointer-events: none;
	background: none;
	border: none;
	padding: 0;
}

	.In_tb .owl-dot button:focus-visible {
		outline: 3px dashed #8480ff !important;
		border-radius: 3px;
	}

.owl-carousel2 img {
	width: 100%;
	border-radius: 5px;
}

.owl-carousel2 .owl-item {
	float: left;
}

.owl-carousel2 .owl-stage-outer {
	overflow: hidden;
}

.In_tb {
	overflow: hidden;
}

	.In_tb .one {
		float: left;
		width: 40%;
	}

	.In_tb .two {
		float: left;
		width: 60%;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		line-height: 1.5;
		font-size: 1rem;
	}

	.In_tb .owl-nav {
		display: none;
	}

	.In_tb .owl-theme .owl-nav.disabled + .owl-dots {
		z-index: 1;
		position: relative;
		margin: -30px 0 0 0;
	}

	.In_tb .owl-theme .owl-dots .owl-dot span {
		background: #FFF;
	}

	.In_tb .owl-theme .owl-dots .owl-dot.active span, .In_tb .owl-theme .owl-dots .owl-dot:hover span {
		background: #B83150;
	}

/*wemedia_editbox*/

.wemedia_editbox .img_box {
	text-align: center;
	padding: 10px 0;
}

	.wemedia_editbox .img_box.one {
		background: none;
		border: none;
	}

		.wemedia_editbox .img_box.one img {
			max-width: 75%;
			min-width: 35%;
		}

	.wemedia_editbox .img_box.two img {
		display: inline-block;
		max-width: 45%;
		/*min-width:35%;*/
		margin: 0 5px;
		vertical-align: middle;
		width: auto;
		max-height: 400px;
	}

	.wemedia_editbox .img_box.two.htext p {
		display: inline-block;
		max-width: 45%;
		min-width: 35%;
		margin: 0 5px;
		vertical-align: middle;
	}

	.wemedia_editbox .img_box.two.htext img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}


/**/

.new_media_tab {
	position: relative;
	z-index: 2;
	padding: 40px 4%;
	margin: 30px 0 20px 0;
}

	.new_media_tab:before {
		position: absolute;
		top: 7px;
		left: 0;
		bottom: 7px;
		right: 0;
		content: "";
		border: #af9e8d 1px solid;
		background: #fefefe;
		z-index: -2;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
	}

	.new_media_tab:after {
		position: absolute;
		top: 0;
		left: 7px;
		bottom: 0;
		right: 7px;
		content: "";
		border: #c9bbad 1px dotted;
		z-index: -2;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
	}

	.new_media_tab .one {
		font-size: 1.43rem;
		text-align: center;
		border-bottom: 1px solid #c9bbad;
		/*padding:0 0 10px 0;*/
		font-weight: bolder;
		/*color:#8c6f54;*/
		color: #fff;
		padding: 12px 0;
		margin: 0 0 10px 0;
		/*background:rgba(115,93,57,1);*/
		background: #715338;
	}

	.new_media_tab.Idetail .one {
		/*border-top-left-radius:5px;
	border-top-right-radius:5px;*/
		margin: 0;
	}

	.new_media_tab.Idetail .abgne_tab {
		border-left: 1px dashed #8c6f54;
		border-right: 1px dashed #8c6f54;
		border-bottom: 3px solid #8c6f54;
		box-shadow: 0 3px 1px rgba(0,0,0,0.1);
	}

	.new_media_tab .tabs {
		padding: 15px 0;
		text-align: center;
		border-bottom: 3px double #c9bbad;
	}

		.new_media_tab .tabs li {
			display: inline-block;
			margin: 0 0 0 -4px;
			padding: 0 4px;
			box-sizing: border-box;
			font-size: 0.9375rem;
		}

			.new_media_tab .tabs li a {
				padding: 10px 16px;
				display: block;
				position: relative;
				transition: all 0.15s ease-out;
				border-radius: 3px;
			}

				.new_media_tab .tabs li a:after {
					border-right: 1px dotted #c9bbad;
					position: absolute;
					right: -5px;
					height: 12px;
					width: 1px;
					content: '';
					display: block;
					top: 14px;
				}

			.new_media_tab .tabs li:last-child a:after {
				display: none;
			}

			.new_media_tab .tabs li.active a, .new_media_tab .tabs li a:hover {
				/*color:#735d39;*/
				color: #fff;
				/*background:rgba(115,93,57,1);*/
				background: #8c6f54;
				/*background:rgba(115,93,57,0.15);*/
				border-bottom: 2px solid #c9bbad;
			}

	.new_media_tab .tab_content > p {
		padding: 15px 10px;
		line-height: 1.5;
		font-size: 1rem;
		color: #543519;
		/*border-bottom:3px double #c9bbad;*/
	}

	.new_media_tab .article {
		box-shadow: none;
		background: none;
	}

.other_article_title {
	font-size: 1.25rem;
	color: #543519;
	font-weight: bolder;
	margin: 35px 0 0 0;
	padding: 0 0 8px 8px;
}

.other_article {
	padding: 8px 10px 17px 10px;
	line-height: 1.5;
	font-size: 1rem;
	border-top: 3px double #c9bbad;
	border-bottom: 3px double #c9bbad;
}

	.other_article a {
		display: block;
		color: #543519;
		border-bottom: 1px dashed #c9bbad;
		padding: 5px 0 5px 20px;
		font-size: 1.0625rem;
		transition: all 0.15s ease-out;
		text-indent: -20px;
	}

		.other_article a:before {
			content: "‧";
			padding: 0 7px;
			font-size: 1.25rem;
			transform: scale(2);
			display: inline-block;
			text-indent: 0;
		}

		.other_article a:hover {
			color: #db7008;
		}

.gogogo_bt {
	position: fixed;
	width: 120px;
	left: 10px;
	top: 40%;
	font-size: 0.825rem;
	text-align: right;
	opacity: 0.8;
	transition: all 0.15s ease-out;
	z-index: 5;
	color: #FFF;
	padding: 7px;
	background: rgba(140,111,84,1);
}

	.gogogo_bt p {
		font-size: 1.187rem;
		font-weight: bolder;
		color: #FFF;
	}

		.gogogo_bt p i {
			font-size: 1rem;
			vertical-align: middle;
			margin: -4px 0 0 0;
		}

	.gogogo_bt.right {
		left: auto;
		right: 10px;
		text-align: left;
		border-right: 0;
	}

	.gogogo_bt:hover {
		opacity: 1;
	}

/**/

.Muslim_box {
	padding: 25px 0 0 0;
}

	.Muslim_box .mark_box {
		display: flex;
		flex-flow: row wrap;
		padding: 15px 0;
		border-bottom: 1px dashed #CCC;
		font-size: 0.812rem;
	}

		.Muslim_box .mark_box span {
			margin: 10px 25px 0 0;
		}

	.Muslim_box .mark {
		padding: 2px 10px;
		color: #FFF;
		border-radius: 3px;
	}

	.Muslim_box .mfr {
		background: #5a7f0d;
	}

	.Muslim_box .mft {
		background: #9169e4;
	}

	.Muslim_box .mfh {
		background: #217f79;
	}

	.Muslim_box .hmi {
		background: #F44336;
	}

.Muslim_list {
	padding: 25px 0 0 0;
	border-top: 1px dashed #CCC;
	margin: 25px 0 0 0;
}

	.Muslim_list li {
		border-bottom: 1px dashed #CCC;
		margin: 0 0 25px 0;
	}

		.Muslim_list li .one {
			display: flex;
			align-items: center;
			width: 100%;
		}

			.Muslim_list li .one .img {
				width: 120px;
				height: 120px;
				line-height: 120px;
				background: #FFF;
				border-radius: 5px;
				box-shadow: 0 0 5px rgba(0,0,0,0.1);
				text-align: center;
			}

				.Muslim_list li .one .img img {
					width: calc((100%) - 10px);
					margin: 0 auto;
					vertical-align: middle;
				}

			.Muslim_list li .one .name_t {
				font-size: 1.43rem;
				font-weight: bolder;
				padding: 0 0 0 15px;
				color: #217f79;
				width: calc((100%) - 120px);
			}

		.Muslim_list li .two {
			padding: 15px 0 0 0;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
		}

			/*.Muslim_list li:nth-child(even) .two .text{
	order:2;
	padding:0 0 0 20px;
}

.Muslim_list li:nth-child(even) .two .img{
	order:1;
	transform:rotate(-5deg);
}*/

			.Muslim_list li .two .list {
				margin: 0 0 20px 0;
			}

				.Muslim_list li .two .list .mark {
					margin: 0 0 0 5px;
				}

				.Muslim_list li .two .list .a {
					margin: 0 0 10px 0;
					font-weight: bolder;
					color: #217f79;
				}

				.Muslim_list li .two .list .b {
					margin: 0 0 15px 0;
				}

			.Muslim_list li .two .text {
				width: calc((100%) - 300px);
				padding: 0 20px 0 0;
				box-sizing: border-box;
			}

@media screen and (max-width: 1024px) {
	.Muslim_list li .two .text {
		width: 100%;
		padding: 0;
	}
}

.Muslim_list li .two .img {
	width: 300px;
	border: 5px solid #FFF;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transform: rotate(5deg);
}

@media screen and (max-width: 1024px) {
	.Muslim_list li .two .img {
		transform: rotate(0);
		margin: 0 auto;
		width: 100%;
		margin: 0 0 25px 0;
	}
}


.Muslim_list li .two .img img {
	width: 100%;
	margin-bottom: 0;
	vertical-align: bottom;
}

.Muslim_list li .more {
	background: #217f79;
	color: #FFF;
	padding: 15px 100px;
	margin: 0 auto;
	display: table;
	margin: 0 auto 25px auto;
	border-radius: 5px;
	transition: background 0.15s ease-out,box-shadow 0.15s ease-out;
	box-shadow: 2px 3px #105f5a;
}

	.Muslim_list li .more:hover {
		background: #105f5a;
		box-shadow: 2px 3px #217f79;
	}

.fly_muslim {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
}

@media screen and (max-width: 1024px) {
	.fly_muslim {
		display: none;
	}
}

.fly_muslim a {
	background: #217f79;
	color: #FFF;
	box-sizing: border-box;
	padding: 15px 0;
	width: 120px;
	display: block;
	text-align: center;
	border-radius: 10px 0 0 10px;
	box-shadow: 2px 3px #105f5a;
}

	.fly_muslim a i {
		font-size: 40px;
	}

	.fly_muslim a span {
		display: block;
		padding: 5px 10px 0 10px;
		box-sizing: border-box;
		font-size: 0.812rem;
	}

/*網站導覽*/
.sitemap_box {
	background: #fff;
	padding: 25px;
	border: 1px dashed #BB5700;
	border-radius: 10px;
	margin: 50px 0;
	line-height: 1.7;
	color: #666;
	font-weight: 600;
}

	.sitemap_box p {
		margin-bottom: 30px;
	}

.sitemap_list {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.sitemap_list li {
		width: 15%;
		position: relative;
		border-bottom: 3px solid #ff861b;
	}

	.sitemap_list a {
		line-height: 2.5;
		display: block;
		width: 100%;
		padding-left: 5px;
		letter-spacing: 0.1rem;
	}

@media screen and (max-width: 1024px) {
	.sitemap_list li {
		width: 48%;
		margin-bottom: 20px;
	}
}
/*調整字級*/
.control_box {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

@media (max-width: 1000px) {
	.control_box {
		display: none;
	}
}

.control_box.in {
	float: right;
	position: relative;
	transform: none;
	display: flex;
	align-items: center;
}

@media (max-width: 1023px) {
	.control_box.in {
		width: 100%;
		padding: 25px 0 0 0;
		justify-content: space-between;
	}
}

@media (max-width: 1279px) {
	.control_box.in.Index {
		position: fixed;
		top: 23px;
		right: 10px;
		z-index: 99;
	}
}

@media (max-width: 1023px) {
	.control_box.in.Index {
		display: none;
	}
}

.control_box.in > div {
	display: flex;
	box-shadow: none;
	align-items: center;
	padding: 0;
}

	.control_box.in > div p {
		width: auto;
		padding: 0 3px;
	}

		.control_box.in > div p:first-child {
			padding: 0 5px 0 0;
			display: flex;
			align-items: center;
		}

			.control_box.in > div p:first-child img {
				margin: 0 5px 0 0;
			}

			.control_box.in > div p:first-child:after {
				content: ":";
				margin: 0;
				border: none;
				margin: 0 0 0 5px;
			}

			.control_box.in > div p:first-child img {
				display: none;
			}

		.control_box.in > div p a:after {
			display: none;
		}

.control_box.in .one p:last-child {
	padding: 0 3px;
}

.control_box.in .two {
	margin: 0 0 0 25px;
}

	.control_box.in .two p:last-child {
		padding: 0 3px;
	}

	.control_box.in .two p a img {
		width: 22px;
		margin: 0;
	}

.control_box > div {
	padding: 15px 8px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px 0 0 5px;
}

	.control_box > div img {
		width: 20px;
		margin: 0 0 5px 0;
	}

	.control_box > div p {
		padding: 0 0 8px 0;
		width: 28px;
	}

		.control_box > div p:first-child {
			padding: 0 0 12px 0;
		}

			.control_box > div p:first-child:after {
				content: "";
				border-bottom: 1px solid #e3e3e3;
				display: block;
				margin: 12px 0 0 0;
			}

.control_box .one p:last-child {
	padding: 0;
}

.control_box .one a {
	display: block;
	border: 1px solid #d4d4d4;
	font-size: 0.9375rem;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 25px;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 3px;
	transition: background 0.15s ease-out, color 0.15s ease-out, border 0.15s ease-out;
}

	.control_box .one a:hover, .control_box .one a.focus {
		background: #2bc7b7;
		color: #FFF;
		border: 1px solid #2bc7b7;
	}