﻿body,form,input {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.Cs1 { BACKGROUND-COLOR: yellow }
.Cs2 { BACKGROUND-COLOR: white }

#member {margin-top:15px;}
#member li {
    float:right;
	padding:0px 8px;
	background-image: url(img/dotline_member.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
	color:#666666;
}
#member li input{
	font-size: 12px;
	width:50px;
}
#member img {vertical-align:middle;}

#menu {margin:3px 0px 0px 0px}
#menu li {margin:0px;padding:0px 0px 5px 0px;float:right;margin-left:1px;}

/*NAV區塊*/
#nav {
	list-style:none;
	text-align: center;
/*	border-top: 1px solid #725674;
	border-bottom: 1px solid #725674;
*/
	margin-top:5px;
	height:20px;
}
#nav span a 
{
	font-size: 10px;
	padding:0px 12px;
	text-decoration: none;
	color: #725674;
	border-left: 1px solid #725674;
}
#nav span a:hover {color: #000000;font-size: 10px;color: #000000;}


/*左選單*/
#sidemenu {
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style: none;
}

#sidemenu li {margin-bottom:1px;}
#sidemenu a {
    width: 100%;
	text-align:center;
	display: block;
	padding:12px 0px;
	background-color: #f0eef1;
	color: #595674;
	text-decoration: none;
}
#sidemenu a:hover {background-color: #e3dde3;color: #FFFFFF;}

/*左選單 pink*/
#sidemenu_pink {
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style: none;
}

#sidemenu_pink li {margin-bottom:1px;}
#sidemenu_pink a {
    width: 100%;
	text-align:center;
	display: block;
	padding:12px 0px;
	background-color: #fbeffa;
	color: #8e758b;
	text-decoration: none;
}

#sidemenu_pink a:hover {background-color: #f2cbde;color: #FFFFFF;}


/** end */

#sidemenu_r {
	margin: 0px;
	padding: 0px;
	width: 187px;
	list-style: none;
}
#sidemenu_r li {margin-bottom:1px;}
#sidemenu_r a {
    width: 100%;
	text-align:center;
	display: block;
	padding:12px 0px;
	background-color: #f0eef1;
	color: #595674;
	text-decoration: none;
}
#sidemenu_r a:hover {background-color: #e3dde3;color: #FFFFFF;}

#submenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu li {border-bottom:1px solid #E5E5E5}
#submenu a {
	font-size:10px;
	text-align:center;
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	padding:6px 0px;
}
#submenu a:hover {color: #000000;background-color: #F5F5F5;}


/*左選單* pink */
#talkmenu {
	margin: 0px;
	padding: 0px;
	width: 120px;
	list-style: none;
}

#talkmenu li {margin-bottom:1px;}
#talkmenu a {
    width: 100%;
	text-align:center;
	display: block;
	padding:12px 0px;
	background-color: #f0eef1;
	color: #595674;
	text-decoration: none;
}
#talkmenu a:hover {background-color: #e3dde3;color: #FFFFFF;}


#submenu_pink {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu_pink li {border-bottom:1px solid #E5E5E5}
#submenu_pink a {
	font-size:10px;
	text-align:center;
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	padding:6px 0px;
}
#submenu_pink a:hover {color: #000000;background-color: #ffccca;}
/* end */


.submenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.submenu li {border-bottom:1px solid #E5E5E5}
.submenu a {
	font-size:10px;
	text-align:center;
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	padding:6px 0px;
}
.submenu a:hover {color: #000000;background-color: #F5F5F5;}

.product div {
	border:1px solid #e3e3e3;
	float: right;
}
.product div A img {
	border:5px solid #F5F5F5;
}

.product div A:hover img {
	border:5px solid #FF8040;
}

/*右區塊*/
#sidebar {
	float: right;
}
#sidebar .banner {
	border:1px solid #D7D7D7;
	margin-bottom:3px
}
#sidebar .banner a img {
	border:5px solid #FFFFFF;
}

#sidebar .banner a:hover{
	border-top:5px solid #cccccc;
}

/*右區塊*/
.sidebar 
{
	border:1px solid #D7D7D7;
	margin-bottom:3px
}
.sidebar a img {
	border:3px solid #FFFFFF;
}

.sidebar a:hover{
	border:2px solid #ff8040;
}


/*主內容*/
#content {
	float: right;
	width: 388px;
	margin-right: 5px;
}
.mainlist{
	width: 194px;
	width:49%;
	float:left;
	margin:6px 0px;
	padding:10px 0px 30px 0px;
	font-size:x-small;
}
.mainlist ul,.mainlist2 ul{
	float:left;
}
.icon{
	float:left;
}

.mainlist2{
	width: 194px;
	width:49%;
	float:left;
	margin:6px 0px;
	padding:10px 0px 30px 0px;
	font-size:x-small;
	color:#CC0000;
	background-image: url(img/dotline.gif);
	background-repeat: repeat-y;
	background-position: -1px top;
}

.mainlist ul{
	list-style:none;
	margin:0px 5px;
	padding:0px;
}
.mainlist ul li,.mainlist2 ul li{
	margin:0px;
	padding:0px 0px 5px 0px;
}
.mainlist ul li a,.mainlist2 ul li a{
	color:#9f989a;
	text-decoration: none;
}
.mainlist ul li a:hover,.mainlist2 ul li a:hover{
	color:#CC0000;
}


.contentbottom{
	background-image: url(img/dotline.gif);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	clear:both;
	list-style:none;
	margin:10px 5px 0px 5px;
	padding:10px 0px;
	color:#737373;
}
.contentbottom .pic {
	float:left;
	border:1px solid #e3e3e3;
	margin-right:5px
}
.contentbottom .pic img {
	border:7px solid #FFFFFF;
}

/*版權*/
#footer {
	clear:both;
	text-align: center;
	padding: 5px 0px 20px 0px;
	border-top: 1px solid #cdccd5;
	color: #666666;
	margin-top: 12px;
}

.noline {border: none;}
.spacer{
	clear:both;
}
.ro{display:none}