@charset "utf-8";
/* CSS Document */
.body_outer {
    width: 100%;
}

#wrapper{
    width:1100px;
    margin:0 auto;
    overflow:hidden;}
.tittle_line{
    width:100%;
    min-height:5px;
    overflow:hidden;
    background: rgb(43,132,203);}
.tittle{
    width:100%;
    padding:30px 0;
    height:60px;}
.tittle_search{
    margin: 12px 60px 0 0;
    width: 330px;
    float: right;
}
.tittle_search .input_search{
    float: left;
    width: 228px;
    height: 28px;
    padding: 0 5px;
    border: 1px solid rgb(135,135,135);
}
.tittle_search .btn_search{
    float: left;
    width: 80px;
    height: 30px;
    margin: 0 0 0 5px;
    background: url("../images/title_search_btn.png");
}

.shopping_cart{
    display: none;
    position: absolute;
    top: 50px;
    width: 270px;
    right: 2px;
    background: #fff;
    box-shadow: 0 0 1px 1px #aaaaaa;
    max-height: 587px;
    color: rgb(0,55,78);
    z-index: 1000;
}

.shopping_cart p{
    font-size:10px;
    line-height: 19px;
}
.items_cart{
    overflow-y: auto;
    max-height: 500px;
}
.item_cart{
    border-bottom: 1px solid rgb(233,233,233);
    padding: 10px;
}
.item_cart img{
    margin: 0 10px 0 0;
    border: 1px solid rgb(194,194,194);
}

.aud_item_cart{
    color: red;
}

.bottom_cart{
    height: 50px;
    background: rgb(242,242,242);
}

.btn_pay{
    width: 90px;
    height: 30px;
    color: #fff;
    display: block;
    float: right;
    margin: 10px;
    background: url("../images/btn_pay_bg.png");
}
.aud_total{
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    color: red;
}
.footer{
    width:100%;
    height: 65px;
    background: rgb(84,84,84);}
