/* 漢堡選單 */
.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;z-index: 999; } .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{background-color: var( --link-color);display: block;padding: 5px 20px;width: 30%;border-radius: 0.25rem;text-align: center;margin:40px auto 0;transition: all .3s ease-in;font-size: 1.25rem;color:#fff;}
button.main-button:hover{background-color: var(--link-color-hover);}
  
button.white{border:1px solid #fff ;color: #fff;background: transparent;}
button.white:hover{color: rgb(65, 34, 176);background: #fff;}




.more_btn {margin: 15px 0;}
.more_btn a{color: var( --link-color);display: inline-block;transition: all .3s ease-in;font-weight: 400;font-size: 1.25rem;}
.more_btn i{font-size: .9rem;transition: all .3s ease-in;}
.more_btn:hover a{color: var(--link-color-hover);}
.more_btn:hover i{transform: rotate(90deg);color: var(--link-color-hover);}


.big_btn{background-color: var( --link-color);display: block;padding: 10px 20px;width: 30%;border-radius: 0.25rem;text-align: center;margin:40px auto 0;transition: all .3s ease-in;}
.big_btn:hover{background-color: var(--link-color-hover);}
.big_btn a{color: #fff;display: block;}
.big_btn a h5{margin: 0;padding: 0;}





@media (max-width: 1199px) {

}


@media (max-width:991px) {
  button.main-button { width: 50%; }
}

@media (max-width: 767px) {

}

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