#Account {padding:10px;}
.content_sub1a a{
	text-decoration: none;
	color:#3aa6e6;
}
.content_sub1a a:hover{
	text-decoration: none;
	color:#666666;
}
.content_sub1a a:active{
	text-decoration: none;
	color:#666666;
}
td, th {
display: table-cell;
vertical-align: inherit;
font-size:13px; color:#999;
padding:5px 0;
}
td img{
//vertical-align:central;
float:left;
}

.IDinfo{
	background:#fff;
	padding:10px;
	box-shadow:4px 4px 12px -2px rgba(0%,0%,0%,0.1)}

.idnum {font-size:20px; font-weight:bold; color:#333; line-height:30px;}
.FilterDivCategoryTitle1 span.num {
background: #c20e0e;
font-size: 13px;
border-radius: 3px;
margin:0px 10px;
padding: 0px 5px;
list-style: none;
display: none;
vertical-align: middle;
color:#fff;
display: inline-block;
float:right;
margin-right:8%;
}

.content_sub1 { margin:0;}
.content_sub1 img.image { margin:0 15px 10px 0; padding:0; border:none; float:left;}
.content_sub1a { margin:0; padding:0; float:left; font-size:15px;}
.ui-btn-up-w {
background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbbbbb;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #d0d0d0;
color: #666;
font-size:15px;
-webkit-text-shadow: none;
text-shadow: none;
height:36px;
line-height:36px;
text-align:center;
display: inline-block;

}

.ui-btn-up-w:hover {
  color: #656566;
  text-decoration: none;
  background-color: #e6e6e6;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 40px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  
}
.ui-btn-up-w:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-btn-up-w.active,
.ui-btn-up-w:active {
  background-color: #cbcbcb;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-btn-up-w>span {
color: #666;
padding: 4px 5px;
-webkit-text-shadow: none;
text-shadow: none;
}
.ui-btn-corner-all, .ui-btn-up-w.ui-btn-corner-all, .ui-btn-up-f.ui-btn-corner-all{
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
}
.idphoto{
	overflow: hidden;
	position: relative; 
	width:80px;}
.idphoto span.txtArea{ background:url(images/common/grayAph.png); height:10px; position:absolute; padding-bottom:10px; left:0; top:60px; color:#fff; overflow:hidden; width:80px; text-align:center; font-size:13px;}



#Account .FilterDiv {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 auto;
	margin-top:60px;
	padding-bottom:5px;
	border-color: #b5b5b5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	width:100%;
	background:#F2F2F2;
}
#Account .FilterDiv2 {
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	margin:0 auto;
	margin-top:15px;
	margin-bottom: 15px;
	border-color: #b5b5b5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	width:100%;
	background:#FFF;
}

#Account .FilterDivHeader {
	border-style:solid;
	border-width: 0px 0px 1px 0px;
	border-bottom-color: #d8d8d8;
	height:40px;
	background:#e4e4e4;
}
#Account .FilterDivPrice {
	border-style:solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #FFF;
	border-bottom-color:#d8d8d8;
	height:110px;
	background:#F2F2F2;
}
#Account .FilterDivDelivery {
	border-style:solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #FFF;
	border-bottom-color:#d8d8d8;
	height:50px;
	background:#F2F2F2;
}
#Account .FilterDivList {
	border-style:solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #FFF;
	border-bottom-color:#d8d8d8;
	height:46px;
	background:#F2F2F2;
	background:url(images/icon/L1right_icon.png) no-repeat;
	background-position: 97% 47%;
	
}
#Account .FilterDivListlast{
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-top-color: #FFF;
	height:46px;
	background:#F2F2F2;
	background:url(images/icon/L1right_icon.png) no-repeat;
	background-position: 97% 47%;
}
#Account .selected {
	background:#F2F2F2;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6QTM2REE3MkYzOTlFRTExMTk0NENGMkIxNjEwNzBCOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRCODQ2MDUwQzY5MTFFMkJDQUJERkEwOUQ2NjYyRTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRCODQ2MDQwQzY5MTFFMkJDQUJERkEwOUQ2NjYyRTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OUYwMkM3ODkwMEJFMjExQUI2MEJCRTE3REFCQTlFOCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpBMzZEQTcyRjM5OUVFMTExOTQ0Q0YyQjE2MTA3MEI5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phx4ZAQAAABsSURBVHjaYmbADaKAmBuInzCQAGKA+A8QfwBiC1I1/YdiojSjayJKM7qmzUD8ipBmdE2rgJgZiHXwaQ5D07QGiFmRDMWmWQkkoQYNcpDgeiBmw+INZM0TkSVAmmfj0AQDukDcAcSMIA5AgAEA7dkuJ1gDFvcAAAAASUVORK5CYII=) no-repeat;
	background-position: 96% 47%;
}
#Account .FilterDivListOpen1 {
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-top-color: #FFF;
	height:47px;
	background:#e4e4e4;
}
#Account .FilterDivListOpen2 {
	border-style:solid;
	border-width: 0px 0px 0px 0px;
	border-top-color: #FFF;
	height:48px;
	background:#e4e4e4;
}

