﻿/*****OrderNavigation****/
.OrderNavigation
{
	width: 100%;
}
.OrderNavigation img
{
	float: left;
	margin: 0px 3.5px;
}
.OrderNavigation div
{
	float: left;
	line-height: 20px;
	height: 20px;
	width: 134px; /*padding: 0px 20px; 	*padding: 0px 19px;*/
	text-align: center;
	color: white;
	font-family: 黑体;
	font-weight: bold;
	font-size: 14px;
}
.OrderNavigation .Exec
{
	background: url(/App_Themes/Theme/Images/Order/execBG.gif) no-repeat;
}
.OrderNavigation .Unexec
{
	background: url(/App_Themes/Theme/Images/Order/unexecBG.gif) no-repeat;
}
/***ORDER ADDRESS***/
.OrderButtons
{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
}
.OrderButton2
{
	border: 1px solid #f87b39;
	color: #f87b39;
	background-color: Transparent;
	cursor: pointer;
	line-height: 24px;
	padding: 0px 10px;
}
#myAddress
{
	width: 178px;
	height: 100%;
	float: left;
	line-height: 30px;
	margin-top: 10px;
}
#myAddressDetail
{
	width: 590px;
	margin: 10px 10px 0px 0px;
	float: right;
}
#myAddressDetail .td1
{
	text-align: right;
	color: Black;
	height: 30px;
	line-height: 30px;
	width: 70px;
}
#myAddressDetail .td2
{
	text-align: left;
	padding-left: 10px;
}
#myAddressDetail .td3 button
{
	float: right;
}
#myAddressDetail .td2 input
{
	height: 20px;
	line-height: 20px;
}
#myAddress .AddressName
{
	color: #ff6600;
	cursor: pointer;
}
#myAddress .AddressRadio
{
	margin-left: 3em;
	border: none;
	cursor: pointer;
}
.OrderHeadLine
{
	clear: both;
	padding: 10px 0px 5px 10px;
}
.OrderTitle
{
	width: 100%;
	height: 26px;
	line-height: 26px;
	background-color: #57884f;
	color: White;
	font-weight: bold;
	text-indent: 17px;
}
.OrderTitle table
{
	width: 100%;
}
.OrderTitle td
{
	text-align: center;
}
#DeliveryTable
{
	border-top: 1px solid #c1c1c1;
	/*border-bottom: 1px solid #c1c1c1;*/
	margin: 10px 5px 10px 5px;
	width: 98%;
	clear: both;
}
#DeliveryTable .td1
{
	width: 160px;
	text-align: center;
	vertical-align:top;
	color: #414040;
	font-weight: bold;
	line-height: 40px;
	padding-top:10px;
}
#DeliveryTable .td2, #DeliveryTable .td4
{
	color: Black;
	line-height: 24px;
	padding: 5px 0px 0px 0px;
}
#DeliveryTable .td3
{
	text-align: right;
	line-height: 30px;
	padding-top:10px;
}
#DeliveryTable .td4
{
	width: 320px;
}
#DeliveryTable #DistributionType, #DeliveryTable #DistributionTypeMsg, #DeliveryTable #SelectSendTimeType
{
	margin-left: 40px;
	clear: both;
}
#DeliveryTable #DistributionArea
{
	margin-left: 5px;
	clear: both;
}
#DeliveryTable #SelectSendTimeType
{
	margin-left: 0px;
}
#DeliveryTable #DistributionType
{
	margin-left: 0px;
}
#DeliveryTable #DistributionType input, #DeliveryTable #DistributionType label
{
	border: none;
	cursor: pointer;
}
#DeliveryTable #divEMS, #DeliveryTable #divUrgent, #DeliveryTable #divExpress, #DeliveryTable #divSurface
{
	margin-right: 20px;
	margin-top:10px;
	width: 100%;
	float: left;
}
/***ORDER SHOPCART***/
.ClearCart
{
	line-height: 16px;
	border: 0;
	margin-left: 330px;
	cursor: pointer;
	color: #399f33;
	background: white;
}
.OrderContent
{
	width: 100%;
}
.OrderContent table
{
	width: 100%;
}
.OrderContent .ItemIndex
{
	width: 5%;
	background-color: #f0ebea;
	color: #4d5d8a;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
}
.OrderContent .ItemContent
{
	/*width: 93%;*/
	border-bottom: 1px solid #cccccc;
}
.OrderContent .ItemLast
{
	width: 5%;
	border-bottom: 1px solid #cccccc;
	color: #ff6600;
}
.OrderContent .GeneralCartTemplate
{
	width: 100%;
}
.OrderContent .PackageItemTemplate .emptyTD
{
	width: 50px;
}
.OrderContent .GeneralCartTemplate .imgTD, .OrderContent .PackageItemTemplate .imgTD
{
	text-align: center;
	vertical-align: middle;
	width: 75px;
	height: 90px;
}
.OrderContent .GeneralCartTemplate .nameTD, .OrderContent .PackageItemTemplate .nameTD
{
	/*width:200px;*/
	padding: 10px;
	vertical-align: top;
	line-height: 26px;
	color: #565656;
}
.OrderContent .GeneralCartTemplate .DetailTD, .OrderContent .PackageItemTemplate .DetailTD
{
	padding-top: 15px;
	vertical-align: top;
	width: 70px;
	text-align: center;
}
.OrderContent .GeneralCartTemplate .BuyNumTD, .OrderContent .PackageItemTemplate .BuyNumTD
{
	width: 60px;
	text-align: center;
	color: #565656;
	padding-top: 15px;
	vertical-align: top;
}
.OrderContent .GeneralCartTemplate .StatusTD, .OrderContent .PackageItemTemplate .StatusTD
{
	width: 60px;
	text-align: center;
	color: #f87b39;
	padding-top: 15px;
	vertical-align: top;
}
.OrderContent .GeneralCartTemplate .StatTD, .OrderContent .PackageItemTemplate .StatTD
{
	width: 120px;
	text-align: center;
	color: #565656;
	padding-top: 15px;
	vertical-align: top;
}
.OrderContent .GeneralCartTemplate .OpTD, .OrderContent .PackageItemTemplate .OpTD
{
	text-align: center;
	line-height: 26px;
	width: 50px;
	padding-top: 8px;
	vertical-align: top;
}
.OrderContent .GeneralCartTemplate img, .OrderContent .PackageItemTemplate img
{
	width: 45px;
	height: 70px;
}
.OrderContent .GeneralCartTemplate .GoodsName:link, .OrderContent .GeneralCartTemplate .GoodsName:visited, .OrderContent .PackageItemTemplate .GoodsName:link, .OrderContent .PackageItemTemplate .GoodsName:visited, .OrderContent .PackageItemTemplate .GoodsNames
{
	color: #4d5d8a;
	width: 100%;
	text-decoration: none;
}
.OrderContent .GeneralCartTemplate .GoodsName:hover, .OrderContent .PackageItemTemplate .GoodsName:hover
{
	text-decoration: underline;
}
.OrderContent .GeneralCartTemplate .GoodsItemId, .OrderContent .PackageItemTemplate .GoodsItemId
{
	color: #999999;
}
.OrderContent .GeneralCartTemplate .ShowPackage:link, .OrderContent .GeneralCartTemplate .ShowPackage:visited
{
	color: #f87b39;
	text-decoration: none;
}
.OrderContent .GeneralCartTemplate .ShowPackage:hover
{
	text-decoration: underline;
}
.OrderContent .GeneralCartTemplate .DetailTD .td1, .OrderContent .PackageItemTemplate .DetailTD .td1
{
	width: 40px;
	text-align: right;
	line-height: 20px;
}
.OrderContent .GeneralCartTemplate .DetailTD .td2, .OrderContent .PackageItemTemplate .DetailTD .td2
{
	padding-left: 10px;
	color: #565656;
}
.OrderContent .GeneralCartTemplate .DetailTD .ListPrice, .OrderContent .PackageItemTemplate .DetailTD .ListPrice
{
	text-decoration: line-through;
}
.OrderContent .GeneralCartTemplate .DetailTD .CurrPrice, .OrderContent .PackageItemTemplate .DetailTD .CurrPrice
{
	color: #9f0710;
}
.OrderContent .GeneralCartTemplate .OpTD A:link, .OrderContent .GeneralCartTemplate .OpTD A:visited
{
	color: #4d5d8a;
	text-decoration: none;
}
.OrderContent .GeneralCartTemplate .OpTD A:hover
{
	text-decoration: underline;
	cursor: pointer;
}
.OrderContent .PackageItemTemplate
{
	width: 98%;
	border-top: 1px dotted #cccccc;
	float: right;
}
.OrderContent .CartRemark
{
	text-align: center;
	margin: 0px auto;
	line-height: 30px;
}
.OrderContent .NoData
{
	text-align: center;
	margin: 10px auto 0px auto;
	line-height: 30px;
	color: #9b153d;
	width: 100%;
	background: #ffffef;
	border: 1px solid #fff3ad;
}
/***ORDER PAYTYPE***/
#PayType
{
	line-height: 30px;
	margin: 5px 20px;
	color: Black;
}
#PayType input, #PayType label
{
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 15px;
	font-weight: bold;
}
#PayTypeMsg
{
	margin: 20px;
	line-height: 24px;
	color: Black;
	clear: both;
}
.PayButtons
{
	clear: right;
	float: right;
	margin: 20px 10px;
}
#PayType #divpay1, #PayType #divpay2, #PayType #divpay3, #PayType #divpay4,#PayType #divpay5
{
	clear: both;
	margin-left: 20px;
}
#PayType #divpay2 div, #PayType #divpay3 div, #PayType #divpay4 div
{
	height: 40px;
	line-height: 40px;
	text-indent: 110px;
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
#PayType .pay2
{
	background-image: url(/App_Themes/Theme/Images/Order/pay2.gif);
}
#PayType .pay3
{
	background-image: url(/App_Themes/Theme/Images/Order/pay3.gif);
}
#PayType .pay4
{
	background-image: url(/App_Themes/Theme/Images/Order/pay4.gif);
}
/***ORDER CONFIRM***/
#OrderAddressConfirm, #PayTypeConfirm
{
	width: 100%;
	color: Black;
	line-height: 24px;
	margin: 15px 0px;
}
#OrderAddressConfirm .td1, #PayTypeConfirm .td1
{
	width: 73px;
	text-align: right;
}
.OrderContent .TotolPay
{
	width: 35%;
	float: right;
}
.OrderContent .StatDIV
{
	margin-top: 20px;
	float: right;
	color: #414040;
	font-weight: bold;
	width: 335px;
}
.OrderContent .TotolPay .td1
{
	text-align: right;
	color: #414040;
	font-weight: bold;
	line-height: 28px;
	white-space: nowrap;

}
.OrderContent .StatDIV .td1
{
	text-align: right;
	color: #414040;
	font-weight: bold;
	line-height: 28px;
	white-space: nowrap;
	width:85px;
}
.OrderContent .TotolPay .td2
{
	color: #414040;
	font-weight: bold;
	text-align: right;
	width: 60px;
}
.OrderContent .StatDIV .td2
{
	color: #414040;
	font-weight: bold;
	text-align: right;
}
.OrderContent .TotolPay .td3,.OrderContent .StatDIV .td3
{
	width: 85px;
	text-align: center;
}
.OrderContent .TotolPay .td2 span, .OrderContent .StatDIV .td1 span, .OrderContent .StatDIV .td2 span
{
	color: #ff6600;
}
.OrderContent .TotolPay #UseConcessions:link, .OrderContent .TotolPay #UseConcessions:visited, .OrderContent .StatDIV #UseInvoice:link, .OrderContent .StatDIV #UseInvoice:visited
{
	white-space: nowrap;
	color: #4d5d8a;
	text-decoration: underline;
	font-weight: normal;
}
.OrderContent .TotolPay #UseConcessions:hover, .OrderContent .StatDIV #UseInvoice:hover
{
	text-decoration: none;
}

.OrderContent .Remark
{
	clear: both;
	width: 60%;
	float: left;
	color: #414040;
	margin-top: 0px;
}

.OrderContent #divUseConcessions
{
	color: Black;
}
.OrderContent #divUseConcessions td
{
	line-height: 24px;
	white-space: nowrap;
}
.OrderContent #divUseConcessions .td1
{
	text-align: right;
	width: 40%;
	padding-right: 20px;
	font-weight: normal;
}
.OrderContent #divUseConcessions #txtCardNo, .OrderContent #divUseConcessions #txtPassWord
{
	border: 1px solid #909292;
	width: 90px;
	float: left;
}
.OrderContent #divUseConcessions #btnSure
{
	color: #ff6600;
	cursor: pointer;
	border: none;
	background-color: Transparent;
	float: left;
}
#ErrorMsg1, #ErrorMsg2
{
	width: 100%;
	text-align: center;
	margin: 5px auto;
	display: none;
}
.OrderSuccess
{
	color: #696969;
	font-weight: bold;
	margin: 50px auto 50px auto;
}
.OrderSuccess .td1
{
	font-size: 24px;
	padding-left: 25px;
	color: #eb5e00;
}
.OrderSuccess .td2
{
	font-size: 12px;
	padding-left: 25px;
}
.OrderSuccess .td2 A:link, .OrderSuccess .td2 A:visited
{
	text-decoration: none;
	color: #696969;
	font-size: 14px;
}
.OrderSuccess .td2 A:hover
{
	text-decoration: underline;
	color: #39ab39;
}
.OrderSuccessNote
{
	line-height: 20px;
	color: #ff1d1d;
	margin-left: 10px;
}
.OrderSuccessAnchor
{
	line-height: 40px;
	margin: 0px 0px 10px 10px;
	color: Black;
}
.OrderSuccessAnchor b, .EPayNote b, .PostNote b
{
	color: #9b9b9b;
	margin-right: 5px;
}
.OrderSuccessAnchor A:link, .OrderSuccessAnchor A:visited, .Advice A:link, .Advice A:visited, .EPayNote A:link, .EPayNote A:visited, .PostNote A:link, .PostNote A:visited
{
	color: #666666;
	text-decoration: underline;
}
.OrderSuccessAnchor A:hover, .Advice A:hover, .EPayNote A:hover, .PostNote A:hover
{
	text-decoration: none;
	color: #39ab39;
}
.PostPay td
{
	line-height: 20px;
	color: Black;
}
.PostNote
{
	line-height: 20px;
	color: Black;
	margin: 30px 0px 60px 0px;
}
.PostPay .td1
{
	text-align: right;
	width: 6em;
}
.EPay
{
	width: 100%;
}
.EPay td
{
	text-align: center;
}
.EPay .td1
{
	color: #ff1d1d;
	font-weight: bold;
}
.EPay .td2
{
	padding: 25px 0px 50px 0px;
}
.EPayNote
{
	text-indent: 10px;
	color: Black;
	line-height: 20px;
	margin-bottom: 20px;
}
.PayButton
{
	background: url(/App_Themes/Theme/Images/Order/PayButton.gif) no-repeat;
	border: none;
	width: 140px;
	height: 32px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1em;
}
.Advice
{
	line-height: 50px;
	border-top: 1px solid #999999;
	width: 100%;
	text-indent: 10px;
	color: Black;
}

/***CHECK ORDER**/
.CheckOrderTitle
{
	border-top: 1px solid #1f770f;
	width: 100%;
	color: #1f770f;
	font-weight: bold;
	line-height: 30px;
	padding-top: 10px;
	margin-top: 10px;
	text-indent: 2.5em;
}
.CheckOrderContent1
{
	margin-left: 1em;
}
.CheckOrderContent1 .large
{
	font-size: 14px;
}
.CheckOrderContent1 A:link, .CheckOrderContent1 A:visited
{
	color: #1f770f;
	text-decoration: underline;
}
.CheckOrderContent1 A:hover
{
	text-decoration: none;
}
.CheckOrderContent1 td
{
	line-height: 24px;
	color: Black;
	text-align: left;
}
.CheckOrderContent
{
	line-height: 30px;
	color: Black;
	margin-left: 5.5em;
}
.CheckOrderContent td
{
	line-height: 30px;
	color: Black;
	text-align: left;
}
/*.AfreshOrderNote
{
	margin:10px 0px;
}*/
.AfreshOrderButtons
{
	text-align: center;
	margin: 20px auto 0px auto;
}
