@charset "utf-8";

* html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body { margin: 0px; background-color: #444444;}
img { border: 0px; nobar:expression(this.galleryImg='no');}
form { margin: 0px; padding: 0px;}

.clear { clear: both;}

.content-div { padding: 5px 0px; clear: both;}
.content-div td { padding: 2px;}

.fieldset { margin: 10px auto; border: 1px solid #CCCCCC; padding: 10px;}
.fieldset legend { padding: 2px; font-size: 16px; color: #666666; font-weight: bold; letter-spacing: 5px;}

.pages { clear: both; text-align: center; padding: 10px 5px 5px; color: #666666;}
.pages a { color: #666666;}
.pages strong { color: #990000;}

/*===== Loader_preview  Style 圖片載入 =====*/
.border_preview{ z-index: 100; position: absolute; background: #fff;}
#loader_container { text-align: center; position: absolute; top: 40%; width: 100%;}
#loader_preview { font-family: Tahoma, Helvetica, sans; font-size: 12px; color: #000000; background-color: #FFFFFF; margin: 0 auto; display: block; width: 135px; text-align: left; z-index: 255; filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity: 0.65;}
.preview_temp_load { vertical-align: middle; text-align: center;}
.preview_temp_load img{ vertical-align: middle;  text-align:center; margin: 0px;}
#preview_div { display: none; position: absolute; z-index: 110; left: -500px; top: 48px; border: 1px solid #CCCCCC; padding: 10px;}

.clearfloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	color: #ffffff;
	overflow: hidden;
}

.main-bg {
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-y;
	width: 940px;
	padding-bottom: 30px;
	overflow: hidden;
}
.copyright-bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	text-decoration: none;
	background-image: url(../images/copyright-bg.jpg);
	background-repeat: no-repeat;
}
a.copyright-bg-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	text-decoration: none;
	background-image: url(../images/copyright-bg.jpg);
	background-repeat: no-repeat;
}
a.copyright-bg-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	text-decoration: none;
	background-image: url(../images/copyright-bg.jpg);
	background-repeat: no-repeat;
}
a.copyright-bg-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #cccccc;
	text-decoration: underline;
	background-image: url(../images/copyright-bg.jpg);
	background-repeat: no-repeat;
}
.body-left { float: left; width: 180px; overflow: hidden;}
.body-right { float: right; width: 674px; overflow: hidden;}
.input_search {
	width: 96px;
	height: 14px;
	border: solid 1px #999999;
	background-color: #ffffff;
}
.input_id {
	width: 116px;
	height: 14px;
	border: solid 1px #666666;
	background-color: #444444;
	color:#cccccc
}
.menu-font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	text-decoration: none;
}
a.menu-font-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #000000;
	text-decoration: none;
}
a.menu-font-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #000000;
	text-decoration: none;
}
a.menu-font-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #b30d31;
	text-decoration: none;
}
.link-bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/link-bg.jpg);
	background-repeat: no-repeat;
	height:55px;
	text-align:left;
	padding:14px 25px 0px 25px;
}
a.link-bg-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link-bg-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link-bg-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
.top-bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	text-decoration: none;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	height:42px;
}
a.top-bg-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	text-decoration: none;
}
a.top-bg-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	text-decoration: none;
}
a.top-bg-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dddddd;
	text-decoration: none;
}
.hotnews-font-date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}
.hotnews-font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
}
a.hotnews-font-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
}
a.hotnews-font-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
}
a.hotnews-font-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #b30d31;
	text-decoration: underline;
}
.product-bg {
	background-image: url(../images/product-bg.jpg);
	background-repeat: no-repeat;
	height:90px;
	padding:4px 4px 4px 4px
}
.product-font1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; color: #999999;}
.product-font1 a { color: #999999; text-decoration: none;}

.product-font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}
a.product-font2-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}
a.product-font2-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}
a.product-font2-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #b30d31;
	text-decoration: none;
}
.product-bg2 { background-image: url(../images/product-bg2.jpg); background-repeat: no-repeat; height: 290px; padding: 5px 5px 5px 5px;}
.product-font3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #b30d31;
	text-decoration: none;
	font-weight: bold;
}
.product-font4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-decoration: none;
}
a.product-font4-css:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-decoration: none;
}
a.product-font4-css:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-decoration: none;
}
a.product-font4-css:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-decoration: underline;
}

.product-bg3 { background-image: url(../images/product-bg3.jpg); background-repeat: no-repeat; height: 54px; padding:3px 3px 3px 3px; float: left; width: 54px; overflow: hidden; margin: 0px 6px;}

.form_line2 {
	border: 1px solid #CCCCCC;
}
.input01 {
	width: 36px;
	height: 16px;
	border: solid 1px #999999;
}
.input02 {
	width: 200px;
	height: 20px;
	background-color: #eeeeee;
	border: solid 1px #dddddd;
}