@charset "UTF-8";
@media only screen and (max-width: 1650px) {#mn { width:100%; text-align:center; background:url(../img/head_menubg.jpg) repeat-x; height:50px;}} 
@media only screen and (min-width: 1650px) {#mn { width:100%; text-align:center; background:url(../img/head_menubg.jpg) repeat-x; height:55px;}}
@media only screen and (max-width: 1650px) {#mn a:link, #mn a:visited, #mn a:active {display:block; height:50px; line-height:50px; color:#FFFFFF; width:130px; font-weight:bold; padding:0 auto; font-size:20px;}}
@media only screen and (min-width: 1650px) {#mn a:link, #mn a:visited, #mn a:active {display:block; height:55px; line-height:55px; color:#FFFFFF; width:145px; font-weight:bold; padding:0 auto; font-size:24px;}}

<!-- float 選一組使用
@media only screen and (max-width: 1650px) {#rightfloat {float:left;margin-left:3%;}}
@media only screen and (min-width: 1650px) {#rightfloat {float:left;margin-left:5%;}}

@media only screen and (max-width: 1650px) {#rightfloat {float:right;margin-right:3%;}}
@media only screen and (min-width: 1650px) {#rightfloat {float:right;margin-right:5%;}}
-->

@media only screen and (max-width: 1650px) {#rightfloat { float: right;  margin-right: 10px; }}
@media only screen and (min-width: 1650px) {#rightfloat { float: right;  margin-right: 20px; }}




@media only screen and (max-width: 1650px) {#mn a:hover { color:#FFFFFF; background:#009191 url(../img/head_menubg_hover.jpg) center repeat-x;}
#mn li {float:left; position:relative;background:url(../img/head_menubg_spacing.jpg) right no-repeat;}
#mn li ul {position:absolute;display:none;background:#264D73;filter:alpha(opacity=80) !important;opacity:0.8 !important; z-index:1234;}
#mn li ul li { float:none; background:none}
*html #mn li ul li { display:inline;}
#mn li ul{ box-shadow: 1px 3px 4px #888888;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} 
#mn li ul a:hover { box-shadow: 1px 3px 5px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#mn li ul { top:50px; left:0px;}
#mn li ul a:link,#mn li ul a:visited,#mn li ul a:active {float:none; overflow:hidden; font-weight:bold; width:140x; height:40px; line-height:40px; border-bottom:#FFFFFF solid 2px; padding:auto; font-size:18px; color:#FFFFFF; text-align:center;}
#mn li ul a:hover { color:#FFFFFF;background:#D23500;}
#mn li ul li ul {top:0;left:15px;} 
#mn li ul li ul li ul {top:0;left:50px;}
#mn li ul li ul li ul li ul {top:0;left:;}}
@media only screen and (min-width: 1650px) {#mn a:hover { color:#FFFFFF; background:#33A2E7 url(../img/head_menubg_hover.jpg) center repeat-x;}
#mn li {float:left; position:relative;background:url(../img/head_menubg_spacing.jpg) right no-repeat;}
#mn li ul {position:absolute;display:none;background:#264D73;filter:alpha(opacity=80) !important;opacity:0.8 !important; z-index:1234;}
#mn li ul li { float:none; background:none}
*html #mn li ul li { display:inline;}
#mn li ul { top:55px; left:0px;}
#mn li ul a:link,#mn li ul a:visited,#mn li ul a:active {float:none; overflow:hidden; font-weight:bold; width:160px; height:40x; line-height:40x; border-bottom:#FFFFFF solid 2px; padding:auto; font-size:22px; color:#FFFFFF; text-align:center;}
#mn li ul a:hover { color:#FFFFFF;background:#D23500;}
#mn li ul li ul {top:0;left:155px;} 
#mn li ul li ul li ul {top:0;left:48px;}
#mn li ul li ul li ul li ul {top:0;left:;}}
@media screen and (min-width:1024px) { /* PC 選單 headflash 強調單格顏色 */
.headflash-menu-bg {background-color:#993300;}
/* .headflash-menu-bg a:hover { color:#FFFFFF; background:#009191 url(../img/head_menubg_hover.jpg) center repeat-x; } */
}
.btn {margin-right:3px;} 


@charset "UTF-8";
#NavLink{
/* background:url("../img/head_menubg_hover.jpg") repeat center -0px; */
background:url("../img/head_menubg.jpg") repeat center -0px; /* 選單背景圖 */ 
width:100%;
margin:auto;
}
#NavLink #sddm{
/* background:url("../img/m_nav_bg1.png") repeat center -0px; */
background:url("../img/head_menubg_hover.jpg") repeat center -0px; /* 選單移過背景圖 */
margin:auto;
z-index:30}
#NavLink #sddm li{
width:33.3%;
float: left;
font-weight:bold;}
#NavLink #sddm .CurrentLi a{
background:none;} 
#NavLink #sddm li a
{ display: block;
color: #fff; /* 文字顏色 */
text-align: center;
padding:0px 10px;
height:48.5px; /* 上下間距 */
/* height:48px; 『48px會切齊』---取圖的高度---目前../img/menu-background高是50px */
line-height:47px; /* 文字上下距離 */
background:;
font-size:20px;font-weight: normal; /* 文字粗細設定 bold/lighter/normal */ 
/* background: url("../img/m_nav_bg2.png") no-repeat 0px -0px; */
background: url("../img/head_menubg_spacing.jpg") no-repeat 0px -0px; /* 分隔背景圖 */
}
#NavLink #sddm li P{
font-size:20px;
font-weight:bold;
color:#fff;
text-transform:uppercase;}
#NavLink #sddm li a:hover
{ color: #FF8800; /* 滑鼠移過文字顏色 */
text-decoration:none;
/* background:#800000; 滑鼠移過背景顏色 */
background:url("../img/head_menubg_hover.jpg") repeat center -0px; /* 滑鼠移過背景圖 */
}
#NavLink #sddm div
{ position: absolute;
visibility: hidden;
background: #B8292F;
padding:0px 0px;
filter: alpha(opacity=85); 
top:50px;
}
#NavLink #sddm div a
{ position: relative;
padding: 0px 5px;
width:120px;
text-align: center;
background:#B8292F;
color: #FFFFFF;
font-size:20px;
font-weight:bold;
text-decoration:none;
line-height:50px;
height:50px;
border-bottom:1px solid #932126;}
#NavLink #sddm div a:hover{
background:#FF8700;
color:#fff;
font-weight:bold;
line-height:50px;
border-bottom:1px solid #932126;}