/*------------------------------------------------------------

* Filename: basic.css
* Version: 1.0.0 (2008-05-19) 
* Website: http://www.twinbird.com.tw
* Author: Medialand digi-tech. Inc. 米蘭數位科技 
* Contact: service@mail.medialand.com.tw
* Description: basic element

== STRUCTURE: ==============================
* Page width: 990 px
* Number of columns: 1 or 2
============================================

-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/2 Arial, 新細明體;
	background: url(../IMAGES/bg/bg_body.jpg) no-repeat center top;
	*background: url(../IMAGES/bg/bg_body.jpg) no-repeat center top;
	text-align: center;
	position: relative;
	z-index: 500;
	margin: 0;
	padding: 0;	
}
img {
	border: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
input {
	font-size: 0.9em !important ;
	*font-size: 0.8em !important ;
	margin: 0;
	padding: 0;

}
input:focus {
	background: #e1e1e1;
}
textarea {
	font-size: 1em;
}
textarea:focus {
	background: #e1e1e1;
}
select, option {
	font-size: 0.9em;
	*font-size: 0.8em;
	vertical-align:  text-bottom;

}

/* branding */
h1 a {
	text-indent: -9999px;
	overflow: hidden;
	width: 240px;
	height: 97px;
	display: block;
	background: url(../IMAGES/logo.jpg) no-repeat left top;
}
/* page-title */
h2 {
	font-size: 1em;
	font-weight: normal;
	width: 100%;
	line-height: 20px;
	height: 20px;
	text-indent: -9999px;
}
/* section-title */
h3 {
	text-indent:-9999px;
}
/* product-title */
h4 {
	
}


/* =LINK */
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #d1d1d1;
}
a:active {
	text-decoration: underline;
}


/* =NAVIGATION */

/* main-nav */

.main-visual {
	position: relative;
	z-index: 1000;
}
.main-visual ul {
	position: absolute;
	top: 0;
	z-index: 500;
}
.main-visual ul li {
	float: left;
}

.main-nav {
	position: relative;
	z-index: 1500;
	height: 72px;
}
.main-visual embed {
	position: relative;
	z-index: 1500;
}
.page-visual {
	position: absolute;
	top: 72px;
	z-index: 1000;
	height: 112px;

}

/* sub-nav */
.sub-nav {
	margin: 0 0 10px;
}
.sub-nav li a {
	display: block;
	text-indent: -9999px;
	width: 215px;
	height: 51px;
	overflow: hidden;
}
/* btn: cleaner */
.sub-nav #cleaner a {
	background: url(../IMAGES/button/btn_subnav_cleaner.gif) no-repeat left top;	
}
.sub-nav #cleaner a:hover {
	background-position: left -51px;
}
/* btn: beauty */
.sub-nav #beauty a {
	background: url(../IMAGES/button/btn_subnav_beauty.gif) no-repeat left top;	
}
.sub-nav #beauty a:hover {
	background-position: left -51px;
}
/* btn: kitchen */
.sub-nav #kitchen a {
	background: url(../IMAGES/button/btn_subnav_kitchen.gif) no-repeat left top;	
}
.sub-nav #kitchen a:hover {
	background-position: left -51px;
}
/* btn: kitty */
.sub-nav #kitty a {
	background: url(../IMAGES/button/btn_subnav_kitty.gif) no-repeat left top;	
}
.sub-nav #kitty a:hover {
	background-position: left -51px;
}

/*for test */
.history {
	width: 110px;
	position: fixed;
	left: 50%;
	top: 180px;
	margin: 0px 0 0 390px;
	/* for IE 6 */
	_position: absolute;	 
	_top: expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + 180 :
            document.body.scrollTop +
            (document.body.clientHeight
            -this.clientHeight));
	_right: 0;
	z-index: 2000;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
}