/*-------------------------------------------------------------------
樣式表用途：網站通用基本樣式表
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/

/* 基本樣式設定開始
-------------------------------------------------------------------*/
* {
		/* 使用通用選擇器設定將所有元素 */
		margin: 0;
		padding: 0;
		font-size: 100%;
}
body {
		margin: 0;
		padding: 0;
		font-size: 75%;
		font-family: Arial, Helvetica, sans-serif, Verdana;
		text-align: center; /* 設定置中對齊 防止IE5錯誤 */
		line-height: 1.4;
		/*color: #333333;*/
		background: url(../Images/bgBodyMix.jpg) 50% 0 no-repeat;
		background-attachment : fixed;		
}
p,li,h2,h3,h4,h5,h6,span,label {
		/*\*/
		letter-spacing: 0.1em;
		/**/
		color: #f2f2f2;
}
img {
		border-style: none;
		border-color: inherit;
		border-width: 0;
}

a {
		text-decoration: none;
		color: #FBB03B;
}
a:hover {
		text-decoration: underline;
}
ul {
		list-style-type: none;
}



/* 基本樣式設定結束
-------------------------------------------------------------------*/
#fixedBox1 {
		position: fixed;
		top: 150px;
		left: 0;
		z-index: 500;
		display: none;
}
/*.buy input {
		cursor: pointer;
		width: 92px;
		height: 55px;
		border: 0;
		background: url(../Images/btnBuyDrbone.png) 0 0 no-repeat;
}*/
.buy input {
		cursor: pointer;
		width: 55px;
		height: 161px;
		border: 0;
		background: url(../Images/btnTab1.png) 0 0 no-repeat;
}
#fixedBox2 {
		position: fixed;
		top: 300px;
		left: 0;
		z-index: 501;
}
#fixedBox2 a {
		display: block;
		width: 55px;
		height: 161px;
		border: 0;
		background: url(../Images/btnTab2.png) 0 0 no-repeat;
}
#fixedBox3 {
		position: fixed;
		top: 450px;
		left: 0;
		z-index: 501;
}
#fixedBox3 a {
		display: block;
		width: 55px;
		height: 161px;
		border: 0;
		background: url(../Images/btnTab3.png) 0 0 no-repeat;
}
#fixedBox4 {
		position: fixed;
		top: 150px;
		left: 0;
		width: 31px;
		height: 115px;
		z-index: 500;
}
#fixedBox4 a {
		display: block;
		width: 55px;
		height: 161px;
		border: 0;
		background: url(../Images/btnTab1.png) 0 0 no-repeat;
}
/* wrapper 樣式設定開始
-------------------------------------------------------------------*/
#wrapper {
		margin: 0 auto; /* 設定為自動調整邊界 */
		width: 920px; /* 統一整個版面的寬度 */
		text-align: left; /* 設定靠左對齊 不使用body指定的屬性 */
}
/* wrapper 樣式設定結束
-------------------------------------------------------------------*/
/* header 樣式設定開始
-------------------------------------------------------------------*/
#header {
		position: relative;
		width: 100%;
		height: 95px;
		text-align: left;
}
	#logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 60px;
			height: 55px;
			z-index: 200;			
	}
	#bgLogo {
			position: absolute;
			top: 0;
			left: 0;
			width: 165px;
			height: 165px;
			background: url(../Images/bgLogo2.png) 0 0 no-repeat;
	}
	.aLogo {
			position: absolute;
			top: 10px;
			left: 36px;
	}
	#nav1 {
			position: absolute;
			left: 170px;
			top: 0;
			width: 510px;
			height: 78px;
			list-style-type: none;
	}
	#nav1 li {
			float: left;
	}
	#nav1 li a {
			display: block; 
			overflow: hidden;
			color: #ffffff;
			width: 	85px;
			/*隱藏連結文字start*/
			height: 0 !important;
			height: /**/:78px;
			padding-top: 78px;
			/*隱藏連結文字end*/
	}
	#nav1About a {background: url(../Images/nav1.png) 0 0; width: 85px;}
	#nav1Product a {background: url(../Images/nav1.png) -85px 0; width: 85px;}
	#nav1News a {background: url(../Images/nav1.png) -170px 0; width: 85px;}
	#nav1Knowledge a {background: url(../Images/nav1.png) -255px 0; width: 85px;}
	#nav1TradesPlace a {background: url(../Images/nav1.png) -340px 0; width: 85px;}
	#nav1Contact a {background: url(../Images/nav1.png) -425px 0; width: 85px;}	
	#nav1About a:hover {background: url(../Images/nav1.png) 0 -78px; width: 85px;}
	#nav1Product a:hover {background: url(../Images/nav1.png) -85px -78px; width: 85px;}
	#nav1News a:hover {background: url(../Images/nav1.png) -170px -78px; width: 85px;}
	#nav1Knowledge a:hover {background: url(../Images/nav1.png) -255px -78px; width: 85px;}
	#nav1TradesPlace a:hover {background: url(../Images/nav1.png) -340px -78px; width: 85px;}
	#nav1Contact a:hover {background: url(../Images/nav1.png) -425px -78px; width: 85px;}	
	#nav1About a.stay {background: url(../Images/nav1.png) 0 -156px; width: 85px;}
	#nav1Product a.stay {background: url(../Images/nav1.png) -85px -156px; width: 85px;}
	#nav1News a.stay {background: url(../Images/nav1.png) -170px -156px; width: 85px;}
	#nav1Knowledge a.stay {background: url(../Images/nav1.png) -255px -156px; width: 85px;}
	#nav1TradesPlace a.stay {background: url(../Images/nav1.png) -340px -156px; width: 85px;}
	#nav1Contact a.stay {background: url(../Images/nav1.png) -425px -156px; width: 85px;}

	#selectLanguage {
			position: absolute;
			top: 0;
			right: 0;
			width: 195px;
			height: 29px;
			background: url(../Images/languageBg.jpg) 0 0 no-repeat;
	}
	#search {
			position: absolute;
			top: 40px;
			right: 0;
			width: 195px;
			height: 65px;
	}
		#bgSearch {
				width: 195px;
				height: 65px;
				background: url(../Images/bgSearch.png) 0 0 no-repeat;
				z-index: 200;
		}
		#txtSearch {
				position: absolute;
				top: 15px;
				left: 17px;
				z-index: 300;
		}
		#txtSearch input {
				width: 140px;
				height: 16px;
				padding: 2px 0 2px 5px;
				border: 0;
				color: #666666;
				background: #f2f2f2;
		}
		#btnSearchSubmit {
				position: absolute;
				top: 13px;
				left: 166px;
				z-index: 300;
		}
		.btnSearchSubmit1 input {
				border: 0;
				width: 23px;
				height: 23px;
				background: url(../Images/btnSearchSubmit.png) 0 0 no-repeat;
		}
		.btnSearchSubmit2 input {
				cursor: pointer;
				border: 0;
				width: 23px;
				height: 23px;
				background: url(../Images/btnSearchSubmit.png) 0 0 no-repeat;
		}		
