@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&family=Noto+Serif+TC:wght@400;600;700;900&display=swap");
.a20.pos{
	left: 18%;
}
.case_linkbtn{
	position: absolute;
	left: 35%;
	top: 40%;
	width: 13%;
}
.about_btn{
	width: 36px;
}
.index_link h1{
	margin: 0;
}
.Copyright .uk-visible\@m{
	display: inline;
}
#news #news_con  .uk-pagination>*>*{
	color: #999;
}
#news #news_con .uk-pagination>.uk-active>*{
	color: #666;
}
.shang_zhou_goindex{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}
.dataStatistics{
	display: inline-block;
}
#op iframe.uk-cover {
	pointer-events: auto;
}
#op .s_menu{
	bottom: 8%;
}
.goindex_btn{
	width: 100%;
	height: 85%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
}
.news_con h4{
	font-family: "Noto Serif TC", serif;
	font-size: 1.7rem;
	letter-spacing: 0.05rem;
	font-weight: 700;
	border-bottom: 1px solid #694c00;
	margin: 3% 0 2% 0;
	padding-bottom: 0.5%;
}
.news_con h4 span{
	background-color: #694c00;
	font-family: Microsoft JhengHei;
	color: #FFF;
	font-size: 1.25rem;
	padding: 0.3% 1%;
	display: inline-block;
	margin-right: 1%;
	position: relative;
}
.ferris_wheel{
	position: absolute;
	left: 47%;
	top: 14%;
	width: 12vw;
	-ms-animation: rotate 5s infinite linear;
	-o-animation: rotate 5s infinite linear;
	-moz-animation: rotate 5s infinite linear;
	-webkit-animation: rotate 5s infinite linear;
	animation: rotate 5s infinite linear;
}
.water1,.water2,.seagull_1,.seagull_2,.seagull_3,.mb1,.mb2{
	position: absolute;
	left: 0;
	top: 0;
}
.mb1{
	-ms-animation: o1 2s infinite ease-in;
	-o-animation: o1 2s infinite ease-in;
	-moz-animation: o1 2s infinite ease-in;
	-webkit-animation: o1 2s infinite ease-in;
	animation: o1 2s infinite ease-in;
}
.mb2{
	-ms-animation: o2 1.5s infinite ease-in;
	-o-animation: o2 1.5s infinite ease-in;
	-moz-animation: o2 1.5s infinite ease-in;
	-webkit-animation: o2 1.5s infinite ease-in;
	animation: o2 1.5s infinite ease-in;
}
.seagull_1{
	-ms-animation: fly1 2s infinite ease-in;
	-o-animation: fly1 2s infinite ease-in;
	-moz-animation: fly1 2s infinite ease-in;
	-webkit-animation: fly1 2s infinite ease-in;
	animation: fly1 2s infinite ease-in;
}
.seagull_2{
	-ms-animation: fly2 2s infinite ease-in;
	-o-animation: fly1 2s infinite ease-in;
	-moz-animation: fly2 2s infinite ease-in;
	-webkit-animation: fly2 2s infinite ease-in;
	animation: fly2 2s infinite ease-in;
}
.seagull_3{
	-ms-animation: fly3 2s infinite ease-in;
	-o-animation: fly3 2s infinite ease-in;
	-moz-animation: fly3 2s infinite ease-in;
	-webkit-animation: fly3 2s infinite ease-in;
	animation: fly3 2s infinite ease-in;
}
.water1{
	-ms-animation: lig1 2s infinite ease-in;
	-o-animation: lig1 2s infinite ease-in;
	-moz-animation: lig1 2s infinite ease-in;
	-webkit-animation: lig1 2s infinite ease-in;
	animation: lig1 2s infinite ease-in;
}
.water2{
	-ms-animation: lig2 2s infinite ease-in;
	-o-animation: lig2 2s infinite ease-in;
	-moz-animation: lig2 2s infinite ease-in;
	-webkit-animation: lig2 2s infinite ease-in;
	animation: lig2 2s infinite ease-in;
}
@keyframes o1 {
	0% {
		transform:translateY(10px);
	}
	50%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(10px);
	}
}
@keyframes o2 {
	0% {
		transform:translateY(0px);
	}
	50%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(0px);
	}
}
@keyframes fly3 {
	0% {
		transform:translateY(10px) rotate(1deg);
	}
	50%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(10px) rotate(1deg);
	}
}
@keyframes fly2 {
	0% {
		transform:translateY(0);
	}
	50%{
		transform:translateY(10px) rotate(1deg);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes fly1{
	0% {
		transform:translateY(0);
	}
	40%{
		transform:translateY(-10px) rotate(-1deg);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes lig1{
	0% {
		opacity:1;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes lig2{
	0% {
		opacity:0;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes rotate{
	0% {
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
.hot_item_warp .uk-cover, [uk-cover] {
	max-width: 100%;
}
#main.index.ds {
	overflow: hidden;
}
#about2, #about21 {
	background: #EEE9DD;
}
#about22 svg {
	color: #9B8958;
}
#about23 svg {
	color: #726D59;
}
.content_con .p4 {
	width: 19%;
	left: initial;
	top: inherit;
	z-index: 1;
	right: 6%;
	bottom: -5%;
}
#content_form_map {
	overflow: hidden;
}
#index_con {
	overflow-x: hidden;
}
#index {
	overflow: hidden;
}
#index_con .indexcase_list #shang_zhou_tit, #index_con .news_list #shang_zhou_tit {
	width: 100%;
}
.s_menu {
	position: fixed;
	bottom: 2%;
	left: 1%;
	z-index: 9;
	padding: 0;
	margin: 0;
	width: 50px;
}
.s_menu li {
	background: #9B8958;
	transition: .5s;
}
.s_menu li + li {
	border-top: 2px solid rgba(255, 255, 255, .5);
}
.s_menu li:hover {
	background: #694C00;
}
.submit_td input[type="text"], .submit_td input[type="tel"] {
	width: 100%;
	text-indent: 20px;
	padding-left: 0;
}
input[type="text"], input[type="tel"], input[type="number"] {
	width: calc(100% - 141px);
	border-bottom: 1px solid rgba(114, 109, 89, .5);
	height: 40px;
	border-width: 0 0 1px 0;
	background: #fff;
	font-family: Microsoft JhengHei;
	letter-spacing: 1px;
	color: #707070;
	padding-left: 20px;
	margin-bottom: 3px;
	background-color: transparent;
}
/*#contact_us #content_form form{width:unset;} */
#contact_us #content_form form .form1 {
	width: 100%;
}
#content {
	z-index: 1;
}
.connection1 #content_form {
	background: #EEE9DD;
	padding: 2% 0 2% 0;
}
.connection2 .content_con_inf {
	font-family: "Noto Serif TC", serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	color: #726D59;
	text-align: justify;
}
.connection2 #content_form {
	background: #FFF594;
	padding: 2% 0 2% 0;
}
#content_form .form_txt {
	font-size: 1.25rem;
	color: #726D59;
	font-family: "Noto Serif TC", serif;
	letter-spacing: 0.05rem;
	margin-bottom: 3%;
}
.connection2 #content_form .form_txt {
	color: #333331;
}
#content_form form {
	width: 84%;
	margin: 0 auto;
}
.connection1 #shang_zhou_tit, .connection2 #shang_zhou_tit {
	margin-top: 3%;
}
#to_form .form1 {
	padding-left: 0;
	margin: 0;
}
.content_con_inf {
	margin-bottom: 2%;
	margin-top: 2%;
}
.content_con_inf_list ul li {
	width: 18rem;
	float: left;
	min-width: 255px;
}
.content_con_inf_list ul li + li {
	margin-left: 4rem;
}
#content_map {
	width: 140%;
	height: 17vw;
	margin-left: -20%;
}
.content_con_inf_list {
	display: inline-block;
	width: 48%;
	vertical-align: bottom;
	margin: 0 0 0 3%;
}
.content_con_inf_list ul {
	padding-left: 0;
	margin: 10px 0 0 0;
}
.content_con_inf_list .icon {
	height: 26px;
	width: 26px;
	margin-right: 6px;
	vertical-align: sub;
}
.content_con_inf_list dt, .content_con_inf_list dl {
	color: #726D59;
	display: inline-block;
}
.content_con_inf_list dt {
	font-weight: 100;
	font-size: 1.25rem;
	margin-right: 7px;
	letter-spacing: 0.1rem;
}
.content_con_inf_list dl {
	font-size: 1.5625rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	font-family: Microsoft JhengHei;
	margin: 0;
}
.company_name {
	font-family: "Noto Serif TC", serif;
	display: inline-block;
	margin-right: 0;
	vertical-align: top;
}
.company_name h3 {
	font-size: 2vw;
	font-family: "Noto Serif TC", serif;
	letter-spacing: 0.5vw;
	color: #726D59;
	font-weight: 600;
	margin: 0 0 10px 0;
}
.company_s span + span:before {
	content: '‧';
	font-weight: 900;
	margin: 0 0.1%;
}
.company_s {
	font-size: 1vw;
	color: #726D59;
	white-space: nowrap;
}
.content_con {
	width: 84%;
	margin: 0 auto;
	position: relative;
}
#hot_slideshow_nav a {
	background: transparent;
	border: 1px solid #726D59;
	width: 60px;
	border-radius: 0;
	height: 13px;
}
#hot_slideshow_nav li.uk-active a {
	background: #726D59;
}
.menu_list2.uk-active {
	position: fixed !important;
	top: 1% !important;
}
.hot_content {
	padding-bottom: 8vw;
}
html.shang_zhou {
	font-size: 16px;
}
.company span {
	font-size: 1.5rem;
	font-family: "Noto Serif TC", serif;
	letter-spacing: 0.28rem;
	background: #FFF;
	padding: 0 0.5%;
	color: #726D59;
}
.company span:first-child {
	padding-left: 2%;
}
.company span:last-child {
	padding-right: 2%;
}
.company {
	position: relative;
	display: inline-block;
	width: 100%;
}
.company:before {
	content: '';
	width: 11%;
	height: 1px;
	background: #726D59;
	position: absolute;
	right: 0;
	top: calc(50% - 1px);
	opacity: 0.5;
}
.company:after {
	content: '';
	width: 11%;
	height: 1px;
	background: #726D59;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	opacity: 0.5;
}
.rose img {
	display: inline-block;
	width: 20px;
	height: auto;
	vertical-align: middle;
	margin-left: 0.5%;
	margin-right: 3px;
}
.rose {
	color: #FFF;
}
.rose:hover {
	text-decoration: none;
	color: #FFF;
}
.company span + span:before {
	content: '‧';
	font-weight: 900;
	margin: 0 0.5%;
}
#main:after {
	content: "";
	display: block;
	clear: both;
}
#news #shang_zhou_tit {
	margin-top: 0;
	width: 100%;
	margin-left: 0;
}
.map_control_tit {
	margin-left: 0;
	width: 100%;
}
#case2 .uk-slideshow-items {
	margin-bottom: 3%;
}
.sub li + li {
	margin-top: 2%;
}
#case2 #shang_zhou_tit {
	margin: 3% 0 0 8%;
	box-sizing: content-box;
}
.shang_zhou_list_mb_list {
	display: inline-block;
	padding: 10px;
	opacity: 1;
	overflow: hidden;
	transition: opacity 1.0s linear;
}
.mb_menu_esc {
	width: 13%;
	right: 0%;
	position: absolute;
	top: 1%;
	cursor: pointer;
	display: block;
}
#shang_zhou_list_mb {
	display: none;
}
.shang_zhou_list_mb_list ul {
	padding-left: 0;
	text-align: center;
	margin: 0;
}
.shang_zhou_list_mb_list {
	width: 78%;
	display: block;
	margin: 0 auto;
	padding-top: 4%;
}
.shang_zhou_list_mb_list .uk-dropdown li, .shang_zhou_list_mb_list .uk-dropdown ul li:last-child {
	border: 0;
}
.shang_zhou_list_mb_list .uk-dropdown li:hover, .about1 .menu1 .uk-dropdown li:nth-child(1), .about2 .menu1 .uk-dropdown li:nth-child(2), .about3 .menu1 .uk-dropdown li:nth-child(3), .case .menu2 .uk-dropdown li:nth-child(1), .hotcase .menu2 .uk-dropdown li:nth-child(2), .classic .menu2 .uk-dropdown li:nth-child(3), .connection1 .menu4 .uk-dropdown li:nth-child(1), .connection2 .menu4 .uk-dropdown li:nth-child(2) {
	background: #726136;
	border-radius: 8px;
}
.shang_zhou_list_mb_list .uk-dropdown li {
	padding: 2% 0 2% 0;
}
.shang_zhou_list_mb_list .uk-dropdown li:hover a, .about1 .menu1 .uk-dropdown li:nth-child(1) a, .about2 .menu1 .uk-dropdown li:nth-child(2) a, .about3 .menu1 .uk-dropdown li:nth-child(3) a, .case .menu2 .uk-dropdown li:nth-child(1) a, .hotcase .menu2 .uk-dropdown li:nth-child(2) a, .classic .menu2 .uk-dropdown li:nth-child(3) a, .connection1 .menu4 .uk-dropdown li:nth-child(1) a, .connection2 .menu4 .uk-dropdown li:nth-child(2) a {
	color: #FFF;
}
.shang_zhou_list_mb_list .sub a {
	font-size: 3.75vw;
	font-family: Microsoft JhengHei;
	color: #726136;
	letter-spacing: 1.6vw;
}
.shang_zhou_list_mb_list .sub a:hover {
	text-decoration: none;
}
.shang_zhou_list_mb_list ul li {
	padding: 4% 0 4% 0;
	border-top: 1px solid rgba(114, 109, 89, .5);
}
.shang_zhou_list_mb_list ul li:last-child {
	border-bottom: 1px solid rgba(114, 109, 89, .5);
}
.menu_inf a, .menu_inf button {
	font-size: 5.5vw;
	font-family: "Noto Serif TC", serif;
	font-weight: 700;
	color: #39372D;
	letter-spacing: 2vw;
}
.menu_inf button {
	outline: none;
	display: inline-block;
	border: 0px;
}
.menu_inf a:hover {
	color: #726136;
}
.menu_inf button:hover {
	border: 0;
}
.menu_inf a:hover {
	text-decoration: none;
}
.menu_inf .uk-dropdown {
	position: static;
	background: transparent;
	box-shadow: inherit;
	padding: 10px 0;
}
.mb_menu {
	width: 13%;
	right: 0;
	position: fixed;
	top: 0;
	cursor: pointer;
	display: block;
	z-index: 99;
}
.logo_mb {
	width: 59%;
	display: block;
	margin: 0 auto;
}
.shang_zhou_list_mb {
	background: #EEE9DD;
	position: fixed;
	z-index: 999;
	width: 100%;
	min-height: 100vh;
	top: 0;
	display: none;
}
.sold_out {
	position: absolute;
	right: 6.5%;
	top: 0;
	width: 8%;
}
.link a + a {
	margin-left: 2%;
}
.link {
	margin-top: 4%;
}
.Copyright {
	background: #9B8958;
	color: #FFF;
	font-size: 1rem;
	letter-spacing: 0.08rem;
	padding: 5px 0;
	font-weight: 100;
}
.hot_inf {
	margin-top: calc(40px + 3%);
}
footer .icon {
	height: 22px;
	width: 22px;
	margin-right: 6px;
}
.icon {
	background: #726D59;
	border-radius: 300px;
	max-width: 58px;
	transition: .5s;
}
.icon:hover {
	background: #694C00;
}
footer .logo {
	width: 7%;
	vertical-align: sub;
}
footer {
	text-align: center;
	padding-top: .5%;
	background: #fff;
}
.footer_wrap {
	display: inline-block;
	width: 99%;
	height: 99%;
	border: 0.5px solid rgba(155, 137, 89, .5);
	margin-bottom: .5%;
	padding: 2% 0 1% 0;
}
.footer_logo {
	width: 134px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 2%;
}
.footer_con {
	width: 990px;
	display: inline-block;
}
footer ul {
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
}
footer ul li {
	box-sizing: border-box;
}
footer ul li a {
	color: #726D59;
	display: flex;
	flex-direction: row;
	align-items: center;
}
footer ul li a:hover {
	text-decoration: none;
	color: #726D59;
}
footer dt {
	font-weight: 100;
	font-size: 1rem;
	margin-right: 7px;
	letter-spacing: 0.1rem;
}
footer dl {
	font-size: 1.18rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
	font-family: Microsoft JhengHei;
}
footer dt, footer dl {
	color: #726D59;
	display: flex;
	flex-direction: row;
}
.footer_list {
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
.news_con {
	color: #000000;
	font-family: Microsoft JhengHei;
	font-size: 1.1875rem;
	letter-spacing: 0.05rem;

	line-height: 180%;
	padding-bottom: 8%;
}
.news_con h3 {
	font-size: 1.4rem;
	font-family: Microsoft JhengHei;
	font-weight: bold;
}
.news_con img {
	width: 100%;
}
.img_inf {
	color: #848484;
	font-size: 1.1875rem;
	margin: 1% 0 3% 0;
}
#YouTube {
	width: 100%;
	height: 35.5vw;
}
.back_btn {
	position: fixed;
	right: 8%;
	width: 5%;
	top: 80%;
	background: #39A672;
	border-radius: 300px;
	max-width: 58px;
	transition: .5s;
	animation: 1s ease-in 0s infinite normal none running back_spin;
}
.news_page_head .h3 {
	color: #39372D;
}
.news_page_head {
	position: relative;
}
img#authnum3 {
	position: absolute;
	right: 0;
	height: 30px;
	bottom: 8px;
	cursor: pointer;
}
#news_page article {
	background: url(../img/news/page_bg.jpg) center bottom / cover no-repeat rgb(255, 249, 244);
	background-attachment: fixed;
}
#news_page section {
	padding-top: 5%;
}
.news_page_txt {
	width: 90%;
	display: block;
	margin: 0 auto;
}
.news_page_list iframe{
	min-height: 1000px;
}
.author, .source {
	font-size: 1.18rem;
	letter-spacing: 0.05rem;
	display: inline-block;
}
.news_page_head h3 {
	font-family: "Noto Serif TC", serif;
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	padding-top: 40px;
}
#news_page_con .inf:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 0 10px;
	border-color: transparent transparent transparent #1F724A;
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
}
.indexcase_list .hot_list {
	margin: 3% 0 1% 0;
	display: inline-block;
}
.indexcase_list .hot_list li{
	margin-bottom: 1%;
}
.author {
	padding-left: 10px;
	box-sizing: content-box;
	position: relative;
	margin: 0 0 0 10px;
}
.author:after {
	content: '';
	height: 1.18rem;
	width: 1.5px;
	background: #FFF;
	position: absolute;
	left: 0;
	top: 51%;
	transform: translateY(-50%);
}
#news_page_con {
	background: #EEE9DD;
	width: 71%;
	display: block;
	margin: 0 auto;
	min-height: 100vh;
	position: relative;
}
#news_page_con .inf {
	background: #36AE77;
	color: #FFF;
	line-height: 43px;
	height: auto;
	padding: 0 20px;
	display: inline-block;
	position: absolute;
	top: -10px;
	right: 0;
}
#news_page_con .date {
	color: #FFF;
	font-size: 1.75rem;
	border-left: 0px;
	padding-left: 0;
	display: inline-block;
	position: static;
	margin: 0;
	padding-right: 20px;
}
.index #news_con ul {
	padding-left: 0;
	margin: 2% 0 2% 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	align-content: center;
}
.index .p5 {
	width: 12%;
	right: 5%;
	position: absolute;
	opacity: .5;
	bottom: -83%;
}
.index .list {
	padding: 4% 3% 4% 0;
}
.news_list, .indexcase_list {
	display: inline-block;
	width: 85%;
	position: relative;
}
.index .list h3 {
	color: #726D59;
}
.index .date {
	color: #726D59;
	border-left: solid 10px #726D59;
}
.index .list:nth-child(-n+4) {
	border-bottom: 2px solid rgb(155, 137, 88);
	border-top: 2px solid rgb(155, 137, 88);
}
.tit_e {
	width: 8.5%;
	vertical-align: top;
}
.news_img_con {
	position: relative;
}
.news_img_con:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(238, 233, 221, .4);
	content: '';
	left: 0;
	top: 0;
	transition: .5s;
	display: inline-block;
}
#news_con {
	background: url("../img/news/bg.jpg") center bottom / cover no-repeat rgb(255, 249, 244);
}
.date {
	font-family: Georgia, serif;
	color: rgb(54, 174, 119);
	font-size: 1.75rem;
	letter-spacing: 0.05rem;
	position: relative;
	margin: 5% 0 5%;
	border-left: solid 10px rgb(54, 174, 119);
	padding-left: 8px;
	line-height: 1.75rem;
}
.list:nth-child(4n) {
	padding-right: 0;
}
.list h3 {
	font-size: 1.3125rem;
	color: rgb(57, 55, 45);
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	font-family: "Microsoft JhengHei";
	text-align: justify;
}
#news .warp {
	width: 85%;
	display: block;
	margin: 0 auto;
	padding-top: 3%;
}
.list {
	flex: 0 0 22%;
	margin: 0 0 2%;
	padding: 0 3% 2% 0;
}
.list:nth-child(-n+4) {
	border-bottom: 1px solid rgb(155, 137, 88);
}
.list:hover a {
	text-decoration: none;
}
.list:hover a .news_img_con:after {
	opacity: 0;
}
#news #news_con ul {
	padding-left: 0;
	margin: 2% 0 0 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
