html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	background: #000;
	width: 900px;
	padding: 30px 60px;
	margin: auto;
	line-height: 24px;
	text-align:center;
}
img {
	border: none;
}
ul {
	list-style: none;
	text-align: left;
}
.center {
	text-align: center;
}
.cursorhand {
    cursor:pointer;
}
a {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
a:hover {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7495CB;
	text-decoration: underline;
}
a:active {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.spacer {
	font-size: 0;
	line-height: 0;
	clear: both;
}
/* * Container ** */
#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 0;
}
/* **** Logo **** */
#logo {
	margin: 0;
	text-align: right;
}
#logo h1 {
	color: #FFF;
	font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* ************** */

/* **** Menu **** */
#menu {
	background: url(../images/bg_navmenu.gif) repeat-x;
	width: 100%;
	height: 34px;
	margin: 0 auto;
}
#menu #navmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}
#menu #navmenu li { float: left; }
#menu #navmenu li a { text-indent: -999999px; display: block; height: 34px; }

/*button*//*
#menu #navmenu li#home a { background: url(../images/home.gif); width: 96px; }
#menu #navmenu li#about a { background: url(../images/about.gif); width: 96px; }
#menu #navmenu li#product a { background: url(../images/product.gif); width: 96px; }
#menu #navmenu li#promotion a { background: url(../images/promotion.gif); width: 96px; }
#menu #navmenu li#order a { background: url(../images/order.gif); width: 96px; }
#menu #navmenu li#member a { background: url(../images/member.gif); width: 96px; }
#menu #navmenu li#contact a { background: url(../images/contact.gif); width: 96px; }
*/

#navmenu li #home { background: url(../images/home.gif); width: 96px; }
#navmenu li #about { background: url(../images/about.gif); width: 96px; }
#navmenu li #product { background: url(../images/product.gif); width: 96px; }
#navmenu li #promotion { background: url(../images/promotion.gif); width: 96px; }
#navmenu li #order { background: url(../images/order.gif); width: 96px; }
#navmenu li #member { background: url(../images/member.gif); width: 96px; }
#navmenu li #contact { background: url(../images/contact.gif); width: 96px; }


/*over*//*
#menu #navmenu li#home a:hover { background: url(../images/home.gif) 0 -34px; }
#menu #navmenu li#about a:hover { background: url(../images/about.gif) 0 -34px; }
#menu #navmenu li#product a:hover { background: url(../images/product.gif) 0 -34px; }
#menu #navmenu li#promotion a:hover { background: url(../images/promotion.gif) 0 -34px; }
#menu #navmenu li#order a:hover { background: url(../images/order.gif) 0 -34px; }
#menu #navmenu li#member a:hover { background: url(../images/member.gif) 0 -34px; }
#menu #navmenu li#contact a:hover { background: url(../images/contact.gif) 0 -34px; }
*/

#navmenu li #home:hover { background: url(../images/home.gif) 0 -34px; }
#navmenu li #about:hover { background: url(../images/about.gif) 0 -34px; }
#navmenu li #product:hover { background: url(../images/product.gif) 0 -34px; }
#navmenu li #promotion:hover { background: url(../images/promotion.gif) 0 -34px; }
#navmenu li #order:hover { background: url(../images/order.gif) 0 -34px; }
#navmenu li #member:hover { background: url(../images/member.gif) 0 -34px; }
#navmenu li #contact:hover { background: url(../images/contact.gif) 0 -34px; }


/*on*//*
#menu.home #navmenu li#home a { background: url(../images/home.gif) 0 -34px; }
#menu.about #navmenu li#about a { background: url(../images/about.gif) 0 -34px; }
#menu.product #navmenu li#product a { background: url(../images/product.gif) 0 -34px; }
#menu.promotion #navmenu li#promotion a { background: url(../images/promotion.gif) 0 -34px; }
#menu.order #navmenu li#order a { background: url(../images/order.gif) 0 -34px; }
#menu.member #navmenu li#member a { background: url(../images/member.gif) 0 -34px; }
#menu.contact #navmenu li#contact a { background: url(../images/contact.gif) 0 -34px; }
*/

#navmenu li.home a { background: url(../images/home.gif) 0 -34px; }
#navmenu li.about a  { background: url(../images/about.gif) 0 -34px; }
#navmenu li.product a  { background: url(../images/product.gif) 0 -34px; }
#navmenu li.promotion a  { background: url(../images/promotion.gif) 0 -34px; }
#navmenu li.order a  { background: url(../images/order.gif) 0 -34px; }
#navmenu li.member a  { background: url(../images/member.gif) 0 -34px; }
#navmenu li.contact a  { background: url(../images/contact.gif) 0 -34px; }


