* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000;
}
#head {
	position: relative;
	display: table;
	top: 0px;
	z-index: 9;
	background-color: #FFF;
	width: 100%;
	height: 70px;
	border-top: 3px solid #b1aa8e;
	box-shadow: 0px 1px 10px rgba(51,51,51,0.5);
	/*margin-top: -73px;*/
}
#box{
	display:none;
	width:100%;
	height:70px;
}
#login{
	font-size: 13px;
	text-align:right;
	padding:5px;
}
#login a{
	color:#333;
	text-decoration:none	
}
#login a:hover{
	text-decoration:underline;
}
.slides-pagination{
	bottom: 73px;
}
#h-title {
	position: relative;
	float: left;
	font-size: 22px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	line-height: 70px;
	margin-left: 30px;
}
#h-title a {
	color: #6a6a6a;
	text-decoration: none;
}
#h-title a:hover {
	color: #b1aa8e;
	text-decoration: underline;
}
#nav {
	position: relative;
	float: right;
	width: calc(100% - 530px);
}
#nav ul {
	float: right;
	margin-top: 20px;
}
#nav ul li {
	float: left;
	list-style: none;
	font-size: 14px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #6a6a6a;
	margin-right: 20px;
	line-height: 30px;
}
#nav ul li a {
	color: #6a6a6a;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #b1aa8e;
	text-decoration: underline;
}
#topmall_logo {
	position: relative;
	float: right;
	top: calc(50% - 25px);
}
/*hide*/
#all_hide {
	position: fixed;
	right: 10px;
	top: 80px;
	z-index: 99999;
}
#hide {
	width: 100px;
}
#hide #btn {
	border: 0px;
	background-color: transparent;
}
#hidecon ul li {
	list-style: none;
	/*float:left;*/
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	background-color: #FFF;
	vertical-align: middle;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
/*hide*/
#slider {
	position: relative;
	/*margin-top:70px;*/
	width: 100%;
	height: 0; 
	overflow: hidden;
	padding-bottom: 45%;
}
.arrow {
	width: 160px;
	z-index: 999;
	position: relative;
	bottom: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -81px;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(http://okinn.goodoks.com/im/bx_loader.gif) center center no-repeat #fff;
	height: 447px;
	width: 785px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/*CONTROLS (NEXT / PREV)*/
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(http://okinn.goodoks.com/im/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(http://okinn.goodoks.com/im/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	opcity: 0.2;
	background: url(http://okinn.goodoks.com/im/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next:hover {
	opcity: 0.2;
	background: url(http://okinn.goodoks.com/im/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.title {
	width: 100%;
	text-align: center;
	margin-top: -3%;/*#*/
	padding-top: 3%;/*#*/
}
#title_con {
	position: relative;
	border-bottom: 1px solid #b1aa8e;
	width: auto;
	display: inline-block;
	margin: 3% auto 3% auto;
	padding: 0px 22px 0px 22px;
	height: 38px;
	text-align: center;
}
h5{
	font-size: 20px;
    color: #000;
    text-align: center;
}
#feature,#service,#facility_title,#view{
	width: 100%;
    display: table;
    background-color: #bfbaa3;
}
#feature_text,#service_text,#facility_text,#view_text{
	width: 50%;
    font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: rgb(0, 0, 0);
    margin: 0 auto;
    padding: 1%;
	text-align:center;
}
#feature_text ul,#service_text ul,#facility_text ul,#view_text ul{
	list-style:none;
}
#feature_text li,#service_text li,#facility_text li,#view_text li{
	padding-right: 15px;
    display: inline;
}
ch {
	font-size: 20px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}
en {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9a9a9a;
}
#info {
	position: relative;
	display: table;
	width: 35%;
	margin: 0px auto 3% auto;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000;
}
#infol {
	width:42%;
	float: left;
	position: relative;
}
#infor {
	width:42%;
	float: right;
	position: relative;
}
t1 {
	font-weight: bold;
}
#info ul li {
	list-style: url(http://okinn.goodoks.com/themes/a1/im/dot.png);
	word-break:break-all;
	word-wrap:break-word;
}
#pic8 {
	position: relative;
	width: 100%;
	display: table;
}
#pic8 ul li {
	/*margin-top: -4px;*/
	list-style: none;
	float: left;
	width: calc(100% / 2);
	height: auto;
}
#pic8 ul li .pic {
	float: left;
 	width:100%;	
}
#pic-b {
	max-width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 66%;
	background-image: url(http://okinn.goodoks.com/im/fac6.png);
	background-repeat: no-repeat;                            
	background-position: center;    
	background-color: rgba(115, 115, 114, 0.25);
}
#pic8 ul li .text {
	background-color: rgba(25, 19, 6, 0.64);
	width: calc(100% / 2);
	height: 45px;
	color: #fff;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	position: absolute;
	margin-top: -45px;
	line-height: 50px;
	text-indent: 20px;
}
#pic8 ul li img {
	width: 100%;
}
.con2 {
	margin-top: -5px;
	position: relative;
	background-color: #e8e5d9;
	background-image: url(http://okinn.goodoks.com/im/line-bg.png);
	background-repeat: repeat;
	width: 100%;
	height: auto;
	padding: 3% 0px;
	display: table;
	box-shadow: 0px 6px 8px rgba(51,51,51,0.5) inset;
}
#con-all {
	width: 50%;
	height: auto;
	font-size: 15px;
	line-height: 25px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px auto 0px auto;
}
#con-l {
	position: relative;
	float: left;
	width: calc(44% - 1px);
	padding: 3%;
	border-right: 1px solid #fff;
}
#con-r {
	position: relative;
	float: right;
	width: 44%;
	padding: 3%;
}
.con3,.con4,.con5,.con6{
	background-color:#e8e5d9;
	background-image:url(http://okinn.goodoks.com/im/line-bg.png);
}
/*room內容*/
#show-bt {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #686652;
	width: auto;
	margin: auto;
	position: relative;
	text-align: center;
}
#show-bt a {
	color: #686652;
	text-decoration: none;
}
#show-bt a:hover {
	color: #686652;
	text-decoration: underline;
}
#show-bt ul {
	width: 363px;
	position: relative;
	margin: auto;
}
#show-bt ul li {
	/*float:left;*/
	list-style: none;/*margin-right: 15px;*/
}
#bt1 {
	position: relative;
}
#bt2 {
	position: relative;
	clear: both;
	top: 25px;
	width: 70%;
	margin: auto auto 25px auto;
	text-align: left;
}
/*選擇*/
#show-bt input[type="text"] {
	border: #686652 1px solid;
	width: calc(100% / 3 - 50px);
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
}
#bt2 select {
	height: 39px;
	width: calc(100% / 3 - 50px);
	font-size: 15px;
	font-family: 微軟正黑體;
	color: #686652;
	text-align: center;
	margin-right: -10px;
	margin-left: -10px;
}
option {
	color: #686652;
}
#show-bt input[type="submit"] {
	height: 39px;
	padding-top: 1px;
	border: 1px solid #b1aa8e;
	background-color: #b1aa8e;
	color: #FFF;
	font-family: 微軟正黑體;/*padding-left: 15px;
    padding-right: 15px;*/
}
#show-bt input[type="submit"]:hover {
	background-color: #8C866E;
}
/*選擇結束*/
/*房間內容*/
/*內容2*/
#room-all2 {
	text-align: center;
	width: 100%;
	background-color: #e8e5d9;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#room-all2 ul {
	display: table;
	text-align: left;
	margin-bottom: 34px;
	position: relative;
	width: 75%;
	margin: auto;
}
#room-all2 ul li {
	width: calc(100% / 2 - 10px);
	height: auto;
	background-color: #FFF;
	float: left;
	list-style: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 50px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16);
	word-wrap: break-word;
}
#room-all2 ul li #pic {
	float: left;
	width: 60%;
	height: auto;
	/*height: 0px;
    padding-bottom: 46%;*/
	overflow: hidden;
}
#room-all2 ul li #pic img {
	width: 100%;
	float: left;
}
#room-all2 ul li #text {
	width: 40%;
	float: right;
}
#room-all2 ul li #title {
	margin: 10px auto 0px 10px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3f3f3f;
	line-height: 28px;
	float: right;
	width: calc(100% - 10px);
}
#room-all2 #price {
	margin: 10px 10px 10px 10px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 28px;
	width: calc(100% - 20px);
	float: right;
}
#room-all2 #price p1 {
	text-align: left;
	background: #e6bc3d;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #e6bc3d;
	border-radius: 3px;
	bottom: 10px;
}
#room-all2 #price p2 {
	text-align: left;
	background: #d47265;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #d47265;
	border-radius: 3px;
	bottom: 10px;
}
#room-all2 #price p3 {
	text-align: left;
	background: #b3d465;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #b3d465;
	border-radius: 3px;
}
.room_request:hover{
	background-color:#af1818;
	color:#FFF;
	border-color: rgba(0, 0, 0,.1);

}
#room-all2 #room-all a {
	text-decoration: none;
}
#room-bt-all {
	width: 100%;
	float: right;
	margin-bottom: 3%;
}
#room-all2 #bt {
	width: 47%;
	float: left;
	margin-left: 3%;
	margin-top: 3%;
	text-align: center;
	line-height: 28px;
}
#room-all2 #bt a {
	padding: 3% 9%;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
	color: #FFF;
	background-color: #797461;
}
#room-all2 #bt a:hover {
	/*width: calc(100% - 20px);*/
	line-height: 28px;
	text-decoration: none;
	color: #FFF;
	background-color: #504D42;
}
#room-all2 hr {
	border: 0px;
	border-bottom: 1px solid #b1aa8e;
	width: calc(100% - 10px);
	float: right;
	margin: 10px 0px;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
