/* union design Vito */


/*----次選單--*/
            
 .nav { display:block; float: left; width: 100%; margin-bottom: 30px; background-color:#ccc ;}
 .nav ul{ margin: 0;padding: 0; }
 .nav li{ position: relative;
         float: left;
         color: #FFF;
         list-style: none;
         background: #ccc;
		 font-size:1em;
            }
 .nav li a { display: block;        
            padding: 10px 15px;
            color: #000;
            text-decoration: none;
			
            }

 .nav li:hover { background: #999;}
 /*.nav li ul { background-color:#FFFFFF ; display: none; position: absolute;top: 100%; }
 .nav li:hover ul { display: block; right: 0; left: 0; top: 100%;}*/
 .toggle {display: none; background: #FF6600; }
 .arrow-button { position: absolute;
                top: 25px;
                right: 13px;
                margin-left: 5px;
                border-top: 4px solid #FFF;
                border-right: 4px solid transparent;    
                border-left: 4px solid transparent;        
                width: 1px;
                height: 1px;
            }
@media (max-width: 640px) { 

 .nav {display: none;}
 .toggle {	 
	display: inline-block;
	background-color: #999;
	padding: 10px 2%;
	color: #FFF;
	width: 100%;
}
 .nav li{ float: none;  }
 .nav li a{ padding: 10px 15px; font-size:1em;}
 /*.nav li:hover ul { position: relative;  display: block;background: transparent; }
 .nav li:hover ul li{ background: transparent;}
 .nav li:hover ul li a{ padding-left: 30px; }*/
 .arrow-button {top: 20px;} }