/* header 樣式設定結束
-------------------------------------------------------------------*/
/* container 樣式設定開始
-------------------------------------------------------------------*/
#container {
		position: relative;
		width: 100%;
		text-align: left;
}
	#cLeft {
			float: left;
			width: 170px;
			height: 590px;
	}
		#solgan {
				position: absolute;
				top: 50px;
				left: 40px;
		}
		#flashcontent {
				position: absolute;
				top: 330px;
				left: 0;
				z-index: 200;				
		}
		#login {
				position: absolute;
				top: 306px;
				left: 16px;
				width: 95px;
				height: 40px;
				text-align: center;
		}
		#login p {
				padding-top: 3px;
				color: #f2f2f2;
		}
		#login a {
				color: #FBB03B;
		}
		#login a:hover {
				text-decoration: underline;
		}
	#cRight {
			float: right;
			width: 750px;
	}
		#cMainLeft {
				float: left;
				width: 510px;

		}
		#cMainRight {
				float: right;
				width: 240px;
				height: 590px;
				
		}
			#adShop {
					margin-top: 10px;
					margin-left: 45px;
			}
			#adShop a {
					width: 195px;
					height: 100px;
					display: block;
					background: url(../Images/adShop.png) 0 0 no-repeat;
			}
			#adShop a:hover {
					width: 195px;
					height: 100px;
					display: block;
					background: url(../Images/adShop.png) -195px 0 no-repeat;
			}			
			#tradesPlace {
					margin-top: 15px;
					margin-left: 45px;
			}
			#tradesPlace table {
					width: 195px;
			}
			#tradesPlace table th a {
					display: block; 
					overflow: hidden;
					color: #ffffff;
					width: 	195px;
					/*隱藏連結文字start*/
					height: 0 !important;
					height: /**/:50px;
					padding-top: 50px;
					/*隱藏連結文字end*/
					background: url(../Images/bgTradesPlace.png) 0 0 no-repeat;
			}
			#tradesPlace table th a:hover {
					background: url(../Images/bgTradesPlace.png) -195px 0 no-repeat;
			}
			#tradesPlace table td ul {
					color: #f2f2f2;
					list-style-type: disc;
			}
			#tradesPlace table td li {
					margin-left: 18px;
					margin-bottom: 3px;
			}
			#tradesPlace table td li a {
					color: #f2f2f2;
			}
			#contact {
					margin-top: 15px;
					margin-left: 45px;
			}
			#userlink {
					margin-top: 15px;
					margin-left: 45px;
			}