#shang_zhou_tit {
	display: inline-block;
	color: rgb(57, 55, 45);
	font-size: 3rem;
	font-family: "Noto Serif TC", serif;
	font-weight: 700;
	position: relative;
	letter-spacing: 0.2rem;
	margin-top: 7%;
}
#shang_zhou_tit::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: rgb(114, 109, 89);
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	margin: -20px 0;
}
.shang_zhou_logo {
	right: 5%;
	top: 24%;
	z-index: 1;
	position: absolute;
	width: 50%;
}
.shang_zhou_list #menu {
	position: static;
	display: inline-block;
	float: right;
	width: auto;
	margin: 5% 10% 0px 0px;
}
.shang_zhou_con {
	width: 100%;
	position: relative;
}
.shang_zhou_list {
	position: absolute;
	z-index: 1;
	right: 0px;
	width: 23%;
}
#classic_con {
	height: 100vh;
}
.classic_item_warp {
	width: 90%;
	margin: 0px auto;
}
.hot_item_warp {
	width: 72%;
	margin: 0px auto;
}
body {
	font-family: "Noto Sans TC", "Microsoft JhengHei";
}
.uk-modal-close-default svg {
	color: rgb(72, 150, 139);
	width: 33px;
}
.classic_img {
	display: flex;
	width: 40%;
	height: auto;
	clip-path: inset(0px round 20px);
}
.classic_list h4, .hots_list h4 {
	font-size: 1.68rem;
	font-family: "Noto Sans TC", "Microsoft JhengHei";
	font-weight: 500;
	color: rgb(57, 55, 45);
	display: inline-block;
	letter-spacing: 0.1rem;
}
.classic_list h4 {
	padding: 0;
	position: relative;
	margin: 0 0 20px;
}
.classic_list h4::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: rgb(114, 109, 89);
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	margin: -20px 0;
}
.classic_list h4 + li {
	margin-top: 20px;
}
.hots_list h4 {
	position: relative;
}
.hots_list h4:after {
	content: "";
	width: 3rem;
	height: 2px;
	background: rgb(114, 109, 89);
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	margin: -20px 0;
}
.hots_list li:nth-child(2) {
	margin-top: 20px;
}
.classic_list li, .hots_list li {
	line-height: 2rem;
	font-size: 16px;
}
.hots_list li {
	position: relative;
}
.hots_list li d1 {
	width: calc(88% - 73px);
	display: inline-block;
}
.classic_list, .hots_list {
	padding-left: 0;
	font-family: "Noto Sans TC", "Microsoft JhengHei";
	flex-direction: column;
	width: calc(100% - 407px);
	margin: 0 0 0 40px;
}
.hots_list {
	margin: 0 0 0 5%;
}
.hots_list .hot_inf_con dt {
	background: #726D59;
	font-size: 1rem;
	color: #FFF;
	border-radius: 15px;
	padding: 3px 7px;
	text-align: center;
	font-weight: 200;
	letter-spacing: 0.03rem;
	line-height: inherit;
}
.hots_list li:last-of-type:after {
	content: "";
	width: 3rem;
	height: 2px;
	background: rgb(114, 109, 89);
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	margin: -20px 0;
}
.hot_img {
	width: 71%;
	display: grid;
}
#hot {
	background: url("../img/case/bg.jpg") right top / cover no-repeat #FFF;
	position: relative;
	width: 100%;
	z-index: 2;
}
#hot > li {
	padding: 5% 0 3% 0;
}
.classic_item_con {
	flex-direction: row-reverse;
}
.classic_item_con, .hot_item_con {
	display: flex;
	position: relative;
}
.hot_item_con {
	flex-direction: row-reverse;
}
.classic_list dt, .hots_list dt {
	display: inline-block;
	width: 71px;
	margin: 0 2% 0 0;
	font-size: 1.12rem;
	line-height: 150%;
	vertical-align: top;
	min-width: 73px;
	color: rgb(155, 137, 88);
	font-weight: 500;
	line-height: 2rem;
}
.classic_list dl, .hots_list dl {
	display: inline-block;
	width: calc(88% - 79px);
	font-size: 1.35rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 150%;
	vertical-align: top;
	margin: 0 4%;
}
.hot_inf_con dl {
	font-size: 1.4rem;
	font-weight: bold;
	color: #726D59;
	margin: 0;
	line-height: unset;
}
#map_control1:checked ~ .map_img .map_btn1,
#map_control2:checked ~ .map_img .map_btn2,
#map_control3:checked ~ .map_img .map_btn3,
#map_control4:checked ~ .map_img .map_btn4,
#map_control5:checked ~ .map_img .map_btn5{
	background: url("../img/classic/flag_blue.png") 0% 0% / contain no-repeat;
}
#map_control1:checked ~ #map_control1_list,
#map_control2:checked ~ #map_control2_list,
#map_control3:checked ~ #map_control3_list,
#map_control4:checked ~ #map_control4_list,
#map_control5:checked ~ #map_control5_list {
	left: 0px;
	position: absolute !important;
}
.map_btn {
	background: url("../img/classic/flag.png") 0% 0% / contain no-repeat;
	position: absolute;
	width: 10%;
	height: 10%;
	transition: all 0.5s ease 0s;
	cursor: pointer;
	animation: 1s ease-in 0s infinite normal none running shaking;
	transform-origin: left bottom;
}
@keyframes shaking {
	0% {
		transform: rotate(-2deg);
	}
	40% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(-2deg);
	}
}
@keyframes back_spin {
	0% {
		transform: rotate(-2deg);
	}
	50% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(-2deg);
	}
}
.map_btn:hover {
	background: url("../img/classic/flag_blue.png") 0% 0% / contain no-repeat;
}
.map_btn span {
	color: rgb(255, 255, 255);
	font-size: 1.2vw;
	margin: 6% 0px 0px 17%;
	display: inline-block;
}
.warp {
	width: calc(100% - 100px);
	margin-left: 100px;
	position: relative;
	min-height: 100vh;
}
.map_btn1 {
	left: 39%;
	top: 18%;
	z-index: 1;
}
.map_btn2 {
	left: 45%;
	top: 11%;
}
.map_btn3 {
	left: 55%;
	top: 10%;
}
.map_btn4 {
	left: 19%;
	top: 54%;
}
.map_btn5 {
	left: 51%;
	top: 40%;
}
.section::-webkit-scrollbar {
	width: 16px;
}
.section::-webkit-scrollbar-track {
	background-color: rgb(228, 228, 228);
	border-radius: 100px;
}
.section::-webkit-scrollbar-thumb {
	background-color: rgb(212, 170, 112);
	border-radius: 100px;
}
.map_img {
	width: 45%;
	position: absolute;
	right: 0px;
	display: flex;
	align-items: center;
	top: 50%;
	transform: translateY(-50%);
}
.map_list_con:last-child {
	border-bottom: 0px;
}
.map_control {
	opacity: 0;
	position: absolute;
	z-index: -2;
}
.map_list_con {
	display: flex;
	box-sizing: border-box;
}
.map_list h3, .classic_item h3 {
	font-family: Georgia, serif;
	color: rgb(72, 150, 139);
	font-weight: bold;
	font-size: 3.75rem;
	margin: 0px;
}
.classic_item h3::after {
	content: "";
	width: calc((100% - 11rem) - 33px);
	background: rgb(72, 150, 139);
	height: 1px;
	display: inline-block;
	vertical-align: super;
	margin: 0px 0px 0px 1rem;
}
.classic_item .uk-modal-dialog {
	width: 1005px;
	border-radius: 15px;
	padding: 0px 20px 40px;
	box-sizing: border-box;
	background: url("../img/classic/classic_list_bg.png") right bottom no-repeat rgb(255, 249, 244);
}
#count .uk-modal-dialog, #contact_us .uk-modal-dialog {
	width: 1005px;
	border-radius: 15px;
	padding: 0px 20px 40px;
}
.map_list a {
	color: rgb(57, 55, 45);
	font-weight: 500;
	letter-spacing: 0.04rem;
	font-size: 1.1rem;
	position: relative;
}
.map_list.hot_div a {
	/* padding-left: 40px; */
	/* text-align: left; */
}
.map_list a.hot:after {
	content: '';
	background: url("../img/classic/hot_lable.svg") center bottom / cover no-repeat;
	display: inline-block;
	width: 60px;
	height: 22.5px;
	vertical-align: middle;
	margin-left: 5px;
}
.map_list a:hover {
	text-decoration: none;
}
input[id^="map_control"]:checked + nav[id^="map_control"] .map_control_list {
	display: block;
}
.map_control_list {
	position: absolute;
	left: -100%;
	transition: all 0.5s ease 0s;
	width: 55%;
	margin: 3% 0px 0px;
}
.map_control_list_con {
	border-radius: 10px;
	padding: 10px 30px;
	box-sizing: border-box;
	height: 70vh;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
}
#map_control1_list .map_control_list_con, #map_control2_list .map_control_list_con {
	background: url("../img/classic/bg1.jpg") center bottom / cover no-repeat rgb(255, 249, 244);
}
#map_control3_list .map_control_list_con, #map_control4_list .map_control_list_con, #map_control5_list .map_control_list_con {
	background: url("../img/classic/bg2.jpg") center bottom / cover no-repeat rgb(255, 249, 244);
}
.map_list {
	display: flex;
	flex-direction: column;
	width: 25%;
	padding-bottom: 20px;
	line-height: 2rem;
	text-align: center;
	border-bottom: 2px dashed rgb(99, 166, 202);
}
#map_control1_list .map_list:nth-last-child(2), #map_control1_list .map_list:last-child, #map_control2_list .map_list:last-child, #map_control2_list .map_list:nth-last-child(2), #map_control2_list .map_list:nth-last-child(3),#map_control2_list .map_list:nth-last-child(4){
	border-bottom: 0px;
}
#map_control3_list .map_list, #map_control4_list .map_list {
	border-bottom: 0px;
}
#main .uk-light .uk-slidenav {
	color: rgb(113, 86, 14);
}
#main.news {
	background: rgb(239, 233, 221);
	min-height: 100vh;
}
#main.news .ds {
	position: relative;
	overflow: hidden;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#main .case1.ds {
	background: rgb(158, 221, 213);
}
#main .case0.ds {
	background: rgb(255, 255, 255);
}
.connection .p1 {
	width: 9%;
	left: 34%;
	top: 35%;
}
.connection .p2 {
	width: 10%;
	left: 55%;
	top: 39%;
}
.connection .p3 {
	width: 12%;
	left: 75%;
	top: 55%;
}
.connection .p4 {
	width: 18%;
	left: 70%;
	top: 7%;
	opacity: 1;
}
.news .p1 {
	width: 10%;
	left: 6%;
	top: 15%;
}
.news .p2 {
	width: 6%;
	left: 24%;
	top: 25%;
}
.news .p3 {
	width: 4%;
	left: 30%;
	top: 43%;
}
.news .p4 {
	width: 3.8%;
	left: 51%;
	top: 49%;
}
.case2_list li {
	float: left;
	width: 13%;
	position: relative;
	cursor: pointer;
}
.case2_list li.uk-active .brown {
	opacity: 0;
}
#case2 .p4 {
	top: 1%;
	left: inherit;
	right: 34%;
	width: 4%;
}
#case2 .p5 {
	top: 22vw;
	left: 33%;
	width: 4%;
}
.case2_list a:hover .brown {
	opacity: 0;
	transition: all 0.3s linear 0s;
}
#case2 .uk-light .uk-subnav-pill > .uk-active > a {
	background: transparent;
}
#case2 {
	min-height: calc(100vh - 30px);
	background: rgb(238, 233, 221);
}
.case2_list li {
	float: left;
	display: flex;
}
.case2_list li a {
	position: relative;
}
#case2 .case2_list {
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin-top: 3%;
}
#cast2 {
	display: none;
}
.case .p1 {
	width: 13%;
	left: 36%;
	top: 54%;
}
.case .p2 {
	width: 5%;
	left: 60%;
	top: 32%;
}
.case .p3 {
	width: 8%;
	left: 47%;
	top: 23%;
}
.case .p4 {
	width: 5%;
	left: 6%;
	top: 46%;
}
.arrow {
	position: absolute;
	left: 0px;
	top: 2px;
}
.case_list, .case_list2 {
	z-index: 9;
	left: 0px;
	width: 100%;
}
.case_list2 li {
	width: 9.3%;
}
.case_list2 li:nth-child(1) {
	left: 7%;
	top: 23%;
}
.case_list2 li:nth-child(2) {
	left: 19%;
	top: 36%;
	width: 7%;
}
.case_list2 li:nth-child(3) {
	left: 27%;
	top: 19%;
	width: 8%;
}
.case_list2 li:nth-child(4) {
	left: 38%;
	top: 28%;
	width: 8%;
}
.case_list2 li:nth-child(5) {
	left: 48%;
	top: 18%;
	width: 8%;
}
.case_list2 li:nth-child(6) {
	left: 59%;
	top: 25.8%;
	width: 8%;
}
.case_list2 li:nth-child(7) {
	left: 70%;
	top: 35%;
	width: 8%;
}
.case_list2 li:nth-child(8) {
	left: 81%;
	top: 46%;
	width: 8%;
}
.case_list li:nth-child(1) {
	left: 6.8%;
	top: 38%;
	width: 8%;
}
.case_list li:nth-child(2) {
	left: 17%;
	top: 23%;
	width: 9.4%;
}
.case_list li:nth-child(3) {
	left: 29%;
	top: 19%;
	width: 9.4%;
}
.case_list li:nth-child(4) {
	left: 41%;
	top: 32%;
	width: 9.4%;
}
.case_list li:nth-child(5) {
	left: 52%;
	top: 16%;
	width: 9.1%;
}
.case_list li:nth-child(6) {
	left: 62%;
	top: 25.8%;
	width: 9.4%;
}
.case_list li:nth-child(7) {
	left: 73%;
	top: 24%;
	width: 10%;
}
.case_list li:nth-child(8) {
	left: 84%;
	top: 35.2%;
	width: 10%;
}
.case_list li.uk-active .case_btn, .case_list2 li.uk-active .case_btn {
	opacity: 0;
}
.case_list li.uk-active .case_hover, .case_list2 li.uk-active .case_hover {
	opacity: 1;
}
.case_list li:hover .case_btn, .case_list2 li:hover .case_btn {
	opacity: 0;
}
.case_list li:hover .case_hover, .case_list2 li:hover .case_hover {
	opacity: 1;
}
.case_list li .case_btn, .case_list2 li .case_btn {
	opacity: 1;
}
.case_list li .case_hover, .case_list2 li .case_hover {
	opacity: 0;
}
.case_list .uk-active .hover, .case_list2 .uk-active .hover {
	opacity: 0;
}
.case_list li, .case_list2 li {
	position: absolute;
	display: inline-block;
	padding: 0px;
}
.case_list li img, .case_list2 li img {
	width: 100%;
}
.case_list .case_hover, .case_list2 .case_hover {
	position: absolute;
	left: 0px;
	top: 0px;
}
#main .case_list a, #main .case_list2 a {
	color: red;
	background-color: transparent;
}
#main .sub_menu > * > a {
	font-family: "Noto Serif TC", serif;
	color: rgb(105, 76, 0);
	font-size: 1.5rem;
	font-weight: bold;
	writing-mode: vertical-lr;
	text-orientation: upright;
}
#main .sub_menu li:hover span,#main .sub_menu li:hover img{
	opacity: 1;
	text-decoration: none;
	background-color: transparent;
}
#main .sub_menu li span,#main .sub_menu li img{
	line-height: 115%;
	display: inline-block;
	letter-spacing: 0.2rem;
	opacity: 0.5;
	transition: all 0.5s ease 0s;
	cursor: pointer;
}
.logo_link {
	display: inline-block;
	width: 20%;
	right: 0px;
	top: 0px;
	height: 35%;
	position: absolute;
}
#main.about .p6 {
	width: 14%;
	z-index: 1;
	left: 58.5%;
	top: 45%;
}
#main.about .p7 {
	width: 12%;
	z-index: 1;
	left: 8%;
	top: 22%;
}
.sub_menu {
	position: fixed;
	z-index: 3;
	padding: 0px 0px 0px 1.5%;
}
#main .uk-subnav-pill > * > :first-child {
	padding: 0px;
}
#main .sub_menu .uk-active a {
	background-color: transparent;
	padding: 0px;
}
#main .sub_menu .uk-active a {
	background-color: transparent;
	padding: 0px;
}
#main .sub_menu .uk-active a img {
	opacity: 1;
}
#main .sub_menu img {
	vertical-align: revert;
}
#main .sub_menu .uk-subnav-pill > * > :first-child {
	padding: 0px;
}
#main .sub_menu .uk-active a span {
	opacity: 1;
}
.sub_menu li {
	padding-left: 0px;
}
#index .menu_btn, #index .index_link {
	display: none;
}
.index_link {
	margin: 30px 0px 25px;
	display: inline-block;
}
#main.about .uk-light .uk-dotnav > .uk-active > *, #main.case .uk-light .uk-dotnav > .uk-active > * {
	background-color: rgb(114, 109, 89);
}
#main.about .uk-light .uk-dotnav > * > *, #main.case .uk-light .uk-dotnav > * > * {
	background-color: transparent;
	border: 1px solid rgb(114, 109, 89);
	display: inline-block;
	border-radius: 0px;
	width: 100%;
	height: 12px;
}
#main.about .uk-dotnav > *, #main.case .uk-dotnav > * {
	width: 8%;
}
#main.about .uk-slideshow-nav, #main.case .uk-slideshow-nav {
	text-align: center;
	width: 100%;
	bottom: 8%;
}
#main.about .round {
	width: 25%;
	right: -4%;
	top: -10%;
}
#main.about #menu li:nth-child(1) a, #main.case #menu li:nth-child(3) a, #main.hotcase #menu li:nth-child(3) a, #main.classic #menu li:nth-child(3) a, #news li:nth-child(5) a, #news_page li:nth-child(5) a, #main.connection1 #menu li:nth-child(7) a, #main.connection2 #menu li:nth-child(7) a {
	opacity: 1;
	color: rgb(255, 255, 255);
}
#main.about #menu li:nth-child(1), #main.case #menu li:nth-child(3), #main.classic #menu li:nth-child(3), #main.hotcase #menu li:nth-child(3), #news #tele_menu li:nth-child(5), #news_page #tele_menu li:nth-child(5), #main.connection1 #menu li:nth-child(7), #main.connection2 #menu li:nth-child(7) {
	background: rgb(105, 76, 0);
	border-radius: 5px;
}
#menu {
	z-index: 1;
	position: absolute;
	padding-left: 0px;
	margin: 0px;
	max-width: 19px;
	right: 2.6%;
	top: 43%;
	width: 1%;
	font-family: "Noto Serif TC", serif;
}
#ds2 .p5 {
	width: 10%;
	right: 8.5%;
	z-index: 1;
	opacity: 0.5;
	left: inherit;
	top: 7.2%;
}
#tele_menu #menu.menu_list {
	width: 39%;
}
.menu_btn {
	width: 46%;
	display: block;
	margin: 0px auto;
}
.uk-sticky-placeholder {
	display: none !important;
}
#tele_menu #menu {
	position: static;
	width: 23%;
	margin: 0px auto;
}
#tele_menu {
	display: inline-block;
	z-index: 2;
	position: fixed;
	right: 1%;
	text-align: center;
	width: 4.6%;
}
#menu a {
	display: inline-block;
}
#menu li {
	display: inline-block;
	padding: 5px;
}
#menu li a {
	display: block;
	color: rgb(105, 76, 0);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 115%;
	transition: all 0.2s ease 0s;
}
#menu li:hover a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}
#menu li:hover {
	background: rgb(105, 76, 0);
	border-radius: 5px;
}
#menu li a .menu_txt {
	opacity: 0.5;
}
#menu li:hover a .menu_txt {
	opacity: 1;
}
#menu li img {
	width: 100%;
}
#menu .line {
	margin: 3px 0px 3px 5px;
}
.pos {
	position: absolute;
	left: 0px;
	top: 0px;
}
.ds {
	position: relative;
}
.round {
	margin-left: 17%;
	margin-top: -16%;
	left: initial;
	animation: 30s linear 0s infinite normal none running round;
	width: 100%;
}
.tree {
	right: -5%;
	left: inherit;
	bottom: 0;
	animation: 2s ease-in 0s infinite normal none running tree;
	transform-origin: 80% 100%;
	top: inherit;
}
#indexcase_list_con {
	background: rgb(239, 233, 221);
}
.indexcase_list #shang_zhou_tit .p4 {
	width: 15%;
	left: 19%;
	top: -54%;
	z-index: 1;
	opacity: 0.5;
}
.p3 {
	width: 10%;
	left: 76%;
	top: 65%;
}
.p2 {
	width: 14%;
	left: 40%;
	top: 33%;
}
.p1 {
	width: 10%;
	left: 6%;
	top: 37%;
}
.grass {
	animation: 2s ease-in 0s infinite normal none running grass;
	position: absolute;
	left: 0px;
	top: -15%;
	transform-origin: 20% 50%;
}
.hot_list li {
	display: inline-block;
	width: 23%;
	position: relative;
	margin-right: 2%;
	cursor: pointer;
}
.hot_list a:hover .brown {
	opacity: 0;
	transition: all 0.3s linear 0s;
}
.hot_list a, .hot_list li {
	display: inline-block;
	float: left;
}
.hot_list li:last-child {
	margin-right: 0px;
}
.brown {
	position: absolute;
	z-index: 1;
	opacity: 1;
}
@keyframes grass {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-1.5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes tree {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes round {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@media (max-width: 1680px) {
	html.shang_zhou {
		font-size: 14px;
	}
}
@media (max-width: 1366px) {
	.index .p5 {
		bottom: -76%;
	}
	.content_con_inf_list ul li + li {
		margin-left: 1rem;
	}
	.content_con .p4 {
		right: 4%;
	}
	.map_list {
		flex: 0 0 33%;
	}
	.map_list h3, .classic_item h3 {
		font-size: 3rem;
	}
}
@media (max-width: 1200px) {
	.footer_logo {
		width: 10%;
		margin-right: 1%;
	}
	.footer_con {
		width: 79%;
	}
	.hot_item_warp {
		width: 87%;
	}
}
@media (max-width: 1170px) {
	.content_con_inf_list ul li + li {
		margin-left: 0;
	}
	.content_con_inf_list ul li {
		width: 100%;
	}
	.content_con_inf_list ul {
		margin: 0;
	}
	.content_con_inf_list {
		width: auto;
	}
}
@media (max-width: 960px) {
	.mb1{
		left: 10%;	
	}
	.case_linkbtn{
		position: absolute;
		left: 34%;
		top: 44%;
		width: 35%;
		z-index: 9;
	}
	body.classic_body footer{
		display: none;
	}
	.footer_mb{
		width:75%;
		margin:0 auto;
		display:block;
	}
	.goindex_btn{
		width: 100%;
		height: 85%;
	}
	.img_inf{
		text-align: left;
	}
	.news_con .uk-width-1-2{
		width: 100%;
	}
	.news_con .uk-flex {
		flex-wrap: wrap;
	}
	.news_con .uk-margin-left{
		margin-left: 0!important;
	}
	.news_con h4 span {
		display: table;
	}
	.classic .js-back-to-top{
		display: none;
	}
	#map_control1_list .map_control_list_con, #map_control2_list .map_control_list_con,#map_control3_list .map_control_list_con, #map_control4_list .map_control_list_con {
		background: url(../img/classic/bg1_mb.jpg) center bottom / cover no-repeat rgb(255, 249, 244);
	}
	.map_control_list_con {
		height: auto;
		min-height: 400px;
	}
	.hot_inf .i_add,.content_con_inf_list .i_add{
		background: #F3AA31;
	}
	.hot_inf .i_tel,.content_con_inf_list .i_tel{
		background: #EF95C3;
	}
	.content_con_inf_list .i_fax{
		background: #5BC1C1;
	}
	.hot_inf .i_fb{
		background: #4267B2;
	}
	.hot_inf .i_line{
		background: #06C755;
	}
	.brown {
		opacity: 0;
	}
	.news_img_con:after {
		display: none;
	}
	#hot_slideshow_nav a {
		width: 15vw;
	}
	.icon {
		width: 14vw;
	}
	.link a.back_btn img {
		width: 14vw
	}
	.case .menu2 .uk-dropdown, .hotcase .menu2 .uk-dropdown, .classic .menu2 .uk-dropdown, .connection1 .menu4 .uk-dropdown, .connection2 .menu4 .uk-dropdown, .about1 .menu1 .uk-dropdown, .about2 .menu1 .uk-dropdown {
		display: block;
	}
	#news .menu3 a {
		color: #694C00;
	}
	#YouTube {
		height: 43.5vw;
	}
	.classic_list li d1 {
		width: calc(100% - 7rem);
		display: inline-block;
	}
	.classic_list h4::after {
		margin: -10px 0;
	}
	.s_menu {
		left: 0;
		width: 9%;
		bottom: calc(2% + 30px);
	}
	.classic_list h4 {
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.indexcase_list #shang_zhou_tit .p4 {
		width: 25vw;
		left: initial;
		top: -31%;
		right: 5%;
		opacity: 1;
	}
	#index_mb .p1 {
		width: 20vw;
		left: 7vw;
		top: 69vw;
	}
	#index_mb .p2 {
		width: 25vw;
		left: 55vw;
		top: 65vw;
	}
	#index_mb .grass {
		left: 0;
		top: 0;
		transform-origin: 20% 50%;
	}
	.content_con_inf_list dt {
		font-size: 1.4rem;
	}
	.content_con_inf_list dl {
		font-size: 1.8rem;
	}
	.content_con_inf {
		margin-bottom: 3%;
	}
	.connection1 #content_form, .connection2 #content_form {
		padding: 5% 0;
	}
	#content_form .form_txt {
		font-size: 1.4rem;
		margin-bottom: 4%;
	}
	.connection2 .content_con_inf {
		font-size: 1.4rem;
		line-height: 160%;
	}
	.content_con_inf_list ul {
		width: 100%;
		display: inline-block;
		margin-top: 1.5%;
	}
	#content_form form {
		width: 80%;
	}
	.content_con_inf_list ul li {
		width: 50%;
		min-width: inherit;
	}
	.content_con {
		width: 80%;
	}
	.connection1 #shang_zhou_tit {
		margin-bottom: 4%;
	}
	.company_name h3 {
		font-size: 4vw;
		margin: 0;
	}
	.content_con_inf_list {
		margin-top: 4%;
	}
	.company_name {
		margin-right: 0;
		width: 100%;
	}
	#content_map {
		height: 34vw;
		Width: 200vw;
		margin-left: -50vw;
	}
	.company_s {
		font-size: 2vw;
	}
	.link a.back_btn {
		position: static;
		float: right;
		width: auto;
	}
	.link a.back_btn img {
		width: 14vw;
		height: auto;
	}
	.hots_list .hot_inf_con dt {
		width: 4rem;
		padding: 3px 0;
		background: #D75B69;
	}
	.hots_list li {
		margin-bottom: .5%;
	}
	.hot_inf_con {
		margin-bottom: 1%;
	}
	.hots_list dt {
		width: 6rem;
		font-size: 1.35rem;
	}
	.hots_list h4 {
		width: 100%;
	}
	.sold_out {
		position: static;
		height: auto;
		width: 14vw;
		margin-left: 2%;
		vertical-align: middle;
	}
	.hots_list dl {
		width: calc(96% - 6rem);
	}
	.hot_inf dl {
		width: calc(97% - 73px);
	}
	.hots_list dl {
		margin: 0;
		text-align: justify;
	}
	footer {
		background: #9b8959;
	}
	.hot_img {
		width: 100%;
	}
	.hot_item_con {
		display: inline-block;
		width: 100%;
	}
	.hot_item_warp {
		width: 82%;
	}
	.hots_list {
		width: 100%;
		margin: 0 0 5% 0;
	}
	.hot_content {
		z-index: 1;
	}
	.case2_list > li.ready .brown {
		opacity: 0;
	}
	.hotcase .ds {
		overflow: unset;
	}
	#case2 .p4 {
		top: 14vw;
		left: inherit;
		right: 3%;
		width: 7%;
	}
	#case2 .p5 {
		top: 137vw;
		left: 41vw;
		width: 9%;
	}
	.hot_content ul {
		width: 82%;
		margin: 0 auto;
		padding-left: 0;
	}
	#case2 .case2_list {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.case2_list li {
		flex-direction: column;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex: 0 0 47%;
		margin-bottom: 4%;
		padding-left: 0;
	}
	.mb_menu.uk-active {
		position: fixed !important;
		top: 0;
		margin-top: 0;
	}
	.index .mb_menu {
	}
	#news #shang_zhou_tit {
		width: 96%;
		margin-left: 2%;
	}
	#news .warp {
		padding-top: 7%;
		width: 75%;
	}
	#news_page_con {
		width: 87%;
	}
	#news_page section {
		padding-top: 13%;
	}
	#news_page_con .inf:after {
		top: -10px;
	}
	#news_page_con .inf {
		position: static;
		margin-top: -18px;
		line-height: 220%;
		padding: 1% 0 1% 0;
		text-align: center;
		width: 100%;
	}
	.news_page_head h3 {
		font-family: "Noto Serif TC", serif;
		font-size: 4.6vw;
		padding-top: 0;
		margin-top: 5%;
	}
	.back_btn {
		position: fixed;
		right: 1%;
		width: 9%;
		top: 80%;
	}
	#news_page article {
		background-size: contain;
	}
	#news #news_con {
		background-size: inherit;
	}
	#news .list {
		flex: 0 0 50%;
		box-sizing: border-box;
		padding: 2%;
	}
	#news #news_con ul {
		justify-content: center;
	}
	.classic_item .uk-modal-dialog {
		background-position: 100% 30%;
	}
	.classic_item_con {
		display: inline-block;
	}
	.classic_img {
		width: 100%;
		height: auto;
		display: inline-block;
		clip-path: inset(0px round 40px);
	}
	.classic_list {
		width: 100%;
		margin: 3% 0 5% 0;
	}
	.map_btn span {
		font-size: 3.9vw;
	}
	.map_list {
		flex: 0 0 50%;
	}
	.map_btn {
		background-size: contain;
		width: 14.5vw;
		height: 14.5vw;
	}
	.map_btn3 {
		left: 71%;
		top: 12%;
	}
	.map_btn2 {
		left: 55%;
		top: 13%;
	}
	.map_btn1 {
		left: 47%;
		top: 20%;
	}
	.map_btn4 {
		left: 18%;
		top: 55%;
	}
	.map_btn5 {
		left: 63%;
		top: 40%;
	}
	.map_img {
		width: 80%;
		top: 0;
		transform: translateY(0);
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
		margin-left: 10%;
	}
	.map_control_list {
		width: 100%;
		display: block;
		margin-left: 5%;
		background: #9EDDD5;
		margin: 0;
	}
	.warp {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.classic .warp{
		background: #9eddd5;
		width: 100%;
	}
	.round {
		margin-top: -35%;
	}
	.shang_zhou_list {
		width: 46%;
	}
	.shang_zhou_list #menu {
		margin: 5% 5vw 0 0;
	}
	#menu li a {
		font-size: 3.6vw;
	}
	.shang_zhou_logo {
		right: 5%;
		top: 5%;
		z-index: 1;
		position: absolute;
		width: 24vw;
	}
	.hot_list li {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.indexcase_list .hot_list {
		padding-left: 0;
	}
	#indexcase_list_con {
		background: url(../img/case/index_bg.png?a) right bottom / cover no-repeat rgb(239, 233, 221);
	}
	.content_con .p4 {
		width: 28vw;
		left: initial;
		top: 10vw;
		right: -5vw;
	}
	.tit_e {
		width: 12.5%;
	}
	.news_list, .indexcase_list {
		width: 73%;
	}
	.indexcase_list {
		margin-bottom: 7%;
	}
	.index #news_con ul {
		justify-content: space-between;
	}
	.index .list h3 {
		margin-bottom: 5%;
	}
	.index .p5 {
		width: 22%;
		right: 5%;
		bottom: -6vw;
	}
	#news_con {
		background: url(../img/news/bg.jpg) left bottom / cover no-repeat rgb(255, 249, 244);
		padding-bottom: 20%;
	}
	.index .list {
		flex: 0 0 48%;
		box-sizing: border-box;
		padding: 0;
	}
	.index .list:nth-child(-n+4), .index .list {
		border-bottom: 0;
		border-top: 0;
		padding-bottom: 0;
	}
	.index #news_con ul {
		border-bottom: 2px solid rgb(155, 137, 88);
		border-top: 2px solid rgb(155, 137, 88);
		padding: 3% 0 5% 0;
	}
	#shang_zhou_tit, #case2 #shang_zhou_tit {
		margin-top: 7%;
		margin-bottom: 7%;
		font-size: 5vw;
	}
	.connection1 #shang_zhou_tit, .connection2 #shang_zhou_tit {
		margin-top: 7%;
	}
	.list {
		width: 30%;
	}
	.list:nth-child(-n+6) {
		border-bottom: 1px solid rgb(155, 137, 88);
	}
	.list:nth-child(3n) {
		padding-right: 0;
	}
	.map_list a {
		width: 100%;
		margin: 0 auto;
		font-size: 1.3rem;
	}
	.map_list h3 {
		font-size: 3.75rem;
	}
	#hot {
		position: absolute;
		top: 0;
		background: url(../img/case/bg_mb.jpg) right bottom / cover no-repeat #FFF;
	}
	#hot > li {
		display: none;
	}
	#hot > li.uk-active {
		display: block;
	}
	#hot > li.uk-active.ready {
		display: none;
	}
	.news_page_list iframe{
		min-height: 70vh;
	}
}
@media (max-width: 690px) {
	.news_con {
		letter-spacing: 0.01rem;
	}
	#map_control3_list .map_control_list_con, #map_control4_list .map_control_list_con {
		background: url("../img/classic/bg1.jpg") center bottom / cover no-repeat rgb(255, 249, 244);
	}
	html.shang_zhou {
		font-size: 12px;
	}
	.map_control_list {
		width: 100%;
		margin-left: 0;
	}
	.map_control_list_con {
		border-radius: 0;
	}
	.index .list {
		flex: 0 0 100%;
	}
	#news .list {
		flex: 0 0 100%;
	}
	.map_list {
		flex: 0 0 100%;
	}
	.map_control_list_con {
		height: auto;
	}
	#shang_zhou_tit::after {
		margin: -10px 0;
	}
	.classic_list h4 {
		padding: 0 0 10px;
	}
	#content.classic {
		overflow: unset;
		padding-top: 5%;
	}
	#content.classic .map_img {
		margin-top: unset;
	}
	#content.classic .map_control_list {
		position: fixed;
	}

	#map_control1_list .map_list:nth-last-child(2), #map_control3_list .map_list, #map_control4_list .map_list{
		border-bottom: 2px dashed rgb(99, 166, 202);
	}
	.map_control_tit {
		margin-left: 5%;
		width: 90%;
	}
	#map_control3_list .map_list, #map_control4_list .map_list {

	}
	#map_control3_list .map_list:last-child, #map_control4_list .map_list:last-child {
		border-bottom: 0;
	}
}
@media (max-width: 560px) {
	.content_con_inf_list ul li {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.footer_mb{
		width:95%;
	}
	.classic_item_warp {
		width: 95%;
	}
	.rose img {
		vertical-align: text-top;
	}
}