body {
	margin:0px;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	font-family: Verdana;
	color: #50483A;
	line-height: 22px;
	font-size: 12px;
	background-image: url(../images/index/ws-bg-01.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position-y:50%;
	background-position: top;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #006BB8;
}

#run{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	width: 665px;
	line-height: 30px;
}

#container {
	width:750px;
	margin: auto;
	background-color: #FFFFFF;
}


#header {
	width:750px;
	color: #FFFFFF;
	height: 273px;
	background-color: #68A8CC;

}
#logo {
	width:134px;
	height: 85px;
	float: left;
	font-size: 30px;
	color: #FFFFFF;
	background-image: url('../images/index/ws-index-01.jpg');


}
#language {
	height: 20px;
	padding-topmenu: 0px;
	width: 613px;
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 0px;
	font-family: Verdana;
	color: #FFFFFF;
	text-align: right;
	padding-top: 10px;
	padding-right: 3px;
	background-image: url(../images/index/ws-language-01.jpg);
}
#language a:link    { color: #FFFFFF; text-decoration: none;}
#language a:visited { color: #FFFFFF; text-decoration: none;}
#language a:hover   { color: #000000; text-decoration: none;}
#language a:active  { color: #FFFFFF; }

#banner_index {
	width:960px;
	height: 269px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('../images/index/ws-index-03.jpg');
}
#index-bg{
	width: 465px;
	height: 34px;
	margin: 0px;
	background-image: url('../images/index/ws-index-06.jpg');
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 12px
}


#banner {
	width:750px;
	height: 188px;
	float: left;
	background-color: #61A0C1;
	background-image: url('../images/index/ws-index-03.jpg');
	background-repeat: no-repeat
}
#index-banner {
	width:220px;
	height: 315px;
	float: right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top: 30px;
}

#master{
	width: 750px;
	background-color: #FFFFFF;
	text-align: left;
	padding-bottom: 20px;
}


#left{
	width:220px;
	float: left;
	color: #FFFFFF;
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 25px;

}

#center{
    width: 500px;
	float: right;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #FFFFFF;

}
#center_index{
	width: 730px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
#index_main{
	width:480px;
	float: left;
	background-color: #FFFFFF;
	margin: auto;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

#main{
	width:500px;
	float: left;
	background-color: #FFFFFF;
	color: #666666;
	margin: auto;
	text-align: left;
}

.main a:link    { color: #666666; text-decoration: none;}
.main a:visited { color: #666666; text-decoration: none;}
.main a:hover   { color: #FFCC00; text-decoration: none;}
.main a:active  { color: #666666; }



#footer {
	width:100%;
	height:55px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	background-image: url('../images/index/ws-index-05.jpg');
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 11px;
	line-height: 20px;
	float: left;
	padding-top: 14px
}
#footer a:link    { color: #FFFFFF; text-decoration: none;}
#footer a:visited { color: #FFFFFF; text-decoration: none;}
#footer a:hover   { color: #00CCFF; text-decoration: underline;}
#footer a:active  {
	color: #FFFFFF;
	text-decoration: underline;
}




#menu {
	padding-topmenu: 0px;
	width: 596px;
	font-size: 12px;
	float: left;
	margin: 0px;
	height: 35px;
	padding-left: 20px;
	background-image: url('../images/index/ws-index-02.jpg');
	padding-top: 20px;
	background-repeat: no-repeat;
	font-weight: bold
}


#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li {
	float: left;
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #006699;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

#menu ul li a:hover, #menu ul li a.current {
	color: #00537B;
	text-decoration: underline;
}


#submenu {
	padding-topmenu: 0px;
	width: 190px;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	margin: auto;
	background-color: #FFFFFF;
	float: left;
	padding-right: 15px;
	padding-left: 0px;
}
#submenu-title {
	height: 48px;
	width: 190px;
	font-size: 19px;
	font-weight: bold;
	color: #006bb8;
	font-family: Verdana;
	background-image: url('../images/index/ws-index-06.jpg');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 18px
}

#submenu ul {
	list-style: none;
	border-right-width: 1px;
	border-left-width: 1px;
	margin: 0px;
	background-color: #f1f1f1;
	padding: 0px;
}
#submenu ul li {
    background-image: url('../images/index/ws-point-02.jpg');
	background-repeat: no-repeat;
}
#submenu ul li a {
	display: block;
	text-decoration: none;
	color: #666666;
	text-align: left;
	padding-left: 53px;
	padding-top: 3px;
	margin: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#submenu ul li a:hover{
	text-decoration: none;
	color: #006BB8;
}
#submenu ul li a.current {
	color: #006699;
	background-color: #F1F1F1;
	text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
}



