@charset "utf-8";
/*
  danny 201811
  1. $Reset
  2. $font
  3. $body,html
  4. $共用
  5. $Mobile
  6. $Pad
  7. $橫的版型
  8. $Pc
  9. $1025~1279
*/

/* $Reset
--------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym{border:0}a{background:transparent;text-decoration:none;color:inherit;cursor:pointer;line-height:normal;display:inline-block}a:active{outline:0}input,textarea,button,select,option{border:0;margin:0;outline:none;padding:0;font-size:1rem;font-family:'Noto Sans TC','Open Sans','Arial','Microsoft JhengHei','Apple LiGothic Medium',sans-serif;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}select::-ms-expand{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}

/* loading */
.loading{ width:100vw; height:100%; min-height:100vh; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.9); z-index:9999; display:flex; justify-content:center; align-items:center;}
.loading-circle circle{-webkit-animation:c1_2 9s linear infinite,c1_3 4.5s infinite; -moz-animation:c1_2 9s linear infinite,c1_3 4.5s infinite; animation:c1_2 9s linear infinite,c1_3 4.5s infinite; }
.loading.fade{ opacity:0; z-index:-1; pointer-events:none; }
/*loading 控制粗細*/
@-webkit-keyframes c1_2{0%{stroke-width:0; } 10%{stroke-width:8; } 75%{stroke-width:8; } 90%{stroke-width:0; } 100%{stroke-width:0; } }
/*loading 動態*/
@-webkit-keyframes c1_3{
0%{stroke-dasharray:104,156; stroke-dashoffset:-52; } 16%{stroke-dasharray:1,156; stroke-dashoffset:-52; }
16.01%{stroke-dasharray:1,156; stroke-dashoffset:-208; } 33%{stroke-dasharray:104,52; stroke-dashoffset:-104; }
33.01%{stroke-dasharray:104,52; stroke-dashoffset:-104; } 49%{stroke-dasharray:1,156; stroke-dashoffset:-104; } 
49.01%{stroke-dasharray:1,156; stroke-dashoffset:52; } 66%{stroke-dasharray:104,52; stroke-dashoffset:156; }
66.01%{stroke-dasharray:104,52; stroke-dashoffset:156; } 82%{stroke-dasharray:1,156; stroke-dashoffset:156; }
82.01%{stroke-dasharray:1,156; stroke-dashoffset:156; } 99.99%{stroke-dasharray:104,52; stroke-dashoffset:256; }
}
/* end loading */
/* $font
--------------------------------------------------------------------------------------*/
/* @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); */

/* cwTeXYen (Chinese Traditional) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

/* @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css); */
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
 }


:before ,:after{ font-family:'Font Awesome 5 Free','Linearicons-Free',"微軟正黑體";}


/* $body,html
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; height: 100%; font-family:"微軟正黑體","新細明體","蘋果儷黑體", Arial, Helvetica, sans-serif; font-size: 10px; -webkit-text-size-adjust:none; text-align: justify; font-weight:600;}

/* $共用
--------------------------------------------------------------------------------------*/
/*----清除浮動技巧----*/
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/*----清除浮動技巧----*/

/* IMAGE REPLACE */
.imageReplace{ text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* float */
.floatL{ float: left;}
.floatR{ float: right;}

/* button reset */
button{ font-family:"微軟正黑體","新細明體","蘋果儷黑體",Arial, Helvetica, sans-serif; border: none; }

/* input reset */
input{ font-family:"微軟正黑體","新細明體","蘋果儷黑體",Arial, Helvetica, sans-serif; border: none; }

/* select reset */
select{ font-family:"微軟正黑體","新細明體","蘋果儷黑體",Arial, Helvetica, sans-serif; }


section{
  padding: 100px 0;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}
.container:after{
    content: "";
    display: block;
    clear: both;
}

.box{
  width:100%;
  display: flex;
}
.col-2{
  width:calc(100%/12*2);
}
.col-4{
  width:calc(100%/12*4);
  margin: 0 4px;
}
.col-6{
  width:calc(100%/12*6);
  margin: 0 4px;
}
.col-8{
  width:calc(100%/12*8);
}
.col-10{
  width:calc(100%/12*10);
}

img{
  width: 100%;
}

.bg-gray{
  background-color: #F7F7F7;
}




/* 麵包屑 */
.top-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #B50528;
}
.breadcrumb{
  position: relative;
  color:#707070;
  font-size: 1.8em;
  padding-bottom: 16px;
}
.breadcrumb a:after{
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  padding: 0 8px 0 16px;
}
.breadcrumb a:last-child:after{
  content: '';
  display: none;
}


