﻿/*
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Tahoma,SimSun,Arial;
font-size:12px;
line-height:15px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:10px 0;
padding:10px 0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E4E4E4;
border-width:1px 0;
clear:both;
height:2px;
margin:5px 0;
overflow:hidden;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}
.invisible {
display:none;
}
h1, h2, h3, h4, h5, h6 {
color:#555555;
font-weight:700;
padding:0 0 2px 5px;
}
h1 {
font-size:20px;
line-height:28px;
}
h2 {
font-size:18px;
line-height:24px;
}
h3 {
font-size:16px;
line-height:20px;
}
h4 {
font-size:14px;
line-height:18px;
}
h5 {
font-size:12px;
line-height:16px;
}
h6 {
font-size:12px;
font-weight:400;
line-height:16px;
}
a:link, a:visited {
color:#3366CC;
text-decoration:none;
}
a:hover, a:active {
color:#FF6600;
text-decoration:underline;
}
table {
margin:4px 0 5px;
}
th {
font-weight:400;
}
th, td {
padding:4px 10px 3px 4px;
}
th {
text-align:center;
}
tfoot th {
color:#333333;
font-weight:700;
text-align:right;
}
caption {
background:#FFFFCC none repeat scroll 0 0;
padding:4px;
}
p {
line-height:17px;
padding:4px 4px 8px;
}
p img {
float:left;
margin:0 18px 18px 0;
padding:0;
}
fieldset {
background:#F2F2F2 none repeat scroll 0 0;
clear:both;
}
fieldset li {
line-height:20px;
padding:5px 0;
}
textarea {
background:#FFFFFF url(http://assets.taobaocdn.com/ark/img/input.gif) no-repeat scroll 0 0;
border:1px solid #A7A6AA;
font-size:12px;
height:5em;
margin:0 3px;
padding:3px 2px 0;
width:50%;
}
input {
color:#666666;
font-size:12px;
}
input[type="text"], input[type="password"] {
background:#FFFFFF url(http://assets.taobaocdn.com/ark/img/input.gif) no-repeat scroll 0 0;
border:1px solid #A7A6AA;
height:16px;
margin:0 3px;
padding:3px 2px 0 3px;
}
input[type="checkbox"] {
margin:0 2px 1px 3px;
vertical-align:middle;
}
* + html input[type="checkbox"] {
margin:0;
}
input[type="radio"] {
margin:0 2px 1px 3px;
vertical-align:middle;
}
* + html input[type="radio"] {
margin:0;
}
input[type="file"] {
margin:0 2px 1px 3px;
vertical-align:middle;
}
select {
color:#666666;
font-size:12px;
margin:0 3px;
}
option {
padding-right:4px;
}
* html input.text, * html input.password {
background:#FFFFFF url(http://assets.taobaocdn.com/ark/img/input.gif) no-repeat scroll 0 0;
border:1px solid #A7A6AA;
height:16px;
margin:-1px 3px;
padding:3px 2px 0;
}
* html input.checkbox {
margin:0 0 -2px -1px;
vertical-align:middle;
}
* html input.radio {
margin:0 0 -2px -1px;
vertical-align:middle;
}
* html input.file {
height:20px;
margin:-1px 3px;
}
* html fieldset label {
vertical-align:bottom;
}
.sumbit-box button, .sumbit-box .button {
margin:0 5px 0 0;
}
.center {
text-align:center;
}
.small .header, .small .body, .small .footer {
margin:0 auto;
min-width:760px;
width:760px;
}
.medium .header, .medium .body, .medium .footer {
clear:both;
margin:0 auto;
min-width:950px;
width:950px;
}
.large .header, .large .body, .large .footer {
margin:0;
}
.footer {
clear:both;
}
.body {
min-height:300px;
}
.main {
float:right;
min-height:300px;
width:100%;
}
.grid-column {
float:left;
padding:0;
}
body .main .grid-column {
float:none;
padding:10px 0 0;
width:auto;
}

*/
 img {
border:0 none;
}

