BODY {
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #D8D8D8;
	SCROLLBAR-SHADOW-COLOR: #D8D8D8;
	SCROLLBAR-3DLIGHT-COLOR: #eeeeee;
	SCROLLBAR-ARROW-COLOR: #D8D8D8;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #eeeeee;
	SCROLLBAR-BASE-COLOR: #D8D8D8;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #505050;
}
/*---------------------backgrund------------------------*/
.bg-line{
	background-image:url(../icons/dotline2.gif); background-repeat:no-repeat; height:1px; padding:0px;

}
/*----------------------------------------------------*/
#area{
	z-index: 1;
}
#banner {
	height: 252px;
	width: 901px;
	margin-bottom: -101px;
	position: absolute;
	z-index: 100;
	visibility: visible;
}
#nav {
	z-index: 100;
	position: relative;
}
/*----------------------------photo------------------------*/
.imgLink {
	text-decoration: none;
	float: left;
}
.imgLink:link {
	text-decoration: none;
}
.imgLink:visited {
	text-decoration: none;
}
.imgLink:hover {
	text-decoration: none;
	padding-top: 1px;
}

.photobox {
	text-align:center;
	border: 1px solid #CCCCCC;
	padding: 5px;
	display: block;
	background-color: #FFFFFF;
	clear: both;
	float: left;
	margin-top: 3px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 7px;
}
.photobox-right {
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 4px;
	background-image: url(../images/photobg-s.gif);
	background-repeat: no-repeat;
	clear: both;
}
.photoborder {
	border: 1px solid #cccccc;
}
/*--------------------font-----------------------*/
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #CCCCCC;
}
.normal-s {
	font-size: 11px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.normal-darker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.normal-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #FFFFFF;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #FE9225;
}
.orange:link{
text-decoration:underline;
}
.orange:visited{
text-decoration:underline;
}
.orange:hover{
	text-decoration:none;
	color: #FA7D01;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #0073A1;
}
.blue:link{
text-decoration:underline;
}
.blue:visited{
text-decoration:underline;
}
.blue:hover{
text-decoration:none;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC3333;
	line-height: 18px;
}
.product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	line-height: 21px;
}
.product:link {
	text-decoration: none;
}
.product:visited {
	text-decoration: none;
}
.product:hover {
	text-decoration: underline;
}
.product_s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	line-height: 21px;
}
.product_s:link {
	text-decoration: none;
}
.product_s:visited {
	text-decoration: none;
}
.product_s:hover {
	text-decoration: underline;
}
.info {
	font-size: 11px;
	line-height: 18px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.info:link {
	text-decoration: underline;}

.info:visited {
	text-decoration: underline;}
.info:hover {
	text-decoration: none;
	color: #FFFFFF;}
.info1 {
	font-size: 11px;
	line-height: 18px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.info1:link {
	text-decoration: none;}

.info1:visited {
	text-decoration: none;}
.info1:hover {
	text-decoration: none;
	color: #FFFFFF;}
.accent {
	color: #01729C;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
}
.accent:link {
	text-decoration: none;
}
.accent:visited {
	text-decoration: none;
}
.accent:hover {
	text-decoration: underline;
}

.list {
	font-size: 11px;
	line-height: 20px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

.listfont {
	font-size: 11px;
	line-height: 20px;
	color: #FFCC00;
	font-family: "新細明體";
}
.listfont:link {
	text-decoration: none;
}
.listfont:visited {
	text-decoration: none;
}
.listfont:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
.list1 {
	font-size: 12px;
	line-height: 20px;
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
}

.listfont1 {
	font-size: 12px;
	line-height: 20px;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}
.listfont1:link {
	text-decoration: none;
}
.listfont1:visited {
	text-decoration: none;
}
.listfont1:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.now {
	font-size: 11px;
	line-height: 17px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.now:link {
	text-decoration: underline;
}
.now:visited {
	text-decoration: underline;
}
.now:hover {
	color: #881010;
}
.blink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0073A0;
}
.blink:link {
	text-decoration: none;
}
.blink:visited {
	text-decoration: none;
}
.blink:hover {
	text-decoration: underline;
	color: #333333;
}
.more{
	color: #01729C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #01729C;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 3px;
	margin-left: 5px;
	height: 15px;
	line-height: 15px;
	margin-top: 5px;
}
.more:link{
	text-decoration: none;
}
.more:visited{
	text-decoration: none;
}
.more:hover{
	color: #FE9327;
	text-decoration: none;
	border-top-color: #FE9327;
	border-right-color: #FE9327;
	border-bottom-color: #FE9327;
	border-left-color: #FE9327;
}
.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #CCCCCC;
}
.link:link {
	text-decoration: none;
}
.link:visited {
	text-decoration: none;
}
.link:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #cccccc;
}
.top:link {
	text-decoration: underline;
}
.top:visited {
	text-decoration: underline;
}
.top:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.language a{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	padding-right: 7px;
	padding-left: 7px;
	margin-right: 1px;
	margin-left: 1px;
	height: 17px;
	line-height: 17px;
	padding-bottom: -1px;
}
.language a:link{
	text-decoration: none;
}
.language a:visited{
	text-decoration: none;
}
.language a:hover{
	color: #FEA346;
	text-decoration: none;
	border-top-color: #FEA346;
	border-right-color: #FEA346;
	border-bottom-color: #FEA346;
	border-left-color: #FEA346;
}
.language #current{
	color: #FEA346;
	text-decoration: none;
	border-top-color: #FEA346;
	border-right-color: #FEA346;
	border-bottom-color: #FEA346;
	border-left-color: #FEA346;
}
/*------------------------from----------------------*/
.input {
	background-color: #333333;
	border: 2px inset #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #333333;
	border: 2px inset #cccccc;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	height: 20px;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 25px;
	font-size: 12px;
	padding-right: 1px;
	padding-left: 1px;
	line-height: 22px;
	background-image: url(../icons/bg-th.gif);
	background-repeat: repeat-x;
	border: 1px outset #CCCCCC;
}
/*------------------other------------------*/
u {
	color: #0073A0;
	text-decoration: none;
	font-size: 12px;
}
u a {
	color: #0073A0;
}
u a:link {
	text-decoration: underline;
}
u a:visited {
	text-decoration: underline;
}
u a:hover {
	text-decoration: underline;
	color: #FE9225;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FE9225;
	line-height: 21px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	padding: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.h3link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	text-decoration :none
}

.h3link:hover
{
	color:#AEDBEC;
	text-decoration:underline;
	}
	
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #AEDBEC;
	margin-top: 5px;
	margin-bottom: 3px;
	line-height: 20px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	margin-top: 5px;
	margin-bottom: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	padding-left: 5px;
}




.p1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #555555;
	text-indent: 24px;
	margin-top: 3px;
	margin-bottom: 3px;

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 21px;
	text-indent: 24px;
}

