/* Common Setting */
* {
	font-family:'Verdana', 'Arial', 'Helvetica', 'sans-serif';
}
body {
	background-image: url('../images/back_mainback.gif');
	margin: 0px;
}

/* Main Container */
#main {
	background-image: url('../images/back_indexback.gif');
	background-repeat: repeat-y;
	width: 956px;
	
}

/* Main Container:no height limit */
#main2 {
	background-image: url('../images/back_indexback.gif');
	background-repeat: repeat-y;
	width: 956px;
}

/* Top Menu */
#menu {
	position: absolute;
	top: -5px;
	*top: 5px;
	_top: 5px;
	left: 230px;
	*left: 240px;
	_left: 220px;
}
#menu li {
	float: left;
	margin-left: 16px;
	list-style-image: url('../images/icon_mainmenu.gif');
}
#menu li a {
	list-style-image: url('../images/icon_mainmenu.gif');
	margin-right: 25px;
	text-decoration: none;
	color: #1b1a19;
	font-size: 13px;
}

#searchBar {
	position: absolute;
	top: 0px;
	*top: 0px;
	_top: 0px;
	left: 700px;
	*left: 700px;
	_left: 700px;
}

/* ShihLin Logo */
#logo_shinlin {
	position: absolute;
	top: 40px;
	*top: 40px;
	_top: 40px;
	left: 800px;
}

/* Product Category Menu */
#sub_menu {
	background-image: url('../images/back_index_submenu.gif');
	background-repeat: no-repeat;
	margin-top: 13px;
	height: 29px;
	width: 949px;
}
/*#sub_menu li {
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	list-style-type: none;
}
#sub_menu li a {
	color: #ecf9ff;
	font-size: 12px;
	text-decoration: none;
	margin-right: 10px;
}
#sub_menu li a:hover {
	color: #FFFFFF;
}*/

/* Foot Area */
#foot {
	width: 98%;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	clear: both;
	color: #1b1a19;
	font-size: 13px;
	line-height: 1.3;
}
#foot a {
	text-decoration: none;
	color: #1b1a19;
}
img.footbar {
	margin-top: 10px;
	margin-bottom: 20px;
}

#footdown {
	width: 98%;
	margin-top:-30px;
	margin-left:10px;
	margin-bottom: 10px;
	text-align:left;
	clear: both;
	color: #1b1a19;
	font-size: 13px;
	line-height: 1.3;
}

/* Side AD */
#sideAD {
	float: right;
	background-color: rgb(213,213,213);
	margin-top: 0px;
	margin-right: 10px;
	padding: 10px 10px 30px 2px;
}
#sideAD img {
	border: 1px solid rgb(107,144,190);
}
#sideAD2 {
	float: right;
	background-color: rgb(213,213,213);
	margin-top: 0px;
	margin-left: 3px;
	_margin-left: 3px;
	padding-right: 10px;
	_padding-right: 10px;
	margin-bottom: 3px;
}
#sideAD2 img {
	border: 1px solid rgb(107,144,190);
}
/**
 *	Page: Contact
 */
table.contact {
	font-size: 13px;
	line-height: 1.5;
}
table.contact th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.contact input.contact,textarea.contact {
	border: none;
	background-color: rgb(227,227,227);
	overflow: hidden;
}



/**
 *	Page: About
 */
#about_desc {
	float: left;
	width: 500px;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 13px;
	color: rgb(84,117,162);
	line-height: 1.5;
}
#about_map {
	float: right;
	margin-top: 30px;
	margin-right: 40px;
}

span.must {
	color: red;
}

IMG		{	border-width:0px;}
//A:link,A:visited,A:hover,A:active {	text-decoration:none;}
INPUT,SELECT,TEXTAREA	{	font-size:12px;	font-family: Verdana, Arial;}
A.WEB_LINK:hover{ text-decoration:underline; }
html, body {
  margin: 0;
  padding: 0;
}

.BGNR		{ background-repeat:no-repeat;}
.BGRX		{ background-repeat:repeat-x;}
.BGRY		{ background-repeat:repeat-y;}
.BGR		{ background-repeat:repeat;}

.BGPCC	{ background-position:center center;}

.HAL		{ text-align:left;}
.HAC		{ text-align:center;}
.HAR		{ text-align:right;}
.VAT		{ vertical-align:top;}
.VAM		{ vertical-align:middle;}
.VAB		{ vertical-align:bottom;}

/* 游標設定 */
.CP		{ cursor:pointer;}

/* CAPTION 設定 */

