@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline;
}
html {
  line-height:1;
}
ol, ul {
  list-style:none;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, th, td {
  text-align:left;
  font-weight:normal;
  vertical-align:middle;
}
q, blockquote {
  quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content:"";
  content:none;
}
a {
    text-decoration: none;
  color:inherit;
}
a:hover {
  cursor: pointer;
}
a img {
  border:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display:block;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@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-display: fallback;
}
@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-display: fallback;
}
@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-display: fallback;
 }
@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-display: fallback;
 }
@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-display: fallback;
 }
@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');
  font-display: fallback;
 }

html,body{
    font-size: 18px;
    font-family: "Arial","Noto Sans TC","微軟正黑體", "Microsoft JhengHei", "STHeiti Light", "STHeiti", Arial, sans-serif;
}
*{
  font-family: "Arial","Noto Sans TC","微軟正黑體", "Microsoft JhengHei", "STHeiti Light", "STHeiti", Arial, sans-serif;
}
body.nohover *:not(.select-btn):hover:before{
  transition-duration: 0;
}
.f-nsj{
  font-family: 'Noto Sans JP', sans-serif;
}
.f-kgp{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.f-tnr{
  font-family: "Times New Roman";
}
header{
  position: fixed;
  z-index: 99;
  top: 0;
  height: 60px;
  width: 100%;
    
}
header::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #df0615;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.3);
    z-index: 0;
}
header .content{
  height: 100%;
  padding: 0 20px;
}
header .logo{
  display: block;
  position: relative;
  width: 175px;
  height: 40px;
  background: url(../images/nav_logo.png);
  background-size: cover;
  overflow: hidden;
  /* width: 180px;
  height: 45px; */
  
}
nav{
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  position: relative;
}

nav > a,.nav-more{
  position: relative;
  display: inline-block;
  margin: 0 12px;
  font-size: 14px;
  line-height: 60px;
  color: #fff;
  cursor: pointer;
}
nav > a:not(.nav-more)::before{
  content: "";
  width: 0%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left:0;
}
nav > a:not(.nav-more):hover:before,nav > a:not(.nav-more).current:before{
  width: 100%;
  -webkit-transition: width .3s ease-out;
  transition: width .3s ease-out;
}
.dropdown{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  padding: 1em;
  left: 50%;
  transform: translate(-50%,-100%) ;
  -webkit-transform: translate(-50%,-100%);
  opacity: 0;
  width: 300%;
  z-index: -1;
  -webkit-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
}

.nav-more:hover .dropdown,.nav-more.open .dropdown{
  transform: translate(-50%,0%) ;
  -webkit-transform: translate(-50%,0%);
  opacity: 1;
}
.nav-more.close .dropdown{
  transform: translate(-50%,-100%) ;
  -webkit-transform: translate(-50%,-100%);
}
.nofixed .nav-more.close .dropdown{
  transform: translate(-50%,-100%) ;
  -webkit-transform: translate(-50%,-100%);
  opacity: 0;
}
.dropdown a{
  display: block;
  line-height: 1.5em;
  margin-bottom: 1em;
  position: relative;
  color: #000;
}
.dropdown a::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #df0615;
  -webkit-transition: width .4s ease-out;
    transition: width .4s ease-out;
}
.dropdown a:hover:after,.dropdown a.current:after{
  width: 100%;
}
nav .nav-arrow {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 9px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg) skew(7deg, 7deg);
}
nav > a.nav-home,.menu-home{
  width: 27px;
  /*height: 24px;*/
  background: url(../images/icon_home.svg) no-repeat center center; 
  background-size: contain;
  text-indent: -9999px;
}
.menu-wrap .menuBox a.menu-home{
    margin-left: 1em;
}
.nav-btn{
  display: none;
}

.menu-wrap {
    position: fixed;
    width: 100%;
    height: calc(100% - 80px);
    top: 80px;
    left: 0;
    z-index: 1000;
    background-color: #d50011;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -webkit-transition: transform .6s ease-out;
    transition: transform .6s ease-out;
    display: none;
  }
