/*** 右側選單 ***/
:root{ 
  --nav-bg:#000000bf;
  --link-color:#eaeaea;
 }


 .right_menu .menu_box { margin-right:0px; }
.left_menu dt { font-size: 100%; color: #fff;}
.left_menu .arrow_box span {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.arrow_box{background-color:var(--nav-bg);width:40px;margin: 0;cursor:pointer;border-radius:5px 0 0 5px;-webkit-transition:0.2s;transition:0.2s;display: none;}
.arrow_box:hover{background-color:var(--nav-bg);-webkit-transition:0.2s;transition:0.2s;}
.arrow_box span{display:block;-webkit-filter:invert(1);filter:invert(1);padding:6px;opacity:0.8;-webkit-transition:0.3s all;transition:0.3s all;}
.left_menu, .right_menu{width:120px;position:fixed;z-index:88;left:0;top:40px}
.left_menu .menu_box, .right_menu .menu_box{text-align:center;background-color:var(--nav-bg);width: 100%;padding:5px;font-size:15px;border:0;border-radius:8px;-webkit-transition:0.3s;transition:0.3s;background: transparent;}
.left_menu .menu_box img, .right_menu .menu_box img{border-radius:5px;}
.left_menu .menu_box a, .right_menu .menu_box a{display:block;color: var(--link-color);text-decoration:none;border-radius:5px;-webkit-transition:0.3s all;transition:0.3s all;}
.left_menu .menu_box a:hover, .right_menu .menu_box a:hover{background-color:rgba(255, 255, 255, 0.4);-webkit-transition:0.2s;transition:0.2s;background-color:transparent!important;font-weight: 600;}
.left_menu .menu_box li, .right_menu .menu_box li{position:relative;margin-bottom:2px;}
.left_menu .menu_box li.gotop, .right_menu .menu_box li.gotop{padding:0 1.5rem;margin-top:3rem;}
.left_menu .menu_box li.gotop img, .right_menu .menu_box li.gotop img{border-radius:0}
.left_menu .gohide, .right_menu .gohid {-webkit-transform:ranslateX(105%);transform:ranslateX(105%)}
.left_menu span.arrow.arRight.rotate, .right_menu span.arrow.arRight.rotate{-webkit-transform:otate(135deg) !important;transform:otate(135deg) !important;margin-left:8px}


.right_menu{height:100vh;left:auto;right:0;top:0;background-color:var(--nav-bg);}
.left_menu{height:100vh;left:0;top:0;background-color:var(--nav-bg);display: flex!important;flex-direction: column;flex-wrap: nowrap;justify-content: center;padding: 0 8px;}
.right_menu.go--act{pointer-events:auto}
.right_menu .arrow_box{position:absolute;z-index:5;right:0;top:40px;display:none;}
.right_menu .arrow_box{position:absolute;z-index:5;left:0;top:40px;display:none;margin-right: 0px;}
.left_menu .menu_box{padding: 5px;margin: 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0;background-color:transparent;/* left: 6px; */}

.right_menu .menu_box a{padding: 5px 5px;width: 100%}
.right_menu .menu_box a:hover{color: var(--link-color);font-weight:500;background-color:transparent !important;}
.right_menu .menu_box li{margin:3px 0;width:100%;position:relative;}
.right_menu .menu_box li.line:before{content: "";position:absolute;width:50%;height:1px;background-color: var(--link-color);left:25%;bottom:-3px;}
.right_menu .menu_box li.banner{padding: 0 5px}
.right_menu .menu_box li.banner.logo{padding: 10px 10px 0;}
.right_menu .menu_box #smallBn{width: 100%;}
.right_menu .menu_mb_head{color:#e54040;text-align:left;width:100%;height:41px;line-height:41px;font-size:1.2rem;font-weight:500;padding:0 0 0 10px;display:none;}
.right_menu.go--act .arrow_box span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.right_menu.go--act .menu_box{-webkit-transform:translateX(105%);transform:translateX(105%);}
.arrow {border:solid rgba(255, 255, 255, 0.7);border-width:0 2px 2px 0;display:inline-block;width:20px;height:20px;margin-right:-5px;}
.arRight {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.arLeft {-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.arUp {-webkit-transform:rotate(-135deg);transform: rotate(-135deg);}
#smallBn {overflow: hidden;}
/* 選單結束 */

/* RWD */
@media only screen and (max-width:1488px) {
  .left_menu  .arrow_box span{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  .left_menu .menu_box{-webkit-transform:translateX(-105%);transform:translateX(-105%);right: 6px;}
  .right_menu .menu_box{-webkit-transform:translateX(105%);transform:translateX(105%);}
  .left_menu .menu_box li.gotop, .right_menu .menu_box li.gotop{margin-top:1rem;}

  .right_menu{background-color:transparent;pointer-events:none;height:auto;top:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .right_menu .arrow_box{display:block;pointer-events:auto;position:relative;top:0;left:calc(100% - 40px);}
  .right_menu .menu_box{background-color:var(--nav-bg);border-radius: 0;/* background: #0000006b; */}
  .right_menu .menu_box li.banner.logo{padding: 10px 15px 0;}
  .right_menu.go--act .arrow_box span{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  .right_menu.go--act .menu_box{-webkit-transform:translateX(0);transform:translateX(0);}

  .left_menu{background-color:transparent;pointer-events:none;height:auto;top:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .left_menu .arrow_box{display:block;pointer-events:auto;position:relative;top:0;left: -9px;}
  .left_menu .menu_box{background-color:var(--nav-bg);margin-left: -9px;border-radius: 0;/* background: #0000006b; */}
  .left_menu .menu_box li.banner.logo{padding: 10px 15px 0;}
  .left_menu.go--act .arrow_box span{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  .left_menu.go--act .menu_box{-webkit-transform:translateX(0);transform:translateX(0);}
}



  @media (width >=1488px) and (width <= 992px) { 
  .arrow_box {display:none!important;}
  .arrow_box span{display:none!important;}
  .arrow_box .d-block{display:none!important;}
  
 } 

@media only screen and (max-width:992px) {
  .arrow_box {display:none!important;}
  .arrow_box span{display:none!important;}
  .arrow_box .d-block{display:none!important;}
  .left_menu .menu_box{display:none;}
  .left_menu .menu_box, .right_menu .menu_box{-webkit-transform:none;transform:none;border-radius:0;}
  .left_menu .menu_box a:hover, .right_menu .menu_box a:hover{color:#000;}
  .left_menu .menu_box li.gotop, .right_menu .menu_box li.gotop{display:none;}

  .right_menu{width: 100%;background-color:#fff;z-index:99;position:fixed;top:39px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;}
  .right_menu .menu_box{left:0;width:100%;min-height:43px;background-color:#fff;-webkit-overflow-scrolling: touch;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap: nowrap;padding:0;pointer-events:auto;position:relative;top:0;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:center;}
  .right_menu .menu_box li{width:auto;margin: 0}
  .right_menu .menu_box li a{position:relative;color:#3f3f3f !important;font-size:16px;font-weight:500;padding:8px}
  .right_menu .menu_box li a:before{content: "";position:absolute;bottom:18%;right:0;width:1px;height:60%;background-color:#ccc;}
  .right_menu .menu_box li.banner.logo{display:none;}
  .right_menu .menu_box #smallBn{display:none !important;}
  .left_menu{width: 100%;background-color:#fff;z-index:99;position:fixed;top:39px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;}
  .left_menu .menu_box{left:0;width:100%;min-height:43px;background-color:#fff;-webkit-overflow-scrolling: touch;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap: nowrap;padding:0;pointer-events:auto;position:relative;top:0;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:center;display: none;}
  .left_menu .menu_box li{width:auto;margin: 0}
  .left_menu .menu_box li a{position:relative;color:#3f3f3f !important;font-size:16px;font-weight:500;padding:8px}
  .left_menu .menu_box li a:before{content: "";position:absolute;bottom:18%;left:0;width:1px;height:60%;background-color:#ccc;}
  .left_menu .menu_box li.banner.logo{display:none;}
  .left_menu .menu_box #smallBn{display:none !important;}
}
@media only screen and (max-width:767px) {
  .left_menu .menu_box{display: none;}
  .right_menu .menu_box li.line:before{display:none;}
  .right_menu.go--act .menu_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;
    -ms-flex-pack:center;justify-content:center;padding-bottom:10px;}
  .right_menu.go--act .menu_box li a:before{display:none;}

  .left_menu .menu_box li.line:before{display:none;}
  .left_menu.go--act .menu_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;
    -ms-flex-pack:center;justify-content:center;padding-bottom:10px;}
  .left_menu.go--act .menu_box li a:before{display:none;}
}
@media only screen and (max-width:360px) {
  .left_menu.go--act .menu_box li:nth-child(3){margin-right: 3vw;}
  .right_menu.go--act .menu_box li:nth-child(3){margin-right: 3vw;}
}


/* RWD 結束 */



/* app */
.app_menu .followBox_app li {
  padding: 15px!important;
}