/*.hederButton { position: absolute; bottom:-30px; left: 0; width: 100%; z-index: 999;  }
*/.hederButton ul { display: flex; margin: 0 auto; padding-bottom: 10px; max-width: 1400px;}
.hederButton ul li { display: block; width: 50%; }
.hederButton ul li a { display: block; margin: 0 auto; padding: 0; width: 80% ; font: 20px/2.6 "微軟正黑體"; 
text-align: center; color: #fff; border-radius: 10px; background: #1e59a7cc; transition: .5s;text-decoration: none; }
.hederButton ul li a:hover { color: #FFF; background: #29b991cc;}

/*.hederButton ul li.now a:hover  { color: #fff; background:#29b991cc; }
*/.hederButton ul li.now a {  color: #FFF; background: #29b991cc; }

.hederButton ul li.now { position: relative; }
/*.hederButton ul li.now::after { content: ""; position: absolute; display: block; bottom: -13px; left:calc(50% - 7px);
 width: 15px; height: 13px; background: url(../images/ang.png) top center no-repeat }*/