/* 標題 */
.title{
  text-align: center;
}
.title_ch{
  font-size: 3.2rem;
  color: #B50528;
}

.title_en{
  font-size: 1.6rem;
  color: #BF8125;
  position: relative;
}
.title_en:before,
.title_en:after{
  content: "-";
  padding: 4px;
}

.date{
  color: #B50528;
  font-size: 2em;
  line-height: 1.5em;
}

/* 按鈕 */
.btn{
  color: #B50528;
  font-size: 2em;
}

.btn:after{
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  padding-left: 4px;
}

/* 內文頁 按鈕 */
.page-btn{
  color: #B50528;
  font-size: 2em;
  border: 1px solid #B50528;
  border-radius: 8px;
  line-height: 2.4em;
  text-align: center;
  width: 160px;
  height: 48px;
  margin: 40px 0;
}
.page-btn:after{
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  padding-left: 4px;
}


/* ------------主視覺共用------------ */

.kv-title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.kv-title_ch{
  color: #fff;
  font-size: 3.2em;
  text-align: center;
}
.kv-title_en{
  color: #fff;
  font-size: 1.6em;
  text-align: center;
  line-height: 1em;
  font-family: Calibri;
}

.kv-title_en:before,
.kv-title_en:after{
  content: "-";
  padding: 4px;
}

.kv-bg{
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding-top: 14%;
  margin:0;
}

.kv-bg:before{
  content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
}