#room-all2 page a {
	color: #000;
	text-decoration: none;
}
#room-all2 page a:hover {
	font-size: 100%;
	color: #F00;
	text-decoration: underline;
}
#room-all2 p {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
	float: right;
	text-align: left;
	width: calc(100% - 10px);
}
/*內容2結束*/
/*房間內容結束*/
/*room_end內容*/
/*room_show內容*/
#room-br {
	width: 100%;
	background-color: rgb(232, 229, 217);
	padding-top: 3%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
}
#room_all {
	position: relative;
	width: 65%;
	margin: 0px auto;
}
#room_title {
	display: table;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #b1aa8e;
}
#room_title-l {
	position: relative;
	width: auto;
	float: left;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #3f3f3f;
	font-weight: bold;
}
#room_title-r {
	position: relative;
	width: auto;
	float: right;
}
/*房間輪播*/
#room_pic {
	width: 100%;
	margin: 3% auto;
	display: table;
}
#room_pic tr {
	background-color: #fff;
}
.showbox {
	width: 100%;
	margin: auto;
	vertical-align: middle;
}
.showbox img {
	width: 100%;
	height: auto;
}
.abgne-block {
	float: none;
	margin: auto;
	display: table;
}
.abgne-block ul {
	padding: 0px;
}
.abgne-block ul li {
	list-style: none;
	margin: 10px 5px 10px 5px;
	float: left;
}
.abgne-block img {
	/*width:100%;*/
	vertical-align: middle;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.37);
	border-radius: 5px;
}
/*房間輪播結束*/
/*房間資訊*/
#room_info {
	position: relative;
	width: 100%;
	line-height: 25px;
}
#room_info ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#room_info .abgne_tab {
	clear: left;
	width: 100%;/*margin: 10px 0;*/
}
#room_info ul.tabs {
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #999;/*border-left: 1px solid #999;*/
}
#room_info ul.tabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #999;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
	/*background: #dddddd;*/
	margin-right: 2px;
}
#room_info ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 5px 5px 0px 0px;
	background-color: #eeeeee;
}
#room_info ul.tabs li a:hover {
	background: #ccc;
}
#room_info ul.tabs li.active {
	background: #ceccc6;/*border-bottom: 1px solid #fff;*/
}
#room_info ul.tabs li.active a:hover {
	background: #fff;
}
#room_info div.tab_container {
	clear: left;
	width: 100%;
	/*border: 1px solid #999;*/
	border-top: none;
	background: #fff;
	border-radius: 0px 0px 6px 6px;
}
#room_info div.tab_container .tab_content {
	padding: 20px;
}
#room_info div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}
/*房間資訊結束*/
/*設施*/
#facility {
	width:100%;
	display: table;
}
#facility ul {
	float: left;
	width:100%;
}
#facility ul li {
	list-style: none;
	float: left;
	margin: 5px;
	background:#eee;
	border-radius:6px;
	padding:2px 16px;
}
/*設施結束*/
/*room_show_end內容*/

/*tour內容*/
#travel-con {
	width: 100%;
	background-color: rgb(232, 229, 217);
	padding-top: 3%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	text-align:center;
}
#travel-all {
	position: relative;
	width: 60%;
	margin: auto;
	display: table;
}
#travel-all ul {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}
#travel-all ul li {
	list-style: none;
	width: calc(100% / 3 - 20px);
	height: 27em;
	float: left;
	margin: auto 10px 50px 10px;
	overflow: hidden;
	word-wrap: break-word;
}
#travel-all ul li .title {
	font-size: 18px;
	color: #171717;
	font-weight: bold;
	width: 70%;
	float: left;
	text-align: left;
}
#travel-all ul li .more {
	float: right;
	width: auto;
	color: #948a7a;
	font-size: 14px;/*border:1px #948a7a solid;
	border-radius:20px;
	padding: 0px 2px 0px 2px;*/
}
#travel-all ul li .more a {
	font-size: 14px;
	color: #948a7a;
	text-decoration: none;
	border: 1px #948a7a solid;
	border-radius: 20px;
	padding: 0px 2px 0px 2px;
}
#travel-all ul li .more a:hover {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-color: #CCC;
	border: 1px #948a7a solid;
	border-radius: 20px;/*padding: 0px 2px 0px 2px;*/
}
#travel-all ul li .text {
	font-size: 15px;
	color: #171717;
	text-align: justify;
	clear: both;
}
#travel-all ul li .travcle-pic img {
	width: 100%;
	height: 67%;
}
/*tour內容end*/

/*map內容*/
#location-info {
	position: relative;
	display: table;
	width: 100%;
	margin: 0px auto 3% auto;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000;
}
.scrolloff {
	pointer-events: none;
}
t1 {
	font-weight: bold;
}
mapt1 {
	position: relative;
	display: table;	
	width: 65%;	
	margin: 0% auto 3% auto;
}
#map1 {
	position: relative;
	width: 65%;
	margin: 0% auto 3% auto;
}
#map1 img {
	width: 100%;
	height: auto;
	margin: auto;
}
#map2 {
	position: relative;
	width: 100%;
	margin: 0% auto 3% auto;

}
map2 {
	position: relative;
	width: 100%;
	height: 600px;
	margin: auto;

}
/*map內容end*/

/*album內容*/

#album-con {
	width: 100%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e8e5d9;
	display: table;
}
#album1 {
	width: 50%;
	height: auto;
	margin: auto;
	text-align: center;
}
#album-slc-con {
	width: 10%;
	margin: 20px auto 20px auto;
}
#album-slc {
	width: 100%;
	height: 36px;
	margin: auto;
	border: 1px #b1aa8e solid;
	text-align: center;
	font-size: 15px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #b1aa8e;
}
#album1 #con ul {
	display: table;
	margin-bottom: 50px;
	width: 100%;
}
#album1 #con ul li {
	list-style: none;
	float: left;
	margin: 15px;
	width: calc(100% / 3 - 30px);
	background-color: #FFF;
}
#album1 #con .album1-pic img {
	width: 100%;
	height: 65%;
}
#album1 #con .text {
	padding: 10px;
	display: table;
	width: calc(100% - 20px);
}
#album1 #con .text .title {
	float: left;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
#album1 #con .text .title a {
	text-decoration: none;
	color: #000;
}
#album1 #con .text .title a:hover {
	text-decoration: underline;
	color: #000;
}
#album1 #con .text .number {
	float: right;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
page a {
	color: #000;
	text-decoration: none;
}
page a:hover {
	color: #000;
	text-decoration: underline;
}
r {
	color: #F00;
}
r2 {
	color: #F00;
	font-size: 100%;
}
/*album_end內容*/

/*photo_list內容*/
#album-con {
	width: 100%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e8e5d9;
	display: table;
}
#album2 {
	width: 50%;
	height: auto;
	margin: auto;
	text-align: center;
}
#album2 #con ul {
	display: table;
	margin-bottom: 50px;
	clear: both;
	width: 100%;
}
#album2 #con ul li {
	list-style: none;
	float: left;
	margin: 15px;
	width: calc(100% / 3 - 30px);
	background-color: #FFF;
}
#album2 #con .album2-pic img {
	width: 100%;
	height: 76%;
}
#album2 #con .text {
	padding: 10px;
	display: table;
	width: calc(100% - 20px);
}
#album2 #con .text .title {
	float: left;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
#album2 #con .text .title a {
	text-decoration: none;
	color: #000;
}
#album2 #con .text .title a:hover {
	text-decoration: underline;
	color: #000;
}
#album2 #con .text .number {
	float: right;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}
#left-list {
	margin-left: 15px;
	float: left;
	text-align: left;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}
#right-list {
	margin-right: 15px;
	float: right;
	text-align: left;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
page a {
	color: #000;
	text-decoration: none;
}
page a:hover {
	color: #000;
	text-decoration: underline;
}
r {
	color: #F00;
}
.thumbnail {
	background-color: transparent;
	border: 0px;
}
/*photo_list_end內容*/

/*news內容*/

#news-con {
	width: 100%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e8e5d9;
	display: table;
	text-align: center;
}
#news-all {
	width: 50%;
	margin: 5% auto 5% auto;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}
#news-all ul li {
	width: 100%;
	list-style: none;
	border-bottom: #666 1px dotted;
	display: table;
	padding: 10px;
}
#news-all ul li a {
	text-decoration: none;
	color: #000;
}
#news-all ul li a:hover {
	text-decoration: underline;
	color: #000;
}
#news-all ul li .icon {
	color: #ffae01;
	font-weight: bold;
	float: left;
	width: 20%;
}
#news-all ul li .title {
	float: left;
	text-align: left;
	width: 60%;
}
#news-all ul li .date {
	float: right;
	text-align: right;
	width: 20%;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
page a {
	color: #000;
	text-decoration: none;
}
page a:hover {
	font-size: 100%;
	color: #F00;
	text-decoration: underline;
}
/*news內容end*/

/*news_board內容*/
#news-board {
	background-color: #fff;
	color: #000;
}
#news-board-shadow {
	width: 100%;
	/*box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	padding-bottom: 5%;*/
	background-color: rgb(232, 229, 217);
	padding-top: 3%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#news-board-con {
	text-align: center;
	width: 50%;
	margin: auto;
}
#news-board-con #info {
	text-align: left;
	position: relative;
	display: table;
	width: 90%;
	margin: 0px auto 3% auto;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000;
}
#news-board-con #info ul li {
	list-style: url(http://okinn.goodoks.com/themes/a1/im/dot.png);
}
t1 {
	font-weight: bold;
}
#news-board {
	width: calc(100% - 57px);
	height: auto;
	margin: auto;
	border: 1px #b1aa8e solid;
	font-size: 14px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	padding: 20px;
	margin-bottom: 40px;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