/* *** Content ** */
#content {
	background: #000 url(../images/member/bg_mcontent.gif) repeat-x top;
	/*background: #000 url(../images/bg_locktop.gif) no-repeat top;*/
	margin: 0 auto;
	padding: 0;
	clear: both;
}
h3 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #FFF;
	padding: 0 0 10px 0;	
}
#shortcut_home {
	background: url(../images/bg_home_shortcut.gif) repeat-x top;
	margin: 0;
	padding: 15px 52px 200px 52px;
}
#sc1 {
	background: url(../images/home_sc_01.jpg) no-repeat 0 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 52px 0 0;
	float: left;
}
#sc1:hover {
	background: url(../images/home_sc_01.jpg) no-repeat -194px 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 52px 0 0;
	float: left;
}
#sc2 {
	background: url(../images/home_sc_02.jpg) no-repeat 0 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 52px;
	float: left;
}
#sc2:hover {
	background: url(../images/home_sc_02.jpg) no-repeat -194px 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 52px;
	float: left;
}
#sc3 {
	background: url(../images/home_sc_03.jpg) no-repeat 0 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 0 0 52px;
	float: left;
}
#sc3:hover {
	background: url(../images/home_sc_03.jpg) no-repeat -194px 0;
	text-indent: -999999px;
	width: 194px;
	height: 218px;
	display: block;
	margin: 0 0 0 52px;
	float: left;
}
#flash_home {
	text-align: center;
	padding: 0 0 10px 0;
}
#left {
	/*background: url(../images/aboutpage.jpg) no-repeat 0 0;*/
	float:left;
	width: 452px;
	height: 500px;
}
#right {
	float:left;
	background:url(../images/bg_main_right.gif) repeat-x 0 0;
	height:500px;
	width:448px;
}
#right h3{
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #FFF;
	padding: 10px 0;
}
#right p {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #DDD;
	display: block;
	padding: 10px 0;
	text-align: center;
}
#right p span.headline {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;	
	padding: 0 0 5px 0;
}
#right p.block {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #DDD;
	padding: 20px 60px;
	display: block;
	text-align: left;
}
#right p.block2 {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #CCC;
	padding: 15px;
	margin: 0 45px 10px 45px;
	border: solid 1px #CCC;
	background: #111;
	text-align: left;
}
ol.style1 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 24px;
	color: #CCC;	
	margin: 0 65px 10px 65px;
	list-style: decimal;
	text-align: left;
    list-style: outside decimal;
	display:block;
}
.text_remark {
    font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 14px;
	color: #CCC;
	text-align: left;
}
#productgroup {
	position:relative;
	background: url(../images/product/bg_product.gif) repeat-x top;
	height: 520px;
}
#product_title {
	position:absolute;
	background: url(../images/product/product_title1.gif) no-repeat;
	left: 72px;
	top: 20px;
	width: 333px;
	height: 75px;
	display: block;
}
#product_a3 {
	position:absolute;
	background: url(../images/product/product_a3_bg.gif) no-repeat;
	left: 80px;
	top: 141px;
	width: 256px;
	height: 322px;
	display: block;
}
#product_a3_price {
	position:absolute;
	background: url(../images/product/product_a3_price.gif) no-repeat;
	left: 192px;
	top: 362px;
	width:144px;
	height:58px;
}
#product_a4 {
	position:absolute;
	background: url(../images/product/product_a4_bg.gif) no-repeat;
	left: 415px;
	top: 185px;
	width: 194px;
	height: 278px;
	display: block;
}
#product_a4_price {
	position:absolute;
	background: url(../images/product/product_a4_price.gif) no-repeat;
	left: 463px;
	top: 362px;
	width:144px;
	height:58px;
}
#product_a5 {
	position:absolute;
	background: url(../images/product/product_a5_bg.gif) no-repeat;
	left: 701px;
	top: 232px;
	width: 130px;
	height: 231px;
	display: block;
}
#product_a5_price {
	position:absolute;
	background: url(../images/product/product_a5_price.gif) no-repeat;
	left: 687px;
	top: 362px;
	width:144px;
	height:58px;
}
.product_detail a {
	position:absolute;
	background: url(../images/product/product_bt_more.gif) 0 -15px;
	right: 5px;
	top: 61px;
	width:114px;
	height:15px;
}
.product_detail a:hover {
	position:absolute;
	background: url(../images/product/product_bt_more.gif) 0 0;
	right: 5px;
	top: 61px;
	width:114px;
	height:15px;
}
#product_neworder {
	position:absolute;
	left: 620px;
	top: 40px;
	width:206px;
	height: 44px;
}
#product_support{
	position:absolute;
	right: 0px;
	top: 465px;
	width:auto;
	clear: both;
	margin-right: 75px;
}
#product_support li{
    float:left;
	margin: 0 0 0 20px;
	display:block;
}
#product_a3_flower {
	position:absolute;
	background: url(../images/product/product_a3_flower.png) no-repeat;
	left: 80px;
	top: 312px;
	width:92px;
	height: 84px;
}
#product_a4_flower {
	position:absolute;
	background: url(../images/product/product_a4_flower.png) no-repeat;
	left: 390px;
	top: 308px;
	width:89px;
	height: 61px;
}
#product_a5_flower {
	position:absolute;
	background: url(../images/product/product_a5_flower.png) no-repeat;
	left: 680px;
	top: 310px;
	width:50px;
	height: 38px;
}
#product_bt_order a {
	position:absolute;
	background: url(../images/product/bt_order_off.png) no-repeat;
	left: 700px;
	top: 20px;
	width: 122px;
	height: 123px;
	display: block;
	cursor: pointer;
}
#product_bt_order a:hover {
	position:absolute;
	background: url(../images/product/bt_order_on.png) no-repeat;
	left: 700px;
	top: 20px;
	width: 122px;
	height: 123px;
	display: block;
	cursor: pointer;
}

