@charset "UTF-8";
/* CSS Document */
.inaccesible li ul { display:none; }

.SS, .IS, .SC, .RelatedLinks { width:204px;}
.SS, .IS {margin:0 0 8px 8px;}
.SC, .RelatedLinks {margin:0 8px 8px 0;}
.leftbg .SC, .leftbg .RelatedLinks {margin:0 0 8px 8px;}
.menubg ul, .RelatedLinks ul {list-style:none; margin:0; padding:0;line-height:130%;}
.menubg li, .RelatedLinks li {position:relative;margin:0; padding:0;}
.menubg a,  .RelatedLinks a {display:block;text-decoration:none; outline:none;}
.menubg>ul>li, .RelatedLinks>ul>li {margin:0 7px; padding:0 0 5px}
.menubg>ul>li>a, .RelatedLinks>ul>li>a { padding:3px 0 5px 24px; padding:5px 0 3px 24px \9;border-bottom:1px solid #e5e5e5; color:#666;}

.SS { z-index:6000; background:url(../images/menu_SS_bg.png) no-repeat center bottom;padding:0 0 12px; margin-bottom:16px; }
.IS , .SC, .RelatedLinks {z-index:3000;  background:url(../images/menu2_bg.png) no-repeat center bottom;padding:0 0 20px;}
.SS>ul { background:url(../images/menu_SS_ul.png) repeat-y center top; padding-top:6px; padding-bottom:3px;}
.SC>ul, .IS>ul, .RelatedLinks>ul { background:url(../images/menu2_ul.png) repeat-y center top;padding-top:6px;  }
.SS.menubg>ul>li>a {color:#fff; border-bottom-color:#b6a266;}
/*h2*/
.menubg h2, .RelatedLinks h2  { margin:0; padding:0; font-size:0; background-position:0 0; background-repeat:no-repeat;}
.SS.menubg h2 {background-image:url(../images/menu_SS_h2.png); margin:0; padding:0;height:60px;}
.IS.menubg h2 { background-image:url(../images/menu_IS_h2.png); height:50px;}
.SC.menubg h2 {background-image:url(../images/menu_SC_h2.png); height:62px;}
.RelatedLinks h2 {background-image:url(../images/relatedLinks_h2.png); height:50px;}
/*multimenu*/
.menubg {position:relative;}
.menubg>ul>li>a { background:url(../images/menu_SS_a.png) no-repeat -40px 0;background-position:-40px 5px \9; }
.menubg>ul>li:hover>a , .menubg>ul>li>a:focus ,
.RelatedLinks>ul>li:hover>a , .RelatedLinks>ul>li>a:focus { color:#ffed76; border-color:#fad421; background-position:0 -40px; background-position:0 -37px \9; }
/*level2*/
.menubg ul ul { position: absolute; left:190px; top:-8px; width:190px;background:#fff;  border-radius:6px; box-shadow:rgba(0,0,0,0.6) 0 0 8px; padding:4px 0;border:1px solid #bbb \9;}
.rightbg .menubg ul ul { left:-190px;}
.rightbg .menubg ul ul ul { left:-210px;}
.menubg ul ul li { margin:4px 5px;}
.menubg ul ul a { padding:7px 3px 2px; border-bottom:1px solid #ddd; color:#555;}
.menubg ul ul li:hover>a, .menubg ul ul li>a:focus {padding:5px 3px 4px; background:#e98c00;color:#fff; border-color:#fff;border-radius:4px;}
/*level3*/
.menubg ul ul ul { left:180px;}
.rightbg .menubg ul ul ul { left:-190px}
/*先隱藏次選單*/
.mlmenu ul ul { display:none;}

/*a*/
.IS.menubg>ul>li>a {background-image:url(../images/menu_IS_a.png);}
.SC.menubg>ul>li>a {background-image:url(../images/menu_SC_a.png);}
.RelatedLinks>ul>li>a {background:url(../images/RelatedLinks_a.png) no-repeat -40px 0;background-position:-40px 5px \9;}
.IS.menubg>ul>li:hover>a, .SC.menubg>ul>li:hover>a, .RelatedLinks>ul>li:hover>a, 
.IS.menubg>ul>li>a:focus, .SC.menubg>ul>li>a:focus, .RelatedLinks>ul>li>a:focus { color:#000; border-bottom-color:#666}
.IS.menubg ul ul li:hover>a, .IS.menubg ul ul li>a:focus { background-color:#0cc6bd;}
.SC.menubg ul ul li:hover>a, .SC.menubg ul ul li>a:focus { background-color:#be70c5;}
/*li.now*/
.menubg>ul>li>a.now { background:url(../images/menu_a_now.png) no-repeat 0 0; padding-top:4px;border-color:#fad421;}
.IS.menubg>ul>li>a.now { background-position:0 -100px; border-color:#00c0b7;}
.SC.menubg>ul>li>a.now { background-position:0 -200px;border-color:#c05dc9;}

/*menu*/
.menu { background:url(../images/menuSt_bg.png) no-repeat right top; padding-right:8px; margin-top:10px;}
.menu ul { list-style:none; margin:0; padding:0;height:31px;background:url(../images/menuSt_bg.png) no-repeat 0 0; text-align:center; white-space:nowrap;}
.menu li {margin:0; padding:0; display:inline; }
.menu li a { display:inline-block; height:17px; padding:8px 0 5px 8px; margin:0 5px 0 0;  background:url(../images/menuStTxt.png) no-repeat 0 8px;border-left:1px solid #cdd0b6;}
.menu li:first-child a { border:none; margin-left:0px;}
.menu li.menuSS a { background-position:8px 8px; width:220px;}
.menu li.menuStd a { background-position:8px -32px; width:142px;}
.menu li.menuSC a {background-position:8px -72px; width:163px;}
.menu li.menuIS a {background-position:8px -112px; width:137px;}
.menu li.menuSS a:hover { background-position:8px -152px;}
.menu li.menuStd a:hover { background-position:8px -192px;}
.menu li.menuSC a:hover {background-position:8px -232px;}
.menu li.menuIS a:hover {background-position:8px -272px;}