@charset "utf-8";

/** bootstrap **/
@import url(bootstrap.css);

/** 文字icon **/
@import url(font-awesome.min.css);

/** 手機選單 **/
@import url(slicknav.css) screen and (max-width:950px);

/** edm **/
@import url(edm.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff url("../images/bg.jpg") center center; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family: "Microsoft JhengHei","arial";word-break: break-word;letter-spacing: 1px;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
table{border-collapse:inherit;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f3f3f3;}
::-webkit-scrollbar-thumb {background: #666666;}
::-webkit-scrollbar-thumb:hover {background: #e2cd92;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#ffffff;}
::-moz-placeholder{color:#ffffff;}
:-ms-input-placeholder{color:#ffffff;}
input:-moz-placeholder{color:#ffffff;}
#field2::-webkit-input-placeholder{color:#ffffff;}
#field3::-webkit-input-placeholder{color:#ffffff; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#ffffff;}
#field2::-moz-placeholder{color:#ffffff;}
#field3::-moz-placeholder{color:#ffffff; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#ffffff;}
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}

/** 手機選單、選單 色塊-變色 **/
.slicknav_icon-bar{background-color:#FFF;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{color: #ffffff;background: #d88f3c;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 上版 **/
header{background:#ffffff url("../images/top_bg.jpg") center top;border-bottom: 1px #7f0f0e solid;padding: 22px 15px 62px 15px;}
.head-main{max-width:1200px; margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.language{width: auto;display: flex; justify-content: flex-end;border: 1px #84b642 solid;font-size: 14px;height:100%;line-height: 1;margin: 0 0 0 15px;}
.language .language-title{display: flex;align-items: center;background: #84b642;width: auto;font-size: 14px;color: #ffffff;padding:3px 6px;}
.language .language-title i{width: 20px;border-left: 1px #ffffff solid;display: inline-block;padding: 0 0 0 5px;margin: 0 0 0 5px;}
.language .language-info{flex: 1;background: #ffffff;}
.language .language-info select{background: #ffffff;width: 100%;border: 0;padding:3px 6px;}
.head-main .logo{width: 310px; height:auto;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
@media screen and (max-width:950px){
    header{padding:15px 15px}
    .head-main .logo{width: 250px;}
}
@media screen and (max-width:575px){
    header{padding:10px 15px;}
    .head-main .logo{width: 220px;margin: 0 auto;}
    .language{position: absolute;top: 10px;right: 120px;margin: 0;height: auto;}
    .language .language-title{display: none;}
    .language .language-info select{padding:5px 6px;height: 31px;}
}

/** 主選單與下拉 **/
.menu-icon{display: flex;align-items: center; justify-content: space-between;background:#7d4723;max-width:1200px;margin:-40px auto 0 auto;position: relative;z-index: 10000;height: 80px;}
nav{width: auto;}
.menu{padding:0; list-style:none; position:relative; margin:0; display:flex;}
.menu>li{width: auto;color:#f5e7a4; font-size:14px; text-align:center; position:relative;cursor:pointer; padding:0; margin:0;border-right: 1px #875534 solid;}
.menu>li>a{color:#f5e7a4; display:block; padding:28.81px 17px;margin:0;position: relative;}
.menu>li>a:after{content: "";display: block;width: 60px;height: 0px;background: #a65757;position: absolute;bottom: 0;left: calc(50% - 30px);transition: all 0.5s ease 0s;}
.menu>li>a:hover{background:#7f0f0e ;color: #ffffff;}
.menu>li>a:hover:after{height: 1px;bottom: 14px;transition: all 0.5s ease 0s;}
.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px #fff dotted;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:5px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
.contact-icon{width: auto;margin: 0 15px;}
.contact-icon>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.contact-icon>ul>li{padding: 0;margin: 5px;width: auto;}
.contact-icon>ul>li a{display:flex;align-items: center;justify-content: center; background: #ffffff;width: 36px; height: 36px; border-radius: 50px;padding: 6px;}
.contact-icon>ul>li a img{-webkit-filter: brightness(1);transition: all 0.5s ease 0s;}
.contact-icon>ul>li a:hover{background: #7f0f0e;}
.contact-icon>ul>li a:hover img{-webkit-filter: brightness(100);transition: all 0.5s ease 0s;}
@media screen and (max-width:1100px){
	.menu>li>a{padding:28.81px 8px;}
}
@media screen and (max-width:950px){
    .menu-icon{position: inherit;margin: 0;height: auto;}
    .contact-icon{position: absolute;top:4px;left: 0;margin: 0 5px;}
    .b-color, .slicknav_menu{background: #7d4723;}
	#menu{display:none;}
	.slicknav_menu{display:block;}
}

/** edm輪播 **/
.edm-main{background:#ffffff; max-width:100%; margin:0 auto; position:relative;}
.edm-main img{vertical-align:middle; width:100%; height:auto; position:absolute;}
.edm{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 2000px; height: 1200px; overflow: hidden; visibility: hidden;}
.edm-loading-main{position: absolute; top: 0px; left: 0px;}
.edm-loading{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.edm-loading-photo{position:absolute;display:block;background:url(../images/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.edm-photo{cursor: default; position: relative; top: 0px; left: 0px; width: 2000px; height: 1200px; overflow: hidden;}
.edm-navigator{width:16px;height:16px;}

/** 配置 **/
.warpper{}
.main{}

/** 首頁選單 **/
.i-menu-main{padding:15px;}
.i-menu{max-width: 1200px; margin: 0 auto;}
.i-menu>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.i-menu>ul>li{padding: 0;margin:2.5vw;width: calc(100%/3 - 5vw);}
.i-menu>ul>li .i-photo-main{border: 5px #d1d1d1 solid;border-radius: 800px;overflow: hidden;position: relative;transform:scale(1);transition: all 0.8s ease 0s;}
.i-menu>ul>li .i-photo-main .i-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.i-menu>ul>li .i-photo-main .i-details{padding: 9px 15px;text-align: center; background: #7f0f0e;color: #ffffff;margin: 0px;opacity: 1;font-size: 14px;width: 98px;height: 34px;position: absolute;bottom: -34px;left: calc(50% - 49px);line-height: 1.2;transition: all 0.8s ease 0s;}
.i-menu>ul>li .i-menu-info{text-align: center;}
.i-menu>ul>li .i-menu-info h2{font-size: 18px;color: #363636;font-weight: normal;margin: 0;padding: 20px 0 8px 0;line-height: 1.4;}
.i-menu>ul>li .i-menu-info .i-menu-dep{font-size: 13px;color: #666;text-align: center;}
.i-menu>ul>li:hover .i-photo-main{transform:scale(1.08);transition: all 0.8s ease 0s;}
.i-menu>ul>li:hover .i-photo-main .i-details{bottom: calc(50% - 17px);transition: all 0.8s ease 0s;}
@media screen and (max-width:950px){
    .i-menu-main{padding:115px 15px 35px 15px;}
    .i-menu>ul>li{margin:10px;width: calc(100%/3 - 20px);}
}
@media screen and (max-width:767px){
    .i-menu-main{padding:105px 15px 25px 15px;}
    .i-menu>ul{display:block;}
    .i-menu>ul>li{margin:30px 0;width: calc(100%/1 - 0px);}
    .i-menu>ul>li .i-photo-main{max-width: 500px;margin: 0 auto;}
}

/** 內頁架構 **/
.content-body-main{background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;margin: -40px 0 0 0;}
.content-body{padding:70px 5vw 30px 5vw;display: flex;}
.content-page{background: rgba(0,0,0,.5);padding:30px ;margin:0 1vw; max-width: 700px;width:calc(100% - 2vw);}
.content-page02{flex:1;max-width: inherit;}
.content-page03{flex: 1.7;max-width: inherit;}
.page-title{ width: 100%;margin: 0 0 20px 0;font-size: 22px;color: #e2cd92;padding: 7px 10px;text-align: center;border-bottom: 1px #e2cd92 solid;line-height: 1.6;font-weight:bold;}
.page-title02 { width: 100%;font-size: 17px;color: #f4c8a7;padding:0;margin: 10px 0;font-weight: normal;}
.page-main{padding:0; font-size:16px; color:#ffffff;margin: 0;height:calc(100vh - 606px);overflow-y: auto; min-height: 300px;}
@media screen and (max-width:950px){
    .content-body-main{margin: 0;}
    .content-body{padding:15px;}
    .content-page{padding:15px;}
	.page-main{height:calc(100vh - 476px);}
}
@media screen and (max-width:767px){
    .content-body{display:block;}
    .content-page{max-width: inherit;width: 100%;margin: 0;}
    .content-page02{flex:initial;}
    .content-page03{flex:initial;}
	.page-main{height:auto;}
}

/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{border-bottom:1px #fff solid; font-size:16px; color:#666; padding:0;}
.in-left-menu>ul>li>a{background:#f4f8fb; color:#333; border-left:3px #5f5f5f solid; display:block; padding:10px 5px 10px 25px; line-height:1.5em;}
.in-left-menu>ul>li>a:hover{background-color:#e9ecef; border-left:3px #111111 solid;}
.in-left-menu>ul>li>.current{background:url(../images/left-icon.png) no-repeat 7px 13px #e9ecef; border-left:3px #111111 solid;}
.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743D;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:575px){
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#eeeeee; border:1px solid #d1d1d1;}
	.m_classLink a.main{display:block; background:none; font-size:16px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#afafaf; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #d1d1d1; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#efeded;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #d1d1d1; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 客房介紹 **/
.room{}
.room>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.room>ul>li{padding: 0;margin: 0;width: calc(100%/3);}
.room>ul>li a{display: block;}
.room>ul>li a:hover{}
.room-photo-main{position: relative;}
.room-photo-main .room-photo{;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.room-photo-main h3{width: 100%;background: rgba(255,96,0,.5); position: absolute;bottom: 0;margin: 0;padding: 7px;color: #fff;font-weight: normal;font-size: 18px;line-height: 1.4;}
@media screen and (max-width:1200px){
    .room-photo-main h3{font-size: 16px;}
    .room>ul>li{width: calc(100%/2);}
}
@media screen and (max-width:950px){
    .room>ul>li{width: calc(100%/1);}
}
@media screen and (max-width:767px){
    .room>ul>li{width: calc(100%/2);}
}
@media screen and (max-width:575px){
    .room>ul>li{width: calc(100%/1);}
}

/** 客房介紹明細 **/
.room-detail .content {max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.room-detail .elem, .elem * {box-sizing: border-box;margin: 0 !important;}
.room-detail .elem {display:block;font-size: 0;width: calc(100%/3 - 16px);border:#f4eee9 5px solid;border-radius: 10px; margin: 8px!important ;height: auto;background-clip: padding-box;overflow: hidden;}
.room-detail .elem > span {display: block;cursor: pointer;height: 0;padding-bottom: 70%;background-size: cover;background-position: center center;}
/* LIGHTBOX FADING SHOW/HIDE EFFECT (as explained in documentation) */
.room-detail .lcl_fade_oc.lcl_pre_show #lcl_overlay, .lcl_fade_oc.lcl_pre_show #lcl_window, .lcl_fade_oc.lcl_is_closing #lcl_overlay, .lcl_fade_oc.lcl_is_closing #lcl_window {opacity: 0 !important;}
.room-detail .lcl_fade_oc.lcl_is_closing #lcl_overlay {-webkit-transition-delay: .15s !important;transition-delay: .15s !important;}
.room-introduction-price{ font-size:18px; color:#ffc0c0;}
@media screen and (max-width:1200px){
    .room-detail .room-photo-main h3{font-size: 16px;}
    .room-detail .elem{width: calc(100%/2 - 16px);}
}
@media screen and (max-width:950px){
    .room-detail .elem{width: calc(100%/1 - 0px);margin: 8px 0!important;}
}
@media screen and (max-width:767px){
    .room-detail .elem{width: calc(100%/2 - 16px);margin: 8px!important;}
}
@media screen and (max-width:575px){
    .room-detail .elem{width: calc(100%/1 - 0px);margin: 8px 0!important;}
}

/** 飯店設施 **/
.facilities .content {max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.facilities .elem, .elem * {box-sizing: border-box;margin: 0 !important;}
.facilities .elem {display:block;font-size: 0;width: calc(100%/2 - 16px);margin: 8px!important ;height: auto;background-clip: padding-box;overflow: hidden;}
.facilities .elem span{border:#f4eee9 5px solid;border-radius: 10px; }
.facilities .elem > span {display: block;cursor: pointer;height: 0;padding-bottom: 70%;background-size: cover;background-position: center center;}
/* LIGHTBOX FADING SHOW/HIDE EFFECT (as explained in documentation) */
.facilities .lcl_fade_oc.lcl_pre_show #lcl_overlay, .lcl_fade_oc.lcl_pre_show #lcl_window, .lcl_fade_oc.lcl_is_closing #lcl_overlay, .lcl_fade_oc.lcl_is_closing #lcl_window {opacity: 0 !important;}
.facilities .lcl_fade_oc.lcl_is_closing #lcl_overlay {-webkit-transition-delay: .15s !important;transition-delay: .15s !important;}
.facilities .room-introduction-price{ font-size:18px; color:#ffc0c0;}
.facilities .facilities-info{padding: 5px 0;}
.facilities .facilities-info h3{ font-size: 17px;color: #e0bfa1;line-height:1.4;text-align: center;font-weight: bold;margin:0;padding: 5px 0;}
.facilities .facilities-info .facilities-content{ font-size: 15px;color: #fff;font-weight: normal;margin: 0;padding: 5px 0;text-align: left;}
@media screen and (max-width:1200px){
    .facilities .room-photo-main h3{font-size: 16px;}
}
@media screen and (max-width:575px){
    .facilities .elem{width: calc(100%/1 - 0px);margin: 8px 0!important;}
}

/** 飯店位置 **/
.google-map {position: relative;padding-bottom:40%;padding-top: 30px;height: 0;overflow: hidden;margin: 0 0 16px 0;}
.google-map iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.location-title{font-weight: bold;font-size: 18px; padding: 0;margin: 0 0 16px 0;color: #ffffff;}
@media screen and (max-width:575px){
    .google-map {padding-bottom:60%;}
}

/** 優惠訊息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;}
.news ul li{clear:both; border-bottom:1px #E3E3E3 dotted;}
.news ul li a{color: #f4c8a7; display:flex; align-items:center; padding:0;}
.news ul li a:hover{color: #ec9b60;}
.news ul li .news-date{font-size:15px; width: 130px;display: block;padding: 10px 15px;color: #dddddd;margin: 0;}
.news ul li .news-content{flex:1; font-size:16px; color: #f4c8a7;padding:  10px 0;}
.news ul li:hover .news-content{color: #ec9b60;}
.news-detail-date{color:#dddddd;font-size:15px;  padding:10px 0; border-bottom:1px #ffffff dotted;margin: 0 0 10px 0;}
@media screen and (max-width:767px){
	.news ul li a{display:block;padding: 10px 0}
	.news ul li .news-date{width:100%; text-align:left;padding:0;}
    .news ul li .news-content{width:100%;padding: 0;}
}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:5px 0;font-size:14px; color:#ffc0c0;}

/** 表單欄位 **/
.form-box input, .form-box img{vertical-align:middle;}
.opinion{display:flex; flex-wrap:wrap; margin:5px 0;  border-radius:5px; overflow:hidden;}
.opinion-left01{background:#bb8561; width:170px; min-width:170px; padding:5px 15px;border:1px #90674b solid;border-right: 0; font-size:15px;color:#ffffff;display:flex; align-items:center;}
.input-main-style01{background:#bb8561;flex:1; width:100%; border:1px #90674b solid; margin:0; padding:5px 15px; font-size:15px;  color:#ffffff; min-height:37px;box-shadow: 0px 0px 5px #9d7f6c inset;}
.input-main-style02{background:#bb8561;flex:1; width:100%; border:1px #90674b solid; margin:0; padding:5px 15px; font-size:15px; color:#ffffff; min-height:37px;}
.input-main-style03{background:#bb8561; flex:1; width:100%;border:1px #90674b solid; margin:5px 0 0 0; padding:5px 15px; font-size:15px;color:#ffffff;min-height:37px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:5px;font-size:15px;color:#ffffff; display:flex; flex-wrap:wrap;}
.input-main-select select{background:#bb8561; width:calc(50% - 2.5px); margin-right:5px; padding:5px 15px;border:0; font-size:15px;color:#ffffff; min-height:37px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#bb8561;flex:1; width:100%; border:0; margin:0; padding:5px 15px;font-size:15px;color:#ffffff;  min-height:37px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:15px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:37px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 16px; color: #333333;border-radius:0;margin: 15px 0 ;}
@media screen and (max-width:575px){
	.opinion{display:block;}
	.opinion-left01{width:100%;border:1px #90674b solid;border-right:1px #90674b solid;border-bottom: 0;}
	.input-main-style02{width:calc(100% - 107px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{padding:20px 0 0 0;border-top: 1px #ffffff dotted;text-align:center; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.btn-send { font-size:14px;} 
a.btn-send { background:#6f4025;  padding: 5px  20px; text-align:center; font-size:15px; color:#fff; width:125px; margin:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.btn-send:hover { background:#a5785e;}
a.btn-reset { background: #a5785e; padding:5px 20px; text-align:center; font-size:15px; color:#fff; width:125px; margin:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.btn-reset:hover {background: #6f4025; }
a.btn-send-over{background:#7ea2c5; padding:5px 20px; text-align:center; font-size:16px; color:#fff; min-width:100px; margin:2px; border-radius:5px; border:2px solid #7ea2c5;}
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 4px);}
	a.btn-send-over{padding:5px 10px; width:calc(50% - 4px);}
}

/** 送出訊息 **/
.jump-window-box{max-width:500px; margin:0 auto; border:1px #ccc solid; padding:20px; border-radius:5px;}

/** 頁次 **/
.page{font-size: 14px; color:#e2dbc0; text-align:center; clear:both; margin:25px 0 0 0;}
.page a{display: inline-block;background:#a5785e; color:#ffffff; padding:4px 10px;margin: 5px 0;border-radius: 5px;}
.page a:hover{background:#6f4025; color:#fff;}
.page br{display:none;}
@media screen and (max-width:950px){
	.page br{display:block;}
}

/** 下版 **/
footer{padding: 0 15px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c2a14+0,602e11+21,773711+39,824823+100 */
background: linear-gradient(to bottom,  rgba(76,42,20,1) 0%,rgba(96,46,17,1) 21%,rgba(119,55,17,1) 39%,rgba(130,72,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slogan{text-align: center; border-bottom: 1px #b27a35 solid;padding: 20px 15px;width: calc(100% + 30px);margin: 0 0 0 -15px;}
footer .footer{max-width:1200px; margin:0 auto;display: flex;flex-wrap: wrap; padding: 35px 0;}
footer .footer .footer-logo{width: 127px;display: flex;align-items: center;}
footer .footer .footer-info{flex: 1.3;font-size: 13px;color: #fff;margin: 0 25px 0 35px;}
footer .footer .footer-info .f-contact-title{font-size: 18px;color: #f5e7a4;}
footer .footer .footer-info span{padding: 0 15px 0 0;display: inline-block;}
footer .footer .footer-info a{display: inline-block;color: #ffffff;}
footer .footer .footer-info a:hover{color: #faf3d0;}
footer .footer .copyright{flex: 1; display:flex;align-items: flex-end;justify-content: flex-end; font-size: 12px;color: #fff;text-align: right;letter-spacing: 0px;}
@media screen and (max-width:950px){
    .slogan{padding:15px;}
    footer .footer{padding: 20px 0;}
    footer .footer .footer-logo{width: 100px;}
    footer .footer .footer-info{flex: 1;margin: 0 0 0 25px;}
    footer .footer .footer-info .f-contact-title{font-size: 17px;}
    footer .footer .copyright{flex:initial;width: 100%;display: block;text-align: left;padding: 4px 0 0 125px;}
}
@media screen and (max-width:575px){
    footer .footer{display: block;}
    footer .footer .footer-logo{width: 100px;margin: 0 auto;}
    footer .footer .footer-info{text-align: center;margin:15px 0 0 0;}
    footer .footer .footer-info span{padding: 0;display:block;}
    footer .footer .footer-info br{display: none;}
    footer .footer .copyright{text-align: center;padding:4px 0 0 0;}
}