/*--------------copyright by alva start-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video  {
	margin: 0;
	padding: 0;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height:2;
	letter-spacing:2px;
	font-size: 16px;
	font-family:'Montserrat','Noto Sans TC',sans-serif;
	font-weight:300;
	background: url(../../images/wall_bg.png) repeat,#fff;
	color:#252525;
	overflow-x:hidden;
}

ol,
ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

a {
	display: block;
	color: #3e3a39;
	text-decoration: none;
	transition:.2s ease all;
}

a:hover,a:focus {
	text-decoration: none;
	color:#3e3a39;
}

::selection {
	background: rgba(204,204,204,1);
}

img {
	max-width:100%;
	margin:0 auto;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:300;
}
/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*---header-------------------------------------------------------------------------------------------------------------------------------------*/
header {
	position:relative;
	padding:5em 2em 1em;
}
	header:before {
		content:'';
		background: url(../../images/dex_bg.jpg) center center no-repeat fixed;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:50vh;
	}
.dex {
	text-align:center;
	position:relative;
	width:1200px;
	margin:0 auto;
	max-width:100%;
}
	.dex:before {
		content:'';
		background:url(../../images/dex_circle.png) top center no-repeat;
		background-size:contain;
		position:absolute;
		top:0;
		left:50%;
		transform:translateX(-50%);
		width: 54%;
		height: 90%;
	}
.dex .item {
	text-align:right;
}
.dex .item:nth-of-type(3) {
	text-align:left;
}
.dex .item:nth-of-type(4) {
	text-align:center;
}
.dex img {
	display:inline-block !important;
	max-width:60% !important;
}
/*.carousel-caption*/
.carousel-caption {
	text-align:left;
	text-shadow:none;
	bottom:initial;
	top:20%;
}
.carousel-caption h3 {
	color:#cababa;
	font-size:54px;
	font-family:'Montserrat';
	font-weight:300;
}
.carousel-caption p {
	font-size:20px;
	letter-spacing:5px;
	line-height:1.5;
	padding:.1em 0 0 2em;
}
	.dex .item:nth-of-type(1) .carousel-caption,.dex .item:nth-of-type(2) .carousel-caption,.dex .item:nth-of-type(4) .carousel-caption {
		left:30%;
	}
	.dex .item:nth-of-type(3) .carousel-caption {
		right:30%;
		text-align:right;
	}
/****navbar****/
.navbar {
	text-align:center;
	z-index:30;
	position:relative;
	border-radius: 0;
    min-height: auto;
    margin: 0;
    border: 0;
	padding:1em 2em;
	width: 1920px;
    margin: 0 auto;
    max-width: 100%;
}
.space {
	min-height:105px;
}
.intop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
.navbartop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,1);
}
.ontop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:none;
}
.inmenubg {
	background:rgba(255,255,255,1);
}
/*nav*/
nav {
	text-align:left;
	width: 1920px;
    margin: 0 auto;
    max-width: 100%;
}
.logo {
	display:inline-block;
	vertical-align:middle;
	width:20%;
	text-align:left;
}
.logo a {
	transition:.3s ease all;
}
	.logo a:hover {
		opacity:.7;
	}
/*search_mob*/
.search_mob {
	display:none;
}
.search_mob i {
}
/*search_bar*/
.search_bar {
	position: absolute;
    top: 2em;
    right: 10em;
    border: solid 2px #454547;
    border-radius: 50px;
    padding: .1em 1em;
}
.search_bar input[type=text] {
	border: 0;
    background: transparent;
    width: 85%;
    display: block;
}
.search_bar a {
	position: absolute;
    top: 0;
    right: 0em;
    padding: .1em 1em .2em .2em;
    width: 20%;
	text-align:right;
}
.search_bar p {
	display:none;
}
.search_bar img {
}
/*ibutton*/
.ibutton {
	display:inline-block;
	vertical-align:middle;
	width:70%;
	text-align:left;
}
.ibutton ul {
}
.ibutton li {
	display:inline-block;
	text-align:center;
	padding:0 1em;
	width:10%;
}
.ibutton li a {
	position:relative;
}
.ibutton a p.ch {
	transition:.3s ease all;
	white-space:nowrap;
}
.ibutton a p.en {
	letter-spacing:1px;
	font-size:15px;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	opacity:0;
	transition:.3s ease all;
	white-space:nowrap;
}
.ibutton li img {
	padding-bottom:.5em;
}
	.ibutton li a:hover p.ch {
		opacity:0;
		transform: translateY(5px);
		color: #3e3a39;
	}
	.ibutton li a:hover p.en {
		opacity:1;
		color: #3e3a39;
	}
	.ibutton li a:hover img {
	}
/*menu_btn*/
.menu_btn {
	position: absolute;
    top: 2em;
    right: 2em;
    width: 110px;
}
.menu_btn a {
	display:inline-block;
	width:47%;
	text-align:center;
	transition:.3s ease all;
}
	.menu_btn a:hover {
		opacity:.7;
	}