#Account .FilterDivBrand {
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-top-color: #FFF;
	border-bottom-color:#d8d8d8;
	height:50px;
	background:#F2F2F2;
}
#Account .FilterDivHeaderTitle {
	float:left;
	padding:10px 10px;
	color:#333;
	font-weight:bold;
}
#Account .FilterDivHeaderTitle img{
	vertical-align:middle;
	margin-right:6px;
}
#Account .FilterDivHeaderButton {
	float:right;
	padding:5px;
}
#Account .FilterDivHeaderButton .back span:first-child {
	background:url(images/filter_header_button_1.png) no-repeat;
	display: block;
	float: left;
	height: 41px;
	width: 5px;
}
#Account .FilterDivHeaderButton .back span:last-child {
	background:url(images/filter_header_button_3.png) no-repeat;
	display: block;
	float: left;
	height: 41px;
	width: 5px;
}
#Account .FilterDivHeaderButton .back span.backTitle {
	background:url(images/filter_header_button_2.png) repeat-x;
	color: #000;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: normal;
	height: 41px;
	line-height: 41px;
	overflow: hidden;
	text-align: center;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#Account .FilterDivTitle1 {
	float:left;
	padding:15px 0px 15px 10px;
	font-size:14px;
}
#Account .FilterDivTitle2 {
	height:46px;
	line-height:46px;
	float:right;
	text-align:right;
	color:#c9252a;
	padding:0px 10px 0px 0px;
	font-size:14px;
}
#Account .FilterDivTitle2 img {
	vertical-align:middle;
}
#Account .FilterDivTitleBar {
	float:right;
	text-align:center;
	padding:5px;
}
#Account .FilterDivCategoryTitle1 {
	padding:14px 0px 13px 10px;
	font-size:14px;
	color:#333;
}
#Account .FilterDivCategoryTitle1:hover{
	background:#e2e2e2 url(images/icon/L1right_icon.png) no-repeat;
	background-position: 97% 47%;
}
#Account .FilterDivCategoryTitle1:active{
	background:#e2e2e2 url(images/icon/L1right_icon.png) no-repeat;
	background-position: 97% 47%;
}
#Account .FilterDivCategoryTitle2 {
	height:44px;
	line-height:44px;
	float:right;
	text-align:right;
	color:#000;
	padding:0px 30px 0px 0px;
	font-size:14px;
}
#Account .selected .FilterDivCategoryTitle2 {
	color:#c9252a;
}
#Account .FilterDivListCategoryOpenTitle1 {
	float:left;
	padding:14px 15px 14px 30px;
	width:150px;
	font-size:14px;
}
#Account .FilterDivListCategoryOpenTitle2 {
	height:46px;
	line-height:46px;
	float:right;
	text-align:right;
	color:#000;
	padding:0px 10px 0px 0px;
	font-size:14px;
}
#Account .FilterDivListCategoryOpenTitle2 img {
	vertical-align:middle;
}


/*訊息中心*/
.MsgDiv {padding:10px;}
.Messagelist { 
   background:#fff url(images/icon/L1right_icon.png) no-repeat;
   background-position: 99% 50%;
   padding-right:10px;
   margin-bottom:10px;
   display:block;
   border:1px solid #d4d4d4;
   position: relative;
	}
.Messagelist:hover { 
   background:#efefef url(images/icon/L1right_icon.png) no-repeat;
   background-position: 99% 50%;
	}
.Messagelist:active { 
   background:#efefef url(images/icon/L1right_icon.png) no-repeat;
   background-position: 99% 50%;
	}
.Messagelist .noreadMsg {
	position:absolute;
	background:url(images/common/msg_noread.png) no-repeat;
	right:0;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	}
.Messagelist .readMsg {
	position:absolute;
	background:url(images/common/msg_read.png) no-repeat;
	right:0;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	}

