/* @override http://stclareshop.skyfly.com.tw/_www/stclare.css */

body{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(_www/images/bg.jpg) repeat-x;
	padding: 0;
	margin: 0;
}

a img{
	border: none;
}



.clear{
	font-size: 0;
	width: 0;
	height: 0;
	clear: both;
}

.text_input{
	border: 1px solid #ccc;
	height: 18px;
	width: 120px;
}

.text_input_long{
	border: 1px solid #ccc;
	height: 18px;
	width: 160px;
}

.data_input{
	border: 1px solid #ccc;
	height: 18px;
	width: 200px;
}

.data_input_long{
	border: 1px solid #ccc;
	height: 18px;
	width: 300px;
}

.textarea{
	width: 400px;
	height: 100px;
	border: 1px solid #ccc;
}

#container{
	width: 910px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: auto;
	background: #fff;
	font-size: 12px;
}

/* @group header */

#header{
	height: 140px;
	position: relative;
	z-index: 10;
}

#logo{
	width: 209px;
	height: 140px;
	border-right: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: 0;
}

#menu{
	width: 700px;
	height: 140px;
	background: url(_www/images/menu_bg.jpg) repeat-x;
	position: absolute;
	top: 0;
	left: 210px;
}

#global_menu{
	position: absolute;
	font-size: 9px;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 10px;
	right: 0;
}

#global_menu li{
	float: left;
	padding: 0 10px;
	background: url(_www/images/global_menu_bullet.gif) 3px no-repeat;
}

#global_menu li a{
	color: #333;
	text-decoration: none;
}

#main_menu{
	list-style: none;
	height: 32px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 40px;
}

#main_menu li{
	float: left;
	height: 32px;
	width: 100px;
	text-align: center;
}

#main_menu li a{
	display: block;
}

#member_area_button{
	position: absolute;
	top: 15px;
	right: 60px;
	z-index: 11;
}

#sub_menu_container{
	width: 700px;
	height: 25px;
	background: url(_www/images/sub_menu_bg.jpg) repeat-x;
	position: absolute;
	top: 75px;
	z-index: 10;
}

#sub_menu{
	position: absolute;
	left: 0;
	top: -45px;
	list-style: none;
	margin: 0;
	padding: 55px 5px 5px 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	display: none;
}

#sub_menu li{
	padding: 3px 5px;
	display: none;
}

#sub_menu li a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 0 5px 5px 5px;
}

.menu_ad{
	position:absolute;
	top:0;
	height:30px;
	width: 70px;
	border: 0;
}

#sub_menu li a:hover{
	color: #000;
}

#login_bar{
	position: absolute;
	top: 110px;
	right: 0;
}

#login_bar .username{
	float: left;
}

#login_bar .password{
	float: left;
}

#login_bar span{
	padding: 0 0 0 10px;
	color: #333;
}

#login_bar input{
	vertical-align: middle;
}

#login_bar ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#login_bar ul li{
	float: left;
	padding: 3px 5px 0 15px;
	background: url(_www/images/global_menu_bullet.gif) 8px 9px no-repeat;
}

#login_bar ul li a{
	color: #333;
	text-decoration: none;
}

#login_bar ul li a:hover{
	color: #000;
	text-decoration: underline;
}

/* @end */

/* @group body */

#body{
	padding-bottom: 40px;
}

#category_container{
	height: 220px;
	position: relative;
	overflow:auto;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #A8DFFD;
	scrollbar-darkshadow-color: #A8DFFD;
	scrollbar-highlight-color: #ededed;
	scrollbar-3dlight-color: #A8DFFD ;
	scrollbar-track-color: #ededed;
	scrollbar-arrow-color: #A8DFFD;
}

#side_bar{
	padding-top: 30px;
	width: 210px;
	float: left;
	position: relative;
}

#categories{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 30px;
	background: #fff;
	position: absolute;
	top: 0;
	height: 240px;
}

#categories li{
	height: 25px;
	padding: 5px 0 0 20px;
	background: url(_www/images/product_category_bg.jpg) 0 9px no-repeat;
}

#categories .all_categories_button{
	position: absolute;
	top: 285px;
	left: 140px;
	font-size: 11px;
	text-decoration: none;
	color: #6494d3;
}

#output{
	position: absolute;
	top: 285px;
	left: 140px;
	font-size: 11px;
	text-decoration: none;
	color: #6494d3;
}