/* 內頁主視覺 */
.news-kv{
  background: url('../images/news-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.cooking-kv{
  background: url('../images/cooking-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.about-kv{
  background: url('../images/about-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.farm-kv{
  background: url('../images/farm-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.finest-kv{
  background: url('../images/finest-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.pork-kv{
  background: url('../images/pork-kv.png') center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
/* end 內頁主視覺 */

/*------------ end 主視覺共用 ------------*/


/* ------------列表頁共用------------ */
.list-content{
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box; 
}

.col-3{
  position: relative;
  display: inline-block;
  width: calc(100%/3 - 16px);
  box-sizing: border-box; 
  margin:40px 8px;
}

.col-3 a img{
  -webkit-transition: transform 0.35s;
  transition: transform 0.35s;
}

.list-content .col-3 .date{
  padding-top: 4px;
  box-sizing: border-box;
}
.list-content .col-3 .title{
  color: #000;
  font-size: 2em;
  padding: 4px 0;
  text-align: left;
  box-sizing: border-box;
  -webkit-transition: transform 0.35s;
  transition: transform 0.35s;
}
.list-content .col-3 .article{
  color: #707070;
  font-size: 1.6em;
  font-weight: 400;
  box-sizing: border-box;
}

.col-3 a:hover .title{
  color: #B50528;
}
.col-3 a:hover img{  
  box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.1);
  transform: scale(1) translate(-4px, -4px);
}

/* ------------end 列表頁共用------------ */

/* ------------內文頁共用------------ */
.article-content{
  border-bottom: 1px solid #B50528;
}
.article-container{
  width: 100%;
  max-width: 1000px;
  margin: 40px auto;
}
.page .date{
  padding-top: 40px;
}
.page .title{
  font-size: 3.2em;
  padding: 8px 0;
  text-align: left;
}
.page .article{
    color: #707070;
    font-size: 1.6em;
    line-height: 2em;
    font-weight: 400;
}
.none-title {
    /*text-align: center;*/
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 6% 0;
    color: #B50528;
    font-size: 1.8em;
    line-height: 2em;
    font-weight: 400;
}
/* ------------end 內文頁共用------------ */

/*----------*\
    header
\*----------*/
.hide{
  transform: translate(0,-100%);
}
header{
  background:#fff;
  border-top: 4px solid #B50528;
  /* position:fixed; */
  position: relative;
  top:0;
  left:0;
  width:100%;
  z-index: 999;
  transition: all .8s cubic-bezier(.23,1,.32,1);
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.header-container{
  display:flex;
  justify-content:space-around;
  align-items:center;
  height: 100px;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
.header-container .logo{
  width:auto;
  height:44px;
}
.header-container .logo img{
  width:auto;
  height:100%;
}
nav{
  width:100%;
  margin: 0 8px;
  display: flex;
}


/* 主選單 */

.mainMenu{
  display:flex;
  justify-content:center;
}

.mainMenu .item{
  
  width: 120px;
  margin: auto;
  padding: 24px 0;
}
.mainMenu .item:last-of-type{ background: #ccc; }
/* .mainMenu .item:nth-child(6){ background: #ccc; } */

.mainMenu .item label a{
  border-right: 1px solid #B50528;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 1.8rem;
}
.mainMenu .item:last-child label a{
  border-right: none;
  /* color: #B50528; */
}
.mainMenu .item:nth-child(7) label a{
  border-right: none;
  /* color: #B50528; */
}
.menu-en{
  color: #B50528;
  font-size: 1.2rem;
  line-height: 1em;
  font-family: Calibri;
}


/* 子選單 */
.subMenu{
  position:absolute;
  top: 90px;
  /* width:100px;  */
  background-color: #fff;
  /* transform:translateY(99%); */
  height:0;
  transition: all .2s cubic-bezier(.23,1,.32,1);
  overflow:hidden;
  z-index: 1;
}
.mainMenu .item:hover{
  z-index: 1;
}
.mainMenu .item:hover .subMenu{
  height:auto;
  width: 120px;
  text-align: center;
  /* padding-top: 100px; */
}



.subMenu ul{
  height:100%;
}

.subMenu ul > li a{
  width: 100%;
  padding:8px 0;
  font-size: 1.6rem;
  color: #B50528;
  transition: all .6s cubic-bezier(.23,1,.32,1);
  text-align: center;
}
.subMenu ul > li:hover{
  background-color: #B50528;

}
.subMenu ul > li:hover a{
  color: #fff;
}
/* 社群 */
.otherMenu{
  display:flex;
  justify-content:flex-end; 
  font-weight: 900;
  align-items: center;
}
.otherMenu .social-icon{
  display:flex;
}
.otherMenu .social-icon li{
  width: 40px;
  color:#000;
  padding:0 8px 0 0;
}

/* 漢堡選單 */
.navCheck{
  display:none;
  font-size:0;
  opacity:0;
  pointer-events:none;
}

/*----------*\
  end header
\*----------*/

/*----------*\
    footer
\*----------*/
footer{
  position: relative;
  height: auto;
}
.footer{
  width: 100%;
  background-color: #B50528;
  color: #fff;
  padding: 24px 0;
  margin: 0 auto;
}
.infoMenu{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.info-item{
  border-right: 1px solid #fff;
  padding: 0 16px;
  font-size: 1.8em;
}
.info-item:last-child{
  border-right: none;
}
.copyright{text-align: center;font-size: 1.2em;}

.btn-top{
    cursor: pointer;
  position: fixed;
  width: 60px;
  bottom: 20px;
  right: 20px;
}

/*----------*\
  end footer
\*----------*/




/* $Mobile
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1025px){

/* ------------主視覺共用------------ */
.kv{
  margin-top: 64px;
}
.kv-bg{
  padding-top: 38%;
}
.kv-title_ch{
  font-size: 2.6em;
}
.kv-title_en{
  font-size: 1.4em;
}
/* ------------end 主視覺共用------------ */
section{
  padding: 40px 0;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px;
}
.box{
  flex-wrap: wrap;
}
.col-2{
  width:100%;
}
.col-4{
  width:100%;
}
.col-6{
  width:100%;
  margin: 4px 0;
}
.col-8{
  width:100%;
}
.col-10{
  width:100%;
}


/* 麵包屑 */
.top-container{
  display: flex;
  flex-wrap: wrap;
}

/* 內文頁 按鈕 */
.page-btn{
  display: inherit;
  margin: 40px auto;
}

/* 文字 */
.title_ch{
  font-size: 2.8rem;
}
.title_en{
  font-size: 1.4rem;
}


/* ------------列表頁共用------------ */
.col-3{
  width: 100%;
  margin:40px 8px;
}
.list-content .col-3 .date{
  padding-top: 4px;
}
/* ------------end 列表頁共用------------ */



/*----------*\
   m-header
\*----------*/
.hide{
  transform: none;
}
header{
  position: fixed;
}
.header{
  position: fixed;
  width: 100%;
  background-color: #fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header-container{
  padding:0 16px;
  justify-content:space-between;
  height: 60px;
}
.header-container .logo{
  height:40px;
}
nav{
  position:fixed;
  top:0;
  bottom:0;
  left: 0;
  right:0;
  width: 100%;
  height:0;
  overflow:hidden;
  transition:height 1s;
  transform:translateY(0);
  background:#fff;
  margin: 60px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}


/* 收摺選單 */
.mainMenu{
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.mainMenu .item{
  width: 100%;
  margin-bottom:1em;
  padding: 0;
  border-right: 0;
}
.mainMenu .item label a{
  width:120px;
  margin: 0 auto;
  padding: 16px 0;
  border-bottom: 1px solid #B50528;
  border-right: 0;
} 
.mainMenu .item:last-child label a {

    border-bottom: 0;
}


.mainMenu {
  width: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.mainMenu .item {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 3px;
}

.mainMenu .item label.menulabel {
  width: 100%;
  display: block;
  width: 100%;
  cursor: s-resize;
  position: relative;
  overflow: hidden;
}

.mainMenu .item input[type="radio"],
.mainMenu .item input[type="checkbox"] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  border: 0px;
  z-index: 999;
}
.mainMenu .item input[type="radio"][hidden="hidden"],
.mainMenu .item input[type="checkbox"][hidden="hidden"] {
  visibility: hidden;
  top: -100%;
}
.mainMenu .item input[type="radio"][hidden="hidden"] + label:after,
.mainMenu .item input[type="checkbox"][hidden="hidden"] + label:after {
  display: block;
}
.mainMenun .item input[type="radio"]:focus,
.mainMenu .item input[type="checkbox"]:focus {
  outline: none;
}
.mainMenu .item input[type="radio"]:checked ~ .subMenut,
.mainMenu .item input[type="checkbox"]:checked ~ .subMenu {
  padding: 10px 20px;
  height: auto;
  margin: 0 auto;
}
.mainMenu .item input[type="radio"]:checked + label.menulabel,
.mainMenu .item input[type="checkbox"]:checked + label.menulabel {
  /* color: #ED1C2E; */
}
.mainMenu .item input[type="radio"]:checked + label.menulabel:after,
.mainMenu .item input[type="checkbox"]:checked + label.menulabel:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mainMenu .item .subMenu {
  padding: 0px 20px;
  height: 0px;
  overflow: hidden;
  transition: padding 200ms ease-in-out;
  -webkit-transition: padding 200ms ease-in-out;
  -moz-transition: padding 200ms ease-in-out;
  position: inherit;
  top: 0;
}
.mainMenu .item:hover .subMenu{
  height: 0;
}


/* 社群 */
.otherMenu{
  width: 100%;
  margin: 0 auto;
  padding: 16px 0 60px 0;
}
.otherMenu .social-icon {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}

.otherMenu .social-icon li{
  padding: 0 8px;
}

/* 漢堡選單 */
.navToggle{
  width:40px;
}
.navToggle span ,
.navToggle span:before ,
.navToggle span:after{
  display:block;
  width:100%; 
  background:#B50528; 
  height:2px; 
  border-radius:2px; 
}
.navToggle span{ 
  position:relative; 
  top:50%; 
  transform:translateY(-50%);
}
.navToggle span:before ,
.navToggle span:after{ 
  content:'';
  position:absolute;
}
.navToggle span:before{ 
  top:-8px; 
}
.navToggle span:after{ 
  bottom:-8px; 
}
.navToggle.navToggle01 span{ 
  transition:background .3s .6s;
}
.navToggle.navToggle01 span:before{ 
  transition:transform .1s .3s ,top .3s .7s;
}
.navToggle.navToggle01 span:after{ 
  transition:transform .1s .3s ,bottom .3s .7s;
}
.navCheck:checked ~ .navToggle.navToggle01 span{ 
  background:none; 
  transition:background .3s .6s;
}
.navCheck:checked ~ .navToggle.navToggle01 span:before{ 
  top:0; 
  transform:rotate(135deg); 
  transition:top .2s .1s,transform .2s .6s;
}
.navCheck:checked ~ .navToggle.navToggle01 span:after{ 
  bottom:0; transform:rotate(225deg); 
  transition:bottom .2s .1s,transform .2s .6s;
}
.navCheck:checked ~ nav{
  height:calc(100vh - 60px);
  overflow:auto;
  z-index: 999;
}
/*----------*\
 end m-header
\*----------*/



/*----------*\
    footer
\*----------*/

.infoMenu{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 16px 0;
}
.info-item{
  border-right: none;
  padding: 4px 16px;
}
.btn-top{
  width: 50px;
  right: 16px;
}

/*----------*\
  end footer
\*----------*/

}