/* 漢堡 */
@media(max-width: 600px) {
.cna-logo span{font-size: 24px;}
.focus .top-nav{margin-left: -15px;}
.logo img {height: 30px;}
.menuIcon {cursor: pointer;display: block;position: absolute;left: 15px;top: 18px;height: 23px; width: 27px;z-index: 98;}
.icon-bars {background:#068BB6;position: absolute;left: 1px;top: 45%;height: 2px;width: 25px;} 
.icon-bars::before {background: #068BB6;content: '';position: absolute;left: 0;top: -8px;height: 2px;width: 25px;}
.icon-bars::after {margin-top: 0px;background:#068BB6;content: '';position: absolute;left: 0;bottom: -8px;height: 2px;width: 25px;}
.menuIcon.toggle .icon-bars {background: #fff;top: 5px;transform: translate3d(0, 5px, 0) rotate(135deg);transition-delay: 0.1s;transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.menuIcon.toggle .icon-bars::before {top: 0;transition-delay: 0.1s;opacity: 0;}
.menuIcon.toggle .icon-bars::after {background: #fff;top: 10px;transform: translate3d(0, -10px, 0) rotate(-270deg);transition-delay: 0.1s;transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.menuIcon.toggle .icon-bars.overlay {width: 20px; opacity: 0;-webkit-transition: all 0s ease 0s;transition: all 0s ease 0s;}
}

/*手機選單*/
.overlay-menu {
 background: #068BB6;
  color: #fff;display: flex;z-index: 97;
  align-items: center;justify-content: center;
  position: absolute;top: 0;right: 0;
  padding-right: 15px;
  transform: translateX(-100%);
  width: 100vw;height: 100vh;
  -webkit-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.overlay-menu ul, .overlay-menu li {display: block;position: relative;}
.overlay-menu li a {
  border-bottom: #fff 1px solid;
  color: #fff;
  display: block;
  font-size: 24px;
  letter-spacing: 4px;
  padding: 18px 0;
  text-align: right;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.overlay-menu li a:hover,
.overlay-menu li a:active {color: rgb(252, 182, 82);-webkit-transition: color 0.3s ease;transition: color 0.3s ease;}