.tip{
  font-size: 12px;
  text-align: center;
  color: #000;
  opacity: 0.6;
}
.header-h{
  height: 60px;
}
.top-btn{
  position: fixed;
  width: 74px;
  height: 74px;
  background: url(../images/top.png);
  right: 35px;
  bottom: 40px;
  z-index: 9;
  -webkit-transition: opacity .3s ease-out;
      transition: opacity .3s ease-out;
      opacity: 0;
      cursor: pointer;
}
/*2022-10 新增首頁彈跳公告*/
.dialog-btn{
  position: fixed;
  width: 50px;
  height: fit-content;
  right: 48px;
  bottom: 140px;
  z-index: 9;
  border:2px solid #df0615;
  border-radius: 50px;
  background-color: #fff;
  font-size:25px;
  color: #df0615;
  text-align: center;
  letter-spacing: 1px;
  line-height:29px;
  padding: 10px;
  -webkit-transition: opacity .3s ease-out;
      transition: opacity .3s ease-out;
      opacity: 1;
      cursor: pointer;
}
.icon_loudspeaker{
  display:block;
  width: 30px;
  height: auto;
  margin: 8px 0;
}
.dialog {
  opacity: 1;
  position:fixed;
  top: 0%;
  left: 0%;
  right: 0;
  bottom: 0;
  max-width: 60%;
  max-height: 85%;
  overflow-y: auto;
  border-radius: 20px;
  margin: auto;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 0;
  border: 3px solid #df0615;
  background: #fff;
  box-shadow: 0 0 20px 3px rgba(0,0,0,.35);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  z-index: 20
}
.dialog-body h3{
  font-size:30px;
  font-weight: bold;
  color: #fff;
  background-color: #df0615;
  border-radius: 20px 20px 0 0;
  padding: 20px 0;
  text-align: center;
  letter-spacing:1px;
}
.dialog-body p{
  padding: 20px 40px 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height:35px;
  text-align: justify;
  max-height: 500px;
  overflow: auto;
  scrollbar-gutter: stable;
}
.dialog-body em{
  color: #df0615;
  text-decoration: underline;
}
.dialog-body p::-webkit-scrollbar {
  width: 16px;
  height: 5px;}
  .dialog-body p::-webkit-scrollbar-button {
  width: 0;
  height: 0}
  .dialog-body p::-webkit-scrollbar-thumb {
  height: 100px;
  background: #d9d9d9;
  border: 0px none #fff;
  border-radius: 60px}
  .dialog-body p::-webkit-scrollbar-thumb:hover {
  background: #d9d9d9}
  .dialog-body p::-webkit-scrollbar-track {
  background: #f4f4f4;
  border: 0px none #fff;
  border-radius: 0}

#hidedialog{
  display: block;
  min-width:150px;
  padding: 10px;
  font-size:20px;
  text-align: center;
  letter-spacing:2px;
  margin: 20px auto 30px auto;
  border:2px solid #df0615;
  border-radius:50px;
  background:#fff;
  cursor: pointer;
  transition: opacity .5s ease-out;
}
#hidedialog:hover{
  color: #fff;
  background:#df0615
}
dialog[open],
.dialog-open{
  display: block;
  opacity: 1;
}

.btn_FloatLink{
  position: fixed;
  width: 76px;
  height: 260px;
  background: url(../images/a25/btn_FloatLink.png);
  background-position: 0 0;
  right: 0;
  top: 250px;
  z-index: 9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: opacity .3s ease-out;
      transition: opacity .3s ease-out;
      cursor: pointer;
}
.btn_FloatLink:hover{
  background-position: 0 -260px ;
}

/*2023-12 新增側邊浮動廣告*/
.float-btn{
  position: fixed;
  width: 129px;
  height: fit-content;
  right: 8px;
  bottom: 140px;
  z-index: 9;
  cursor: pointer;
}
.float-btn-XL{
  position: fixed;
  width: 170px;
  height: fit-content;
  right: 8px;
  bottom: 140px;
  z-index: 9;
  cursor: pointer;
}
.float-btn img,
.float-btn-XL img{
  display:block;
  width: 100%;
  height: auto;
}

