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

/*-------- CSS RESET ----------*/	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif, "Heiti",  "微軟正黑體" ;
}
ol, ul {
	list-style: none;
}
body,html{height: auto;}/*-------- FOR FOOTER----------*/	

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body{ min-width:1280px; max-width:100%; }
/*-------- CSS RESET END----------*/	

#head_outter{ width:100%; display:inline-block;}
.head_inner{ width:1190px; margin:0 auto; display:block; padding:20px 5px; position:relative; height:84px;}
.head_inner .shopping_logo{ text-indent:0px;position:absolute; top:0; height:124px;}
.sel_a, .text_a, .btn_a,.family_tree,.head_mem,.head_cart,.top_right_outter{ display:block; float:left; }
.btn_a,.family_tree,.head_mem,.head_cart{ position:relative;}
.btn_a{ margin-left:6px; display:block; overflow:hidden;}

.top_search_btn{width:40px; height:40px; text-indent:-9999px;background:url(../../images/pc/search_btn.png) no-repeat;background-color:#E45D2D; display:block; }
.shopping_search_block{ margin-left:190px; display:inline-block; overflow:hidden; margin-top:22px; float:left; }

.s_select_kind{border-left:1px solid #e45d2d;border-right:3px solid #e45d2d;border-top:3px solid #e45d2d;border-bottom:3px solid #e45d2d;height:23px; max-height:42px; overflow:hidden;padding:4px 6px 7px 8px; width:104px; display:inline-block; background-color:#f9f9f9; cursor:pointer; position:relative;}
.sel_a:hover .s_select_kind_drop{ display:block;}
.sel_a:hover .sel_defult_text{ color:#E45D2D;}

.sel_defult_text{ float:left;font-size:14px; line-height:26px; margin-left:10px; font-weight:bold; color:#565656;height: 40px;max-width: 80px;overflow: hidden;display: inline-block;}

.s_select_kind_drop{ position:absolute; z-index:9999; display:none; border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;min-width:104px; max-width:150px; max-height:436px; overflow-y:auto; padding:8px; background-color:#f9f9f9;*margin:40px 0 0 -121px;}
a.s_select_kind:hover .s_select_kind_drop{ display:block;}

.s_select_kind_drop a{ font-size:14px; line-height:18px; text-decoration:none; color:#565656; font-weight:bold;padding:6px 10px; display:block;}
.s_select_kind_drop a:hover{color:#E45D2D; font-weight:bold;}



.search_bottom{
	width: 460px;
}
.search_bottom_ad{
	overflow: hidden;max-width: 460px; max-height:20px;/*WalisADD*/
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
}
.search_bottom_ad a{
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	margin-right: 15px;
	color: #878787;
	max-width: 128px; height:15px; display:inline-block;/*WalisADD*/
	overflow: hidden;
	white-space: nowrap;
}
.search_bottom_ad a:hover{
	color: #E45D2D;
}


.top_right_outter{ margin-left:50px;/*EDIT1125*/ margin-top:24px; position:relative; display:inline-block;}
.top_right_outter li{ position:relative; }

.top_right_outter p{font-size:14px; line-height:16px; color:#212121; float:left; letter-spacing:1px;}
.head_mem_icon p,.head_mem_icon_login p{ padding-top:2px;}
.head_cart_icon p{ padding-top:18px;}

a.head_cart_icon:hover .head_cart_drop{display:block;}


.tri_cart {border-left:6px solid transparent; border-right:6px solid transparent;border-bottom:6px solid #A5A5A5; border-top:6px solid transparent; top:-15px; right:34px; display:block; position:absolute;}
.head_cart_drop{
	position: absolute;
	z-index: 99999;
	right: 16px;/*WalisFIX*/
	top: 45px;
	border-top: 4px solid #A5A5A5;
	border-bottom: 4px solid #A5A5A5;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	background-color: #f9f9f9;
	width: 320px;
	height: 508px;
	display:block;
box-shadow:2px 2px 2px rgba(50%,50%,50%,0.6),4px 4px 6px rgba(50%,50%,50%,0.4),6px 6px 12px rgba(50%,50%,50%,0.4);
}
.tri_mem {border-left:6px solid transparent; border-right:6px solid transparent;border-bottom:6px solid #D5D5D5; border-top:6px solid transparent; top:0; top:-15px; right:50%; margin-right:-6px; display:block; position:absolute;}
.head_mem_drop{
	position: absolute;
	z-index: 99999;
	left: -6px;
	top: 45px;
	border-top: 4px solid #D5D5D5;
	border-bottom: 4px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	background-color: #f9f9f9;
	width: 146px;
	/*height: 352px;*/
	display:none;
	box-shadow:2px 2px 2px rgba(50%,50%,50%,0.6),4px 4px 6px rgba(50%,50%,50%,0.4),6px 6px 12px rgba(50%,50%,50%,0.4);
	font-weight:bold;
}
li.head_cart,li.head_mem{ padding-bottom:10px;}
li.head_cart:hover .head_cart_drop{ display:block;}
li.head_mem:hover .head_mem_drop{ display:inline-block;}

/*-------- MAIN NAV ----------*/	
#udnshopping_nav_outter{ width:100%; border-top:1px solid #d5d5d5; border-bottom:2px solid #e45d2d;display:inline-block; position:relative; }
.udnshopping_nav_inner{ width:1191px; padding:0 5px; display:block; margin:0 auto;}
.nav-first_lv{ /*border-left:1px solid #D5D5D5;*/ display:inline-block;}
.nav-first_lv li{float: left;color:#878787;  position:relative; display:block;}
.nav-first_lv li:hover .menu_tri{ display:block;}

.sec_lv_drop-A,.sec_lv_drop-B,.sec_lv_drop-C,.sec_lv_drop-D,.sec_lv_drop-E,.sec_lv_drop-F,.sec_lv_drop-G,.sec_lv_drop-H,.sec_lv_drop-I,.sec_lv_drop-J,.sec_lv_drop-K,.sec_lv_drop-L,.sec_lv_drop-M,.sec_lv_drop-N{position:absolute; z-index:9999; width:600px;height:422px; border-top:6px solid #E45D2D; border-bottom:6px solid #E45D2D; background:url(../../images/pc/menu_drop_bg.png) repeat-X; display:none; 
box-shadow:2px 2px 2px rgba(50%,50%,50%,0.6),4px 4px 6px rgba(50%,50%,50%,0.4),6px 6px 12px rgba(50%,50%,50%,0.4); border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;
}
.sec_lv_drop-A,.sec_lv_drop-B,.sec_lv_drop-C{ left:0;}
.sec_lv_drop-H,.sec_lv_drop-I,.sec_lv_drop-J,.sec_lv_drop-K,.sec_lv_drop-L,.sec_lv_drop-M,.sec_lv_drop-N{right:0;}
/*{right:-1px;}*/
li.nav-a:hover .sec_lv_drop-A{ display:block;}
li.nav-b:hover .sec_lv_drop-B{ display:block;}
li.nav-c:hover .sec_lv_drop-C{ display:block;}
li.nav-d:hover .sec_lv_drop-D{ display:block;}
li.nav-e:hover .sec_lv_drop-E{ display:block;}
li.nav-f:hover .sec_lv_drop-F{ display:block;}
li.nav-g:hover .sec_lv_drop-G{ display:block;}
li.nav-h:hover .sec_lv_drop-H{ display:block;}
li.nav-i:hover .sec_lv_drop-I{ display:block;}
li.nav-j:hover .sec_lv_drop-J{ display:block;}
li.nav-k:hover .sec_lv_drop-K{ display:block;}
li.nav-l:hover .sec_lv_drop-L{ display:block;}
li.nav-m:hover .sec_lv_drop-M{ display:block;}
li.nav-n:hover .sec_lv_drop-N{ display:block;}
.sec_lv_drop-D,.sec_lv_drop-E,.sec_lv_drop-F{ left:-255px;}
.sec_lv_drop-G{ left:-322px;}


/* nav */

.sec_lv_drop {
  width: auto;
  max-height: 390px;/*WalisEDIT*/
  padding: 15px 20px 20px 20px;
  z-index: 9999;
  background-color: white;
  background-position: center bottom;
}

/* ------- 牙齒 start ------- */
/* 牙齒 */
.sec_lv_drop-left,.sec_lv_drop-right {
	position:absolute;
	/* 
	z-index:9999; 
	width:600px;
	height:422px; 
	*/
	border-top:6px solid #E45D2D; 
	border-bottom:6px solid #E45D2D; 
	background:url(../../images/pc/menu_drop_bg.png) repeat-X; 
	display:none; 
	box-shadow:2px 2px 2px rgba(50%,50%,50%,0.6),4px 4px 6px rgba(50%,50%,50%,0.4),6px 6px 12px rgba(50%,50%,50%,0.4); 
	border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;
}

/* 牙齒靠右 */
.sec_lv_drop-right {
	right: 0;
}
/* 牙齒靠左 */
.sec_lv_drop-left {
	left: 0;
}

li.nav-a:hover .sec_lv_drop-left { display:block;}
li.nav-a:hover .sec_lv_drop-right { display:block;}
/* ------- 牙齒 end ------- */

/*h3*/
.drop_title {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 14px;
  margin-left: 8px;
  color: #e45d2d;
  font-weight:bold;/*WalisADD*/
}
.row_2 .drop_inner {
  width: 440px;
}
.row_1 .drop_inner {
  width: 220px;
}
.row_3 .drop_inner {
  width: 660px;
}
.row_4 .drop_inner {
  width: 880px;
}
.drop_inner {
  overflow: hidden;
  /*padding-right: 80px;*/
  border-top: 1px solid #d5d5d5;
}
/*ul*/
.subnav_list {
  position: relative;
  z-index: 5;
  display: block;
  float: left;
  padding-top: 12px;
  width: 220px;
  height: 100%;
}
/*li*/
.subnav_item {
  width: 220px;
  margin-left: 10px;
  margin-bottom: 5px;
}
/*p*/
.subnav_main {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  color: #212121;
}
.subnav_main a:hover {
  color: #e45d2d;
}
/*p*/
.subnav_sub {
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
  color: #878787;
  max-height:14px;/*WalisADD*/
  max-width:178px;/*WalisADD*/
  overflow:hidden;/*WalisADD*/
  display:inline-block;/*WalisADD*/
}
.subnav_sub a {
  display: inline-block;
  margin-right: 5px;
}
.subnav_sub a:hover {
  color: #565656;
}
.sec_lv_bg {
  position: absolute;
  z-index: 2;
  display: block; max-width:820px; height:328px; top:58px; left:225px;
}

/* ------- nav end ------- */

/*-------- INDEX TOP AD ----------*/	
.top_ad_outter{ background-color:#f9f9f9; height:100px; border-bottom:2px solid #d5d5d5; display:block; width:100%;}
.top_ad_inner{ width:1190px; padding:0 5px; margin:0 auto; display:block; overflow:hidden; }
.tri_head_ad{ float:left; display:block;}
.tri_head_ad a p{ width:60px; height:60px; display:block; overflow:hidden; padding:15px 12px 9px 12px;}

.marketing_top_ad{ display:inline-block; float:left; margin-left:23px;}
.marketing_top_ad li{ float:left; display:inline-block; margin:10px 28px;}
.marketing_top_a1 img,.marketing_top_a1 p{ float:left; outline:none; display:block;}
.marketing_top_a1 p{ width:108px; margin-left:16px;padding:12px 0; overflow:hidden;}
.marketing_top_a1 a{color:#565656; font-size:14px; line-height:18px; letter-spacing:1px;text-decoration:none;  }
.marketing_top_a1 a:hover{color:#212121; text-decoration:underline;}

.ad_block_small{
	display: block;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
}

/*-------- NEW INDEX A-01 ----------*/	
.content_wrap{ /*display:inline-block;*/display:block; overflow:hidden;/*For IE8*/ width:100%;}
.inner_1190{width:1190px; padding:0 5px; margin:0 auto; display:block; overflow:hidden;}
.A01_text_block{ width:189px; height:495px;display:inline-block; float:left; position:relative;}


.A01_text_block li{ height:54px; border-bottom:1px solid #d5d5d5; background-color:#f7f7f7;border-right:1px solid #d5d5d5; position:relative; display:block;}


.A01_text_block li:hover,.A01_text_block li.active{ cursor:pointer; background-color:#E45D2D; border:none; height:55px; }

.A01_text_block li a{ font-size:14px; line-height:18px; text-align:center; padding:18px 14px 0 14px; color:#212121; display:block; text-decoration:none; overflow:hidden;height:20px; border-bottom:18px solid transparent;}

.A01_text_block li a:hover,.A01_text_block li.active a{ color:#fff; border-bottom:18px solid transparent; height:20px;}
.A01_text_block li:hover .tri_A01,.A01_text_block li.active .tri_A01{ display:block;}

.A01_outter{
	/*border-left:2px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;*/
	border-top:none; 
	display:block; 
	overflow:hidden; 
	float:left; 
	height:420px; 
	width:990px;
}

.A01_container{ display:inline-block; width:798px; height:495px; margin:0; left:0;}

.A01_products_banner{ display:block; overflow:hidden; height:165px;width:798px; }
.A01_products_banner li{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; width:265px; height:164px; float:left; display:block;}

.A01_Event_banner a,.A01_products_banner a{ display:block;}
.A01_Event_banner{ height:330px; display:block;border-right:1px solid #d5d5d5;}
.A01_Event_banner img { display:block; outline:none; width:797px; height:330px;border-right:1px solid #d5d5d5; }

.a01_content-AC{ display:inline-block; position:absolute;  z-index:9;}
.a01_content-A{ display:block; position:absolute; z-index:99; overflow:hidden; top:0; left:190px;}

.a01_text_a:hover .a01_content-A{ display:block;}

 /*-------- NEW INDEX A-06 (今日最強檔) ----------*/	
 .A06_top_today_outter{ width:182px; height:412px; border:4px solid #E45D2D; float:right; background-color:#efefef; position:relative;}
 .A06_top_today_outter h3{ background-color:#E45D2D; color:#ffffff; font-size:18px; line-height:24px; font-weight:normal; text-align:center; padding:10px; height:24px; letter-spacing:1px; position:relative;}
 
/*-------- UI MISC ----------*/	
.shopping_search_block input[type="text"],
.shopping_search_block input[type="text"]:hover,
.shopping_search_block input[type="text"]:focus{ 
	border:3px solid #e45d2d; 
	border-right:none; 
	font-size:16px; 
	line-height:24px; 
	vertical-align:middle; 
	padding:5px 8px;  
	outline:none; 
	background-color:#ffffff; 
	height:24px; 
	color:#878787;
}
.shopping_search_block input[type="text"]:focus{color:#212121;}
.wid350{ width:350px;}
/* mod header */
.wid290{ width: 290px;}
/* mod header */

.tri_a_top{ border-left:6px solid transparent; border-right:6px solid transparent;border-bottom:6px solid transparent; border-top:6px solid #e45d2d; display:inline-block; top:14px; right:8px; position:absolute;}

.menu_tri
{
	display: none;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #e45d2d;
	margin-left: -6px;
 }
.lv1-a.lv1-a_first{
 	border-left:1px solid #D5D5D5;
 	width: 68px;
 }
.lv1-a{  text-decoration:none;font-size:14px; line-height:15px; margin:10px 0; color:#565656; display:block; border-right:1px solid #D5D5D5; width:69px; text-align:center;}
.lv1-a:hover{ color:#e45d2d; font-weight:600; }

.lv1-a.fast{color:#e50011;}
.lv1-a.brand{color:#8960AF;}


.tri_A01{
	display:none;
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	bottom: 50%;
	border-top: 6px solid transparent;
	border-left: 6px solid #e45d2d;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin-right:-12px;
	margin-bottom:-6px;
	z-index:99999;
   }
.tri_A06{
	display:block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -11px;
	left: 50%;
	border-top: 6px solid #e45d2d;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin-left:-6px;
}
.bor2p{ border:2px solid #d5d5d5;}

/*-------- 9C TEST ----------*/
.A01_LEFT{ width:189px; height:495px; border-right:1px solid #D5D5D5; float:left;}
.A01_RIGHT{ width:800px;height:495px; float:right;}
.A01_LEFT div{ display:block;  border-bottom:1px solid #D5D5D5; padding:25px; height:4px;}

/*----- 頁尾 -------*/
.footer_global{ display:block; width:100%; border-bottom:3px solid #e45d2d; background-color:#fff7; padding-bottom:40px; overflow:hidden; }
.footer_wid1190{ display:block; overflow:hidden; width:1190px; margin:16px auto;}

.wid100_outter{ display:block;  overflow:hidden;  border-bottom:1px solid #d5d5d5; padding:10px 0; width:100%; border-top:1px solid #d5d5d5; background-color:#fff; }
.all_about_us{ display:block; overflow:hidden;margin-left:auto; margin-right:auto;  width:1182px; padding-left:8px;}
.all_about_us li{ display:block; float:left; font-size:12px; line-height:20px; color:#c9c9c9;}
.all_about_us li a:link,.all_about_us li a:visited{ color:#565656; margin:0 2px; text-decoration:none; font-size:14px; line-height:20px; letter-spacing:1px; }
.all_about_us li a:hover{ color:#E45D2D; text-decoration:underline;}

.certification_footer{ width:530px; display:block; overflow:hidden; float:right; height:90px; }
.certification_footer li{ display:block; float:left; margin:0 8px; width:90px; }
.certification_footer li img{ outline:none;width:90px;}

.footer_text_block{ display:block; float:left; overflow:hidden; margin:10px 0 0 12px;}
.footer_text{ font-size:14px; line-height:20px; color:#878787; letter-spacing:1px; display:block; }
.footer_notice{ font-size:14px; line-height:16px; color:#212121; display:block; margin:20px 0;} 

.head_cart_drop {
	height:auto; padding-bottom:85px; display:none;
}
.cart_drop_outter{max-height:484px;width:320px; overflow-y:auto; overflow-x:hidden; display:block; position:relative; }

.cart_drop_inner {
  width: 290px;
  margin-left: 15px;
  /*a*/
}
.head_cart_drop .check_btn {
  display: block;
  width: 290px;
  height: 45px;
  line-height: 45px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #868686;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: none;
  border:none;/*WalisADD*/ position:absolute; bottom:20px; left:16px;
}
/*h3*/
.cart_drop_title {
  font-size: 14px;
  line-height: 14px;
  color: #212121;/*WalisEDIT*/
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d5d5d5;
}
.cart_drop_title a{
  font-size: 14px;
  line-height: 16px;
  margin-right:12px;
  margin-left:6px;
  color:#565656;
  text-decoration:underline;
}/*WalisADD*/
.cart_drop_title a:hover{
	text-decoration:none;
}/*WalisADD*/
.cart_drop_title span {
  margin-left: 5px;
  color: #e45d2d;
  font-weight:bold;/*WalisADD*/
}
/*ul*/
.cart_drop_list {
  background-color: white;
}
/*li*/
.cart_drop_item {
  display: block;
  padding: 10px;
  height: 50px;
  /*p*/
  /*p*/
  /*p*/
}
.cart_drop_item img {
  float: left;
  width: 48px;
  height: 48px;
  border: 1px solid #d5d5d5;
  margin-right: 10px;
}
.cart_drop_item .caption {
  display: block;
  float: left;
  width: 10em;
}
.cart_drop_item .pd_name {
  display: block;
  max-height: 34px;overflow:hidden;
  font-size: 12px;
  line-height: 16px;
  color: #565656;
  letter-spacing:normal;
}
.cart_drop_item .pd_num {
  /*font-style: italic;*/margin-top:2px;
  font-size: 12px;
  line-height: 18px;
  color: #878787;
}
.cart_drop_item .pd_price {
  display: block;
  float: right;
  width: 50px;
  height: 50px;
  font-style: italic;
  line-height: 50px;
  text-align: right;
  font-size: 14px;
  color: #ff3c00;
  letter-spacing:normal;/*WalisADD*/
}
.cart_drop_item .pd_price .pd_hlight {
  font-size: 14px;
  color: #ff3c00;
  font-weight: bold;
}
.cart_drop_item .pd_price .pd_hlight:before {
  content: "$";
  font-size: 12px;
}
.cart_drop_item a{ display:inline-block;}
.cart_drop_item .caption .pd_name,.cart_drop_item .caption .pd_num{ float:none;}
.cart_drop_item a:hover .pd_name{  text-decoration:underline; color:#212121;}
.cart_drop_item a:hover img{ border:1px solid #878787;}

.top_right_outter.min .tri_fami{ right:60px;}
.top_right_outter.min .tri_cart{ right:30px;}
.top_right_outter.min .family_tree_drop{ right:0;}


/*-------- HEADER 活動專區 ----------*/
.udn_activity_outter{
	display:block;
	overflow:hidden;
	width:520px;
	height:30px;
	position:absolute;
	right:5px;
	bottom:0px;
	}
.udn_activity_outter li{
	display:inline-block;
	padding:5px 10px;
	margin-left:3px;
	text-align:center;
	font-size:14px;	
	line-height:20px;
	color:#FFF;
	float:right;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	}
.udn_activity_outter .lastcol{
	margin-left:0px;
	}
.udn_activity_outter .mark_r{	
	background-color:#8c1740;}
.udn_activity_outter .mark_y{	
	background-color:#ac6b18;}
.udn_activity_outter .mark_b{	
	background-color:#4f8095;}
.udn_activity_outter .mark_bl{	
	background-color:#707070;}
.udn_activity_outter .mark_o{	
	background-color:#e2680e;}