#side_bar ul li a{
	color: #6494d3;
	text-decoration: none;
}

#side_bar ul li a:hover{
	color: #005bd3;
}

#activities_block{
	float: left;
	width: 700px;
	height: 300px;
	position: relative;
}

#activities_images{
	width: 645px;
	height: 240px;
	position: absolute;
	top: 40px;
	left: 30px;
}

#activities_block .title{
	position: absolute;
	top: 10px;
	left: 40px;
}

#activities_block ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 18px;
	right: 35px;
}

#activities_block ul li{
	float: left;
	margin-right: 1px;
}

#activities_block ul li a{
	display: block;
	width: 57px;
	height: 17px;
	background: url(_www/images/activity_label_out.jpg);
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: center;
}

#activities_block ul li .activeSlide{
	background: url(_www/images/activity_label_over.jpg);
}

#activities_block .content{
	position: absolute;
	top: 60px;
	left: 50px;
	width: 610px;
}

#activities_block .activity_image{
	width: 180px;
	height: 190px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 25px;
}

#activities_block .article_title{
	float: left;
	height: 20px;
	width: 380px;
	background: url(_www/images/activity_article_bullet.jpg) no-repeat;
	padding: 1px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}

#activities_block .article_slogan{
	color: #333;
	float: left;
	width: 380px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 5px 0;
}

#activities_block .article_content{
	color: #666;
	float: left;
	width: 380px;
	font-size: 11px;
}

#activities_block .article_content p{
	margin: 5px 0;
	padding: 0;
	line-height: 18px;
}


#adding_discount_bar{
	color: #fff;
	background: url(images/newpage_img/line10.gif) repeat-x;
	height: 25px;
	border-bottom:#999, dashed, 1px;
	text-align: center;
	font-weight: bold;
	font-size:14px;
}


/* @group hot products */

#hot_products{
	padding: 15px 10px 10px 30px;
	width: 415px;
	float: left;
	height: 290px;
	overflow: hidden;
}

#hot_products .products_container{
	height: 260px;
	padding: 10px 0 0 10px;
	overflow: hidden;
}

#hot_products .product{
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #cdcdcd;
}

#hot_products .title{
	background-image: url(_www/images/title_hot_products_bg.jpg);
	background-repeat: no-repeat;
	width:410px;
	height:28px;
	text-align: left;
	font-size: 15px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#hot_products .title .index_title{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
	width: 200px;
	float:left;
}

#hot_products .title .more{
	float:right;
	margin: 10px 10px 0px 0px;
}

/* @end */

/* @group members only */

#members_only{
	padding: 15px 20px 5px 15px;
	width: 415px;
	float: left;
	height: 120px;
}

#members_only .article{
	margin-top: 10px;
	margin-bottom: 5px;
	height: 90px;
}

.title_image{
	margin-bottom: 20px;
}

#members_only .image{
	float: left;
	width: 122px;
	height: 75px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 10px;
}

#members_only .title{
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
}

#members_only .title a{
	color: #0068b7;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
}

#members_only .content{
	float: left;
	width: 230px;
	height: 58px;
	overflow: hidden;
}

#members_only .content a{
	color: #666;
	text-decoration: none;
}

#members_only .buttons{
	
}

#members_only .buttons .related_news{
	float: left;
}

#members_only .title01{
	background-image: url(_www/images/title_members_only_bg.jpg);
	background-repeat: no-repeat;
	width:410px;
	height:28px;
	text-align: left;
	font-size: 15px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#members_only .title01 .index_title{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
	width: 200px;
	float:left;
}

#members_only .title01 .more{
	float:right;
	margin: 10px 10px 0px 0px;
}

/* @end */

/* @group beauty only */

#beauty_only{
	padding: 0 20px 10px 15px;
	width: 415px;
	float: left;
	height: 170px;
}

#beauty_only .article{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 90px;
}

.title_image{
	margin-bottom: 20px;
}

#beauty_only .image{
	float: left;
	width: 122px;
	height: 122px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 10px;
}

#beauty_only .title{
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
}

#beauty_only .title a{
	color: #0068b7;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
}

#beauty_only .content{
	float: left;
	width: 230px;
	height: 58px;
	overflow: hidden;
}

#beauty_only .content a{
	color: #666;
	text-decoration: none;
}

#beauty_only .buttons .related_news{
	float: left;
}

