p,ul,li {font:normal 11px/22px sans-serif;}
table p{font:normal 11px/22px sans-serif;}
a img { border:0px;}
input { border:1px solid #ddd; font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:4px;}
hr{clear:both; visibility:hidden; display:none; height:0px; padding:0px; margin:0px; border:0px;}
	.clearfix:after {content: ".";display: block;height:0px; padding:0px; margin:0px;clear: both;visibility: hidden; }
	.clearfix {display: inline-block;} /* for IE/Mac */
	.floatR{float:right;}
	.floatL{float:left;}
	.floatB{clear:both;}
	
.forward { background-color:#fff; width:300px; height:150px; padding:20px;}
.forward p{font:normal 12px/22px sans-serif;color:#666; margin:2px;}
.mark {font:bold 12px sans-serif;color:#95C014;}
.send { background-color:#000000;color:#FFFFFF;border-width:0px;margin-left:10px;}
.send_over{background-color:#000000;color:#FFCC00;border-width:0px;margin-left:10px;}

/*第三層導覽列+內容*/
#container{width:960px;margin:0 auto; background-image:url(bg-all.gif); background-repeat:repeat-y;}
#contents {width:740px;float:right;border:2px solid #eee; padding:0 15px; overflow:hidden;}
.datezone{float:right; margin-top:25px;}
.editzone{margin:0px;}
.imgR{float:right; margin-left:20px;}
.imgL{float:left; margin-right:20px;}

/*推薦文章*/
#recommend{ padding:10px 0 15px 0; border-top:3px solid #000; clear:both;}
#recommend h1{font:bold 16px "微軟正黑體", "新細明體", sans-serif; color:#000; margin:5px 0;}
#recommend div.Lzone{width:360px;float:left;}
#recommend div.Rzone{width:360px;float: right;}
#recommend div.Lzone h2,#recommend div.Rzone h2 {font:bold 12px sans-serif;color:#000;margin:5px 0px;}
#recommend div.Lzone p,#recommend div.Rzone p{font:normal 11px/16px sans-serif;margin:0px;}

/* AD zone
--------------------------------------------------------------------------------*/

.ADzone {margin:15px;}
.ADzone ul {margin:0;padding:0;list-style:none;}
.ADzone li { margin-bottom:15px; text-align:center;}
.SearchZone {margin:15px; padding-top:10px;}
.send { background-color:#000000;color:#FFFFFF;border-width:0px;margin-left:5px; font:normal 11px sans-serif; padding:3px;}
.send_over{background-color:#000000;color:#FFCC00;border-width:0px;margin-left:5px;font:normal 11px sans-serif; padding:3px;}

.fontB12{ font: bold 12px "微軟正黑體", "新細明體", sans-serif; color:#000;  padding-left:20px;}
.fontB{ margin:0px; padding:0px; line-height:20px;font: bold 12px sans-serif; color:#000;}
.fontP{ margin:0px; padding:0px; line-height:16px;}


/* CSS Document 
--------------------------------------------------------------------------------*/
#IContainer{ margin-top:10px;}

	#IContent{ width:695px; margin:0px 8px; float:left;}
		#IContent #searchBar { background-color:#eee; border:1px solid #ccc; padding:10px 10px;width:675px;margin-bottom:10px;}

	#IButton{float:right;}
		#IButton ul {margin:0;padding:0;list-style:none;}
		#IButton li {text-align:center;margin-bottom:5px;}

/*左側選單*/
#IMenu{ width:175px;font-size:12px;float: left;} 
#IMenu ul{margin:0px;padding:0px;list-style:none;}
	#IMenu li.IMenuT{display:block;border-bottom: 1px solid #fff;background:#c1c1c1 url(/Twdeco/css_twdeco/arr.gif) no-repeat 15px 10px;; padding:3px 25px; color:#666; font-weight:bold;}
	#IMenu li.sub{border-bottom: 1px solid #fff;width:175px;background-color:#eee;}
	#IMenu li.sub a{padding: 1px 0px 0px 35px;display: block;color:#999;width:140px;text-decoration: none;background: url(/Twdeco/css_twdeco/arr_sub.gif) no-repeat 25px 10px;font-style:normal;}
	#IMenu li.sub a:hover{display: block;color:#fff;background: url(/Twdeco/css_twdeco/arr_hover.gif) no-repeat 25px 8px #666;font-style:normal;}

#IMenu2{ width:100px;font-size:12px;float: left;} 
#IMenu2 ul{margin:0px;padding:0px;list-style:none;line-height:20px;}

	#IMenu2 li.IMenuT{display:block;border-top: 1px solid #333;padding:3px 10px; color:#666; font-weight:bold;}
	#IMenu2 li.sub{border-top: 1px dotted #D8D8D8; height:20px;}
	#IMenu2 li.sub a{padding: 1px 0px 0px 10px;display:block;color:#999;text-decoration: none;font-style:normal;}
	#IMenu2 li.sub a:hover{display: block;color:#fff;background: #666;font-style:normal;}

	#IMenu2 li.sub2{border-top: 1px dotted #D8D8D8;height:20px;}
	#IMenu2 li.sub2 a{padding: 1px 0px 0px 10px;display: block;color:#76A44B;text-decoration: none;font-style:normal;}
	#IMenu2 li.sub2 a:hover{display: block;color:#fff;background: #666;font-style:normal;}
	
	#IMenu2 .abouttwdeco{ width:90px;border:1px dotted #ccc; padding:5px; background:#f6f6f6;}
	#IMenu2 .abouttwdeco li.subatT{display:block;color: #FF6600; font-weight:bold;padding-left:3px; }
	#IMenu2 .abouttwdeco li.subat{ color:#666; padding:2px 5px;}
	#IMenu2 .abouttwdeco li.subat a{color:#999;}
	#IMenu2 .abouttwdeco li.subat a:hover{color:#000; font-weight:bold;}

/*各館首頁的伸縮選單*/
.Inmenu {width: 175px;color: #fff;float: left;}
.Inmenu {background-color: #eee;overflow: hidden;border-bottom:1px solid #fff;clear:both;}
.Inmenu .collapsed {height: 25px;}
.Inmenu .Ina a {display: block;font-weight: bold;color:#666;background:#c1c1c1 url(/Twdeco/css_twdeco/arr.gif) no-repeat 15px 10px;cursor: default;}
.Inmenu .Ina a:hover {color:#fff;background:#c1c1c1 url(/Twdeco/css_twdeco/arr_hover.gif) no-repeat 15px 11px;cursor: default;}
.Inmenu div {background-color: #C8C8C8;overflow: hidden;border-bottom:1px solid #fff;}
.Inmenu .collapsed span {background:#c1c1c1 url(/Twdeco/css_twdeco/arr.gif) no-repeat 15px 10px;}
.Inmenu a {padding: 8px 0px 8px 35px;display: block;border-bottom: 1px solid #ddd;color: #666; width:155px;background:#eee url(/Twdeco/css_twdeco/arr_sub.gif) no-repeat 25px 12px;font-style:normal;text-decoration: none;}
* + html body .Inmenu a,* html body .Inmenu a{background:#eee url(/Twdeco/css_twdeco/arr_sub.gif) no-repeat 25px 11px;}
* + html body .Inmenu a:hover,* html body .Inmenu a:hover{background : #666 url(/Twdeco/css_twdeco/arr_hover.gif) no-repeat 25px 10px;color: #fff;}
.Inmenu a:hover {background : #666 url(/Twdeco/css_twdeco/arr_hover.gif) no-repeat 25px 11px;color: #fff;}


/* -----------------------------------------------------------------------------------*/
/* -------- %>>> common styling <<<---------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/
#submenu {width:175px;float:left; background-color:#EEEEEE;}

/*距離第二層選項寬度*/
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:12px;
	cursor: default;
	width: 175px;
}

/*圖層*/
ul.MenuBarActive
{
	z-index: 1000;
}
/*第一層選項寬度*/
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 175px;
	height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
/* 第二層選單外圍寬度 */
ul.MenuBarVertical ul
{
	margin:0 0 0 175px;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 100px;
	left: -1000px;
	top: 0;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left:0;
}

/* 第二層選單寬度 */
ul.MenuBarVertical ul li
{
	width: 270px;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding-left:10px;
	color: #666;
	text-decoration: none;
	height:25px;
}

ul.MenuBarVertical ul li a
{
	display: block;
	cursor: pointer;
	background-color: #c2c2c2;
	padding-left:10px;
	color: #000;
	text-decoration: none;
	height:25px;
}

/*選單滑鼠華過去顏色 */
ul.MenuBarVertical a:hover,ul.MenuBarVertical a:focus
{
	background-color: #666;
	color: #FFF;
	height:25px;
}

ul.MenuBarVertical ul li a:hover,ul.MenuBarVertical ul li a:focus
{
	background-color: #333;
	color: #FFF;
	height:25px;
}

/* 第一層選單的底圖*/
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarVertical a:hover.MenuBarItemSubmenu
{
	background-image: url(menu_arrow-o.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*左側選單：單個*/
#MenuBarSingle {background:#eee; margin:0px; padding:0px;}
#MenuBarSingle UL { margin:0px; padding:0px; list-style:none; width:175px;}
#MenuBarSingle LI { height:25px; border-bottom:1px solid #fff; background:#eee;  font: normal 12px/25px Arial; color:#666;width:175px;}
#MenuBarSingle LI a { height:25px; background:#eee; font: normal 12px/25px Arial; color:#666;text-decoration:none; width:165px;padding-left:10px;display:block;}
#MenuBarSingle LI a:hover { background:#666; color:#fff; text-decoration:none;display:block;width:165px;}

/*裝潢左側選單*/
#decomenu{width:175px;font-size:12px;} 
#decomenu ul{margin:0px;padding:0px;list-style:none;width:175px;}
#decomenu li{margin:0px;padding:0px;list-style:none;border-bottom:1px solid #fff;width:175px;background-color:#EEEEEE;}
#decomenu li a{
	padding: 3px 0px 3px 25px;
	display: block;
	color:#636363;
	width:150px;
	text-decoration: none;
	background: url(/Savesafe/common/common-img/arr.gif) no-repeat 15px 10px;
	font-size:12px;
}
#decomenu li a:hover{
	display:block;
	color:#FFF;
	background:url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 15px 10px #666666;
}
#decomenu .hover{display:block;background:#C1C1C1 url(/Savesafe/common/common-img/arr.gif) no-repeat 15px 10px;font-weight:bold;}
/*裝潢左側次選單*/
#decomenu li.sub{border-bottom: 1px solid #fff;width:175px;background-color:#E3E3E3; font-size:10px;}
#decomenu li.sub a{padding: 1px 0px 0px 35px;display: block;color:#666;width:140px;text-decoration: none;background: url(/Savesafe/common/common-img/arr_sub.gif) no-repeat 25px 10px;font-style:normal;}
#decomenu li.sub a:hover{display: block;color:#FFF;background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 25px 8px #666666;font-style:normal;}
#decomenu .hoverfix a,#decomenu .hoverfix a:hover{width:140px;padding: 1px 0px 0px 35px;display: block;color:#FFF;background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 25px 8px #666666;font-style:normal;}

/*裝潢左側次選單2*/
#decomenu li.sub2{border-bottom: 1px solid #fff;width:175px;background-color:#EEF0EE; font-size:10px;}
#decomenu li.sub2 a{padding: 1px 0px 0px 35px;display: block;color:#848C84;width:140px;text-decoration: none;background: url(/Savesafe/common/common-img/arr_sub2.gif) no-repeat 25px 10px;font-style:normal;}
#decomenu li.sub2 a:hover{display: block;color:#FFF;background-color:#666666;font-style:normal;}


.hover{
	display: block;
	color:#FFF;
	background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 25px 8px #666666;
	font-style:normal;
}

/*-------------------------------------------------TAB PANELS----------------------------------------------------------------*/
#Tabbed{ margin:0px;}
#TabbedT {margin:0px; padding:0px;color:#000;}

	
	.TabbedPanels { width:695px; margin:0px; padding:0px; float:left; clear:both;}
	.TabbedPanelsTabGroup { margin:0px; padding:0px;}
	.TabbedPanelsTab { width:200px; float:left; position:relative; top:1px; cursor:pointer; font: bold 14px "微軟正黑體", "新細明體", sans-serif; text-align:center; margin-left:1px;; padding:6px 10px; background:#666; color:#eee;list-style-type:none; -moz-user-select: none; -khtml-user-select: none;}
	.TabbedPanelsTabHover {BACKGROUND-COLOR: #666; color:#eee;}
	.TabbedPanelsTabSelected {BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #000; color:#FFF; font-size:14px;}
	.TabbedPanelsTab A {COLOR: black; TEXT-DECORATION: none}
	/*J*/

	.TabbedPanels ul{list-style-type: none;BACKGROUND-COLOR: #666666;height:25px;font-weight:bold;letter-spacing:1px;padding:0px;MARGIN:0px;}
	.TabbedPanels ul li,.TabbedPanels ul li a{display : inline;color:#fff;border-right:1px solid #fff;dispaly:block;width:155px;float:left;text-align:center;height:25px;line-height:25px;}
	.TabbedPanels ul li a:hover,.tabactive{BACKGROUND-COLOR: #000; color:#FFF;}

/*TAB內容*/
.TabbedPanelsContentGroup { background:#F3F3F3; clear:both; border:#ddd 1px solid; margin:0px;}
/*J*/.TabbedPanelsContent { background:#F3F3F3; clear:both; border:#ddd 1px solid; margin:0px;}
	 .TabbedPanelsContent a{ color:#666666;}
	 .TabbedPanelsContent a:hover{ color:#666666;text-decoration:underline;}

	.TabbedPanelsContent { padding:20px 20px 0px 20px;height:200px;}
	.TabbedPanelsContentVisible {}
	.TabbedPanelsContent h1{ font:bold 16px/24px "微軟正黑體", "新細明體", sans-serif; color:#98BF21; margin:0px;}
	.TabbedPanelsContent h2{ font:bold 12px/20px "微軟正黑體", "新細明體", sans-serif; color:#000; margin:0px;}
	.TabbedPanelsContent p{ font: normal 12px/20px serif; color:#666; margin-top:10px;}
	.iconMore{padding:5px;border:#999 1 solid; font:bold 12px sans-serif; float:right; clear:none;}
	.iconMore a {color:#999;text-decoration:none; font:bold 12px sans-serif;padding:5px;}
	.iconMore a:hover {color:#000;text-decoration: underline;font:bold 12px sans-serif;padding:5px;}
	
/*-------------------------------------------------各館首頁----------------------------------------------------------------*/
#SelfPage{padding:5px; margin-bottom:15px; margin-top:10px; border-bottom:1px dotted #ccc;}
	#SelfPage #SPh1{ width:220px; margin-right:20px;}
	#SelfPage #SPh1 h1{ font: bold 20px sans-serif; color:#98BF21; margin:0px; }
	#SelfPage #SPh1 h2{ font:bold 16px/20px "微軟正黑體", "新細明體", sans-serif; color:#1A1A1A; margin:5px 0px; }
	.SPp{ font: normal 12px/16px serif; color:#999; margin:0px; padding:0px;}
	
#SPcontentGroup{float:left; margin-bottom:10px; }
	#SPcontentGroup h1{font: normal 10px/14px sans-serif; color:#999; margin:0px; background:#F6F6F6; border-bottom:1px solid #ddd; padding:5px 10px;}
	#SPcontentGroup h2{font:bold 16px "微軟正黑體", "新細明體", sans-serif; margin-top:10px; color:#000;}
	#SPcontentGroup .SPedit{ margin:0px; color:#bbb;}
	#SPcontentGroup p{font: normal 11px/20px sans-serif; color:#666; margin-top:10px;}
	.SPtd { padding:5px 10px 5px 1px;}
	
#SPbanner{ float: right;}
	#SPbanner p{ margin:0;}
	
/*所有廠商名錄LIST設定*/
#factories_class{width:740px; min-height:320px;} 
#factories_class .info{ width:740px; margin:0px; padding:10px;color:#666;line-height:20px;background-color:#FFF; border:0px dotted #666;}
#factories_class h1{font:bold 21px "微軟正黑體", "新細明體", sans-serif; color:#000; margin:0px 0px 20px;}

#factories_class ul{margin:0px;padding:0px;text-decoration: none; list-style-type: none;}
#factories_class li {width:140px; height:140px;float:left;margin:0px 4px;}
#factories_class li img{float:left;margin:0px 0px 10px 0px;border:1px solid #eee;width:140px;height:80px;}
#factories_class li a {margin:0px;color:999;display: block;text-decoration:none;height:140px;line-height: 18px;}
#factories_class li a:hover {display: block;text-decoration: none;height:140px;}
#factories_class li .name{font-weight:bold;}

#factories_class .md{float:left;width:10px; height:130px;}