@charset "big5";
body {
	margin: 0;
	padding: 0;
	background-image: url(../images/la-bgall.jpg);
	font-size: 12px;
	BORDER-BOTTOM: medium none;
	font-family: "細明體", "新細明體", "標楷體", Arial, "Times New Roman", Verdana;
	line-height: 20px;
	}
hr {
    border: none;
	background-color: #E4D9C7;
	hight: 1px;
	color:#E5DAC8;
}
h2 {
	font-size: 16px;
	padding: 2px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
	color: #644912;
}
h2 a {
    color: #336666;
}
h3 {
    font-size: 14px;
	margin-top: 5px;
	margin-bottom: 2px;
}
h4 {
	font-size: 13px;
	color: #990000;
}
h5 {
	font-size: 12px;
	color: #009999;
}
h5 a {
   color: #993300;
}
h6 {
	font-size: 12px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 0;
}
h6 a {
	color: #2D7C97;
	text-decoration: none;
}
a {
	color: #E7652E;
	text-decoration: none;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}
form {
    margin: 0;  
}
form p {
    clear: left;  
}
form p label {
    float: left;
	width: 30%
	font: 0.9em;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: -5px;
	margin-bottom: 2px;
	margin-top:0;
	color:#999;
}
.red {
	color: #FF0000;
}

#barall {
	MARGIN: 0px auto;
	POSITION: relative;
	WIDTH: 900px;
	background-image: url(../images/la-bg.jpg);
	border: 1px solid #6CCBD9;
}
#header {
	height: 115px;
	width: 900px;
	background-image: url(../images/tittle_02.jpg);
	background-position: 0px 0px;
}
/*購物車顯示*/
#carbar {
	position: absolute;
	left: 240px;
	top: 56px;
	padding: 2px;
	border:1px solid #ccc;
	background: #fff;




	filter:alpha(opacity:70);
	-moz-opacity:0.7; /* Firefox使用的半透明 */
	zoom:1;
}
/*上方連結開始*/
#navheader1 {
position: absolute;
margin:0;
paddiing: 0;
top: 5px;
left: 610px;
width: 299px;
}

#navheader1 ul {
padding-left: 0;
margin-left: 0;
}

#navheader1 li {
display: inline;
}

#navheader1 li a {
text-decoration:none;
color:#243C57;
}

#navheader1 li a:hover {
	text-decoration:none;
	color:#0099CC;
	position: relative;
	top: 1px;
	right: 1px;
}
/*上方連結結束*/

#count {
	position: absolute;
	margin: 0;
	top: 94px;
	left: 743px;
	width: 169px;
	color: #003366;
}

#slider {
position:absolute;
border-bottom:6px solid #F59F1F;
width:80px;
height:16px;
margin:0 2px 0 2px;
z-index:2;
margin-left : 5px;
}
/*---- Navigation Page Indicators ----*/
body#minislide li#home {
	border-bottom: 5px solid #cccccc;
	color:#999999;
	height:13px;
	width:80px;
	z-index:1;
}
/*----*/

.where {
	background-image:url(../images/tittle-02.jpg);
	hight:28px;
	padding-top: 4px;
	background-repeat: no-repeat;
}
/*左側邊*/
#sidebar {
	float: left;
	color: #A72549;
	text-decoration: none;
	width: 241px;
	background-image: url(../images/left-bg.jpg);
	background-repeat: repeat-y;
	height: 100%;
}
#sidebar .tittle {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #cccccc;
	margin: 0 25px 2px 15px;
	color: #644912;
	font-weight: bold;
	word-spacing: 0.2em;
	font-family: Gautami, Verdana, "細明體", "新細明體";
}