page a {
	color: #000;
	text-decoration: none;
}
page a:hover {
	font-size: 100%;
	color: #F00;
	text-decoration: underline;
}
/*news_board-end內容*/

/*book內容*/
#book-bt {
	width: 139px;
	margin: auto;
	margin-bottom: 20px;
}
#book-con {
	width: 50%;
	height: auto;
	display: table;
	margin: auto;
	text-align: center;
	word-wrap: break-word;
}
#book-con ul {
	width: 100%;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin-bottom: 40px;
}
#book-con ul li {
	width: calc(100% - 24px);
	height: auto;
	list-style: none;
	background-color: #ececec;
	padding: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
#book-con ul li .pic {
	width: 20%;
	height: auto;
	float: left;
}
#book-con ul li .text {
	width: 80%;
	height: auto;
	float: right;
	text-align: left;
	font-weight: bold;
}
#book-con ul li .lt {
	width: 80%;
	height: auto;
	float: right;
	text-align: left;
}
#book-con ul li .rt {
	width: auto;
	height: auto;
	clear: both;
	text-align: right;
}
#book-con ul li .mail {
	width: auto;
	height: auto;
	text-align: right;
}
#book-con ul li .re, .re-s {
	margin: 15px auto 15px auto;
	background-color: #f5f5f5;
	width: calc(80% - 20px);
	float: right;
	padding: 10px;
}
page {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	bottom: 20px;
	position: relative;
}
page a {
	color: #000;
	text-decoration: none;
}
page a:hover {
	font-size: 100%;
	color: #F00;
	text-decoration: underline;
}
r {
	color: #F00;
}
/*book_end內容*/

/*book_keying內容*/
#book-keying-all {
	width: 100%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #e8e5d9;
	display: table;
}
#book-keying {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3f3f3f;
	width: 40%;
	margin: auto;
	margin-bottom: 50px;
}
#title {
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
#title input {
	border: 1px solid #3f3f3f;
	width: calc(100% - 70px);
	float: right;
	height: 28px;
}
#name, #type {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	width: 60%;
	float: left;
}
#name input, #type select {
	border: 1px solid #3f3f3f;
	width: calc(100% - 70px);
	float: right;
	height: 28px;
}
#gender, #color {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	width: 35%;
	float: right;
}
#gender select, #color select {
	border: 1px solid #3f3f3f;
	width: calc(100% - 70px);
	float: right;
	height: 28px;
}
#mail {
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	clear: both;
}
#mail input {
	border: 1px solid #3f3f3f;
	width: calc(100% - 70px);
	float: right;
	height: 28px;
}
#mscon {
	vertical-align: middle;
	height: 70px;
	line-height: 70px;
	margin-bottom: 5px;
	clear: both;
}
#mscon textarea {
	border: 1px solid #3f3f3f;
	width: calc(100% - 73px);
	float: right;
	height: 70px;
}
#mspic {
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 30px;
	width: calc(30% - 30px);
	float: left;
}
#mspic select {
	border: 1px solid #3f3f3f;
	width: calc(100% - 70px);
	float: right;
	height: 30px;
}
#mspic img {
	float: right;
	margin-top: 10px;
}
#password {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 70%;
	float: left;
	display: table;
}
#password input {
	border: 1px solid #3f3f3f;
	width: calc(100% - 100px);
	float: right;
	height: 28px;
}
#book-keying-bt {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	display: table;
	width: 240px;
	margin: auto;
	padding-top: 30px;
}
#book-keying-bt input[type="submit"], #book-keying-bt input[type="reset"] {
	color: #fff;
	text-decoration: none;
	background-color: #b1aa8e;
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin-left: 20px;
}
/*book_keying_end內容*/

/*room_online內容*/
#room-online-all {
	width: 100%;
	background-color: #e8e5d9;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#room-online-con {
	width: 70%;
	margin: auto;
}
#room-online {
	position: relative;
	width: 100%;
	height: auto;
	display: table;
	margin: 0px auto;
}
#room-text {
	position: relative;
	display: table;
	margin: 0px auto 3% auto;
	position: relative;
	width: 100%;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin: auto;
	margin-top: 5%;
}
#room-text img {
    width: 50%;
}
/*room_online_end內容*/
/*room_order內容*/
#rom-id-all {
	text-align: center;
	width: 100%;
	background-color: #e8e5d9;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
}
#rom-id-all ul {
	display: table;
	text-align: left;
	margin-bottom: 34px;
	position: relative;
	width: 80%;
	margin: auto;
}
#rom-id-all ul li {
	width: 100%;
	height: auto;
	background-color: #FFF;
	float: left;
	list-style: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 50px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16);
}
#rom-id-all ul li #pic {
	clear: both;
    width: 60%;
    float: left;
	padding: 25px;
	border-top: 1px solid #333;
}
#rom-id-all ul li #pic img {
	width: 100%;
	height: auto;
	float: left;
}
#rom-id-all ul li #title {
	margin: 10px auto 10px 10px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3f3f3f;
	line-height: 28px;
	float: left;
	width: auto;
}
#rom-id-all #price {
	margin: 10px 10px 10px 10px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 28px;
	width: auto;
	float: left;
}
#rom-id-all #price p1 {
	text-align: left;
	background: #e6bc3d;
	padding: 2px;
	margin-right: 4px;
	margin-left: 10px;
	border: 1px solid #e6bc3d;
	border-radius: 3px;
	bottom: 10px;
}
#rom-id-all #price p2 {
	text-align: left;
	background: #d47265;
	padding: 2px;
	margin-right: 4px;
	margin-left: 10px;
	border: 1px solid #d47265;
	border-radius: 3px;
	bottom: 10px;
}
#rom-id-all #price p3 {
	text-align: left;
	background: #b3d465;
	padding: 2px;
	margin-right: 4px;
	margin-left: 10px;
	border: 1px solid #b3d465;
	border-radius: 3px;
}
#rom-id-all p4 {
	float: right;
	font-size: 14px;
	margin: 14px;
}
#rom-id-all a {
	text-decoration: none;
}
#rom-id-a {
	width: 100%;
}
#rom-id-b {
	width: 40%;
	float: right;
	border-top: 1px solid #333;
    padding: 20px;
}
/*#rom-id-c {
	width: calc(100% - 20px);
	padding: 10px 10px 10px 10px;
	clear: both;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ababab;
}*/
#rom-id-all hr {
	border: 0px;
	border-bottom: 1px solid #b1aa8e;
	width: 100%;
	float: right;/*margin: 10px auto;*/
}
#calendar-box {
	width: 100%;
	height: 255px;
	margin-bottom:20px;
	background-color:#ececec;
}
#rom-id-all p {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
	text-align: left;
	margin: 10px 10px;
	width: calc(100% - 20px);
	margin: 0px 0px 10px 0px;
}
#rom-id-b #bt {
	width: 164px;
	margin: auto;
}
#rom-id-b #bt a {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	color: #3f3f3f;
	background-color: #e8e5d9;
	padding: 5px 54px;
	text-align: center;
	margin: auto;
}
#rom-id-b #bt a:hover {
	background-color: #c1ba9d;
}
/*room_oder_end內容*/
/*room_order_aup內容*/
#submit-calendar-con {
	width: 100%;
	background-color: rgb(232, 229, 217);
	padding-top: 3%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
	box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
}
#submit-calendar {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3f3f3f;
	width: 50%;
	margin: auto;
	padding-bottom: 5%;
}
#submit-calendar #title, #submit-calendar #title2 {
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
#submit-calendar #title input {
	border: 1px solid #3f3f3f;
	width: calc(96% - 70px);
	float: right;
	height: 26px;
}
#submit-calendar #title2 input {
	border: 1px solid #3f3f3f;
	width: 100px;
	/*margin-right: 44%;*/
	float: right;
	height: 26px;
}
#submit-calendar #rmo_contact {
/*width: calc(96% - 70px);
    float: right;
    height: 26px;
	display: flex;*/
}
#submit-calendar #rmo_contact p {
	margin: auto 5px;
}
#submit-calendar #title2 p {
	float: right;
	margin: auto;
	margin-left: 5px;
}
#submit-calendar #title-text, #price-t {
	width: calc(96% - 70px);
	float: right;
	height: 26px;
	display: table;
}
#submit-calendar #title2-r {
	float: right;
	width: 123px;
	margin-right: calc(100% - 223px);
}
#submit-calendar #rmo_contact select {
/*border: 1px solid #3f3f3f;
	height: 26px;*/
}
#submit-calendar #password {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 70%;
	float: left;
	display: table;
}
#submit-calendar #password-pic {
	width: calc(30% - 10px);
	float: right;
	padding: 5px;
}
#submit-calendar #password input {
	border: 1px solid #3f3f3f;
	width: calc(100% - 100px);
	float: right;
	height: 28px;
}
/*#submit-calendar #submit-text {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F30;
	margin: 2% auto;
	display: table;
}
*/#submit-calendar #price p1 {
	text-align: left;
	background: #e6bc3d;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #e6bc3d;
	border-radius: 3px;
	bottom: 10px;
}
#submit-calendar #price p2 {
	text-align: left;
	background: #d47265;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #d47265;
	border-radius: 3px;
	bottom: 10px;
}
#submit-calendar #price p3 {
	text-align: left;
	background: #b3d465;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #b3d465;
	border-radius: 3px;
}
#submit-calendar #price-notice {
	font-size: 11px;
	color: #999;
}
#submit-calendar #explan-con {
	width: 100%;
	display: table;
}
#submit-calendar #explan-text {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3f3f3f;
	display: inline-block;
}
#submit-calendar #explan-con textarea {
	border: 1px solid #3f3f3f;
	width: 100%;
	float: right;
	height: 70px;
	margin-top: 5px;
}
#submit-calendar #agree-bt, #back {
	text-align: center;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
}
#submit-calendar #agree-bt a, #back a {
	text-decoration: none;
	color: #3f3f3f;
}
#submit-calendar #agree-bt a:hover, #back a:hover {
	text-decoration: underline;
}
#submit-calendar #sent-bt {
	width: 164px;
	margin: 15px auto;
}
#submit-calendar #sent-bt a, #submit-calendar #sent-bt input[type="submit"] {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	color: #3f3f3f;
	background-color: #e8e5d9;
	padding: 5px 54px;
	text-align: center;
	margin: auto;
}
#submit-calendar #sent-bt a:hover {
	background-color: #c1ba9d;
}
#submit-calendar #notice-text {
	font-size: 11px;
}
.my-form {
	background-color: #ffffff;
	border: 1px solid #afafaf;
	padding: 15px 45px;
	border-radius: 5px;
	margin: 26px auto 10px auto;
	width: 100%;
	display:table;
}
#live-day{
	background: #f3f3f3;
    padding-top: 16px;
    border: 1px solid #fff;
    border-radius: 7px;
}
}
/*room_order_aup_end內容*/