#beauty_only .title01{
	background-image: url(_www/images/title_beauty_only_bg.jpg);
	background-repeat: no-repeat;
	width:410px;
	height:28px;
	text-align: left;
	font-size: 15px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#beauty_only .title01 .index_title{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
	width: 200px;
	float:left;
}

#beauty_only .title01 .more{
	float:right;
	margin: 10px 10px 0px 0px;
}

/* @end */

/* @end */

/* @group latest article */

#latest_article{
	padding: 0 10px 0 30px;
	width: 415px;
	float: left;
	overflow: hidden;
}

.list{
	width: 380px;
	line-height: 16px;
	margin: auto;
}

.list th{
	float: left;
	padding: 0 0 0 7px;
	background: url(_www/images/global_menu_bullet.gif) 0 no-repeat;
	text-align: left;
	width: 290px;
	height: 20px;
	overflow: hidden;
}

.list th a{
	color: #666;
	text-decoration: none;
}

.list th a:hover{
	color: #333;
	text-decoration: underline;
}

.list td{
	text-align: right;
	font-size: 11px;
	color: #666;
}

#latest_article .title{
	background-image: url(_www/images/title_latest_aricle_bg.jpg);
	background-repeat: no-repeat;
	width:410px;
	height:28px;
	text-align: left;
	font-size: 15px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#latest_article .title .index_title{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
	width: 200px;
	float:left;
}

#latest_article .title .more{
	float:right;
	margin: 10px 10px 0px 0px;
}

/* @end */

/* @group latest reply */

#latest_reply{
	padding: 0 20px 0 15px;
	width: 415px;
	float: left;
}

#latest_reply .title{
	background-image: url(_www/images/title_latest_reply_bg.jpg);
	background-repeat: no-repeat;
	width:410px;
	height:28px;
	text-align: left;
	font-size: 15px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#latest_reply .title .index_title{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
	width: 200px;
	float:left;
}

#latest_reply .title .more{
	float:right;
	margin: 10px 10px 0px 0px;
}

/* @end */

/* @end */

/* @group footer */

#footer{
	height: 150px;
	background: url(_www/images/footer_bg.jpg);
	position: relative;
}

#footer_logo{
	position: absolute;
	top: 75px;
	left: 10px;
}

#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 10px;
	left: 2px;
}

#footer ul li{
	float: left;
	padding: 0 30px;
	border-right: 1px solid #ccc;
}

#footer ul li a{
	color: #666;
	text-decoration: none;
}

#footer ul li a:hover{
	color: #333;
	text-decoration: underline;
}

address{
	position: absolute;
	top: 55px;
	left: 250px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #999;
	text-align: center;
	line-height: 16px;
}

#footer #ssl{
	position: absolute;
	top: 55px;
	right: 30px;
	left: 700px;
}

/* @end */

/* @group extra */

#extra{
	float: left;
	padding: 50px;
}

#extra img{
	margin-bottom: 10px;
}

#extra .left_col{
	float: left;
	padding: 20px 0;
	width: 280px;
	height: 200px;
	border-right: 1px solid #eee;
}

#extra .right_col{
	float: left;
	padding: 20px 0;
	width: 280px;
}

#extra .extra_table th{
	width: 70px;
	text-align: right;
	padding: 0 5px 0 0;
	color: #333;
}

#extra .extra_table .button{
	display: block;
	width: 49px;
	height: 17px;
	background: url(_www/images/button.jpg) no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	float: left;
	margin-right: 5px;
}

#extra .extra_table a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

/* @end */

/* @group activities */

#activities_list{
	padding: 10px 10px 10px 40px;
	float: left;
}

#activities_list .activity{
	border-bottom: 1px solid #eee;
	padding: 10px 0 5px 0;
}

#activities_list .activity .image{
	float: left;
	margin-right: 10px;
	width: 64px;
	height: 64px;
	border: 1px solid #ccc;
	padding: 3px;
}

#activities_list .activity .brief{
	float: left;
	font-size: 15px;
	width: 420px;
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(_www/images/global_menu_bullet.gif) 10px 10px no-repeat;
}

#activities_list .activity .brief a{
	color: #333;
	text-decoration: none;
}

#activities_list .activity .brief a:hover{
	color: #000;
	text-decoration: underline;
}

#activities_list .activity .date{
	float: left;
	text-align: right;
	width: 120px;
	line-height: 24px;
	color: #666;
}

#activities_inner{
	padding: 20px;
	float: left;
}