#sidebar .c {
	color: #003366;
	text-decoration: none;
	padding: 3px 25px 3px 25px;
	margin: 0;
}
#sidebar .c ul {
	margin: 0;
	padding: 0;
}
#sidebar .c li {
	padding-top: 5px;
	margin: 0 0 0 15px;
}
#sidebar .c img {
	margin-bottom: 5px;
}
/*商品左側導覽列*/
.pro_view {
    list-style-type: none;
	margin: 5px 15px 5px 12px;
	padding:0;
}
.pro_view li {
    float: left;
	padding: 0;
	margin: 0;
	
}
.pro_view li img {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;	
}
.pro_view br {
	margin: 0;
	padding: 0;
	line-height: 0px;
}
.pro_view li stay img {
opacity: 1; /* 透明度100% FireFox 的寫法 */
filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */
}
.pro_view li a:link img {
opacity: .6; /* 透明度60% FireFox 的寫法 */
filter: Alpha(Opacity=60); /* 透明度60% IE 的寫法 */
}
.pro_view li a:visited img {
opacity: .6;
filter: Alpha(Opacity=60);
}
.pro_view li a:hover img {
opacity: 1; /* 透明度100% FireFox 的寫法 */
filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */
}

/*-menu-left-*/
#navigation {
	width: 180px;
	letter-spacing: 0.2em;
	margin-left: 4ex;
}
#navigation ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
    border-bottom: 1px solid #FBE2AE;
}
#navigation li a:link, #navigation li a:visited {
    width: 155px;
    display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #F59F1F;
	border-right: 1px solid #F59F1F;
	background-color: #F9CD66;
	color: #985F07;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #F59F1F;
	border-left: 1px solid #F9CD66;
	border-right: 12px solid #F9CD66;
	color: #ffffff;
	text-align: right;
}
#navigation ul ul {
	display: none;
    margin-left: 12px;
}
#navigation ul ul li {
    border-bottom: 1px solid #FBE7E6;
	margin: 0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
    width: 143px;
	border-left: 12px solid #ECA9A2;
	border-right: 1px solid #ECA9A2;
    background-color: #F3D3D6;
	color: #B05800;
}
#navigation ul ul a:hover {
    display: block;
    background-color: #ECA9A2;
	border-left: 1px solid #F3D3D6;
	border-right: 12px solid #F3D3D6;
	color: #B05800;
}
/*-menu-left-*/
#sidebar .login01 {
	color: #000000;
	text-decoration: none;
	background-image: url(../images/login-01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 25px;
	padding:10px 20px 0px 30px;
	font-size: 13px;
	font-weight: bold;
}
#sidebar .login02 {
	color: #003366;
	text-decoration: none;
	background-image: url(../images/login-02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 105px;
	padding: 0 30px 0 20px;
	text-align: center;
}
#sidebar .logout {
	background-image: url(../images/login-03.jpg);
	height: 42px;
	padding: 15px 20px 0 15px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0;
}
#sidebar .logout a {
    color: #FF6600;
}
#content {
	float: right;
	color: #666666;
	text-decoration: none;
	width: 655px;
}
#content1 {
	background-image: url(../images/div_bg.jpg);
	background-repeat: repeat-y;
}
#content1 p1 {
    text-indent: 22px;
	margin-top: 0;
	margin-bottom: 0;
}
#content1 .tittle {
	background-image: url(../images/tittle-02.jpg);
	background-repeat: no-repeat;
	height: 34px;
	font-size: 16px;
	font-weight: bold;
	color: #4D4A22;
	font-family: Gautami, Verdana, "新細明體", "細明體";
	padding-top: 28px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 30px;
	background-position: 0px -32px;
}
#content1 .tittle span {
	font-size: 12px;
	margin: 0 5px;
	font-weight: normal;
	color: #FF3300;
}
#content1 .box {
	color: #472B10;
	width: 570px;
	padding: 5px 10px 5px 25px;
	line-height: normal;
}
#content1 .box p {
	line-height: normal;
	margin: 0;
	padding: 0;
}
#content1 .head {
	background-color:#B58D53;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #795C31;
	border-bottom-color: #795C31;
	margin: 2px 0;
	padding: 0;
	text-align: center;
}
#content1 .head strong {
    color:#FEF3CB;
}
#content1 .fe {
	text-align: center;
	background-color: #EEFFBB;
	margin: 0;
	padding: 5px 0;
}
#content1 .center {
    text-align: center;
	margin: 0px 0 10px 0;
}
#content1 .spe {
	width: 93%;
	hight: 7px;
	padding: 0 10px 0 25px;
	background-image:url(../images/line.jpg);
	background-repeat: repeat-x;
}
#content1 .note {
    color:#990066
}
/**/
.cssform p{
clear: both;
margin: 0 0 0 20px;
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
}
.cssform label{
	font-weight: bold;
	float: left;
	margin-left: 0;
	width: 120px;
padding: 5px 0 8px 0;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}
.cssform fieldset {
	border: 4px solid #F3CC56;
	padding: 0 20px 0px 10px;
	margin:0;
}

