@charset "UTF-8";
@media only screen and (max-width: 1650px) {
#mn {width:100%; text-align:center; background:url(https://banjia.botry.net.tw/img/headmenu_bg.gif) repeat-x; height:50px;}
} 
@media only screen and (min-width: 1650px) {
#mn {width:100%; text-align:center; background:url(https://banjia.botry.net.tw/img/head_menubg.jpg) repeat-x; height:55px;}
}
@media only screen and (max-width: 1650px) {
#mn img {width:105px;height:auto;} 
}
@media only screen and (min-width: 1650px) {
#mn img {width:105px; height:auto;} 
}
@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:105px;
font-weight:bold; 
padding: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:120px;
font-weight:bold; 
padding:auto;
font-size:24px;
}}
@media only screen and (max-width: 1650px) { 
#rightfloat {float:left;margin-left:2%; float:left;margin-right:1%;} 
}
@media only screen and (min-width: 1650px) { 
#rightfloat {float:left;margin-left:3%; float:left;margin-right:2%;} 
}

@media only screen and (max-width: 1650px) {
#mn a:hover { color:#FFFFFF; background:#00BD8E url(https://banjia.botry.net.tw/) center repeat-x;}
/* menu 1 */
#mn li {float:left; position:relative;background:url(https://banjia.botry.net.tw/) right no-repeat;}
/* menu 2 */
#mn li ul {position:absolute;display:none;background:#007D7D;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 { margin-top:-10px; margin-left:8px;} /* menu 2 disply height*/
#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: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:#CC3300;}
#mn li ul li ul {top:0;left:8px;}
#mn li ul li ul li ul {top:0;left:-10px;}
#mn li ul li ul li ul li ul {top:0;left:;}
} 

/* 下拉選單特效 */
#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;}


@media only screen and (min-width: 1650px) {
#mn a:hover { color:#FFFFFF; background:#33A2E7 url(https://banjia.botry.net.tw/img/head_menubg_hover.jpg) center repeat-x;}
/* menu 1 */
#mn li {float:left; position:relative;background:url(https://banjia.botry.net.tw/img/head_menubg_spacing.jpg) right no-repeat;}
/* menu 2 */
#mn li ul {position:absolute;display:none;background:#666666;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 { margin-top:155px; margin-left:155px;} /* menu 2 disply height*/
#mn li ul a:link,#mn li ul a:visited,#mn li ul a:active {
float:none; 
overflow:hidden;
font-weight:bold; 
width:180px;
height:40x; 
line-height:40x; 
border-bottom:#4C94E7 solid 2px;
padding:auto;
font-size:22px;
color:#FFFFFF;
text-align:center;
}
#mn li ul a:hover { color:#FFFFFF;background:#ff3300;}
#mn li ul li ul {top:0;left:155px;}
#mn li ul li ul li ul {top:0;left:155px;}
#mn li ul li ul li ul li ul {top:0;left:;}
}

/* RWD 橫式選單 */


#NavLink{background:url("https://banjia.botry.net.tw/img/head_menubg.jpg") repeat center -0px; width:100%; margin:auto;}
#NavLink #sddm{background:url("https://banjia.botry.net.tw/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: #FFFFFF; text-align: center; padding:0px 10px; height:48.5px; line-height:47px; font-size:20px; font-weight: normal; background: url("https://banjia.botry.net.tw/img/head_menubg_spacing.jpg") no-repeat 0px -0px; }
#NavLink #sddm li p {font-size:20px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
#NavLink #sddm li a:hover { color: #FFFFFF; text-decoration:none; background:url("https://banjia.botry.net.tw/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:#FFFFFF; font-weight:bold; line-height:50px; border-bottom:1px solid #932126;}