/***mibutton***/
.mibutton {
	position: fixed;
    top: 2em;
    right: 4em;
    z-index: 30;
    cursor: pointer;
    width: 35px;
    height: 30px;
    text-align: right;
    transition: .2s ease all;
	display:none;
}
	.mibutton span {
		display: inline-block;
		width: 100%;
		height: 3px;
		transition: .3s ease all;
		position: absolute;
		right:0;
		background:#db2d1a;
		border-radius:100%;
	}
		.mibutton span:nth-child(2) {
			top:10px;
		}
		.mibutton span:nth-child(3) {
			top:20px;
		}
	.mibutton_ani {
		background:#fffff;
		opacity:1;
	}
		.mibutton_ani span:nth-child(1) {
			-webkit-transform:rotate(45deg);
					transform:rotate(45deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(2) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-45deg);
					transform:rotate(-45deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
/*---main------------------------------------------------------------------------------------------------------------------------------*/
.main {
}
/***living_title***/
.living_title {
	padding: 5em 2em 5em 26em;
}
.living_title h4 {
	color:#d8b5b5;
	font-size:76px;
	display:inline-block;
	position:relative;
	text-align:right;
}
.living_title sub {
	font-size:20px;
	font-weight:400;
	color:#252525;
	bottom:initial;
	display:block;
	line-height:2;
}
.living_title p {
	font-size: 24px;
    display: inline-block;
    padding: 0 0 .5em 1em;
    vertical-align: bottom;
}
/*---living-------------------------------------------------------------------------------------------------------------------*/
.living {
	position:relative;
	background:#000;
}
/***living_list***/
.living_list {
	text-align:left;
	position:relative;
}
	.living_list:after {
		content:'';
		background:url(../../images/space_deco_01.png) top center no-repeat;
		background-size:contain;
		position: absolute;
		left: 47%;
		transform: translateX(-50%);
		bottom: 13em;
		width: 13%;
		height: 3%;
		z-index: 5;
	}
.living_list:nth-of-type(2) {
	text-align:right;
}
	.living_list:nth-of-type(2):after {
		background:url(../../images/space_deco_02.png) top center no-repeat;
		background-size:contain;
		left:51%;
	}
/*living_text*/
.living_text {
	display:inline-block;
	vertical-align:top;
	text-align:right;
	width:49%;
	padding:6em 5em 0 0;
	min-height:570px;
	background:url(../../images/wall_bg.png) top center repeat,#fff;
	position:relative;
	z-index:3;
	transition:.6s ease all;
}
.living_list:nth-of-type(2) .living_text {
	text-align:left;
	padding:6em 0 0 5em;
}
.living_text div {
}
.living_text p {
	color:#b6aa97;
	border-left:solid 3px #b6aa97;
	padding:0 2em 0 .5em;
	font-size:30px;
	display:inline-block;
	line-height:1.2;
	vertical-align:middle;
	text-align:left;
}
.living_text img {
	vertical-align:middle;
}
.living_text span {
	display:block;
	font-size:20px;
	margin:0 auto;
	padding:2em 0;
}
/*living_img*/
.living_img {
}
	.living_img div {
		position: absolute;
		width: 53vw;
		height: 100%;
		top: 0;
		right:0;
		opacity: .7;
		transition:.6s ease all;
	}
	.living_list:nth-of-type(2) .living_img div {
		right:inherit;
		left:0;
	}
	/*hover*/
	.living_list:hover .living_img div {
		opacity:1;
	}
	.living_list:hover .living_text {
		width:47%;
	}
	@media screen and (max-width:1340px) {
		.ibutton li {
			width:13%;
		}
		.search_bar {
			width:14%;
		}
		.living_title {
			padding: 5em 2em 5em 15em;
		}
	}
	@media screen and (max-width:1080px) {
		.navbar {
			position:fixed;
			top:0;
			left:0;
			width:100%;
			z-index:50;
			background:rgba(255,255,255,.9);
			box-shadow: 0px 0px 10px rgba(0,0,0,.1);
		}
		.search_mob {
			display: block;
			position: fixed;
			top: 2em;
			right: 1.2em;
		}
		.search_bar {
			position: relative;
			top: 0em;
			right: 0em;
			padding: 0em 1em;
			width:100%;
			margin:1em 0;
			display:none;
		}
		.search_bar input[type=text] {
			width:94%;
		}
		.search_bar img {
			display:none;
		}
		.search_bar p {
			display: block;
			text-align: center;
		}
		.search_bar a {
			border-left:solid 2px;
			padding: .1em .5em .2em .2em;
			width: 70px;
		}
		.search_mob i {
			font-size: 22px;
		}
		.mibutton {
			display:block;
		}
		.ibutton {
			width:100%;
			text-align:center;
			display:none;
		}
		.menu_btn {
			position: relative;
			top:0;
			right:0;
			width: 120px;
			margin:1em auto 0;
		}
		.ibutton li {
			width: 100%;
			padding:1em 1em .5em 1em;
		}
		.ibutton li img {
			padding-bottom: 0;
		}
		.logo {
			width:100%;
		}
		.logo a {
			display:inline-block;
		}
		.ibutton a p.en {
			position:relative;
			opacity:1;
			line-height:1;
		}
		header {
			position: relative;
			padding: 10em 2em 1em;
		}
		header:before {
			background-attachment:inherit;
		}
		.space {
			min-height:auto;
		}
		.living_title {
			padding: 5em 2em;
		}
		.living_img div {
			background-attachment:inherit !important;
		}
		.living_text {
			min-height:460px;
		}
		.living_list:after {
			bottom:7em;
			width:17%;
		}
		.living_text {
			padding: 5em 3em 0 1em;
		}
		.living_list:nth-of-type(2) .living_text {
			padding: 5em 1em 0 3em;
		}
	}
	@media screen and (max-width:900px) {
		.living_text span {
			display: block;
			font-size: 20px;
			margin: 0 auto;
			padding: 1em 0 0 0;
		}
		.living_img div {
			position: relative;
			width: 100%;
			height: 500px;
			opacity: 1;
		}
		.living_text,.living_list:nth-of-type(2) .living_text {
			padding: 3em 3em;
			min-height: auto;
			width: 100%;
		}
		.living_list:hover .living_text {
			width: 100%;
		}
		.living_list:after {
			bottom: 30em;
			width: 15%;
			left: 50%;
			transform: translateX(-50%) rotate(90deg);
		}
	}
	@media screen and (max-width:768px) {
		.search_bar {
			margin: 1em 0 0;
		}
		.search_bar input[type=text] {
			width:90%;
		}
		.ibutton {
			height: 70vh;
			overflow-y: scroll;
		}
		.carousel-caption {
			top:2em;
		}
		.carousel-caption h3 {
			font-size:45px;
		}
		.carousel-caption p {
			font-size:18px;
		}
		.dex:before {
			width:100%;
			height:100%;
		}
		.living_img div {
			height:400px;
		}
		.living_list:after {
			bottom:24em;
		}
	}
	@media screen and (max-width:630px) {
		.logo img {
			width:230px;
		}
		.living_title h4 {
			font-size:65px;
		}
		.living_title {
			text-align: center;
			padding: 3em 2em;
		}
		.living_img div {
			height:350px;
		}
		.living_list:after {
			bottom:21em;
		}
	}
	@media screen and (max-width:550px) {
		.logo img {
			width:230px;
		}
		.living_title h4 {
			font-size:65px;
		}
		.living_title {
			text-align: center;
			padding: 3em 2em;
		}
		header {
			padding: 8em 2em 1em;
		}
		.carousel-caption {
			top: 1em;
			position: relative;
			left: 0;
			right: 0;
			text-align: center;
		}
		.dex .item:nth-of-type(3) .carousel-caption {
			right:0;
			text-align: center;
		}
		.dex .item:nth-of-type(1) .carousel-caption, .dex .item:nth-of-type(2) .carousel-caption, .dex .item:nth-of-type(4) .carousel-caption {
			left:0;
		}
		.dex img {
			display: inline-block !important;
			max-width: 95% !important;
		}
		.dex .item:nth-of-type(1) img {
			margin-top: -2em;
		}
		.dex .item:nth-of-type(3) img,.dex .item:nth-of-type(4) img {
			margin-top: -5em;
		}
		.living_title {
			text-align: center;
			padding: 2em 2em;
		}
		.living_title h4 {
			font-size: 55px;
		}
		.living_list:after {
			bottom:18em;
		}
		.living_img div {
			height:300px;
		}
	}
	@media screen and (max-width:430px) {
		.navbar {
			padding:1em;
		}
		.logo img {
			width: 195px;
		}
		.mibutton {
			top:1.5em;
			right:3em;
		}
		.search_mob {
			top: 1.5em;
			right: .6em;
		}
		.search_bar input[type=text] {
			width: 83%;
		}
		.ibutton {
			height: auto;
			padding: 1em 0;
		}
		.living_title h4 {
			font-size: 45px;
		}
		.living_title sub {
			font-size:16px;
		}
		.living_title p {
			font-size:22px;
		}
		.living_title {
			padding:2em 1em;
		}
		.living_text, .living_list:nth-of-type(2) .living_text {
			padding: 2em 1em;
		}
		.living_text img {
			width:45%;
		}
		.living_text p {
			font-size:26px;
			padding: 0 1em 0 .5em;
		}
		.living_text span {
			font-size:18px;
			text-align:center;
		}
		.living_img div {
			height: 250px;
		}
		.living_list:after {
			bottom: 15em;
		}
		.ibutton li img {
			position: absolute;
			top: .5em;
			left: 4em;
		}
	}
	@media screen and (max-width:380px) {
		.living_img div {
			height: 200px;
		}
		.carousel-caption h3 {
			font-size: 40px;
		}
		.carousel-caption p {
			font-size: 16px;
		}
		.living_title {
			padding: 2em 1em 0em;
		}
		.living_list:after {
			bottom: 12em;
		}
		.ibutton li img {
			left: 3em;
		}
	}
	@media screen and (max-width:350px) {
		.ibutton li img {
			left: 2em;
		}
		.logo img {
			width: 185px;
		}
		.ibutton {
			height: 80vh;
		}
		.search_bar input[type=text] {
			width: 76%;
		}
		.living_title h4 {
			font-size: 36px;
		}
		.living_text p {
			padding: 0 0em 0 .5em;
		}
	}
/*---furniture----------------------------------------------------------------------------------------------------------------------*/
.furniture {
	position:relative;
	text-align:center;
	background:url(../../images/ibg1.jpg) top center no-repeat fixed;
	background-size:cover;
}
	.furniture:before {
		content:'';
		background:url(../../images/igrass_01.png) bottom left no-repeat;
		background-size:contain;
		width: 10%;
		height: 71%;
		position:absolute;
		bottom:0;
		left:0;
	}
	.furniture:after {
		content:'';
		background:url(../../images/igrass_02.png) bottom right no-repeat;
		background-size:contain;
		width:6%;
		height:71%;
		position:absolute;
		bottom:0;
		right:3em;
	}
.wrap1 {
	width:1230px;
	margin:0 auto;
	max-width:90%;
}
/***fur_tit***/
.fur_tit {
	text-align:left;
	padding:6em 0 5em;
}
.fur_tit h3 {
	color:#d8b5b5;
	font-size:57px;
}
.fur_tit h4 {
	color:#ad9595;
	font-size:20px;
	padding:1em 0;
	font-weight:500;
}
.fur_tit p {
	line-height:1.8;
}
/***items***/
.items {
}
/*item_layer*/
.item_layer {
	text-align:center;
	position:relative;
	padding:1em;
}
.item_img {
	position:relative;
}
	.item_img:after {
		content:'';
		background:#ddd4d4;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width: 70%;
		height: 70%;
		box-shadow: inset 2px 4px 5px rgba(0,0,0,.3);
		border-radius: 100%;
	}
.item_img img {
	position:relative;
	z-index:3;
	transition:.5s ease all;
}
/*item_name*/
.item_name {
	margin-top: -3em;
    position: relative;
    z-index: 3;
}
img.item_icon {
}
.item_name p {
	font-size:22px;
	padding:.3em 0 0;
	line-height:1.5;
}
	.item_layer a:hover .item_img img {
		animation:updown .8s infinite alternate ease-in-out;
	}
	@keyframes updown {
		0% {
			transform:translateY(0px);
		}
		100% {
			transform:translateY(-10px);
		}
	}
/*fur_text*/
.fur_text {
	position:relative;
	text-align:left;
	padding-top:7em;
}
.fur_text h5 {
	color:#7e6262;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-weight: 900;
    font-size: 30vmin;
    font-family: auto;
    margin-bottom: -2.5em;
}
.fur_text span {
	display:block;
	text-orientation:sideways;
	color:#000;
	font-size:32px;
	position:relative;
	padding-top: 350px;
	font-weight:300;
	font-family: 'Montserrat';
}
	.fur_text span:before {
		content: '';
		background: #000;
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height:330px;
	}
.fur_text p {
	display:inline-block;
	vertical-align:top;
	line-height:1.5;
	font-size:16px;
	padding: 5em 0 3em 10em;
}
/*fur_btm*/
.fur_btm {
	text-align:right;
	background:url(../../images/ibg2.jpg) top center no-repeat fixed;
	background-size:cover;
	overflow:hidden;
}
.fur_btm img {
	padding: 5em 0 5em 2em;
	-webkit-filter: drop-shadow(2px 0px 5px rgba(62,35,35,.5));
	filter: drop-shadow(2px 0px 5px rgba(62,35,35,.5));
	max-width:65%;
}
	@media screen and (max-width:1460px) {
		.fur_text h5 {
			font-size: 23vmin;
		}
		.fur_btm img {
			max-width:70%;
		}
	}
	@media screen and (max-width:1200px) {
		.fur_text {
			 padding: 2em 0 0 4em;
		}
		.fur_tit {
			padding: 6em 0 3em;
		}
		.fur_text h5 {
			font-size: 17vmin;
		}
		.fur_text p {
			padding: 4em 0 3em 10em;
		}
	}
	@media screen and (max-width:998px) {
		.furniture,.fur_btm {
			background-attachment:inherit;
		}
		.fur_text p {
			padding: 4em 0 3em 5em;
		}
		.fur_text span:before {
			height:260px;
		}
		.fur_text span {
			padding-top:270px;
			font-size:30px;
		}
	}
	@media screen and (max-width:900px) {
		.fur_tit {
			padding: 5em 0 2em;
		}
		.fur_tit h3 {
			font-size:50px;
		}
		.fur_text h5 {
			font-size: 17vmin;
			margin: 0;
			-webkit-writing-mode: unset;
			writing-mode: unset;
			text-orientation: inherit;
			letter-spacing:30px;
		}
		.fur_text span {
			padding-top:0;
			padding-left:7em;
			letter-spacing:2px;
		}
		.fur_text span:before {
			height: 1px;
			width: 30%;
			top: 50%;
			left: 0;
		}
		.fur_text p {
			padding: 3em 0 5em 1em;
		}
		.fur_btm img {
			max-width: 90%;
			padding:4em 0 4em 2em;
		}
	}
	@media screen and (max-width:650px) {
		.fur_btm img {
			max-width: 100%;
			padding: 3em 0 3em 2em;
		}
	}
	@media screen and (max-width:600px) {
		.fur_btm img {
			max-width: 100%;
			padding: 3em 0 3em 2em;
		}
		.fur_tit h3 {
			font-size: 45px;
		}
		.fur_tit h4 {
			padding: .7em 0;
		}
		.fur_text {
			padding: 2em 2em 0 2em;
		}
		.fur_text span {
			padding-left: 6em;
			font-size:28px;
		}
	}
	@media screen and (max-width:500px) {
		.fur_tit h3 {
			font-size: 40px;
		}
		.fur_tit {
			padding: 4em 0 1em;
		}
		.fur_text p {
			padding: 1em 0 3em 1em;
		}
		.fur_text span {
			padding-left: 5em;
			font-size: 26px;
		}
		.fur_text span:before {
			width:27%;
		}
	}
	@media screen and (max-width:430px) {
		.fur_tit {
			padding: 4em 0 0;
		}
		.item_img:after {
			width: 180px;
			height: 180px;
		}
		.fur_text {
			padding: 2em 1em 0 1em;
		}
		.fur_text span {
			font-size: 23px;
		}
		.item_name p {
			font-size:20px;
		}
		.item_name img:nth-of-type(1) {
			width:55px;
		}
	}
	@media screen and (max-width:380px) {
		.fur_text span {
			font-size: 20px;
		}
		.fur_btm img {
			padding: 2em 0 2em 2em;
		}
	}
/*---footer----------------------------------------------------------------------------------------------------------------------*/
footer {
	text-align:center;
	padding:7em 0;
	background:#fff;
	box-shadow: 0px -5px 10px rgba(190,184,177,.5);
}
.wrap2 {
	width:1200px;
	margin:0 auto;
	max-width:90%;
}
/***ft_left***/
.ft_left {
	display:inline-block;
	vertical-align:top;
	width:33%;
	padding:0 1em 0 0;
	text-align:center;
}
img.ft_logo {
	display:block;
	margin:0 auto;
	padding-bottom:2em;
}
.ft_left ul {
}
.ft_left li {
	display:inline-block;
	vertical-align:top;
	width:23%;
}
.ft_left a {
	transition:.3s ease all;
}
	.ft_left a:hover {
		transform: rotate(30deg) translateY(-5px);
	}
/***ft_right***/
.ft_right {
	display:inline-block;
	vertical-align:top;
	width:65%;
	text-align:left;
}
/*ft_loc*/
ul.ft_loc {
}
ul.ft_loc p {
	display:inline-block;
	vertical-align:middle;
	padding-right:1em;
}
ul.ft_loc p img {
	width: 40px;
    margin-right: -14px;
}
ul.ft_loc li {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:19%;
	padding:0 .5em;
}
ul.ft_loc a {
	border:solid 2px #cababa;
	border-radius:100px;
	transition:.3s ease all;
}
	ul.ft_loc a:hover {
		background:#cababa;
	}
/*ft_info*/
.ft_info {
	padding:1em 0em 1em .5em;
}
.ft_info h4 {
	font-size:32px;
	display:inline-block;
	vertical-align:bottom;
	padding-right:3em;
}
.ft_info span:nth-of-type(1),.ft_info span:nth-of-type(3),.ft_info span:nth-of-type(5),.ft_info span:nth-of-type(7),.ft_info span:nth-of-type(8) {
	color:#f7931e;
}
.ft_info span:nth-of-type(2) {
	color:#5585c4;
}
.ft_info span:nth-of-type(4) {
	color:#e56744;
}
.ft_info span:nth-of-type(6) {
	color:#93278f;
}
.ft_info span:nth-of-type(9) {
	color:#39b54a;
}
/*ft_icon*/
.ft_icon {
	display:inline-block;
	vertical-align:bottom;
}
.ft_icon a {
	display:inline-block;
	padding:3px;
	transition:.3s ease all;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
}
	.ft_icon a:hover {
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
		transform:translateY(-5px);
	}
/*ft_text*/
.ft_text {
	padding-left:1em;
	position:relative;
}
.ft_text h6 {
	color:#685033;
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
}
.ft_text a {
	transition:.3s ease all;
	color:#685033;
}
	.ft_text a:hover {
		color:#e16c54;
	}
.ft_text div {
	background:#cababa;
	border-radius:50px;
	min-height:25px;
	width:83%;
	vertical-align:middle;
	position:absolute;
	right:0;
	bottom:5px;
}
/*copyright*/
.copyright {
	font-size:14px;
	color:#3e3a39;
	padding-left:1.2em;
	letter-spacing:1px;
}
.copyright a {
	display:inline-block;
	font-size:14px;
	color:#3e3a39;
	transition:.3s ease all;
}
	.copyright a:hover {
		color:#e16c54;
	}
	@media screen and (max-width:1200px) {
		.ft_text div {
			width:80%;
			margin-left:7em;
		}
		.ft_info h4 {
			padding-right:2em;
		}
		.ft_icon {
			width:56%;
		}
		.ft_icon a {
			width:9%;
		}
	}
	@media screen and (max-width:1040px) {
		.ft_left {
			width: 600px;
			padding: 0 0 2em 0;
			max-width: 100%;
		}
		.ft_right {
			width:800px;
			max-width:100%;
		}
	}
	@media screen and (max-width:670px) {
		footer {
			padding:5em 0;
		}
		ul.ft_loc p {
			display: block;
			padding-right: 0;
			text-align:left;
		}
		.ft_left {
			padding: 0 0 1em 0;
		}
		ul.ft_loc li {
			width:23%;
		}
		ul.ft_loc {
			text-align:center;
		}
		.ft_info {
			padding: 1em 1em;
		}
		.ft_info h4 {
			padding-right: 0em;
		}
		.ft_icon {
			width:100%;
		}
		.ft_text div {
			width:75%;
		}
	}
	@media screen and (max-width:530px) {
		ul.ft_loc li {
			width: 48%;
			padding: .5em;
		}
		.ft_text div {
			width: 63vw;
		}
	}
	@media screen and (max-width:430px) {
		footer {
			padding: 4em 0 3em;
		}
		.ft_text div {
			width: 56vw;
		}
	}
	@media screen and (max-width:350px) {
		.ft_text div {
			width: 56vw;
		}
		.ft_icon {
			font-size:14px;
			text-align:right;
		}
		.ft_icon a {
			width: auto;
		}
		.ft_text div {
			width: 49vw;
		}
	}
/*---inner------------------------------------------------------------------------------------------------------------------------------*/
.inner {
	width:1920px;
	margin:0 auto;
	max-width:100%;
	position:relative;
	padding:10em 0 0 0;
}
	.inner:before {
		content:'';
		background:url(../../images/grass_01.png) top left no-repeat;
		background-size:contain;
		position:absolute;
		top:30vh;
		left:0;
		width: 6%;
		height: 78%;
		z-index:3;
	}
	.inner:after {
		content:'';
		background:url(../../images/grass_02.png) top right no-repeat;
		background-size:contain;
		position:absolute;
		top:30vh;
		right:0;
		width: 7%;
		height: 78%;
	}
/***inbanner***/
.inbanner {
	position:relative;
	width:1600px;
	margin:0 auto;
	max-width:95%;
	min-height:460px;
	border-radius:30px;
}
.inbanner_pguide {
	background:url(../../images/inbanner_pguide.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_product {
	background:url(../../images/inbanner_product.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_about {
	background:url(../../images/inbanner_about.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_carts {
	background:url(../../images/inbanner_carts.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_loc {
	background:url(../../images/inbanner_loc.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_news {
	background:url(../../images/inbanner_news.jpg) top center no-repeat;
	background-size:cover;
}
/***inbanner_text***/
.inbanner_text {
	font-size:18px;
	color:#fff;
	text-align:left;
	position:absolute;
	bottom:3em;
	right:18em;
	line-height:1.5;
}
/***title***/
.title {
	position: absolute;
    bottom: -2px;
    left: 7em;
	width: 567px;
}
.title p {
	color:#fff;
	font-weight:500;
    font-size: 75px;
    text-align: center;
    line-height: .7;
}
/***subtitle***/
.subtitle {
	background:url(../../images/title_bg.png) bottom center no-repeat;
	background-size:contain;
	min-height: 95px;
    text-align: center;
}
.subtit_bg {
	position: relative;
    padding: 2em 1em 1em 1em;
    display: inline-block;
    margin-bottom: -3em;
}
	.subtit_bg:after {
		content:'';
		background:url(../../images/title_deco.png) bottom left no-repeat;
		background-size:contain;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
		width:295px;
		height:26px;
	}
.subtitle img {
	vertical-align:middle;
}
.subs {
	display:inline-block;
	vertical-align:middle;
	line-height:1.5;
	padding-top:.5em;
}
.subs span:nth-of-type(1) {
	color:#666666;
	font-size:25px;
}
.subs span:nth-of-type(2) {
	font-size:17px;
	color:#000;
	display:block;
	margin:0 auto;
	font-weight:500;
}
	@media screen and (max-width:1500px) {
		.inbanner_text {
			bottom: 2em;
			right: 4em;
		}
		.title {
			width:500px;
		}
		.title p {
			font-size: 70px;
			margin-bottom: -12px;
		}
	}
	@media screen and (max-width:1200px) {
		.inbanner {
			min-height:375px;
		}
		.title {
			left:3em;
		}
		.inbanner_text {
			width:40%;
		}
	}
	@media screen and (max-width:1060px) {
		.inbanner_text {
			width: 490px;
			position: relative;
			bottom: 0;
			right: 0;
			margin: 0em auto;
			max-width: 90%;
			padding-top: 6em;
		}
		.title {
			width: 430px;
		}
		.title p {
			font-size: 60px;
			margin-bottom: -24px;
		}
	}
	@media screen and (max-width:590px) {
		.inner {
			padding: 8em 0 0 0;
		}
		.inbanner {
			min-height: 300px;
		}
		.inbanner_text {
			padding-top:4em;
		}
		.title {
			width: 360px;
			left:2em;
		}
		.title p {
			font-size: 50px;
			margin-bottom: -35px;
		}
		.subtit_bg:after {
			width:100%;
		}
		.subs span:nth-of-type(1) {
			font-size:22px;
		}
		.subs span:nth-of-type(2) {
			font-size:16px;
		}
		.subtit_bg {
			padding: 2em 1em 1em 1em;
		}
		.subtitle img {
			width:26%;
		}
	}
	@media screen and (max-width:450px) {
		.title {
			width: 345px;
			left: 50%;
			transform: translateX(-50%);
		}
		.okicart .cartbox ul.row li.title {
			width:auto;
			left:0;
			transform:translateX(0);
		}
		.inbanner {
			min-height: 245px;
		}
		.inbanner_text {
			padding: 2em 1em 0;
		}
		.title p {
			font-size: 45px;
			margin-bottom: -38px;
		}
		.inner {
			padding: 7em 0 0 0;
		}
	}
	@media screen and (max-width:380px) {
		.title {
			width:90%;
		}
		.title p {
			font-size: 40px;
			margin-bottom: -42px;
		}
	}
	@media screen and (max-width:350px) {
		.inbanner_text {
			font-size:16px;
		}
		.inbanner {
			min-height: 220px;
		}
		.subtit_bg {
			padding: 3em 0em .5em 0em;
		}
		.title p {
			margin-bottom:-50px;
		}
	}
/***product_guide***/
.product_guide {
	width:1200px;
	margin:0 auto;
	max-width:90%;
	padding:8em 0 8em 2em;
}
.prdt {
	display:inline-block;
	vertical-align:top;
	width:23%;
	padding:2em;
}
	@media screen and (max-width:1040px) {
		.prdt {
			padding:1em;
		}
	}
	@media screen and (max-width:870px) {
		.product_guide {
			padding: 5em 0 6em 2em;
		}
		.prdt {
			width:31%;
		}
	}
	@media screen and (max-width:650px) {
		.product_guide {
			padding: 3em 0 6em 2em;
		}
		.prdt {
			width:45%;
		}
	}
	@media screen and (max-width:500px) {
		.product_guide {
			padding: 3em 0 6em .5em;
		}
		.prdt {
			width:48%;
		}
	}
	@media screen and (max-width:430px) {
		.prdt .item_img:after {
			width:75%;
			height:75%;
		}
		.prdt {
			padding:0 .5em 1em;
		}
		.product_guide {
			padding: 3em 0 4em .5em;
		}
	}
	@media screen and (max-width:380px) {
		.prdt .item_name img:nth-of-type(1) {
			width:45px;
		}
	}
/***pro_deco***/
.pro_deco {
	position:absolute;
	right:3em;
	width:50%;
	bottom:-2em;
}
.pro_deco p {
	color:#fff;
	font-size:18px;
	position: absolute;
    top: 5em;
    right: 7em;
    width: 55%;
}
.pro_deco img:nth-of-type(1) {
	margin-bottom: -5em;
}
	@media screen and (max-width:1470px) {
		.pro_deco img:nth-of-type(1) {
			margin-bottom: -3em;
			width: 29%;
		}
		.pro_deco p {
			right: 5em;
			padding-left: 1em;
		}
	}
	@media screen and (max-width:1380px) {
		.pro_deco img:nth-of-type(1) {
			margin-bottom: 3em;
			width: 28%;
		}
		.pro_deco p {
			right:1em;
			width:65%;
		}
		.pro_deco {
			width:45%;
		}
	}
	@media screen and (max-width:1230px) {
		.pro_deco {
			right: 0;
			bottom: 0;
			position: relative;
			width: 100%;
			padding: 0 3em 10em;
		}
		.pro_deco img:nth-of-type(1) {
			margin-bottom: 0em;
			width: 15%;
			vertical-align: top;
			margin-top: -.5em;
		}
		.pro_deco img:nth-of-type(2) {
			display: block;
			margin: 0 auto;
			margin-top: -5em;
			width:57%;
		}
		.pro_deco p {
			top:3em;
		}
	}
	@media screen and (max-width:1020px) {
		.pro_deco {
			text-align:right;
			padding: 0 3em 7em;
		}
		.pro_deco img:nth-of-type(1) {
			display:block;
		}
		.pro_deco img:nth-of-type(2) {
			display:inline-block;
			margin-top: -4em;
			width: 60%;
		}
		.pro_deco p {
			text-align:left;
		}
	}
	@media screen and (max-width:900px) {
		.pro_deco img:nth-of-type(1) {
			position: absolute;
			top: -.5em;
			left: 2em;
			margin:0;
		}
		.pro_deco p {
			width:75%;
		}
		.pro_deco img:nth-of-type(2) {
			margin-top: 0em;
			width: 60%;
			padding-top: 6em;
		}
	}
	@media screen and (max-width:780px) {
		.pro_deco p {
			top:2em;
			font-size:16px;
		}
		.pro_deco {
			padding: 0 1em 10em;
		}
		.pro_deco img:nth-of-type(2) {
			padding-top: 5em;
		}
	}
	@media screen and (max-width:690px) {
		.pro_deco img:nth-of-type(2) {
			width:65%;
		}
	}
	@media screen and (max-width:500px) {
		.pro_deco {
			text-align:left;
			padding: 0 1em 8em;
		}
		.pro_deco img:nth-of-type(1) {
			position: relative;
			top: -.5em;
			left: 0;
			margin: 0;
			display: inline-block;
			width:20%;
		}
		.pro_deco p {
			top: 2em;
			font-size: 16px;
			position: relative;
			display: inline-block;
			width: 75%;
			right: 0;
			line-height: 1.5;
		}
		.pro_deco img:nth-of-type(2) {
			width: 90%;
			padding: 0 0 2em 0;
			margin-top: -2em;
			display: block;
		}
	}
	@media screen and (max-width:430px) {
		.pro_deco img:nth-of-type(2) {
			padding: 0 0 1em 0;
			margin-top: -1em;
		}
	}
	@media screen and (max-width:380px) {
		.pro_deco img:nth-of-type(2) {
			padding: 1em 0 1em 0;

		}
		.pro_deco p {
			font-size:15px;
		}
	}
	@media screen and (max-width:350px) {
		.pro_deco p {
			top:1em;
		}
		.pro_deco {
			padding: 0 1em 6em;
		}
	}
/*---item_menu--------------------------------------------------------------------------------------------------------------------*/
/***item_menu***/
.item_menu {
	display:inline-block;
	vertical-align:top;
	width: 23%;
    padding-right: 1em;
}
.item_menu .search_bar {
	position:relative;
	top:0;
	right:0;
}
/***im_title***/
.im_title {
	font-size:25px;
	text-align:center;
	padding:.5em 0 0;
}
.im_title img {
	width: 35px;
    vertical-align: middle;
	margin-right:-8px;
}
/***item_list***/
.item_list {
	padding: 0 1em 0 4em;
}
.item_list p {
	display:none;
	cursor:pointer;
}
.item_list ul {
}
.item_list li {
}
.item_list a {
	font-size:18px;
	display:inline-block;
	position:relative;
	margin:0 0 .2em 0;
	transition:.3s ease all;
}
	.item_list a:before {
		content:'';
		border:solid 2px #989898;
		width:4px;
		height:4px;
		border-radius:100%;
		position:absolute;
		bottom:0;
		left:0;
	}
	.item_list a:after {
		content:'';
		border:solid 1px #989898;
		width:100%;
		height:1px;
		position:absolute;
		bottom:1px;
		left:7px;
	}
	.item_list a:hover {
		color:#f15a24;
	}
ul.dropmenu {
	padding:0 0 0 1em;
	display:none;
}
ul.dropmenu li {
	padding:0;
}
ul.dropmenu li a {
	font-size:15px;
	display:inline-block;
	padding:0;
	color:#000;
}
	ul.dropmenu li a:before,ul.dropmenu li a:after {
		display:none;
	}
ul.dropmenu li a img {
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	transition:.3s ease all;
}
	ul.dropmenu li a:hover img {
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
	}
/***active***/
.item_list li.show ul.dropmenu {
	display:block;
}
.item_list li.show>a {
	color:#f15a24;
}
ul.dropmenu li.active a {
	color:#f15a24;
}
ul.dropmenu li.active a img,ul.dropmenu li.show a img {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
}
/***pro_items***/
.pro_items {
	display:inline-block;
	vertical-align:top;
	width:75%;
	text-align:left;
	padding:1em 0 3em 1em;
}
/*box_layer*/
.box_layer {
	display:inline-block;
	vertical-align:top;
	width:31%;
	padding:0 .3em .3em;
	min-height:440px;
}
/***box***/
.box {
	background:#fff;
	border-radius:20px;
	position:relative;
	text-align:left;
	padding:.7em;
	box-shadow:2px 0px 10px rgba(190,184,177,.65);
}
/*product_img*/
.product_img {
	position:relative;
	min-height:230px;
	border-radius:10px 10px 0 0;
	overflow: hidden;
}
.product_img div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*item_info*/
.item_info {
	padding:.5em .2em;
}
.item_info h6 {
	font-size:16px;
	line-height:1.5;
	letter-spacing:1px;
}
.item_info ul {
	padding:.5em 0;
}
.item_info li {
	display:inline-block;
	padding-right:1em;
}
.item_info li span {
	color:#f15a24;
	font-size:22px;
	font-weight:500;
}
.item_info li select {
	border-radius:5px;
	padding:5px;
}
.item_info a {
	color:#f7931e;
	border:solid 1px #f7931e;
	padding:0em .3em;
	display:inline-block;
	transition:.3s ease all;
}
	.item_info a:hover {
		background:#f7931e;
		color:#fff;
	}
.item_info button {
	color: #f7931e;
    display: inline-block;
    background: none;
    border: 0;
    padding: 0 .5em;
    font-size: 25px;
	transition:.3s ease all;
}
	.item_info button:hover {
		color:#ff402b;
	}
	@media screen and (max-width:1340px) {
		.item_menu .search_bar {
			width:100%;
		}
	}
	@media screen and (max-width:1100px) {
		.item_menu .search_bar {
			display:none;
		}
		.item_menu {
			width:100%;
		}
		.item_list p {
			display: block;
			text-align: center;
			background: #fff;
			font-size: 18px;
			border-radius: 9px;
			position: relative;
		}
			.item_list p:after {
				content:'';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 8px 0 8px;
				border-color: #232323 transparent transparent transparent;
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				right:1em;
			}
		.item_list {
			padding:0;
			background: #fff;
			border: solid 1px #8e8e8e;
			border-radius: 9px;
		}
		.item_list ul {
			display:none;
			padding:1em 0;
		}
		.item_list li {
			background: #f5f5f5;
			padding: 0 1em .2em;
			margin-bottom: .5em;
		}
		.item_list a {
			display:block;
		}
		.pro_items {
			width: 100%;
			padding: 2em 0 3em 2em;
		}
	}
	@media screen and (max-width:900px) {
		.pro_items {
			padding: 2em 0 3em 1em;
		}
		.product_img {
			min-height:195px;
		}
		.item_info li {
			width:100%;
			padding-right:0;
		}
		.item_info li select {
			width:22%;
		}
		.item_info li span {
			font-size:20px;
		}
		.item_list a:after {
			border: solid .5px #989898;
		}
	}
	@media screen and (max-width:768px) {
		.box_layer {
			width:48%;
			padding: 0 .3em .5em;
			min-height: 400px;
		}
		.item_info li {
			width:40%;
		}
		.item_info li select {
			width:50%;
		}
		.pro_items {
			padding: 2em 0 3em .5em;
		}
	}
	@media screen and (max-width:620px) {
		.item_info li {
			width:100%;
		}
		.item_info li select {
			width:70px;
		}
		.item_info ul {
			padding:.1em 0;
		}
		.pro_items {
			padding:2em 0 3em 0em;
		}
	}
	@media screen and (max-width:520px) {
		.wrap3 .product_guide {
			padding: 3em 0 6em 0em;
		}
		.item_menu {
			padding-right:0;
		}
		.pro_items {
			padding: 2em 0 3em .5em;
		}
		.box_layer {
			padding: 0 0 .5em;
		}
	}
	@media screen and (max-width:470px) {
		.product_img {
			min-height: 135px;
			width: 90%;
			margin: 0 auto;
		}
		.item_info a {
			font-size:15px;
			width:90%;
			margin:0 auto;
		}
		.item_info button {
			font-size:20px;
			padding:0 .2em;
		}
		.item_info a {
			font-size: 15px;
			display: block;
			margin-top: .5em;
			text-align: center;
		}
		.item_info {
			padding: .5em 0 0;
		}
		.box {
			padding:.7em 0 0;
			overflow:hidden;
		}
		.item_info h6 {
			padding:0 .7em;
		}
		.item_info ul {
			padding: .1em .7em;
		}
		.item_info button {
			font-size: 20px;
			padding: .5em .2em;
			display: block;
			border-top: solid 1px #f7931e;
			width: 100%;
			margin-top: .5em;
			line-height: 1;
			background: #f7931e;
			color: #fff;
		}
	}
	@media screen and (max-width:380px) {
		.product_img {
			min-height: 120px;
		}
		.pro_items {
			padding: 2em 0 3em .1em;
		}
		.box_layer {
			width:49%;
		}
	}
	@media screen and (max-width:350px) {
		.box_layer {
			width:100%;
			padding: 0 .3em 1em;
			min-height: auto;
		}
		.product_img {
			min-height: 175px;
		}
	}
/***商品彈跳視窗***/
.modal-header {
    padding: 15px 15px 0 15px;
    border-bottom: 0px solid #e5e5e5;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    opacity: 1;
    border: solid 1px #000;
    font-weight: 300;
    line-height: 25px;
    font-size: 50px;
    color: #737373;
	margin:0;
}
.fade.in {
	background:rgba(145,117,117,.72);
}
.modal-dialog {
	width:1200px;
	margin:30px auto;
	max-width:90%;
}
/***item_sliders***/
.item_sliders {
	display:inline-block;
	vertical-align:top;
	width:60%;
	padding-right:1em;
}
ul.simg li {
	float:left;
	width:16.6%;
	padding:.5em .3em;
}
/***item_detail***/
.item_detail {
	display: inline-block;
    vertical-align: top;
    width: 35%;
	padding:0 1em;
}
.item_detail h5 {
	color:#572e2d;
	font-size:20px;
	line-height:1.5;
	padding:2em 0;
	font-weight:500;
}
.item_detail ul {
	font-size:18px;
}
.item_detail li {
}
.item_detail p {
	display:inline-block;
}
.item_detail span {
	color:#a83322;
	font-size:20px;
}
.item_detail select {
	border-radius:5px;
	padding:5px;
}
.modal-footer {
    border-top: 0px solid #e5e5e5;
}
.modal-footer button {
	background: #f7931e;
    color: #fff;
    border: solid 1px #f7931e;
    padding: .5em 1em;
    border-radius: 7px;
    letter-spacing: 2px;
	transition:.3s ease all;
}
	.modal-footer button:hover {
		background:#ff402b;
	}
	@media screen and (max-width:950px) {
		.item_sliders {
			width:100%;
			padding:0;
		}
		.item_detail {
			width:100%;
		}
		.item_detail h5 {
			padding:1em 0;
		}
	}
	@media screen and (max-width:500px) {
		ul.simg li {
			width: 33%;
			padding: .3em .2em 0;
		}
		.item_detail {
			padding:0;
		}
		.item_detail h5 {
			padding:1em 0 .5em;
		}
	}
/*---about---------------------------------------------------------------------------------------------------------------------------*/
.about {
	text-align:left;
}
/***abt1***/
.abt1 {
	position:relative;
	padding: 10em 0 3em;
}
/*wrap4*/
.wrap4 {
	width:1330px;
	margin:0 auto;
	max-width:90%;
	position:relative;
}
.abt1 img:nth-of-type(1) {
}
.abt1 img:nth-of-type(2) {
	position:absolute;
	right:0;
	bottom: -26em;
    z-index: 3;
    width: 51%;
}
/***abt2***/
.abt2 {
	background:url(../../images/abt_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	min-height:760px;
	position:relative;
}
.abt2 p {
	color:#fff;
	font-size:16px;
	display:block;
	padding: 6em 4em 10em 2em;
    width: 50%;
}
.abt2 ul {
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	left:0;
	bottom:-14em;
}
.abt2 li {
	display:inline-block;
	vertical-align:top;
	width:31%;
	padding:0 .1em;
}
.abt2 li img {
	vertical-align:middle;
	box-shadow:0px 0px 5px rgba(0,0,0,.1);
}
img.abt_deco2 {
	vertical-align: top;
    position: absolute;
    right: 2em;
    bottom: -6em;
    width: 32%;
}
/***note***/
.note {
	margin-bottom:8em;
}
/*note_tit*/
.note_tit {
	position:relative;
	padding:10em 2em 3em 28em;
}
	.note_tit:after {
		content:'';
		background:#000;
		width:20%;
		height:1px;
		position:absolute;
		bottom: 10em;
		left:0;
	}
.note_tit p:nth-of-type(1) {
	display:inline-block;
	color:#ad9595;
	font-size:56px;
	text-align:right;
	vertical-align:bottom;
	letter-spacing:10px;
}
.note_tit span {
	color:#000;
	font-size:22px;
	display:block;
	line-height:0;
	letter-spacing:1px;
}
.note_tit p:nth-of-type(2) {
	display:inline-block;
	font-size:25px;
	vertical-align:top;
	padding: 1.5em 0 0 1em;
}
/*note_list*/
.note_list {
	width:1500px;
	margin:0 auto;
	max-width:90%;
	background:#fff;
	border-radius:20px;
	padding:2em 10em;
	text-align:left;
}
.note_list ul {
	padding:2em 0;
}
.note_list ul p {
	font-size:18px;
	padding-bottom:.5em;
}
.note_list li {
	position:relative;
	padding-left:1.5em;
}
	.note_list li:after {
		content:'';
		width:12px;
		height:12px;
		border-radius:100%;
		background:#000;
		position:absolute;
		left:0;
		top:9px;
	}
	@media screen and (max-width:1200px) {
		.abt1 img:nth-of-type(2) {
			bottom:-18em;
		}
		.abt1 img:nth-of-type(1) {
			width: 41%;
		}
		.abt2 p {
			padding: 6em 4em 0em 2em;
		}
		.abt2 {
			min-height:700px;
		}
		.note_tit {
			padding: 10em 2em 3em 18em;
		}
		.note_tit:after {
			width:30%;
		}
		.abt2 ul {
			bottom:-18em;
		}
	}
	@media screen and (max-width:1080px) {
		img.abt_deco2 {
			position: relative;
			right: 0;
			bottom: 0;
			width: 325px;
			display: block;
			margin: 0 auto;
		}
		.abt2 ul {
			display: inline-block;
			position: relative;
			left: 0;
			bottom: 0;
			margin-bottom: -2em;
			width: 80%;
			text-align: center;
			padding-top: 3em;
		}
	}
	@media screen and (max-width:845px) {
		.abt1 {
			padding: 6em 0 3em;
		}
		.abt2 p {
			padding: 5em 3em 0em 0em;
		}
		.note_tit {
			padding: 10em 2em 3em 10em;
		}
		.note_list {
			padding: 1em 3em;
		}
	}
	@media screen and (max-width:690px) {
		.abt1 img:nth-of-type(1) {
			width: 340px;
			display: block;
			padding-bottom: 2em;
		}
		.abt1 img:nth-of-type(2) {
			bottom: 0;
			position: relative;
			width: auto;
			max-width: 80%;
			display: block;
			margin-bottom: -9em;
		}
		.abt2 {
			background-attachment:inherit;
		}
		.abt2 p {
			padding: 9em 3em 1em 2em;
			width: 100%;
		}
		img.abt_deco2 {
			width:360px;
		}
		.abt2 ul {
			width:100%;
		}
		.note_tit {
			padding: 9em 2em 3em 6em;
		}
	}
	@media screen and (max-width:630px) {
		.note_tit {
			padding: 9em 2em 1em 2em;
			text-align: center;
		}
		.note_tit:after {
			width: 10%;
			bottom:8em;
		}
		.note_tit p:nth-of-type(1) {
			letter-spacing:5px;
		}
	}
	@media screen and (max-width:530px) {
		.abt1 {
			padding: 4em 0 3em;
		}
		.note_tit p:nth-of-type(2) {
			display: block;
			font-size: 24px;
			padding: 0em 0 1em 0em;
			line-height: 1;
		}
	}
	@media screen and (max-width:430px) {
		.abt2 p {
			padding: 8em 1em 0em 1em;
		}
		.note_tit {
			padding: 6em 2em 0em 2em;
		}
		.note_list ul {
			padding: 1em 0;
		}
		.note_list {
			padding: 1em 2em;
		}
		.note {
			margin-bottom: 5em;
		}
		.abt1 img:nth-of-type(2) {
			max-width:90%;
		}
	}
	@media screen and (max-width:380px) {
		.note_list {
			padding: 1em 1em;
		}
		.note_tit p:nth-of-type(1) {
			font-size:50px;
			line-height:1.5;
		}
		.note_tit span {
			font-size:18px;
			padding-right: .5em;
		}
	}
/*---location-------------------------------------------------------------------------------------------------------------------*/
.location {
	width:1000px;
	margin:0 auto;
	max-width:90%;
	padding:7em 0 10em;
}
/***loc***/
.loc {
	padding:1em 0;
	text-align:left;
	position:relative;
	border-bottom:dashed 1px #000;
}
/*map*/
.map {
	position:relative;
	width:50%;
	min-height:345px;
	display:inline-block;
	vertical-align:top;
}
.map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*loc_info*/
.loc_info {
	display:inline-block;
	vertical-align:top;
	width:46%;
	padding:3em 0 1em 2em;
}
.loc_title {
	display:inline-block;
	vertical-align:bottom;
	min-width:195px;
}
.loc_title img {
	vertical-align:top;
}
.loc_title h4 {
	color:#ad9595;
	font-size:25px;
	font-weight:500;
	display:inline-block;
	vertical-align:top;
	padding:0 .5em;
}
.loc_info a {
	color:#639a21;
}
	.loc_info a:hover {
		color:#e77455;
	}
/*loc_area*/
.loc_area {
	display:inline-block;
	vertical-align:bottom;
	color:#9fa0a0;
	position: absolute;
    right: 0;
    top: 2.5em;
	font-size:25px;
	text-align:right;
	font-weight:500;
	line-height:1;
}
	.loc_area:after {
		content:'';
		position:absolute;
		bottom:0;
		left: -4em;
	    width: 100%;
		height:1px;
		background:#9fa0a0;
	}
.loc_area sup {
	font-size:14px;
	right: 0;
    top:-.5em;
    display: block;
	font-weight:300;
}
.loc_info ul {
}
.loc_info li {
	position:relative;
	margin:1em 0;
}
.loc_info li img {
	position:absolute;
	top:0;
	left:0;
}
.loc_info p {
	display:inline-block;
	vertical-align:top;
	border-bottom:dashed 1px #a0a0a0;
	width:100%;
	margin: 0 0 0 2em;
	line-height:1.5;
	padding-bottom:.3em;
}
.loc_info li span {
	font-size:25px;
	font-weight:500;
	line-height:1;
}
	.loc_info li:last-of-type p {
		border:0;
	}
	@media screen and (max-width:975px) {
		.loc_area:after {
			left: -2em;
			width: 50%;
		}
	}
	@media screen and (max-width:850px) {
		.loc_area:after {
			left: -1em;
			width: 25%;
		}
	}
	@media screen and (max-width:790px) {
		.map {
			width:100%;
		}
		.loc_info {
			width: 100%;
			padding: 2em 0 0em 0em;
			position:relative;
		}
		.loc {
			padding: 2em 0 1em;
		}
		.loc_info p {
			width:93%;
		}
		.loc_area {
			top:1.5em;
		}
		.loc_area:after {
			left:-150px;
			width:150px;
		}
	}
	@media screen and (max-width:510px) {
		.location {
			padding: 4em 0 7em;
		}
		.map {
			min-height:280px;
		}
		.loc_area:after {
			left: -100px;
			width: 100px;
		}
	}
	@media screen and (max-width:430px) {
		.loc_area:after {
			left: -12vw;
			width: 12vw;
		}
		.loc_info li span {
			font-size:22px;
		}
	}
	@media screen and (max-width:380px) {
		.loc_area:after {
			left: -5vw;
			width: 5vw;
		}
	}
	@media screen and (max-width:350px) {
		.loc_title h4 {
			font-size:23px;
		}
		.loc_info li span {
			font-size:20px;
		}
		.loc_area {
			font-size:20px;
		}
		.loc_area sup {
			font-size:12px;
		}
		.loc_area {
			top: 2em;
		}
		.loc_area:after {
			left: -3vw;
			width: 3vw;
		}
		.map {
			min-height:230px;
		}
	}
#loc1,#loc2,#loc3,#loc4 {
	transform:translateY(-100px);
}
	@media screen and (max-width:1080px) {
		#loc1,#loc2,#loc3,#loc4 {
			transform:translateY(-90px);
		}
	}
	@media screen and (max-width:430px) {
		#loc1,#loc2,#loc3,#loc4 {
			transform:translateY(-80px);
		}
	}
/*---newstable------------------------------------------------------------------------------------------------------------------------*/
.newstable {
	text-align:left;
	margin:0 auto;
	max-width:90%;
	width:1200px;
	padding:7em 0 10em;
	position:relative;
	z-index:10;
}
	.newstable table {
		width:100%;
	}
	.newstable a {
		display:inline-block;
	}
	.newstable img {
		max-width:100%;
	}
/******************************************/
.npic {
	transition:.5s ease all;
}
.npic div {
    background: no-repeat center center;
}
.newslist_rwd .ntitle p {
    font-size: 25px;
    color: #ad9595;
    line-height:1.5;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: left;
    padding: 2em 0 1em;
}
.newslist_rwd .ninfo p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
	text-align:left;
	padding-bottom:3em;
	font-weight:300;
	min-width:502px;
}
.newslist_rwd .ninfo {
    font-size: 14px;
    line-height: 16px;
	text-align:right;
	font-weight: 700;
}
.nbox {
    margin: 0;
    padding: 0;
}
.nbox div {
    display: inline-block;
    float: left;
}
.nbox div:nth-child(2) {
    width: 100%-130px;
}

/*******/
.newslist_rwd {
    width:1100px;
	max-width:100%;
	margin:0 auto;
    display: block;
    vertical-align: top;
	padding:2em 0;
	transition:.2s ease all;
	border-bottom: dashed 1px #000;
}
	.newslist_rwd:hover {
		opacity:.5;
	}
	.newslist_rwd>a {
	}
.newslist_rwd td {
    vertical-align: top
}
.newslist_rwd .npic {
    width: 47%;
	display:inline-block;
}
.newslist_rwd .ntext {
    width: 50%;
	padding: 1em 1em 1em 2em;
	display:inline-block;
}
.newslist_rwd .ntitle,
.newslist_rwd .ninfo {
    padding-bottom: 5px;
	display:block;
	width:100%;
}
.newslist_rwd .npicimg {
    min-width: 460px;
    min-height: 325px;
	border-radius:0;
	box-shadow:0px 0px 5px rgba(0,0,0,.6);
}
/*date*/
.date {
	color:#fff;
	display:inline-block;
	background:#ad9595;
	font-size:20px;
	padding:.2em 1em;
}
.page_num {
	padding:2em 0 0 0;
}
	@media screen and (max-width:1200px) {
		.newslist_rwd {
			width:auto;
		}
	}
	@media screen and (max-width:1050px) {
		.newslist_rwd .npicimg {
			min-width: 425px;
			min-height: 295px;
		}
	}
	@media screen and (max-width:994px) {
		.newslist_rwd .ninfo p {
			min-width:400px;
		}
		.newslist_rwd .npicimg {
			min-width: 400px;
			min-height: 295px;
		}
	}
	@media screen and (max-width:900px) {
		.newslist_rwd .ninfo p {
			min-width:350px;
		}
		.newslist_rwd .npicimg {
			min-width: 340px;
			min-height: 240px;
		}
	}
	@media screen and (max-width:785px) {
		.newslist_rwd .ninfo p {
			min-width:320px;
		}
		.newslist_rwd .npicimg {
			min-width: 310px;
			min-height: 205px;
		}
	}
	@media screen and (max-width:700px) {
		.newslist_rwd .npic {
			width: 100%;
			display: block;
		}
		.newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 350px;
		}
		.newslist_rwd .ntext {
			width: 100%;
			padding: 2em 1em 0em 1em;
		}
		.newslist_rwd .ntitle p {
			padding: 1em 0 .5em;
		}
		.newslist_rwd .ninfo p {
			padding-bottom:1em;
		}
	}
	@media screen and (max-width:500px) {
		.newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 280px;
		}
		.newslist_rwd {
			padding: 2em 0 1em;
		}
		.newslist_rwd .ninfo p {
			min-width: 300px;
		}
	}
	@media screen and (max-width:430px) {
		.newstable {
			padding: 3em 0 5em;
		}
		.newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 240px;
		}
		.date {
			font-size:16px;
		}
		.newslist_rwd .ntitle p {
			padding: .5em 0 0em;
		}
	}
	@media screen and (max-width:380px) {
		.newslist_rwd .ntext {
			width: 100%;
			padding: 1em 0em 0em 0em;
		}
		.newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 210px;
		}
	}
	@media screen and (max-width:330px) {
		.newslist_rwd .ninfo p {
			min-width: 280px;
		}
		.newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 180px;
		}
	}
/***inews***/
#inews {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(145,117,117,.8);
	z-index:90;
}
#inews table {
	width:100%;
}
.inews_bg {
	background:rgba(255,255,255,1);
	width:1050px;
	margin:10vh auto 0;
	max-width:90%;
	padding: 1em 2em;
    border-radius: 25px;
	text-align:center;
}
.close {
    opacity: 1;
    border: solid 1px #3a3838;
    width: 37px;
    height: 37px;
    line-height: 37px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 18px;
	color:#000;
}
#inews .page_num {
	display:none;
}
.noshow {
	transform:translateY(-100%);
	opacity:0;
	visibility:hidden;
	transition:.6s ease-in-out;
}
#inews .newslist_rwd {
	width:auto;
	padding: 4em 0 2em;
	position:relative;
	border-bottom:0;
}
	#inews .newslist_rwd:after {
		content:'';
		background:#e6d0d0;
		position:absolute;
		top: 6em;
		left: 50%;
		transform: translateX(-50%);
		width: 110%;
		height: 74%;
		z-index: -1;
	}