.cssform legend {
	font-size: 90%;
	color: #307578;
	padding: 4px 8px;
}
/*網站地圖*/
#sitemap {
   list-style-type: none;
   margin: 5px 0 8px 30px;
   padding: 0;
}
#sitemap li {
	float: left;
	width: 95px;
	margin: 2px 0;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
}
html>body #sitemap li {
	float: left;
	width: 130px;
	margin: 2px 0;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
}
#sitemap li ul {
   list-style-type: none;
   margin: 5px 0 5px 15px;
   padding: 0;
}
#sitemap li ul li {
	margin: 0;
	padding: 0 0 2px 10px;
	border-left: 1px solid #ccc;
	font-size: 12px;
	font-weight: normal;
}
#sitemap li ul li a {
	color: #006666;
}
/*會員獨享商品兌換區*/
#commend {
	margin: 5px auto;
	padding:0;
	list-style-type: none;
	width: 580px;
	background: url(../images/commend_bg.jpg) no-repeat -4px 0;
	line-height: normal;
}
#commend li {
    padding: 5px;
	float: left;
	width: 273px;
	margin: 0;
}
#commend h2 {
	font-size: 14px;
	color: #666666;
	letter-spacing: 5px;
	text-align: center;
}
#commend h5 {
	font-size: 12px;
	color: #FF0000;
	margin: 2px;
	padding: 0; 
}
#commend img {
   margin: 0 5px;
   float:left;
   width: 135px;
   height: 135px;
}
#bonus_list {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: normal;
}
#bonus_list li {
	float: left;
	margin: 5px 10px;
	text-align: center;
	line-height: 18px;
	width: 160px;
	height: 240px;
}
#bonus_list li img {
   margin: 0 5px;
   width: 135px;
   height: 135px;
}
#bonus_list li h3, #commend h3{
	margin: 2px 0;
	padding: 0;
	font-size: 14px;
	color: #006699;
}
#bonus_list li h4,#commend h4{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #990000;
	font-weight: normal;
}
#bonus_list li h4 span,#commend h4 span, .sortlist h2 span{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
}
/*---商品分類--*/
.sortlist {
	list-style-type: none;
	margin: 5px 0;
	padding:0;
	border: 1px solid #ffc3b5;
	width: 575px;
	line-height: 16px;
	background: url(../images/sort_bg.gif) repeat-y;
}
.sortlist h2, .exc_top h2 {
	margin: 2px 10px 0 0;
	padding:0;
	border: 0;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
.sortlist h5, .exc_top h5 {
	margin: 0;
	padding:0;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.sortlist h4, .exc_top h4 {
	margin: 0;
	padding:0;
	text-align: left;
}
.sortlist a:hover h4 ,.sortlist a:hover h5, .sortlist a:hover h2 {
	text-decoration: underline;
}
.sortlist li.title {
	margin: 0;
	padding: 2px 12px;
	width: 370px;
	background: #ffc3b5;
	text-align: left;
	color: #ee786b;
	font-weight: bold;
	letter-spacing: 2px;
}
.sortlist li.listmore {
	margin: 0;
	padding: 2px 15px;
	width: 150px;
	background: #ffc3b5;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
}
.sortlist li.hot {
	margin-left: 10px;
	padding: 0;
	text-align: left;
	width: 205px;
	font-size: 12px;
	font-weight: normal;
}
.sortlist li.hot h4 {
	font-size: 15px;
	margin: 2px 0;
}
.sortlist li.hot img, .exc_top img {
    float: left;
	margin: 2px 2px 0 0;
}
.sortlist li {
	float: left;
	margin: 9px 4px;
	text-align: center;
	width: 106px;
}
/*商品頁上方推薦*/
.exc_top {
    list-style-type: none;
	margin: 5px 30px 2px 4px;
	padding: 0;
}
.exc_top li {
	margin: 0 3px;
	padding: 0;
	width: 196px;
	float:left;
}
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #ee786b;border-right:1px solid #ee786b;}
.b1,.b1b{margin:0 5px;background:#ee786b;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{
	background-color: #ee786b;
	padding: 0 5px;
	color: #FFFFFF;
}
.d2 {
	padding: 2px 5px;
	height: 220px;
	background-color: #FFFFFF;
}
.exc_top h2 {
	clear:both;
}
.exc_top h2 span {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
/*---product--*/
#albumlist {
	list-style-type: none;
	margin: 5px auto;
	padding: 0;
	width: 520px;
	line-height: normal;
}
#albumlist li {
	float: left;
	margin: 0 8px 5px 8px;
	width: 150px;
	height: 225px;
	text-align: center;
}
#albumlist img {
	border :1px solid #999999;
}
#albumlist h4 {
	font-size: 13px;
	font-weight: bold;
	color: #990033;
	margin: 2px 0;
	padding: 0;
}
#albumlist h2 {
	color:#666666;
	margin:0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border:0;
	font-weight: normal;
}
#albumlist h2 span {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
#albumlist h5 {
	font-size: 11px;
	color:#7B5835;
	width: 150px;
	margin: 0;
	font-weight: normal;
}
/*商品詳細介紹*/
#photo {
  margin-left: 5px; 
}
#photomin {
    position: absolute;
	top:270px;
	left: 535px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#photomin li {
    margin-bottom: 5px;
}
#photomin img {
    border: 1px solid #ccc;
}
#proContent {
    position: absolute;
	top: 255px;
    left: 590px;
	width: 260px;	
}
#proContent .meat {
	margin: 0 0 10px 10px;
	color: #000000;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.meat h4 {
    margin: 1px 0;
	padding: 0;
}
.buy {
    margin-left:15px;
	margin-top: 5px;
}
.select {
    margin-left: 30px;
	margin-top: 5px;
}
#proContent .mo {
	list-style-type: none;
	margin: 0 10px;
	padding:5px 10px;
	border: 2px solid yellow;
	color: #000000;
}
#proContent .mo span {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 5px;
}
#proContent .mo .no {
	color: #666;
	margin-left:25px;
}
#proContent .mo .no span {
	color: #666;
}
#proContent .hide {
    list-style-type: none;
	margin: 0 0 0 30px;
	padding:5px 10px;
}
#proContent .hide span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 5px;
}
#proContent .s {
	font-size: 16px;
	color: #990000;
}
#porlist {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
    margin: 5px 10px;
	padding: 10px 0;
}
#porlist li {
    list-style: none;
}
#porlist li ul {
	margin: 3px 2px 0 6px;
	padding: 0 6px;
	border-left: 1px dotted #999;
	color: #4E493A;
}

