@charset "utf-8";
body {
	background: url("nothing.txt") repeat fixed 0 0;
	height:100%;
	margin:0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	color: #666;
	background-color: #a5c8e5;
}
a {
	text-decoration: none;
	color: #666;
}
.c {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.d {
	color: #C60;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.main {
	width: 950px;
	margin: auto;
	background-image: url(images/line.jpg);
	background-repeat: repeat-y;
	background-position: 215px 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #140792;
	border-left-color: #140792;
	background-color: #FFF;
	padding-bottom: 20px;
	overflow: hidden;
}
.right {
	float: left;
	width: 715px;
	padding-right: 10px;
	padding-left: 10px;
}
.topmenu {
	background-color: #140793;
	height: 45px;
}
.price_red {
	color: #F00;
}
.there {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: auto;
	background-color: #FFF;
	width: 700px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}


.left {
	float: left;
	width: 215px;
}
.l_top {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.l_photo {
	padding: 7px;
}
.open {
	padding-top: 30px;
	padding-left: 15px;
	color: #FFF;
}
.lbanner {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.floor {
	background-color: #140792;
	margin: auto;
	width: 952px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}
.floor span {
	margin-right: 10px;
	margin-left: 10px;
}
.floor a {
	color: #FFF;
}


.ad {
	height: 330px;
	width: 318px;
	float: left;
}
.r_top {
	float: left;
	margin-left: 10px;
}
.mini2 {
	border: 1px solid #C60;
}
.mini1 {
	border: 1px solid #FFF;
}

.news {
	float: left;
	margin-left: 10px;
	width: 386px;
}
.menu {
	padding: 0;
	clear: both;
}
.menu li {
	display: inline;
	text-align: center;
}
.menu li a {
	float:left;
	text-decoration: none;
	color: #06F;
	background-image: none;
	height: 19px;
	width: 80px;
	padding-left: 5px;
	padding-top: 3px;
}
.menu li.active a {
	background-image: url(images/tab_bg.jpg);
	height: 19px;
	width: 80px;
	padding-top: 3px;
	padding-left: 5px;
}
.content {
	float: left;
	clear: both;
	width: 386px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.b_menu {
	padding: 0;
	clear: both;
	margin-top: -1px;
}
.b_menu li {
	display: inline;
}
.b_menu li a {
	float:left;
	text-decoration: none;
	background-image: none;
	height: 19px;
	width: 60px;
	margin-left: 35px;
	padding: 3px;
}
.b_menu li.active a {
	height: 19px;
	width: 60px;
	background-color: #FFF;
	margin-left: 35px;
}
.b_content {
	float: left;
	clear: both;
	width: 386px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.r_main {
	margin-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
.pro {
	border: 1px solid #CCC;
}
.pro_about {

}
.pro_text {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

h2 {
	display: inline;
	color: #03F;
	font-size: 15px;
}
h3 {
	display: inline;
	font-size: 15px;
	color: #06F;
	font-weight: bold;
}


.news_list {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.news_title {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.data {
	float: right;
	color: #999;
}
.in_pro {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.proname {
	padding-top: 5px;
	text-align: center;
}
.cart_title {
	color: #FFF;
	font-weight: bold;
}

#abgne_fade_pic {
	position: relative;
	width: 330px;
	height: 318px;
}
#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
}
#abgne_fade_pic .control {
	position: absolute;
	right: 20px;
	bottom: 0px;
}
#abgne_fade_pic .control a {
	padding:0px 5px 0px 5px;
	background:#000;
	border:#CCC 1px solid;
	color:#FFF;
	margin-right:5px;
}
#abgne_fade_pic .control a.on {
	color:red;
	background:#FFF;
}
/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
#slides .slides_container {
	width:950px;
	background-color: #FFF;
	height: 210px;
}
/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
#slides .slides_container div {
	width:950px;
	display:block;
}

/* 
			Example only
		*/
.pagination {
	position:absolute;
	margin-top:-30px;
	margin-left:780px;
	z-index:99999;
}
.pagination li {
	display: inline;
	list-style-type: none;
	float: left;
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px 0px 5px;
	background:#000;
	border:#CCC 1px solid;
	color:#FFF;
}
.pagination .current a {
	color:red;
	background:#FFF;
}
.cart{
	background: none repeat scroll 0 0 #000;
	bottom: 0;
	color: #FFF;
	margin-left: -475px;
	position: fixed;
	text-align: center;
	width: 950px;
	z-index: 4;
	left: 50%;
}
#cart_content{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	}
/*--------------------------------------------------------------page--*/
#page{
	float:left;
	width:100%;
	padding:5px 0;
	text-align:center;
	font-size:13px;
}
#page a {
	padding:2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none; 
	color:#979797;
}
#page a:hover, page a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border: 1px solid #999999;
	color:#000000;
}
.current {
	/*padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999999;
	font-weight:bold;
	font-size:13px;
	background-color: #cccccc;
	color: #999999;*/
}
.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	font-size:13px;
	border: 1px solid #cccccc;
	color: #ccc;
}
/*---------------------------------------*/
.as {
	margin-left:10px
}

.as ul {
	margin: 0px;
	padding: 0px;
}

.as ul li {
	width: 195px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
.as ul li img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 5px;
}
.next {
	position: absolute;
	margin-left: 830px;
	z-index: 99999;
	margin-top: -10px;
		cursor:pointer;

}
.prev {
	position: absolute;
	z-index: 99999;
	margin-top: -10px;
	margin-left: -10px;
	cursor:pointer;
	
}
/*TIP*/
/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
	width:60px;
	position:relative;
	z-index:9999999999;
	float: left;
	display: block;
		}
		/* this is the parent menu */
		#nav li a {
	display:block;
	text-decoration:none;
	color:#fff;
	color:#666;
		}
		#nav li a:hover {
	color:#F90;
		}

		/* you can make a different style for default selected value */
		#nav a.selected {
	color:#666;
		}
		/* submenu, it's hidden by default */
		#nav ul {
	position:absolute;
	display:none;
	padding:0;
	list-style:none;
	background-color: #FFF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: -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: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	right: 0px;
		}
		#nav ul li  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width: 250px;
		}
		#nav ul a:hover {
			text-decoration:underline;	
		}
#nav table tr td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}