@charset "utf-8";
/* CSS Document */



body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
/*index_css------------------------------*/

#index_body {
	border: 1px solid #CCCCCC;
	padding-bottom: 66px;
	background-color: #000000;
	font-size: 11px;
	margin: 22px 22px 0px 22px;
	height: 100%;
}
.indexs_link {
	line-height: 44px;
	color: #999999;
	text-decoration: none;
}
.indexs_link a {
	color: #999999;
}
/*------------------------------*/
 
#content_body {
	width: 980px;
	padding: 0px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-color: #000000;
}
#content {
	background-color: #FFFFFF;
	padding: 90px 0px 0px 0px;
	width: 980px;
}
#Layer1 {
	position:absolute;
	left:auto;
	top:0px;
	right: auto;
	bottom: 0px;
	background-color: #000000;
}
/* head_css------------------------------*/

#head {
	background: url(../images/p.png) no-repeat top;
	height: 120px;
	z-index: 1;
	position: absolute;
	width: 980px;
}
#head_left {
	width: 534px;
	height: 100px;
	float: left;
}
#head_logo {
	float: right;
}
#head_link {
	width: 350px;
	height: 20px;
	padding: 82px 0px 0px 88px;
	color: #CCCCCC;
}
#head_link ul {
	margin: 0px;
	padding: 0px;
}
#head_link li {
	float: left;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#head_link a {
	float: left;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
#head_link a:link, a:visited {
	color: #999999;
	font-weight: bold;
	text-decoration:none;
}
#head_link a:hover, a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}
#head_link2 {
	float: right;
	text-align: right;
	color:#999999;
	padding: 8px 20px 0px 0px;
	font-size: 11px;
	text-decoration:none;
}
#head_link2 a {
	color:#999999;
	text-decoration:none;
	font-weight: normal;
}
#head_link2 a:link, a:visited {
	color:#999999;
	text-decoration:none;
}
#head_link2 a:hover, a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#head_link3 {
	width: 400px;
	float: right;
	font-size: 11px;
	padding: 60px 20px 0px 0px;
	margin: 0px;
}
#head_link3 a {text-decoration: none; color:#999999;}
#head_link3 a:link {text-decoration: none; color:#999999;}
#head_link3 a:hover {text-decoration: underline; color:#FFFFFF;}
#head_link3 a:active {text-decoration: none; color:#FFFFFF;}
#head_link3 .head_img_open a, a:link, a:visited, a:active, a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#head_link_login a {
	color:#999999;
	padding: 0px;
	text-decoration:none;
	font-weight: normal;
}
#head_link_login a:link {
	color:#999999;
	text-decoration:none;
}
#head_link_login {
	color:#ffffff;
	text-decoration:none;
	background-image: url(../images/img_menu_in.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#head_link_l_div {
	position:absolute;
	top:82px;
	left:648px;
	width: 190px;
}
#head_link_hello {
	position:absolute;
	top:65px;
	left:660px;
	width: 300px;
	text-align:right;
	color:#FFFFFF;
}
#head_link_login_l {
	color:#FFFFFF;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	cursor:pointer;
	padding-left:1px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-decoration: none;
}
.head_img {
	background-repeat: no-repeat;
	background-image: url(../images/img_menu_li.gif);
}
.head_img_open {
	background-repeat: no-repeat;
	background-image: url(../images/img_menu_in.gif);
	color: #FFFFFF;
	text-decoration: none;
}
.head_img_open a, a:link, a:visited, a:active, a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.head_menu_font {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left:11px;
	font-weight: normal;
}
#head_link_login_r {
	position:absolute;
	top:82px;
	left:881px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	cursor:pointer;
	padding-left:1px;
	width: 90px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-decoration: none;
}
/*------------------------------*/

#login {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 12px 10px;
	background-color: #FFFFFF;
}
#login_l {
	width: 175px;
	border-right: 1px solid #CCCCCC;
	float: left;
	padding-top: 13px;
	padding-bottom: 20px;
}
#login_r {
	float: right;
	width: 150px;
	padding-left: 15px;
	padding-top: 36px;
}
.email_inputs {
	height: 17px;
	width: 155px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.submit {
	padding-right: 10px;
	text-align: right;
}
/*------------------------------*/

#sevendays_images {
	padding: 0px 0px 10px 0px;
	background-color: #FFFFFF;
}
#sevendays_list {
	width: 980px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	height: 125px;
}
#sevendays_list ul {
	margin: 0px;
	padding: 0px;
}
#sevendays_list li {
	float: left;
	height: 125px;
	width: 320px;
}
/*left_menu------------------------------*/

#main_head {
	height: 8px;
	padding: 27px 0px 11px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin: 0px 11px 0px 11px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
}
#breadcrumb {
	float: left;
	width: 500px;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
