mall_manage.css@t=20080730.css

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

.body-head H2 {
	DISPLAY: none
}
.body-head .tab {
	MARGIN: 0px 0px 10px
}
.checkout-order H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
SELECT {
	FONT-SIZE: 12px; COLOR: #666
}
OPTION {
	FONT-SIZE: 12px; COLOR: #666
}
.order {
	PADDING-RIGHT: 9px
}
.order-nav {
	MARGIN-TOP: 10px
}
.order-nav H3 {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px! important; LINE-HEIGHT: 15px
}
.order-head {
	MARGIN-TOP: -15px; PADDING-BOTTOM: 5px; HEIGHT: 20px; TEXT-ALIGN: right
}
.order-table {
	BORDER-RIGHT: #ded4bb 1px solid; BORDER-TOP: #ded4bb 1px solid; MARGIN-BOTTOM: 12px; BORDER-LEFT: #ded4bb 1px solid; COLOR: #666; BORDER-BOTTOM: #ded4bb 1px solid
}
.order-table-top .td-1 A:link {
	TEXT-DECORATION: underline
}
.order-table-top .td-1 A:visited {
	TEXT-DECORATION: underline
}
.order-table TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.order-open .order-table-top .td-1 {
	BACKGROUND-POSITION: 5px 7px; BACKGROUND-IMAGE: url(../img/order.gif); BACKGROUND-REPEAT: no-repeat
}
.order-close .order-table-top .td-1 {
	BACKGROUND-POSITION: 5px 7px; BACKGROUND-IMAGE: url(../img/order.gif); BACKGROUND-REPEAT: no-repeat
}
.order-close .order-table-top .td-1 {
	BACKGROUND-POSITION: 5px -80px
}
.order-table-top .td-1 A {
	MARGIN: 0px 10px 0px 4px
}
.order-table-top .td-1 A.ww-online {
	MARGIN: -2px 0px 0px
}
.order-table .td-2 {
	TEXT-ALIGN: right
}
.order-table .order-table-top {
	CURSOR: pointer; BACKGROUND-COLOR: #eae4d7
}
.order-table .hx-hover {
	BACKGROUND-COLOR: #f3f2ed
}
.order-open .order-table-top {
	CURSOR: pointer; BACKGROUND-COLOR: #f3f2ed
}
.order-table .order-table-top TD {
	BORDER-BOTTOM: #ded4bb 1px solid; HEIGHT: 27px
}
.order-table .order-table-top .td-1 {
	PADDING-LEFT: 26px
}
.order-table .order-table-main {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.order-table .order-table-main TBODY TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; VERTICAL-ALIGN: top; PADDING-TOP: 6px
}
.order-table .order-table-main TBODY .td-1-1 {
	PADDING-LEFT: 24px; COLOR: #999; LINE-HEIGHT: 18px
}
.pro-tx {
	ZOOM: 1; POSITION: relative
}
.pro-comment {
	RIGHT: 30px; POSITION: absolute; TOP: 0px
}
.order-1-table .td-1-2 {
	WIDTH: 15%
}
.order-1-table .td-1-3 {
	WIDTH: 10%
}
.order-open .pro-img {
	BORDER-RIGHT: #e9e9e9 1px solid; BORDER-TOP: #e9e9e9 1px solid; FLOAT: left; MARGIN: 0px 12px 0px 0px; BORDER-LEFT: #e9e9e9 1px solid; BORDER-BOTTOM: #e9e9e9 1px solid
}
.order-close .pro-img {
	DISPLAY: none
}
.order-close .pro-attr {
	DISPLAY: none
}
.order-close .alert {
	DISPLAY: none
}
.order-open .pro-attr {
	DISPLAY: block
}
.order-open .pro-hx {
	DISPLAY: block
}
.order-open .alert {
	DISPLAY: block
}
.order-open .alert {
	FLOAT: left
}
.order-table .order-table-main .pro-hx {
	FONT-WEIGHT: 700
}
.order-table .order-1-table {
	MARGIN: 0px
}
.order-table .order-1-table TBODY {
	BACKGROUND: #f6f2ee
}
.order-table .order-1-table TFOOT {
	VERTICAL-ALIGN: bottom; COLOR: #999; HEIGHT: 22px; TEXT-ALIGN: right
}
.order-state {
	COLOR: #999
}
.after-state {
	COLOR: #999; MARGIN-RIGHT: 20px
}
.order-state A:link {
	TEXT-DECORATION: none
}
.order-state A:visited {
	TEXT-DECORATION: none
}
.after-state A:link {
	TEXT-DECORATION: none
}
.after-state A:visited {
	TEXT-DECORATION: none
}
.order-state A:hover {
	TEXT-DECORATION: none
}
.order-state A:active {
	TEXT-DECORATION: none
}
.after-state A:hover {
	TEXT-DECORATION: none
}
.after-state A:active {
	TEXT-DECORATION: none
}
.order-state EM {
	FONT-WEIGHT: 700; COLOR: #666
}
.after-state EM {
	FONT-WEIGHT: 700; COLOR: #ce0000
}
.order-state .wait-pay {
	COLOR: #ce0000
}
.order-state .wait-consign {
	COLOR: #f7a900
}
.order-state .seller-consigned {
	COLOR: #66a537
}
.order-state .order-success {
	COLOR: #66a537
}
.order-date {
	MARGIN-TOP: 6px; FLOAT: left; MARGIN-LEFT: 5px; COLOR: #999
}
.order-no {
	MARGIN-RIGHT: 22px
}
.order-no EM {
	FONT-SIZE: 11px; COLOR: #66a537
}
.order-open .order-table-info {
	LINE-HEIGHT: 20px
}
.order-open .order-table-info TD {
	PADDING-BOTTOM: 8px
}
.order-open .order-table-info .info-th {
	FLOAT: left; WIDTH: 80px; COLOR: #999; TEXT-ALIGN: right
}
.order-close .order-table-info {
	DISPLAY: none
}
.order-table-bottom {
	HEIGHT: 30px; TEXT-ALIGN: right
}
.order-table-bottom .td-1 {
	PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom
}
.order-table-bottom .td-2 {
	PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom
}
.order-price {
	FONT-WEIGHT: 700; COLOR: #c00
}
.pay-box {
	MARGIN: 0px 15px
}
.point-get {
	FONT-WEIGHT: 700; COLOR: #008000
}
.point-use {
	FONT-WEIGHT: 700; COLOR: #5b5b5b
}
.money-use {
	FONT-WEIGHT: 700; COLOR: #5b5b5b
}
.money-change {
	FONT-WEIGHT: 700; COLOR: #666
}
.order-point {
	FONT-WEIGHT: 700; COLOR: #5b5b5b; MARGIN-RIGHT: 20px
}
.order-bottom {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; OVERFLOW: hidden; PADDING-TOP: 0px; ZOOM: 1
}
.select-my-address .select-ul {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.select-my-address .select-ul LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; HEIGHT: 18px
}
.service-terms {
	MARGIN: 10px 20px; WIDTH: 910px; min-width: 910px
}
.alert-box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 21px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px
}
.select-my-address P.manage-address {
	RIGHT: 0px; MARGIN: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: right
}
.select-my-address P.tip {
	RIGHT: 10px; POSITION: absolute; TOP: 30px
}
.f-province {
	MARGIN-TOP: 0px; WIDTH: 130px; MARGIN-RIGHT: 10px
}
.f-city {
	MARGIN-TOP: 0px; WIDTH: 130px; MARGIN-RIGHT: 10px
}
.f-zone {
	MARGIN-TOP: 0px; WIDTH: 130px; MARGIN-RIGHT: 10px
}
.f-zipcode {
	WIDTH: 70px
}
.f-addresser {
	WIDTH: 580px; HEIGHT: 40px
}
.f-name {
	WIDTH: 120px
}
.f-areano-number {
	WIDTH: 40px
}
.f-phone-number {
	WIDTH: 90px
}
.f-extension-number {
	WIDTH: 50px
}
.f-mobiles-number {
	WIDTH: 120px
}
.f-logistics {
	WIDTH: 300px
}
.f-logistics-no {
	WIDTH: 300px
}
.c-order-ul {
	PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; LINE-HEIGHT: 20px; PADDING-TOP: 8px; BORDER-BOTTOM: #e4e4e4 1px solid
}
.c-order-first {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px
}
.c-order-last {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px
}
.c-order-ul LI {
	PADDING-LEFT: 105px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; PADDING-TOP: 4px; HEIGHT: 1%
}
.c-order-ul LI .first {
	DISPLAY: inline; MARGIN-LEFT: -105px; HEIGHT: auto
}
.c-order-ul .alert-error-mini {
	DISPLAY: inline; MARGIN-LEFT: 6px
}
.checkout-order DIV.alert {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 20px
}
.consignment .sumbit-box {
	PADDING-LEFT: 110px; PADDING-BOTTOM: 10px; MARGIN: -20px -110px 15px 0px; TEXT-ALIGN: left
}
.consignment FIELDSET {
	MARGIN-BOTTOM: 30px
}
.consignment {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; PADDING-TOP: 0px
}
.order-value {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; PADDING-TOP: 0px
}
.order-value .order-content {
	MARGIN-TOP: 20px
}
.order-value-main {
	MARGIN-TOP: 20px
}
.order-value-main H3 {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: 700; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: -5px; COLOR: #666; BORDER-RIGHT-WIDTH: 0px
}
.value-detail {
	MARGIN-TOP: 10px; BACKGROUND: #f2f2f2; HEIGHT: 1%
}
.post-ul {
	PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; LINE-HEIGHT: 20px; PADDING-TOP: 8px; BORDER-BOTTOM: #e4e4e4 1px solid; ZOOM: 1
}
.post-ul .first {
	CLEAR: left; DISPLAY: block; FLOAT: left; WIDTH: 180px; HEIGHT: 32px; TEXT-ALIGN: right
}
.post-ul-first {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px
}
.post-ul-last {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px
}
.post-ul-noline {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.post-ul LI {
	PADDING-LEFT: 185px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; PADDING-TOP: 4px; ZOOM: 1
}
.post-ul LI .first {
	DISPLAY: inline; MARGIN-LEFT: -185px; HEIGHT: auto
}
.f-value-content {
	MARGIN-LEFT: 0px; WIDTH: 550px; HEIGHT: 80px
}
.sumbit-box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; MARGIN: -15px 0px 0px; PADDING-TOP: 0px
}
.order-content .word-wrap {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 600px
}
.shopping-cart {
	OVERFLOW: hidden; POSITION: relative
}
.shopping-cart TABLE {
	WIDTH: 100%
}
.shopping-cart HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #aeaeae; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 10px; HEIGHT: 2px; BORDER-RIGHT-WIDTH: 0px
}
.shopping-cart-content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 20px
}
.shopping-cart .shopping-cart-alert {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../img/shoppingcart-bg.gif) no-repeat 0px 5px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.shopping-cart .shopping-cart-alert UL {
	MARGIN: -5px 0px 0px 120px
}
.shopping-cart .shopping-cart-alert H4 {
	MARGIN: -5px 0px 0px 120px
}
.shopping-cart .shopping-cart-alert BUTTON {
	MARGIN: 0px 0px 0px 130px
}
.shopping-cart .shopping-cart-alert-clueon {
	BORDER-RIGHT: #003f8e 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #003f8e 1px solid; PADDING-LEFT: 10px; BACKGROUND: #eaf3ff; PADDING-BOTTOM: 0px; BORDER-LEFT: #003f8e 1px solid; COLOR: #003f8e; PADDING-TOP: 0px; BORDER-BOTTOM: #003f8e 1px solid
}
.shopping-cart H3 {