/*words內容*/
#notice-all {
	width: 100%;
	background-color: rgb(232, 229, 217);
	padding-top: 3%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#notice {
	width: 50%;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:200%;
	color: #000;
	margin: auto;
	word-wrap:break-word;
	padding-top: 3%;
	padding-bottom: 3%;	
}
/*words_end內容*/
#footer-all {
	width: 100%;
	display: table;
	background-color: #bfbaa3;
	border-bottom: 3px solid #676352;
}
#footer {
	position: relative;
	margin: 0px auto;
	bottom: 0px;
	width: 85%;
	height: 325px;
	overflow: auto;
	line-height: 25px;
	margin: 3% auto;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}
#footer-l {
	width: 45%;
	float: left;
	text-align: right;
}
#footer-r {
	width: 48%;
	padding-left: 2%;
	float: right;
	border-left: 1px solid #000;
}
.t1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
/*controlBox*/
#controlBox {
	display: none;
	position: relative;
	top: 0px;
	/*background-color:#000;
	height:8vh;
	width:100%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);*/
	z-index: 3;
}
#controlBox .m_nav {
	display: block;
	float: left;
	margin-right: 0px;
	width: 70px;
	height: 70px;
	font-size: 20px;
	color: #000;
	line-height: 60px;
	text-align: center;
	background: #B1AA8E;
}
.hamburger {
	display: none;
	width: 70px;
	height: 70px;
	z-index: 999999;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
	width: 45px;
	background-color: #fff;
}
.hamburger__icon {
	margin-top: 16px;
}
/*menu-t*/
#menu-t {
	color: #fff;
	font-size: 11px;
	letter-spacing: 8px;
	text-align: center;
	text-indent: 7px;
	margin-top: 16px;
}
/*menu-t*/
/*controlBox_END*/
#shadow {
	box-shadow: 0px 1px 10px rgba(51,51,51,0.5);
	padding-bottom: 3%;
}
.choice {
	width: 100%;
	text-align: center;
	color: #686652;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	margin-bottom: 6%;
}
#choice {
	width: 261px;
	height: 36px;
	border: 1px solid #b1aa8e;
	color: #686652;
	font-size: 15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
}
/*商品內容*/
#product-all {
	text-align: center;
	width: 100%;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#product-all ul {
	width: 75%;
	margin: auto;
	display: table;
	margin-bottom: 34px;
}
#product-all ul li {
	list-style: none;
	float: left;
	width: calc(100% / 4 - 10px);
	height: 31em;
	background-color: #fff;
	margin: 20px 5px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16);
}
.product-pic {
	width: 100%;
}
.product-pic img {
	width: 100%;
	height: 21.5em;
}
.product-t {
	width: 100%;
}
.product-title {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 2px;
	margin-top: -3px;
	height: 23px;
	border-bottom: 1px solid #e2e2e2;
	background-color: #eaeaea;
}
.product-title a {
	text-decoration: none;
	color: #000;
}
.product-title a:hover {
	text-decoration: none;
	color: #000;
}
.product-price {
	width: 100%;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
#price {
	margin: 15px 0px;
}
.price-n {
	margin: 11px;
}
.product-price p1 {
	text-align: left;
	background: #e6bc3d;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #e6bc3d;
	border-radius: 3px;
	bottom: 10px;
}
.product-price p2 {
	text-align: left;
	background: #d47265;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #d47265;
	border-radius: 3px;
	bottom: 10px;
}
.product-price p3 {
	text-align: left;
	background: #b3d465;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #b3d465;
	border-radius: 3px;
}
.price_request:hover{
	background: #af1818;
    color: #fff;
	border-color: rgba(0, 0, 0,.1);
}
#product-bt {
	width: 50%;
	margin: auto;
}
#product-bt input[type="text"] {
	width: 42%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#product-bt select {
	width: 42%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#product-bt input[type="submit"] {
	width: 10%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(232, 229, 217);
	background-color: #b1aa8e;
	color: #FFF;
}
#product-bt input[type="submit"]:hover {
	background-color: #8C866E;
	color: #FFF;
}
#buy-bt {
	margin-top: 10px;
	margin-bottom: 10px;
}
#buy-bt a {
	text-decoration: none;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	padding: 5px 25px;
	border-radius: 30px;
	background-color: #b1aa8e;
	color: #FFF;
	transition: all 0.5s ease;
}
#buy-bt a:hover {
	text-decoration: none;
	background-color: #8C866E;
	color: #FFF;
}
.product-bt{
	text-align:center;
}
.product-bt a:hover {
	background: #696969;
    color: #fff;
}
.product-bt a {
	margin-top: -1px;
    width: 100%;
    padding: 2px 0px;
    display: table;
    text-decoration: none;
	background: #333;
    color: #fff;
	transition: all 0.5s ease;
}
/*商品內容*/
/*商品show*/
#product-all2 {
	text-align: center;
	width: 100%;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
/*看更多優質商品*/
#line-more{
	font-size: 120%;
	text-align:center;
	padding:5px;
	font-weight:bold;
	padding: 5px 50px ;
	border-radius: 5px;
	color:#efebeb;	
	background-color: #8c866e;
	box-shadow:2px 1px 2px 0px #75736c;
	transition: all 0.5s ease;
	border: none;	
}
#line-more a{
	color:#efebeb;
	text-decoration:none;
}
#line-more a:hover{
	text-decoration:underline;
}
/*看更多優質商品end*/
#product_info {
	width: 65%;
	margin: auto;
	margin-top: 30px;
}
#product_pic {
	width: 65%;
	float: left;
}
#product_info_t {
	width: 25%;
	float: left;
}
#product_show_title {
	font-size: 22px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin-left: 11px;
	font-weight: bold;
}
#product-all2 hr {
	border: 0px;
	border-top: 1px solid #000;
	margin: 11px;
	margin-bottom: 40px;
}
#buy-bt2-all {
	width: 52%;
	margin: auto;
	display: table;
}
#buy-bt2-all ul {
	display: table;
	float: right;
}
#buy-bt2-all ul li {
	list-style: none;
	margin: 10px;
	float: left;
}
#buy-bt2-all ul li a {
	text-decoration: none;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	padding: 5px 25px;
	border-radius: 30px;
	background-color: #b1aa8e;
	color: #FFF;
	transition: all 0.5s ease;
}
#buy-bt2-all ul li a:hover {
	text-decoration: none;
	background-color: #8C866E;
	color: #FFF;
}
#product-text {
	clear: both;
	margin-top: 20px;
	/* margin-left: 11px; */
	font-size: 100%;
	line-height:180%;
	font-family:  微軟正黑體, Arial, Helvetica, sans-serif;
	color: #000;
	background-color:rgba(255, 255, 255, 0.29);
	border-radius:10px;
	padding: 5px 25px;
	text-align: left;
}
#product_show_bt {
	margin-left: 11px;
	width: 100%;
	display: table;
}
#product_show_bt input[type="submit"] {
	float: left;
	text-decoration: none;
	font-size: 16px;
	font-family: 微軟正黑體;
	font-weight: bold;
	padding: 5px 25px;
	border-radius: 5px;
	background-color: #8C866E;
	color: #FFF;
	transition: all 0.5s ease;
	border: none;
}
#product_show_bt input[type="submit"]:hover {
	text-decoration: none;
	background-color: #8C866E;
	background-color: #b1aa8e;
	color: #FFF;
}
#product_show_bt2 {
	margin-left: 7px;
	width: 100%;
	display: table;
}
#product_show_bt2 input[type="submit"] {
	float: left;
	text-decoration: none;
	font-size: 18px;
	font-family: 微軟正黑體;
	color:#fbfbfb;
	padding: 5px 40px ;
	border-radius: 5px;
	background-color: #c5ad4d;
	box-shadow:2px 1px 2px 0px #75736c;
	transition: all 0.5s ease;
	border: none;
}
#product_show_bt2 input[type="submit"]:hover {
	text-decoration: none;
	background-color: #8C866E;
	background-color: #b1aa8e;
	color: #FFF;
}
#checkout {
    width: 100%;
    position: fixed;
    bottom: 5px;
	z-index: 2;
	display:none;
}
#checkout a {
    width: 100%;
    height: 40px;
    /* display: table; */
    text-align: center;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
    bottom: 0px;
}
/*商品show結束*/
/*product_buylist*/
#product-border {
	width: 60%;
	margin: auto;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
