@charset "UTF-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif, "微軟正黑體" ;}
/*.retinalogo
{
	width:190px; 
	height:124px; 
	background:url(../../images/pc/udnshopping_logo190.png) no-repeat;
	clear:both; 
	text-indent:-9999px;
}*/
.family_icon{ background:url(../../images/pc/index_family_icon.png) no-repeat; width:39px; height:32px; display:block;float:left;margin:3px 0 0 0; padding:0 0 0 49px;}
	.head_mem_icon
	{
    	background:url(../../images/pc/index_mem_icon.png) no-repeat;
		background-position:left top;
		display:block;
		float:left;
		padding-left:40px;
		margin-right:28px;
		height:35px;
    }
	.head_cart_icon
	{
		/*height:33px; */
    	background:url(../../images/pc/index_cart_icon.png) no-repeat;
		display:block;
		float:left;
		background-position:left top;
		padding-left:36px;
		margin-right:28px;
		height:35px;
    }
.digit_O_bg{ background:url(../../images/pc/digit_O.png) no-repeat; width:22px; height:21px; position:absolute; z-index:99; font-size:15px;line-height:20px; color:#fff;  text-align:center; padding-top:2px;padding-left:1px; letter-spacing:1px;left:-10px; top:-8px;}
.two_digit_O_bg{ background:url(../../images/pc/2digit_O.png) no-repeat; width:32px; height:21px; position:absolute; z-index:99; font-size:15px; line-height:20px; color:#fff; text-align:center; padding-top:2px; padding-left:1px; letter-spacing:1px; left:-14px; top:-8px;}

.tri_head_ad a{ width:84px; height:84px; display:block; background:url(../../images/pc/tri_head_ad_bg.png) right top no-repeat;  float:left; margin:8px 23px; font-size:13px; line-height:18px; color:#565656; text-align:center; text-decoration:none; cursor:pointer; }
.tri_head_ad a:hover{ background:url(../../images/pc/tri_head_ad_bg.png) left top no-repeat;color:#e45d2d; text-decoration:underline;}

/*.login_submit_btn{ text-align:center; font-size:18px; line-height:24px; background:url(../../images/pc/submit_btn_n.png) no-repeat; width:166px; height:32px; text-decoration:none; display:block; color:#fff; font-weight:bold; padding-top:8px;}

.login_submit_btn:hover{  background:url(../../images/pc/submit_btn_n_over.png) no-repeat; cursor:hand;}

.registry_btn{ text-align:center; font-size:18px; line-height:24px; background:url(../../images/pc/registry_btn_n.png) no-repeat; width:166px; height:32px; text-decoration:none; display:block; color:#E45D2D; font-weight:bold; padding-top:8px; margin-left:8px; letter-spacing:1px;}
.registry_btn:hover{  background:url(../../images/pc/registry_btn_n_over.png) no-repeat; cursor:hand;}*/

.login_logo{ background:url(../../images/pc/login_logo.png) no-repeat; position:absolute; width:111px; height:145px; display:block; top:310px; right:58px; }

.registry_logo{ background:url(../../images/pc/logo_grey120.png) no-repeat; position:absolute; width:120px; height:156px; display:block; top:8px; right:32px; }

.filter_btn{ vertical-align:top; background:url(../../images/pc/filter_btn.png) no-repeat; height:30px; width:30px; background-color:#E45D2D; display:inline-block;margin-top:2px;}/* WalisADD */
.filter_btn:hover{ background-color:#d34a20;}

 
/* Retina圖片CSS放在這區塊中
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5)
{
    .retinalogo
	{
    	background:url(../../images/pc/udnshopping_logo190@2x.png) no-repeat;
		background-size:190px 124px;
    }
}
 */

 
/* Retina圖片CSS放在這區塊中 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5)
{
    .AA_member
	{
    	background:url(../../images/pc/member_icon_A@2x.png) no-repeat;
		background-size:128px 136px;
		background-position:center;
    }
	.normal_member
	{
    	background:url(../../images/pc/n_member_icon_A@2x.png) no-repeat;
		background-size:128px 136px;
		background-position:center;
    }
}

/* Retina圖片CSS放在這區塊中 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5)
{
    .family_icon
	{
    	background:url(../../images/pc/index_family_icon@2x.png) no-repeat;
		background-size:39px 32px;
    }
	.head_mem_icon
	{
    	background:url(../../images/pc/index_mem_icon@2x.png) no-repeat;
		background-size:35px 35px;
    }
	.head_cart_icon
	{
    	background:url(../../images/pc/index_cart_icon@2x.png) no-repeat;
		background-size:38px 33px;
    }
	.digit_O_bg
	{
    	background:url(../../images/pc/digit_O@2x.png) no-repeat;
		background-size:23px 23px;
    }
	.two_digit_O_bg
	{
    	background:url(../../images/pc/2digit_O@2x.png) no-repeat;
		background-size:33px 23px;
    }
	.tri_head_ad a
	{
    	background:url(../../images/pc/tri_head_ad_bg@2x.png) no-repeat;
		background-position:right top;
		background-size:168px 84px;
    }
	.tri_head_ad a:hover
	{
    	background:url(../../images/pc/tri_head_ad_bg@2x.png) no-repeat;
		background-position:left top;
		background-size:168px 84px;
    }
	/*.login_submit_btn
	{ 
		background:url(../../images/pc/submit_btn_n@2x.png) no-repeat;
		background-position:left top;
		background-size:166px 40px;
    }
	.login_submit_btn:hover
	{ 
		background:url(../../images/pc/submit_btn_n_over@2x.png) no-repeat;
		background-position:left top;
		background-size:166px 40px;
		cursor:hand;
    }
	.registry_btn
	{ 
		background:url(../../images/pc/registry_btn_n@2x.png) no-repeat;
		background-position:left top;
		background-size:166px 40px;
    }
	.registry_btn:hover
	{ 
		background:url(../../images/pc/registry_btn_n_over@2x.png) no-repeat;
		background-position:left top;
		background-size:166px 40px;
		cursor:hand;
    }*/
	.registry_logo
	{ 
		background:url(../../images/pc/logo_grey120@2x.png) no-repeat;
		background-position:left top;
		background-size:120px 156px;
    }
	.login_logo
	{ 
		background:url(../../images/pc/login_logo@2x.png) no-repeat;
		background-position:left top;
		background-size:111px 145px;
    }
	
	.filter_btn
	{ 
		background:url(../../images/pc/filter_btn@2x.png) no-repeat;
		background-position:left top;
		background-size:30px 30px;
		background-color:#E45D2D;
    }
	.top_search_btn
	{ 
		background:url(../../images/pc/search_btn@2x.png) no-repeat;
		background-position:left top;
		background-size:40px 40px;
		background-color:#E45D2D;
    }