.flexed {
clear:both;
height:0;
overflow:hidden;
width:100%;
}
.grid-layout-a .main, .grid-layout-b .main, .grid-layout-c .main, .grid-layout-d .main, .grid-layout-e .main, .grid-layout-f .main {
float:left;
}
.grid-layout-a .grid-column, .grid-layout-b .grid-column, .grid-layout-c .grid-column, .grid-layout-d .grid-column, .grid-layout-e .grid-column, .grid-layout-f .grid-column {
float:right;
}
.grid-layout-1 .main {
margin:0 0 0 -110px;
}
.grid-layout-1 .main .grid-column {
margin:0 0 0 120px;
}
.grid-layout-1 .grid-column {
width:110px;
}
.grid-layout-2 .main {
margin:0 0 0 -150px;
}
.grid-layout-2 .main .grid-column {
margin:0 0 0 160px;
}
.grid-layout-2 .grid-column {
width:150px;
}
.grid-layout-3 .main {
margin:0 0 0 -189px;
}
.grid-layout-3 .main .grid-column {
margin:0 0 0 199px;
}
.grid-layout-3 .grid-column {
width:188px;
}
.grid-layout-4 .main {
margin:0 0 0 -230px;
}
.grid-layout-4 .main .grid-column {
margin:0 0 0 240px;
}
.grid-layout-4 .grid-column {
width:230px;
}
.grid-layout-5 .main {
margin:0 0 0 -270px;
}
.grid-layout-5 .main .grid-column {
margin:0 0 0 280px;
}
.grid-layout-5 .grid-column {
width:270px;
}
.grid-layout-6 .main {
margin:0 0 0 -309px;
}
.grid-layout-6 .main .grid-column {
margin:0 0 0 319px;
}
.grid-layout-6 .grid-column {
width:309px;
}
.grid-layout-a .main {
margin:0 -110px 0 0;
}
.grid-layout-a .main .grid-column {
margin:0 120px 0 0;
}
.grid-layout-a .grid-column {
width:110px;
}
.grid-layout-b .main {
margin:0 -150px 0 0;
}
.grid-layout-b .main .grid-column {
margin:0 160px 0 0;
}
.grid-layout-b .grid-column {
width:150px;
}
.grid-layout-c .main {
margin:0 -190px 0 0;
}
.grid-layout-c .main .grid-column {
margin:0 200px 0 0;
}
.grid-layout-c .grid-column {
width:190px;
}
.grid-layout-d .main {
margin:0 -230px 0 0;
}
.grid-layout-d .main .grid-column {
margin:0 240px 0 0;
}
.grid-layout-d .grid-column {
width:230px;
}
.grid-layout-e .main {
margin:0 -270px 0 0;
}
.grid-layout-e .main .grid-column {
margin:0 280px 0 0;
}
.grid-layout-e .grid-column {
width:270px;
}
.grid-layout-f .main {
margin:0 -310px 0 0;
}
.grid-layout-f .main .grid-column {
margin:0 320px 0 0;
}
.grid-layout-f .grid-column {
width:310px;
}
.module-main {
float:right;
width:100%;
}
.module-column {
float:left;
}
body .module-main .module-column {
float:none;
width:auto;
}
.module-layout-1 .module-main {
margin:0 0 0 -110px;
}
.module-layout-1 .module-main .module-column {
margin:0 0 0 120px;
}
.module-layout-1 .module-column {
width:110px;
}
.module-layout-2 .module-main {
margin:0 0 0 -150px;
}
.module-layout-2 .module-main .module-column {
margin:0 0 0 160px;
}
.module-layout-2 .module-column {
width:150px;
}
.module-layout-3 .module-main {
margin:0 0 0 -190px;
}
.module-layout-3 .module-main .module-column {
margin:0 0 0 200px;
}
.module-layout-3 .module-column {
width:190px;
}
.module-layout-4 .module-main {
margin:0 0 0 -230px;
}
.module-layout-4 .module-main .module-column {
margin:0 0 0 240px;
}
.module-layout-4 .module-column {
width:230px;
}
.module-layout-a .module-main, .module-layout-b .module-main, .module-layout-c .module-main, .module-layout-d .module-main {
float:left;
}
.module-layout-a .module-column, .module-layout-b .module-column, .module-layout-c .module-column, .module-layout-d .module-column {
float:right;
}
.module-layout-a .module-main {
margin:0 -110px 0 0;
}
.module-layout-a .module-main .module-column {
margin:0 120px 0 0;
}
.module-layout-a .module-column {
width:110px;
}
.module-layout-b .module-main {
margin:0 -150px 0 0;
}
.module-layout-b .module-main .module-column {
margin:0 160px 0 0;
}
.module-layout-b .module-column {
width:150px;
}
.module-layout-c .module-main {
margin:0 -190px 0 0;
}
.module-layout-c .module-main .module-column {
margin:0 200px 0 0;
}
.module-layout-c .module-column {
width:190px;
}
.module-layout-d .module-main {
margin:0 -230px 0 0;
}
.module-layout-d .module-main .module-column {
margin:0 240px 0 0;
}
.module-layout-d .module-column {
width:230px;
}
.column {
float:left;
margin:0 10px 0 0;
}
.last {
margin:0;
}
.column-1 {
width:30px;
}
.column-2 {
width:70px;
}
.column-3 {
width:110px;
}
.column-4 {
width:150px;
}
.column-4d5 {
width:170px;
}
.column-5 {
width:190px;
}
.column-6 {
width:230px;
}
.column-7 {
width:270px;
}
.column-8 {
width:310px;
}
.column-8d5 {
width:320px;
}
.column-9 {
width:350px;
}
.column-9d5 {
width:368px;
}
.column-10 {
width:390px;
}
.column-10d5 {
width:408px;
}
.column-11 {
width:430px;
}
.column-12 {
width:470px;
}
.column-13 {
width:510px;
}
.column-14 {
width:550px;
}
.column-15 {
width:590px;
}
.column-15d5 {
width:608px;
}
.column-16 {
width:630px;
}
.column-17 {
width:670px;
}
.column-18 {
width:710px;
}
.column-19 {
width:750px;
}
.column-20 {
width:790px;
}
.column-21 {
width:830px;
}
.column-22 {
width:870px;
}
.column-23 {
width:910px;
}
.column-24 {
margin:0;
width:950px;
}
.shadow {
}
.shadow .header {
background:#FFFFFF none repeat scroll 0 0;
}
.shadow .body .body-content .main {
padding:0;
}
.shadow .body .body-bottom {
display:none;
}
.grid-layout-3 .body-content {
background:transparent url(http://assets.taobaocdn.com/ark/img/line.gif) repeat-y scroll 189px 0;
}
.grid-layout-c .body-content {
background:transparent url(http://assets.taobaocdn.com/ark/img/line.gif) repeat-y scroll 759px 0;
}
.grid-layout-2 .body-content {
background:transparent url(http://assets.taobaocdn.com/ark/img/line.gif) repeat-y scroll 150px 0;
}
.grid-layout-6 .body-content {
background:transparent url(http://assets.taobaocdn.com/ark/img/line.gif) repeat-y scroll 310px 0;
}
.grid-layout-f .body-content {
background:transparent url(http://assets.taobaocdn.com/ark/img/line.gif) repeat-y scroll 638px 0;
}
.small .header, .medium .header {
width:100%;
}
.small .channel-menu, .small .shopping-cart, .small .body-content, .small .body-top {
margin:0 auto;
min-width:760px;
width:760px;
}
.medium .head-top, .medium .channel-menu, .medium .shopping-cart, .medium .body-content, .medium .body-top {
margin:0 auto;
min-width:950px;
width:950px;
}
.large .shopping-cart, .large .body-content, .large .body-top, .large .body-head {
margin:0 auto;
min-width:950px;
width:950px;
}
.large .no-line {
min-width:950px;
width:950px;
}
.patch {
margin:20px 0 0;
min-height:21px;
padding:0 0 20px;
width:100%;
}
.patch-v2 ol {
background:#E4E4E4 none repeat scroll 0 0;
min-height:20px;
}
.patch:after {
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}
.patch ins {
background-color:#E4E4E4;
border-left:2px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#999999;
display:block;
font-size:12px;
font-weight:400;
line-height:16px;
margin:0;
min-height:90px;
padding:10px;
text-decoration:none;
text-indent:0;
}
.patch ins a:link, .patch ins a:visited {
text-decoration:underline;
}
.patch ins button {
display:block;
margin:10px auto;
width:140px;
}
.patch ins .help {
padding:0 0 0 12px;
}
.patch ins dl {
margin:10px 0;
}
.patch .li-1 ins {
border-left:medium none;
}
.patch ol {
float:left;
width:100%;
}
.patch li {
background-color:#E4E4E4;
background-image:url(http://assets.taobaocdn.com/ark/img/patch-bg.gif);
background-repeat:no-repeat;
color:#999999;
float:left;
font-size:14px;
font-weight:700;
line-height:19px;
text-indent:20px;
}
.patch .patch-3 {
display:inline;
margin:0 5%;
width:90%;
}
.patch-3 li {
width:33%;
}
.patch-3 .li-3 {
width:34%;
}
.patch-4 li {
width:24.95%;
}
.patch-5 li {
width:20%;
}
.patch-6 li {
width:16%;
}
.patch-6 .li-1 {
width:18%;
}
.patch-6 .li-6 {
width:18%;
}
.patch li span {
color:#FFFFFF;
font-size:16px;
font-weight:700;
line-height:19px;
margin-right:6px;
}
.step-1 .li-1 {
background-position:-12px -20px;
color:#FFFFFF;
}
.step-2 .li-1, .step-3 .li-1, .step-4 .li-1, .step-5 .li-1, .step-6 .li-1 {
background-position:-12px -40px;
color:#A99263;
}
.step-2 .li-1 a, .step-3 .li-1 a, .step-4 .li-1 a, .step-5 .li-1 a, .step-6 .li-1 a {
color:#A99263;
}
.step-2 .li-1 ins, .step-3 .li-1 ins, .step-4 .li-1 ins, .step-5 .li-1 ins, .step-6 .li-1 ins {
background:#E7E1D2 none repeat scroll 0 0;
color:#A99263;
}
.step-3 .li-2, .step-4 .li-2, .step-4 .li-3, .step-5 .li-2, .step-5 .li-3, .step-5 .li-4, .step-6 .li-2, .step-6 .li-3, .step-6 .li-4, .step-6 .li-5 {
background-color:#E7E1D2;
background-position:0 -40px;
color:#A99263;
}
.step-3 .li-2 ins, .step-4 .li-2 ins, .step-4 .li-3 ins, .step-5 .li-2 ins, .step-5 .li-3 ins, .step-5 .li-4 ins, .step-6 .li-2 ins, .step-6 .li-3 ins, .step-6 .li-4 ins, .step-6 .li-5 ins {
background:#E7E1D2 none repeat scroll 0 0;
color:#A99263;
}
.step-2 .li-2, .step-3 .li-3, .step-4 .li-4, .step-5 .li-5, .step-6 .li-6 {
background-color:#E7E1D2;
background-position:0 -20px;
color:#FFFFFF;
}
.step-1 .li-1 ins, .step-2 .li-2 ins, .step-3 .li-3 ins, .step-4 .li-4 ins, .step-5 .li-5 ins, .step-6 .li-6 ins {
background-color:#B0000F;
color:#FFC1A6;
}
.step-1 .li-1 ins strong, .step-2 .li-2 ins strong, .step-3 .li-3 ins strong, .step-4 .li-4 ins strong, .step-5 .li-5 ins strong, .step-6 .li-6 ins strong {
color:#FFFFFF;
}
.patch ins strong.step-loading {
background:transparent url(http://assets.taobaocdn.com/ark/img/mall_tbsp_step_loading.gif) no-repeat scroll 0 0;
color:white;
display:block;
line-height:20px;
margin-bottom:10px;
margin-left:31px;
padding-left:41px;
}
.patch ins i {
color:white;
}
.step-1 .li-1 ins a:link, .step-1 .li-1 ins a:visited, .step-2 .li-2 ins a:link, .step-2 .li-2 ins a:visited, .step-3 .li-3 ins a:link, .step-3 .li-3 ins a:visited, .step-4 .li-4 ins a:link, .step-4 .li-4 ins a:visited, .step-5 .li-5 ins a:link, .step-5 .li-5 ins a:visited, .step-6 .li-6 ins a:link, .step-6 .li-6 ins a:visited {
color:#FFFFFF;
text-decoration:underline;
}
.step-1 .li-1 ins a:hover, .step-1 .li-1 ins a:active, .step-2 .li-2 ins a:hover, .step-2 .li-2 ins a:active, .step-3 .li-3 ins a:hover, .step-3 .li-3 ins a:active, .step-4 .li-4 ins a:hover, .step-4 .li-4 ins a:active, .step-5 .li-5 ins a:hover, .step-5 .li-5 ins a:active, .step-6 .li-6 ins a:hover, .step-6 .li-6 ins a:active {
color:#FF6600;
text-decoration:underline;
}
.step-1 .li-2, .step-2 .li-3, .step-3 .li-4, .step-4 .li-5, .step-5 .li-6 {
background-color:#AC1D2F;
}
.step-1 .li-2 ins, .step-2 .li-3 ins, .step-3 .li-4 ins, .step-4 .li-5 ins, .step-5 .li-6 ins {
background:#E4E4E4 none repeat scroll 0 0;
color:#999999;
}
.patch-l-4 ol.step-1 {
background:#E7E1D2 url(http://assets.taobaocdn.com/ark/img/patch4-bg-01.gif) repeat-y scroll 0 0;
}
.patch-l-4 ol.step-2 {
background:#E7E1D2 url(http://assets.taobaocdn.com/ark/img/patch4-bg-02.gif) repeat-y scroll 0 0;
}
.patch-l-4 ol.step-3 {
background:#E7E1D2 url(http://assets.taobaocdn.com/ark/img/patch4-bg-03.gif) repeat-y scroll 0 0;
}
.patch-l-4 ol.step-4 {
background:#E7E1D2 url(http://assets.taobaocdn.com/ark/img/patch4-bg-04.gif) repeat-y scroll 0 0;
}