@charset "utf-8";


/*MENU_手機板選單*/
.slicknav_menu { display:none; width:100%; }
.top_menu .m_open { display:none; }
/*MENU*/
.top_menu { z-index:2; width:100%;  margin:1em 0; background:#f59900; color:#333; 
  border-radius: 0.5em;}
.top_menu ul { position:relative; display:flex; justify-content:center; width:100%; flex-wrap: wrap; margin:0 auto; padding:0; }
.top_menu ul li { margin:0; padding:0; list-style:none; font-size:1.2em; line-height:70px; 
   border-right: 1px solid rgba(255,255,255,0.3);}
.top_menu ul li a { position:relative; display:block; padding:0 10px; font-weight:bold; text-align:center; 
  color: #fff;
  text-shadow: 0 1px 2px #000; }
.top_menu ul li a:hover,.top_menu ul li.cur a ,.top_menu ul li a.has-sub:hover,.top_menu ul li.cur a.has-sub{ color:#FF0; }
.top_menu ul li a.has-sub:after {content: '\f0d7';
    font-family: 'FontAwesome'; position:absolute; bottom:-4px; width:0px; margin-left:3px; border-bottom:solid 3px #FFF; transition:all .3s ease-in-out; }
.top_menu ul li a.has-sub { position:relative; display:block; padding:0 24px 0 12px; font-weight:bold; text-align:center; 
  color: #fff;
  text-shadow: 0 1px 2px #000; }

.top_menu ul li:hover ul { display:block; }
.top_menu ul li ul { display:none; position:absolute; z-index:9998; justify-content:flex-start; height:auto; line-height:30px; 
border-top:solid 1px #eee;
background:#fa9d2d; 
width: 220px;}

.top_menu ul li ul li { width:auto; font-size:.9em; line-height:30px; border-bottom: 1px solid rgba(255,255,255,0.3); border-right: unset;}
.top_menu ul li ul li a,.top_menu ul li.cur ul li a { position:relative; display:block; padding:5px 15px; color:#fff; font-size:0.8em; font-weight:unset;}
.top_menu ul li ul li a:hover,.top_menu ul li ul li.cur a { background:#FDC800; color:#fff; }
.top_menu ul li ul li a:after,.top_menu ul li ul li a:hover:after,.top_menu ul li ul li .cur:after,.top_menu ul li ul li.cur a:after { display:none; }


/* ======================= RWD 其他螢幕尺寸樣式 ======================= */


/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1199px) {
.top_menu { width:96%; }
}
/*平板*/
@media only screen and (max-width:960px) {
/*----- HEADER 收縮 -----*/
.slicknav_menu { display:block; }
.m_open { display:block; }
.top_menu { display:none; }
}