.store_b {
    width: 1118px;
    margin: 0 auto;
    margin-top: -10px;
    position: relative;
    z-index: 1;
}

.bannerbg2 {
    position: relative;
    z-index: 1;
}

.store2 {
    width: 947px;
    margin: 0 0 0 87px;
    border: #eee 1px solid;
}

.width947 {
    width: 947px;
    margin: 0 auto;
    margin-top: -40px;
}

.inside_t {
    background: url(../../img/white/tbg.png) 120px -2px no-repeat;
    height: 35px;
    width: 100%;
    margin-bottom: 10px;
}

.inside_t_inside {
    background: url(../../img/white/tbg.png) 210px -2px no-repeat;
    height: 35px;
    width: 100%;
    font-size: 1.5em
}

.inside_t_inside2 {
    background: url(../../img/white/tbg.png) 200px -2px no-repeat;
    height: 35px;
    width: 100%;
}

.inside_t_inside4 {
    background: url(../../img/white/tbg.png) 220px -2px no-repeat;
    height: 35px;
    width: 100%;
}

    .inside_t:before, .inside_t_inside:before, .inside_t_inside2:before, .inside_t_inside4:before {
        content: "";
        width: 22px;
        height: 25px;
        display: inline-block;
        background-size: 100%;
        vertical-align: middle;
        margin-right: 5px
    }

.rep_14 {
    float: left;
    margin: 10px 0 0 12px;
}

.width884 {
    width: 884px;
    margin: 0 auto;
}

.search {
    width: 95%;
    min-height: 26px;
    margin: 8px auto;
}

.color000 {
    color: #000;
    float: left;
    line-height: 26px;
    height: 26px;
    margin-right: 17px;
}

.product-label {
    vertical-align: middle !important;
}

.DropDownList1 {
    width: 107px;
    /*float: left;*/
    height: 24px;
    background: #fff;
    border: #b3b1ab 1px solid;
    line-height: 24px;
    vertical-align: middle !important;
    /*color: #8a8a8a;*/
    margin-right: 17px;
    padding-left: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

    .DropDownList1 option {
        float: left;
        height: 20px;
        background: #fff;
        border: #b3b1ab 1px solid;
        line-height: 20px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
    }

.TextBox1 {
    width: 178px;
    height: 25px;
    float: left;
    background: #fff;
    border: #b3b1ab 1px solid;
    line-height: 20px;
    color: #8a8a8a;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.rep_19 {
    float: left;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    right: 0;
}

.pro_list {
    clear: both;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}
/*.pro_list_con{ clear:both;width:895px; margin:0 auto;overflow:hidden;}*/
.pro_list3 {
    float: left;
    margin-bottom: 32px;
    display: block;
    overflow: hidden;
    width: 33%;
}

    .pro_list3:focus {
        margin-bottom: 30px;
    }

    .pro_list3 li {
        width: 278px;
        text-align: center;
        height: 385px;
        overflow: hidden;
    }

.pro_list2 {
    margin: 0 8px; /*float: left;*/
    width: 92%;
    overflow: hidden;
    text-align: center;
    position: relative;
    border: #c4c4c4 1px solid;
    padding: 2px;
    box-shadow: 1px 1px 3px 1px #ccc;
}

    .pro_list2 .dada {
        display: table-cell;
        text-align: center;
        background: #eaeaea;
        overflow: hidden;
    }

.store_img {
    background: #fff;
}

.media_img {
    height: 245px;
    display: flex;
}

    .media_img img {
        width: 100%;
    }

.media_date, .store_title {
    width: 100%;
    height: 47px;
    padding: 0 10px;
    line-height: 47px;
    font-size: 1.25rem;
    text-align: center;
    color: #484848;
    background: #eaeaea;
}

.media_date {
    font-size: 1em;
    text-align: right;
}

.pro_list2:hover .store_title {
    background: #808080;
    color: #ffebab;
}

.pro_list2 .media_list {
    clear: both;
    width: 100%;
    height: 74px;
    display: block;
    text-align: center;
    background: #ccc;
}

    .pro_list2 .media_list span {
        font-size: 1em;
        text-align: center;
        line-height: 19px;
        color: #333;
        vertical-align: middle;
        display: table-cell;
        padding: 5px 10px;
        margin: 0 auto;
        height: 20px;
    }

.rep_27 {
    cursor: pointer;
    position: absolute;
    right: 3px;
    bottom: 13px;
}

    .rep_27 a {
        background: #940202;
        border-radius: 10px;
        padding: 0 5px 1px;
        box-shadow: 2px 2px 5px #000;
        text-decoration: none;
        color: #fff;
        font-size: 0.85rem;
    }

.pro_list2:hover .dada {
    background: #808080;
}

.pro_list2:hover .media_list {
    background: #808080;
}

.pro_list2:hover {
    border: #999 1px solid;
}

    .pro_list2:hover .media_list span {
        color: #fff;
    }

    .pro_list2:hover .dada span {
        color: #ffebab;
    }

.page {
    clear: both;
    overflow: hidden;
    margin: 20px auto;
    *margin-top: 15px;
    text-align: center;
}

    .page li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
        /*line-height: 24px;*/
        color: #666;
    }

        .page li.prev {
            margin-right: 3px;
            width: 24px;
        }

        .page li a {
            color: #333;
        }

            .page li a:hover {
                color: #000;
            }

        .page li.number_active {
            color: #b20007;
            text-align: center;
        }
        /*.page li.next{ padding-top: 3px; }*/
        .page li.next a {
            display: block;
            width: 24px;
            height: 26px;
            background: url(/Front/img/white/index_56.png) 0 0 no-repeat;
            font-size: 0;
        }
        /*.page li.prev{ padding-top: 3px; }*/
        .page li.prev a {
            display: block;
            width: 24px;
            height: 26px;
            background: url(/Front/img/white/index_54.png) 0 0 no-repeat;
            font-size: 0;
        }