#activities_inner .title{
	font-size: 16px;
	padding: 1px 0 0 18px;
	background: url(_www/images/activity_article_bullet.jpg) 6px 4px no-repeat;
	width: 600px;
	line-height: 24px;
}

#activities_inner .main_image{
	padding: 20px 0;
	text-align: center;
}

#activities_inner .content{
	width: 650px;
	line-height: 18px;
	color: #333;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 0 0 30px 0;
}

#activities_inner .content .back_button{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* @end */

/* @group products */

#products{
	padding: 20px;
	float: left;
	position: relative;
	width: 650px;
}

#products .product_list img{
	border: 1px solid #ddd;
}

#products .product{
	float: left;
	text-align: center;
	width: 150px;
	height: 220px;
	border-bottom: 1px dotted #eee;
	margin-bottom: 10px;
	padding: 0 5px;
}

#products .product .name{
	line-height: 16px;
	padding: 0 5px;
	margin-bottom: 5px;
	height: 32px;
	color: #333;
	overflow: hidden;
}

#products .product .name a{
	color: #333;
	text-decoration: none;
}

#products .product .name a:hover{
	color: #333;
	text-decoration: underline;
}

#products .product .price{
	color: #6796c4;
}

#product_inner{
	padding: 20px;
	float: left;
	width: 660px;
	position: relative;
}

#products_category{
	position: absolute;
	top: 28px;
	left: 200px;
}

#products_category a{
	color: #666;
	text-decoration: none;
}

#products_category a:hover{
	color: #000;
}

#products_category img{
	padding: 0 5px;
	position: relative;
	top: -2px;
}

#product_inner .title{
	font-size: 16px;
	padding: 1px 0 0 18px;
	background: url(_www/images/activity_article_bullet.jpg) 6px no-repeat;
	height: 20px;
}

#product_inner .main_image{
	margin: 10px 20px 10px 0;
	float: left;
}

#product_inner .main_image img{
	border: 1px solid #ccc;
	padding: 5px;
}

#product_inner .product_info{
	float: left;
	color: #666;
	width: 300px;
	padding: 10px 0 0 0;
}

#product_inner .product_info .name{
	font-size: 18px;
	color: #333;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	margin-bottom: 10px;
	font-weight: bold;
}

#product_inner .product_info .name em{
	font-style: normal;
	color: #005ab1;
}

#product_inner .product_info .brief{
	padding: 0 0 0 18px;
	margin: 0 0 10px 0;
	color: #333;
	line-height: 20px;
}

#product_inner .product_info .product_name span,
#product_inner .product_info .quantity span,
#product_inner .product_info .product_id span{
	color: #333;
	height: 20px;
}

#product_inner .product_info .product_name,
#product_inner .product_info .quantity,
#product_inner .product_info .product_id{
	height: 20px;
}

#product_inner .product_info .original_price{
	color: #ccc;
	text-decoration: line-through;
}

#product_inner .product_info .special_price{
	color: #a2469b;
}

#product_inner .product_info .special_price span{
	font-size: 24px;
	font-weight: bold;
	color: #a2469b;
}

#product_inner .function_buttons{
	padding: 5px 0;
}

#product_inner .function_buttons a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#product_inner .content{
	color: #666;
	line-height: 18px;
	margin-bottom: 30px;
}

#product_inner .content p{
	margin: 10px 0;
	padding: 0;
}

#product_inner .related_products{
	overflow:hidden;
	margin-right: 5px;
}

.related_products span{
	
}

#product_inner .related_products .font04{
	color: #6796c4;

}

#product_inner .related_products .font05 a{
	color: #333;
	text-decoration:none;
}

#product_inner .related_products img{
	border: 1px solid #ddd;
	margin: 0 5px 5px 0;
}

/* @end */

/* @group pager */

#pager{
	text-align: center;
	padding: 10px 0;
	width: 650px;
}

#pager a{
	text-decoration: none;
	color: #666;
}

#pager a:hover{
	text-decoration: underline;
	color: blue;
}

#pager .previous{
	padding: 0 20px 0 10px;
	background: url(_www/images/previous_arrow.jpg) 0 no-repeat;
}

#pager .next{
	padding: 0 10px 0 20px;
	background: url(_www/images/next_arrow.jpg) 100% no-repeat;
}

#pager .current{
	color: #ff0049;
	font-weight: bold;
	text-decoration: underline;
}