#product-border table {
	background-color: #FFF;
	border-collapse: collapse;
	border: 2px solid #b1aa8e;
}
#product-border td, th {
	text-align: left;
	padding: 7px;
	border: 1px solid #dadada;
}
#product-border th {
	background-color: #b1aa8e;
	color: #fff;
}
.w1 {
	width: 40%;
	text-decoration:none;
	color:#000;
}
.w1 a {
	text-decoration:none;
	color:#000;
}
.w1 a:hover {
	text-decoration:underline;
	color: #000;
}
.w2 {
	width: 20%;
}
.w9 {
	width: 20%;
}
.w4 {
	width: 20%;
}
.w7 {
	width: 35%;
}
.w8 {
	width: 35%;
}
#product-notice {
	width: 100%;
	text-align:right;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cc0303;
	padding-top: 5px;
	padding-bottom: 20px;
}
#buymore a {
	float: right;
	margin-bottom: 20px;
	width: auto;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFF;
	color: #333;
	border-radius: 5px;
	margin: 5px 5px 20px;
	padding: 5px 20px;
	transition: all 0.5s ease;
	position: relative;
	top: 0px;
	left: 0px;
}
#buymore a:hover {
	text-decoration: none;
	background-color: #757575;
	color: #fff;
	position: relative;
	top: 1px;
	left: 1px;
}
/*product_buylist結束*/
/*product_buyinfo*/
#productinfo-border {
	width: 60%;
	margin: auto;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin-bottom: 50px;
}
#buyinfo-title {
	display: table;
	font-family: 微軟正黑體;
	font-size: 18px;
	color: #6f684b;
	font-weight: 600;
	float: left;
	clear: both;
	margin: 10px auto;
}
#productinfo-border table {
	background-color: #FFF;
	border-collapse: collapse;
	border: 2px solid #b1aa8e;
	margin-bottom: 50px;
}
#productinfo-border td, th {
	text-align: left;
	padding: 7px;
	border: 1px solid #dadada;
}
#productinfo-border th {
	background-color: #b1aa8e;
	color: #fff;
}
#productinfo-border .w4 {
	text-align: right;
	font-weight: 600;
}
#productinfo-border .w5 {
	width: 20%;
	/*background-color:#b1aa8e;*/
	/*color:#fff;*/
	font-weight: 600;
	text-align: center;
}
#productinfo-border .w6 {
	width: 70%;
}
#productinfo-border input[type="submit"] {
	text-decoration: none;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	padding: 5px 25px;
	border-radius: 30px;
	background-color: #b1aa8e;
	color: #FFF;
	transition: all 0.5s ease;
	border: 0px;
}
#productinfo-border input[type="submit"]:hover {
	text-decoration: none;
	background-color: #8C866E;
	color: #FFF;
}
/*product_buyinfo結束*/
/*score_buylist*/
#score-all {
	text-align: center;
	width: 100%;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#score-border {
	width: 60%;
	margin: auto;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
#score-border table {
	background-color: #FFF;
	border-collapse: collapse;
	border: 2px solid #b1aa8e;
}
#score-border td, th {
	text-align: left;
	padding: 7px;
	border: 1px solid #dadada;
}
#score-border th {
	background-color: #b1aa8e;
	color: #fff;
}
#score-border th a{
	color: #505050;
    background: #fff;
    border-radius: 11px;
    text-decoration: none;
    padding: 2px 8px;
    border: 1px solid #b9b9b9;
}
#score-border th a:hover{
	color: #505050;
	text-decoration:none;
	opacity:0.5;
}
#score-border p {
	text-align: center;
	margin: 10px auto 20px auto;
	font-size: 17px;
	font-weight: 600;
}
#score-title {
	display: table;
	font-family: 微軟正黑體;
	font-size: 18px;
	color: #6f684b;
	font-weight: 600;
	float: left;
	clear: both;
	margin: 10px auto;
}
#score-all #more-bt {
	width: auto;
	display: table;
	float: left;
}
#score-all #more-bt a {
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-radius: 10px;
	padding: 2px 6px;
	background-color: #6b6b6b;
	color: #FFF;
	transition: all 1s ease;
}
#score-all #more-bt a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #000;
}
#score-page {
	margin-top: 50px;
}
#score-all input[type="submit"] {
	margin-top: 20px;
	text-decoration: none;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	padding: 5px 25px;
	border-radius: 30px;
	background-color: #b1aa8e;
	color: #FFF;
	transition: all 0.5s ease;
	border: 0px;
}
#score-all input[type="submit"]:hover {
	text-decoration: none;
	background-color: #8C866E;
	color: #FFF;
}
/*score結束*/
/*score-message*/
#score-border table ul li {
	margin: 10px;
}
.score-t {
	display: table;
	width: 70px;
	height: 20px;
	text-align: center;
	/*padding:4px 8px;*/
	border-radius: 5px;
	background-color: #b1aa8e;
	color: #fff;
}
/*score-message結束*/
/*score填表*/
#score-border #score-number ul {
	width: 100%;
	display: inline-block;
}
#score-border #score-number ul li {
	float: left;
	width: 23px;
	text-align: center;
	margin: 5px;
}
/*score填表結束*/
/*blog內容*/
#blog-all {
	width:100%;
	text-align: center;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#blog-bt {
	width: 50%;
	margin: auto;
}
#blog-bt input[type="text"] {
	width: 40%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#blog-bt select {
	width: 40%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#blog-bt input[type="submit"] {
	width: 40px;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(232, 229, 217);
	background-color: #b1aa8e;
	color: #FFF;
	padding: 0px 5px;
}
#blog-bt input[type="submit"]:hover {
	background-color: #8C866E;
	color: #FFF;
}
#blog-all ul {
	width: 60%;
	display: table;
	margin: auto;
	margin-bottom: 50px;
}
#blog-all li {
	float: left;
	list-style: none;
	width: calc(100% / 3 - 30px);
	height: auto;
	background-color: #fff;
	padding: 10px;
	margin: 5px 5px;
	text-align: left;
	overflow-y: hidden;
}
.blog-pic {
	width: 100%;
	height: 0px;
    padding-bottom: 67%;
    overflow: hidden;
}
.blog-pic img {
	width: 100%;
	height: auto;
}
.blog-title {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 35px;
	width: 100%;
}
.blog-title a {
	color: #000;
	text-decoration: none;
}
.blog-title a:hover {
	color: #999;
	text-decoration: underline;
}
.blog-date {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 20px;
	color: #afafaf;
	width: 100%;
}
.blog-con {
	font-size: 14px;
	color: #000;
	text-align: justify;
	width: 100%;
}
.blog-con a {
	color: #afafaf;
}
.blog-con a:hover {
	color: #000;
}
/*blog內容結束*/
/*blog-detail內容*/
#blog-detail-bt {
	display: table;
	margin: auto;
}
#blog-detail-bt input[type="text"] {
	width: 40%;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#blog-detail-bt select {
	width: 190px;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#blog-detail-bt input[type="submit"] {
	width: 40px;
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(232, 229, 217);
	background-color: #b1aa8e;
	color: #FFF;
	padding: 0px 5px;
}
#blog-detail-bt input[type="submit"]:hover {
	background-color: #8C866E;
	color: #FFF;
}
#blog-detail-all {
	width: 100%;
	text-align: center;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#blog-detail-con {
	width: 50%;
	margin: auto;
	padding: 20px;
	background: #FFF;
	border-radius: 5px;
	text-align: left;
	display: table;
	font-size: 14px;
	color: #000;
}
#blog-detail-title {
	font-size: 18px;
	font-weight: bold;
	color: #C00;
	padding: 1% 0px;
	border-bottom: solid 1px #000;
	margin-bottom: 10px;
}
#blog-detail-pic {
	margin: 20px 0px;
	display: table;
}
#blog-detail-pic .pic {
	width: calc(48% - 15px);
	margin: 0px 1%;
	float: left;
	padding: 5px 5px 2px 5px;
	border: 1px solid #bdbdbd;
}
#blog-detail-pic .pic img {
	width: 100%;
}
/*blog-detail內容結束*/
/*coupon內容*/
#coupon-all {
	text-align: center;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 6%;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
	width: 100%;
}
#coupon-all ul {
	width: 50%;
	margin: auto;
	text-align: left;
}
#coupon {
	line-height: 28px;
	width: 100%;
	margin: auto;
}
#coupon-all ul li {
	list-style: none;
	margin: auto;
	margin-bottom: 50px;
	background: #fff;
	padding: 18px;
	border-radius: 4px;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.28);
}
#coupon-title {
	/*font-size: 16px;*/
	color: #000;
	/*font-weight: bold;*/
	width: 50%;
	float: left;
}
#coupon-btn {
	width: 50%;
	float: right;
	text-align: right;
}
co1 {
	color: #FFF;
	background-color: #999;
	padding: 2px 8px;
	margin: 5px;
	border-radius: 3px;
}
co2 {
	color: #4a4a4a;
	background-color: #d4d4d4;
	padding: 2px 8px;
	margin: 5px;
	border-radius: 10px;
}
#coupon-con {
	clear: both;
}
#print-con {
	margin: 13px;
	margin-top: 0px;
	line-height: 20px;
}
#coupon-pic {
	margin: 20px 0px;
	margin-left: 8px;
	padding-top: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#coupon-notice {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
}
#coupon-btn a {
	color: #fff;
	text-decoration: none;
	background-color: #333;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#coupon-btn a:hover {
	background-color: #999;
}
#okinn-notice {
	color: #666;
	font-size: 100%;
	border: 1px dotted;
	padding: 10px;
	height: auto;
	border-radius: 5px;
	line-height: 18px;
}
/*coupon內容結束*/
/*coupon列印內容*/
#print {
	line-height: 28px;
	width: 50%;
	margin: auto;
	border: 1px dashed #666;
	padding: 20px;
	background-color: #fff;
}
#print a {
	color: #000;
}
#print a:hover {
	color: #fff;
}
#print-bigtitle {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	background-color: #f1f1f1;
	width: 100%;
	height: auto;
	padding: 14px 0px;
	margin-bottom: 47px;
}
#print-title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	width: 100%;
	float: left;
}
#print-btn {
	display: table;
	text-align: center;
	margin: auto;
	margin-top: 20px;
}
co1 {
	color: #FFF;
	background-color: #999;
	padding: 2px 8px;
	margin: 5px;
	border-radius: 3px;
}
co2 {
	color: #FFF;
	background-color: #999;
	padding: 2px 8px;
	margin: 5px;
	border-radius: 10px;
}
#print-con {
	margin: 13px;
	margin-top: 0px;
	line-height: 20px;
}
#print-pic {
	margin: 20px 0px;
	margin-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: auto;
}
#print-notice {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
	text-align: justify;
}
#print-btn a {
	color: #fff;
	text-decoration: none;
	background-color: #333;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#print-btn a:hover {
	background-color: #999;
	color: #fff;/*font-weight:bold;*/
}
#okinn-notice {
	color: #666;
	font-size: 100%;
	line-height: 15px;
	border: 1px dotted;
	padding: 10px;
	text-align: justify;
}
/*coupon列印內容節束*/
/*share內容*/
#share-all {
	text-align: center;
	background-color: rgb(232, 229, 217);
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 3%;
	display: table;
	top: 33px;
	position: relative;
	margin-bottom: 5%;
}
#share-bt {
	font-size: 15px;
	display: table;
	margin: auto;
}
#share-bt select#s_city, select#s_town, select#s_type, select#s_custom {
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(104, 102, 82);
}
#share-bt input[type="submit"] {
	height: 37px;
	font-size: 15px;
	font-family: 微軟正黑體;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(232, 229, 217);
	background-color: #b1aa8e;
	color: #FFF;
	padding: 0px 5px;
}
#share-bt input[type="submit"]:hover {
	background-color: #8C866E;
	color: #FFF;
}
#share-all ul {
	width: 60%;
	margin: auto;
}
#share-all ul li {
	width: 80%;
	list-style: none;
	background: #fff;
	display: table;
	margin: 20px auto;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.25);
}
#share-title {
	font-size: 18px;
	font-weight: bold;
	color: #C00;
	padding: 0px 1%;
	text-align: justify;
}
#share-title a {
	color: #C00;
	text-decoration: none;
}
#share-title a:hover {
	color: #F00;
	text-decoration: underline;
}
#share-pic {
	width: 28%;
	margin: 1%;
	float: left;
}
#share-pic img {
	width: 100%;
}
#share-right {
	width: 68%;
	margin: 1%;
	float: right;
}
.share-date {
	font-size: 100%;
	margin-bottom: 3px;
	color: #8e8c8c;
	text-align: left;
}
.share-date a {
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}
.share-date a:hover {
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}
.share-class {
	font-size: 100%;
	margin-bottom: 10px;
	color: #8e8c8c;
	text-align: left;
}
.share-brief {
	font-size: 14px;
	margin-top: 20px;
	border-top: 1px dotted #000;
	padding-top: 20px;
	text-align: justify;
}
/*share內容結束*/
/*自我介紹*/
#introduce{
	width:100%;
	background-color: rgb(232, 229, 217);
    display: table;
    box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.31);
	background-image: url(http://okinn.goodoks.com/im/line-bg.png);
    background-repeat: repeat;
	word-wrap: break-word;
    word-break: break-all;
	text-align:center;
}
#introduce-con{
	width:50%;
	margin:auto;
	background-color: rgb(218, 216, 210);
}
#introduce-pic{
	display:table;
	margin: 30px 0px;
}
div#introduce-pic img {
    width: 100%;
}
#introduce-text{
	width:90%;
	text-align:left;
	display:table;
	margin:40px auto;
	padding-bottom:20px;	
}
#introduce-text img{
	width:100%;
}
/*自我介紹結束*/
/*改色系*/

