﻿@media screen and (max-width: 1200px) {
	.gogogo_bt {		
		width: 60px;		
		background:rgba(140,111,84,1);
		padding:7px;
		color:#FFF;		
		left:0;		
	}

	.gogogo_bt p{
		color:#FFF;
		font-size:1rem;
	}

	.gogogo_bt.right{
		right:0;		
		padding:7px;
	}
}

@media screen and (max-width: 1000px) {

	body.active, html.active {
		overflow: hidden;
	}

	select {
		font-size:1rem;
	}

	#BOX {
		border-top: none;
	}

	#TOP {
		display: none;
	}

	.fb {
		display: none;
	}

	.fly_banner .close {
		position: fixed;
		right: 10px;
		top: 10px;
		color: #FFF;
		font-size: 3.125rem;
		z-index: 10002;
	}

	.fly_banner a {
		position: fixed;
		top: 50%;
		left: 0;
		margin: -143px auto 0 auto;
		right: 0;
		width: 216px;
		border-radius: 5px;
		z-index: 10002;
		display: none;
	}

	.fly_banner:hover .fly_bt {
		right: 0;
	}

	.width_box {
		padding: 0 15px;
		box-sizing: border-box;
	}

	/*pager*/
	div.pagination ul {
		text-align: center;
	}

	div.pagination li.go {
		margin: 0 0 0 25px;
	}

	div.pagination li.all {
		float: none;
		display: block;
		margin: 15px 0 0 0;
	}

	/*header*/
	.s_top {
		display: none;
	}

	h1 {
		padding: 0;
		height: 65px;
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 1003;
		background: #FFF;
		top: 0;
		border-top: 5px solid #BB5700;
		box-shadow: 0 3px 3px rgba(0,0,0,0.1);
		margin: 0;
	}

	h1 a {
		display: inline-block;
		padding: 6px 0 0 0;
	}

	h1 a img {
		width: auto;
		height: 52px;
	}

	#menuBtn {
        border: none;
        background: #fff;
		display: block;
		position: fixed;
		top: 16px;
		right: 10px;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 10000;
		border-radius: 3px;
	}

	.menu-btn {
		display: block;
	}

	.menu-btn span {
		display: block;
		position: absolute;
		top: 10px;
		left: 8px;
		height: 5px;
		width: 35px;
		background: #ef9149;
		transition: all .3s ease-out;
		border-radius: 10px;
	}

	.menu-btn .line-2 {
		top: 19px;
	}

	.menu-btn .line-3 {
		top: 28px;
	}

	.menu-btn.active .line-1 {
		top: 21px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-btn.active .line-2 {
		opacity: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-btn.active .line-3 {
		top: 21px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.menu {
		text-align: center;
	}

	.menu ul {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 70px;
		left: -100%;
		z-index: 1002;
		/*background: rgba(255,255,255,0.85);*/
		background: url(../Images/transp_bg.png);
		opacity: 0;
		transition: opacity 0.15s ease-out;
		padding: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.menu ul.active {
		left: 0;
		opacity: 1;
	}

	.menu ul li {
		width: 100%;
		margin: 0 0 0 -4px;
		box-sizing: border-box;
		text-align: center;
		padding: 0;
		border-bottom: 1px solid #dedede;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		background: rgba(255,255,255,0.5);
	}

	/*.menu ul li.last {
		display: block;
	}*/

	.menu ul li:before, .menu ul li:last-child:after {
		display: none;
	}

	.menu ul li.mobile, .menu ul li.link_ot,.menu ul li.menu_site {
		display: block;
	}

	.menu ul li.mobile a {
		color: #3881c5;
		background: url(../Images/icon6.png) no-repeat 19px 10px;
		background-size: 40px;
	}

	.menu ul li.mobile.m_fb a {
		background: url(../Images/icon7.png) no-repeat 19px 10px,#446ab8;
		background-size: 40px;
	}

	.menu ul li.mobile p {
		padding: 3px 0;
		font-size:0.75rem;
		color: #FFF;
		background: #AAA;
		margin: 10px 0 0 0;
	}

	.menu ul li.mobile label {
		position: absolute;
        top: 120px;
        right: 10px;
	}

	.menu ul li.mobile label:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #AAA transparent transparent transparent;
		position: absolute;
		top: 0px;
		right: 15px;
		display: block;
		pointer-events: none;
	}

	.menu ul li.mobile select {
		width: 100%;
		height: 40px;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0 30px 0 10px;
		box-sizing: border-box;
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #CCC;
	}

	.menu ul li.link_ot a {
		color: #BB5700;
		background: url(../Images/icon8.png) no-repeat 19px 10px;
		background-size: 40px;
	}

	.menu ul li:first-child:hover {
		box-shadow: none;
	}

	.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 ul li:nth-child(7):hover {
		box-shadow: 0 -3px 0 #3881c5 inset;
	}

	.menu ul li:nth-child(8):hover {
		box-shadow: 0 -3px 0 #BB5700 inset;
	}

	.menu ul li:first-child {
		padding: 20px 10px 17px 10px;
		margin: 0;
	}

	.menu ul li.toheight {
		height: 300px;
		border: none;
		box-shadow: none;
		display: block;
	}

	.menu ul li a {
		height: 60px;
		text-indent: 0;
		text-align: left;
		padding: 0 10px 0 75px;
		line-height: 63px;
		font-size: 1.25rem;
		box-sizing: border-box;
		font-weight: bolder;
	}
        .menu ul li.menu_site a {
            color:#BB5700;
            padding:0;
            padding-left: 22px;
        }
        .menu ul li.menu_site i {
            font-size: 24px;
            padding-right:20px;
        }

	.menu ul li:first-child a {
		background: #AAA;
		display: inline-block;
		padding: 0;
		height: auto;
		line-height: 42px;
		width: 45px;
		text-align: center;
		margin: 0 0 0 -8px;
		color: #FFF;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/*.menu ul li:first-child input {
        height: 40px;
        padding: 0 10px;
        vertical-align: top;
        width: calc(100% - 64px);
        border: 1px solid #CCC;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 0;
        font-size: 15px;
    }*/

	.menu ul li:nth-child(2) a {
		width: 100%;
		background: none;
		color: #B83150;
		background: url(../Images/icon1.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(2) a:hover {
		background: url(../Images/icon1.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(3) a {
		width: 100%;
		background: none;
		color: #D66501;
		background: url(../Images/icon2.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(3) a:hover {
		background: url(../Images/icon2.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(4) a {
		width: 100%;
		background: none;
		color: #5C7D27;
		background: url(../Images/icon3.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(4) a:hover {
		background: url(../Images/icon3.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(5) a {
		width: 100%;
		background: none;
		color: #1379B0;
		background: url(../Images/icon4.png) no-repeat 15px 10px;
		background-size: 45px;
	}

	.menu ul li:nth-child(5) a:hover {
		background: url(../Images/icon4.png) no-repeat 15px 10px;
		background-size: 45px;
		width: 100%;
	}

	.menu ul li:nth-child(6) a {
		width: 100%;
		background: none;
		color: #8c6f54;
		background: url(../Images/icon5.png) no-repeat 15px 8px;
		background-size: 45px;
	}

	.menu ul li:nth-child(6) a:hover {
		background: url(../Images/icon5.png) no-repeat 15px 8px;
		background-size: 45px;
		width: 100%;
	}

	/*search*/

	.menu .gsc-control-cse {
		padding: 0;
	}

	.menu .gsc-input-box {
		height: 42px;
	}

	.menu table.gsc-search-box td {
		vertical-align: top;
		padding: 10px 0 0 5px;
	}

	.menu table.gsc-search-box td.gsib_b {
		padding: 0;
	}

	.menu .gsc-control-cse div.gsst_b {
		padding: 0;
	}

	.menu .gsst_a .gscb_a {
		color: #666;
	}

	.menu table.gsc-search-box td.gsc-search-button {
		width: 40px;
		padding: 0;
	}

	.menu .gsc-search-box-tools .gsc-search-box .gsc-input {
		padding: 0;
	}

	.menu .cse .gsc-search-button input.gsc-search-button-v2, .menu input.gsc-search-button-v2 {
		margin: 0;
		border: 1px solid #CECECE;
		padding: 15px 27px 14px 27px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.menu ul li:first-child a {
		background: none;
		display: inline-block;
		padding: 5px 0 0 0;
		height: auto;
		line-height: 38px;
		width: 45px;
		text-align: center;
		margin: 0 0 0 -8px;
		color: #FFF;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		box-sizing: border-box;
	}


	/*main*/

	.main {
		padding: 53px 0 0 0;
	}

	.main.active {
		pointer-events: none;
	}


	/*footer*/
	footer {
		padding: 15px 0 0 0;
	}

	footer .info {
		padding: 20px;
	}

	footer .info img {
		float: none;
		margin: 0 auto;
		display: block;
	}

	footer .info p {
		padding: 10px 0 0 0;
		text-align: center;
		float: none;
	}

	footer .info span {
		display: block;
		float: none;
		clear: both;
		text-align: center;
		padding: 15px 0 0 0;
	}

	footer .info span a {
		display: inline-block;
	}

	.copy {
		text-align: center;
	}

	.copy o {
		float: none;
		display: block;
	}

	/*banner*/

	.banner img.fly {
		display: none;
	}

	.banner .owl-dots {
		position: inherit;
	}

	.banner .owl-theme .owl-dots .owl-dot span {
		background: #dcdcdc;
		box-shadow: none;
	}

	.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span {
		background: #7f7f7f;
		transform: scale(1);
	}

	/*marquee_box*/

	.marquee_box {
		padding: 0 0 15px 0;
		position: relative;
		margin: 0 auto 25px 0;
	}

	.marquee_box b {
		display: block;
		border-bottom: 3px solid #BB5700;
		text-align: center;
		padding: 5px 0 10px 0;
		font-size: 1.375rem;
	}

	.marquee_box b:before {
		display: none;
	}

	.marquee_box ul.marquee {
		display: none;
	}

	.marquee_mobile {
		display: block;
		font-weight: normal;
		font-size: 1rem;
	}

	.marquee_mobile li {
		border-bottom: 1px dashed #CCC;
		padding: 10px;
	}

	.marquee_mobile li a {
		display: block;
	}

	.marquee_mobile li span {
		padding: 0 0 3px 0;
	}

	.marquee_box a.more {
		background: #BB5700;
		width: 100%;
		color: #FFF;
		text-align: center;
		border-radius: 5px;
		padding: 10px 0;
		display: block;
		margin: 15px 0 0 0;
		height: auto;
		line-height: inherit;
	}

	/*In_box*/
	.In_box {
		padding: 0 0 160px 0;
	}

	/*In_News*/

	.title.In {
		font-size: 1.375rem;
		padding: 20px 5px;
	}

	.title div {
		padding: 16px 8px 8px 8px;
		bottom: -40px;
	}

	.title.In i {
		display: none;
	}

	.title.In span {
		padding: 0;
	}

	.title.In.activity span, .title.In.Education span {
		font-size: 1.375rem;
	}

	.link_news {
		top: 50px;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}

	.News_in {
		padding: 100px 10px 25px 10px;
	}

	.In_News .title {
		padding: 0;
		border-bottom: 3px solid #5C7D27;
		text-align: center;
		padding: 5px 0 10px 0;
		font-size:1.375rem;
	}

	.In_News .title:before {
		display: none;
	}

	.In_News .title span {
		display: none;
	}

	.In_News div.cont .img {
		display: block;
		height: 120px;
		width: 100%;
		box-sizing: border-box;
	}

	.In_News div.cont .img span {
		padding: 10px;
	}

	.In_News div.cont {
		width: 100%;
		float: none;
	}

	.In_News div.cont.good {
		float: none;
	}

	.In_News ul {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.In_News ul li {
		display: block;
	}

	.In_News ul li:nth-child(n+3) {
		display: none;
	}

	.In_News ul li a {
		overflow: auto;
		white-space: normal;
	}

	.In_News > a {
		background: #1F8912;
		width: 100%;
		color: #FFF;
		text-align: center;
		border-radius: 5px;
		padding: 10px 0;
		display: block;
		margin: 15px 0 0 0;
	}

	/*wemedia_box*/
	.cat_item {
        width:49.5%;
		/*width: calc(50% - 20px);*/
	}

	.media_cat .tabs li {
		width: 31%;
		margin: 0 5px 15px 5px;
	}

	.media_cat .tab_content > p {
		margin: 10px 0 5px 0;
	}
    .wemedia_water {
	    padding-left:15px;
    }

	.wemedia_box .title {
		padding: 0;
		border-bottom: 3px solid #6e480f;
		text-align: center;
		padding: 5px 0 10px 0;
		font-size:1.375rem;
	}

	.wemedia_box .title:before {
		display: none;
	}

	.wemedia_box .title span {
		display: none;
	}

	.wemedia_box ul {
		padding: 20px 0 0 0;
	}

	.wemedia_box ul li {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
		background: rgba(255,255,255,0.75);
		padding: 5px 5px 5px 9px;
		box-sizing: border-box;
	}

	.wemedia_box ul li:first-child {
		float: none;
	}

	.wemedia_box ul li:last-child {
		float: none;
	}

	.wemedia_box ul li .img {
		background-size: cover;
		height: 80px;
		display: inline-block;
		width: 150px;
		margin: 0 0 0 -4px;
		vertical-align: top;
	}

	.wemedia_box ul li p.text {
		display: inline-block;
		width: calc(100% - 150px);
		margin: 0 0 0 -4px;
		vertical-align: top;
		padding: 10px 0 0 10px;
		box-sizing: border-box;
	}

	.wemedia_box ul li p.text b {
		width: 100%;
	}

	.wemedia_box ul li.movie p.text {
		width: 100%;
	}

	.wemedia_box ul li.movie p.text span {
		display: none;
	}
	/*sbanner_box*/
	.sbanner_box .owl-theme .owl-dots .owl-dot span {
		background: #dcdcdc;
		box-shadow: none;
	}

	.sbanner_box .owl-theme .owl-dots .owl-dot.active span, .sbanner_box .owl-theme .owl-dots .owl-dot:hover span {
		background: #7f7f7f;
		transform: scale(1);
	}
	/*News*/
	.News_list li {
		padding: 15px 0 0 0;
	}

	.News_list li a {
		width: 100%;
	}

	/*activity*/
	.News_list.activity li a {
		width: 100%;
		line-height: 1.5;
	}

	.activity_tab .tabs li {
		width: 47%;
		margin: 0 0.7%;
	}

	.activity_tab .tabs li a {
		padding: 10px 0;
	}

	.article_box .top .name:after {
		padding: 12% 0 0 0;
	}

	.article_box .main_img .bear {
		position: absolute;
		z-index: 999;
		bottom: 6px;
		right: 40px;
		width: 75px;
	}
	/*wemedia*/
	.width_box.who_park {
		padding: 20px 15px 25px 15px;
	}
	/*top1*/
	.banner_box .top1 {
		position: fixed;
		bottom: 5px;
		right: 5px;
		width: 80px;
	}

	.top1_box {
		width: 85%;
		height: 70%;
	}

	.top1_box .txt {
		width: 150px;
		top: -35px;
	}

	.top1_box o {
		float: none;
		width: 100%;
	}

	.top1_box span {
		float: none;
		width: 100%;
		padding: 0;
	}

	.top1_box p img {
		max-width: 80%;
	}

	/*相關連結*/

	.link_other li {
		display: inline-block;
		width: calc(25% - 20px);
		margin: 0 15px 15px 0;
	}

	.map {
		display: none;
	}

	.logo_box {
		display: block;
	}

	.top_news {
		top: 50%;
		margin: -75% auto 0 auto;
		width: 90%;
		height: 90%;
		padding: 15px 10px;
	}

	.top_news .fa-window-close {
		right: 5px;
		top: 5px;
		color: #000;
		opacity: 0.5;
		font-size: 2.187rem;
	}

	.top_news div {
		width: 100%;
		height: 100%;
		padding: 0 0 20px 0;
	}

	/*Park_detail_park_spsp*/

	.park_spsp ul.tabs {
		text-align: center;
	}

	.park_spsp ul.tabs li {
		width: 47%;
		margin: 0 5px 15px 5px;
		border-radius: 5px;
	}

	.park_spsp ul.tabs li:nth-child(n+2) {
		margin: 0 5px 15px 5px;
	}

	/**/

	.new_media_tab .tabs li{
		width:50%;
	}

	.new_media_tab .tabs li a:after{
		display:none;
	}

	.gogogo_bt {		
		top:70%;		
		width:10px;
		word-break:break-all;
		text-align:center;
	}

	.gogogo_bt.right{
		text-align:center;
	}

	.gogogo_bt p{
		
	}

	.gogogo_bt p i{		
		display:none;
	}

	.gogogo_bt span{
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.top1_box p img {
		max-width: 100%;
	}
	/*footer*/
	footer {
		padding: 20px 0 0 0;
	}

	footer .info p i {
		display: inline-block;
	}

	footer .info span a {
		font-size: 1.25rem;
	}

	footer .info span o {
		display: block;
		font-size: 0.812rem;
	}

	/*Index_bottom*/
	.Index_bottom {
		background-size: 100%;
	}

	/*In_box*/
	.In_box {
		padding: 0 0 80px 0;
		background-size: 100%;
	}

	.title {
		padding: 20px 5px;
	}

	.title label {
		float: none;
	}

	.title label:after {
		top: 23px;
	}

	.title label select {
		width: 100%;
		height: 40px;
	}

	/*news*/
	.News_in.activity {
		padding: 50px 10px 20px 10px;
	}

	.News_list.Education li span {
		width: calc(100% - 22px);
	}

	.News_list.Education li o {
		margin: 3px 0 0 21px;
	}

	.News_list.Education li b {
		display: block;
		padding: 5px 0 5px 21px;
	}

	.News_list.Education li a {
		padding: 5px 10px 10px 21px;
	}

	/*Park*/

	.park_title {
		margin: 40px 0 0 0;
		padding: 15px 0 10px 0;
		background: none;
	}

	.park_title .name {
		padding: 16px 0 0 15px;
		line-height: 1.2;
		font-size:1.375rem;
		width: calc(100% - 60px);
	}

	.park_title .logo {
		width: 60px;
		height: 60px;
		line-height: 59px;
	}

	.park_title p.link {
		float: none;
		text-align: center;
		padding: 5px 0 0 0;
	}

	.Park_in .owl-theme .owl-nav {
		display: none;
	}

	.toggle_box div {
		padding: 0 0 15px 0;
	}

	.park_detail {
		padding: 10px;
	}

	.park_detail table tr th, .park_detail table tr td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		word-break: break-all;
	}

	.park_detail table tr th {
		text-align: left;
	}

	.park_detail table .multiple span {
		display: inline-block;
		width: 50%;
		padding: 0;
		margin: 3px 0 5px -4px;
	}

	.park_detail table .multiple.all span {
		width: 50%;
		display: inline-block;
		margin: 3px 0 5px -4px;
	}

	.park_detail table .multiple img {
		width: 30px;
	}

	.park_detail table .multiple span.sp1 img {
		height: 25px;
	}

	.park_detail table .multiple span.sp2 img {
		height: 25px;
	}

	.park_detail.movie li {
		width: calc(50% - 20px);
		margin: 0 10px 10px 6px;
	}
	/*wemidea*/

	.article_box {
		background-size: 120px;
	}

	.who_park .logo {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}

	.who_park .name {
		width: calc(100% - 91px);
		font-size: 1.56rem;
	}

	.who_park .what {
		float: none;
		padding: 15px 0 0 0;
	}

	.who_park .what b {
		margin: 0 15px 0 0;
		padding:5px 10px;
	}

	.who_park .what b.arti{
		margin:0;
	}

	.who_park > div {
		padding: 0 0 5px 0;
	}

	.who_park > div:after {
		display: none;
	}

	.article {
		padding: 15px 0 20px 0;
	}

	.article_box .loop .img {
		padding: 60% 0 0 0;
		border-radius: 0;
	}

	.article_box .main_img .img_box.owl-carousel .owl-item img {
		width: 100%;
	}

	.article_box .loop.owl-theme .owl-nav [class*='owl-'] span {
		top: 65%;
	}

	.article_box .loop .owl-item.active .width_box {
		padding: 0;
	}

	.in_link {
		padding: 0 5px 0 0;
	}

	/*相關連結*/

	.link_other li {
		display: inline-block;
		width: calc(33.333% - 20px);
		margin: 0 15px 15px 0;
	}

	/*logo_box*/
	.logo_box .where {
		padding: 8px;
		font-size: 1.125rem;
		border-radius: 5px;
		color: #FFF;
		margin: 10px 0 0 0;
	}

	.logo_box .where.N0 {
		background: #B15530;
	}

	.logo_box .where.N1 {
		background: #BD4259;
	}

	.logo_box .where.N2 {
		background: #02851F;
	}

	.logo_box .where.N3 {
		background: #077F95;
	}

	.logo_box li {
		width: 50%;
	}

	.logo_box .logo {
		width: 70px;
		height: 70px;
		line-height: 69px;
	}

	.logo_box .logo img {
		max-height: 70px;
	}

	.logo_box .park {
		width: calc(100% - 76px);
		font-size: 1rem;
	}

	.logo_box .park span {
		display: block;
		font-size:0.8125rem;
		padding: 5px 0 0 0;
	}

	/*Park_detail_park_spsp*/

	.In_tb .one {
		float: none;
		width: 100%;
	}

	.In_tb .two {
		float: none;
		width: 100%;
		padding: 10px 0 0 0;
	}

	/*wemedia_editbox*/

	.wemedia_editbox .img_box.one img {
		max-width: 80%;
		min-width: 35%;
	}

	.wemedia_editbox .img_box.two img {
		display: inline-block;
		max-width: 80%;
		min-width: 35%;
		margin: 0;
	}
}

@media screen and (max-width: 640px) {
	/*相關連結*/

	.link_other li {
		display: inline-block;
		width: calc(50% - 20px);
		margin: 0 15px 15px 0;
		text-align: center;
	}

	.media_cat .tabs li {
		width: 47%;
		margin: 0 5px 15px 5px;
	}

	.cat_item {
		width: 100%;
	}

	/*Park_detail_park_spsp*/

	.park_spsp ul.tabs {
		padding: 0;
	}

	.park_spsp ul.tabs li {
		width: 100%;
		margin: 0 0 10px 0;
		display: block;
		border-radius: 5px;
	}

	.park_spsp ul.tabs li:nth-child(n+2) {
		margin: 0 0 10px 0;
	}
}

@media screen and (max-width: 480px) {
	/*相關連結*/

	.link_other {
		padding: 25px 0 0 0;
	}

	.link_other li {
		display: block;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.logo_box li {
		width: 100%;
		padding: 5px 0;
	}

	.media_cat .tabs li {
		width: 46%;
		margin: 0 5px 15px 5px;
	}
}
