BODY {
	SCROLLBAR-FACE-COLOR: #7A5125;
	SCROLLBAR-HIGHLIGHT-COLOR: #E1BB70;
	SCROLLBAR-SHADOW-COLOR: #542312;
	SCROLLBAR-3DLIGHT-COLOR: #7A5125;
	SCROLLBAR-ARROW-COLOR: #E1BB70;
	SCROLLBAR-TRACK-COLOR: #7A5125;
	SCROLLBAR-DARKSHADOW-COLOR: #542312;
	SCROLLBAR-BASE-COLOR: #7A5125;
	margin: 0px;
	padding: 0px;
	background-color: #FCF9E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image:url(../images/bg.jpg);
}

.bg-leftcolumn {
	background-image: url(../images/main_06.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg-product {
	background-image: url(../images/product_06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*-------------------------------------*/
#show1{
	margin-top: -1px;
	position: absolute;
	display: block;
	z-index: 1;
}

/*-------------------------------------*/
.product{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #037A80;
	line-height: 16px;
}
.product:link {
	text-decoration: none;
}
.product:visited {
	text-decoration: none;
}
.product:hover {
	color: #1CB794;
	text-decoration: underline;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	color: #9D7440;
	font-size: 12px;
	line-height: 20px;
}
.link:link {
	text-decoration: underline;
}
.link:visited {
	text-decoration: underline;
}
.link:hover {
	text-decoration: none;
	padding-top: 2px;
	color: #AB0000;
}

.iconlink {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	float: left;
	color: #EBE3B6;
	font-size: 11px;
	line-height: 20px;
	text-align:center;
}
.iconlink:link {
	text-decoration: underline;
}
.iconlink:visited {
	text-decoration: underline;
}
.iconlink:hover {
	text-decoration: none;
	padding-top: 1px;
	color: #FFFFFF;
}

.imgLink {
	text-decoration: none;
	float: left;
}
.imgLink:link {
	text-decoration: none;
}
.imgLink:visited {
	text-decoration: none;
}
.imgLink:hover {
	text-decoration: none;
	padding-top: 1px;
}


.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.normal-s {
	font-family: "新細明體";
	font-size: 11px;
	line-height: 17px;
	color: #777777;
}
.emphasize {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #CC0000;
	font-weight: bold;
}
.emphasize1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #aa1122;
	font-weight: bold;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #FFFFFF;
}
.white_b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 20px;
}
.green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #037A80;
}
.brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #84511E;
	line-height: 20px;
}
.brown:link {
	text-decoration: underline;
}
.brown:visited {
	text-decoration: underline;
}
.brown:hover {
	text-decoration: none;
	color: #663300;
}
.brown-bigger {
	font-size: 13px;
	line-height: 21px;
	color: #643719;
	font-family: Arial, Helvetica, sans-serif;
}
.khaki  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #F0DEBB;
}
.khaki:link {
	text-decoration: underline;
}
.khaki:visited {
	text-decoration: underline;
}
.khaki:hover {
	text-decoration: none;
	color: #ffffff;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #946A0A;
}
.red:link {
	text-decoration: none;
}
.red:visited {
	text-decoration: none;
}
.red:hover {
	text-decoration: underline;
	color: #B81418;
}
.price {
	font-family: "Tahoma", "Swis721 BT", Arial;
	font-size: 18px;
	line-height: 19px;
	color: #CE0000;
	font-weight: bold;
	text-decoration: underline;
}
.price1 {
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	line-height: 19px;
	color: #894EB1;
	font-weight: bold;
	text-decoration: line-through;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #037A80;
}
.title:link {
	text-decoration: none;
}
.title:visited {
	text-decoration: none;
}
.title:hover {
	color: #1CB794;
	text-decoration: underline;
}
.title-s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #037A80;
}
.title-s:link {
	text-decoration: none;
}
.title-s:visited {
	text-decoration: none;
}
.title-s:hover {
	color: #1CB794;
	text-decoration: underline;
}