/*改色系結束*/
/*修正*/
#con-l ,#con-r{
	word-wrap:break-word;
}
#con-l img ,#con-r img {
    width: 100%;
    height: auto;
}
#product-text{
	word-wrap:break-word;
}
#product-text img {
    width: 65%;
    height: auto;
}
#print-con{
	word-wrap:break-word;
}
#print-con img {
    width: 100%;
}
#blog-detail-con{
	word-wrap:break-word;
}
#blog-detail-con img {
    width: 100%;
    height: auto;
}
#share-all {
    width: 100%;
}
#notice{
	word-wrap:break-word;
}
#notice img {
    width: 100%;
}
#location-info img {
    width: 100%;
}
/*修正結束*/
@media screen and (min-width: 1024px) and (max-width: 1509px) {
#nav {
	display: block;
}
#controlBox {
	display: none;
}
#box{
	display:none;
}
.hamburger {
	display: none;
}
#h-title {
	margin-left: 15px;
}
#info {
	width: 70%;
}
#con-all {
	width: 85%;
}
/*room內容*/
#room-bt-all {
	width: 100%;
	float: left;
}
#room-all2 ul li {
    width: calc(100% / 2 - 10px);
    height: auto;
}
#room-all2 #bt a {
	padding: 3% 5%;
}
#bt2 {
	width:80%;
}
#room-all2 ul li #pic{
	width:100%;
	height:auto;
}
#room-all2 ul li #pic img{
	width:100%;
}
#room-all2 ul li #text {
    width: 100%;
}
/*room_end內容*/
/*room_show內容*/
#room_all {
	width: 80%;
}
#room_pic {
	margin: 3% auto;
}
#pic8 ul li {
	width: calc(100% / 2);
}
#pic8 ul li .text {
	width: calc(100% / 2);
}
.showbox {
	width: 100%;
	float: none;
}
.abgne-block {
	float: none;
}
.abgne-block ul {
	margin: 0px;
	margin-top: 4px;
}
.abgne-block ul li {
	float: left;/*margin-left: 10px;*/
}
/*room_show_end內容*/
	
	/*book內容*/
#book-con {
	width: 80%;
}
/*book_end內容*/
	
	/*book_keying內容*/
#book-keying {
	width: 60%;
}
/*book_keying_end內容*/
	
	/*room_online內容*/
#room-online-con {
	width: 95%;
}
/*room_online_end內容*/
	
	/*room_order內容*/
#rom-id-all ul {
	width: 90%;
}
#calendar-box {
	margin-top: 1%;
}
/*room_order_end內容*/
	
	/*room_order_aup內容*/
#submit-calendar {
	width: 60%;
}
/*room_order_aup_end內容*/
	
	/*album內容*/
#album1 {
	width: 80%;
}
/*album_end內容*/
	
	/*photo_list內容*/
#album2 {
	width: 80%;
}
/*photo_list_end內容*/
	/*location內容*/
#location-info {
	width: 100%;
}
#map1 {
	width: 85%;
}
mapt1 {
	width: 90%;
}
map2 {
	width: 100%;
}
/*location內容結束*/

	/*news_board內容*/
#news-board-con {
	width: 80%;
}
/*news_board_end內容*/
	/*product內容*/
#product-all ul {
	width: 95%;
}
#product-all ul li {
	width: calc(100% / 3 - 10px);
}
/*product內容結束*/
	/*商品show*/
#product_info {
	width: 70%;
}
#buy-bt2-all {
	width: 65%;
}
/*商品show結束*/
	/*商品list*/
#product-border {
	width: 80%;
}
/*商品list結束*/
/*product_buyinfo*/
#productinfo-border {
	width: 80%;
}
/*product_buyinfo結束*/
	/*blog-detail內容*/
#blog-detail-con {
	width: 80%;
}
	/*blog-detail結束*/
	/*share內容*/
#share-all ul {
	width: 70%;
}
/*share內容結束*/
/*score-border*/
#score-border{
	width:80%;
}
/*footer*/
#footer {
	width: 760px;
	overflow:auto;
}
#footer-l {
    width: 350px;
    overflow: auto;
}
/**about_add**/
#feature_text, #service_text, #facility_text, #view_text {
    width: 85%;
}
/**about_add_end**/

}
@media screen and (min-width: 769px) and (max-width: 1023px) {
#head {
	position: absolute;
	position: fixed;
	margin:0px;
}
.slides-pagination{
	bottom: 0px;
}
#box{
	display:block;
	height:70px;
	width:100%;
}
.arrow {
	bottom: 80px;
}
#nav {
	display: none;
}
#controlBox {
	display: block;
}
.hamburger {
	display: block;
}
#h-title {
	margin-left: 15px;
}
#info {
	width: 70%;
}
#con-all {
	width: 85%;
}
/*room內容*/
#room-bt-all {
	width: 100%;
	float: left;
}
#room-all2 ul li {
	width: calc(100% / 1 - 10px);
}
#room-all2 #bt a {
	padding: 3% 5%;
}
/*room_end內容*/
	/*room_show內容*/
