@charset "big5";

body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-align:center;margin:0px;padding:0px; background: #000000 url(../images/bodybg.jpg) repeat;line-height:23px}
body,html {height: 100%;
line-height:23px;} 
ul{list-style:none;}
hr{display:none;}
td{font-size:12px; color:#ffffff; line-height:130%;}
#container {
	font-size:12px; color:#666666; 
	line-height:1.4em;margin: 0px auto;
	text-align:left;padding: 0px;
	width: 800px;
	background: #ffffff;
	position: relative;
}
a{color:#FFFFFF; text-decoration:none;}
a:visited{color:#FFFFFF; text-decoration:none;}
a:active{color:#FFFFFF; text-decoration:none;}
a:hover{color:#cccccc; text-decoration:underline;}

.leftTd {
	background: #000 url(../images/leftbg.jpg);
	width: 13px;
	}
.rightTd {
	background: #000 url(../images/rightbg.jpg);
	width: 13px;
	}

/* mainmenu */
#txmenu {	width:100%; float:left;  z-index: 1; position:absolute ; top: 0px; left: 0px;}
#mainmenu { width:787px; height:85px; position:relative;top: -60px; margin:0 auto; }
#mainmenu a {
	overflow: hidden;
	}
#mainmenu  ul.userinfo{ width:787; height:33px; background-color:#D3D3D4; margin:0px; padding:0px; color:#ffffff;}
#mainmenu  ul.userinfo li{float:right;  margin:5px 10px; padding:0px;}

#mainmenu  ul.userinfo li.login{width:72px; height:18px; background:url("../images/bt_login.gif") no-repeat;}
#mainmenu  ul.userinfo li.login a{width:72px; height:18px; background:url("../images/bt_login.gif") no-repeat; display:block; text-indent:-9999px;float:right;}

#mainmenu  ul.userinfo li.logout{width:72px; height:18px; background:url("../images/bt_logout.gif") no-repeat;}
#mainmenu  ul.userinfo li.logout a{width:72px; height:18px; background:url("../images/bt_logout.gif") no-repeat; display:block; text-indent:-9999px;float:right;}

#mainmenu  ul.menu{ width:787px; height:32px; background-color:#cccccc; margin:0px; padding:0px;background:url("../images/bk_menu01.gif") no-repeat;}
ul.menu li.home{position:absolute;top:20px;left:30px;float:center;}
ul.menu li.home a{width:50px; height:20px;background:url("../images/bt_mhome.gif");text-indent:-9999px; display:block;background-position:0 0;float:left;}
ul.menu li.home a:hover{background-position:0 -3px;}

ul.menu li.news{position:absolute;top:20px;left:150px;float:center;}
ul.menu li.news a{width:50px; height:20px;background:url("../images/bt_mnews.gif");text-indent:-9999px; display:block;background-position:0 0;float:left;}
ul.menu li.news a:hover{background-position:0 -3px;}

ul.menu li.shop{position:absolute;top:20px;left:280px;float:center;}
ul.menu li.shop a{width:50px; height:20px;background:url("../images/bt_mshop.gif");text-indent:-9999px; display:block;background-position:0 0;float:left;}
ul.menu li.shop a:hover{background-position:0 -3px;}

ul.menu li.outlet{position:absolute;top:20px;left:415px;float:center;}
ul.menu li.outlet a{width:50px; height:20px;background:url("../images/bt_moutlet.gif");text-indent:-9999px; display:block;background-position:0 0;float:left;}
ul.menu li.outlet a:hover{background-position:0 -3px;}

ul.menu li.eshop{position:absolute;top:20px;left:543px;float:center;}
ul.menu li.eshop a{width:52px; height:20px;background:url("../images/bt_meshop.gif");text-indent:-9999px; display:block; background-position:0 0; float:left;}
ul.menu li.eshop a:hover{background-position:0 -3px;}

ul.menu li.membership{position:absolute;top:20px;left:670px; float:center;}
ul.menu li.membership a{width:91px; height:20px;background:url("../images/bt_mmembership.gif");text-indent:-9999px; display:block;background-position:0 0;float:left;}
ul.menu li.membership a:hover{background-position:0 -3px;}


#mainmenu  ul.openclose{ width:787; height:20px; margin:0px; padding:0px;}
#mainmenu  ul.openclose li{ width:111px; height:20px; margin-right:10px;background:url("../images/bt_menu.gif");/*position:absolute;top:1px;left:0px;*/ float:right;}
#mainmenu  ul.openclose li a{ width:111px; height:20px;background:url("../images/bt_menu.gif");text-indent:-9999px;display:block; float:right;}

/*view*/
#titlename {font-family: Arial, Helvetica, sans-serif; font-size: 20px;color:#D6D6D6; font-weight: bold;
line-height:35px;}
#titlemod {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#898989; font-weight: bold;
line-height:25px;}
#titleprod {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#ADADAD; font-weight: bold;
line-height:25px;}
#titleprodss {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#8D8D8D; font-weight: bold;
line-height:20px;}

/*Member*/
.MemberBox {
	text-align: left;
	color: #FFFFFF;
	}
.MemberBoxLeft {
	padding: 6px 10px 0 0;
	width: 200px;
	text-align: right;
	}
.MemberRed {
	padding: 0 6px;
	color: #F00;
	}
.MemberBox input, .MemberBox textarea, .MemberBox select {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, "·s²Ó©úÅé";
	font-size: 12px;
	}
	
.BtnMember {
	background: url(../images/btn_bg.jpg) no-repeat 0 0;
	width: 80px;
	height: 26px;
	font-size: 16px;
	font-weight: bold;
	border: 0;
	cursor: pointer;
	}
.Input150 {
	width: 150px;
	background: #0A0A16;
	}
.Input200 {
	width: 200px;
	background: #0A0A16;
	}
.Input400 {
	width: 400px;
	background: #0A0A16;
	}
.Select80 {
	width: 80px;
	background: #0A0A16;
	}
.Select205 {
	width: 204px !important;
	_width: 206px;
	background: #0A0A16;
	}
.textarea400 {
	width: 400px;
	height: 150px;
	background: #0A0A16;
	}
.date{
	width: 70px;
	background: #0A0A16;
}