.p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #eeeeee;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 21px;
	text-indent: 24px;
}

ul {
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 12px;
	color: #6691A8;
	padding: 0px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
}
ul li {
	margin-top: 3px;
	margin-bottom: 3px;;
}
ul li a {
	color: #0073a0;

}
ul li a:link {
	text-decoration: underline;
}
ul li a:visited {
	text-decoration: underline;
}
ul li a:hover {
	text-decoration: none;
	color: #004874;
}

ol {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFE6E6;
}
ol li {
	margin-top: 2px;
	margin-bottom: 2px;;
}
ul.icon {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #555555;
	list-style-type: none;
}
ul.icon li {
	margin-top: 8px;
	;
	list-style-image: url(../icons/arrow.gif);
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}


/*- Menu Tabs --------------------------- */
    #tabs {
	width:310px;
	margin-bottom: 7px;
	font-size:12px;
	line-height:normal;
	text-align: left;
	color: #FFFFFF;
	margin-top: 10px;
	background-image: url(../images/bg_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
      }
    #tabs ul {
	margin:0;
	list-style:none;
	padding-bottom: 0;
	padding-top: 0px;
      }
    #tabs li {
	display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
	float:left;
	background:url("../icons/tableft.gif") no-repeat left top;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
	margin-top:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
      }
    #tabs a span {
	float:left;
	display:block;
	background:url("../icons/tabright.gif") no-repeat right top;
	color:#FFF;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
	float:none;
}
    #tabs a:hover {
	background-position:0% -42px;
	margin-top: 0px;
	margin-bottom: 1px;
	border-bottom-width: 0px;
      }
    #tabs a:hover span {
	background-position:100% -42px;
	color: #0073A0;
	margin-top: 0px;
	padding-top: 9px;
      }

      #tabs #current a {
	background-position:0% -42px;
	margin-top: 0px;
	margin-bottom: 1px;
	border-bottom-width: 0px;
      }
      #tabs #current a span {
	background-position:100% -42px;
	color: #0073A0;
	margin-top: 0px;
	padding-top: 9px;
      }
