/*

HTML5 CSS Reset
Based on Eric Meyer's CSS Reset
and html5doctor.com HTML5 Reset

Copyright (c) 2011 736 Computing Services Limited
Released under the MIT license. http://opensource.736cs.com/licenses/mit

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}

body {
        line-height: 1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section, blockquote { 
        display: block;
}

nav ul {
        list-style: none;
}

ol {
        list-style: decimal;
}

ul {
        list-style: disc;
}

ul ul {
        list-style: circle;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

ins {
        text-decoration: underline;
}

del {
        text-decoration: line-through;
}

mark {
        background: none;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

hr {
        display: block;
        height: 1px;
        border: 0;      
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
}

input[type="submit"], input[type="button"], button {
    padding: 0 !important;
    margin: 0 !important;
}

input, select, a img {
        vertical-align: middle;
}
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 213 2009-09-17 04:10:02Z emartin24 $
 *
 */

body {height:100%; margin:0;}
h3 {color:#5f87ae; font-size:1.6em; padding:0; margin:0;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container { height:480px; width:600px; color:#bbb; background-color:#EFF5F8; border:4px solid #B7D2DF; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
/*用户许可协议 用户地址更新 帮助 等页面使用*/

.header_space { border-top:5px solid #22161B; width:960px; margin:0 auto; clear:both; height:80px;}
.help_header_space { border-top:5px solid #06C; width:960px; margin:0 auto; clear:both; height:30px;}
h4 { text-align:center; font:bold 14px/40px Tahoma; padding-bottom:10px;}
h5 { font:bold 12px/24px Tahoma; padding:5px 0px; text-indent:12px; border-bottom:1px dotted #ddd;}
.warring { font:bold 12px Tahoma;}
p { line-height:30px; padding-left:10px;}

.container-title { text-align:center; font:14px/30px Tahoma; width:100%; display:block; border-bottom:1px solid #ddd; }       
        
.section_header { display:block; font:bold 14px/36px Tahoma; padding-left:10px; 
                  border-top:1px solid #c4c4c4;
                  border-bottom:1px solid #c4c4c4;}
.section_header > input[radio] { margin: 5px;}
.main-container { margin:10px;}

.flow-list { float:left; }
.flow-list li { float:left; line-height:24px; padding:0 5px; }

.field_list { float:left; width:100%; }
.field_list li {
        float: left;
        display:block;
        width: 100%;
        height:36px;
        border-bottom:1px dotted #DEE;
        clear:both;
}
.field_list li > label { display:block; float:left; text-align:right; width:160px; font:12px/34px Tahoma; padding-right:10px;}
.field_list li > span { display:block; float:left; font:12px/34px Tahoma;}
.field_list li > span > input[type=text], li > span > select { margin:5px 2px;}
        
select { width:160px;}
.btn-submit { height:30px; width:80px;}

.help_header { height:28px; font:bold 14px/28px Tahoma; color:#039; background:#cfdfef; text-indent:12px;}
.img_warp { padding:10px; display:block;}
body {
    text-align:center;
    padding:0;
    margin:0 auto;
    font:12px Tahoma;
    background:#FFF;
    /*
    background:#FFF url('images/web_bg_840x250.jpg') no-repeat right top fixed;
    */
}
/*表格基础样式*/
table { border-collapse:collapse; border-spacing:0;}

.x-logo-container {
    width:960px;
    height:50px;
    margin:0 auto;   }

.x-logo { width:265px; height:50px; background:url(/App_Resource/theme/images/logo.gif) no-repeat; }    
.x-std-logo{ width:680px; height:180px; background:url(/App_Resource/theme/images/x-logo.png) no-repeat; }
.x-common-button { width:120px; height:30px; background:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAQQAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABQQEBAQEBQQEBQcFBAUHCQYFBQYJCggICQgICg0KCwsLCwoNDAwMDQwMDA8PEREPDxcWFhYXGRkZGRkZGRkZGQEGBgYKCQoTDQ0TFhEOERYZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZ/8AAEQgAHgB4AwERAAIRAQMRAf/EAIcAAQEBAQAAAAAAAAAAAAAAAAAHBgUBAQADAQAAAAAAAAAAAAAAAAAEBQYBEAAAAwQHCAICAwEAAAAAAAAAAQQC0gMVYaHRkhQFBxEhElNUlFUGQXExE1FDFiQRAAECAwgCAQIHAAAAAAAAAAABAhIDFBFRYZFSohMlYwQFIUHwMYHBciMG/9oADAMBAAIRAxEAPwCt+yez5quzdbDZWR0yVNHiJ4MFPEbg7oLRsG00bBstNG0bJnvMaT0fQlrKRzktVTN+77szkVEWxEWz6HGmmY+SXd2ofE2hk6UyIlXN1OzUTTMfJLu7UPhQydKZCrm6nZqJpmPkl3dqHwoZOlMhVzdTs1E0zHyS7u1D4UMnSmQq5up2aiaZj5Jd3ah8KGTpTIVc3U7NRNMx8ku7tQ+FDJ0pkKubqdmommY+SXd2ofChk6UyFXN1OzUTTMfJLu7UPhQydKZCrm6nZqJpmPkl3dqHwoZOlMhVzdTs1E0zHyS7u1D4UMnSmQq5up2aiaZj5Jd3ah8KGTpTIVc3U7NRNMx8ku7tQ+FDJ0pkKubqdmomuZeSXd2ofHKGTpQVc3U7NSg+gexLlzSjL1sU45p+BqFGb3tmxE4i4Wj+TI2D3ih+T9Zsl6Q/kpefG+y6a1Ud9VaSnPcwgQM9zaE23saZXKdpbD+YzR/wNP8AHSXO9dion2M77j0Se/8Akpzpqm5lR2CbTuuI3IgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIhQdLVDCnMV7cNriZJmAyZ7y37Yh/P2Mx8+xWvYi3KaH4N1qP8A0/ck3vUWMj9vzqFGZNg2lkWIwTW7ay22ZkZfe0an4ZUd6jLPshS++xUnvtvM5j6RZwkSEY+kIRCMfSEIhGPpCEQjH0hCIRj6QhEIx9IQiEY+kIRCMfSEIhGPpCEQjH0hCIRj6QhEIx9IQiEtWh5RoswUNMGUNtuGyw2f4PhJrbs+toxP+mcnM1E+zTSfBNVGuXFDYe9QtM2ljP8Aqo6SGu4d3GzEOJw/G39ZGf1tFZ6NZYvBFZgTvbpbf7bLfxcYvD6G9YkuKXRYdt5CH1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bgSfQ7aX/YkuKXRztvIOvw3FX9Rh+ssoof+ejQYiP8Ar/QRkzT+SLf9ikn8ka8lsWJbSOOBOOyHA//Z') /*/App_Resource/theme/images/btn_common_120x30.jpg*/ no-repeat; border:none; }

form, select, optgroup, option, input, textarea { font:12px Tahoma; }

ul { padding:0; margin:0px; }
li { list-style:none;}

div, form { padding:0px; margin:0px; }
div, p, h1, h2, h3, h4, h5, h6 { text-align:left; margin:0px; padding:0px; }

/*2011-06-16 fixed height set 115px
    LOREAL color #22161B
*/
.top {
        /*position:fixed; top:0; left:0; */
        height:30px; z-index:100; background:#ECECEC; width:100%;}
.top a { line-height:28px;}
.top a:hover { color:#337fe7;} 

#welcome { float:left; font:12px/24px Tahoma; padding:0 10px;}

#home { color:#337fe7; font:bold 12px/24px Tahoma;}
    .toolbar { width:960px; margin:0 auto;}
    .customer_menu { height:24px; display:block; float:right;}
    .customer_menu li { list-style:none; display:block; float:left; padding:0 5px; line-height:24px; height:24px;}
        .customer_menu li a { font:bold 12px/24px Tahoma; color:#EC1A5B;
        }
    .dot_tel { display:block; margin-top:4px; width:16px; height:16px; float:left;                        
                background:url('data:image/gif;base64,R0lGODlhDwAPAMQRAFKS6fD5/3ip6OTw+cvj9fn8/fj7/f3+/srV6u72+trr8+nz973h8a/P7GKc65G57jN/5////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlGNDI4RUYyOEMzMTFFMkJFNEVGMUJDNjkxREE5MDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGNDI4RjAyOEMzMTFFMkJFNEVGMUJDNjkxREE5MDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUY0MjhFRDI4QzMxMUUyQkU0RUYxQkM2OTFEQTkwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUY0MjhFRTI4QzMxMUUyQkU0RUYxQkM2OTFEQTkwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAABEALAAAAAAPAA8AAAU+YCSOZGlGxPMs56hAkOMwbQDAD4S0OaQ6hdMA1miNBDGjKEBURhqwoBIJGThvPoIyJwAUjYaGLOCMJA5lZwgAOw==') /*theme/images/toolbar_tel_dot.gif*/ no-repeat;}
    .customer_menu li label { display:block; float:left; color:#337fe7; line-height:24px;}

.header { width: 960px; height: 80px; display: block; margin: 0px auto; cursor: pointer; /*position:relative;*/ /*
            background pos left - top
          */ background: #FFF url('https://ecimage.oss-cn-hangzhou.aliyuncs.com/loccitane/theme_loccitane/images/logo_std.png?v=1.3') no-repeat; }
    
.hl_blue { color:#337fe7;}

.main { width:960px; margin:0 auto; padding-bottom:10px; }

.side { width:180px; display:block; float:left; }

.content{
    width:755px;
    padding:0;
    margin:0;
    display:block;
    float:right;
    background:#036;    
}

.footer {
    width:940px;
    height:120px;
    margin:0 auto;    
    background:#FFF;    
    }

.x-page-copyright { border-top:1px solid #C9C9C9; }
    
/*
    utils
*/
.spacer5 {height:5px;clear:both; }

.spacer10 { height:10px; clear:both; }

.clear-float { clear:both; font-size:1px; height:1px; content: "."; }
    
.x-number { font:11px Tahoma;}

.data-orgprice { color:#333; font:12px Tahoma;}
.data-price { color:#C00; font:bold 12px Tahoma;}

#pager_container { width:100%; height:30px; text-align:center; padding:5px 0px;}

.x-pager { height:20px; display:block; background:#FFF; border:#036; text-align:center; }

.x-pager li { width:20px; height:20px; display:block; float:left; text-align:center; font:bold 12px/20px Tahoma; }

.x-pager li .currentPage { width:20px; height:20px; font:bold 11px/18px Tahoma; text-align:center; 
                           color:#FFF; background:#EC1A5B; display:block; }

.x-pager li a {
    color:#666;
    text-decoration:none;
    font:bold 11px/20px Tahoma;    
    }
/*
    修改密码 用户名提示

*/
.x-header-top-container {
    width:500px;
    height:25px;
    display:block;
    /*background:url(images/jo_head.jpg) repeat-x right -50px;*/
    background:url(images/top_help_bg.jpg) no-repeat;
    
    position:absolute;
    right:1px;
    top:1px;
    z-index:200;
}

.x-header-top-container-fixed{
    width:5px;
    height:25px;
    display:block;
    float:left;
    background:url(images/jo_head.jpg) repeat-x -366px -160px;
}

.x-header-top-menu {
    width:485px;
    height:24px;
    float:left;
    display:block;
    }
   

/*
    商品分类 导航条

*/

.x-header-menu-container {
    padding:0px;
    height:70px;
    background:url(images/menuTab_30x105.jpg) repeat-x;
    position:relative;
    }

.x-header-menu {
    height:70px;
    display:block;
    width:960px;    
    }

.x-header-menuitem-left {
    display:block;
    width:20px;
    height:35px;
    float:left;    
    background:url(images/menuTab_30x105.jpg) no-repeat 0px -35px;
}

.x-header-menuitem-right {
    width:30px;
    height:35px;
    float:right;
    display:block;
    background:url(images/menuTab_30x105.jpg) no-repeat 0px -70px;
    }

.x-header-menuitem { /*width:80px;*/
                     height:35px; text-align:center; display:block; padding:0 23px;
    float:left;
    font:bold 12px/35px Tahoma;
    }

.x-header-menuitem a 
{
    color:#FFF;
    }

/*
    商品 订单 提示栏
*/    
.x-header-customer-warpper{
    width:165px;
    height:25px;
    padding:0 5px;
    background:url(images/customerBG_175x25.gif) no-repeat;
    display:block;
    position:absolute;
    right:10px;
    top:80px;
    z-index:100;
    }

.x-header-customer-item { width:55px;
    height:25px;
    display:block;
    float:left;    
    font:bold 12px/25px Tahoma;
    text-align:center;
    }

.x-header-customer-item a {
    color:#036;
    font:12px/26px Tahoma; }

/*
    FOOTER style sheet
*/
#dataLicense ul { padding:5px;}
        #dataLicense li { line-height:200%; padding-left:20px;}
        #dataLicense p { line-height:160%; padding-left:20px;}
        #dataLicense h5 { text-indent:24px;}
        
        .warring { font:bold 12px Tahoma;}

        .copy { margin:10px auto; line-height:30px; text-align:center; width:960px; display:flex; align-items:center; justify-content:center; }


.x-footer-list {    
    width:360px;
    margin:5px auto; }

.x-footer-list li { width:120px; display:block;
    height:30px;
    font:12px/30px Tahoma;
    float:left; }

.bottom-r{ width:960px;
    height:80px;        
    text-align: center;
    background: #22161B;
    margin: 0 auto; }
    
.border { height:0;}

.im-service { text-align:center; width:420px; margin:0 auto; height:30px; padding-top:10px;}
.im-service img { display:none;}
.im-service ul { margin:0 auto;}
.im-service li { display:block; float:left; width:80px; overflow:hidden;}
    .im-service li a {
        width:80px; height:24px; 
    }

html { height:100%; background:#F2F2F2; }

body {
    margin:0;
    padding:0;
    height:100%;
    text-align:center;
    font:12px Tahoma;    
    background:#F2F2F2;
}

img { border:none;} 

.header { height:80px; width:980px; background:#fff; margin:0 auto; }

#main {padding-top:20px; padding-bottom:0; text-align:center; width:980px; margin:0 auto;}

#logo_wrapper {
    margin-top:0;
    width:650px;
    height:475px; 
    display:block;
    float:left;    
    font:bold 14px/90px Tahoma;    
}

#logo { width:489px; height:169px; margin:0 auto; background:url(/App_Resource/images/login_logo.png);}

#login_form { width: 310px; margin:0 auto; }

.btn_common { height:26px; width:72px; text-align:center; color:#fff; 
              font:bold 12px/26px Tahoma; cursor:pointer;
              border:none; 
              background:url('/App_Resource/theme/images/btn_bg_large.png') repeat-x;}

.tbl_login { border:1px #ddd solid; margin-top:10px;}
.tbl_login caption { height:35px; text-align:center; font:bold 21px/35px Tahoma; color:#000;}
    .tbl_login td { text-align:left; line-height:30px; padding-left:4px;}    
    .tbl_login td.th { height:35px; font:14px/28px Tahoma; text-align:right; padding-right:8px;}    
    .input_field { border:1px solid #ddd; height:24px; line-height:24px; width:180px; text-indent:4px; }

    .verify_img { border:none; width:120px; height:30px; display:block; float:left; }
    .verify_img_tip { display:block; float:left; padding-left:10px; height:30px; line-height:30px;}

.x-form { width:340px; padding:5px; float:left; margin-top:80px; }
    
.x-form-item { width:340px; height:30px; }

.x-form-item2 { width:100%; }

.x-form-item-action { width:260px; height:30px; padding-left:80px; }

.x-form-item-label { width:70px; height:26px; font:bold 12px/26px Tahoma;
    display:block; text-align:right; float:left; padding:2px 0px; }
    
.x-form-item-field { width:240px; height:26px; display:block;
    text-align:left; float:left; padding:2px 0px 2px 10px; }

.x-common-button { width:120px; height:30px; background:url(images/btn_common_120x30_yellow.jpg) no-repeat;
    border:none; color:#FFF; font:bold 12px/28px Tahoma; display:block;
    text-align:center;
    cursor:pointer;
    }

.bottom {   
    width:100%;
    height:60px;    
    position:absolute;
    left:0px;
    text-align: center;
    z-index:1000;
    background:url('images/bottomBg.gif') repeat-x;
}

.bottom-r {   
    width:960px;
    height:100px;
    margin: 0 auto;
    text-align: center;
    background: #06C;    
}

.container { width:960px; margin:0 auto; font:12px/60px Tahoma; }