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

ul.top-menu-main {
  margin: 0;
  width: 995px;
  text-decoration: none;
}
.style4.top-menu {
/*background-image:url(http://www.farglory-oceanpark.com.tw/upload_new/site_1/logo.gif);
background-position:5px 11px; 
background-repeat:no-repeat;*/ 
 width: 890px;
  margin: 0;
  padding:0px;
   text-decoration: none;
padding-left:105px;
height:45px;

 }

#logo { width:95px; height:23px;  background-image:url(http://www.farglory-oceanpark.com.tw/upload_new/site_1/logo.gif); position: absolute; margin-top:11px; margin-left:5px;}
#logo a{ display:block;  width:95px;  height:23px;}

.style4 ul.top-menu-main {
  margin: 0;
  width:890px;
  font-family: Georgia, Tahoma, Arial,"新細明體";
  text-decoration: none;
}

.style4 ul.top-menu-main > li {
         display:block;
       	background: #0767A7;
	/*border-RIGHT:1px solid #0378c6;*/
	border-RIGHT:1px solid #0767A7;
	color: #fff;
	margin:0px;
 text-decoration: none;
}
.style4 ul.top-menu-main li {
         display:block;
       	background: #0767A7;
	/*border-RIGHT:1px solid #0378c6;*/
	border-RIGHT:1px solid #0767A7;
	color: #fff;
	margin:0px;
 text-decoration: none;
}
.style4 ul.top-menu-main > li.first {
   text-decoration: none;
}
.style4 ul.top-menu-main li.first {
   text-decoration: none;
    border-left:1px solid #0378c6;
}
.style4 ul.top-menu-main > li.last {
  border-right: none;
   text-decoration: none;
}
.style4 ul.top-menu-main li.last {
  border-right: none;
   text-decoration: none;
}
.style4 ul.top-menu-main > li:hover{
  background: #0880D1;
  color: #fff;
text-decoration: none;
}
.style4 ul.top-menu-main li:hover{
  background: #0880D1;
  color: #fff;
text-decoration: none;
}
.style4 ul.top-menu-main > li:hover .menu-item-text { 
 font-family: Georgia, Tahoma, Arial,"新細明體";
 font-size: 12px;
color: #fff;
text-decoration: none;
}
.style4 ul.top-menu-main li:hover .menu-item-text { 
 font-family: Georgia, Tahoma, Arial,"新細明體";
 font-size: 12px;
color: #fff;
text-decoration: none;
}
.style4 ul.top-menu-main > li > a {
display:block;
padding: 12px 5px;
color: #fff;
text-decoration: none;
line-height:26px;
font-size: 12px;  
}
.style4 ul.top-menu-main li a {
display:block;
padding: 12px 8px;
color: #fff;
text-decoration: none;
font-size: 12px;  
line-height:26px;
}
.style4 ul.top-menu-main > li > a:hover {
  color: #fff;
  text-decoration: none;
}
.style4 ul.top-menu-main li a:hover {
  color: #fff;
  text-decoration: none;
}

.style4 ul.top-submenu {
color: #fff;
text-decoration: none;
padding:0px;
margin:0px;
}

.style4 ul.top-submenu > li {
font-size: 12px;  
line-height:18px;  
margin:0px;
  padding:0px 6px;
  background:#0767A7;
  color:#fff;
  border-bottom:1px solid #0378c6;
  TEXT-ALIGN:CENTER;
  text-decoration: none;
  display:block;
}
.style4 ul.top-submenu li {
   font-size: 12px;  
  line-height:18px;  
   padding: 0px 11px;
  background: #0767A7;
  color: #fff;
  border-bottom:1px solid #0378c6;
  text-align:center;
  text-decoration: none;
  display:block;
}
.style4 ul.top-submenu > li.hover {
  background: #0880D1;
  color: #FFF;
   border-bottom:1px solid #0378c6;
    text-decoration: none;
}
.style4 ul.top-submenu li.hover {
  background: #0880D1;
  color: #FFF;
   border-bottom:1px solid #0378c6;
    text-decoration: none;
}
.white a:hover{	
	color:#9CF;
	text-decoration:none;
	/*font-weight:bold;*/
	}
.white a{	
	text-decoration: none;
	color:#FFF;
	}