/*商品頁下方特別介紹*/
#account {
	margin: 5px 42px 5px 15px;
	padding:0;
	list-style-type: none;
	line-height: normal;
}
#account p {
    margin: 0;
	padding:0;
}
#account h3 {
	font-size: 16px;
	color: #669900;
	margin: 10px 0 5px 0;
}
#account li {
	margin: 5px 10px 10px 0;
	padding: 0 10px;
	clear: both;
	color: #333333;
}
#account .title {
	background:url(../images/exclusive-s.jpg) no-repeat;
	padding: 1px 20px;
	letter-spacing: 2px;
	color: #654F25;
}
#account li img {
    margin: 5px;
}
#account li ul {
   margin: 2px 0 0 40px;
   padding: 0;
}
#account li ul li {
   margin: 0 2px;
   padding: 0;
}
/*image-big*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: light-yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
margin: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*CSS Pagination Links */
.pagination{
padding: 2px;
clear:both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 13px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #BDA584;
text-decoration: none; 
color: #856954;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #9C6023;
color: #fff;
background-color: #9C6023;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
color: #9C6023;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}
/*首頁上方區塊*/
#eventbar {
	width: 642px;
	margin: 2px auto 8px auto;
	padding: 0;
	background-image: url(../images/div-event_bg.gif);
	background-repeat: repeat-y;
	}
