/* reset */
* { border:0; margin:0; padding:0; }
body { color:#707070; font:14px/20px "Microsoft YaHei",微软雅黑,Verdana,Helvetica,sans-serif; }

/* global */
a      { color:#274bb9; outline:none; }
.clear { clear:both; }

/* form elements */
button           { background:none; cursor:pointer; }
button span      { background:url('../images/bg-button-r.png') right center no-repeat; display:block; padding:0 10px 0 0; }
button span span { background:url('../images/bg-button-l.png') left center no-repeat; color:#fff; font-size:14px; height:33px; line-height:33px; padding:0 17px 0 27px; }
.input-text      { border:1px solid #c9c9c9; font:12px/20px "Microsoft YaHei",微软雅黑,Verdana,Helvetica,sans-serif; padding:2px 5px; }
select           { border:1px solid #c9c9c9; font:12px/20px "Microsoft YaHei",微软雅黑,Verdana,Helvetica,sans-serif; padding:2px 5px; }
label.error      { color:#df280a; font-size:12px; margin:0 0 0 10px; }

/* slideshow */
.slideshow-wrapper   { height:650px; overflow:hidden; position:absolute; width:100%; z-index:1; }
.slideshow-container { margin:0 auto; position:relative; width:1010px; }

/* inner banner */
.banner-wrapper   { height:444px; overflow:hidden; position:absolute; width:100%; z-index:1; }
.banner-container { margin:0 auto; position:relative; width:1010px; }
.banner           { margin:0 0 0 -295px; }

/* header */
.header-wrapper               { background:url('../images/bg-header.png') repeat; height:145px; padding:35px 0 0; position:relative; z-index:5; }
.header                       { margin:0 auto; width:1010px; }
.header .logo                 { float:left; }
.header .quick-access         { float:right; }
.header .quick-access a       { background:center center no-repeat; display:block; float:right; margin:0 0 22px 15px; height:10px; text-indent:-9999px; width:11px; }
.header .quick-access a.email { background-image:url('../images/ico-email.png'); }
.header .quick-access a.home  { background-image:url('../images/ico-home.png'); }
.header .main-menu-l          { background:url('../images/bg-main-menu-l.png') left center no-repeat; margin:10px -5px 0 -5px; padding:0 0 0 14px; }
.header .main-menu-r          { background:url('../images/bg-main-menu-r.png') right center no-repeat; padding:0 14px 0 0; }
.header .main-menu            { background:url('../images/bg-main-menu-c.png') center repeat-x; }

/* main content */
.main-wrapper                   { background:url('../images/bg-main.png') top repeat-x; margin:280px 0 30px; padding:20px 0 0; position:relative; z-index:4; }
.home .main-wrapper             { margin:470px 0 20px; }
.main                           { margin:0 auto; width:1010px; }
.main .page-title               { position:absolute; top:-40px; }
.main .page-title h2            { background:url('../images/bg-page-title.png') right top no-repeat; color:#fff; display:inline-block; font-size:16px; font-weight:normal; height:35px; line-height:35px; margin:0 0 0 47px; padding:2px 15px 0 0; }
.main .page-title h2 .sub-title { color:#a7e1f9; font-size:11px; margin:0 0 0 2px; }

/* home */
.home .col-l { float:left; margin:0 0 0 -5px; width:270px; }
.home .col-r { float:right; margin:0 -5px 0 0; }

/* one column */
.one-column .main         { background:url('../images/bg-main-t.png') center top no-repeat; padding:45px 0 0; width:1021px; }
.one-column .main-b       { background:url('../images/bg-main-b.png') center bottom no-repeat; padding:0 0 20px; }
.one-column .main-c       { background:url('../images/bg-main-c.png') center top repeat-y; }
.one-column .container    { min-height:500px; padding:0 5px; position:relative; }
.one-column .page-content { padding:34px 46px; }

/* two columns */
.two-columns .col-l        { float:left; margin:0 0 0 -5px; width:270px; }
.two-columns .col-r        { background:url('../images/bg-main-2-t.png') center top no-repeat; float:right; margin:0 -5px 0 0; padding:45px 0 0; width:731px; }
.two-columns .main-b       { background:url('../images/bg-main-2-b.png') center bottom no-repeat; padding:0 0 20px; }
.two-columns .main-c       { background:url('../images/bg-main-2-c.png') center top repeat-y; }
.two-columns .container    { min-height:563px; padding:0 5px; position:relative; }
.two-columns .page-content { padding:24px 40px; }

/* footer */
.footer-wrapper               { background:#1d3980; }
.footer                       { color:#fff; margin:0 auto; padding:40px 0 18px; position:relative; width:1010px; z-index:3; }
.footer .logo                 { float:left; margin:0 25px 0 0; }
.footer .nav                  { float:left; font-size:12px; }
.footer .wechat               { float:right; }
.footer .wechat .caption      { background:url('../images/bg-wechat-r.png') right top no-repeat; float:left; padding:0 20px 0 0; }
.footer .wechat .caption span { background:url('../images/bg-wechat-l.png') left top no-repeat; display:block; padding:9px 0 29px 20px; }
.footer .wechat .qrcode       { float:left; margin:-17px 0 0 20px; }

/* blocks */
.block .block-title h3      { display:none; }
.block .block-title a       { background:url('../images/ico-more.png') left center no-repeat; color:#ffba00; display:block; font-size:11px; padding:0 0 0 11px; position:absolute; right:18px; text-decoration:none; top:17px; }
.block .block-title a:hover { color:#274bb9; }
.block .block-contents      { font-size:14px; }

/* side blocks */
.block-side                            { background:url('../images/bg-block-side-b.png') center bottom no-repeat; padding:0 0 30px; }
.block-side .block-title               { background:url('../images/bg-block-side-title.png') center center no-repeat; padding:6px 0 0 50px; }
.block-side .block-title h3            { color:#fff; display:block; font-size:16px; font-weight:normal; height:39px; line-height:39px; }
.block-side .block-title h3 .sub-title { color:#7fb6fe; font-size:11px; margin:0 0 0 2px; }
.block-side .block-contents            { background:url('../images/bg-block-side-c.png') center repeat-y; padding:10px 20px; }

/* contact us */
.block-contact-us            { background:url('../images/bg-contact-us.png') center center no-repeat; height:319px; margin:17px 0 0; position:relative; width:270px; }
.block-contact-us ul         { left:28px; position:absolute; top:50px; }
.block-contact-us li         { background:left center no-repeat; line-height:26px; list-style:none; padding:0 0 0 24px; }
.block-contact-us li.address { background-image:url('../images/ico-address.png'); }
.block-contact-us li.company { background-image:url('../images/ico-company.png'); }
.block-contact-us li.tel     { background-image:url('../images/ico-tel.png'); }

/* work time */
.block-work-time                              { background:url('../images/bg-work-time.png') center center no-repeat; height:175px; margin:-3px 0 0; position:relative; width:270px; }
.block-work-time .block-contents              { left:28px; position:absolute; top:50px; }
.block-work-time .block-contents ul           { margin:5px 0 15px; }
.block-work-time .block-contents li           { line-height:26px; list-style:none; }
.block-work-time .block-contents a            { background:center center no-repeat; display:block; float:left; height:22px; text-indent:-9999px; }
.block-work-time .block-contents a.btn-weibo  { background-image:url('../images/btn-weibo.png'); margin:0 10px 0 0; width:62px; }
.block-work-time .block-contents a.btn-wechat { background-image:url('../images/btn-wechat.png'); width:67px; }

/* notice */
.block-notice                            { background:url('../images/bg-notice.png') center center no-repeat; height:456px; position:relative; width:271px; }
.block-notice .block-contents            { left:21px; position:absolute; top:145px; width:225px; }
.block-notice .block-contents li         { background:url('../images/point.png') center bottom repeat-x; line-height:30px; list-style:none; padding:1px 0; }
.block-notice .block-contents li a       { background:url('../images/disc.png') 1px center no-repeat; color:#616060; display:block; padding:0 0 0 12px; text-decoration:none; }
.block-notice .block-contents li a:hover { color:#274bb9; }
.block-notice a.more                     { background:url('../images/ico-more.png') left center no-repeat; bottom:30px; color:#ffba00; display:block; font-size:11px; padding:0 0 0 11px; position:absolute; right:20px; text-decoration:none; }
.block-notice a.more:hover               { color:#274bb9; }

/* expense explanation */
.block-expense-explanation                 { background:url('../images/bg-expense-explanation.png') center center no-repeat; height:439px; margin:0 0 15px; position:relative; width:731px; }
.block-expense-explanation .block-contents { height:348px; left:20px; overflow-x:hidden; overflow-y:auto; position:absolute; top:65px; width:690px; }
.block-expense-explanation table           { border-bottom:1px solid #636363; border-right:1px solid #636363; }
.block-expense-explanation table td        { border-left:1px solid #636363; border-top:1px solid #636363; font-size:12px; }

/* news */
.block-news                            { background:url('../images/bg-news.png') center center no-repeat; float:left; height:275px; position:relative; width:361px; }
.block-news .block-contents            { left:23px; position:absolute; top:55px; width:315px; }
.block-news .block-contents li         { background:url('../images/point.png') center bottom repeat-x; line-height:30px; list-style:none; padding:1px 0; }
.block-news .block-contents li a       { background:url('../images/disc.png') 1px center no-repeat; color:#616060; display:block; float:left; padding:0 0 0 12px; text-decoration:none; }
.block-news .block-contents li a:hover { color:#274bb9; }
.block-news .block-contents li .date   { color:#a9aaab; float:right; font:11px/30px Verdana; }

/* faq */
.block-faq                            { background:url('../images/bg-faq.png') center center no-repeat; float:right; height:275px; position:relative; width:361px; }
.block-faq .block-contents            { left:23px; position:absolute; top:55px; width:195px; }
.block-faq .block-contents li         { background:url('../images/point.png') center bottom repeat-x; height:30px; line-height:30px; list-style:none; overflow:hidden; padding:1px 0; }
.block-faq .block-contents li a       { background:url('../images/disc.png') 1px center no-repeat; color:#616060; display:block; height:30px; padding:0 0 0 12px; text-decoration:none; }
.block-faq .block-contents li a:hover { color:#274bb9; }

/* company show */
.block-company-show                            { background:url('../images/bg-company-show.png') center center no-repeat; height:221px; margin:15px 0 0; position:relative; width:731px; }
.block-company-show .block-contents            { height:102px; left:40px; overflow:hidden; position:absolute; top:62px; width:651px; }
.block-company-show .block-contents ul         { width:9999px; }
.block-company-show .block-contents li         { float:left; list-style:none; padding:0 10px 0 0; }
.block-company-show .block-contents li a       { border:1px solid #b2b2b2; display:block; height:100px; width:153px; }
.block-company-show .block-contents li a:hover { border:1px solid #274bb9; }
.block-company-show a.btn                      { background:center center no-repeat; display:block; height:12px; position:absolute; text-indent:-9999px; top:105px; width:11px; }
.block-company-show a.btn-prev                 { background-image:url('../images/btn-rolling-prev.png'); left:20px; }
.block-company-show a.btn-next                 { background-image:url('../images/btn-rolling-next.png'); right:20px; }

/* links */
.block-links                   { background:url('../images/bg-links.png') center center no-repeat; height:113px; margin:10px -5px 35px; position:relative; width:1021px; }
.block-links .block-contents   { height:65px; left:165px; overflow:hidden; position:absolute; top:25px; width:840px; }
.block-links .block-contents a { margin:0 5px; }

/* live chat */
.block-live-chat { background:url('../images/bg-live-chat.png') center center no-repeat; height:123px; left:0; position:fixed; top:300px; width:169px; z-index:999; }

/* messages */
.messages          { margin:0 0 20px; }
.messages-group    { border:1px solid #ccc; padding:8px 12px; margin:0 0 5px; }
.messages .success { background:#eff5ea; border:1px solid #446423; color:#3d6611; }
.messages .error   { background:#faebe7; border:1px solid #f16048; color:#df280a; }
.messages li       { list-style:none; margin:0; padding:0 0 0 2px; }

/* article */
.page-content table    { border-bottom:1px solid #36519b; border-right:1px solid #36519b; }
.page-content table th,
.page-content table td { border-left:1px solid #36519b; border-top:1px solid #36519b; font-size:12px; padding:5px 7px; }

/* news */
.news .items li                        { background:#f8f8f8; border:1px solid #edeaea; list-style:none; margin:0 0 17px; padding:14px 18px; }
.news .items li .image                 { float:left; width:150px; }
.news .items li .info                  { float:right; width:710px; }
.news .items li .info .title           { margin:0 0 5px; }
.news .items li .info .title a         { color:#073570; text-decoration:none; font-size:16px; }
.news .items li .info .title span.date { color:#3679d0; font-size:12px; margin:0 0 0 5px; }
.news .items li .info .more            { margin:10px 0 0; }
.news .items li .info .more a          { background:url('../images/btn-more.png') center center no-repeat; display:block; float:right; height:21px; text-indent:-9999px; width:64px; }

/* notice */
.articles .items li         { background:url('../images/point.png') center bottom repeat-x; line-height:30px; list-style:none; padding:1px 0; }
.articles .items li a       { background:url('../images/disc.png') 1px center no-repeat; color:#616060; display:block; padding:0 0 0 12px; text-decoration:none; }
.articles .items li a:hover { color:#274bb9; }

/* media */
.media             { text-align:center; }
.media .nav a      { background:center center no-repeat; height:18px; line-height:18px; margin:0 10px; display:inline-block; text-indent:-9999px; width:17px; }
.media .nav a.prev { background-image:url('../images/btn-prev.png'); }
.media .nav a.next { background-image:url('../images/btn-next.png'); }

/* pagination */
.pagination                            { margin:28px 0 0; }
.pagination .info                      { display:none; }
.pagination .pages                     { text-align:center; }
.pagination .pages li                  { display:inline-block; list-style:none; }
.pagination .pages li a,
.pagination .pages li strong           { display:block; font:11px/18px Arial; }
.pagination .pages li.btn a            { background:center center no-repeat; height:18px; display:block; text-indent:-9999px; width:17px; }
.pagination .pages li.prev a           { background-image:url('../images/btn-prev.png'); }
.pagination .pages li.next a           { background-image:url('../images/btn-next.png'); }
.pagination .pages li.page a           { text-decoration:none; }
.pagination .pages li.page a span,
.pagination .pages li.page strong span { background:#6b6b6b; color:#fff; display:block; height:18px; padding:0 6px; }
.pagination .pages li.page strong span { font-weight:bold; }
.pagination .pages .input-text         { margin:0 0 0 5px; width:50px; }

/* member */
.member                    { background:#f8f8f8 url('../images/bg-login.png') 65px 30px no-repeat; border:1px solid #edeaea; margin:0 auto; padding:30px 30px 50px 230px; width:440px; }
.member .register          { border-top:1px solid #edeaea; margin:35px 0 0; padding:20px 0 0; }
.member h3                 { color:#083570; font-size:24px; font-weight:normal; line-height:30px; margin:0 0 15px; }
.member p                  { font-size:14px; margin:0 0 20px; }
.member div.row            { font-size:14px; margin:0 0 5px; }
.member div.row p          { margin:5px 0; }
.member div.row a          { color:#0686eb; margin:0 0 0 10px; text-decoration:none; }
.member label.caption      { float:left; width:75px; }
.member div.input-box      { float:left; width:365px; }
.member input.input-text   { width:200px; }
.member div.buttons        { padding:0 0 0 75px; }
.member .btn-login span    { background:url('../images/btn-login.png') center center no-repeat; height:33px; padding:0; text-indent:-9999px; width:91px; }
.member .btn-register span { background:url('../images/btn-register.png') center center no-repeat; height:33px; padding:0; text-indent:-9999px; width:91px; }

/* member info */
.member-info h3             { color:#083570; font-size:16px; font-weight:normal; margin:0 0 15px; }
.member-info .form-password { border-top:1px solid #edeaea; margin:30px 0 0; padding:30px 0 0; }

/* forms */
.form-fields .row               { font-size:14px; margin:0 0 10px; }
.form-fields .row label.caption { float:left; width:100px; }
.form-fields .row div.input-box { float:left; /*width:365px;*/ }
.form-fields .row .input-text   { width:300px; }
.form-fields .row select        { width:313px; }
.form-fields .buttons           { padding:10px 0 0 100px; }

/* order tracking */
.order-tracking                                  { margin:0 -17px; }
.order-tracking .tracking                        { background:url('../images/bg-order-tracking.png') center center no-repeat; height:82px; margin:0 0 28px; width:674px; }
.order-tracking .caption                         { background:url('../images/bg-tracking.png') no-repeat; float:left; padding:20px 14px 18px 0; width:215px; }
.order-tracking .caption h3                      { color:#07356f; font-size:17px; font-weight:normal; margin:0 0 4px; text-align:right; }
.order-tracking .caption p                       { color:#3579cf; font-size:14px; text-align:right; }
.order-tracking .form-wrapper                    { float:left; padding:26px 0 0 33px; }
.order-tracking .input-text                      { float:left; line-height:25px; margin:0 12px 0 0; width:255px; }
.order-tracking label.error                      { display:none !important; }
.order-tracking input.error                      { border:1px solid #f00; }
.order-tracking .button                          { float:left; margin:-3px 0 0; }
.order-tracking .btn-search span                 { background:url('../images/btn-search.png') center center no-repeat; height:33px; padding:0; text-indent:-9999px; width:91px; }
.order-tracking .btn-search span span            { padding:0; }
.order-tracking .btn-search-large span           { background:url('../images/btn-search-large.png') center center no-repeat; height:38px; padding:0; text-indent:-9999px; width:211px; }
.order-tracking .btn-search-large span           { padding:0; }
.order-tracking .stock-tracking .caption         { background-position:20px 18px; }
.order-tracking .order-tracking .caption         { background-position:18px -93px; }
.order-tracking .code-tracking .caption          { background-position:18px -205px; }
.order-tracking .international-tracking .caption { background-position:18px -317px; }

/* items */
.items .search               { margin:0 0 10px; }
.items .filter               { margin:0 0 10px; }
.items .filter a             { text-decoration:none; }
.items .filter a.active      { font-weight:bold; }
.items .filter a:hover       { text-decoration:underline; }
.items table                 { width:100%; }
.items table th              { background: #8ba2e0; color:#fff; }
.items table td              { text-align:center; }
.items table td.price        { text-align:right; }
.items table td a            { text-decoration:none; }
.items table td a.btn-edit   { background:url('../images/btn-edit.png') center center no-repeat; display:inline-block; height:16px; line-height:16px; text-indent:-9999px; width:16px; }
.items table td a.btn-remove { background:url('../images/btn-remove.png') center center no-repeat; display:inline-block; height:16px; line-height:16px; text-indent:-9999px; width:16px; }

/* transport */
#transport { position:absolute; top:-60px; }

/* transport detail */
.courier-create                    { border-bottom:1px solid #edeaea; margin:0 0 30px; padding:0 0 30px; }
.courier-create .row .field        { float:left; margin:0 15px 0 0; }
.courier-create .row label.caption { width:70px; }
.courier-create .row .input-text   { width:65px; }
.courier-create .row select        { width:70px; }
.courier-create p                  { margin:15px 0 0; }
.courier-create .buttons           { padding:20px 0 0; }

.courier-info               { border-bottom:1px solid #edeaea; margin:0 0 30px; padding:0 0 30px; }
.transport-remove,
.transport-confirm          { border-top:1px solid #edeaea; margin:30px 0 0; padding:30px 0 0; }
.transport-remove .buttons,
.transport-confirm .buttons { padding:20px 0 0; }

.page-content p  { margin:0 0 20px; line-height:24px; }
.page-content h3 { color:#274bb9; font-size:24px; font-weight:normal; margin:15px 0 30px; text-align:center; }
.page-content h4 { color:#274bb9; font-size:24px; font-weight:normal; margin:15px 0 30px; }