/* container 樣式設定結束
-------------------------------------------------------------------*/	
/* footer 樣式設定開始
-------------------------------------------------------------------*/
#footer {
		position: relative;
		width: 100%	;
		height: 100px;
		clear: both;
		text-align: center;
		padding-bottom: 40px;
}	
	#nav2 {
			margin: 0 auto; /* 設定為自動調整邊界 */
			width: 560px;
	}
	#nav2 ul {
			/*position: absolute;
			top: 20px;
			left: 215px;*/
			margin-top: 20px;
			list-style-type: none;
	}
	#nav2 li {
			float: left;
			color: #f2f2f2;

	}
	#nav2 li a {
			overflow: hidden;
			color: #f2f2f2;
	}	
	/* copyright 樣式設定開始
	-------------------------------------------------------------------*/
	#copyright {
			text-align: center;
	}
	#copyright h6 {
			color: #ffffff;
			font-weight: normal;
	}
	#copyright h6 a {
			color: #ffffff;
	}
	#copyright h6 a:hover {
			color: #94D6F2;
	}
	/* copyright 樣式設定結束
	-------------------------------------------------------------------*/		
/* footer 樣式設定結束
-------------------------------------------------------------------*/
#ctl00_orderList 
{
		width: 750px;
		height: 500px;
		font-size: 125%;
		overflow: auto;
}
.btn-cancel input  {
		cursor: pointer;
		position: absolute;
		font-size: 75%;
		top: 0;
		right: 0;
		padding: 1px;
		color: #fff;
		background: #000;
}
.modalBackground {
		background-color: #000;
		filter:alpha(opacity=90);
		opacity:0.9;
}
.red {
		color: #ff0000;
}
#orderListBg {
		background: #fff;
		padding: 15px;
}
#orderListBg h5 {
		text-align: center;
		color: #0043BA;
		font-size: 125%;
		padding: 5px;
}
#ctl00_lblPrice, #ctl00_lblTotal {
		color: #0043BA;
}
#orderListBg fieldset {
		margin-bottom: 10px;
		padding: 10px;
}
#orderListBg table {
		border: 0;
		text-align: left;
}
#orderListBg label {
		color: #000000;
}
#orderListBg input, #orderListBg textarea {
		border: 1px solid #000000;
}
#rule 
{
		text-align: left;

}
#rule li 
{
		list-style-type: disc;
		margin-left: 30px;
}
#rule h6 
{
		font-size: 14px;
}
#rule p, #rule h6 
{
		padding: 15px 0;
}
#rule h6, #rule p, #rule li, #rule ul.test li 
{
		color: #000000;
}
#lblPrice, #lblTotal 
{
		color: #0043BA;
}
#btn-submit input {
		cursor: pointer;
		padding: 1px 10px;
		background: #0043BA;
		border: 1px solid #0043BA;
		color: #fff;

}