/*
#product_feature {
	position:absolute;
	text-align: left;
	left: 100px;
	top: 430px;
	width:380px;
	height: 115px;
	clear:both;
}
#product_feature_header {
	background: url(../images/product/product_morefeature.gif) no-repeat top;
	width:186px;
	height: 21px;
	text-indent: -999999px;
	padding-bottom: 25px;
	display: block;
}
#product_feature_set1 {
	float:left;
	width:186px;
	display: block;
}
#product_feature_set2 {
	float:left;
	width:174px;
	display: block;
}
#product_feature1 {
	float: left;
	background: url(../images/product/product_feature1.gif) no-repeat top;
	width:186px;
	height: 21px;
	text-indent: -999999px;
	padding-bottom: 2px;
	display: block;
}
#product_feature2 {
	float: left;
	background: url(../images/product/product_feature2.gif) no-repeat top;
	width:186px;
	height: 21px;
	text-indent: -999999px;
	padding-bottom: 2px;
	display: block;
}
#product_feature3 {
	float: left;
	background: url(../images/product/product_feature3.gif) no-repeat top;
	width:186px;
	height: 21px;
	text-indent: -999999px;
	display: block;
}
#product_feature4 {
	float: right;
	background: url(../images/product/product_feature4.gif) no-repeat top;
	width:174px;
	height: 21px;
	text-indent: -999999px;
	padding-bottom: 2px;
	display: block;
}
#product_feature5 {
	float: right;
	background: url(../images/product/product_feature5.gif) no-repeat top;
	width:174px;
	height: 21px;
	text-indent: -999999px;
	padding-bottom: 2px;
	display: block;
}
#product_feature6 {
	float: right;
	background: url(../images/product/product_feature6.gif) no-repeat top;
	width:174px;
	height: 21px;
	text-indent: -999999px;
	display: block;
}
*/

/*
#productgroup h3 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #FFF;
	text-indent: 15px;
	padding: 0 0 10px 0;	
}
#productgroup li {
	float: left;
	display: block;
	line-height: 24px;
	color: #FFF;
	padding: 0 0 5px 10px;
}
#productgroup li .title {
	display: block;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	color: #FFF;
	padding: 0 0 0 10px;
}
*/
#promotion_bt_register a {
	position:absolute;
	background: url(../images/promotion/promotion_bt_register.png) no-repeat 0 0;
	right: 30px;
	top: 30px;
	width: 94px;
	height: 96px;
	display: block;
	cursor: pointer;
}
#promotion_bt_register a:hover {
	position:absolute;
	background: url(../images/promotion/promotion_bt_register.png) no-repeat 0 -96px;
	right: 30px;
	top: 30px;
	width: 94px;
	height: 96px;
	display: block;
	cursor: pointer;
}
#pro01 { 
    background: #000 url(../images/promotion/pro01.png) no-repeat 0 0;
    margin: 170px 65px 25px 65px;
    width: 310px;
    height: 185px;
}
/* **** Text **** */
#footer {
	/*border-top: #CCC 1px solid;*/
	margin: 0 auto;	
	padding: 0;
}
#copyright_home {
	font: 9px Arial, Helvetica, sans-serif; color: #FFF;
	text-decoration: none;
	display: block;
	margin: 10px 0 0 0;
	padding: 0 10px;
	text-align: left;
}
#copyright {
	border-top: #CCC 1px solid;
	font: 9px Arial, Helvetica, sans-serif; color: #FFF;
	text-decoration: none;
	display: block;
	margin: 25px 0 0 0;
	padding: 10px 10px 0 10px;
	text-align: left;	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}