/*首頁下方區塊*/
#navbar{
    width: 642px;
	margin-right: 12px;
}
/*左-專題報導*/
#navbar .side1{
	float:left;
	width: 318px;
	background-image: url(../images/div-forum_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
#navbar .s1{
    margin: 0;
    padding: 6px 15px 0 25px;
}
/*右-討論區*/
#navbar .side2{
    float: right;
	width: 318px;
	background-image: url(../images/div-forum_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
#navbar .s2{
	padding:6px 20px 0 30px;
}
.tr01{
	color: #990033;
	background-color: #f4eded;
	border-top: 1px dashed #E8BFA4;
	border-bottom: 1px dashed #E8BFA4;
}
.tr02{
	color: #FF6600;
	background-color: #FFFFCC;
	border-top: 1px dashed #FFE066;
	border-bottom: 1px dashed #FFE066;
}
/*forum-table-start*/
.forumtable {
	border-top: 1px solid #73c0d4;
	border-left: 1px solid #73c0d4;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #CCDAE3;
}
.forumtable td, .forumtable th {
    border-top: 1px solid #fff; 
	border-left: 1px solid #fff;
	border-bottom: 1px solid #73c0d4; 
	border-right: 1px solid #73c0d4;
	padding: 5px;
}
.forumtable th {
    background: url(../images/table-f01.jpg) repeat-x 0;
	color: #fff;
}
.forumtable h6 {
	color: #666666;
	padding:0;
	margin:0;
	text-align: left;
}
.forumtable .f01 {
    background: #eaf3ec url(../images/table-f02.jpg) repeat-x bottom;
}
.forumtable .f01 a {
    color: #635B34;
}
.forumtable .f02 {
    background: #eaf3ec url(../images/table-f03.jpg) repeat-x bottom;
}
.forumtable .f03 {
    background-color: #eee;
}
.forumtable .f04 {
    background-color: #F5F2DC;
}
/*forum-table-end*/
/*forum-post*/
.ffun fieldset {
    padding: 0 20px;    
}
.ffun legend {
    color: #6D511D;
}
/**/
#footer {
	color: #1D7C8D;
	text-decoration: none;
	CLEAR: both;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 8px;
	WIDTH: 900px;
	LETTER-SPACING: 0.15em;
	
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #E4EEA4;
}
#footer .menu {
    background-color: #78AEBE;
}

