@charset "UTF-8";
/* CSS Document */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}


body { background: #ccc; }

#container { width: 990px; background: #777; border-bottom: 4px solid #646464; height: 34px; font-family: Arial, Helvetica, '微軟正黑體', sans-serif; font-size: 13px; }
#container ul, #container ol { padding: 0; margin: 0; list-style: none; }

#main-nav { height: inherit; width: 965px; padding-left: 16px !important; }
#main-nav li { float: left; position: relative; height: inherit; }
#main-nav li.mainnav-btn { cursor: pointer; padding:0 25px; color:#FFFFFF; cursor:pointer; z-index: 795; line-height: 38px; }
#main-nav li.mainnav-btn:hover { background: #a8577f; }
#main-nav li.line { width: 1px; overflow: hidden; z-index: 999; }
#main-nav li.line span { position: absolute; display: block; border: 1px solid #929292; height: 25px; top: 5px; left: 0; }

.submenu-box { z-index: 150; position: absolute; top: 34px; left: 0; border-top: 5px solid #9b4d73; background: rgba(255, 255, 255, .98); background: #fff\0;display: none; }
.submenu-box li { float: none !important; }
.submenu-box li a { color: #2d2d2d; -webkit-text-size-adjust:none; text-decoration:none; }
.submenu-box .menu-column { border: 1px solid #c8c8c8; border-top: 0; padding: 10px 16px; overflow: hidden; }
.submenu-box ol { float: left; border-left: 1px solid #c8c8c8; padding-left: 28px !important; padding-right: 32px !important; height: inherit; }
.submenu-box ol:first-child { border: none; padding-left: 18px !important; }
.submenu-box ol li { line-height: 2em; height: auto !important; }
.submenu-box ol li.line2 { border-bottom: 1px solid #c8c8c8; padding-bottom: 5px !important; margin-bottom: 5px; padding-right: 15px; }
.submenu-box ol li a { display: block; position: relative; }
.submenu-box ol li a:hover { color: #a8577f; }
.submenu-box ol li a:hover:before { content: ''; position: absolute; border: 4px solid transparent; border-left-color: #a8577f; left: -8px; top: 50%; margin-top: -5px;  }
.submenu-box ol li.line2 a { padding-right: 15px !important; }

#menu1-box { width: 350px; background-image: url(../../Images/menu01.png); background-position: right bottom; background-repeat: no-repeat; }
#menu1-box .menu-column { height: 115px; }
#menu1-box ol { height: 104px; }

#menu2-box { width: 320px; }
#menu2-box ol { height: 182px; }

#menu3-box { width: 330px; }

#menu4-box { width: 586px; }
#menu4-box ol { height: 100px; }

#menu5-box { width: 290px; background-image: url(../../Images/menu05.png?m=6); background-position: right bottom; background-repeat: no-repeat; }
#menu5-box .menu-column { height: 115px; }

#menu6-box { width: 350px; }
#menu6-box ol { height: 200px; }


#menu6x-box { width: 380px; background-image: url(../../Images/menu06.png?m=3); background-position: right bottom; background-repeat: no-repeat; }
#menu6x-box .menu-column { height: 200px; }

#menu7-box { left: auto; right: 0; width: 330px; }

#menu8-box { left: auto; right: 0; width: 330px; }

#menu9-box { left: auto; right: 0; width: 150px; }

/***** this section is to define custom width for each dropdown

#menu-btn9 {
	
}
#menu-btn.active {
	color:#333333;
	padding:0 20px;
}

#menu-btn9.active {
	padding:0 20px;
}

#menu1-btn {
	width:110px;
	cursor:pointer;
}
#menu1-btn.active {
}

#menu1-box {
	left:0;
	width:180px;
	display: none;
}

#menu2-btn {
	width:128px;
}
#menu2-btn.active{
}
#menu2-box{
	left:0;
	width:250px;
	display: none;
}
#menu3-btn{
	width:128px;
}
#menu3-btn.active{
}
#menu3-box{
	left:0;
	width:260px;
    display: none;
}
#menu4-btn{
	width:102px;
}
#menu4-btn.active{
}
#menu4-box{
	left: 0;
	width: 260px;
	display: none;
}
#menu5-btn{
	width:109px;
}
#menu5-btn.active{
}
#menu5-box{
	left:-100px;
	width: 200px;
	display: none;
}
#menu6-btn{
	width:109px;
}
#menu6-btn.active{
	width:109px;
}
#menu6-box{
	right:0;
	width: 190px; 
	display:none;
}

#menu7-btn{
	width:108px;
}
#menu7-btn.active{
}
#menu7-box{
	right:0;
	width: 280px;
	display: none;
}
#menu8-btn{
	width:110px;
}
#menu8-btn.active{
}
#menu8-box{
	right:0;
	width: 382px;
    display: none;
}
*/