@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	width: 100%;
}

@font-face {
    font-family: eco;
    src:url(font/Ecov2_0.ttf);
}

@font-face {
    font-family: ecoi;
    src:url(font/Ecov2i_0.ttf);
}

/******************************** menu ********************************************/


.menu{ width:100%; height:auto; margin-bottom: 0px; background-color:#ffffff; border-bottom:solid 1px #818181;}
.containmenu{  margin:auto; height:82px;}
.logo{ width:300px; height:82px; float:left;}

/**/.logo2{ width:160px; height:82px; float:right; margin-top:1px; text-align:right;}

.content{ float:right;}
.nav {  float: right; margin-top:10px; vertical-align:top; }
.nav ul{height:28px; padding-top:25px; 
	list-style: none;
	display: block;
}

.nav li{ 
	float: left; height:28px; font-family:"Microsoft JhengHei"; text-align:center; font-size:14px;   margin:0px 5px; line-height:28px; width:76px; 
}

.nav li a { color: #959595; text-decoration:none; padding:2px 0px;  }
.nav li a.active { color: #ee5b25; opacity:1; }
.nav li a:hover { color: #ee5b25; opacity:1; }

.divabs{ position:absolute; border-top: 2px solid #000065; border-bottom: 2px solid #000065;width:100px;  height:24px; margin-top:-28px; width:0px;  opacity:0.6;  }

.nav li a.active .divabs{ width:76px;}
	
.nav li a:hover .divabs{ width:76px;
-moz-transition: width 0.5s ease-in-out ;
    -o-transition: width 0.5s ease-in-out ;
    -webkit-transition: width 0.5s ease-in-out ;
    transition: width 0.5s ease-in-out  ; }
	
	
	
	.divabsauto{ width:76px;
-moz-transition: width 0.5s ease-in-out ;
    -o-transition: width 0.5s ease-in-out ;
    -webkit-transition: width 0.5s ease-in-out ;
    transition: width 0.5s ease-in-out  ; }

/*********************************** page 1***********************************************************/