.menu-list{}
.top-btn.show,
.dialog-btn.show{
  opacity: 1;
}
section{
  background: #f3f3f3;
  overflow: hidden;
}
footer {
    background-color: #fff;
    padding: 25px 0;
    min-height: 145px;
    position: relative;
    z-index: 5;
    font-weight: 400;
    font-size: 12px;
    line-height: 2em;
}
footer .logo{
  display: block;
  position: relative;
  width: 211px;
  height: 34px;
  background: url(../images/logo_takeda.png);
}
footer .content{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
footer .txtBox{
  display: inline-block;
}
footer .txtBox span:nth-of-type(1){
  margin-right: 12px;
}

.c-red{  color: #df0615;}
.c-Orange { color:#f68b1f; }
.c-Blue { color:#169ddc; }
.c-Blue-1 { color:#1b6081; }
.c-White { color:#fff; }
.c-gray { color:#737373;}
.c-Gray-2 { color:#8a8c8f;}
.f-w100 { font-weight:100; }
.f-w300 { font-weight:300; }
.f-w400 { font-weight:400; }
.f-w450 { font-weight:450; }
.f-w500 { font-weight:500; }
.f-w600 { font-weight:600; }
.f-w700 { font-weight:700; }
.f-w900 { font-weight:900; }
.f-s-em8{font-size: .8em;}
.f-s12 { font-size:12px; }
.f-s13 { font-size:13px; }
.f-s14 { font-size:14px; }
.f-s15 { font-size:15px; }
.f-s17 { font-size:17px; }
.f-s18 { font-size:18px; }
.f-s19 { font-size:19px; }
.f-s20 { font-size:20px; }
.f-s22 { font-size:22px; }
.f-s25 { font-size:25px; }
.f-s28 { font-size:28px; }
.f-s30 { font-size:30px; }
.f-s37 { font-size:37px; }
.f-s40 { font-size:40px; }
.f-s45 { font-size:45px; }
.l-h12 { line-height: 1.2em; }
.l-h14 { line-height: 1.4em; }
.l-h16 { line-height: 1.6em; }
.l-h18 { line-height: 1.8em; }
.l-h20 { line-height: 2em; }
.l-s-01 { letter-spacing:-0.1px; }
.l-s-02 { letter-spacing:-0.2px; }
.l-s-03 { letter-spacing:-0.3px; }
.l-s-04 { letter-spacing:-0.4px; }
.l-s-05 { letter-spacing:-0.5px; }
.l-s-1 { letter-spacing:-1px; }
.l-s-2 { letter-spacing:-2px; }
.l-s-3 { letter-spacing:-3px; }
.l-s-4 { letter-spacing:-4px; }
.l-s1 { letter-spacing:1px; }
.l-s-em-05 { letter-spacing:0.05em; }
.l-s-em-05 { letter-spacing:0.06em; }
.v-a-t { vertical-align:top; }
.t-justify { text-align: justify; text-justify: distribute; }
.m-b100 { margin-bottom:100px!important; }
.m-b90 { margin-bottom:90px!important; }
.m-b80 { margin-bottom:80px!important; }
.m-b70 { margin-bottom:70px!important; }
.m-b65 { margin-bottom:65px!important; }
.m-b60 { margin-bottom:60px!important; }
.m-b50 { margin-bottom:50px!important; }
.m-b40 { margin-bottom:40px!important; }
.m-b45 { margin-bottom:45px!important; }
.m-b35 { margin-bottom:35px!important; }
.m-b30 { margin-bottom:30px!important; }
.m-b25 { margin-bottom:25px!important; }
.m-b20 { margin-bottom:20px!important; }
.m-b15 { margin-bottom:15px!important; }
.m-b10 { margin-bottom:10px!important; }
.m-b5 { margin-bottom:5px!important; }
.m-t18 { margin-top:18px!important; }
.m-t30 { margin-top:30px!important; }
.m-t60 { margin-top:60px!important; }
.m-l5{ margin-left:5px; }
.m-l10{ margin-left:10px; }
.m-r5{ margin-right:5px; }
.m-r10{ margin-right:10px; }
.m-r20{ margin-right:20px; }
.m-r40{ margin-right:40px; }
.m-auto { margin:0 auto; }
.t-a-c { text-align:center!important; }
.t-a-r { text-align:right!important; }
.t-a-l { text-align:left!important; }
.d-table { display:table; }
.u-s-non { user-select: none; }

.row-l { display:flex; flex-direction:row; }
.row-r { display:flex; flex-direction:row-reverse; }
.flex-start{ justify-content:flex-start; }
.flex-end{ justify-content:flex-end; }
.center{ justify-content:center; }
.space-between{ justify-content:space-between; }
.space-around{ justify-content:space-around; }
.t-c{text-align: center;}
.t-d-u{
  text-decoration: underline;
}
.flex-b-c{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-b-s{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flex-c-c{
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-col{
  flex-direction: column;
}
.mb{display:none;}

.shadow-4{box-shadow:0 1px 1px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.15)}
.shadow-5{box-shadow:0 1px 1px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.12),0 4px 4px rgba(0,0,0,0.12),0 8px 8px rgba(0,0,0,0.12),0 16px 16px rgba(0,0,0,0.12)}
.shadow-6{box-shadow:0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 8px 8px rgba(0,0,0,0.11),0 16px 16px rgba(0,0,0,0.11),0 32px 32px rgba(0,0,0,0.11)}
.shadow-sharp{box-shadow:0 1px 1px rgba(0,0,0,0.25),0 2px 2px rgba(0,0,0,0.2),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.1),0 16px 16px rgba(0,0,0,0.05)}
.shadow-diffuse{box-shadow:0 1px 1px rgba(0,0,0,0.08),0 2px 2px rgba(0,0,0,0.12),0 4px 4px rgba(0,0,0,0.16),0 8px 8px rgba(0,0,0,0.2)}
.shadow-dreamy{box-shadow:0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07)}
.shadow-shorter{box-shadow:0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 6px 8px rgba(0,0,0,0.11),0 8px 16px rgba(0,0,0,0.11)}
.shadow-longer{box-shadow:0 2px 1px rgba(0,0,0,0.09),0 4px 2px rgba(0,0,0,0.09),0 8px 4px rgba(0,0,0,0.09),0 16px 8px rgba(0,0,0,0.09),0 32px 16px rgba(0,0,0,0.09)}
/*# sourceMappingURL=shadow.css.map */


.portrait,.landscape{
    width: 100%;
    height: 100%;
    background-color: #ab000c;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    top: 0px;
    left: 0px;
}

.landscape img{
  transform: scale(.6);
  -webkit-transform: scale(.6);
}

@media (max-width:1400px){
  /* .btn_FloatLink{
    bottom: 180px
  } */
}

@media screen and (max-width:1100px){
  footer .content{padding: 0 20px;}
}

@media screen and (max-width:1050px){
  footer .content > div{
    flex-direction: column-reverse;
  }
}
@media screen and (max-width:800px){
  html, body{
-webkit-text-size-adjust: 100%;
  }
  .pc{display: none;}
  .mb{display:initial;}
  .m-col-r{
    flex-direction: column-reverse;
  }
  .m-col{
    flex-direction: column;
  }
  .mm-b15{margin-bottom: 15px;}
  .mm-b30{margin-bottom: 30px;}
  header{
    height: 80px;
  }
  .header-h{
    height: 135px;
  }
  nav{
    display: none;
  }
  .nav-btn{
    width: 38px;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin-right: 0px;
    position: relative
  }

  .nav-btn span{
      position: absolute;
      display: block;
      width: 100%;
      height: 4px;
      background: #fff;
      top: calc(50% - 2px);
      border-radius: 0px;
      -webkit-transition: transform .3s ease;
      transition: transform .3s ease
  }

  .nav-btn span:nth-child(1){
      -webkit-transform: scale(1,1) translate(0,-12px) rotate(0);
      transform: scale(1,1) translate(0,-12px) rotate(0)
  }
  .nav-btn span:nth-child(2){
      -webkit-transform: scale(1,1) translate(0,0) rotate(0);
      transform: scale(1,1) translate(0,0) rotate(0)
  }
  .nav-btn span:nth-child(3){
      -webkit-transform: scale(1,1) translate(0,12px) rotate(0);
      transform: scale(1,1) translate(0,12px) rotate(0)
  }

  .nav-btn.open span:nth-child(1){
      -webkit-transform: scale(1,1) translate(0,0) rotate(45deg);
      transform: scale(1,1) translate(0,0) rotate(45deg)
  }

  .nav-btn.open span:nth-child(2){
      -webkit-transform: scale(0,1) translate(0,0) rotate(0);
      transform: scale(0,1) translate(0,0) rotate(0)
  }

  .nav-btn.open span:nth-child(3){
      -webkit-transform: scale(1,1) translate(0,0) rotate(-45deg);
      transform: scale(1,1) translate(0,0) rotate(-45deg)
  }
  .menu-list{
    height: 55px;
    background: #fff;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.3);
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .menu-list a{
    width: 33.33%;
    text-align: center;
    font-size: 18px;
    line-height: 55px;
    border-right: 1px solid #d4d4d4;
    display: block;
  }
  .menu-list a:last-child{
    border-right: 0px solid #d4d4d4;
  }
  .menu-wrap {
    position: fixed;
    width: 100%;
    height: calc(100% - 80px);
    top: 80px;
    left: 0;
    z-index: 1000;
    background-color: #d50011;
    display: flex;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -webkit-transition: transform .6s ease-out;
      transition: transform .6s ease-out;
  }
  .menu-wrap.open{
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }


  .menu-wrap .menuBox {
    padding: 50px 25px;
    height: 100vh;
    width: 50%;
    flex: 0 0 50%;
  }
  .menu-wrap .menuBox.light {
    background-color: #fff;
  }
  .menu-wrap .menuBox a {
    display: block;
    font-size: 28px;
    height: 3em;
    line-height: 3em;
    text-align: left;
    color: white;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .menu-wrap .menuBox.light a {
    color: #000;
  }
  .menu-wrap .menuBox a:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  .menu-wrap .menuBox.light a:not(:last-child) {
    border-bottom: 1px solid #c3c3c3;
  }
  footer{
    font-size: 14px;
  }
  footer .txtBox{
    display: block;
  }
  .tip{
    font-size: 14px;
    line-height: 18px;
    padding: 0 20px;
  }
  .top-btn{
    right: 18px;
  }
  .dialog-btn{
    width: 55%;
    height: 60px;
   /*  padding: 18px 0 0 0; */
    right: 150px;
    bottom: 48px;
    z-index: 999;
    vertical-align:middle;
    box-shadow: 0 0 20px 3px rgba(0,0,0,.35);
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing:3px
  }
  .dialog-btn img{
    display: inline-block;
    vertical-align:middle;
    margin-right: 15px;
  }
  .dialog {
    max-width: 80%;
  }
  #hidedialog{
    background:#df0615;
    color: #fff;
    font-size: 24px;
  }
  .dialog-body p{
    font-size: 24px;
    line-height:35px;
    text-align: justify;
  }
  .float-btn{
    width: 75%;
    height: fit-content;
    right: 120px;
    bottom: 33px;
    z-index: 999;
    vertical-align:middle;
  }
  .float-btn-XL{
    width: 85%;
    height: fit-content;
    right: 100px;
    bottom: 33px;
    z-index: 999;
    vertical-align:middle;
  }
}

@media screen and (max-width:768px){
  .menu-wrap{
    height: calc(100% - 60px);
    top: 60px;
  }
  .menu-wrap .menuBox a{padding: 0 1em;}

}

@media screen and (max-width:640px){
  .menu-wrap .menuBox a{font-size: 24px;}
  .btn_FloatLink{
    background: url(../images/a25/btn_FloatLink@2x.png);
    background-size: cover;
    background-position: 0 0;
    right: 0;
    /* bottom: 310px; */
  }
  
  .btn_FloatLink:hover{
    background: url(../images/a25/btn_FloatLink-hover@2x.png);
    background-size: cover;
    background-position: 0 0;
  }
  .dialog-body p{
    max-height: 385px;
    border-bottom: 1px solid #111;
}
}

@media screen and (max-width:540px){

  .menu-wrap .menuBox a{font-size: 16px;}

}

@media screen and (max-width:414px){
  /* header .logo{width: 165px;height: 32px;background-size: cover;} */
  header .logo{width: 140px;height: 32px;background-size: contain;}
  footer .logo{width: 169px;height: 27px;background-size: cover;}
  .menu-wrap .menuBox{padding:50px 1em;}
  .menu-wrap .menuBox a{font-size: 17px;padding: 0 .5em;}

}
@media screen and (max-width:375px){
  .menu-wrap .menuBox{padding:50px .8em;}
  .menu-wrap .menuBox a{font-size: 16px;padding: 0 .5em;}
}
@media screen and (max-width:320px){
  .menu-wrap .menuBox{padding:50px .5em;}
  .menu-wrap .menuBox a{font-size: 14px;}
}



/* 2021 cny */
/*

.fixed-btn{
  width: 143px;
  height: 198px;
  background: url(../images/2021cny/fixed_bg.png) center center no-repeat;
  position: fixed;
  right: 0;
  z-index: 9;
  bottom: 130px;
  -webkit-transition: all .3s ease;
      transition: all .3s ease
}
.fixed-btn a{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fixed-btn .front{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 143px;
  height: 127px;
  background: url(../images/2021cny/fixed_gold.png);
  overflow: hidden;
}
.fixed-btn .ribbon{
  position: absolute;
  left: calc(50% - 33px);
  width: 67px;
  height: 40px;
  background: url(../images/2021cny/ribbon.png);
}

.fixed-btn .front-txt{
  position: absolute;
  left: calc(50% - 58px);
  bottom: 14px;
  width: 117px;
  height: 72px;
  background: url(../images/2021cny/fixed_txt.png);  
}

.fixed-sp > div{
  position: absolute;
  left: 14px;
  margin-top: -15px;
}
.fixed-sp > div img{
      -webkit-transition: all .3s ease;
      transition: all .3s ease
}

.fixed-btn:hover .fixed-sp > div img{
  margin-top: -10px;
}
.fixed-btn .front-area{
    width: 200%;
    height: 200%;
    position: absolute;
    left: -50%;
    top: 0;
    transform: rotate(-10deg) translateY(16px);

}

.fixed-btn .front-area::after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    opacity: 1;
    left: -100%;
    -webkit-animation: flickers 4s;
    animation: flickers 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: -moz-linear-gradient(-25deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-25deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0) 100%);
}

.fixed-btn-bottom{
  display: none;
}
@media screen and (max-width:800px){

  .top-btn{
    bottom: 105px;
  }
  .fixed-btn{
    width: 147px;
    height: 198px;
    background: url(../images/2021cny/small/fixed_bg.png) center center no-repeat;
    position: fixed;
    right: initial;
    left: 26px;
    z-index: 9;
    bottom: 0px;
    top: 740px;
     -webkit-transition: all .3s ease;
        transition: all .3s ease
    transform:translateX(0%);
  }
  .fixed1.hide{
    transform:translateX(-150%);
  }
  .fixed-btn .front{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 147px;
    height: 127px;
    background: url(../images/2021cny/small/fixed_gold.png);
    overflow: hidden;
  }

  .fixed-sp > div{
    position: absolute;
    left: 14px;
    margin-top: -15px;
  }
  .fixed-sp > div img{
        -webkit-transition: all .3s ease;
        transition: all .3s ease
  }

  .fixed-btn:hover .fixed-sp > div img{
    margin-top: -5px;
  }
  .fixed-btn .front-area{
      width: 200%;
      height: 200%;
      position: absolute;
      left: -50%;
      top: 0;
      transform: rotate(-10deg) translateY(16px);

  }

  .fixed-btn-bottom{
    width: 100%;
    height: 86px;
    left: 0;
    top: initial;
    bottom: 0;
    background: url(../images/2021cny/mb/fixed_bg.png) center center no-repeat;
    position: fixed;
    right: 0;
    z-index: 9;
    transform:translateY(200%);
    display: block;

  }
  .fixed-btn-bottom.show{
    transform:translateY(0px);
  }
  .fixed-btn-bottom .front{
    position: absolute;
    bottom: 0;
    left: initial;
    right: 0;
    width: 410px;
    height: 86px;
    background: url(../images/2021cny/mb/fixed_gold.png);
    overflow: hidden;
  }
  .fixed-btn-bottom .ribbon{
    display: none;
  }

  .fixed-btn-bottom .front-txt{
    position: absolute;
    left: calc(50% - 153px);
    bottom: 14px;
    width: 327px;
    height: 53px;
    background: url(../images/2021cny/mb/fixed_txt.png);  
  }
  .fixed-btn-bottom .fixed-sp > div{
    top: -50px;
    left: 37px;
    margin-top: 0;
  }
  .fixed-btn-bottom .fixed-sp > div img{

  }
  .fixed-btn-bottom .front-area{
        width: 100%;
      height: 100%;
      left: 10px;
        transform: rotate(0deg) skewX(-12deg);
        overflow: hidden;
  }
}*/