/* @end */


/* @group article */

#article_inner{
	padding: 20px;
	float: left;
	width: 650px;
	position: relative;
}

#article_inner .title{
	font-size: 16px;
	padding: 1px 0 0 18px;
	background: url(_www/images/activity_article_bullet.jpg) 6px no-repeat;
	height: 20px;
	margin-bottom: 10px;
}

#article_inner .main_image{
	margin: 10px 20px 10px 0;
	float: left;
}

#article_inner .main_image img{
	border: 1px solid #ccc;
	padding: 5px;
}

#article_inner .poster{
	width: 490px;
	line-height: 50px;
	color: #333;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	float:left;
}

#article_inner .poster span{
	color:#06F;
	font-weight:bold;
}

#article_inner .content{
	width: 650px;
	line-height: 20px;
	color: #333;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}

#article_inner .content .back_button{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#user_image{
	border: 1px solid #ccc;
	position: absolute;
	top: 100px;
	right: 20px;
	padding: 3px;
}

#user_image img{
	float: left;
}

/* @end */

/* @group qa */

#qa{
	padding: 20px;
	float: left;
	width: 650px;
}

#qa .main_image{
	margin: 0 20px 10px 0;
	float: left;
}

#qa .main_image img{
	border: 1px solid #ccc;
	padding: 5px;
}

#qa .title{
	font-size: 16px;
	padding: 1px 0 0 18px;
	background: url(_www/images/activity_article_bullet.jpg) 6px no-repeat;
	height: 20px;
	float: left;
	font-weight: bold;
}

#main_qa .date{
	float: left;
	width: 430px;
	text-align: right;
	line-height: 20px;
	color: #666;
}

#qa .content{
	width: 430px;
	line-height: 18px;
	color: #333;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 10px 0 30px 0;
	float: left;
}

#qa .content .back_button{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#qa_list{
	
}

#qa_list .qa{
	border-bottom: 1px solid #eee;
	padding: 10px 0 5px 0;
}

#qa_list .image{
	border: 1px solid #ccc;
	width: 64px;
	height: 64px;
	padding: 3px;
	float: left;
	margin-right: 10px;
}

#qa_list .brief{
	float: left;
	width: 430px;
	font-size: 15px;
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(_www/images/global_menu_bullet.gif) 10px 10px no-repeat;
}

#qa_list .brief a{
	color: #333;
	text-decoration: none;
}

#qa_list .brief a:hover{
	color: #000;
	text-decoration: underline;
}

#qa_list .date{
	float: left;
	color: #666;
	text-align: right;
	width: 110px;
	line-height: 24px;
}

/* @end */

/* @group post */

/* @end */

/* @group products */

#gifts{
	padding: 20px;
	float: left;
	width: 660px;
}

#gifts .gift{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#gifts .title{
	font-size: 16px;
	padding: 1px 0 0 18px;
	background: url(_www/images/activity_article_bullet.jpg) 6px no-repeat;
	height: 20px;
}

#gifts .image{
	margin: 10px 20px 10px 0;
	float: left;
}

#gifts .image img{
	border: 1px solid #ccc;
	padding: 5px;
}

#gifts .product_info{
	float: left;
	color: #666;
	width: 450px;
	padding: 10px 0 0 0;
	position: relative;
}

#gifts .product_info .name{
	font-size: 18px;
	color: #333;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	margin-bottom: 10px;
	font-weight: bold;
}

#gifts .product_info .name em{
	font-style: normal;
	color: #005ab1;
}

#gifts .product_info .product_name span,
#gifts .product_info .quantity span{
	color: #333;
	height: 20px;
}

#gifts .product_info .product_name,
#gifts .product_info .quantity{
	height: 20px;
}

#gifts .product_info .original_price{
	color: #ccc;
	text-decoration: line-through;
}

#gifts .product_info .special_price{
	color: #a2469b;
	margin-bottom: 5px;
}

#gifts .product_info .special_price span{
	font-size: 24px;
	font-weight: bold;
	color: #a2469b;
}

#gifts .product_info .exchange{
	width: 55px;
	height: 20px;
	position: absolute;
	top: 95px;
	left: 140px;
	background: url(_www/images/button.jpg);
	padding: 3px 0 0 0;
	text-align: center;
}

#gifts .product_info .exchange a{
	color: #fff;
	text-decoration: none;
}