/*CSS pages style pagination*/

DIV.pages {
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	padding: 3px;
	margin-top: 15px;
	margin-right: 3px;
	margin-bottom: 8px;
	margin-left: 3px;
}
DIV.pages A {
	PADDING-RIGHT: 8px;
	BACKGROUND-POSITION: 50% bottom;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 2px;
	COLOR: #FF9900;
	MARGIN-RIGHT: 3px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	background-color: #333333;
	border: 1px solid #666666;
}
DIV.pages A:hover {
	BACKGROUND-IMAGE: none;
	COLOR: #CCCCCC;
	BACKGROUND-COLOR: #771212;
	border: 1px solid #FF8F20;
}
DIV.pages A:active {
	BACKGROUND-IMAGE: none;
	COLOR: #fff;
	BACKGROUND-COLOR: #E95D04;
	border: 1px solid #0FB9EC;
}
DIV.pages SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #FFCC00; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.pages SPAN.disabled {
	DISPLAY: none
}

/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */

#menu {
	width: 260px;
        }
#menu ul {
	width: 260px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
        }
#menu li {
	display: block;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding: 0px;
	margin: 0px;
        }
#menu li a {
	text-decoration: none;
	display: block;
	background-color: #444444;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
	vertical-align: middle;
        }

#menu li a:link {
	color: #aaaaaa;
	text-align: left;
	display: block;
	background-color: #444444;
        }
#menu li a:visited {
	text-align: left;
	display: block;
	color: #aaaaaa;
        }
#menu li a:hover{
	color: #FFCC00;
	text-align: left;
	background-color: #222222;
        }
#menu li #current {
	color: #FFCC00;
	text-align: left;
	background-color: #000000;
	background-image: url(../icons/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
        }
		
#menu li a:active {
        color: #ffffff;
        text-align: left;
        }
/* =-=-=-=-=-=-=-[SubMenu]-=-=-=-=-=-=-=- */

#submenu {
	width: 260px;
        }
#submenu ul {
	width: 260px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
        }
#submenu li {
	display: block;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444444;
	padding: 0px;
	margin: 0px;
        }
#submenu li a {
	text-decoration: none;
	display: block;
	background-color: #666666;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
	vertical-align: middle;
	color: #dddddd;
        }

#submenu li a:link {
	color: #dddddd;
	text-align: left;
	display: block;
	background-color: #666666;
        }
#submenu li a:visited {
	text-align: left;
	display: block;
	color: #aaaaaa;
        }
#submenu li a:hover{
	color: #CC0000;
	text-align: left;
	background-color: #CCCCCC;
        }
#submenu li #current {
	color: #FF6600;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../icons/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
        }
/* =-=-=-=-=-=-=-[SubSubMenu]-=-=-=-=-=-=-=- */

#submenu1 {
	width: 260px;
        }
#submenu1 ul {
	width: 260px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
        }
#submenu1 li {
	display: block;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 0px;
	margin: 0px;
        }
#submenu1 li a {
	text-decoration: none;
	display: block;
	background-color: #CCCCCC;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
	vertical-align: middle;
	color: #666666;
        }

#submenu1 li a:link {
	color: #666666;
	text-align: left;
	display: block;
	background-color: #CCCCCC;
        }
#submenu1 li a:visited {
	text-align: left;
	display: block;
	color: #666666;
        }
#submenu1 li a:hover{
	color: #FFFFFF;
	text-align: left;
	background-color: #D9AD00;
        }
#submenu1 li #current {
	color: #333333;
	text-align: left;
	background-color: #FFCC00;
	background-image: url(../icons/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
        }