.leftimg {
   float: left;
   margin-right: 8px;
   margin-top: 2px;
}
.rightimg {
   float: right;
   margin-left: 8px;
   margin-top: 2px;
}
.clear {
   clear: both;
   margin: 0;
   padding:0;
}
.more a {
	color: #990033;
	float: right;
	font-weight: bold;
	border: 1px solid #D8B77A;
	padding: 0 5px;
	margin-top: -20px;
	background-color: #E4CFA7;
}
.focus {
	color: #9F268D;
	font-size: 13px;
	line-height: 22px;
}
/*會員專區左列表單*/
.club_left {
    list-style-type:none;
	margin: 6px 0 5px 45px;
	padding:0;
}
.club_left li {
   margin: 4px 0;
}
.club_left li.c1 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-club.gif) no-repeat 0 50%;
}
.club_left li.c1 a:hover {
    background: url(../images/icon-club1.gif) no-repeat 0 50%;
}
.club_left li.c2 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-star2.gif) no-repeat 0 50%;
}
.club_left li.c2 a:hover {
    background: url(../images/icon-star1.gif) no-repeat 0 50%;
}
.club_left li.c3 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-bon1.gif) no-repeat 0 50%;
}
.club_left li.c3 a:hover {
    background: url(../images/icon-bon.gif) no-repeat 0 50%;
}
.club_left li.c4 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-car1.gif) no-repeat 0 50%;
}
.club_left li.c4 a:hover {
    background: url(../images/icon-car.gif) no-repeat 0 50%;
}
.club_left li.c5 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-re1.gif) no-repeat 0 50%;
}
.club_left li.c5 a:hover {
    background: url(../images/icon-re.gif) no-repeat 0 50%;
}
.club_left li.c6 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-sea1.gif) no-repeat 0 50%;
}
.club_left li.c6 a:hover {
    background: url(../images/icon-sea.gif) no-repeat 0 50%;
}
.club_left li.c7 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-mail1.gif) no-repeat 0 50%;
}
.club_left li.c7 a:hover {
    background: url(../images/icon-mail.gif) no-repeat 0 50%;
}
.club_left li.c8 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-out1.gif) no-repeat 0 50%;
}
.club_left li.c8 a:hover {
    background: url(../images/icon-out.gif) no-repeat 0 50%;
}
.club_left li.c9 a {
    padding: 2px 0 2px 20px;
    background: url(../images/icon-join1.gif) no-repeat 0 50%;
}
.club_left li.c9 a:hover {
    background: url(../images/icon-join.gif) no-repeat 0 50%;
}
/*會員專區*/
.clublist {
	width: 550px;
	margin: 0 auto;
	border: 3px #FFCC33 solid;
	text-align: center;
	background-color: #F9FFE1;
	padding: 10px 0;
}
.clubul {
	margin: 0 5px;
	padding-left: 5px;
}
.clubul li {
	margin-left: 0;
	padding-left: 0;
}
.clubul strong {
    color: #A88124;
}
.clubside1 {
    float: left;
    width: 49%;	
}
.clubside2 {
    margin-left: 51%; 
}
.clubside1 .head1 {
	background-color:#B58D53;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #795C31;
	border-bottom-color: #795C31;
	margin: 2px 0;
	padding: 0;
	text-align: center;
}
.clubside2 .head1 {
	background-color:#408BA4;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-bottom-color: #006699;
	margin: 2px 0;
	padding: 0;
	text-align: center;
}
.clubside1 .head1 strong, .clubside2 .head1 strong {
    color:#FEF3CB;
}
.clubside1 .fe {
	text-align: center;
	background-color: #F9EAAC;
	margin: 0;
	padding: 5px 0;
}
.clubside2 .fe {
	text-align: center;
	background-color: #EEFFBB;
	margin: 0;
	padding: 5px 0;
}
.clubqa {
	margin: 5px 5px 0 40px;
	list-style-type: none;
	padding:0;
	line-height: 16px;
}
.clubqa li {
	text-indent: -20px;  
	margin: 5px 0;  
}
.clubqa .q{
	color: #003300;
	font-weight: bold;
}
.clubqa .q a{
	color: #666600;
}
.clubqa .q a:hover{
	color: #0581A9;
}
.clubqa .a{
	color: #2C5765;
	margin-bottom: 5px;
}
.clubqa .t ,.clubqa .t a{
	color: #999999;
	font-size: 11px;
	text-align: right;
}
.rit {
	margin-top: -20px;
	color: #666666;
	float: right;
}
/*點數兌換頁面-免費兌換區*/