#gifts .product_info .exchange a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#gifts .product_info .brief{
	line-height: 18px;
}

/* @end */

/* @group registration */

#basic_data{
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}

#basic_data th{
	width: 80px;
	background: #f3f3f3;
	text-align: right;
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
	color: #333;
}

#basic_data td{
	width: 400px;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
}

#basic_data td select{
	margin: 0 5px 0 0;
}

#confirm_data{
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}

#confirm_data th{
	width: 100px;
	background: #f3f3f3;
	text-align: right;
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
	color: #333;
}

#confirm_data td{
	width: 520px;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
}

#confirm_data td select{
	margin: 0 5px 0 0;
}

#success_button{
	padding: 0 0 0 15px;
}

/* @end */

/* @group list */

#list{
	word-wrap:break-word;
}

#list .list_title{
	float: left;
	width: 500px;
	height: 15px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
	background: url(_www/images/global_menu_bullet.gif) 0 14px no-repeat;
	line-height: 20px;
}

#list .list_title a{
	color: #333;
	text-decoration: none;
}

#list .list_title a:hover{
	color: #000;
	text-decoration: underline;
}

#list .list_title .new{
	font-weight: bold;
}

#list .date{
	float: left;
	width: 110px;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
	text-align: right;
	color: #666;
}

#list .delete{
	float: left;
	width: 110px;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
	text-align: right;
}

#list .delete a{
	color: #666;
	text-decoration: none;
}

#list .delete a:hover{
	color: #333;
}

#list .content{
	float: left;
	padding: 0 0 0 10px;
	width: 630px;
	display: none;
}

#list .content p{
	margin: 10px 0;
	line-height: 20px;
}

#tabs{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	height: 22px;
}

#tabs li{
	float: left;
	width: 81px;
	text-align: center;
}

#tabs li a{
	background: url(_www/images/tab_unselected.jpg) no-repeat;
	display: block;
	width: 80px;
	height: 19px;
	padding: 3px 0 0 0;
	color: #fff;
	text-decoration: none;
}

#tabs li .current{
	background: url(_www/images/tab.jpg) no-repeat;
}

/* @end */

/* @group list */

#exchanges .exchange{
	border-bottom: 1px solid #eee;
}

#exchanges .list_title{
	float: left;
	width: 420px;
	padding: 5px 10px;
	background: url(_www/images/global_menu_bullet.gif) 0 no-repeat;
}

#exchanges .list_title a{
	color: #333;
	text-decoration: none;
}

#exchanges .list_title a:hover{
	color: #000;
	text-decoration: underline;
}

#exchanges .list_title .new{
	font-weight: bold;
}

#exchanges .point{
	width: 50px;
	float: left;
	color: #666;
	padding: 5px 10px;
}

#exchanges .date{
	float: left;
	width: 120px;
	padding: 5px 10px;
	text-align: right;
	color: #666;
}

/* @end */

/* @group articles */

#articles{
	padding: 20px;
	float: left;
	width: 650px;
}

#articles #total{
	padding: 20px 0 20px 10px;
	color: #666;
	background: url(_www/images/global_menu_bullet.gif) 3px no-repeat;
}

#articles #total span{
	color: #000;
}

#articles .article{
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

#articles .article_title{
	height: 20px;
	padding: 4px 0 2px 10px;
	font-size: 15px;
	background: #f2faff url(_www/images/sub_menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #eee;
}

#articles .article_title a{
	color: #333;
	text-decoration: none;
}

#articles .article_title a:hover{
	color: #000;
}

#articles .article_content{
	padding: 10px;
	color: #666;
	line-height: 18px;
}

#articles .article_content a{
	color: #333;
	text-decoration: none;
}

#articles .article_content a:hover{
	color: blue;
}

#articles .article_info{
	padding: 5px 10px;
	color: #666;
	font-size: 11px;
	text-align: right;
}

/* @end */

/* @group forum */

#forum{
	padding: 20px;
	float: left;
	position: relative;
}

#forums_category{
	position: absolute;
	top: 28px;
	left: 160px;
}

#forums_category a{
	color: #666;
	text-decoration: none;
}

#forums_category a:hover{
	color: #000;
}

#forums_category img{
	padding: 0 5px;
	position: relative;
	top: -2px;
}

#forum .functions{
	position: absolute;
	top: 27px;
	right: 30px;
}

#forum .functions a{
	color: #666;
	text-decoration: none;
}