.TextBox {
    width: 207px;
    float: left;
    position: relative;
}

.store_c {
    width: 266px;
    height: 266px;
    display: table;
    float: left;
}

.pro_bor {
    background: #fff;
    border: #d3b5b4 1px solid;
    margin-bottom: 10px;
}

.store_c img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.width588 {
    float: left;
    width: 588px;
    margin-left: 35px;
}

    .width588 li {
        clear: left;
        width: 100%;
        border-bottom: #aca495 1px solid;
        min-height: 39px;
        line-height: 39px;
        color: #333;
        font-size: 0.9rem;
    }

        .width588 li span.wid102 {
            width: 120px;
            background: url(../../img/white/po_07.jpg) 18px 17px no-repeat;
            color: #000;
            font-size: 0.9rem;
            padding-left: 38px;
            font-weight: bold;
            float: left;
        }

.width588_1 {
    width: 27px;
    line-height: 39px;
    text-align: center;
    float: left;
    font-weight: bold;
}

.width588_2 {
    float: left;
    text-align: left;
    color: #666;
}

.simple_03 {
    background: url(../../img/white/simple_03.jpg) 0 0;
    height: 35px;
    line-height: 35px;
    color: #740000;
    padding-left: 15px;
    font-size: 0.9rem;
}


.width588_3 {
    width: 100%;
    background: url(../../img/white/simple_07.jpg) 0 0 repeat-x;
    height: 41px;
    line-height: 40px;
}

.width588_3_bo {
    clear: left;
    background: #fff;
    border-left: #d6d6d6 1px solid;
    border-right: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    overflow: hidden;
    color: #666;
    margin-top: 15px;
}

.width588_4 {
    padding: 20px 40px;
    line-height: 20px;
    font-size: 0.9rem;
    overflow: hidden;
}

.width588_3 h6 {
    background: url(../../img/white/simple_10.jpg) 20px 15px no-repeat;
    padding-top: 12px;
    padding-left: 39px;
    float: left;
    width: 100%;
    color: #000;
    font-weight: 600;
}

