/*-- 
	designer Neil © 2009
	e-mail:doromdn@msn.com
	--*/
	body,td,th {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif!important;
	color: #666666;
	font-style: normal;
	line-height: 22px;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
		}

	img{
	border:0 px!important;
	}
	select 
	{
	filter: Gray;
	font-family:  verdana, arial, helvetica, sans-serif;
	color: #6CABD0;
	}
	
	body {
	crollbar-face-color:#f2f2f2; /*---整體色-----*/
	scrollbar-highlight-color:#ffffff;/*---左上-----*/
	scrollbar-3dlight-color:#cccccc;/*---左上陰影-----*/
	scrollbar-darkshadow-color:#666666;/*---右下陰影-----*/
	scrollbar-shadow-color:#ffffff;/*---右下---*/
	scrollbar-arrow-color:#990000;
	scrollbar-track-color:#ffffff;/*---底色-----*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #97969b url(../Images/bg2.gif) repeat-x center top;
	}
	.top_bg {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}
	.top_bg2 {
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
	.down_bg {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}
	.b {

	font-weight: bold;
	}
	/**************█----大致連結設定--------█****************/
	
	/*---未閱讀色-----*/
	a:link {
	color: #666666;
	text-decoration: none;
	}
	/*---已閱讀色-----*/
	a:visited {
	color: #666666;
	text-decoration: none;
	}
	/*---變換色-----*/
	a:hover {
	color: #666666;
	}
	/*---執行色-----*/
	a:active {
	color: #006699;
	text-decoration: none;
	}
	/*---產品執行色-----*/
	.product_img a {
	border: 2px solid #FFF;
	}
	
	.product_img a:hover {
	border: 2px solid #0099CC;
	}
	
	/**************█----大致大標題設定--------█****************/
	
	td h1 {
	font-size: 12px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	td h2 {
	font-size: 13px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	
	td h3 {
	font-size: 15px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	
	td h4 {
	font-size: 18px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	
	td h5 {
	font-size: 22px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	
	td h6 {
	font-size: 26px!important;
	font-weight: normal!important;
	padding: 0px!important;
	text-decoration: none!important;
	}
	
	
	.top10 {
	font-size: 10px;
	}
	.top12 {
	font-size: 12px;
	}
	.top13 {
	font-size: 13px;
	}
	.top15 {
	font-size: 15px;
	}
	.top17 {
	font-size: 17px;
	}
	.top18 {
	font-size: 18px;
	}
	.top18 {
	font-size: 18px;
	}
	.top20 {
	font-size: 20px;
	}
	.top22 {
	font-size: 22px;
	}
	.top26 {
	font-weight: bold;
	font-size: 18px;
	font-family: "標楷體";
	}
	.topen16we{
	font-size: 16px;
	color: #666666;
	font-style: italic;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	}
	.topen18we{
	font-size: 20px;
	color: #9D9D9D;
	font-style: italic;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	}
	.topen20we{
	font-size: 20px;
	color: #333333;
	font-style: normal;
	line-height: 22px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	}
	.topen24we{
	font-size: 24px;
	color: #333333;
	font-style: normal;
	line-height: 22px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	}
	
	
	
	
	/**************█----固定常用內文顏色-------█****************/
	
	.color01{
	color: #ffffff;}
	.color01 a:link {
	color: #ffffff;
	}
	.color01 a:visited {
	color: #ffffff;}
	
	.color01 a:hover {

	color: #ffcc00;
	}
	/************/
	
	.color02{
	color: #000000;}
	.color02 a:link {
	color: #000000;
	}
	.color02 a:visited {
	color: #000000;}
	.color02 a:hover {
	color: #ff0000;
	}
	
	/************/
	
	.color03{
	color: #99cc00;
	}
	.color03 a:link {
	color: #99cc00;
	}
	.color03 a:visited {
	color: #99cc00;}
	.color03 a:hover {
	color: #336600;    }
	/************/
	
	.color04{
	color: #ff3333;
	}.color04 a:link {
	color: #ff3333;
	}
	.color04 a:visited {
	color: #ff3333;}
	.color04 a:hover {
	color: #ff6600;    }
	/************/
	
	.color05{
	color: #ff9933;
	}.color05 a:link {
	color: #ff9933;
	}
	.color05 a:visited {
	color: #ff9933;
	}
	.color05 a:hover {
	color: #ffcc00;    }
	
	/************/
	
	.color06{
	color: #0099cc;
	}
	.color06 a:link {
	color: #0099cc;
	}
	.color06 a:visited {
	color: #0099cc;
	}
	.color06 a:hover {
	color: #0066cc;    }
	/************/
	
	.color07{
	color: #00cccc;
	}
	.color07 a:link {
	color: #00cccc;
	}
	.color07 a:visited {
	color: #00cccc;
	}
	.color07 a:hover {
	color: #0066CC;    }
	
	/************/
	
	.color08{
	color: #66CC66;
	}
	.color08 a:link {
	color: #13a228;
	}
	.color08 a:visited {
	color: #13a228;
	}
	.color08 a:hover {
	color: #99cc00;    }
	
	/************/
	
	.color09{
	color: #666666;
	}
	.color09 a:link {
	color: #666666;
	}
	.color09 a:visited {
	color: #666666;
	}
	.color09 a:hover {
	color: #000000;    }
	
	/************/
	.color10{
	color: #999999;
	line-height: 30px;
	}
	.color10-2{
	color: #666666;
	line-height: 25px;
	}
	.color10 a:link {
	color: #999999;
	}
	.color10 a:visited {
	color: #999999;
	}
	.color10 a:hover {
	color: #000000;    }
	
	/************/
	.color11{
	color: #1787BD;
	}
	.color11 a:link {
	color: #1787BD;
	}
	.color11 a:visited {
	color: #1787BD;
	}
	.color11 a:hover {
	color: #00CCFF;   }
	
	/************/
	.color12{
	color: #6666CC;
	}
	.color12 a:link {
	color: #6666CC;
	}
	.color12 a:visited {
	color: #6666CC;
	}
	.color12 a:hover {
	color: #C88CF0;    }
	/************/
	.color13{
	color: #B500B5;
	}
	.color13 a:link {
	color: #B500B5;
	}
	.color13 a:visited {
	color: #B500B5;
	}
	.color13 a:hover {
	color: #FF99CC;    }
	/************/
	.color14{
	color: #FFCC00;
	}
	.color14 a:link {
	color: #FFCC00;
	}
	.color14 a:visited {
	color: #FFCC00;
	}
	.color14 a:hover {
	color: #FF6600;
	}
	/************/
	.color14{
	color: #E3E3E3;
	}
	.color14 a:link {
	color: #E3E3E3;
	}
	.color14 a:visited {
	color: #E3E3E3;
	}
	.color14 a:hover {
	color: #FFFFFF;
	}
	
	
	
	/**************█----跳頁選單背景等設定-------█****************/
	
	
	/******填字方塊*******/
	.myform {
	color: #333333;
	background-color: #e8e8e8;
	font-size: 12px;
	background-image: url(../images/smi/idbg/idbg055.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #E3E3E3;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	}
	.myform2 {
	color: #ffffff;
	background-color: #666666;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform3 {
	color: #666666;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform3_w {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #999999;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform4 {
	color: #666666;
	border: 1px solid #999999;
	font-size: 12px;
	background-image: url(../images/smi/idbg/idbg055.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform5 {
	color: #666666;
	font-size: 12px;
	background-image: url(../images/smi/idbg/idbg055.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform_color {
	color: #ffffff;
	background-color: #6DB6D8;
	font-size: 12px;
	border: 1px solid #078ABC;
	padding-right: 5px;
	padding-left: 5px;
	}
	.myform_no {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	/**************█----固定表格框線設定-------█****************/
	
	.td_black {
	border: 1px solid #cccccc;
	}
	
	.td_white {
	border: 1px solid #ffffff;
	}
	
	.td_black_color {
	border: 1px solid #AFCBE9;
	}
	.td_other {
	border: 1px solid #AFCBE9;
	}
	.br {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	}
	.br_solid {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	}
	
	
	.br_solid_color {
	font-size:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
	.br_solid_black {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}
	.br_top_down-black {
	border-bottom-color: #eeeeee;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
	
	
	
	
	/*************█----功能選單-------█****************/
	
	.meun{
	font-size: 15px;
	}
	.meun a:link{
	color: #666666;
	text-decoration: none;
	}
	.meun a:visited {
	color: #666666;
	text-decoration: none;
	}
	.meun a:hover {
	color: #99cc00;
	}
	.meun a:active {
	color:  #99cc00;
	text-decoration: none;
	}
	
	/******次選單******/
	
	.meun02{
	font-size: 12px;
	}
	.meun02 a:link{
	color: #669900;
	text-decoration: none;
	}
	.meun02 a:visited {
	color:  #009966;
	text-decoration: none;
	}
	.meun02 a:hover {
	color: #ff9900;
	}
	.meun02 a:active {
	color:  #ff9900;
	text-decoration: none;
	}
	
	/**************█----產品文字類-------█****************/
	
	.product_off{
	font-size: 14px;
	color: #999999;
	font-weight: bolder;
	text-decoration: line-through;
	}
	.product_on{
	font-size: 15px;
	color: #CC0000;
	font-weight: bold;
	}
	
	
	
	/**************█----按鈕樣式-------█****************/
	
	.button01 {
	background-image: url(../images/smi/idbg/button1.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	.button02 {
	background-image: url(../images/smi/idbg/button2.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button03 {
	background-image: url(../images/smi/idbg/button3.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button04 {
	background-image: url(../images/smi/idbg/button4.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button05 {
	background-image: url(../images/smi/idbg/button5.gif);
	color: #999999;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button06 {
	background-image: url(../images/smi/idbg/button6.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button07 {
	background-image: url(../images/smi/idbg/button7.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button08 {
	background-image: url(../images/smi/idbg/button8.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button09 {
	background-image: url(../images/smi/idbg/button9.gif);
	color: #666666;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #999999;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button10 {
	background-image: url(../images/smi/idbg/button10.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button11 {
	background-image: url(../images/smi/idbg/button11.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button12 {
	background-image: url(../images/smi/idbg/button12.gif);
	color: #999999;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button13 {
	background-image: url(../images/smi/idbg/button13.gif);
	color: #666666;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button14 {
	background-image: url(../images/smi/idbg/button14.gif);
	color: #ffffff;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button15 {
	background-image: url(../images/smi/idbg/button15.gif);
	color: #666666;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	.button16 {
	background-image: url(../images/smi/idbg/button16.gif);
	color: #3399CC;
	letter-spacing: 5px;
	position: relative;
	height: 25px;
	border: 1px solid #ffffff;padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;}
	
	/**************█----變色選單-------█****************/
	
	#menu td a{
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333333;
	background:  url(../hobao2_images/product_bg2.gif) no-repeat;
padding-left: 10px;
	}
	#menu td a:hover{
	color: #ffffff;
	background:  url(../hobao2_images/product_bg2.gif) no-repeat 
	
}
	#menu2 td a{
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #333333;
	padding-left: 10px;
	border-bottom: 2px groove #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	#menu2 td a:hover{
	color: #ffffff;

}
	#menu3 td a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	}
	#menu3 td a:hover{
	color: #0E57A9;
	font-weight: bold;
}
	
	/**************█----css排版設計-------█****************/
	
	ul{
	list-style-image: url(../images/smi/id/a1.gif);
	}
	
	ul ul{
	list-style-image: url(../images/smi/id/a2.gif);
	}
	
	ul ul ul{
	list-style-image: url(../images/smi/id/toto096.gif);
	}
	/******一般方框******/
	#nb{
	float: none;
	width: 90%;
	margin: 10px;
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	display: block;
	text-align: left;
	}
	
	/******表單******/
	#nb_menu{
	float: none;
	width: 90%;
	margin: 5px;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	display: block;
	text-align: left;
	}
	#nb_menu ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	}
	#nb_menu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	display: block;
	}
	#nb_menu li a {
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #EAEAEA;
	}
	#nb_menu li a:hover  {
	display: block;
	background-color: #0099CC;
	color: #FFFFFF;
	border: 1px solid #00CCFF;
	}
	/**************█----頁簽設計-------█****************/
	

	.ImgTab  {cursor:hand}
	.MsgHide {
	padding:10px;
	display:none;
	height: 160px;
	border-bottom: 1px solid #CCCCCC;
}
-----------