html,body{font-family: "Microsoft YaHei", Arial!important;}
#header{width: 100%;font-size: 14px;font-family: "Microsoft YaHei", Arial;}
ul, ol{margin: 0;padding: 0;}
#header .top-bar{width: 100%;height: 32px;background-color: #004b75;position: fixed;top: 0;z-index: 999;font-size: 12px;}
#header .top-bar .leftInfo,#header .top-bar .leftInfo_mobileshow{float: left;color: #fff;font-size: 14px;line-height: 30px;margin-left: 15px;}
#header .top-bar .leftInfo_mobileshow { display: none; text-align: center; width: 96%;}
#header .top-bar .leftInfo a,#header .top-bar .leftInfo_mobileshow a{font-size: 12px;line-height: 30px;color: #fff;}
.headerListWrapper{float: right;}
.headerListWrapper ul li{list-style: none;display: inline-block;line-height: 32px;color: #fff;}
.headerListWrapper ul li a{color: #fff;}
.headerListWrapper ul li a:hover{text-decoration: underline;}
.headerListWrapper ul li a.login,.headerListWrapper ul li a.register{text-decoration: inherit;}
.headerListWrapper ul li a.login:hover,.headerListWrapper ul li a.register:hover{text-decoration: underline;}
.headerListWrapper ul li:after{content: '|';margin: 0 10px;}
.headerListWrapper ul li:last-child:after{content: normal;}
.headerListWrapper .shopping-cart{line-height: 32px;background: url("../images/shopping-cart.jpg") no-repeat 0 8px;
padding-left: 22px;margin: 0;cursor: pointer;}
#header .headerContainer{height: 90px;border-bottom: 1px solid #004c75;width: 1332px;margin-top: 32px;}
.headerContainer .headerLogo{width: 210px;height: 100%;float: left;padding: 32px 0 0 30px;}
.headerContainer .headerNav{width: 714px;height: 100%;float: left;padding: 0 19px;position: relative;}
.headerContainer .headerNav ul li{list-style: none;line-height: 90px;display: inline-block;
text-align: center;padding: 0 15px;position: relative;}
.headerContainer .headerNav .navshow{position: absolute;left: 0;width: 100%;border: 1px solid #ccc;
top: 89px;background-color: #fff;color: #000;display: none;z-index: 1000;}
.headerContainer .headerNav .navshow .navUl .list{list-style: none;width: 100%;line-height: 24px;font-size: 14px;
padding: 0 0 0 12px;margin: 0;display: none;}
.headerContainer .headerNav .navshow .navUl .row{margin: 0;}
.headerContainer .headerNav .navshow .navUl .list a.top{color:#004c75; font-weight: bold;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-4.row{padding-top: 42px;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-4.pic{padding:0px;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-4.pic img{width: 100%;display: block;border: 0;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-3.row{padding-top: 42px;padding-right: 0;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-3.pic{padding:0px;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-3.pic img{width: 100%;display: block;border: 0;}
.headerContainer .headerNav .navshow .navUl .list a{display: block;margin: 0;padding: 0;text-align: left;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-6{border-left: 1px solid #999;}
.headerContainer .headerNav .navshow .navUl .list .col-xs-3.row .col-xs-12{border-left: 1px solid #999;padding-right: 0;
}
.headerContainer .headerNav .navshow .navUl .list .col-xs-3.row .col-xs-12.b30{margin-bottom: 30px;}
.headerContainer .headerNav ul li a{color: #000;}
.headerContainer .headerNav ul li.active .arrow{border-bottom: 8px solid #004c75;border-left: 8px solid transparent;
    border-right: 8px solid transparent;position: absolute;margin-left: -8px;left: 50%;bottom: 0;}
.headerContainer .headerSearch{width: 407px;height: 100%;float: left;}
.headerContainer .headerSearch form{width: 100%;height: 100%;}
.headerContainer .headerSearch form fieldset{width: 100%;height: 100%;position: relative;}
.headerContainer .headerSearch input{color: #000;width: 225px;height: 28px;margin-top: 31px;border: 1px solid #ccc;
padding-left: 10px;margin-left: 172px;}
.headerContainer .headerSearch input[type="submit"] {
    background: url("../images/search.png") no-repeat scroll center center #ffffff;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    height: 17px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 37px;
    width: 17px;
}
.headerContainer .headerSearch input:focus{border: 1px solid #66afe9;}

#mobileNavigation{font-family: "Microsoft YaHei", Arial;}
#mobileNavigation i.glyphicon-chevron-left{color: #fff;}
#mobileNavigation .mobileheaderSearch{width: 100%;height: 32px;margin: 10px auto;
padding: 0 10px;}
#search_keywords_mobile{width: 100%;height: 30px;color: #000;font-size: 14px;}
#mobileNavigation .mobileheaderSearch fieldset{position: relative;}
#mobileNavigation .mobileheaderSearch input[type="submit"]{
    background: url("../images/search.png") no-repeat scroll center center #ffffff;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    height: 17px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 17px;
}
#mobileNavigation nav{width: 100%;padding: 0 10px;color: #000;font-size: 14px;line-height: 42px;
position: relative;}
#mobileNavigation nav a{color: #fff;font-weight: bold;}
a.knowColumbia{width: 100%;color: #fff!important;line-height: 42px;display: block;color: #fff;font-size: 14px;
font-weight: normal;padding: 0 10px;clear:both;}
a.knowColumbia:hover{color: #fff!important;;}
a.knowColumbia i{color: #fff!important;;float: right;line-height: 42px;}
nav .home_menu{margin: 10px 0;}
nav .nav-level-1{width: 100%;}
nav .nav-level-1>li{list-style: none;width: 100%;height: 42px;}
nav .nav-level-1 .level-1{width: 100%;line-height: 42px;display: block;clear: both}
nav .nav-level-1 .level-1 i{color: #fff;float: right;line-height: 42px;}
nav .nav-level-2{line-height: 42px;display: none;width: 100%;height: 100%;
position: absolute;left: -250px;top: 0;padding: 0 10px;background-color: #004c75;opacity: 0;
   transition: all .3s;-webkit-transition: all .3s;
}
nav .nav-level-2>a{line-height: 42px;display: block;width: 100%;}
nav .nav-level-2 .level-2{width: 100%;line-height: 42px;display: block;clear: both;}
nav .nav-level-2 .level-2 i{color: #fff;float: right;line-height: 42px;}
nav .nav-level-3{line-height: 42px;display: none;width: 100%;height: 100%;
    position: absolute;left: -250px;top: 0;padding: 0 10px;background-color: #004c75;opacity: 0;
    transition: all .3s;-webkit-transition: all .3s;
}
nav .nav-level-3>a{line-height: 42px;display: block;width: 100%;}
nav .nav-level-3 .level-3{width: 100%;line-height: 42px;display: block;}
.mobileNavWrapper .search{font-size: 14px;width: 100%;padding: 0 10px;color: #fff;font-weight: bold;
line-height: 42px;height: 42px;display: block;background-color: inherit;background-image: none;border: inherit;
    margin: 0;}
.mobileNavWrapper .search i{color: #fff;}
.mobileNavWrapper .quanqiu{font-size: 14px;width: 100%;padding: 0 10px;color: #fff;font-weight: bold;
    line-height: 42px;height: 42px;display: block;}
.mobileNavWrapper .quanqiu i{color: #fff;}
.mobile-show{display: none;}
#footer{width: 100%;background-color: #004b75;color: #fff;font-family: "Microsoft YaHei", Arial}
#footer .container-row{padding-top: 40px;}
#footer .container-row .footerRowLeft{width: 588px;float: left;}
#footer .container-row .footerRowRight{width: 744px;float: left;}
.footerRowLeft .icon-logo{background: url("../images/COL_Sprite-sheet.svg") no-repeat scroll -365px -130px rgba(0, 0, 0, 0);
    display: inline-block; height: 41px;width: 165px;margin-left: 14px;}
.footerRowLeft .footerArticle{width: 390px;font-size: 14px;margin-top: 15px;}
.footerRowLeft .footerArticle .title{font-size: 18px;padding: 20px 0;}
.footerRowRight .footerListColumn{width: 155px;float: left;}
.footerRowRight .footerListColumn ul li{list-style: none;line-height: 36px;}
.footerRowRight .footerListColumn ul li a{color: #fff;}
.footerRowRight .footerListColumn ul li.first{font-size: 18px;}
.footerRowRight .footerAttention{float: left;margin-left: 50px;}
.footerRowRight .footerAttention a{color: #fff;}
.footerRowRight .footerAttention .title{font-size: 18px;line-height: 36px;margin-left: 8px;}
.footerRowRight .footerAttention .way{margin-top: 8px;font-size: 14px;}
.footerRowRight .footerAttention .way>p{margin-top: 5px;}
.footerRowRight .footerAttention .way img{margin-left: 4px;}
.footerRowRight .footerAttention .way a{margin-top: 15px;display: block;}
#footer .footerbottom{padding-bottom: 40px;}
#footer .footerbottom div{margin: 5px 0;}
#footer .footerbottom a{color: #fff;text-decoration: underline;}
.glyphicon{color: #000;}
.headerSearch .visually-hidden,.headerSearch .sighted-hidden{display: none;}
/*html,body{overflow-x: hidden;}*/
#wrapper{width: 100%;position: relative;transition: margin-left 0.5s;-webkit-transition: margin-left 0.5s;}
.mobileNavWrapper {
    background: none repeat scroll 0 0 #004b75;
    color: #ffffff;
    left: -250px;
    padding-top: 10px;
    position: absolute;
    text-transform: uppercase;
    top: -32px;
    width: 250px;
    z-index: 9999;
    height: 100%;
    display: none;
}
.btn{border-radius: inherit;}
#gallery_sortbar{color: #000;}
#secondary{color: #000;}
.breadcrumb{background-color: #fff;color: #000;}
.breadcrumb > li + li::before{content: inherit;}
.search-back-to-top h2{font-size: 14px;}
#header .minicart-text{height: 32px;}
.has-minicart .minicart-cont{display: none;}
.has-minicart.minicart-active .minicart-cont{display: block;}
/* 迷你购物车 hover  add by charles */
.payment-bank .payment-bank-list{
    background: none;
}
.payment-bank .switchable-panel{
    border: 3px solid #004b75;
}
.payment-bank .switchable-trigger.active {
    border: 3px solid #004b75;
}
.payment-bank .switchable-trigger {
    border: 3px solid #004b75;
}


.minicart .minicart-cont {
    top:32px;
    border: 2px solid #004b75;
    visibility:inherit;
    left: inherit;
    max-height: 475px!important;
    overflow-x: inherit;
    overflow-y: scroll;
}
.minicart {
    position: inherit;
    float: left;
    width: auto;
}
.minicart-list .goods-item{
    line-height: normal;
}
.minicart-list .goods-item:after{
    content: none;
}
.minicart-list .goods-item .goods-info .goods-name{
    margin-top: 0px;
    margin-bottom: 0px;
}
.minicart-list .goods-item .goods-info .goods-name a{
    font-size: 12px;
}
.minicart-list .goods-item .goods-info .goods-price {
    float: left;
    font-size: 12px;
    color: #000;
    padding-left: 9px;
    text-align: left;
}
.minicart-list .goods-item .goods-info .goods-price p{
    float: left;
    width: 100%;
    margin: 0;
}
.minicart-list .goods-item .goods-info .goods-price p a{
    font-size: 12px;
    color: #000;
}
.minicart-info {
    color: #000;
}
.minicart-info .price {
    color: #000;
}
.minicart .btn-tocart {
    background-color: #004b75;
}
.minicart-info .btn-tocart {
    line-height: inherit;
    margin-top: 0px;
}
.minicart-active .minicart-text {
    background: none;
}
.minicart .minicart-cont .no-information{
    color: #000;
}
.search-back-to-top {
    background-color: #ffffff;
    border: medium none;
    color: #004b75;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    max-width: 153px;
    padding: 12px 15px;
    text-align: center;
}
.search-back-to-top h2{font-weight: bold;}
.minicart-cont .p-price, .minicart-cont .p-quantity, .minicart-info .price{ color: #e10e0e;}
.mini-cart-dialog .minicart-infos em,.mini-cart-dialog .minicart-infos .price{color: #e10e0e;}
#header .headerListWrapper .glyphicon{color: #fff;margin-right: 3px;}
.hidden, .visually-hidden,.sighted-hidden{display: none;}
#mobileNavigation a.back{margin: 0!important;}
/* end */
@media (min-width: 1024px) and (max-width: 1332px) {
    .container-row{width: 1024px;margin: 0 auto;}
    #header .headerContainer{width: 1024px;margin: 0 auto;margin-top: 32px;}
    .headerContainer .headerNav{width: 652px;}
    .headerContainer .headerSearch input{width: 150px;margin-left: 0px;}
    .headerContainer .headerNav ul li{padding: 0 12px;font-size: 14px;}
    .headerContainer .headerSearch{width: 150px;}
    #footer .container-row .footerRowLeft{width: 400px;margin-left: 30px;}
    #footer .container-row .footerRowRight{width: 560px;margin-left: 30px;}
    .footerRowRight .footerListColumn{width: 120px;}
    #footer .footerbottom { text-align: center;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    #header .top-bar .leftInfo{display: block;}
    .headerListWrapper{display: none;}
    .mobile-show.m1{display: block;}
    .mobile-show.m2{display: none;}
    .mobile-show.m3{display: none;}
    .container-row{width: 768px;margin: 0 auto;}
    #header .headerContainer{width: 768px;margin: 0 auto;margin-top: 32px;}
    .headerContainer .headerNav{display: none;}
    .headerContainer .headerSearch{float: right;}
    #footer .container-row .footerRowRight{margin-top: 20px;}
    .headerContainer .mobile-show{width: 24px;float: left;margin-left: 10px;}
    .mobile-show .glyphicon-menu-hamburger{font-size: 24px;line-height: 88px;color: #4f4f4f;font-weight: 400;}
    .headerContainer .headerLogo {
        float: left;
        height: auto;
        left: 50%;
        margin-left: -105px;
        position: absolute;
        top: 32px;
        width: 210px;
        padding: 0;
    }
    #footer .container-row .footerRowLeft,#footer .container-row .footerRowRight { margin-left: 3%;}
    #footer .footerbottom { text-align: center;}
}
@media screen and (max-width: 767px){
    #header .top-bar .leftInfo { display: none;}
    #header .top-bar .leftInfo_mobileshow { display: block;}
    .mobile-show.m1{display: block;}
    .container-row{width: 100%;margin: 0 auto;}
    #header .headerContainer{width: 100%;margin: 0 auto;margin-top: 32px;}
    #header .top-bar{display: block;}
    .headerListWrapper{display: none;}
    .headerContainer .mobile-show{width: 24px;float: left;margin-left: 10px;}
    .mobile-show .glyphicon-menu-hamburger{font-size: 24px;line-height: 88px;color: #4f4f4f;font-weight: 400;}
    .headerContainer .headerNav{display: none;}
    #footer .container-row .footerRowLeft{width: 90%;margin-left: 5%;}
    .footerRowLeft .footerArticle{width: 100%;}
    #footer .container-row .footerRowRight{margin-top: 20px;width: 90%;margin-left: 5%}
    .footerRowRight .footerListColumn{width: 50%;}
    .footerRowRight .footerAttention{display: none;}
    #footer .footerbottom{width: 90%;margin-left: 5%;}
    .headerContainer .headerSearch{display: none;}
    .mobile-show .glyphicon-shopping-cart{font-size: 16px;line-height: 86px;}
    .mobile-show .glyphicon-search{font-size: 16px;line-height: 88px;top: 3px;}
    .mobile-show.m2{display: block;float: right;}
    .mobile-show.m3{display: block;float: right;}
    .mobileNavWrapper {  top: 0px;  }
    .headerContainer .headerLogo {
        float: left;
        height: auto;
        left: 50%;
        margin-left: -105px;
        position: absolute;
        top: 32px;
        width: 210px;
        padding: 0;
    }
    #header .top-bar .leftInfo{width: 80%;margin: 0 auto;float: inherit;overflow: hidden;height: 32px;}
    html,body{background-color: #004b75;}
    #wrapper{background-color: #fff;}
}

