@charset "utf-8";
@import url("products.css");
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
	line-height: 1.4;
	background:url(../images/template_bg/top_bg.jpg) repeat-x top;
	background-color:#000;
}

img {
	border: none;
	vertical-align: top;
}
.announce {
	font:12px Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
	line-height:21px;
	margin-bottom:0;
	padding-bottom:0;
}
#wapper{
	margin:0 auto;
	width:980px;
}
#header {width: 980px; height: 81px; position: relative; margin: 0; z-index:999999;}
#header a#logo {text-indent: -9999px; display: block; height: 81px; width: 154px; position: absolute;  z-index: 9;
  background: url(../images/index/ducky_logo.jpg) 0 0  no-repeat scroll;}
div#lang {position: absolute; right:60px; top:5px; z-index:999; }
div#lang li {position: relative; list-style: none; float: right; width: 6em;}
div#lang li a { font:13px "Times New Roman", Times, serif; display: block; padding: 0 0 0.25em 0.5em; text-decoration: none; width: 5.5em; color: #555;}
div#lang li a:hover { color:#FFF}
#facebook a {text-indent: -9999px;display: block;height: 20px;width: 83px;position: absolute;z-index: 100;background: url(../images/index/ducky_topicon_home_facebook.jpg) no-repeat scroll;
	left: 120px;top:-3px;
}
#facebook a:hover {	background: url(../images/index/ducky_topicon_home_facebook_f2.jpg) no-repeat scroll}

/* ------------------------------------------------------------------------------ */
#navigation{
	position:absolute;top:40px;left:220px;width:700px;}
#navigation ul{	float:left;list-style:none;}
#navigation li{height: 15px; float: left; list-style-type: none; text-transform: uppercase; color: #FFF;
  border-left: 1px solid #666; border-right: 1px solid #000; margin-bottom:10px;}
  /* 子選單
	---------------------------------------------*/
  #navigation ul ul{ background:#000; position:absolute;}
  #navigation ul ul li{ height: 17px; float: none; list-style-type: none; text-transform: uppercase; color: #FFF;
  border-top: 1px solid #666; border-bottom: 1px solid #000; margin-bottom:0;} 
  #navigation ul li.parent ul{display:none;}
  #navigation ul li.parentOn ul{display:block;}
  #navigation ul ul li a{color:#999;text-decoration: none; display: block; padding: 0 15px; font-size: 12px;}  
#navigation UL LI.first {border-left: none;}
#navigation UL LI.last {border-right: none;}
#navigation UL LI a {color:#999;text-decoration: none; display: block; padding: 0 15px; font-size: 12px; }
#navigation UL LI a:hover, #mainNav UL LI a:active {color: #fff; background-color: #ce0010; text-shadow: #666 2px 2px 3px;background:url(../images/index/ducky_nation_icon.jpg) no-repeat center left;}
#navigation  UL LI a.here {color: #0F3; background-image:none;}


/* ------------------------------------------------------------------------------ */
#container {width: 980px; margin: 0 auto;  background:url(../images/contain_bg.jpg) repeat-y; }
#content {clear: both; position: relative; padding: 0; margin: 10px 0 0px;}
#content .news,#content .report,#content .agent{float: left;}
#content .left{
	width:654px;
	float:left;
}
#content .right{
	float:right;
	width:326px;
}
#content .news {
	width:654px;
	height:127px;
	background:url(../images/index/ducky_news_bg.jpg) no-repeat;
}
#content .news ul{
	padding-top:28px;list-style:none;
}
#content .news li{margin:0 10px;line-height:25px;}
#content .news li a{display:block;width:618px;padding:5px 10px 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;text-decoration:none; background:url(../images/index/ducky_new_icon.jpg) no-repeat}
#content .news li a:hover{ color:#FFF; background:none; background:url(../images/index/ducky_new_icon_f2.jpg) no-repeat;}
#content .more03 {position:relative;width:40px;height:8px; float:right; margin:13px 15px;}
#content .more03 a{background-color:#333; padding:0 5px; text-align:center;font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-size:12px;color:#999;}
#content .more03 a:hover{color:#000;background-color:#0F0;}


#content .more {position:relative;	width:40px;height:8px; float:right; margin:8px 10px;}
#content .more a{background-color:#333; padding:0 5px; text-align:center;font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-size:12px;color:#999;}
#content .more a:hover{color:#000;background-color:#0F0;}


#content .more02 {position:relative;width:40px;height:8px; float:right; margin:13px 10px;}
#content .more02 a{background-color:#333; padding:0 5px; text-align:center;font-family:Arial, Helvetica, sans-serif; text-decoration:none;font-size:12px;color:#999;}
#content .more02 a:hover{color:#000;background-color:#0F0;}


#content .agent{
	width:327px;
	height:216px;
	margin:0;
	padding:0;
	background:url(../images/index/ducky_agent.jpg) no-repeat;
}
#content .agent ul{
	margin:30px 20px;
	padding:0;
	list-style:none;
}
#content .agent li{
	margin:0;
	line-height:25px;
	background:url(../images/index/reports_icon.gif) no-repeat bottom left;
}
/* ------------------------------------------------------------------------------ */
#footer {clear: both; margin: 0 auto ; height: 80px; background:url(../images/template_bg/floot_bg.jpg) repeat-x;} 
#footer_area {width: 980px; margin: 0 auto; position: relative; padding-top: 13px;}
#footer_area p{color:#CCC; font-size:11px; text-align:center;}
#footer_area span{ color:#0C0;padding-right:10px;}