/* layout -> 整個網站頁面控制，包含top、footer以及主選單(menu) */

/* 設定整個網站的寬度 */
#container {
	width: 911px;
	margin-right: auto;
	margin-left: auto;
}
.clear {
	clear: both;
}

/*************************************** 網站top部分的設定：兩個logo的位置設定 ***************************************/
#head  {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 880px;
}
#head #esmartlogo {
	background-image: url(../../images/esmart_logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 47px;
	width: 295px;
	float: left;
}
#head #seednetlogo {
	background-image: url(../../images/seednet_logo.gif);
	display: block;
	float: right;
	height: 47px;
	width: 85px;
}

/*************************************** 主選單設定 ***************************************/
#menu {
	background-image: url(../../images/menu_bg.gif);
	background-repeat: repeat-x;
	height: 29px;
	width: 880px;
	z-index: 20;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 15.5px;
}
#menu ul  {
	list-style-type: none;
	padding: 0px;
	height: 29px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
#menu li   {
	float: left;
	display: block;
}
#menu a  {
	width: auto;
	display: block;
}
#menu #m1 {
	background-image: url(../../images/m1.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m1:hover {
	background-image: url(../../images/m1over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m1a {
	background-image: url(../../images/m1over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m2 {
	background-image: url(../../images/m2.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m2:hover {
	background-image: url(../../images/m2over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m2a {
	background-image: url(../../images/m2over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m3 {
	background-image: url(../../images/m3.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m3:hover {
	background-image: url(../../images/m3over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m3a {
	background-image: url(../../images/m3over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m4 {
	background-image: url(../../images/m4.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m4:hover {
	background-image: url(../../images/m4over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m4a {
	background-image: url(../../images/m4over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m5 {
	background-image: url(../../images/m5.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m5:hover {
	background-image: url(../../images/m5over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m5a {
	background-image: url(../../images/m5over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m6 {
	background-image: url(../../images/m6.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m6:hover {
	background-image: url(../../images/m6over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m6a {
	background-image: url(../../images/m6over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m7 {
	background-image: url(../../images/m7.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m7:hover {
	background-image: url(../../images/m7over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m7a {
	background-image: url(../../images/m7over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m8 {
	background-image: url(../../images/m8.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m8:hover {
	background-image: url(../../images/m8over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
#menu #m8a {
	background-image: url(../../images/m8over.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 108px;
}
/*************************************** 下拉選單設定 ***************************************/
#menu ul ul  {
	background-color: #FAFAFA;
	position: absolute;
	margin: 0px;
	float: none;
	padding: 0px;
	display: block;
}
#menu ul ul li {
	float: none;
	/*background-image: url(../../images/line1.gif);*/
	background-repeat: repeat-x;
	width: 120px;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FAFAFA;	
	margin-top: 0px; *margin-top: 0px !important; _margin-top: 0px;
}
#menu ul ul li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	display: block;
	padding-top: 8px;
	margin: 0px;
}
#menu ul ul li a:hover {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	width: 100%;
	background-color: #E7E7E7;
	text-align: center;
}

/*************************************** 下拉選單收放設定 ***************************************/

/* 當mouse out時，下拉選單收起 */
#menu ul li.parent ul {
	display: none;
}
/* 當mouse over時，下拉選單展開 */
#menu ul li.parentOn ul {
	display: block;
}
.footerMenu/* 網站footer部分的設定：聯絡我們、網站地圖、隱私權政策 */
  {
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	clear: both;
}
.footerMenu  a  {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.footerMenu  a:hover  {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #006666;
	text-decoration: none;
}
/*--------------------------------------------------1119 for table DCM start---------------------------------------*/

/* top nav begin */
.location_bar {font-family: Arial, Helvetica, sans-serif;}
.location_bar {font-size: 12px; line-height: 16px; color: #333333; height:16px;padding-bottom: 6px;}
.location_bar A:link {COLOR: #333333; TEXT-DECORATION: none;}
.location_bar A:visited {COLOR: #333333;  TEXT-DECORATION: none;}
.location_bar A:hover {COLOR: #000000;  TEXT-DECORATION: underline;}

.location_bar span {font-size: 12px; line-height: 16px; color: #333333; height:16px; margin:0 11px;}

.dcm_table_header {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_header {font-size: 12px; line-height: 16px; TEXT-DECORATION: none; color: #FFFFFF; letter-spacing: 0.1em;}
.dcm_table_header A:link {font-size: 12px; line-height: 16px; color: #FFFFFF; TEXT-DECORATION: none;}
.dcm_table_header A:visited {font-size: 12px; line-height: 16px; color: #FFFFFF; TEXT-DECORATION: none;}
.dcm_table_header A:hover {font-size: 12px; line-height: 16px; color: #FFFFFF; TEXT-DECORATION: underline;}

.dcm_table_headerBK {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_headerBK {font-size: 12px; line-height: 16px; TEXT-DECORATION: none; color: #000000; letter-spacing: 0.1em; height:24px;}
.dcm_table_headerBK A:link {font-size: 12px; line-height: 16px; color: #000000; TEXT-DECORATION: none;}
.dcm_table_headerBK A:visited {font-size: 12px; line-height: 16px; color: #000000; TEXT-DECORATION: none;}
.dcm_table_headerBK A:hover {font-size: 12px; line-height: 16px; color: #000000; TEXT-DECORATION: underline;}

/*top nav end */


/*left bar start */

.dcm_table_left {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_left {font-size: 13px; line-height: 18px; font-weight:bold; color: #EF3123; height: 36px; background: url(../img/ho_navbg.gif) top left no-repeat;}
.dcm_table_left A:link {font-size: 13px; line-height: 18px; color: #EF3123; font-weight:bold;}
.dcm_table_left A:visited {font-size: 13px; line-height: 18px; color: #EF3123; font-weight:bold;}
.dcm_table_left A:hover {font-size: 13px; line-height: 18px; color: #666666; font-weight:bold;}

.dcm_table_left span{font-size: 13px; line-height: 28px; font-weight:bold; color: #EF3123; padding-left:24px;}

.dcm_table_left2 {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_left2 {font-size: 13px; line-height: 18px; color: #EF3123; font-weight:bold; TEXT-DECORATION: none;}
.dcm_table_left2 A:link {font-size: 13px; line-height: 18px; color: #959595; font-weight:bold; TEXT-DECORATION: none;}
.dcm_table_left2 A:visited {font-size: 13px; line-height: 18px; color: #959595; font-weight:bold; TEXT-DECORATION: none;}
.dcm_table_left2 A:hover {font-size: 13px; line-height: 18px; color: #EF3123; font-weight:bold; TEXT-DECORATION: none;}

.dcm_table_left2 span {font-size: 13px; line-height: 18px; color: #EF3123; font-weight:bold; TEXT-DECORATION: none; padding-left:10px;}

.dcm_table_left3 {font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc;}
.dcm_table_left3 {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin-top:12px;}
.dcm_table_left3 A:link {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left3 A:visited {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left3 A:hover {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none;}

.dcm_table_left3 span {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin:0 10px 5px 0;}

.dcm_table_left_menu {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_left_menu {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin-top:6px;}
.dcm_table_left_menu A:link {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left_menu A:visited {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left_menu A:hover {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none;}

.dcm_table_left_menu p select {font-size: 12px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none; width:130px;}

.dcm_table_left_menu_noborder {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin:6px 0 20px 0;}

.dcm_table_left_menu_noborder p select {font-size: 12px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none; width:130px;}

.dcm_table_left_noborder {font-family: Arial, Helvetica, sans-serif;}
.dcm_table_left_noborder {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin:12px 0;}
.dcm_table_left_noborder A:link {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left_noborder A:visited {font-size: 11px; line-height: 14px; color: #959595; font-weight:none; TEXT-DECORATION: none;}
.dcm_table_left_noborder A:hover {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none;}

.dcm_table_left_noborder span {font-size: 11px; line-height: 14px; color: #EF3123; font-weight:none; TEXT-DECORATION: none; margin:0 10px 5px 0;}

/*left bar end */

/*footer start */

.dcm_footer{font-family: Arial, Helvetica, sans-serif; text-align: center;}
.dcm_footer {font-size: 11px; line-height: 16px; color: #8d8d8d; font-weight:none; TEXT-DECORATION: none;}
.dcm_footer A:link {font-size: 11px; line-height: 16px; color: #8d8d8d; font-weight:none; TEXT-DECORATION: none;}
.dcm_footer A:visited {font-size: 11px; line-height: 16px; color: #8d8d8d; font-weight:none; TEXT-DECORATION: none;}
.dcm_footer A:hover {font-size: 11px; line-height: 16px; color: #000000; font-weight:none; TEXT-DECORATION: underline;}

.dcm_footer {font-size: 10px; line-height: 16px; color: #8d8d8d; font-weight:none; TEXT-DECORATION: none; margin-bottom:8px;}

/*footer end */

/*--------------------------------------------------1119 for table DCM end-----------------------------------------*/