.footer .footer_content{
    padding: 17px 0 18px 0;
    width: 1100px;
    margin: 0 auto;
}
.footer_content .footer_left{
    float: left;
}
.footer_content .footer_right{
    float: right;
}
.footer_right img{
    margin-left: 15px;
}
.footer p{
    text-align:center;
    color:#fff;}
.footer p a{
    color:#fff;}

.banner_img{
    position: relative;
    margin-top: 20px;
}

.img_btn {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 23px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}
.img_btn .btns{
    margin: 0 auto;
    width: 90px;
}
.img_btn span {
    display: block;
    cursor: pointer;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    background: url("../images/img_btn_unchecked.png") center bottom no-repeat;
}
.img_btn span.check{
    background:url("../images/img_btn_checked.png") center top no-repeat;
}


/*login*/
.img_login{
    margin-top: 20px;
    float: left;
}

.login_area{
    margin-top: 20px;
    float: left;
    width: 478px;
    height: 375px;
    border: 1px solid rgb(155,150,150);
}
.welcome_login{
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: rgb(220,220,220);
    color: rgb(0,87,124);
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 63px;
    font-family: "microsoft yahei";
}

.login_area .btn_login{
    margin: 25px 0 0 115px;
}

/*register*/
.register,.shipping_info{
    margin-top: 20px;
    border: 1px solid rgb(155,150,150);
    padding-bottom: 92px;
}
.register_title{
    background: rgb(220,220,220);
    color: rgb(0,150,216);
    font-size: 15px;
    font-weight: bolder;
    text-align: right;
    padding: 20px 510px 20px 0;
    margin-bottom: 82px;
}
.prompt_right{
    border: 1px solid rgb(183,186,193);
    border-radius: 2px;
    margin: 10px 0 0 23px;
    padding: 6px;
    width: 263px;
    background: rgb(238,238,238);
}

.error{
    color: rgb(230,0,0);
}

label{
    color: rgb(190,193,198);
    margin-left: 5px;
}

.shipping_info_title {
    background: rgb(237, 232, 232);
    color: rgb(0, 87, 124);
    font-size: 15px;
    font-weight: bolder;
    text-align: right;
    padding: 20px 510px 20px 0;
    margin-bottom: 75px;
}

.shipping_info .prompt{
    margin-left: 320px;
}
/*combination*/
.small_title{
    background: rgb(220,220,220);
    color: rgb(0,150,216);
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 82px;
}
.border{
    border: 1px solid rgb(155,150,150);
}

.border_left{
    border-left: 1px solid rgb(155,150,150);
}

.half_content{
    padding-bottom: 92px;
    width: 548px;
}

.prompt a{
    background:#fff;
    color: rgb(43,132,203);
}
.half_content .prompt{
    margin-left: 115px;
}
.prompt.ml190{
    margin-left: 190px;
}
/*shopping bags*/
table.table_shopping_bag{
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}
.table_shopping_bag tr{
    font-size: 15px;
    border-bottom: 1px dashed rgb(130,130,130);
}

.table_shopping_bag thead tr{
    background: rgb(246,246,246);
    height: 70px;
}
.table_shopping_bag thead tr th,.table_shopping_bag tfoot tr td{
    color: rgb(110,114,115);
    font-weight: bold;
}
.table_shopping_bag tbody tr{
    height: 120px;
    color: rgb(105,105,105);
}
.table_shopping_bag tfoot tr{
    border-bottom: 0;
    height: 50px;
    background: rgb(246,246,246);
}
.table_shopping_bag tbody tr td img{
    border: 1px solid rgb(208,208,210);
}

a.delete{
    color: rgb(0,150,216);
}
a.delete:hover,.modify:hover{
    color: red;
}

.bag_total{
    color: rgb(164,0,0);
}

.modify{
    color: rgb(17,195,236);
}
.bag_info{
    margin: 20px 0;
    border: 1px solid rgb(201,201,210);
}

.sub_header{
    border-bottom: 1px dashed rgb(130,130,130);
    height: 73px;
    line-height: 73px;
    padding: 0 20px;
}

.bag_subtitle{
    width: 200px;
    display: inline-block;
    color: rgb(158,158,158);
    font-size: 16px;
}

.bag_info .sub_content{
    padding: 20px 20px;
}

.pay_method{
    font-size: 14px;
}
.pay_method span{
    width: 150px;
    display: inline-block;
}
.sub_content input[type='radio'],.sub_content input[type='checkbox']{
    margin-right: 5px;
    font-size: 14px;
}
.sub_content input[type='text']{
    margin-right: 10px;
    width: 133px;
    height: 14px;
    padding: 0 5px;
    border: 1px solid rgb(222,222,222);
}
.pay_method .check{
    color: rgb(17,195,236);
}
.pay_detail{
    padding: 15px;
}

.note{
    color: brown;
}

.strong{
    font-weight: bolder;
}

/*categoryList*/
.left_menu{
    position: absolute;
}
.left_menu>ul>li{
    position: relative;
}
.left_menu>ul>li ul{
    display: none;
    box-shadow: 3px 3px 9px 0px #aaaaaa;
    z-index: 1001;
}
.left_menu>ul>li ul{
    position: absolute;
    top: 0;
    left: 190px;
}

.left_menu>ul>li,
.left_menu>ul>li ul>li,
.left_menu>ul>li.active ul>li,
.left_menu>ul>li:hover ul>li{
    height: 40px;
    width: 190px;
    background-color: rgb(247,247,247);
    z-index: 1000;
    border-bottom: 1px dotted rgb(200,200,200);
}
.left_menu>ul>li:last-child,
.left_menu>ul>li ul>li:last-child,
.left_menu>ul>li.active ul>li:last-child,
.left_menu>ul>li:hover ul>li:last-child{
    background: rgb(247,247,247);
}

.left_menu>ul>li:hover ul{
    display: block;
}
.left_menu>ul>li.active,
.left_menu>ul>li:hover,
.left_menu>ul>li.active>a,
.left_menu>ul>li:hover>a{
    color: white;
    background: rgb(15,170,229);
}

.left_menu>ul>li>ul>li.active,
.left_menu>ul>li>ul>li:hover,
.left_menu>ul>li>ul>li.active>a,
.left_menu>ul>li>ul>li:hover>a{
    color: white;
    background: rgb(19,87,122);
}

.left_menu>ul>li>a{
    color: rgb(80,80,80);
    font-size:13px;
    font-weight:bold;
}
.left_menu>ul>li ul>li>a{
    color: #000000;
    font-size:13px;
}
.left_menu>ul>li>a,
.left_menu>ul>li ul>li>a{
    display: inline-block;
    height: 40px;
    width: 180px;
    padding-left: 10px;
    line-height: 40px;
}

.blue_line{
    border-bottom: 3px solid rgb(53,173,231);
    margin: 5px 0 5px 210px;
    height: 10px;
}
.right_side{
    margin-left: 210px;
    padding: 10px;
    border: 1px solid rgb(243,243,243);
    min-height: 200px;
}

.shoes_item{
    margin: 10px;
    /*float: left;*/
}

.shoes_item table tbody tr td{
    margin: 7px;
    float: left;
    width:153px;
}

.shoes_item_div{
    float: left;
    width:153px;
    border: 2px solid #E3E3E3;
    text-align: center;
    position: relative;
}

.shoes_item_div:hover{
    border: 2px solid rgb(53,173,231);
}

.shoes_item img{
    width: 151px;
    height: 202px;
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
}
/*.shoes_item img:hover{
    border: 1px solid rgb(53,173,231);
}*/
.shoes_item p{
    width: 153px;
}

/*product detail*/
.product_detail{
    margin-left: 210px;
    padding: 10px 0 10px 10px;
}

.btn_add_cart{
    display: block;
    color: white;
    width: 160px;
    height: 50px;
    background: url("../images/btn_add_to_cart.png");
    line-height: 50px;
    text-align: center;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.arrow_down,
.arrow_up{
    color: white;
    width: 70px;
    height: 30px;
    display: block;
    border: 1px solid transparent;
}
.arrow_down:hover,
.arrow_up:hover,
.wrapCon>ul>li img.select,
.wrapCon>ul>li img:hover,
.product_color img.selected{
    border: 1px solid rgb(0,159,222);
}

.arrow_up{
    background: url("../images/arrow_up.png") center no-repeat;
}
.arrow_down{
    background: url("../images/arrow_down.png") center no-repeat;
}

.size{
    width: 360px;
    margin-top: 15px;
}
.product_size{
    border: 1px solid rgb(220,220,220);
    color: black;
    width: 73px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.product_size.selected,
.product_size:hover{
    color: black;
    background: url("../images/size_selected.png");
    border: 1px solid transparent;
}

.wrapCon{
    height: 470px;
    overflow: hidden;
    position: relative;
}

.wrapCon>ul{
    position: absolute;
    top: 0px;
}
.wrapCon>ul>li img{
    height: 90px;
    width: 69px;
    margin: 10px 0;
    border: 1px solid rgb(198,194,194);
}

.detail_main{
    margin: 60px 0 0 48px;
    float: left;
}

.detail_main>img{
    height: 473px;
    width: 362px;
    border: 1px solid rgb(198,194,194);
}

.detail_right{
    margin-left: 35px;
    float: left;
}
.size_quantify{
    background: rgb(238,238,238);
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    margin: 10px 0 5px 0;
}
.product_color{
    margin: 10px 0;
}
.color_label{
    width: 75px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
}
.product_color img{
    width: 42px;
    height: 55px;
    margin: 0 5px;
    border: 1px solid rgb(198,194,194);
    vertical-align: middle;
}
.feature{
    color: #aaaaaa;
    font-size: 13px;
}
.product_info{
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px dotted #bbbbbb;
}
.more_sug_label{
    color: rgb(66,133,163);
    font-size: 16px;
}

.more_sug{
    margin: 20px 0;
}
.more_sug .sug_item{
    margin-right: 40px;
    float: left;
}
.more_sug .sug_item:nth-child(5n){
    margin: 0;
}
.sug_item>img{
    width: 140px;
    height: 210px;
}
.sug_item p{
    padding: 0 5px;
}
.aud{
    color: red;
    font-size: 16px;
}

.column-subCategory ul li {
    float: left;
    height: 223px;
    margin: 10px 5px 20px 26px;
    position: relative;
    text-align: center;
    width: 165px;
}

.subCategoryDesc {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 40px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.subCategoryName {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 40px;
}

.content {
    min-height:550px;
}

.prizeZone {
background-color: #EA3538;
color: #FFFFFF;
height: 25px;
line-height: 25px;
opacity: 0.9;
position: absolute;
right: 0;
text-align: center;
top: 170px;
width: 80px;
color: white;
}

.productDesc {
    height: 40px;
    width: 100%;
    background-color: #EEEEEE;
    text-align: center;
    color: #004D99;
    position: relative;
    vertical-align: middle;
}

.productDesc_inner {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
}

    .productDesc_inner p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.productDesc_inner {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
}

    .productDesc_inner p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.productLi
{
    border: 2px solid #E3E3E3;
    width: 170px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 6px;
}

    .listContainer .listUl_CL li img
    {
        width: 125px;
        height: 125px;
    }