@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Serif TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#885812;position: relative;background-color: #f5ecdf;}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.en{font-family: 'Frank Ruhl Libre', serif;}
.enw{font-family: 'Frank Ruhl Libre', serif;font-weight: 700!important;}
.transi{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
button,button:focus{outline:none!important;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{/* border: 1px solid #6B3906; */color: #6B3906;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;box-shadow:#EEE 0 0 5px;border-radius:60px;}
#goTop:hover{background: #6B3906;color:#FFF;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;z-index: 5;background-color: #6b3906;color: #fff;box-shadow: none;}
}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#eee;
}
.scroll02::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #eee;
    background-color:#eee;}
.scroll02::-webkit-scrollbar{width: 4px;}

.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb, .scroll02::-webkit-scrollbar-thumb,.d_menu_h::-webkit-scrollbar-thumb
{
    background-color:#c8a063
}

body::-webkit-scrollbar{width:8px;}
.d_menu_h{overflow-y: auto; max-height: 200px;}

.d_menu_h::-webkit-scrollbar,
body::-webkit-scrollbar
{
    width: 6px;
    background-color:#eee;
}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:3em 0; }
main{overflow: hidden;}
.font-style{
    font-size: 1.06rem;
    letter-spacing: 1px;
    line-height: 1.6;
}
.impT{
    font-weight: 500;
    color: #96b42a!important;
}
.btn-style{display:table;border:1px solid rgba(255 255 255 / .5);padding:5px 15px;border-radius:60px;font-size:15px;}
.btn-style:hover{background-color:#4caf50;color:#fff;border:1px solid #4caf50}
.moveBaimg{
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-clip:text;
  text-fill-color:transparent;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-animation-name:masked-animation;
  animation-name:masked-animation;
  -webkit-animation-duration: 70s;
  animation-duration: 70s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  }
/*header*/
.navbar{position: fixed;width: 100%;left: 50%;transform: translateX(-50%);margin: 0 auto;padding: 0 30px 0 30px;z-index: 9;background-color: #fff;}

.navbar-logo{width: 60px;}
.navbar-brandTxt{width: 190px;margin-bottom: 7px;position: relative;margin-left: 6px;}

.navbar-nav{margin-right:50px}
.toggleBtn{width: 55px;height: 55px;border: none;padding: 10px;background-color: transparent;top: 9px;right: 70px;left: auto;position: fixed;z-index: 99999;text-align: center;}
.toggle_line{width: 30px;height: 1px;display: table;background-color: #7a4d1e;margin-right: auto;margin-left: auto;transform-origin: center;}
.toggle_line+.toggle_line{margin-top: 7px;}
.nav-item{margin:0 10px;position: relative;}
.nav-item>a{color: #86560f;position:relative;/* font-weight: 600; */padding: 10px 15px!important;}
.nav-item:hover:before{opacity:.3;right:0;width:100%}

.nav-item>a:hover:before{top:-5px;opacity:1;}
.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius:0;border:none;background-color: rgb(200 160 99 / .9);/*top: 63px;left:50%;transform:translateX(-50%);*/margin-top: 0;padding: 10px 15px;}
.dropdown-item{padding: 12px 15px;text-align:center;color: #fff;}
.dropdown-item+.dropdown-item{border-top: 1px solid rgb(255 255 255 / .3);}
.dropdown-item:hover{background-color: transparent;color: #6B3906;}
.lan_box{color: #fff;margin-left: 10px;border-left: 1px solid #381801;}
.lan_box a{padding-left: 30px;display:table;color: #381801;position:relative;/* opacity:.5; */}
.lan_box a+a:before{position:absolute;content:'/';font-size: 12px;left: -2px;top: 5px;color: rgb(255 255 255 / .5);}
.lan_box a.active{opacity:1}
.lan_box:hover a{text-decoration:none}
.lan_box:hover{background-color: rgba(255 255 255 / .7);}
.lan_box:hover a{color: #b3b3b3;}

.active .toggle_line:nth-of-type(1){transform: rotate(45deg) translate(6px,5px);/* transform-origin: center; */}
.active .toggle_line:nth-of-type(2){transform:translateX(10px);opacity: 0;}
.active .toggle_line:nth-of-type(3){transform: rotate(-45deg) translate(6px,-5px);}
.menuBk .fullBg{left: 0;}

.fullBg{position:absolute;top: 0;width: 100%;height: 100vh;opacity:0;transition:transform .5s,opacity .5s;transform:scale(1);z-index: -1;}
.fullBg img{width:100%;height:100%;object-fit:cover;object-position:center;}
.fillBox:before{position:absolute;content:'';width:100%;height: 50%;background-color: rgb(35 63 35 / 40%);background: -webkit-linear-gradient(180deg,rgb(146 146 146 / .4),rgb(255 255 255 / 0)100%);background: linear-gradient(180deg,rgb(142 99 41 / 0.35),rgb(255 255 255 / 0)100%);z-index: 1;}
.toggleMenu{background-color: #cbe070;height: 100vh;width: 100%;position: fixed;left: 0;top: 0;z-index: 1031;}
.toggleMenu:after{position:absolute;content:'';width: 40%;height: 75%;background-image:url(../images/all/w-logo.png);background-size: contain;background-position: center;background-repeat: no-repeat;bottom: -150px;right: -4%;opacity: .12;pointer-events: none;}
.toggleMenu>.d-flex{height: 100vh;width: 100%;}
.menuBk{width:50%;position: relative;z-index: 0;overflow: hidden;}
.menuText{width: 100%;height: 100%;position: absolute;}
.menuText-item{width:50%;margin-left:auto;font-size: 18px;text-align: center;color: #ffffff}
.menuText-item a{color: #ffffff}
.menuText-item:nth-of-type(1){margin-top: 200px;}
.menuText-item-sub{padding-left: 35px;}
.menuText-item-sub:hover{padding-left: 50px;}
.menuText-item-sub:before{position:absolute;content:'';width: 10px;height: 1px;margin-left: -55px;margin-top: 13px;background-color: #ffffff}
.menuText .fullBg{left: 0;z-index: 0;width: 50%;overflow: hidden;}
.menuText .fullBg img{transform: scale(1.1);}
.menuBk .fullBg{opacity:1}
.active .hb+ .fullBg{opacity:1;transform: translateY(0);}
.active .hb+ .fullBg img{transform: scale(1);}
/*banner*/
.index-banner::before{position: absolute;content:'';background:url('../images/banner/03.jpg?20200930') center center/cover;width: 100%;height: 100%;background-repeat: no-repeat;-o-animation: grow 30s  linear 5ms infinite;-webkit-animation: grow 30s  linear 5ms infinite;-moz-animation: grow 30s  linear 5ms infinite;animation: grow 30s  linear 5ms infinite;transition:all 0.2s ease-in-out;z-index: -1;}
.index-banner{overflow: hidden;}
.index-banner .item,.index-banner{position: relative;height: 100vh;}
.slogan{position: absolute;top: 32%;left: 10%;color: #fff;z-index: 5;}
.slogan h1{font-size: 6.3rem;line-height: 1;}
.slogan h1 p{margin-bottom:0;position:relative}
.slogan h1 span{display: inline-block;margin: 0px 10px;}
.lineTxt{color:#fff;text-shadow:0 1px 3px rgb(51 51 51 / .4);}
.slogan-tc{border:1px solid #fff;padding: 4px 15px;border-radius:60px;background-color: rgb(255 255 255 / 0.3);width:200px;color:#ffffff;font-weight:500;}
.slogan-tc .dot{width:5px;height:5px;background:#fff;border-radius:60px;display:inline-block;margin:0 10px}
.slogan-sce{font-size: 19px;text-shadow: 0 1px 5px rgb(51 51 51 / .6);padding: 0 15px;}
.slogan-sce span{display:block}
@-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.25)}
} 

/*----------------------------------產品底層-------------------------------------*/

/*背景*/
.pdtBg{background: url(../images/product/pdtBg.jpg)repeat;}
.block-height{padding: 120px 0;margin-top: 70px;}
/*內文*/
.pdt-title h2{font-size:40px;font-weight:bold;margin-bottom:50px;color: #6B3906;letter-spacing: 3px;}
.pdt-info p{font-size:19px;color: #4e2e0c;letter-spacing: 1px;line-height:1.9;}
.pdt-info li{font-size:18px;color:#857462;letter-spacing: 3px;margin: 10px 0}
.pic-zone .pdt-info p,.aboutBox .pdt-info p{text-align: justify;/*text-align-last: justify;*/}
.pdt03-word .pdt-info p,.pdt-btm .pdt-info p{text-align: center}
.pdt-left{padding:20px;}
.pdt-right{padding: 0 120px;}
.pdt-info h3{font-size: 18px;color:#857462;font-weight:bold;letter-spacing: 3px;}
.pdt03-zone{position: relative;}
.pdt03-word{position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);text-align: center;top: 15%;}
.pdt03-word .pdt-title h2,.pdt-btm .pdt-title h2{margin-bottom:20px;}
.pic-zone,.aboutBox .pic-zone:last-child{padding-bottom: 150px;}
.pic-zone:last-child{padding-bottom:0}
.area01{/* text-align:justify */}
/*footer*/
footer{padding: 12px 20px 12px;text-align:center;position: relative;z-index: 0;font-size: 15px;color: #6B3906;}
footer a{color: #6B3906;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}

/*內頁banner*/
.banner {width: 100%;height:calc(100vh - 70px);text-align: center;color: #773e03; background-size: cover!important;}
/*.banner .pdt-info p {text-align:center}*/

/*理念願景*/
.ideaGrid{margin:3rem 0}
.ideaGrid>div{width:calc(100% / 4 - 3rem)}
.ideaTxt{letter-spacing:1px;color:#58524b}
.ideaTxt h3{color:#6B3906;text-align:center;font-size:1.3rem;border-bottom:1px solid #c1aa93;padding-bottom:10px}
.ideaEN{display:block;font-size:1rem;margin-top:8px;color:#a0866d}
.advantageBox{text-align:center}
.advantageGrid{background:rgba(214 204 189 / 0.5);padding:5rem 5rem 0;position:relative;overflow: hidden}
.advantageGrid .pageTit>h2{font-size:2rem;letter-spacing:10px}
.advantageBox>div{font-size:1.6rem;color:#6B3906;letter-spacing:2px;position:absolute;border-radius: 20px;padding: 0 10px;background: rgb(229 220 206 / 0.8);}
.advTxt1{left: 7vw;top: 36%;}
.advTxt3{left:4vw;bottom: 35%;}
.advTxt2{right: 18vw;top: 36%;}
.advTxt4{right: 15vw;bottom: 45%;}
.advTxt5{right:8vw;bottom: 28%;}

/*企業責任*/
.aboutBox h3{font-size: 23px;line-height: 1.6;color: #6b451e;}
.certPic figure{width: calc(100% / 4);padding: 10px;margin: 0;text-align: center;}
 

/*公司歷史*/
.main-timeline8{overflow:visible;position:relative}
.main-timeline8:after,.main-timeline8:before{content:"";display:block;width:100%;clear:both}
.main-timeline8:before{content:"";width:3px;height:100%;background: rgba(193 164 134 / 0.6);position:absolute;top:0;left:0;}
.main-timeline8 .timeline{width: 100%;position: relative;float:none;padding:0 0 0 30px;margin-bottom: 3rem;}
.main-timeline8 .timeline-icon{width: 24px;height: 24px;border-radius:50%;background:#fff;border: 3px solid #ab8966;position:absolute;top: 3%;right:auto;left: -11.5px;}
.main-timeline8 .year{display:block;padding: 5px 10px;margin:0;font-size: 18px;color:#fff;border-radius:50px 0 0 50px;background: #ab8966;font-weight: bold;position:relative;}
.main-timeline8 .year:before{content:"";border-top: 35px solid #dac4ad;border-left:none;border-right:35px solid transparent;position:absolute;bottom:-35px;left:auto;right:0;}
.main-timeline8 .timeline-content{padding: 2rem 2rem 1rem;font-size: 1.1rem;letter-spacing: 1px;margin:0 35px 0 45px;background: rgba(255 255 255 / 0.6);}
.main-timeline8 .timeline-content li{margin: 8px 0;}
.main-timeline8 .title{font-size: 22px;font-weight:700;color: #a05200;margin:0 0 10px;}

/*營業範疇*/
.w90 { max-width: 90%;}
.enterpriseBox{padding: 5rem 0}
.conBox {/* width: calc(50% - 5rem); */font-size:1.1rem;letter-spacing:2px;}
.conBox .lableTxt{display:inline-block;background:rgba(108 58 7 / 15%);padding:5px 18px;margin-bottom:10px;letter-spacing:4px;border:1px double #dcc0a4;color:#7b5a37}
.conBox .conTxt h2{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#6B3906}
.conBox .conTxt .conEN{display:block;font-size:1.1rem;letter-spacing:1px;font-size:1rem;margin-top:8px;color:#a0866d}
.conBox .conTxt p{font-size:18px;border-top:1px solid #dac6b4;padding-top:1rem;padding-bottom:1rem;color: #4f2f0d;text-align: justify;}
.conBox li{margin-bottom:1rem;color:#615242}
.conBox li>span{display:block;font-size:.9rem;color:#ad9780}


/*聯絡我們*/
.pageTit{text-align:center}
.pageTit h1{font-size:35px;font-weight:700;color:#6B3906;letter-spacing:3px;padding-bottom:30px}
.pageTit h2{font-size:1.15rem;letter-spacing:2px;line-height: 1.5;}
.companyGrid{background:rgba(214 204 189 / 0.5);margin: 2rem 0;padding: 3rem;}
.companyBox,.companyBox a {color: #583e22;font-size: 1.1rem;}
.companyBox h3{font-size: 1.1rem;display: inline-block;background: rgba(108 58 7 / 15%);padding: 5px 18px;margin-bottom: 10px;letter-spacing: 4px;border: 1px double #dcc0a4;color: #7b5a37;}
.companyBox li{display:block}
.companyBox li+li{margin-bottom:10px;}
.companyBox h3>svg{color:#b5a07d;margin-right:10px;padding:3px;width:40px;height:40px;border-radius:6px;border:2px solid #bdab8e}
.aleart_line{border-color:#a58a6a}
.red{color:#b33817}
.brown{color: #905e28;font-size: .95rem;}
.contactBox>p{letter-spacing:1px;line-height:1.7;font-size: 1.05rem;color: #714a1f;}
.contactForm{border:6px double #e6ded0;padding:2rem;font-size: 1.05rem;letter-spacing: 1px;margin:2rem auto;width:80%;background:rgba(255 255 255 / 0.5);}
.contactForm p{font-size:1.1rem}
.form-control,select option,.form-control:focus { color: #885812; border: 1px solid #cec1ac;}
.contactForm .page_form{margin-bottom:20px}
.contactForm input[type="text"],.contactForm textarea{width:100%;outline:0;border:none;padding:10px;border-radius:4px;border: 1px solid #cec1ac;}
.contactForm input[type="text"]{height:40px}
.contactForm input:focus,.contactForm textarea:focus{border:1px solid #a58a6a;border-bottom:3px solid #a58a6a}
.contactForm .btn_style{background:#fff;border:1px solid #956832;color:#956832;padding:10px}
.contactForm .btn_style:hover{background:#956832;color:#fff;text-decoration:none}

/* 游的好 */
.goodfood{padding-top:70px}
.order-btn+.order-btn{margin-top:5px;}
.order-btn{display:flex;align-items: center;justify-content: flex-start;width: 100%;border-radius: 5px;padding: 5px 10px;color: #fff;font-size: 15px;}
.webBtn{background:#003451}
.lineBtn{background:#1dc222}
.fbBtn{background:#475993}
.order-btn:hover{color:#fff;}
.order-btn figure{width:20px;margin-right: 10px;}
.order-way{position:fixed;background: #fff;text-align: center;border-radius: 5px;padding: 10px;bottom: 85px;right: 15px;/* border: 1px solid; */z-index: 1;}
.order-info-item{width: 125px;}
.order-way figcaption i{display:inline-block;margin-right: 5px;font-size: 20px;vertical-align: middle;margin-top: -2px;color: #1dc222;}
.order-way p{margin-bottom: -2px;}
.order-way>p{background-color: #86560f;color: #Fff;padding: 5px 0;border-radius: 5px;}
.order-info{}
.goodfood .goodfood__img{margin: 0 auto;display: table;}
.goodfood figure{margin-bottom:0}

/*rwd*/
@media (max-width: 1639px){
  .certPic figure{width: calc(100% / 3);}
  .advantageBox>div { font-size: 1.4rem;} 
  .advTxt3 {max-width: 440px;text-align: left;}
  .advTxt5 {right: 2vw;}
}
@media (max-width: 1400px){
  .pdt-title h2{font-size:35px}
  .pageTit h1{font-size:30px;}
  .pageTit h2{font-size:1.1rem;letter-spacing:1px}
  .pdt-right{padding:0 100px}
  .conBox {/* width: 100%; *//* padding:3rem 0 5rem; */}
  .enterpriseBox{padding: 0}
}
@media (max-width: 1400px){
  .slogan h1{ font-size: 5.8rem;}
  .advantageGrid{padding:5rem 0 0}
  .advantageBox{text-align: center;background: url(../images/about/01/advantage.png) 145% top no-repeat;height: 710px;}
  .advantageBox img{display:none}
  .advantageBox>div {position: static; text-align: left;background: transparent; padding: 4rem 3rem 0; max-width: 100%!important;}
  .advTxt1 {padding-top: 10rem;}
}
@media (max-width: 1200px) {
  .pdt-right{padding:0 80px}
  .toggleMenu:after{width:45%;height:60%}
  .slogan h1{font-size: 4.8rem;}
  .ideaGrid>div {width: calc(50% - 4rem);text-align: center;margin-bottom:3rem;}
  .ideaTxt {letter-spacing:0}
  
}
@media (max-width: 991px){
  .slogan{top: 25%;left: 7%;}
  .slogan h1{font-size: 4rem;}
  .navbar-collapse{background-color: #FFFAF4;padding-bottom: 20px;}
  .navbar-collapse .lan_box{display: none!important;}
  .nav-item {text-align: center}
  .lan_box{position: fixed;right: 20px;z-index: 999;top: 23px;margin-left: 0;}
  .lan_box a{padding-left: 18px;}
  .navbar-nav{margin-right: 0;}
  .navbar{padding: 0 15px;}
  .pdt-right{padding:0 50px}
  .pdt-title h2{font-size:30px}
  .pageTit h1{font-size:28px;}
  .aboutBox h3{font-size:22px;}
  .aboutBox .pdt-info p{font-size:16px;}
  footer a{display: block;}
  .contactForm{width: 100%}
  .advantageGrid .pageTit>h2{font-size:1.5rem;text-align: center;}
  .advantageBox{background:none;height:auto}
  .advantageBox img{display:block;margin: 0 auto;}
  .advantageBox>div{padding:1rem 2rem;font-size:1.2rem}

}
@media (max-width: 768px){
  .slogan-sce{ font-size: 18px;}
  .slogan h1 p+p:before{width: 70px;bottom: 28px;left: -80px;}
  .fillBox:before{height:90%}
  .index-banner::before{background-position: center right!important;background: url(../images/banner/banner-rwd.png);background-size: cover;background-repeat: no-repeat;}
@-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.1)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.1)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.1)}
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.1)}
} 
  /*header*/
  .toggleMenu:before{position:absolute;content:'';width:100%;height:100%;background-color: #cbe070;background: -webkit-linear-gradient(180deg,rgb(203 224 112 / .5),rgb(172 191 88)50%);background: linear-gradient(180deg,rgb(255 252 234 / 50%),rgb(187 211 168)50%);opacity: .8;}
  .menuText-item,.menuText-item a{color:#4f4f4f}
  .menuText-item-sub:before{background-color:#4f4f4f}
  .menuBk{width:100%;z-index: -4;}
  .menuText .fullBg{width:100%;z-index: -2;}
  .menuText-item{width:100%}
  .toggleMenu:after{width:90%;height:80%;opacity: .1;}
  /*首頁*/
  .inner-banner{height:250px}
  /*產品內文*/
  .pdt-right{padding:0 40px;}
  .pdt-title h2{font-size:28px}
  .pageTit h2{text-align: left;font-size: 1rem;}
  .pdt-info h3{font-size:21px}
  .pdt03-word{position:relative;margin-bottom: 30px;}
  .pic-zone{padding-bottom:50px;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .aboutBox .pic-zone:last-child{padding-bottom:50px;}
  .block-height{padding:50px 0px;}
  .banner+.block-height {margin-top: 0;}
  .pdt03-zone{-ms-flex-direction: column;flex-direction: column;}
  .pdt03-word .pdt-info{padding: 0 40px;}
  .pdt-left{padding:0}
  .companyBox .pdt-right{padding:0}
  .companyBox .pdt-right+.pdt-right{padding-top:2rem}
  .companyBox ul{padding-left:1rem}
}
@media (max-width: 640px){
  .slogan{top: 20%;}
  .fillBox{background-position: 60% center!important;}
  .slogan h1{font-size: 40px;}
  .slogan h1 p+p:before{width: 60px;left:-60px;bottom:50%}
  .slogan-sce{font-size: 17px;}
  footer{padding-bottom:60px;}
  /*index*/
  .navbar-brand span:nth-of-type(1){font-size:16px;}
  .navbar-brand span:nth-of-type(2){font-size:14px;}
  .navbar{padding: 0 10px;}
  .toggleBtn{top: 5px;}
  .lan_box{top: 20px;}
  .ideaGrid>div {width:100%;margin-right:0!important;}
  .ideaTxt p {margin: 0 1rem;}
  /* 游的好 */
  .goodfood{overflow:initial;padding-bottom: 10px;background: #fff;}
  .order-way{position: sticky;width: calc(100% - 20px);left: 10px;border:none;bottom: 10px;}
  .order-way>p{
    padding: 10px 0;
    font-size: 18px;
}
  .order-info{border-radius: 5px;background: #fff;position: relative;font-size: 17px;/* display: none; */display: flex;}
  .order-btn figure{margin-right:5px}
  .order-btn{
    justify-content: center;
}
  .order-btn+.order-btn{margin-top:0px;padding: 10px;}
  .line-btn{display: table;margin: 5px auto;background: #86560f;border-radius: 60px;padding: 5px 15px;color: #fff;}
  .line-btn:hover{color:#fff;}
  .order-close{position:absolute;right: 0;top: 10px;width: 40px;height: 30px;}
  .goodfood+footer{padding-bottom:0}
  .goodfood+footer+#goTop{display: none!important;width: 50px;left: auto;}
}
@media (max-width: 575px){
  .slogan{top:15%;left: 10%;}
  .navbar-logo{width: 60px;}
  .navbar-brandTxt{width: 160px;}
  .slogan-sce{font-size: 16px;}
  .font-style{font-size: 1.03rem;}

}
@media (max-width: 480px){
   .navbar-logo{width: 50px;}
   .navbar-brandTxt{margin-left: 5px;}
   .navbar-brandTxt:before{width: 5px;height: 30px;bottom: 0;left: 0;}
   .banner {height: calc(100vh - 60px);margin-top: 60px;}
   .banner .pdt-info p {letter-spacing: 0;}
   /* 游的好 */
  .goodfood{padding-top:60px}

  .order-way{width: 100%;left: 0;bottom: 0;border-radius: 0;}
}
@media (min-width: 641px){
.Bimg-box-rwd{display: none;}
.line-btn{display: none;}
.order-close{display: none;}
}
@media (min-width: 992px){
.toggleBtn{display: none;}
.toggleBtn+.lan_box{display: none;}
}