.hot {/*紅利點數顯示*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.changbar {/*兌換條碼列*/
    float: left;
	width: 495px;
	margin: 5px 0;
}
#bonbar {
	list-style-type: none;
	position: absolute;
	background: url(../images/bonbar.gif) no-repeat;
	width: 151px;
	height: 31px;
	left: 685px;
	top: 195px;
	margin:0;
	padding:0;
}
#bonbar  li {
    float: left;
}
#bonbar  li a {
    display: block;
	width: 75px;
	height: 31px;
}
#bonbar  li#a1 a:hover {
    background: url(../images/bonbar_1.gif) 0 0 no-repeat;
}
#bonbar  li#a2 a:hover {
    background: url(../images/bonbar_1.gif) -75px 0 no-repeat;
}
.fbon {
	list-style-type: none;
	padding: 8px 0 0 10px;
	margin: 5px auto;
	background: url(../images/fbon_bg.gif) no-repeat 0 0;
	height: 210px;
	line-height: normal;
}
.fbon li {
	padding: 0;
	margin: 0 8px;
	width: 150px;
	text-align: center;
	float: left;
}
.fbon h4 {
    margin: 3px 0;
	padding:0;
}
.fbon h5 {
	margin: 2px 0;
	padding:0;
	font-size: 12px;
	font-weight: normal;
}
.fbon h2 {
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border: 0;
}
.fbon h2 span {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}
/*點數兌換table*/
#countmu {
    margin: 5px 0;
	padding: 2px;
	border: 1px solid #999900;
}
#countmu td {
    padding: 2px;
	border-left: 1px solid #DABC61;
	border-bottom: 1px solid #DABC61;
}
#countmu .t1{
	background-color: #7A7A3D;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#countmu .t2{
	background-color: #999742;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#countmu .t3{
	background-color: #E7ECC8;
	text-align: center;
}
#countmu .t4{
	background-color: #FDF9E3;
	text-align: center;
}
/*購物車*/
#car {
    margin: 10px 20px;
	border: 5px #D7BE75 solid;
	padding: 20px;
}
.carlist {
    border: 1px solid #ccc;
}
.carlist td {
    border-bottom: 1px solid #ccc;
}
.carlist .r1 {
    background: #ccc;
	color: #fff;
}
.carlist .r2 {
	color: #CC0000;
	background-color: #F7F1CA;
	text-align: center;
}
.carlist .t3 {
	color: #FFFFFF;
	background-color: #ECB146;
	text-align: center;
}
.carlist .t31 {
	background-color: #FFFFCC;
	border-left: 1px solid #ccc;
}
.carlist span {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
/*購物清單*/
.shoplist {
    border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 8px 0; 
}
.shoplist td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}
.shoplist .t1{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B8945C;
	letter-spacing: 2px;
}
/*忘記密碼框欄*/
.tab {
	background: url(../images/tab_02.jpg) repeat-y;
	width: 704px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #663300;
}
.tab h2 {
	margin: 0 40px;
	color: #567533;
}
.tab p {
    margin: 4px 0;
}
/*升級VIP*/
#vipup {
    margin: 5px 50px 0 10px;
	background: url(../images/vip_bg.jpg) repeat-y;
}
* html #vipup {
	display: block;
	height: 450px;
}
#vipup .vipbar-l {
	float: left;
	width: 280px;
	margin: 5px 0 0 10px;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #A39A7A;
}
#vipup .vipbar-l ul {
    margin: 10px 0;
	padding:0;
}
#vipup .vipbar-l ul ol {
	margin: 0 5px 0 25px;
	padding:0;
	color: #003333;
}
#vipup .vipbar-l ul li {
    margin: 2px;
	padding:0;
}
#vipup .vipbar-r {
    float: right;
	width: 240px;
	margin: 5px 15px 0 0;
}
#vipup .vipbar-r p {
	margin: 5px;
}
#vipup .vipbar-r span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FF0000;
}
#vipup .vipbar-r b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}