#room_all {
	width: 90%;
}
#room_pic {
	margin: 3% auto;
}
.showbox {
	width: 100%;
	float: none;
}
.abgne-block {
	float: none;
}
.abgne-block ul {
	margin: 0px;
	margin-top: 4px;
}
.abgne-block ul li {
	float: left;/*margin-left: 10px;*/
}
/*room_show_end內容*/
	
	/*book內容*/
#book-con {
	width: 80%;
}
/*book_end內容*/
	
	/*book_keying內容*/
#book-keying {
	width: 60%;
}
/*book_keying_end內容*/

#pic8 ul li {
	width: calc(100% / 2);
}
#pic8 ul li .text {
	width: calc(100% / 2);
}
	
	/*room_online內容*/
#room-online-con {
	width: 95%;
}
/*room_online_end內容*/
	
	/*room_order內容*/
#rom-id-all ul {
	width: 90%;
}
#calendar-box {
	margin-top: 1%;
}
/*room_order_end內容*/
	
	/*room_order_aup內容*/
#submit-calendar {
	width: 60%;
}
/*room_order_aup_end內容*/
	
	/*album內容*/
#album1 {
	width: 80%;
}
/*album_end內容*/
	
	/*photo_list內容*/
#album2 {
	width: 80%;
}
/*photo_list_end內容*/

	/*news_board內容*/
	#news-board-con {
	width: 90%;
}
/*news_board_end內容*/
	/*location內容*/
#location-info {
	width: 100%;
}
#map1 {
	width: 90%;
}
mapt1 {
	width: 90%;
}
map2 {
	width: 100%;
}
/*location內容結束*/
	/*商品show*/
#product_info {
	width: 90%;
}#product-all ul {
	width: 95%;
}
#product-all ul li {
	width: calc(100% / 2 - 10px);
}
#product-text img {
    width: 90%;

}
/*商品show結束*/
	/*商品list*/
#product-border {
	width: 70%;
}
/*商品list結束*/
	/*product_buyinfo*/
#productinfo-border {
	width: 70%;
}
/*product_buyinfo結束*/
	/*coupon列印內容*/
#print {
	width: 50%;
}
/*coupon列印內容結束*/
	/*blog-detail內容*/
#blog-detail-con {
	width: 80%;
}
	/*blog-detail結束*/
/*自我介紹*/
#introduce-con{
	width:95%;
}
/*score-border*/
#score-border{
	width:80%;
}
/*footer*/
#footer {
	width: 760px;
	overflow:auto;
}
#footer-l {
    width: 370px;
    overflow: auto;
}
/**about_add**/
#feature_text, #service_text, #facility_text, #view_text {
    width: 85%;
}
/**about_add_end**/
}
@media screen and (max-width: 768px) {
#head {
	position: absolute;
	position: fixed;
	margin:0px;
}
#box{
	display:block;
}
.slides-pagination{
	bottom: 0px;
}
.arrow {
	bottom: 80px;
}
#nav {
	display: none;
}
#controlBox {
	display: block;
}
.title {
	margin-top: -11%;
	padding-top: 11%;
}
.hamburger {
	display: block;
}
#h-title {
	margin-left: 15px;
}
#info {
	width: 80%;
}
#infol {
	float: none;
}
#infor {
	float: none;
}
#pic8 ul li {
	width: calc(100% / 2);
}
#pic8 ul li .text {
	width: calc(100% / 2);
}
#con-all {
	width: 85%;
}
#con-l {
	width: 100%;
	border: 0px;
	float: none;
}
#con-r {
	width: 100%;
	float: none;
}
/*room內容*/
#room-all2 ul {
	width: 90%;
}
#room-all2 #bt a {
	padding: 3% 14%;
}
#room-all2 ul li {
	width: calc(100% / 2 - 10px);
  height: 700px;
}
#room-all2 ul li #pic {
	width: 100%;
	height: auto;
}
#room-all2 ul li #pic img {
	width: 100%;
	clear: both;
}
#room-all2 ul li #text {
	width: 100%;
	clear: both;
}
#room-all2 p {
	clear: both;
	width: calc(100% - 20px);
	margin: auto;
	margin: 10px 10px 10px 10px;
}
#bt2 {
	width:100%;
}
/*room_end內容*/
	
/*room_show內容*/
#room_all {
	width: 90%;
}
#room_pic {
	margin: 3% auto;
}
.showbox {
	width: 100%;
	float: none;
}
.abgne-block {
	float: none;
	margin-left: 0px;
}
.abgne-block ul {
	margin: 0px;
	margin-top: 4px;
}
.abgne-block ul li {
	float: left;
	width: calc(100% /6.65);/*margin-left: 10px;*/
}
.abgne-block img {
	width: 100%;
}
/*room_show_end內容*/
	
	/*tour內容*/
#travel-all {
	width: 80%;
}
#travel-all ul li {
	width: calc(100% / 2 - 20px);
	height: 27em;
	overflow: hidden;
}
/*tour內容end*/
	
	/*book內容*/
#book-con {
	width: 90%;
}
/*book_end內容*/
	
	/*book_keying內容*/
#book-keying {
	width: 80%;
	margin-top: 50px;
}
/*book_keying_end內容*/
	
	/*room_online內容*/
#room-online-con {
	width: 95%;
}
#room-text img {
    width: 100%;
}
/*room_online_end內容*/
	
	/*room_order內容*/
#rom-id-all ul {
	width: 90%;
}
#rom-id-b {
	width: 100%;
}
#rom-id-all ul li #pic{
	width:100%;
	padding:0px;
	}
#rom-id-all ul li #pic img {
	width: 100%;
	float: none;
}
#rom-id-all p {
	width: 100%;
	/*float: right;*/
}
#calendar-box {
	/*margin: 5% 5%;*/
	margin-top: 3%;
	float: left;
}
#rom-id-b #bt {
	margin-left: 19px;
	float: left;
}
div#rom-id-c {
    display: table;
    margin: auto;
}
/*room_order_end內容*/
	
	/*room_order_aup內容*/
#submit-calendar {
	width: 90%;
}
/*room_order_aup_end內容*/
	/*news_board內容*/
#news-board-con {
	width: 90%;
}
/*news_board_end內容*/
		
	/*album內容*/
#album1 {
	width: 80%;
}
#album-slc-con {
	width: 50%;
}
#album1 #con ul li {
	width: calc(100% / 2 - 30px);
}
/*album_end內容*/
	
	/*photo_list內容*/
#album2 {
	width: 80%;
}
#album2 #con ul li {
	width: calc(100% / 2 - 30px);
}
/*photo_list_end內容*/
	
	/*news內容*/
#news-all {
	width: 80%;
}
/*news內容end*/
	
	/*news_board內容*/
#news-board-con {
	width: 90%;
}
/*news_board_end內容*/
	
	/*words內容*/
#notice {
	width: 80%;
}
/*words-end內容*/
	/*location內容*/
#location-info {
	width: 100%;
}
#map1 {
	width: 100%;
}
mapt1 {	
	width: 90%;
}
map2 {
	width: 100%;
}
/*location內容結束*/
	/*product內容*/
#product-all ul {
	width: 95%;
}
#product-all ul li {
	width: calc(100% / 2 - 10px);
}
#product-bt {
	width: 80%;
}
/*product內容結束*/
	/*商品show*/
#product_info {
	width: 90%;
}
#buy-bt2-all {
	width: 80%;
}
#product_info_t {
	width: 50%;
}
#checkout {
	display:block;
	}
#product-text img {
    width: 100%;
}
/*商品show結束*/
	/*商品list*/
#product-border {
	width: 80%;
}
/*商品list結束*
	/*product_buyinfo*/
#productinfo-border {
	width: 80%;
}
#productinfo-border .w5 {
	width: 40%;
}
#productinfo-border .w6 {
	width: 60%;
}
/*product_buyinfo結束*/
	/*blog內容*/
#blog-all ul {
	width: 80%;
}
#blog-all li {
	width: calc(100% / 2 - 30px);
}
#blog-bt {
	width: 80%;
}
/*blog內容結束*/
	/*blog-detail內容*/
#blog-detail-con {
	width: 80%;
}
/*blog-detail內容結束*/
	/*coupon內容*/
#coupon-all ul {
	width: 80%;
}
/*coupon結束內容*/
	/*coupon列印內容*/
#print {
	width: 80%;
}
/*coupon列印內容結束*/
	/*share內容*/