ul.msglist { margin:0; padding:10px 10px 3px 10px; list-style:none; }
ul.msglist li a {display:block; outline: none; color:#333; //height:80px;}
.msglist p.msgtitle {padding:0;  font-size:15px; margin:0; line-height:20px; color:#333;}
.msglist p {padding:0; font-size:13px; margin:0; line-height:20px;color:#666;}
.msglist img.left { margin-right:10px; float:left;}
.msgsale{
background:url(images/icon/msg_sale.png) no-repeat;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
display: inline-block;
height: 20px;
width: 20px;
margin-right:5px;
vertical-align:middle;}
.msgnew{
background:url(images/icon/msg_new.png) no-repeat;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
display: inline-block;
height: 20px;
width: 20px;
margin-right:5px;
vertical-align:middle;}
.msgedit{
background:url(images/icon/msg_list.png) no-repeat;
-moz-background-size:18px 18px;
-o-background-size:18px 18px;
-webkit-background-size:18px 18px;
background-size: 18px 18px;
display: inline-block;
height: 18px;
width: 18px;
margin-right:5px;
vertical-align:middle;}
.msgcost{
background:url(images/icon/msg_costdown.png) no-repeat;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
display: inline-block;
height: 20px;
width: 20px;
margin-right:5px;
vertical-align:middle;}
.msgqa{
background:url(images/icon/msg_qa.png) no-repeat;
-moz-background-size: 18px 18px;
-o-background-size: 18px 18px;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
display: inline-block;
height: 18px;
width: 18px;
margin-right:5px;
vertical-align:middle;}



/*快速結帳設定*/
.QuickReminder{
	background:#fff;
	padding:10px;
	box-shadow:4px 4px 12px -2px rgba(0%,0%,0%,0.1);
	height:50px;}
.QuickReminder p{
	color:#333;
	font-size:13px;
	line-height:18px;
	margin-top:-3px;}
.ReminderIcon{
	float:left;
	margin-right:10px;}
.addbuttonarea {
	background:url(images/common/addbuttonarea_bg.gif) repeat;
	margin:10px 0 0 0;
	-moz-box-shadow:0px 5px 5px #b6b6b6 inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 5px 5px #b6b6b6 inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 5px 5px #b6b6b6 inset;
	position:fixed; 
	bottom:0;
	width:100%;
	 }
.heartReminder{
	padding:5px;
	margin:0 auto;
	width:85%;
	height:50px;}
.heartRemindericon{
	float:left;
	margin-right:10px;
	margin-top:5px;}
.heartReminder p{
	color:#333;
	font-size:13px;
	line-height:18px;
	margin-top:-3px;}
.ui-content {
border-width: 0;
overflow: visible;
overflow-x: hidden;
padding: 10px;
font-size:13px;
color:#333;
}

input.ui-input-text, textarea.ui-input-text {
background-image: none;
padding: .5em .2em;
margin: .5em 0;
line-height: 1.2;
font-size: 15px;
display: block;
width: 100%;
outline: 0;
}

.ui-body-c, .ui-overlay-c {
background: #fff;
border: 1px solid #aaa;
color: #333;
}

.ui-shadow-inset {
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
}





#Account .InfoCatoryList {
	border-style:solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #FFF;
	border-bottom-color:#d8d8d8;
	height:46px;
	background:#F2F2F2;
	background:url(images/icon/more_icon.png) no-repeat;
	background-position: 97% 47%;
}
#Account .InfoCatoryListRight {
	height:35px;
	background:#F2F2F2;
	background:url(images/icon/close.png) no-repeat;
	background-position: 98.5% 90%;
	
	
}
#Account .InfoCatoryListlast{
	border-style:solid;
	border-width: 1px 0px 0px 0px;
	border-top-color: #FFF;
	height:46px;
	background:#F2F2F2;
	background:url(images/icon/more_icon.png) no-repeat;
	background-position: 97% 47%;
	
}

#Account .InfoCatoryListTitle1 {
	padding:14px 0px 16px 10px;
	font-size:14px;
	color:#333;
}
#Account .InfoCatoryListTitle1:hover{
	background:#F1F1F1 url(images/icon/more_icon.png) no-repeat;
	background-position: 97% 47%;
}
#Account .InfoCatoryListTitle1:active{
	background:#e2e2e2 url(images/icon/more_icon.png) no-repeat;
	background-position: 97% 47%;
}
.InfoShow {
	background-color:#ffffff;
	border-top:5px solid #ca3c3c;
	border-bottom:1px solid #e2e2e2;
	margin-top:-1px;
	padding:10px;
	color:#333333;
	font-size:14px;
	line-height:24px;}
	
.InfoShow a{
	color:#3aa6e6;}

.InfoShow span {color:#ca3c3c; font-weight:bold;}