@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@1,300&family=Noto+Sans&family=Noto+Sans+TC:wght@300;400&display=swap');/*Josefin Sans*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,300&family=Libre+Baskerville&family=Noto+Sans&family=Noto+Sans+TC:wght@300&display=swap');/*Noto Sans*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,300&family=Libre+Baskerville&family=Noto+Sans&family=Noto+Sans+TC:wght@100&display=swap');/*Libre Baskerville*/

@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Monoton&family=Noticia+Text&family=Rubik+Mono+One&display=swap');

*{
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans', sans-serif;
}
*:focus{
outline:none;
}
a{
	text-decoration: none;
}
p{
	margin: 10px auto;
	font-size: 16px;
}
hr{
	border: 0;
	border-top: 1px solid #5f4b3e;
}
.container{
	width: 98%;
	margin: 10px auto;
	max-width: 1290px;
}
.ltcontent{
	width: 95%;	
	margin: 0px auto;
}
.content{
	width: 90%;
	margin: 20px auto;
}
.imgcontent{
	width: 95%;
	padding: 0px 0;
	margin: 0px 0;
}
.pagecontent{
	width: 90%;	
	margin: 10px auto;
}
.contentbox{
	width: 90%;
	padding: 0px 0;
	margin: 0px auto;
}
.engfont{
	font-family: 'Josefin Sans','arial';
	font-weight: normal;
}
.contpag{
	width: 95%;
	margin: 100px auto 10px auto;
	max-width: 900px;

	line-height: 30px;
	padding: 150px 0 50px 0;
}
.contpag a{
	color: #000;
	text-decoration: underline;
}
.contpag a:hover{
	text-decoration: none;
}
.smmorebtbox{
	margin: 20px auto 50px auto;
	width: 100%;
}
.smmorebt{
	margin: 30px auto;
	font-size: 12px;
	text-align: center;
	padding: 12px 20px;
	letter-spacing: 1px;
	background: #fff;
	border: 1px solid #000;
	cursor: pointer;
	color: #000;
	line-height: 20px;
	text-decoration: none !important;
}
.smmorebt:hover{
	background: #000;
	color: #fff;
	transition:all 0.3s;
}
.contimg{
	width: 100%;
	text-align: center;
	margin: 0px auto;
}
.contimg img{
	width: 320px;
}
/*對齊*/
.left{
	text-align: left !important;
}
.center{
	text-align: center !important;
}
.right{
	text-align: right !important;
}
.justify{
	text-align: justify !important;
}
.relative{
	position: relative;
}
.underline{
	text-decoration: underline;
}
.vtop>div{
	vertical-align: top;
}
.vmidele>div{
	vertical-align: middle;
}
.dashed{
	border-top: 1px dashed #ccc; 
}
/*浮動*/
.floatl{
	float: left !important;
}
.floatr{
	float: right !important;
}
/*顏色*/
.gray{
	color: #888 !important;
}
.black{
	color: #000 !important;
}
.white{
	color: #FFF !important;
}
.red{
	color: #bb0d23 !important;
}
.brown{
	color: #40220f !important;
}
/*標題*/
.title{
	width: 100%;
	margin: 20px auto 30px auto !important;
	color: #40210f;
	font-style: '微軟正黑體';
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}
.newsicon{
	width: 100%;
	text-align: center;
}
.newsicon img{
	width: 50px;
}
/*按鈕*/
.morebt{
	width: 50%;
	margin: 10px auto;
	font-size: 12px;
	text-align: center;
	padding: 12px 0px;
	letter-spacing: 1px;
	background: #fff;
	border: 1px solid #40210f;
	cursor: pointer;
	color: #40210f;
}
.morebt:hover{
	background: #604c3f;
	color: #c9bc9c;
	transition:all 0.3s;
}
.bkmorebt{
	position: relative;
	top: 550px;
	text-align: center;
	width: 200px;
	margin: 10px auto;
	font-size: 12px;
	text-align: center;
	padding: 12px 0px;	
	background: #f2e4d5;
	border: 1px solid #fff;	
	color: #946134;
	border-radius: 25px;
}
.bkmorebt:hover{	
	border:1px solid #40210f;
	background: #946134;
	color: #fff;
	transition:all 0.3s;
}
.aline{
	width: 0px;
	border:1px solid #f2e4d5; 
	height: 500px;
	text-align: center;
	margin: 0 auto;
}
.fulsmorebt{
	width: 100%;
	margin: 10px auto !important;
	font-size: 12px;
	text-align: center;
	padding: 12px 0px;
	letter-spacing: 1px;
	border: 1px solid #111;
	cursor: pointer;
	color: #111;
}
.fulsmorebt:hover{
	background: #111;
	color: #fff;
	transition:all 0.3s;
}
/*headerstar*/
.header{
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	background: #f2e4d5;
	z-index: 99999;
	border-bottom: 1px solid #ccc;
	height: 150px;
}
.logo{
	width: 100%;	
	text-align: center;
	position: relative;
	top: -20px;
}
.logofonts{
	font-size: 40px;
	color: #000;
	font-family: 'Monoton', cursive;
}
.secmenu{
	text-align: right;
	width: 98%;
	margin: 0 auto;
}
.secmenu a,.secmenu span{
	font-size: 12px;
	color: #40210f;
}
.secmenu img{
	width: 25px;
	position: relative;
	top: 7px;
}
.mibilemenubar{
	display: none;
}
.mainmenu{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	position: fixed;
	top: 100px;
}
.mainmenu a{
	color: #604c3f;
}
.mainmenu li{
	display: inline-block;
	width:300px;
	height:35px;
	line-height:35px;
	margin: 0 10px; 
	color: #604c3f;
	font-size: 14px;
	padding-bottom: 0px;
}
.mainmenu li:hover{
	color: #604c3f;
	transition:all 0.3s;
	font-weight: bold;
}
.menuchildhr{
	position: relative;
}
.menuchildhr2{
	position: relative;
}
.bgcolor{
	background: #E6EFCC;
	padding: 20px 0;
	margin-top: -35px;
}
.bgcontent{
	width: 100%;
	max-width: 1200px;
	margin: -30px auto;
	padding: 30px 0;
	background: #FFF;
}
.menuchild{
	position: absolute;
	top: 30px;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 999;
	width: 100%;	
	text-align: center;
	display: none;
}
.menuchild2{
	position: absolute;
	top: 30px;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 999;
	width: 100%;	
	text-align: center;
	display: none;
}
.menulistchild{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 8px;	
	left: -10px;
}
.menulistchild li{
	padding: 0;
	display: block;
	width: 100%;	
	color: #333;
	float: left;	
	background: #f2e4d5;
	border-bottom: 1px solid #fff !important;
	text-indent: 5px;
}
.menulistchild li:hover{
	background: #604c3f !important;
	color: #f2e4d5;
	transition:all 0.3s;
}
.menulistchild2{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;	
	left: -10px;
}
.menulistchild2 li{
	padding: 0;
	display: block;
	width: 100%;	
	color: #333;
	float: left;	
	background: #f2e4d5;
	border-bottom: 1px solid #fff !important;
	text-indent: 5px;
}
.menulistchild2 li:hover{
	background: #604c3f !important;
	color: #f2e4d5;
	transition:all 0.3s;
}
/*headerend*/
/*bannerstar*/
.indexbox{
	width: 100%;
	background: url(../img/allitembn.jpg) 100%;
	background-size: cover;
	background-position: left;
	height: 750px;
	position: relative;
	margin-top: 150px;
}
.jurbox{
	width: 100%;
	background: url(../img/bnmb.jpg) 100%;
	background-size: cover;
	background-position: left;
	height: 450px;
	position: relative;
	margin: 30px auto;
}
.jurbnbfont{
	width: 30%;
	background: rgba(255,255,255,0.5);
	text-align: justify;
	position: absolute;
	bottom: 30%;
}
.jurbnbfont p{
	color: #000;
	font-size: 21px;
}
.norfont{
	font-size: 16px !important;
	font-weight: 300;
	font-family: 'Noto Sans', sans-serif;
	line-height: 24px;
}
#index-item{
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
#index-item .item{
	width: 100%;
}
#index-item img{
	width: 98%;
	margin: 0 auto;
	text-align: center;
}
#index-item .owl-nav{
	display: block;
	position: absolute;
	top: 40%;
	width: 100%;
	margin: 0 auto;
	font-size: 55px;
	padding: 0;
}
#index-item .owl-nav span{
	display: none;
}
#index-item .owl-nav .owl-prev{
	position: absolute;
	left: -30px;
	width: 35px;
	height: 45px;
	background: url(../img/l.png) no-repeat;
	background-size: 40%;
	background-position: center;
}
#index-item .owl-nav .owl-prev:active{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#index-item .owl-nav .owl-prev:focus{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#index-item .owl-nav .owl-next{
	position: absolute;
	right: -30px;
	width: 35px;
	height: 45px;
	background: url(../img/r.png) no-repeat;
	background-size: 40%;
	background-position: center;
}
#index-item .owl-nav .owl-next:active{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#index-item .owl-nav .owl-next:focus{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
.slitext{
	padding: 5px 0;
	margin: 10px auto;
	text-align: center;
}
#index-itempro{
	width: 98%;
	margin: 0 auto;
	text-align: center;
}
#index-itempro .item{
	width: 100%;
	padding-bottom: 30px;
}
#index-itempro img{
	width: 98%;
	margin: 0 auto;
	text-align: center;
}
#index-itempro .owl-nav{
	display: none;
}
#index-itempro .owl-dot{
	background: #efefef;
	border-radius: 30em;
	width: 10px;
	height: 10px;
	margin: 10px 10px;
}
#index-itempro .owl-dot:focus{
	background: #000;
}
#index-itempro .owl-dots .active{
	background: #000;
}
/*bannerend*/
/*首頁內容開始*/
.serclass{
	border: 0;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
	color: #000;
	width: 80px;
}
.serclass::placeholder {
  color: #222;
  font-size: 12px;
}
.contentpage{
	width: 100%;
	margin: 10px auto;
	padding: 30px 0 10px 0;
}
.housestyle{
	width: 100%;
	margin: 0 auto;
	background: #efefef;
	color: #c29963;
	position: relative;
}
.roomslidebox{
	margin: 0;
}
.roomslide{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;	
}
.roomslide img{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	margin-bottom: -3px;
}
.roomslidetitle{
	text-align: left;
	border-top: 1px solid #8d6134;
	border-bottom: 1px solid #8d6134;
	color: #8d6134;
	padding: 5px 0;
	font-size: 16px;
}
.roomslidetext{
	color: #935a27;
	font-size: 14px;
}
.brownbt{
	max-width: 120px;
	padding: 10px 20px;
	color: #fff;
	background: #c19863;
	text-align: center;
}
.brownbt:hover{
	background: #8d6134;
	transition:all 0.3s;
}
#room-slider .owl-buttons{
	position: absolute;
	top: 38%;
	text-indent: -9999px;	
	width: 100%;
	margin: 0 auto;
}
#room-slider .owl-buttons .owl-prev{
	position: absolute;
	left: -15px;
	width: 35px;	
	background: url(../img/l2.png) 100% no-repeat !important;
	background-size: 100% !important;
}
#room-slider .owl-buttons .owl-next{
	position: absolute;
	right: -15px;
	width: 35px;	
	background: url(../img/r2.png) 100% no-repeat !important;
	background-size: 100% !important;
}
#room-slider .owl-page{
	display: none;
}
.prospc{
	width: 95%;
	margin: 10px auto;
	border: 1px solid #fff;
}
.prospc:hover{	
	border: 1px solid #bbb;
	opacity: 0.8;
	transition:all 0.3s;
}
.prospcbox{
	width: 95%;
	margin: 10px auto;
}
.prospcbox img{
	width: 100%;	
}
.prospcfonts{
	width: 100%;
	margin: 0 auto;
}
.smfont{
	font-size: 10px;
}
.bkrlink{
	font-size: 16px;
	text-align: justify;
	color: #000;
}
.bkrlink:hover{
	color: #ec6e1b;
	transition:all .3s;
}
.viewmore{
	font-size: 13px;
	color: #555;
}
.viewmore:hover{
	color: #000;
	transition:all 0.3s;
}
.bnshow{
	padding: 0;
	margin: 0;
}
.bnshow img{
	width: 95%;
	margin: 0;
}
.choosestyle{
	width: 90%;
	margin: 0;
	text-align: left;
	color: #727171;
	font-size: 16px;
}
.choosestyletitle{
	width: 100%;
	margin: 0 auto 10px auto;
	border-bottom: 1px dashed #727171;	
}
.choosestyletitle p{
	font-size: 18px;
	border-bottom: 1px solid dashed #ccc;
}
.choosestyletitle .fa-angle-double-up{
	float: right;
	position: relative;
	top: 5px;
}
.choosestylelist{
	width: 100%;
	margin: 10px auto 20px auto;
}
.choosestylelist li{
	width: 95%;
	padding: 5px 0;
	margin: 0 auto;
	list-style: disc;
	list-style-position: inside;
	color: #727171;
}
.choosestylelist li:hover{
	color: #5698b0;
	transition:all 0.3s;
}
.choosestylelistact{
	color: #5698b0 !important;
}
.roompagetitle{
	font-size: 18px;
	border-bottom: 1px solid #888;
	margin: 0 !important;
	padding-bottom: 5px;
}
.checkroonbox{
	width: 100%;
	margin: 0 auto;
	text-align: right;
}
.brownabt{
	width: auto;
	padding: 8px 15px;
	color:  #FFF;
	font-size: 16px;
	text-align: center;
	background: #98605b;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 5px;
}
.brownabt:hover{
	background: #591916;
	transition: all 0.3s;
}
.brownbbt{
	width: auto;
	padding: 8px 15px;
	color:  #FFF;
	font-size: 16px;
	text-align: center;
	background: #7d6c6c;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 5px;
}
.brownbbt:hover{
	background: #2b1f1f;
	transition: all 0.3s;
}
.roompagesectitle{
	width: 100%;
	margin: 10px auto;
	color: #555;
	border-bottom: 1px solid #555;
	text-align: left;
}
.titlebt{
	color: #555;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	border-bottom: 3px solid #555;
	position: relative;
	top: -7px;
}
#contentslide .owl-buttons{
	position: absolute;
	top: 38%;
	text-indent: -9999px;	
	width: 100%;
	margin: 0 auto;
}
#contentslide .owl-buttons .owl-prev{
	position: absolute;
	left: -5px;
	width: 35px;	
	background: url(../img/l2.png) 100% no-repeat !important;
	background-size: 100% !important;
}
#contentslide .owl-buttons .owl-next{
	position: absolute;
	right: -5px;
	width: 35px;	
	background: url(../img/r2.png) 100% no-repeat !important;
	background-size: 100% !important;
}
#contentslide .owl-page{
	display: none;
}
#contentslide .item img{
	width: 100%;
}
.pagecontentthirdtitle{
	width: auto;
	color: #7d6c6c;
	padding: 5px 0;
	border-bottom: 3px solid #7d6c6c;
}
.pagespclist{
	margin: 0 !important;
}
.mapimg{
	width: 100%;
	margin: 10px auto 20px 0;	
}
.mapimg img{
	width: 95%;
	margin: 0 auto;
	max-width: 900px;
}
.fontbox{
	width: 90%;
	margin: 0px auto 30px auto;
}
.blockbold{
	color: #555;
	font-size: 14px;	
}
.itmtit{
	color: #40210f;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.itmtit2{
	color: #40210f;
	text-align: justify;
	font-size: 24px;
	font-weight: bold;
}
.blocktext{
	color: #000;
	line-height: 28px;
	font-size: 16px;
	text-align: justify;
}
.blocktext2{
	color: #604c3f;
	line-height: 22px;
	font-size: 16px;
	text-align: justify;
}
.blocktext3{
	color: #938564;
	line-height: 22px;
	font-size: 16px;
	text-align: justify;
}
.blocktext4{
	color: #938564;
	line-height: 22px;
	font-size: 16px;
	text-align: center;
}
.brownlink{
	color: #81480a;
}
.brownlink:hover{
	color: #804e21;
	transition:all 0.3s;
}
.liststyle{
	border-bottom: 1px solid #ddd;
	margin: 10px auto;
}
.newscontentimg{
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.newscontentimg img{
	width: 90%;
	max-width: 650px;
	margin: 10px auto;
}
.ddle{
	position: relative;
	left: 1.5%;
}
.pluspoint,.pluspoint_b{
	display: none;
}
.despoint,.despoint_b{
	display: none;
}
.conspcpg{
	margin-top: 200px;
}
.jurslide{
	width: 100%;
	margin: 0 auto 30px auto;
	height: 420px;
	background: url(../img/allitembn.jpg) 100%;
	background-size: cover;
	background-position: center;
}
.jurslide img{
	width: 100%;
}
.nsarea{
	width: 95%;
	margin: 50px auto 70px auto;
	height: 550px;
}
.nsbg1{
	background: url(../img/n1.jpg) 100%;
	background-size: cover;
}
.nsbg2{
	background: url(../img/n2.jpg) 100%;
	background-size: cover;
}
.nsbg3{
	background: url(../img/n3.jpg) 100%;
	background-size: cover;
}
.neulrow{
	width: 100%;
	position: relative;
	padding: 0;
	font-size: 0;
}
.neulrow li{
	display: inline-flex;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
.lifont{
	width: 50%;
	position: relative;
}
.liimgf{
	width: 50%;
	background-size: cover;
	height: 550px;
}
.linubg1{
	background: url(../img/ni1.jpg) center 100%;
}
.linubg2{
	background: url(../img/ni2.jpg) center 100%;
}
.linubg3{
	background: url(../img/ni3.jpg) center 100%; 
}
.nefontbox{
	width: 60%;
	min-width: 200px;
	height: auto;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}
.nefontbox p{
	line-height: 30px;
	margin-bottom: 50px;
}
.neftit{
	font-size: 27px;
	color: #000;
}
.nefontstty{
	font-size: 16px;
	color: #000;
}
.computhide{
	display: none;
}
.fulimgb{
	width: 100%;
	margin: 0px auto;
	padding: 0px 0;
	text-align: center;
	position: relative;
}
.fulimgb img{
	width: 100%;
}
.dmares{
	width: 100%;
	margin-top: 150px;
	background: #f0ede8;
}
.dmares img{
	max-width: 400px;
	width: 100%;
	height: 100%;
}
.itemlist img{
	width: 98%;
}
#img-itempro{	
	width: 450px;
	position: absolute;
	top: 150px;
	left: -200px;
	margin:10px auto;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
}
#img-itempro .item{
	width: 80px;
	-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#img-itempro img{
	width: 100%;
}
#img-itempro .owl-nav{
	display: block;
	position: absolute;
	top: 40%;
	width: 100%;
	margin: 0 auto;
	font-size: 55px;
	padding: 0;
}
#img-itempro .owl-nav span{
	display: none;
}
#img-itempro .owl-nav .owl-prev{
	position: absolute;
	left: -30px;
	top: -10px;
	width: 35px;
	height: 45px;
	background: url(../img/l.png) no-repeat;
	background-size: 40%;
	background-position: center;
}
#img-itempro .owl-nav .owl-prev:active{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#img-itempro .owl-nav .owl-prev:focus{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#img-itempro .owl-nav .owl-next{
	position: absolute;
	right: -30px;
	top: -10px;
	width: 35px;
	height: 45px;
	background: url(../img/r.png) no-repeat;
	background-size: 40%;
	background-position: center;
}
#img-itempro .owl-nav .owl-next:active{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
#img-itempro .owl-nav .owl-next:focus{
	border: 1px solid #b1a497;
	-webkit-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	-moz-box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
	box-shadow: 0 0 3px 1px #b1a497, inset 0 1px 0 white;
}
.litt{
	color: #998675;
	font-size: 18px;
	font-weight: lighter;
}
.fontarea .title{
	font-size: 27px;
}
.title span{
	font-weight: bold;
}
.fpr{
	font-size: 20px;
	line-height: 50px;
	font-family: 'Josefin Sans','arial';
}
.smartt{
	color: #808080;
	font-size: 16px;
	line-height: 30px;
}
.fontarea{
	margin: 50px auto;
	width: 90%;
}
.sizeop{
	width: 60%;
	margin: 10px auto;
	padding: 7px 0;
	border: 1px solid #ccc;
	text-align: center;
}
.serlink{
	color: #000;
	text-decoration: underline;
	font-size: 14px;
	text-align: justify;
}
.serlink:hover{
	text-decoration: none;
	transition:all 0.3s;
}
.tavcont{
	width: 100%;
	text-align: center;
	margin: 10px auto;
}
.tavcont li{
	display: inline-block;
	width: auto;
	margin: 20px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
	padding-bottom: 10px;
}
.tavcont li:hover{
	border-bottom: 3px solid #111;
	transition:all 0.3s;
}
.tavcontact{
	border-bottom: 3px solid #111 !important;
}
.tbcont{
	text-align: center;
	line-height: 30px;
}
.tbcont img{
	width: 95%;
	max-width: 900px;
	margin: 10px auto;
}
#tbcont2{
	display: none;
}
#tbmu1_s,#tbmu2_s{
	display: none;
}
.upboxbt{
	position: absolute;
	right: 30px;
	top: 180px;
	width: 20px !important;
	height: 12px !important;
	cursor:pointer;
}
.dmboxbt{
	position: absolute;
	right: 30px;
	top: 180px;
	width: 20px !important;
	height: 12px !important;
}
.imgshow{
	width: 100%;
	display: flex;
	font-size: 0;
	margin: 15px auto;
}
.imgshow li{
	display: inline-block;
}
.li50{
	width: 50%;
}
.li25{
	width: 25%;
	font-size: 12px;
}
.li25 img{
	width: 95%;
}
.libg1{
	background: url(../img/libg1.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.libg2{
	background: url(../img/libg2.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.libg3{
	background: url(../img/libg3.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.libg4{
	background: url(../img/libg3.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.libg5{
	background: url(../img/libg3.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.libg6{
	background: url(../img/libg3.jpg) 100% center;
	background-size: cover;
	background-position: center;
	height: 450px;
}
.li50box{
	width: 98%;
	position: relative;
}
.li25box{
	width: 96%;
	background: #f0ede8;
}
.itemspt{
	color: #86715d;
	font-size: 16px;
	text-align: center;
	position: relative;
	top: -30px;
}
.whotett{
	font-size: 27px;
	background: rgba(0,0,0,0.7);
	width: 220px;
	color: #fff;
	text-align: center;
	margin: 0;
	position: relative;
	top: 0px;
}
.whitbt{
	width: 100%;
	text-align: center;
	margin: 10px auto;
	position: absolute;
	bottom: 80px;
}
.whitbt a{
	background: #fff;
	color: #000;
	font-size: 13px;
	padding: 12px 50px;
}
.whitbt a:hover{
	background: #40210f;
	color: #fff;
	transition:all 0.3s;
}
.midserhide{
	display: none;
}
.midserplay{
	display: inline-block;
	cursor: pointer;
}
#zoom_01{
	width: 100%;
}
.smtt{
	text-align: left;
	font-size: 14px;
}
.iconlist{
	width: 100%;
	text-align: left;
}
.iconlist li{
	display: inline-block;
	width: 50px;
	text-align: left;
}
.iconlist li img{
	width: 45px;
	margin: 10px auto;
}
.cookiebox{
	width: 100%;
	text-align: center;
	margin: 20px auto;
}
.cookiebox li{
	display: inline-block;
	width: 24%;
	margin: 20px auto;
}
.cookiebox img{
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
}
.cookietext{
	background: #604c3f;		
	color: #c9bc9c;
	font-size: 22px;
	border-radius: 25px;
	padding: 0 25px;
}
.gifttext{
	background: #c1b59e;	
	width: 150px;
	color: #fff;
	font-size: 16px;
	border-radius: 25px;
	padding: 5px 0;
	margin-bottom: 20px;
}
.giftbox1 img{
	width: 95%;
	margin: 10px auto;
	max-width: 500px;
}
/*首頁內容結束*/
/*footerstar*/
.footer{
	width: 100%;
	margin: 0 auto;	
	text-align: center;
	background: #c1b59e;
	font-size: 13px;	
	padding: 10px 0;
}
.footer a{
	margin: 10px auto;
	color: #fff;
	line-height: 30px;
	text-decoration: none;
}
.footit{
	color: #40210f;
	font-size: 16px;
}
.footericon{
	width: 100%;
	display: flex;
}
.footericon li{
	display: inline-flex;
	width: auto;
	margin-right: 10px;
}
.footericon li img{
	width: 30px;
}
.ftlogofonts{
	font-size: 22px;
	color: #fff;
	font-family: 'Libre Baskerville', serif;
	background: #c1b59e;
	padding: 10px 30px;
	position: relative;
	top: 40px;
	width: 150px;
}
.ftlogo{
	margin: 20px auto 30px auto;
}
.ftl{
	border: 1px solid #fff;
}
.backtotop{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999999;
}
.footercontic img{
	width: 50px;
}
.qrcodeimg img{
	width: 95%;
	margin: 10px auto;
	max-width: 350px;
}
.card1 img{
	width: 95%;
	margin: 10px auto;
	max-width: 180px;
}
.card2 img{
	width: 95%;
	margin: 10px auto;
	max-width: 250px;
}
.copytet{
	background: #efefef;
	text-align: left;
	width: 85%;
	margin: 10px auto;
	padding: 10px 0;
}
/*footerend*/
/*animate*/
.fast {
    -vendor-animation-duration: 1s;
    -vendor-animation-delay: 0s;
}
.slow {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 1s;
}
.reallyslow {
    -vendor-animation-duration: 6s;
    -vendor-animation-delay: 3s;
}
@media (max-width: 1635px){
	.mainmenu>li{
		width: 200px;
	}
	.logo img{
		width: 200px;
	}
	.contpag{		
		margin: 80px auto 10px auto;		
		padding: 80px 0 50px 0;
	}
}
@media (max-width: 1240px){
	.mainmenu>li{
		width: 120px;
	}
	.logo img{
		width: 120px;
	}
	.header{
		height: 100px;
	}
	.mainmenu{		
		top: 51px !important;
	}
	.indexbox{
		background-position: center;
		margin-top: 100px;
	}
	.nefontbox p{
		line-height: 30px;
		margin-bottom: 30px;
	}
	.nsarea{
		height: 480px;
	}
	.lifont{
		width: 55%;
	}
	.liimgf{
		width: 45%;
		height: 480px;
	}
	.dmares .span7,.dmares .span5{
		width: 100%;
	}
	.dmares .span7{
		height: 350px;
		margin-top: -100px;
	}
	.dmares .span5{
		margin-top: 200px;
	}
	#img-itempro{	
		width: 100%;
		text-align: center;
		position: relative;
		bottom: 0px;
		left: 0px;
		margin:10px auto;
	    -moz-transform:rotate(0deg);
	    -webkit-transform:rotate(0deg);
	    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
	}
	#img-itempro .item{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		-moz-transform:rotate(0deg);
	    -webkit-transform:rotate(0deg);
	    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
	}
	#img-itempro .item img{
		width: 100% !important;
		text-align: center;
		margin: 0 auto;
	}
	#img-itempro{
		top: 500px !important;
	}
	#zoom_01{
		width: 100%;
		margin: 0px auto !important;
		text-align: center;
		position: relative;
		left: 30%;
		top: 100px;
	}
	.zoomContainer{
		top: 210px !important;
	}
	.dmares .span7{
		width: 100% !important;
	}
	#img-itempro{
		position: relative;
		top: 600px !important;
		width: 60%;
	}
	.fontarea{
		margin-top: 220px;
	}
	.iconlist{
		text-align: center;
	}
	.iconlist li{
		text-align: center;
		margin: 10px 3px;
	}
	.iconlist li img{
		width: 50px;
	}	
	.aline{
		position: relative;
		top: -55px;
		height: 550px;
	}
	.dmares{		
		margin-top: 100px;
	}
	.contpag{		
		margin: 50px auto 10px auto;		
		padding: 50px 0 50px 0;
	}
}
@media (max-width: 855px){
	.midcenter{
		width: 100%;
		margin: 10px auto;
		text-align: center;
	}
}
@media (max-width: 840px){
	#owl-slider .owl-buttons{		
		top: 25%;		
	}
	#owl-sliderindex .owl-buttons{		
		top: 25%;		
	}
	.nsarea{
		height: auto;
	}
	.lifont{
		width: 100%;
		margin: 0 auto;
	}
	.liimgf{
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	.computhide{
		display: block;
		width: 100%;
	}
	.nsbg1,.nsbg2,.nsbg3{
		background: none;
	}
	.linubg1,.linubg2,.linubg3{
		background: none;
	}
	.neulrow{
		text-align: center;
	}
	.nefontbox{
		width: 100%;
		height: auto;
		position: relative;
		text-align: justify;
	}
	.nsarea{
		margin: 0px auto;
		height: auto;
	}
	.nefontbox .content{
		width: 100%;
	}
	.smmorebtbox{
		text-align: center;
	}
	.smmorebt{
		width: 100% !important;
	}
	.tavcont{
		width: 95%;
		margin: 10px auto;
		text-align: center;
		left: 0;
	}
	.tavcont li{
		width: 100%;
		margin:10px auto;
		border-bottom: 1px solid #ccc !important;
		text-align: justify;
	}
	.tavcont>li>p{
		position: relative;
		top: -7px;
	}
	.tavcontact{
		border-bottom: none !important;
	}
	.mobhide{
		display: none !important;
	}
	#tbmu1_s,#tbmu2_s{
		display: block;
		padding-top: 5px;
	}
	.tbmu_con{
		width: 100%;
		border-top: 1px solid #ccc;
	}
	.tbcontimg img{
		width: 100%;
		margin: 10px auto;
	}
	.imgshow{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.li50{
		width: 100%;
		margin: 0px auto;
	}
	.li25{
		width: 50%;
		margin: 0px auto;
		text-align: center;
	}
	.li50box{
		width: 98%;
		margin: 10px auto;
	}
	.li25box{
		width: 95%;
		margin: 0px auto;
	}
	.libg1{
		height: 400px;
	}
	.libg2{
		height: 400px;
	}
	.libg3{
		height: 400px;
	}
	.libg4{
		height: 400px;
	}
	.libg5{
		height: 400px;
	}
	.libg6{
		height: 400px;
	}
	.whitbt{
		bottom: 40px;
	}
}
@media (max-width: 810px){
	.choosestyle{
		width: 100%;
	}
	.contentbox{
		width: 100%;
	}
	.ddle{
		position: relative;
		left: 0;
	}
	.brownabt{
		width: 100%;
		padding: 12px 0;
		color:  #FFF;
		margin: 5px auto;
	}
	.brownbbt{
		width: 100%;
		padding: 12px 0;
		color:  #FFF;
		margin: 5px auto;
	}
	.morebt{
		width: 100%;
	}
	#zoom_01{
		left: 20%;
		top: 100px !important;
	}
	.zoomContainer{
		top: 160px !important;
	}
	.fontarea{
		margin-top: 180px;
	}
	.indexbox{		
		width: 100%;
		background: url(../img/bnmb.jpg) 100%;
		background-size: 100%;
		background-position: center;
		height: 350px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
}
@media (max-width: 768px){
	.header{
		position: fixed;	
		top: 0px;	
		height: 50px;
	}	
	.secmenu{
		text-align: right;
		position: relative;		
		top: 10px;
		z-index: 9999;
	}	
	.secmenu img{
		width: 35px;
		top:-2px;
	}
	.logofonts{
		font-size: 20px;
	}
	.midhide{
		display: none;
	}
	.middm{
		position: relative;
		top: 3px;
	}
	.mobbbbg{
		width: 100%;
		height: 100%;
		min-height: 968px;
		float: left;
	}
	#mibilemenubarcl{
		display: none;
	}
	.mibilemenubar{
		display: block;
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 0;
	}
	.mibilemenubar img{
		width: 20px;
		position: relative;
		top: 15px;
	}
	.menubar{
		cursor: pointer;
		width: 25px;
		margin: 0 10px;
		position: absolute;
		top: 1px;
		z-index: 999999;
	}
	.menubarx{
		cursor: pointer;
		width: 25px;
		margin: 0 10px;
		float: right;
		z-index: 999999;
	}
	.mainmenuwrapper{
		width: 768px;
		position: fixed;
		top: 0;
		left: -768px;
		height: 100%;
		z-index: 9999;
		background: rgba(0%,0%,0%,0.5);		
	}
	.mainmenu{
		background: #fff;
		width: 300px;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		margin: 0 auto;
		padding: 0;
		position: fixed;
		top: 0px !important;		
		z-index: 999;
		-moz-box-shadow:4px 4px 5px rgba(10%,10%,10%,0.3);
		-webkit-box-shadow:4px 4px 5px rgba(10%,10%,10%,0.3);
		box-shadow:4px 4px 5px rgba(10%,10%,10%,0.3);		
	}
	.mainmenu li{	
		width: 300px;	
		padding: 8px 0;		
		border-bottom: 1px solid #c9bc9c !important;
		margin: 0;
		position: relative;
		top: 0px;
		background: #877166;
		color: #c9bc9c;
	}
	.mainmenu li:hover{
		border-bottom: 1px solid #555;
		color: #fff;		
		transition: all 0.3s;
	}
	.mainmenu a{
		color: #c9bc9c;
	}
	.logo{
		top: -35px;
	}
	.logo img{
		width: 100px;
	}
	.menuact{
		color: #fff;
		background: #555;
	}
	.menuchild{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		padding: 0;
		float: none;
		z-index: none;
		width: 100%;		
		display: block !important;
	}
	.menuchild2{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		padding: 0;
		float: none;
		z-index: none;
		width: 100%;		
		display: block !important;
	}
	.menuchildhr{
		color: #fff;
	}
	.menuchildhr2{
		color: #fff;
	}
	.menulistchild{
		width: 100%;
		margin: 0px 0px;
		padding: 0 0!important;
		left: 0;
		top: 0;
	}
	.menulistchild li{
		padding: 3px 0;
		display: block;	
		margin: 0;	
		border-bottom: 0 !important;
		width: 100%;	
		color: #604c3f;
		background: #e5e1da;
		float: none;	
		text-align: center;	
	}	
	.menulistchild li:hover{
		background: #fff !important;
		color: #604c3f;
		transition:all 0.3s;
	}
	.menulistchild2{
		width: 100%;
		margin: 0px 0px;
		padding: 0 0!important;
		left: 0;
		top: 0;
	}
	.menulistchild2 li{
		padding: 3px 0;
		display: block;	
		margin: 0;	
		border-bottom: 0 !important;
		width: 100%;	
		color: #604c3f;
		background: #e5e1da;
		float: none;	
		text-align: center;	
	}	
	.menulistchild2 li:hover{
		background: #fff !important;
		color: #604c3f;
		transition:all 0.3s;
	}
	.cookiebox li{	
		width: 48%;		
	}
	.indexbox .container{
		width: 100%;
	}
	.iconlist li img{
		width: 50px;
	}	
	.bkmorebt{	
		top: 215px;		
	}
	.aline{		
		top: -20px;
		height: 180px;
	}
	.jurbox{
		margin-top: 0px;
		background-position: center;
		margin-bottom: 0px;
	}
	.jurbox .container{
		width: 100%;
	}
	.jurbnbfont{
		width: 100%;
		text-align: justify;	
		margin-bottom: -200px;
		background: none;
		bottom: 0;
	}
	.jurbnbfont p{
		color: #000;
	}
	.jurbnbfont .content{
		width: 95%;
	}
	.dmares{		
		margin-top: 50px;
	}
	.contpag{		
		margin: 50px auto 10px auto;		
		padding: 50px 0 30px 0;
	}
	.fontbox .left{
		text-align: center !important;
	}
	.contentpage{
		padding: 0 !important;
	}
	.contentpage .fontbox{
		width: 95%;
	}
	#index-item{
		width: 95%;
	}
	#index-item .item{
		width: 100%;
	}
	#index-item img{
		width: 100%;
	}
	#index-item .owl-nav .owl-prev{
		left: 0px;
	}
	#index-item .owl-nav .owl-next{
		right: 0px;
	}
	#index-itempro .item{
		width: 99%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 0px;
	}
	#index-itempro .morebt{
		width: 98%;
	}
	.midcenter{
		margin: 0 auto !important;
	}
	.footer .container{
		width: 95%;
	}
	.footericon{
		text-align: center !important;
		display: block;
	}
	.footericon li{
		text-align: center !important;
		width: 50px !important;
	}
	.footericon img{
		width: 50px !important;
	}
	.pluspoint{
		display: block;
		width: 10px;
		float: right;
		cursor: pointer;
	}
	.despoint{
		display: block;
		width: 10px;
		float: right;
		cursor: pointer;
		position: relative;
		top: -32px;
		background: #b4dbdb;
	}
	.pluspoint_b{
		display: block;
		width: 10px;
		float: right;
		cursor: pointer;
		position: relative;
		top: 7px;
	}
	.despoint_b{
		display: block;
		width: 10px;
		float: right;
		cursor: pointer;
		position: relative;
		top: -32px;
		background: #b4dbdb;
	}
	.midnone{
		display: none;
	}
	.conspcpg{
		margin-top: 60px;
	}
	.jurslide{
		height: 200px;
	}
	.midserhide{
		display: inline-block;
		cursor: pointer;
	}
	.midserplay{
		display: none;
	}
	.dexsse{
		width: 100%;
		position: fixed;
		top: 51px;
		background: #fff;
		text-align: center;
		z-index: 999;
		display: none;
	}
	.searchfont{
		width: 95%;
		margin: 10px auto;
		text-align: center;
		padding: 8px 0;
		border: 1px solid #ccc;
	}
	.immus{
		width: 20px;
		position: absolute;
		left: 25px;
		top: 18px;
		cursor: pointer;
	}
	.upboxbt{
		top: 120px;
	}
	.dmboxbt{
		top: 120px;
	}
	.hlogo{
		display: none !important;
	}
	.copytet .itmtit2{
		font-size: 20px !important;
	}
}
@media (max-width: 640px){
	#owl-slider .owl-buttons{		
		display: none;	
	}
	#owl-sliderindex .owl-buttons{		
		display: none;	
	}
	#contentslide .owl-buttons{
		top: 35%;
	}
}
@media (max-width: 600px){
	#zoom_01{
		display: none;
	}
	.zoomContainer{
		display: none;
	}
	#img-itempro{
		top: 100px !important;
	}
	.fontarea{
		margin-top: -130px !important;
	}
}
@media (max-width: 470px){		
	#contentslide .owl-buttons{
		top: 30%;
	}
	.logofonts{
		font-size: 12px;
	}
	.ftlogofonts{
		font-size: 20px;
		margin-top: -50px;
	}
	.dmboxbt,.upboxbt{
		display: none;
	}
	.jurbox{
		margin-top: -30px;
		margin-bottom: 300px !important;
	}
	.jurbnbfont{
		bottom: -12%;
	}
	.footericon li{
		width: 30px !important;
	}
	.footericon img{
		width: 30px !important;
	}
}
@media (max-width: 360px){
	
}
@media (max-width: 335px){
	
}