#share-all ul {
	width: 80%;
}
/*score-border*/
#score-border{
	width:90%;
}
#footer {
	width: 85%;
	height: auto;
}
/*footer*/
#footer-l {
	width: 94%;
	float: none;
	padding: 3%;
	text-align: left;
}
#footer-r {
	width: 94%;
	float: none;
	padding: 3%;
	border: 0px;
}
/*修正*/
#tab3 img {
	width: 100%;
}
#location-info img {
	width: 100%;
	height: auto;
}
#print-con img {
	width: 100%;
}
#blog-detail-con img {
	width: 100%;
	height: auto;
}
#notice img {
	width: 100%;
}
/*修正結束*/
/**about_add**/
#feature_text, #service_text, #facility_text, #view_text {
    width: 85%;
}
/**about_add_end**/
}
@media screen and (max-width: 480px) {
#head {
	position: absolute;
	position: fixed;
	margin:0px;
}
.slides-pagination{
	bottom: 0px;
}
#slider {
	padding-top:35px; 
	padding-bottom: 70%;
}
.flickerplate {
	height: 500px;
}
#nav {
	display: none;
}
#controlBox {
	display: block;
}
.hamburger {
	display: block;
}
#h-title {
	margin-left: 5.1px;
	width: calc(100% - 8em);
	line-height: 30px;
	font-size: 1.3em;
	word-break: break-all;
	height: 70px;
	display: table;
}
#h-title-in {
	display: table-cell;
	vertical-align: middle;
}
#okin {
	height: 70px;
	display: table;
}
#h-title img {
	width: 1.1em;
	height: auto;
}
#topmall_logo {
	float: none;
	top: auto;
	display: table-cell;
	vertical-align: middle;
}
#topmall_logo img {
	width: 5em;
	height: auto;
}
.arrow {
	/* display: none; */
	width: 160px;
	bottom: 120px;
}
.title {
	margin-top: -20%;
	padding-top: 20%;
}
#info {
	width: 80%;
	margin:10% auto;
	padding-left:5%;
}
#infol {
	float: none;
	width: 100%;	
}
#infor {
	float: none;
	width: 100%;	
}
#pic8 ul li {
	width: 100%;
}
#pic8 ul li .text {
	width: 100%;
}
#con-all {
	width: 85%;
}
#con-l {
	width: 100%;
	border: 0px;
	float: none;
}
#con-r {
	width: 100%;
	float: none;
}
/*room內容*/
#bt2 select {
	width: calc(100% / 3 - 30px);
	margin-right: -20px;
	margin-left: -20px;
}
#bt2 {
	width: 100%;
	margin:auto;
}
/**/
#room-all2 ul li {
	width: calc(100% - 10px);
}
#room-all2 ul li #pic {
	width: 100%;
	height: 20em;
	height: auto;
}
#room-all2 ul li #pic img {
	width: 100%;
	height: 20em;
	clear: both;
}
#room-all2 ul li #text {
	width: 100%;
	clear: both;
}
#room-all2 p {
	clear: both;
	width: calc(100% - 20px);
	margin: auto;
	margin: 10px 10px 10px 10px;
}
/*room_end內容*/
	
	/*room_show內容*/
	
.abgne-block {
	float: none;
	margin: 0px;
}
.abgne-block ul {
	width: 100%;
}
.abgne-block ul li {
	width: calc(100% / 8);
}
#room_info ul.tabs li a {
	padding: 0 9px;
}
.abgne-block img {
	width: 100%;
	height:auto;	
}
/*room_show_end內容*/
	/*news_board內容*/
#news-board-con {
	width: 90%;
}
/*news_board_end內容*/
	
	/*tour內容*/
#travel-all ul li {
	width: calc(100% - 20px);
	height: 27em;
	overflow: hidden;
}
#travel-con {
	margin-bottom: 15%;
}
/*tour內容end*/
	
	/*book內容*/
#book-con {
	width: 90%;
}
#book-con ul li .pic {
	width: 100%;
}
#book-con ul li .text {
	width: 100%;
}
#book-con ul li .lt {
	width: 100%;
}
#book-con ul li .re, .re-s {
	width: calc(100% - 20px);
}
#book-keying-bt {
	width: 100%;
}
#book-send {
	width: 50%;
	float: left;
}
#book-clear {
	width: 50%;
	float: left;
}
/*book_end內容*/
	
	/*book_keying內容*/
#book-keying {
	width: 90%;
	margin-top: 50px;
}
#mspic {
	width: 100%;
	float: none;
	display: table;
}
#password {
	width: 100%;
}
/*book_keying_end內容*/
	
	/*room_online內容*/
#room-online-con {
	width: 95%;
    overflow-x: auto;
}
#room-text img {
    width: 100%;
}
#room-online-all {
	margin-bottom: 15%;
}
/*room_online_end內容*/
/*room_order內容*/
.my-form {
    padding: 5px;
}
#rom-id-all ul {
	width: 90%;
}
#rom-id-all #price {
	margin: 0px;
}
#rom-id-all p4 {
	float: left;
	margin: 11px;
	color: #b5b5b5;
}
#rom-id-all p {
	width: calc(100% - 20px);
	float: none;
}
#calendar-box {
	margin: 4% auto;
	float: none;
}
#rom-id-all ul li #pic{
	padding:0px;
}
#rom-id-c {
	margin: auto;
}
#rom-id-b #bt {
	float: none;
	margin: auto;
	margin-bottom: 10%;
}
#submit-calendar #password {
	width: 100%;
}
#submit-calendar #password-pic {
	width: 100%;
}
#submit-calendar #password-pic img {
	width: 150px;
	height: 50px;
	float: none;
}
/*room_order_end內容*/
	/*room_order__aup內容*/
#submit-calendar {
	width: 80%;
}
#price-t {
	width: 100%;
}
/*room_order__aup_end內容*/
	
	/*album內容*/
#album1 {
	width: 90%;
}
#album-slc-con {
	width: 80%;
}
#album1 #con ul li {
	width: calc(100% - 30px);
}
/*album_end內容*/
	
	/*photo_list內容*/
#album2 {
	width: 90%;
}
#album2 #con ul li {
	width: calc(100% - 30px);
}
/*photo_list_end內容*/
	
	/*news內容*/
#news-all {
	width: 90%;
}
#news-all ul li .icon {
	float: none;
}
#news-all ul li .title {
	float: none;
	width: 100%;
}
#news-all ul li .date {
	float: none;
	width: 100%;
	text-align: left;
}
/*news內容end*/
	
	/*news_board內容*/
#news-board-con {
	width: 90%;
}
/*news_board_end內容*/
	
	/*words內容*/
#notice {
	width: 85%;
}
#notice-all {
	margin-bottom: 15%;
}
/*words_end內容*/
	/*location內容*/
#location-info {
	width: 100%;
}
#map1 {
	width: 100%;
}
mapt1 {	
	width: 90%;
}
map2 {
	width: 100%;
}
/*location內容結束*/
	/*product內容*/
#product-all ul {
	width: 98%;
}
#product-all ul li {
	width: calc(100% - 10px);
}
#product-bt {
	width: 90%;
}
#product-bt input[type="text"] {
	width: 37%;
}
#product-bt select {
	width: 40%;
}
#product-bt input[type="submit"] {
	width: 20%;
}
/*product內容結束*/
	/*商品show*/
#buy-bt2-all {
	width: auto;
	display: table;
}
#product_info {
	width: 90%;
}

#product_pic {
	width: 100%;
}
#product_info_t {
	width: 100%;
	margin-top: 50px;
}
/*商品show結束*/
	/*商品list*/
#product-border {
	width: 95%;
}
/*商品list結束*/
    /*product_buyinfo*/
#productinfo-border {
	width: 95%;
}
#productinfo-border .w5 {
	width: 40%;
}
#productinfo-border .w6 {
	width: 60%;
}
/*product_buyinfo結束*/
	/*blog內容*/
#blog-all ul {
	width: 90%;
}
#blog-all li {
	width: calc(100% - 30px);
}
#blog-bt {
	width: 90%;
}
#blog-bt input[type="text"] {
	width: 36%;
}
/*blog內容結束*/
	/*blog-detail內容*/
#blog-detail-con {
	width: 80%;
}
#blog-detail-title {
	border-bottom: solid 1px #d4d4d4;
}
#blog-detail-pic .pic {
	width: calc(100% - 15px);
	margin: 6px 1%;
}
/*blog-detail內容結束*/
	/*coupon內容*/
#coupon {
	margin-top: 30px;
}
#coupon-all ul {
	width: 90%;
}
#coupon-title {
	width: 100%;
}
#coupon-btn {
	margin-top: -29px;
}
#coupon-pic img {
	width: 100%;
	height: auto;
}
#coupon-btn {
	margin-top: -60px;
	margin-left: 5px;
	float: left;
	text-align: left;
}
/*coupon內容結束*/
	/*coupon列印內容*/
#print {
	width: 80%;
}
#print-pic img {
	width: 100%;
	height: auto;
	overflow: auto;
}
/*coupon列印內容結束*/
	/*share內容*/
#share-title {
	margin-bottom: 5px;
}
#share-pic {
	width: 100%;
	float: none;
	margin: auto;
}
#share-right {
	width: 100%;
}
.share-brief {
	margin-top: 10px;
	padding-top: 10px;
}
form {
/*ltext-align: center;
		ine-height: 50px;*/
}
/*share內容結束*/
/*自我介紹*/
#introduce-con{
	width:85%;
}
/*自我介紹*/
/*score-border*/
#score-border th a {
    color: #fffbda;
    font-weight: bold;
	background: none;
    border-radius: 0px;
    text-decoration:none;
    padding: 0px;
    border: 0px;
}
/*footer*/
#footer {
	width: 300px;
}
#footer-l {
	width: 94%;
	float: none;
	padding: 3%;
	text-align: left;
}
#footer-r {
	width: 100%;
	float: none;
}
/*修正*/
#tab3 img {
	width: 100%;
}
#location-info img {
	width: 100%;
	height: auto;
}
#print-con img {
	width: 100%;
}
#blog-detail-con img {
	width: 100%;
	height: auto;
}
#notice img {
	width: 100%;
}
#share-bt{
	width:90%;
}
/*修正結束*/
/**about_add**/
#feature_text, #service_text, #facility_text, #view_text {
    width: 85%;
	padding: 5% 1%;
}
/**about_add_end**/
}