#submenu-bottom {
	height: 180px;
	width: 190px;
	background-image: url('../images/index/ws-index-07.jpg');
	background-repeat: no-repeat


}





#page {
	TEXT-ALIGN: center;
	width: 600px;
	font-size: 13px;
	letter-spacing: 1px;
	float: left;
	margin: 0px;
	height: 40px;
	padding-top: 10px;
	color: #666666;
}
#page a {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	font-size: 13px;
	background-image: url('../images/icon-point02.gif');
	background-repeat: no-repeat;
	background-position: right center;
	letter-spacing: 1px;
	font-weight: bold
}
#page a:hover {
	COLOR: #0B9F9F;
}
#page a:active {
}
#page span.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #669900;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	font-size: 16px;
}
#page-focus{
	float: right;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 40px;
	padding-top: 10px;
}



#h1-bg{
	border-bottom:1px solid #DBDBDB; width: 500px;
	height: 20px;
	background-image: url('../images/index/ws-point-01.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 35px;
	background-position: 1px 45px;
	padding-bottom: 10px;
	
}


h1{
	font-size: 18px;
	margin: 0px;
	font-family: Verdana;
	color: #333333;
	font-weight: normal;
	text-indent: 20px;

}

h2{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	margin: 0px;
	text-align: right;
	position: relative;
	width: 500px;
	padding-top: 3px;
	padding-bottom: 7px;
}
h2 a:link    { color: #666666; text-decoration: none;}
h2 a:visited { color: #666666; text-decoration: none;}
h2 a:hover   { color: #C80928; text-decoration: none;}
h2 a:active  { color: #666666; }
h3{
	font-size: 13px;
	font-weight: bold;
	color: #006699;
	line-height: normal;
}


.leftimg {
	float: left;
	border: none;
	margin-right: 10px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 20px;
}



.datatable {
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 100%;
}




.datatable th {
	color: #336633;
	background-color:#E6EDD3;
	text-align:center;
	font-size: 12px;
	line-height: 1.2;
	height: 25px;
	top: 5px;
	letter-spacing: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9DC882;
	border-bottom-color: #9DC882;
	border-left-color: #ECE9D8;
	font-weight: bold;
}
.datatable td {
	border-bottom:1px dashed #CCCCCC; font-family: "Arial", "Helvetica", "sans-serif";
	height: 28px;
	color: #333333;
	font-size: 13px;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 15px;
	background-image: url('../images/ws-bg-09.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
.datatable  tr.altrow {	background-color: #F4F3F0;}

/* contactus共用表單設定 */
.form {
  background-color: #EBEBEB;
	color: #666666;
	font-size : 12px;
	line-height:16px;
	font-weight: normal;
	font-family: Verdana;
	text-align:justify;
	border-top-color: #DBDBDB;
	border-right-color: #DBDBDB;
	border-bottom-color: #DBDBDB;
	border-left-color: #DBDBDB;
	padding-top: 2px;
	padding-bottom: 2px;
}
.form tr.altrow1 {
	background-color: #EBEBEB;
}
.form tr.altrow2 {
	background-color: #FFFFFF;
}
.form input {
  color :          #666666;
	font-family :    Verdana;
	line-height:     1.2em;
	font-size :      9pt;
	font-weight :    normal;
	border: 1px solid #A8D0E6;
	padding-top:     1px;
	padding-left:    1px;
	padding-right:   1px;
	background-color: #FFFFFF
}
.text_area {
  color :          #666666;
	border: 1px solid #A8D0E6;
	padding-top:     1px;
	padding-left:    1px;
	padding-right:   1px;
	background-color: #FFFFFF
}

/* news,download,sitemap共用文字連結設定 */
.general_link {
 	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
}
.general_link a:link {
  color: #000000;
  text-decoration: none;
}
.general_link a:visited {
  color: #000000;
  text-decoration: none;
}
.general_link a:hover {
  color: #7B7B7B;
  text-decoration: underline;
}
.general_link a:active {
  color: #7B7B7B;
  text-decoration: underline;
}

.product-list{
	border-style:none;
	float: left;
	text-align: center;
	background-color: #FFFFFF;	
}

.product-list-title {
	font-size: 11px;
	text-align: center;
	color: #333333;
	width: 156px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.product-list-title a:link    { color: #333333; text-decoration: underline;}
.product-list-titlea:visited { color: #333333; text-decoration: underline;}
.product-list-title a:hover   { color: #CC3300; text-decoration: underline;}
.product-list-title a:active  { color: #333333; }
.product-list{
	float: left;
	text-align: center;
	background-image: url('../images/index/ws-product-bg-01.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 11px;
	padding-bottom: 10px;
	width: 166px;
	padding-right: 0px;
	height: 150px;
}
#product-show-title{
	width:680px;
	float: left;
	background-image: url('../images/index/ws-point-04.jpg');
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 5px
}
.text01{
	font-size: 13px;
	color: #FF6600;
	font-family: Verdana;
	font-weight: bold;
}
.text01 a:link    { color: #FF6600; text-decoration: none;}
.text01 a:visited { color: #FF6600; text-decoration: none;}
.text01 a:hover   { color: #FF6600; text-decoration: none;}
.text01 a:active  { color: #FF6600; }

.text02{
	font-size: 12px;
	color: #666666;
	font-family: Verdana;
	background-image: url('../images/index/ws-point-03.jpg');
	background-position: 4px 8px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding-left: 15px
}
.text03{
	font-size: 11px;
	color: #666666;
	font-family: Verdana;
	text-align: center;
}
.text04{
	font-size: 11px;
	color: #666666;
	font-family: Verdana;
	line-height: 18px;
}

/* 產品詳細頁設定 */

#products-show-pic {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 360px;
	padding-bottom: 6px;
}
#products-show-pic * {
MARGIN: 0px; WORD-BREAK: break-all
}
#ifocus {
	padding:7px; BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url('../images/index/store-pic-bg.gif'); MARGIN: 0px; WIDTH: 341px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 291px
}
#ifocus_pic {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 340px; WORD-BREAK: break-all; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 225px
}
#ifocus_piclist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute
}
#ifocus_piclist LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 340px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 225px
}
#ifocus_piclist IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 340px; PADDING-TOP: 0px; HEIGHT: 225px
}
#ifocus_btn {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px; WIDTH: 340px
}
#ifocus_btn LI {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: left top; PADDING-LEFT: 5px; FILTER: alpha(opacity=50); FLOAT: left; BACKGROUND-IMAGE: url('../images/index/store-pic-s-bg.gif'); PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 75px; CURSOR: pointer; PADDING-TOP: 12px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; -moz-opacity: 0.5; opacity: 0.5
}
#ifocus_btn IMG {
	MARGIN: 0px; WIDTH: 75px; HEIGHT: 50px
}
#ifocus_btn .current {
	BACKGROUND-POSITION: left top; FILTER: alpha(opacity=100); BACKGROUND-IMAGE: url('../images/index/store-focus_bg.jpg'); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; -moz-opacity: 1; opacity: 1
}
#ifocus_opdiv {
FILTER: alpha(opacity=50); LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; HEIGHT: 35px; -moz-opacity: 0.5; opacity: 0.5
}
#ifocus_tx {
	LEFT: 8px; COLOR: #666666; BOTTOM: 8px; POSITION: absolute
}
#ifocus_tx .normal {
	DISPLAY: none
}
#products-show-name {
	FONT-SIZE: 13px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 250px;
	LINE-HEIGHT: 1.8;
	TEXT-ALIGN: left;
	font-family: Verdana;
	color: #CC0000;
}

#products-show-data {
	FONT-SIZE: 12px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 350px;
	LINE-HEIGHT: 1.8;
	TEXT-ALIGN: left;
	font-family: Verdana;
	color: #333333;
	padding-bottom: 30px;
}
#products-show-title {
	FONT-SIZE: 13px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 460px;
	LINE-HEIGHT: 1.8;
	font-family: Verdana;
	color: #006699;
	background-image: url('../images/index/ws-product--01.jpg');
	background-repeat: no-repeat;
	text-indent: 30px;
	font-weight: bold;
	height: 25px;
	padding-top: 5px
}
#products-show-introduction {
	FONT-SIZE: 12px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 450px;
	LINE-HEIGHT: 1.8;
	font-family: Verdana;
	color: #333333;
	padding-top: 7px;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}