.back {
    font-size: 0.85rem;
    text-align: center;
    clear: both; /*background:url(../../img/back.jpg) 0 0 no-repeat;*/
    float: right;
    margin-top: 15px;
    width: 55px; /*height:22px;*/
    background: #940202;
    color: #fff;
    padding: 5px 0;
}

.prol {
    background: #fff;
    width: 264px;
    overflow: hidden;
}

.linkPic {
    background: #fff;
    width: 264px;
    overflow: hidden;
    height: 264px;
    vertical-align: middle;
    text-align: center;
}

.new {
    height: 25px;
    float: left;
    margin: 5px 0 0 3px;
}

.newt {
    background: #fff;
    width: 95%;
    margin: 1px;
    padding: 10px 1%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border: #ccc 1px solid;
    border-top-right-radius: 10px;
    -moz-box-shadow: 0px 0px 5px 0px #999;
    -webkit-box-shadow: 0px 0px 5px 0px #999;
    box-shadow: 0px 0px 5px 0px #999;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


.border_b {
    float: left;
    background: url(../../img/white/bg_08.png) 0 0 repeat-x;
    width: 100%;
    height: 29px;
}

.widthnew {
    float: none;
    width: 99%;
    background: #fff;
    overflow: hidden;
    border: #c4c4c4 1px solid;
    margin: 0 auto;
}

.title {
    font-size: 1rem;
    color: #8d120b;
    float: left;
    width: calc(99% - 110px);
    display: table-cell;
    vertical-align: middle;
    height: auto;
    padding-left: 1%;
    word-break: break-all;
}

.date {
    font-size: 0.8125rem;
    color: #666;
    float: left;
    width: 70px;
    text-align: center;
}

.fb {
    float: left;
    width: 32px;
    height: 32px;
    background: url(/img/facebook.png) center no-repeat;
    display: inline-block;
}

.con1 {
    color: #666;
    float: left;
    text-align: left;
    line-height: 20px;
    padding: 3%;
    width: 94%;
}

    .con1 img {
        max-width: 100%;
    }

.con1_img {
    margin: 10px 10px 10px 0;
    float: left;
}

.con2 {
    margin-top: 10px;
    float: left;
}
/*最新消息列表*/
.widthnew_list {
    width: 95%;
    margin: 0 auto;
    background: #fff url(../../img/white/bg_12.jpg) right 0 repeat-y;
    overflow: hidden;
    border: #fff 1px solid;
    -moz-box-shadow: 0px 0px 5px 0px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 5px 0px #999; /* Safari 和 Chrome */
    box-shadow: 0px 0px 5px 0px #999; /* Opera 10.5 + */
    z-index: 1;
    position: relative;
}

.bo {
    background: url(../../img/white/bg_14.jpg) left 0 repeat-y;
    position: relative;
    border-bottom: #e3e3e3 1px solid;
    z-index: 1;
}


.title_list {
    float: left;
    width: 67.5%;
    padding-left: 9.5%;
}

.date_list {
    float: right;
    width: 23%;
    text-align: center;
}

.widthnew_list ul li a {
    clear: both;
    height: 35px;
    line-height: 35px;
    border-bottom: #cbcbcb 1px dotted;
    width: 100%;
    display: block;
}

.title_list2 {
    float: left;
    width: 67%;
    height: 35px;
    background: url(../../img/white/newico.png) 8% 10px no-repeat;
    text-align: left;
    padding-left: 10%;
    overflow: hidden;
}

.date_list2 {
    width: 23%;
    font-size: 0.8125rem;
    color: #7b5941;
    float: right;
    text-align: center;
}

.widthnew_list ul li a .title_list2 {
    color: #333;
}

.widthnew_list ul li a .date_list2 {
    color: #760000;
}

.widthnew_list ul li a:hover {
    background: url(../../img/white/newbg2.png) 0 0 repeat;
}

    .widthnew_list ul li a:hover .title_list2 {
        color: #fff;
    }

    .widthnew_list ul li a:hover .date_list2 {
        color: #fff;
    }

.pro_list2 dt.media_list {
    background: #dadada;
    height: 55px;
}

.pro_list2 dt div.media_list2 {
    clear: both;
    display: block;
    text-align: left;
    height: 20px;
    text-decoration: underline;
}

.pro_list2:hover dt.media_list div.media_list2 {
    color: #fff;
    text-decoration: none;
}

.pro_list2:hover dt.media_list {
    background: #ca6868;
    color: #fff;
}

.pro_list2:hover dd.dada {
    background: #ca6868;
    color: #fff;
}

.pro_list2:hover dd div.data {
    color: #fff;
}

.pro_list2 dd div.data {
    width: 276px;
    height: 20px;
    font-size: 0.8125rem;
    text-align: right;
    line-height: 20px;
    color: #a90000;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
    font-weight: normal;
    padding-right: 10px;
}

.pro_list2 .dada .prol img {
    width: 264px;
    height: 264px;
}

.pro_list2 .dada .linkPic img {
    max-width: 100%;
}

.pro_list2 dd.dada {
    display: table-cell;
    text-align: center;
    background: #dadada;
    overflow: hidden;
}

    .pro_list2 dd.dada img {
        margin-top: 5px;
    }

.width849 {
    width: 849px;
    margin: 20px auto;
}

.width78 {
    width: 78%;
    float: left;
    height: 498px;
}

.width19 {
    width: 100%;
    margin-left: 0;
}

    .width19 div {
        width: 165px;
        margin: 0 auto;
        height: auto;
        display: block;
        overflow: hidden;
    }

.width20 {
    width: 100%;
    height: 425px;
    overflow: hidden;
}

    .width20 li a {
        position: relative;
        display: block;
        width: 165px;
        height: 124px;
        cursor: pointer;
        z-index: 1;
        left: 0;
        top: 0;
    }

        .width20 li a div {
            width: 98%;
            height: 26px;
            line-height: 26px;
            padding-right: 2%;
            position: absolute;
            z-index: 9999;
            left: 0px;
            bottom: 0px;
            background: #000;
            filter: alpha(opacity=75);
            -moz-opacity: 0.75;
            -khtml-opacity: 0.75;
            opacity: 0.75;
            color: #fff;
            text-align: right;
        }

        .width20 li a span {
            position: absolute;
            background: url(../../img/opcy.png) 0 0 repeat;
            left: 0px;
            top: 0px;
            display: block;
            width: 161px;
            height: 120px;
            z-index: 999999;
        }

        .width20 li a:hover span {
            border: #F00 2px solid;
        }

        .width20 li a.active span {
            position: absolute;
            width: 161px;
            height: 120px;
            border: #F00 2px solid;
            z-index: 999999;
            left: 0px;
            top: 0px;
            display: block;
        }

.video_03 {
    width: 100%;
}

.video_04 {
    width: 100%;
    margin: 5px 0;
}

.video_05 {
    cursor: pointer;
    float: right;
    width: 100%;
}

.video_06 {
    cursor: pointer;
    float: right;
    width: 100%;
    margin-top: 10px;
}

/*酒香園地*/
.wine {
    width: 100%;
    box-shadow: 1px 1px 2px 1px #ccc;
}

.min-new_w {
    width: 947px;
    margin: 10px auto;
    overflow: hidden;
}

.min-new_w2 {
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
}

.b1_w {
    width: 30%;
    margin: 0 1%;
    margin-bottom: 22px;
    float: left;
}

    .b1_w a {
        width: 100%;
        display: block;
        text-decoration: none;
        cursor: pointer;
    }

    .b1_w p {
        float: left;
        width: 100%;
        height: 197px;
        overflow: hidden;
    }

    .b1_w > div {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .b1_w a div .txt_win2 {
        width: 64%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        font-size: 1rem;
        background: url(../../img/winepo.png) 0 6px no-repeat;
        padding-left: 6%;
        float: left;
    }

    .b1_w a .line_date {
        width: 30%;
        float: right;
        text-align: right;
        color: #940000;
        font-size: 0.9rem;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 29px;
    }

        .b1_w a .line_date span {
            height: 54px;
        }

    .b1_w a dt p {
        line-height: 20px;
        color: #666;
    }

.wine_data {
    height: 27px;
    width: 100%;
    margin-top: 5px;
    line-height: 27px;
    overflow: hidden;
}

.wine-title {
    font-size: 18px;
}


.line {
    background: url(../../img/white/tbg.png) 0 -16px no-repeat;
    width: 100%;
    float: left;
    height: 7px;
}

.b1_w a:hover h2 {
    color: #a00000;
}

.b1_w a:hover .line_date {
    color: #000;
}

.b1_w a:hover p {
    color: #000;
}

.b1_w a:hover .wine {
    box-shadow: 1px 1px 2px 1px #333;
}
/*會員專區*/
.newt2 {
    clear: both;
    width: 96%;
    padding: 10px 2%;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    z-index: 9999;
    position: relative;
    min-height: 20px;
}

.title2 {
    font-size: 0.9rem;
    color: #000;
    line-height: 18px;
    float: left;
    width: 70%;
    font-weight: bold;
}

.date2 {
    font-size: 0.8125rem;
    color: #a00000;
    float: left;
    width: 30%;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.con3 {
    color: #666;
    text-align: left;
    line-height: 20px;
    padding: 0;
    padding: 2% 0 20px 0;
    width: 94%;
    margin: 0 auto;
}

    .con3 p {
        font-size: 1.125rem;
        line-height: 2em;
    }

.iframe2 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}

.width21 .width21_2 {
    position: relative;
    width: 200px;
    height: 170px;
    display: inline-block;
}

    .width21 .width21_2 a .width21_3 {
        position: absolute;
        background: url(../../img/opcy.png) 0 0 repeat;
        left: 0px;
        top: 0px;
        display: block;
        width: 200px;
        height: 170px;
        z-index: 999999;
    }

.width21 .width21_2 {
    position: relative;
}

    .width21 .width21_2 a {
        position: absolute;
        display: inline-block;
        width: 200px;
        height: 170px;
        cursor: pointer;
        z-index: 1;
        left: 0;
        top: 0;
    }

        .width21 .width21_2 a .width21_4 {
            width: 98%;
            height: 26px;
            line-height: 26px;
            padding-right: 2%;
            position: absolute;
            z-index: 9999;
            left: 0px;
            bottom: 0px;
            background: #000;
            filter: alpha(opacity=75);
            -moz-opacity: 0.75;
            -khtml-opacity: 0.75;
            opacity: 0.75;
            color: #fff;
            text-align: right;
        }

.border_a {
    float: left;
    border-bottom: #c4c4c4 1px solid;
    width: 100%;
    height: 1px;
    margin-top: -19px;
}

p.wid10 {
    float: left
}

p.wid11 {
    float: left;
    width: 26px;
    height: 1px;
}

p.wid12 {
    float: left;
}

.search2_wrap {
    padding: 8px 0 8px 3%;
}

.search2 {
    /*float: left;*/
    /*width: 100%;*/
    /*min-height: 26px;*/
    /*margin:8px 0 8px 3%;*/
    display: inline-block;
}

.color001 {
    color: #000;
    /*float: left;*/
    line-height: 26px;
    height: 26px;
    /*margin-right: 17px;*/
}

.color002 {
    color: #000;
    /*float: left;*/
    line-height: 26px;
    height: 26px;
    /*margin-right: 17px;*/
}

.width19 #video {
    display: none;
}

.width19 div {
    width: 100%;
}

.width19 {
    width: 100%;
    margin-left: 0;
}

    .width19 .width21_b3 {
        display: block;
    }

.width21 {
    width: 900px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

    .width21 li a {
        width: 200px;
        height: 170px;
    }

.width78 {
    display: none;
}

#video_Left {
    display: none;
}

#video_Right {
    display: none;
}

.width21 li {
    width: 200px;
    height: 170px;
    padding: 5px;
    float: left;
}
/*iris*/
.searbox {
    display: inline-block;
    vertical-align: top;
}


/*Evie新增*/
.navPath {
    color: #666;
    padding: 15px 0;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
}

    .navPath a:hover {
        color: #000;
        text-decoration: underline;
    }