#breadcrumb a {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}
#main {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#main_menu {
	width: 170px;
	float: left;
	margin: 0px 0px 50px 10px;
	padding: 15px 0px 0px 0px;
}
#main_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#main_menu li {
	text-decoration: none;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}
#main_menu li a {
	text-decoration: none;
	line-height: 18px;
}
#main_menu ul ul li a, a:link, a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#main_menu ul ul li a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#main_menu ul ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
#main_menu ul ul {
	list-style: none;
	padding: 4px 0px 16px 10px;
	margin: 0px;
}
#main_menu ul ul li {
	margin: 0px;
	padding: 0px;
}
.menu_cat_aelect a, a:link, a:visited, a:active, a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
/*right_menu------------------------------*/

#main_list {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
}
#main_list ul {
	padding:0px;
	margin: 0px;
}
#main_list li {
	width: 168px;
	float: left;
	height: 240px;
	margin: 0px 0px 45px;
	padding: 0px 0px 0px 22px;
}
#main_txt {
	width: 700px;
	margin: 0px;
	font-size: 12px;
	padding: 0px;
}
/* content------------------------------*/

#primary {
	width: 380px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	margin-bottom: 170px;
}

#information {
	float: right;
	width: 340px;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
}

.primary_img_1 {
	margin: 0px;
	width: 380px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #d9d9d9;
	text-align: center;
}
#primary_img_2 {
	margin: 0px;
	padding: 0px;
}
#primary_img_2 li {
	width: 125px;
	float: left;
	text-align: center;
	padding: 10px 0px 50px 0px;
}
#primary_img_3 {
	margin: 0px;
	padding: 0px;
}
#primary_img_3 li {
	width: 90px;
	float: left;
	text-align: center;
	margin-right: 18px;
}
#Sizing_information {
	color: #000000;
	vertical-align: middle;
	line-height: 50px;
}
.color {
	height: 20px;
	width: 90px;
	margin-right: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.size {
	height: 20px;
	width: 70px;
	margin-right: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.quty {
	height: 20px;
	width: 70px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
/*footer------------------------------*/


#footer {
	text-align: left;
	width: 910px;
	height: 147px;
	padding: 20px 35px 0px 32px;
	background-color: #000000;
}
#footer_link {
	color: #999999;
	text-decoration: none;
	width: 600px;
	float: left;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#footer_link a, a:link, a:visited {
	color: #999999;
	text-decoration:none;
	font-weight: normal;
}

#footer_link a:hover, a:active {
	color: #ffffff;
	text-decoration:none;
	font-weight: normal;
}
#copyright {
	width: 150px;
	color: #999999;
	text-align: right;
	float: right;
	font-size: 11px;
}
/*------------------------------*/