/* 字型設定 */
.GF8	{ font-size:8px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF9	{ font-size:9px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF10	{ font-size:10px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF11	{ font-size:11px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF12	{ font-size:12px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";line-height:1.5;}
.GF13	{ font-size:13px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF14	{ font-size:14px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF15	{ font-size:15px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF16	{ font-size:16px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF17	{ font-size:17px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF18	{ font-size:18px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF24	{ font-size:24px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
.GF36	{ font-size:36px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}

/* 文字粗細 */
.FWB	{ font-weight: bold;}
/*邊框*/
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
/* 文字顏色設定 */
.FC-R	{ color:rgb(255,0,0);}
.FC-G	{ color:rgb(0,128,0);}
.FC-B	{ color:rgb(0,0,255);}
.FC-B1	{ color:rgb(0,112,188);}
.FC-B2	{ color:rgb(38,151,216);}
.FC-B3	{ color:rgb(0,99,191);}
.FC-B4	{ color:rgb(87,87,87);}
.FC-B5	{ color:rgb(84,117,162);}
.FC-W	{ color:rgb(255,255,255);}
.FC-K	{ color:rgb(0,0,0);}
.FC-GY	{ color:rgb(143,143,143);}
.FC-GY2	{ color:rgb(158,158,158);}
.FC-GY3	{ color:rgb(108,108,108);}
.FC-Y	{ color:rgb(255,138,0);}
.FC-P	{ color:rgb(153,0,153);}
.HR-B	{ color:rgb(213,221,230);}
.FC-O	{ color:rgb(245,171,12);}
.FC-lb	{ color:lightblue;}
.FC-LG{ color:#A8DC6E;}
.FC-O2	{ color:rgb(255,102,34);}
.FC-MB  { color:rgb(20,156,135);}
.FC-TB  { color:rgb(140,140,140);}
.FC-OG  { color:rgb(110,160,60);}
.FC-OG1  { color:rgb(205,120,0);}

/* 表單欄位設定 */

.FRC-O	{ color:rgb(255,204,102);}

/* 背景顏色設定 */
.BGC00	{ background-color:rgb(57,133,199);}
.BGC01	{ background-color:rgb(240,246,251);}
.BGC02	{ background-color:rgb(202,228,235);}
..BGC1		{ background-color:rgb(51,153,204);}
.BGC2		{ background-color:rgb(204,204,204);}
.BGC3	{ background-color:rgb(232,237,228);}
.BGC4	{ background-color:rgb(255,255,255);}
.BGC-W	{ background-color:rgb(255,255,255);}
.BGC-B	{ background-color:rgb(216,228,242);}
.BGC-G	{ background-color:rgb(128,128,128);}
.BGC-G2	{ background-color:rgb(190,218,116);}
.BGC-G3	{ background-color:rgb(167,192,101);}
.BGC-GY	{ background-color:rgb(147,147,147);}

/* 框線設定 */
.BDN		{ border:0px solid rgb(255,255,255);}
.BD00		{ border:1px solid rgb(51,153,204);}
.BD1		{ border:1px solid rgb(0,0,0);}
.BD2		{ border:2px solid rgb(204,204,204);}
.BDT1		{ border-top:1px solid rgb(0,0,0);}
.BDB1		{ border-bottom:1px solid rgb(0,0,0);}
.BDL1		{ border-left:1px solid rgb(0,0,0);}
.BDR1		{ border-right:1px solid rgb(0,0,0);}
.BDT3D	{ border-top:3px double rgb(0,0,0);}
.BDB3D	{ border-bottom:3px double rgb(0,0,0);}
.BDL3D	{ border-left:3px double rgb(0,0,0);}
.BDR3D	{ border-right:3px double rgb(0,0,0);}
.BDT1T	{ border-top:1px dotted rgb(0,0,0);}
.BDB1T	{ border-bottom:1px dotted rgb(0,0,0);}
.BDL1T	{ border-left:1px dotted rgb(0,0,0);}
.BDR1T	{ border-right:1px dotted rgb(0,0,0);}

.BDM1 { border: 1px solid rgb(118,118,118);}
.BDM2 { border-bottom: 1px solid rgb(207,207,207);}

/* 圖片外框 */
.boxB{border:1px solid #000000;}

/*  Hover 設定*/
a.HUL:hover{text-decoration:underline;}
a.OR:hover{color:orange;}
a.MenuHover:hover{color:#0063BF;text-decoration:NONE;}
/* 其他 */

.TDU{text-decoration:underline;}
.TDN{text-decoration:none;}


/* 產品檢視頁面 */
h1.product {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color:rgb(0,99,191);
	font-weight: bold;
	margin: 2px auto 3px 5px;
}
div.product_description {
	width: 390px;
	overflow: auto;
}




/* product menu */
#dhtmlgoodies_menu img{
	border: 0px;
}
/* General configuration CSS */

/*#dhtmlgoodies_menu ul li ul{
	display:none;	 Needed to display ok in Opera 
}*/

#dhtmlgoodies_menu{
	visibility:hidden; font-size: 13px; margin-left: 90px;
}
#dhtmlgoodies_menu ul{
	margin:3px 10px 0px 0px;
	padding:0px;
}
#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
	line-height: 1.8;
}
#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */

/* Cosmetic */
/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul{
	/*border:1px solid #000;
	background-color:#FFF;*/
	padding:1px;
}

#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:2px;
	/*border:1px solid #317082;*/
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:2px;
	border:1px solid white;
	background-color: #5478a5;
}
#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
	border:0px;
	padding:2px;
	border:1px solid white;
	background-color: #5478a5;
}

/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	color: white;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}

/*
Main menu items
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	/*border:1px solid #E2EBED;*/
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	/*background-color:#317082;*/
	/*border:1px solid #000;*/
}
#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:normal;
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	color:white;
	font-weight:normal;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	padding-right:2px;
	/*border:1px solid #FFF;*/
}
#dhtmlgoodies_menu .currentDepth2over{
	padding-right:2px;
	/*background-color:#E2EBED;*/
	/*border:1px solid #000;*/
}
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	color:white;
}
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
	padding-right:2px;
	/*border:1px solid #FFF;*/
}
#dhtmlgoodies_menu .currentDepth3over{
	padding-right:2px;
	/*background-color:#EDE3EB;*/
	/*border:1px solid #000;*/
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:2px;
	/*border:1px solid #FFF;*/
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right:2px;
	/*background-color:#EBEDE3;*/
	/*border:1px solid #000;*/
}
#slider img{ position:relative; height:219px;}
#slider img a{border:0px;}




a.nol {
	text-decoration: none;
}
a.nol:hover {
	text-decoration: underline;
}

.hand {
	cursor: pointer;
}