.info {
	font-size: 12px;
	line-height: 21px;
	color: #B49D74;
	font-family: Arial, Helvetica, sans-serif;
}
.info a:link {
	color: #F0DEBB;
	text-decoration: none;
}
.info a:visited {
	text-decoration: none;
	color: #F0DEBB;
}
.info a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.list {
	font-size: 11px;
	line-height: 20px;
	color: #EA7500;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
}
.listfont {
	font-size: 11px;
	line-height: 20px;
	color: #956C01;
	font-family: Arial, Helvetica, sans-serif;
}
.listfont:link {
	text-decoration: none;
}
.listfont:visited {
	text-decoration: none;
}
.listfont:hover {
	text-decoration: underline;
	color: #996600;
}

.now {
	font-size: 12px;
	line-height: 18px;
	color: #96652D;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.now a:link {
	text-decoration: underline;
	color: #604124;
}
.now a:visited {
	text-decoration: underline;
		color: #604124;
}
.now a:hover {
	color: #006600;
	text-decoration: underline;
}

.btnlink{
	font-family: Arial, Helvetica, sans-serif;
	color: #E1FCFF;
	height: 21px;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 21px;
	background-image: url(../icons/bg_btn.gif);
	background-repeat: no-repeat;
	display: block;
	width: 62px;
	text-align:center;
	letter-spacing: 2px;
}
.btnlink:link {
	text-decoration: none;
}
.btnlink:visited {
	text-decoration: none;
}
.btnlink:hover {
	text-decoration: none;
	padding-top: 1px;
	color: #ffffff;
	background-position: bottom;
}
.btnlink1{
	font-family: Arial, Helvetica, sans-serif;
	color: #E1FCFF;
	height: 21px;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 21px;
	background-image: url(../icons/bg_btn1.gif);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
	text-align:center;
	letter-spacing: 0.5px;
}
.btnlink1:link {
	text-decoration: none;
}
.btnlink1:visited {
	text-decoration: none;
}
.btnlink1:hover {
	text-decoration: none;
	padding-top: 1px;
	color: #ffffff;
	background-position: bottom;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #542312;
	height: 22px;
	border: 2px inset #FFFFFF;
	background-color: #E7CA8D;
	line-height: 18px;
}

.input1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #542312;
	height: 22px;
	background-color: #E7CA8D;
	line-height: 18px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #542312;
	background-color: #E7CA8D;
	border: 1px inset #FFFFFF;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #542312;
	height: 22px;
	background-color: #E7CA8D;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #27A7AA;
	height: 23px;
	border: 1px outset #EEEEEE;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 21px;
}


.photobox_right {
	border: 1px solid #BAB6A0;
	padding: 5px;
	background-color: #FFFFFF;
	display: block;
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.photobox_right td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #9C9163;
	text-align:center;
	}