#forum .functions a:hover{
	color: #333;
}

#forum .functions .new_topic{
	padding: 0 10px 0 20px;
	background: url(_www/images/pen.gif) 0 no-repeat;
}

.forum_list_table{
	border-collapse: collapse;
	margin-bottom: 20px;
	color: #333;
	border: 2px solid #ccc;
}

.forum_list_table em{
	font-style: normal;
	color: #000;
}

.forum_list_table thead th{
	background: #f2faff url(_www/images/sub_menu_bg.jpg) repeat-x;
	height: 24px;
	color: #333;
}

.forum_list_table td{
	padding: 5px 10px;
}

.forum_list_table tbody td,
.forum_list_table tbody th{
	border-bottom: 1px solid #eee;
}

.forum_list_table .leaf{
	width: 30px;
}

.forum_list_table .recommend{
	background: url(_www/images/bullet.jpg) 10px 12px no-repeat;
}

.forum_list_table .topic{
	width: 280px;
}

.forum_list_table tbody .topic{
	text-align: left;
}

.forum_list_table a{
	color: #333;
	text-decoration: none;
}

.forum_list_table a:hover{
	color: #000;
	text-decoration: underline;
}

.forum_list_table .reply{
	width: 30px;
	text-align: center;
}

.forum_list_table .author{
	width: 120px;
}

.forum_list_table tbody .author{
	color: #999;
	font-size: 11px;
}

.forum_list_table .last_update{
	width: 120px;
}

.forum_list_table tbody .last_update{
	color: #999;
	font-size: 11px;
}

#forum_inner{
	padding: 20px;
	float: left;
	position: relative;
}

#forum_inner .functions{
	position: absolute;
	top: 27px;
	right: 30px;
}

#forum_inner .functions a{
	color: #666;
	text-decoration: none;
}

#forum_inner .functions a:hover{
	color: #333;
}

#forum_inner .functions .new_topic{
	padding: 0 10px 0 20px;
	background: url(_www/images/pen.gif) 0 no-repeat;
}

#forum_inner .functions .reply_topic{
	padding: 6px 0 5px 20px;
	background: url(_www/images/reply.gif) 0 no-repeat;
}

#forum_post{
	display: none;
}

#post_table{
	margin-bottom: 20px;
}

#post_table .title_input{
	width: 590px;
	height: 22px;
	border: 1px solid #ccc;
	padding: 0;
}

#post_table .post_content{
	width: 630px;
	height: 100px;
	border: 1px solid #ccc;
}

#post_table .submit{
	background: url(_www/images/check.gif) no-repeat;
	padding: 0 0 5px 20px;
	color: #333;
	text-decoration: none;
}

.msg_post{
	display: none;
}

.msg_table{
	padding: 10px 0;
}

.msg_table .title_input{
	width: 470px;
	height: 22px;
	border: 1px solid #ccc;
	padding: 0;
}

.msg_table .post_content{
	width: 510px;
	height: 100px;
	border: 1px solid #ccc;
}

.msg_table .submit{
	background: url(_www/images/check.gif) no-repeat;
	padding: 0 0 5px 20px;
	color: #333;
	text-decoration: none;
}
#forum_inner .title{
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	height: 30px;
	padding: 5px 0 0 0;
	color: #000;
}

#forum_inner .author_image{
	float: left;
	margin-right: 10px;
	background: #fff;
	width: 96px;
	height: 96px;
	padding: 3px;
	border: 1px solid #ccc;
}

#forum_inner .info{
	color: #666;
}

#forum_inner .info a{
	color: #333;
	text-decoration: none;
}

#forum_inner .info a:hover{
	color: #000;
}

#forum_inner .content{
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	width: 540px;
	padding: 0 0 20px 0;
	float: left;
	color: #333;
}

#forum_inner .reply{
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	width: 540px;
	color: #333;
	padding: 0 0 50px 0;
	float: left;
}

#forum_inner .reply .info{
	margin-bottom: 10px;
}

#forum_inner .reply_content{
	float: left;
	width: 530px;
}



/* @end */

/* @group coupon */

#coupons{
	color: #666;
	line-height: 18px;
}

#coupons .coupon{
	height: 120px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

#coupons .coupon_image{
	float: left;
	margin-right: 10px;
	border: 1px solid #eee;
	padding: 3px;
}

#coupons .coupon_image img{
	float: left;
}