#inews .newslist_rwd .ninfo p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
    margin-bottom: 3em;
	min-width:auto;
	color:#000;
}
#inews .newslist_rwd .ntitle p {
	color:#000;
}
#inews .newslist_rwd:hover {
	opacity:1;
}
#inews .newslist_rwd:hover .npic {
	opacity:.5;
}
	@media screen and (max-width:1010px) {
		#inews .newslist_rwd .npicimg {
			min-width: 380px;
			min-height: 295px;
		}
	}
	@media screen and (max-width:920px) {
		#inews .newslist_rwd .ntext {
			width: 45%;
			float: right;
		}
	}
	@media screen and (max-width:810px) {
		#inews .newslist_rwd .npicimg {
			min-width: 310px;
			min-height: 255px;
		}
		#inews .newslist_rwd .ntext {
			width: 47%;
		}
		#inews .newslist_rwd:after {
			width:114%;
		}
	}
	@media screen and (max-width:700px) {
		.inews_bg {
			height: 75vh;
			overflow-y: scroll;
		}
		#inews .newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 290px;
		}
		#inews .newslist_rwd .ntext {
			width: 100%;
			padding: 1em;
		}
		#inews .newslist_rwd .ntitle p {
			padding: 0em 0 .1em;
		}
		#inews .newslist_rwd .ninfo p {
			margin-bottom:1em;
		}
		#inews .newslist_rwd:after {
			height:75%;
		}
	}
	@media screen and (max-width:525px) {
		#inews .newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 230px;
		}
		#inews .newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 230px;
		}
		.inews_bg {
			height:auto;
			overflow-y: scroll;
			max-height:75vh;
		}
		#inews .newslist_rwd:after {
			width: 120%;
		}
	}
	@media screen and (max-width:430px) {
		.inews_bg {
			margin: 6vh auto 0;
		}
		#inews .newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 190px;
		}
		#inews .newslist_rwd:after {
			width: 125%;
		}
	}
	@media screen and (max-width:350px) {
		#inews .newslist_rwd .npicimg {
			min-width: 100%;
			min-height: 150px;
		}
		#inews .newslist_rwd:after {
			width: 130%;
		}
		.inews_bg {
			max-height:85vh;
		}
	}
html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    border: solid 2px #cababa;
    padding: .1em 2em;
    letter-spacing: 1px;
	transition:.2s ease-in-out;
	margin:3px;
}
html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    background:#b9a8a8;
	color:#fff;
}
.line {
	position: fixed;
	right: 1em;
	bottom: 2em;
	z-index: 90;
}
.line a {
	transition: .2s linear;
	display: inline-block;
}
.line a img {
	transition: .2s linear;
	display: inline-block;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));
}
.line a:hover img {
	transform: translateY(-10px);
}
	@media (max-width:600px) {
		.line {
			width: 75px;
		}
	}
	@media (max-width:500px) {
		.line {
			width: 65px;
			bottom: 1em;
		}
	}