.photobox_left {
	border: 1px solid #BAB6A0;
	padding: 5px;
	background-color: #FFFFFF;
	display: block;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.photobox_left td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #9C9163;
	text-align:center;
	}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #894EB1;
	line-height: 25px;
	margin-top: 7px;
	margin-bottom: 3px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #017A1D;
	margin-top: 3px;
	margin-bottom: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #956535;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 20px;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #956535;
	margin-top: 5px;
	margin-bottom: 5px;

}
ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 13px;
	color: #999999;
	font-weight: normal;
	padding: 0px;
	text-indent: 0px;
	list-style-type: square;
}
ul li {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: bold;;
}
ol {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
ol li {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: normal;;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*CSS pages style pagination*/
/*CSS pages style pagination*/

DIV.pages {
	FONT-SIZE: 12px;
	FONT-FAMILY: Tahoma, Helvetica, sans-serif;
	padding: 3px;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: 7px;
	margin-left: 3px;
	color: #826B4A;
}
DIV.pages A:link {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 1px;
	COLOR: #CB9300;
	MARGIN-RIGHT: 3px;
	PADDING-TOP: 1px;
	TEXT-DECORATION: none;
	border: 1px solid #CB9300;
}
DIV.pages A:hover {
	BACKGROUND-IMAGE: none;
	COLOR: #ECDDAA;
	border: 1px solid #D7C580;
	background-color: #6B3D1D;
	text-decoration: none;
}
DIV.pages A:visited {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 1px;
	COLOR: #CB9300;
	MARGIN-RIGHT: 3px;
	PADDING-TOP: 1px;
	TEXT-DECORATION: none;
	border: 1px solid #CB9300;
}
DIV.pages SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #CE0000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.pages SPAN.disabled {
	DISPLAY: none
}
/* datatable */
.datatable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border-collapse:collapse;
	background-color: #FFFFFF;
}
caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #328AA4;
}
.datatable thead th{
	color:#fff;
	background-image: url(../images/bg_th.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	background-color: #63714A;
}
.datatable tbody tr th{
	color:#263C73;
	background-color: #8CCDD9;
	font-size: 12px;
}
.datatable td,th{
	color: #666666;
	border: 0.5px solid #FFFFFF;
}
.datatable em{
	font-size: 12px;
	line-height: 20px;
	color: #49A996;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
.datatable a{
	font-size: 12px;
	line-height: 20px;
	color: #1F8DBC;
	font-family: Arial, Helvetica, sans-serif;
}
.datatable a:link{
	text-decoration: underline;
}
.datatable a:visited{
	text-decoration: underline;
}
.datatable a:hover{
	text-decoration: none;
	color: #49A996;
}
.datatable ol {
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #49A996;
	margin-left: 30px;
	margin-right: 2px;
	padding-left: 0px;
}
.datatable ol li {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
}
.datatable ul {
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #9C53A7;
	margin-left: 25px;
	margin-right: 2px;
	text-indent: 0px;
}
.datatable ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-type: square;
}
/*- Menu Tabs --------------------------- */
    #tabs {
	font-size:12px;
	text-align: center;
	color: #FFFFFF;
      }
    #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-image: url(../images/product_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	height: 22px;
	width: 109px;
	color: #5C330A;
	padding-top: 6px;
      }
    #tabs a:hover {
	background-image: url(../images/product_02.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	border-bottom-width: 0px;
	color: #FF9000;
      }

      #tabs #current a {
	background-position:left top;
	margin-top: 0px;
	margin-bottom: 1px;
	border-bottom-width: 0px;
	background-image: url(../images/product_02.gif);
	background-repeat: no-repeat;
	color: #FF9000;
      }
/*- Menu Tabs 1--------------------------- */

    #tabs1 {
	float:left;
	line-height:normal;
	margin-top: 4px;
      }
    #tabs1 ul {
	margin:0;
	list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0px;
      }
    #tabs1 a {
	float:left;
	padding:0 2 0 0px;
	text-decoration:none;
	background-image: url(../icons/tableft11.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
      }
    #tabs1 a span {
	float:left;
	display:block;
	background:url("../icons/tabright11.gif") no-repeat right top;
	color:#745B43;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 8px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs1 a:hover span {
      color:#FFF;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
       background-position:0% -42px;
      }
      #tabs1 #current a span {
       background-position:100% -42px;
      }
/*--------------------------------------------*/
.submenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}
.submenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}
.submenu a:link {
	text-decoration: none;
}
.submenu a:visited {
	text-decoration: none;
}
.submenu a:hover {
	text-decoration: none;
	color: #FFD900;
}

.subsubmenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #775731;
	display: block;
	width: 100%;
	background-color: #F9CAA8;
}
.subsubmenu a:link {
	text-decoration: none;
}
.subsubmenu a:visited {
	text-decoration: none;
}
.subsubmenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CC3333;
}
.bg-company {
	background-image: url(../images/company_bg01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 12px;
	color: #e7941D;
	padding: 0px;
	text-indent: 0px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
	list-style-position: outside;
}
ul li {
	margin-top: 3px;
	margin-bottom: 3px;;
}
ol {
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #777777;
	margin-left: 30px;
	margin-right: 2px;
	padding-left: 0px;
	list-style-position: outside;
}
ol li {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
}