.list_font {
	font-weight: bold;
}
.main_menu {
	font-weight: bold;
	font-size: 16px;
}
.list_font2 {
	color:#929292;
	font-size:10px;
	text-decoration: none;
}
.list_font3 {
	color:#929292;
	font-size:11px;
	text-decoration: none;
}
.page_link, .page_link a, .page_link a:link, .page_link a:visited, .page_link a:hover, .page_link a:active {
	color: #000000;
	text-decoration: none;
}
.article_title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.article_no {
	font-size: 10px;
	color: #999999;
}
.article_txt {
	color: #000000;
	text-decoration: none;
}
.li_a {
	background-image: url(../images/ruler.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style:none;
	padding-left: 15px;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	font-weight: normal;
 }
.li_a a {text-decoration: none;font-weight: normal;}
.li_a a:link {text-decoration: none;font-weight: normal;}
.li_a a:visited {text-decoration: none;font-weight: normal;}
.li_a a:hover {text-decoration: underline;font-weight: normal;}
.li_a a:active {text-decoration: none;font-weight: normal;}
.li_b {
	background-image: url(../images/img_li2.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style:none;
	padding-left: 15px;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	font-weight: normal;
 }
.li_b a {text-decoration: none;font-weight: normal;}
.li_b a:link {text-decoration: none;font-weight: normal;}
.li_b a:visited {text-decoration: none;font-weight: normal;}
.li_b a:hover {text-decoration: underline;font-weight: normal;}
.li_b a:active {text-decoration: none;font-weight: normal;}
.li_b_down {
	background-image: url(../images/img_li2_down.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style:none;
	padding-left: 15px;
	line-height: 20px;
	height: 20px;
}
.li_b_down table {
	background-color:#ebebeb;
}
/*------------------------------*/

ul li {
	list-style-type:none;
	border:none;
}
img {
	border:none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	list-style-type:none;
}
h4 {
	border:none;
	margin: 0px;
	padding: 0px;
}
.txt_wite_bold {
	font-weight: bold;
	color: #FFFFFF;
}
.mail a, a:link, a:visited, a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}
.a1 {
	list-style-image: inside url(../images/img_menu_li.gif);
}
.txt2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}
.login_txtbg {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.login btn {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
.TB_overlayBG {
	margin-top:6px;
	background-color:#FFFFFF;
	padding:10px;
	display:none;
	width:314px;
	position: absolute;
	top: 100px;
	right: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
}
.TB_shopcar {
	margin-top:6px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	display:none;
	width:334px;
	position: absolute;
	top: 100px;
	right: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
}
.TB_overlayBG2 {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#prod_not_exist {
	padding:10px;
	padding-top:80;
	height:400px;
	text-align:center;
	vertical-align:middle;
}
.pla {
	border:1px;
	border-style:solid;
	border-color:#CCCCCC;
}
.pla_ov {
	border:1px;
	border-style:solid;
	border-color:#666666;
}
a.logOut, a.logOut:hover, a.logOut:active, a.logOut:visited {
	color:#999;
	font-family:Tahoma;
	font-weight:normal;
	text-decoration:none;
	margin-right:12px;
}
#mem_update {
	padding-left:160px;
}
.input_title_head {
	background-color:#CCCCCC;
}
.input_title {
	float:left;
	width:180px;
	font-weight:bold;
}


#tellafriend_area{
	background-color:#dddddd;
	top:-100px;
}
.bb {border-bottom: 1px solid #dddddd;}
.tdborderight {border-right: 2px solid #FFFFFF;margin: 0px;padding: 3px 10px;}
.tdborde {border-bottom: 1px solid #dddddd;margin: 0px; padding: 5px 10px;}
.tdbordel {border-bottom: 1px solid #dddddd;margin: 0px; padding: 5px 10px 5px 0px;}
.tdborder {border-bottom: 1px solid #dddddd;margin: 0px; padding: 5px 0px 5px 10px;}
.tb_tit {background-color: #000000;color: #FFFFFF;}
.bt_next {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #000000;
	padding: 5px 10px 5px;
	color: #FFFFFF;
	font-weight: normal;
}
.bt_back {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #656565;
	padding: 5px 10px 5px;
	color: #FFFFFF;
	font-weight: normal;
}


.err_msg{
	color:#FF0000 ;
}
.b1{margin:0 3px 3px 0;font-size:11px;font-family:Arial, Helvetica, Verdana, sans-serif;color: #333333;padding:0 2px 2px 2px;cursor: pointer;}
.b2{margin:0 5px 5px 0;  border: 1px solid #000000; font-size:11px; font-family:Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; background-color: #000000;  padding: 3px 5px 3px 6px;cursor: pointer;}
.b3{margin:0 5px 5px 0;  border: 1px solid #656565; font-size:11px; font-family:Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; background-color: #656565;  padding: 3px 5px 3px 6px;cursor: pointer;}


/*左邊選單===================================================================================*/
#main_menu {width: 170px;float: left;margin: 0px 0px 50px 10px;padding: 15px 0px 0px 0px;}
/*左邊選單 大標===================================================================================*/
#mainmenu_tit1 {font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 0px; color: #000000;}
#mainmenu_tit1 a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: #000000; font-weight: bold;}
#mainmenu_tit2 {font-size: 16px;text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 0px; color: #000000;}
#mainmenu_tit2 a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: #000000;font-weight: bold;}
/*左邊選單 次選===================================================================================*/
#mainmenu_list1 p {margin:0px;}
#mainmenu_list1 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px; padding: 0px 0px 15px 9px;}
#mainmenu_list1 a, a:link { font-weight: normal; text-decoration: none; color: #000000;}
#mainmenu_list1 a:hover { font-weight: normal; text-decoration: underline; color: #000000;}
#mainmenu_list2 p {margin:0px;}
#mainmenu_list2 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px; padding: 0px 0px 15px 9px;}
#mainmenu_list2 a, a:link { font-weight: normal; text-decoration: none; color: #000000;}
#mainmenu_list2 a:hover { font-weight: normal; text-decoration: underline; color: #000000;}
/*左邊選單 次選選擇之後===================================================================================*/
.mainmenu_list_over {font-weight: bold; text-decoration: none; color: #000000;}
/*左邊選單 到此===================================================================================*/
.order_img {background-repeat: no-repeat;background-image: url(../images/order_img_li.gif);padding: 0px 0px 0px 18px;line-height: 18px;background-position: 0px 3px;font-weight: normal;text-decoration: underline;}
.order_img a, a:link, a:hover, a:visited, a:active {font-weight: normal; color: #000000; text-decoration: underline;}
.order_img_open {background-repeat: no-repeat;background-image: url(../images/order_img_in.gif);padding: 0px 0px 0px 18px;line-height: 18px;background-position: 0px 3px;font-weight: normal;text-decoration: underline;}
.order_img_open a, a:link, a:hover, a:visited, a:active {font-weight: normal; color: #000000; text-decoration: underline;}

.err_msg{color:#FF0000;margin-left:8px };