#coupons .coupon_info{
	margin-right: 10px;
	padding: 0 10px 0 0;
	float: left;
	width: 200px;
	height: 100px;
	border-right: 1px dotted #eee;
}

#coupons .name{
	font-size: 16px;
	margin-bottom: 5px;
	color: #333;
}

#coupons .discount_items{
	float: left;
}

.ctt{
	padding-left:20px;
	float:left;
}

/* @group buyer */

.buyer_table{
	border-collapse: collapse;
	margin-bottom: 40px;
	width: 616px;
	margin-left: 10px;
}

.buyer_table em{
	color: red;
	font-weight: normal;
	font-style: normal;
}

.buyer_table .em{
	color: #e1151f;
	padding: 3px 0 0 0;
}

.buyer_table th{
	font-weight: normal;
	padding: 5px 5px 0 20px;
	height: 20px;
	text-align: left;
}

.buyer_table tbody th{
	width: 80px;
}

.buyer_table td{
	padding: 10px 0 7px 0 ;
	width: 540px;
}

.buyer_table .step_title{
	padding: 10px 0;
}

.buyer_table .button{
	text-align: center;
}

.buyer_table .button a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

/* @group shopping cart */

#shopping_cart{
	width:616px;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 30px;
}

#shopping_cart thead th{
	color: #fff;
	background: url(images/newpage_img/line10.gif) repeat-x;
	height: 31px;
	border-bottom:#999, dashed, 1px;
}

#shopping_cart tbody td{
	text-align: center;
	color: #333;
	padding: 5px 0;
}

#shopping_cart thead .serial{
	width: 30px;
	background: url(images/newpage_img/line10.gif) repeat-x;
	padding-left: 10px;
}

#shopping_cart .thumbnail{
	width: 100px;
	text-align: center;
}

#shopping_cart thead .name{
	text-align: left;
}

#shopping_cart tbody .name{
	height: 30px;
	text-align: left;
	padding-top: 10px;
	vertical-align: bottom;
}

#shopping_cart tbody .name em{
	font-style: normal;
	font-weight: bold;
	color: #000;
}

#shopping_cart .name a{
	color: #333;
	text-decoration: none;
}

#shopping_cart .name a:hover{
	color: #333;
	text-decoration: underline;
}

#shopping_cart .discount{
	text-align: left;
}

#shopping_cart .discount .original{
	color: #666;
	text-decoration: line-through;
}

#shopping_cart .discount .special{
	color: #a2469b;
	font-weight: bold;
}

#shopping_cart .quantity{
}

#shopping_cart .price{
	text-align: right;
	padding: 0 30px 0 0;
}

#shopping_cart .button{
	width: 80px;
	padding: 0 10px 0 0;
	text-align: center;
}

#shopping_cart .button a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#shopping_cart thead .cancel{
	background: url(images/newpage_img/line10.gif) repeat-x;
}

#shopping_cart tfoot{
	background: #eee;
	border-bottom: 2px solid #FF8040;
}

#shopping_cart tfoot th{
	background: #eee;
	height: 30px;
	text-align: right;
	color: #333;
	padding: 10px;
}

#shopping_cart tfoot td{
	padding: 5px;
}

#shopping_cart tfoot .total{
	padding: 0 30px 0 0;
}

/* @end */

/*  member_orders  */

.member_order{
	color: #666;
	text-align: center;
	border-collapse: collapse;
	margin: 20px 0;
	border: 2px solid #999;
}

.member_order thead th{
	color: #333;
	padding: 5px 0;
	background: #ffcbec;
	border: 1px solid #ccc;
	font-weight: normal;
}

.member_order tbody td,
.member_order tbody th{
	color: #333;
	border: 1px solid #ccc;
	padding: 5px 0;
}

.member_order .order_serial{
	width: 130px;
}

.member_order .date{
	width: 90px;
}

.member_order .total_price{
	width: 60px;
}

.member_order .order_status{
	width: 70px;
}

.member_order .payment_type{
	width: 90px;
}

.member_order .payment_status{
	width: 50px;
}

.member_order .invoice{
	width: 90px;
}

.member_order .others{
	width: 60px;
}

.member_order .detail{
	text-align: left;
}

.member_order .detail td{
	height: 40px;
}

.member_order .label{
	font-weight: bold;
	padding: 0 0 0 10px;
}

/* @end */


.chick_write{
	font-size: 12px;
	color:#C00;
}