﻿/* Generated by PURE CSS Menu Maker. This file may be modified freely. */

#cm-nav 
{
  
     height:50px;
    }
#cm-nav li a.arrow {background-image: url(./img/arrow-right.png)}

#cm-nav > li > a.arrow {background-image: url(./img/arrow-down.png)}

ul#cm-nav ,
ul#cm-nav ul 
{
 border-bottom: 1px;
 list-style-type: none;
 margin: 0px;
 padding: 0px
}

ul#cm-nav li {
 position: relative;
 list-style-type: none;
 margin: auto;
 float: left;
 padding: 0px;
  z-index:999;
}

ul#cm-nav li li {
 width: auto;
 float: left;
 top:0px;
 z-index:999;
}

#cm-nav a 
{
 border-bottom: black 1px solid;
 text-align: left;
 border-left: black 1px solid;
 display: block;
 white-space: nowrap;
 background: yellow;
 border-top: black 1px solid;
 border-right: black 1px solid;
 text-decoration: none
}

#cm-nav a:focus {outline-style: none}

#cm-nav a.no-click {cursor: default}

#cm-nav li a {margin: -1px -1px 0px 0px}

#cm-nav li li a {margin: 0px 0px -2px}

#cm-nav > li > a.arrow {padding-right: 14px}

#cm-nav ul.arrow-pad > li > a {padding-right: 15px}

#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%
}

#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
 z-index: 999;
 position: absolute;
 display: none
}


#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul ,
#cm-nav li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul {
 display: block;
 margin-left: 100%;
}
/*下拉第一層選單*/
#cm-nav li:hover ul  
{
    display: block;
    margin-left: -102%;
    }

#cm-nav ul ul {
 top: 1px;
 left: -1px
}

#cm-nav ul {
 top: 0px;
 left: 0px
}

#cm-nav li {top: 5px}

#cm-nav li a 
{
    background-color:transparent;
    border-color: transparent;
    color: #FFF;
	font: 11pt "Trebuchet MS",sans-serif;
	margin-bottom:0px;
	padding: 7px 8px  ;
	text-align: center;
	text-decoration: none;
	height:30px;
    
    }
#cm-nav li a:hover
{
  color:Aqua;
    background-color:transparent;
    border-color: transparent;
    }    
    
/*次選單設定*/
#cm-nav li li a 
{
    background-color:#FFBC00;
    color: #000;
    width:200px;
    text-align: left;
    white-space:normal;
 z-index:999;
  border-bottom-style:solid;
  border-bottom-color:#FFF;
  border-bottom-width:2px;
    }
    
#cm-nav li li a:hover
{
    background-color:#005A91;
    color: #EEE;
    width:200px;
    text-align: left;
     white-space:normal;
    }    
    
#cm-nav ul.arrow-pad
{
	margin-top: 46px;
	padding:5px 2px ;
   opacity:0.95 ; 
   　_filter:alpha(opacity=90);/*IE6*/
　filter:alpha(opacity=90);/*IE7*/
　-moz-opacity: 0.9;/*fireFox*/
    }
    

#cm-nav a ,


#cm-nav a {border-color: #4c94c8}

#cm-nav a ,
#cm-nav li:hover > a {color: #ffffff}

#cm-nav a {font-family: times}

#cm-nav a {
    font-size: 1em;
}

#cm-nav a {font-weight: normal}

/*#cm-nav li:hover > a {text-decoration: underline}*/

/*

#cm-nav a {padding-left: 10px}

#cm-nav a {padding-right: 14px}

#cm-nav a {padding-top: 3px}

#cm-nav a {padding-bottom: 7px}*/