/* 漢堡選單 */
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } button:active,button:focus{outline: none;}
.hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; }

/* Minus */
 .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
 .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
 .hamburger--minus.is-active .hamburger-inner::before { top: 0; }
 .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; }



/* 一般頁面主按鈕 start */
button.main-button{display: inline-block;border-radius: 20px;cursor: pointer;margin: 20px auto 0;font-size: 1.1rem;background:transparent;border: 1px solid rgb(65, 34, 176);color: rgb(65, 34, 176);padding: 5px 40px;transition: .5s;}
button.main-button:hover{color:#fff;background:rgb(65, 34, 176);}
button.main-button:focus{outline: 0;box-shadow: 0 0 0 0.2rem rgb(0 123 255 /0%);transform: translateY(3px);}
  
button.white{border:1px solid #fff ;color: #fff;background: transparent;}
button.white:hover{color: rgb(65, 34, 176);background: #fff;}


@media (max-width: 1199px) {

}


@media (max-width:991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 576px) {
  button.main-button{margin: 40px auto 0;}
}