@charset "utf-8";
/* CSS Document */


@import url("reset.css");

/*20231205 Joan 新增 google font*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+TC:wght@500;600&display=swap');




/*  body  ALL 雜七雜八 */
/*20180327 Roger 修正字體造成的破版問題*/
body {
    font-size: 13px;
    font-family:"Arial", "微軟正黑體", "Apple LiGothic";
    min-width: 1280px;
    -webkit-text-size-adjust:none;
}
/*20180327 Roger 修正字體造成的破版問題*/

a {
    text-decoration: none;
}

    a:visited {
    }

.CLEAR {
    clear: both;
}

.CLEARBOTH:after{
    content: '';
    width: 0;
    height: 0;
    clear: both;
    display: block;
}


h1, h2, h3, h4, h5, h6 {
    font-size: 13px;
    font-weight: 100;
}


button {
    background-repeat: no-repeat;
    background-position: bottom right;
    border: none;
    cursor: pointer;
    background-color: transparent;
    display: block;
    outline: none;
}

.flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Head 刊頭  */
.HeadALL {
}

.HeadMenu {
    display: block;
    width: 1280px;
    height: 20px;
    margin: 10px auto 0 auto;
}

    .HeadMenu a {
        float: right;
        font-size: 13px;
        line-height: 22px;
        display: inline-block;
        color: #999;
        text-decoration: none;
        margin-right: 10px;
        background-position: center left;
        padding-left: 20px;
        background-repeat: no-repeat;
    }

        .HeadMenu a:hover {
            color: #333;
            text-decoration: underline;
        }

        .HeadMenu a:first-child {
            margin-right: 70px;
        }

.MyList {
    background-image: url(../images/icon/MyList.png);
}

.TrackingList {
    background-image: url(../images/icon/TrackingList.png);
}
/* 20240122 JOAN 更改CWCicon */
.HeadMenu .CWC{
    background-image: url(../images/icon/icon_cwc_noborder.svg);
    background-size: 18px auto;
    background-position: left center;
    
}

/*
.BuyALot {
    background-image: url(../images/icon/BuyALot.png);
}*/

/*20180327 Roger add*/
.MobileVer{
	 background-image: url(../images/icon/Mobile.png);
}
/*20180327 Roger add end*/
.Reconfirmed {
    background-image: url(../images/icon/Reconfirmed.png);
}

.HeadMenuLogin {
    background-image: url(../images/icon/HeadMenuLogin.png);
}

.LogOut {
    background-image: url(../images/icon/logout.png);
}

.AccountNumber {
    color: #999;
    float: right;
    line-height: 22px;
    margin-right: 15px;
}

.AccountNumber em{
    color: #c29c20;
    margin: 0 5px;
}
/* 新頁籤 */


.TagALL,
.TagALL_Buy {
    display: block;
    min-width: 1280px;
    background-image: url(../images/Tag_WineBG.jpg);
    height: 40px;
    background-repeat: repeat-x;
    margin: 15px 0px 60px 0px;
    *margin: 15px 0px 80px 0px;
}

    .TagALL ul,
    .TagALL_Buy ul {
        display: block;
        max-width: 1280px;
        height: 40px;
        margin: 0 auto;
        position: relative;
    }



        .TagALL ul li {
            display: inline-block;
            width: 154px;
            height: 40px;
            float: right;
            margin-right: 10px;
        }

        .TagALL ul li:nth-child(2) {
            margin-right: 70px;
        }

.Tag_FocusBG {
    background-image: url(../images/index_top_tag_focusBG.jpg);
}

.TagALL ul li a,
.TagALL_Buy ul li a,
.TagWhisky div,
.TagWine div {
    display: inline-block;
    width: 100%;
    height: 100%;
}


/*20161229 roger 修改logo圖為gif檔*/
.TagALL ul li.TagLogo,
.TagALL_Buy ul li.TagLogo {
    float: none;
    position: absolute;
    margin-left: 35px;
    top: -35px;
    width: 241px;
    height: 108px;
    background-image: url(../images/Logo.gif);
}
/*20161229 roger 修改logo圖為gif檔 end*/

.TagALL_Buy ul li.TagLogo {
    background-image: url(../images/WineLogo_Buy.png);
    background-color: #FFF;
}

.Buy2_margin ul li.TagLogo {
    background-image: url(../images/Logo.gif);
    background-color: transparent;
}


.TagWine {
    background-image: url(../images/TagWine.png);
    background-repeat: no-repeat;
    background-position: center;
}

.TagWhisky {
    background-image: url(../images/TagWhisky.png);
    background-repeat: no-repeat;
    background-position: center;
}


.TagBeer {
    background-image: url(../images/TagBeer2.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*201805 roger add new tag style*/
.TagSake{
    background-image: url(../images/TagSake.png);
    background-repeat: no-repeat;
    background-position: center;
}
/*201805 roger add new tag style end*/

.Tag_FocusBG .TagWine{
    background-image: url(../images/TagWine-H.png);
}

.Tag_FocusBG .TagWhisky{
    background-image: url(../images/TagWhisky-H.png);
}


.TagMember {
    display: inline-block;
    width: 90px;
    height: 40px;
    float: right;
    margin-right: 70px;
    background-image: url(../images/TagMember.png);
    background-repeat: no-repeat;
    background-position: center;
}



/* 我的清單的 */
.TagALL_Buy {
    background-image: url(../images/Tag_BuyBG.jpg);
    border: 1px solid #E6E6E6;
    border-left: none;
    border-right: none;
    margin: 25px 0px 35px 0px;
    *margin: 15px 0px 65px 0px;
}

.Buy2_margin {
    margin: 15px 0px 55px 0px;
    *margin: 15px 0px 85px 0px;
}

/*20161206 Roger 修改寬度、left*/
.Process {
    display: inline-block;
    width: 900px;
    height: 53px;
    position: absolute;
    left: 320px;
    top: -7px;
}
/*20161206 Roger 修改寬度、left end*/

/*20230712 Roger新增公司資訊樣式*/
.GVCompanyInfo{
    margin-bottom: 90px;
    color:#999;
    text-align: center;
}

/*20230712 Roger新增公司資訊樣式 end*/

/*  警語   */
/* 20230220 Joan 修改警語樣式 */

.Warning {
    background: #252525;
    /* text-align: center; */
    width: 100%;
    height: 77px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
}


    /* .Warning p {
        width: 100%;
        height: 77px;
        margin: 0 auto;
        background-image: url(../images/Warning.png);

    } */
    /* .Warning p::after {
        content: '飲酒過量有礙健康 禁止酒駕';
        display: block;
        margin: 3px auto 0 auto;
        border: yellow solid 0.75px;
        width: 80%;
        height: 100%;
        color: #d1d1d1;
        font-family: 'IBM Plex Sans JP', sans-serif;
        font-size: 50px;
        line-height: 77px;
        font-weight: 200;
        text-align-last: justify; //這個很酷但是safari要更新到16以上才能用哭
    } */
    .Warning p::after {
        content: '飲酒過量有礙健康 禁止酒駕';
        display: block;
        margin: 3px auto 0 auto;
        padding-left: 45px;
        /* border: yellow solid 0.75px; */
        width: 1280px;
        height: 100%;
        color: #d1d1d1;
        font-family: 'IBM Plex Sans JP', sans-serif;
        font-size: 50px;
        line-height: 77px;
        /* vertical-align: bottom; */
        letter-spacing: 45px;
        font-weight: 200;
        text-align: center;
    }
    @media (max-width: 1280px) {
        .Warning p::after {
            width: 90%;
            font-size: 40px;
            letter-spacing: 20px;
            padding-left: 0;
        }
    }
    @media (max-width: 855px) {
        .Warning p::after {
            width: 90%;
            font-size: 25px;
            letter-spacing: 10px;
            padding-left: 0;
        }
    }

/****************************快速選單 start**************************/


.TopMenu {
    clear: both;
    display: block;
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 8888;
}

.TopMenu_position {
    display: block;
    height: 16px;
    width: 1160px;
    position: absolute;
    top: -40px;
    *top: -70px;
    margin-left: 50px;
    z-index: 999999;
}



/* 選單外掛 width: 100%;*/

.ddsmoothmenu {
    display: block;
    z-index: 8888;
    font-size: 16px;
	color:#999;
    margin: 0 45px;
}




    .ddsmoothmenu ul {
        z-index: 99999;
        margin: 0;
        padding: 0;
    }

        /*Top level list items*/
        .ddsmoothmenu ul li {
            position: relative;
            display: inline;
            float: left;
            margin-left: 90px;
        }

        .ddsmoothmenu ul li:first-child {
            margin-left: 0;
        }

            /*Top level menu link items style*/
            .ddsmoothmenu ul li a {
	display: block;
                *padding: 8px 5px;
	color: #666;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
            }

            * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
                display: inline-block;
            }



                .ddsmoothmenu ul li a:hover {
                }

            /*1st sub level menu*/
            /*20161122 Roger 新增line-height*/
            .ddsmoothmenu ul li ul {
                position: absolute;
                left: 0;
                display: none; /*collapse all sub menus to begin with*/
                visibility: hidden;
                line-height: 23px;
            }
            /*20161122 Roger 新增line-height end*/

                /*Sub level menu list items (undo style from Top level List Items)*/
                /*20161122 Roger 修正font size*/
                .ddsmoothmenu ul li ul li {
                    display: list-item;
                    float: none;
					font-size: 14px;
                    margin-left: 0;
                }
                /*20161122 Roger 修正font size end*/

                    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
                    .ddsmoothmenu ul li ul li ul {
                        top: 0;
                    }



                    /* Sub level menu links style */
                    /*20161122 Roger 修改寬度*/
                    .ddsmoothmenu ul li ul li a {
                        width: 125px; /*width of sub menus*/
                        padding: 4px;
                        padding-left: 16px;
                        padding-right: 0px;
                        margin: 0;
                        margin-right: 5px;
                    }
                    /*20161122 Roger 修改寬度 end*/


                        .ddsmoothmenu ul li ul li a:hover {
                            color: #333;
                            font-weight: bold;
                        }

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
}
    /*Holly Hack for IE7 and below*/


    .ddsmoothmenu ul li a.ddsmoothmenu_tittle,
    .ddsmoothmenu ul li a.ddsmoothmenu_tittle2 {
        display: block;
        height: 100%;
        color: #000;
       /* background-color: #FFF;*/
    }

    .ddsmoothmenu span.menuICON,
    .ddsmoothmenu span.menuICONWhisky,
    .ddsmoothmenu span.menuICONBeer {
        display: block;
        width: 15px;
        height: 16px;
        background-repeat: no-repeat;
        background-image: url(../images/TopMenut_Wine.png);
        float: left;
        margin-top: 10px;
        margin-right: 5px;
    }



    .ddsmoothmenu span.menuICONWhisky {
        background-image: url(../images/TopMenut_Whisky.png);
    }

    .ddsmoothmenu span.menuICONBeer {
        height: 18px;
        background-image: url(../images/TopMenut_beer.png);
    }






/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.8;
}

.ddsmoothmenu ul li ul li a.Indentation {
    padding-left: 20px;
    width: 110px;
    line-height: 12px;
}

/* 外掛選單新增 */

.diBAG ul {
    background-image: url(../images/MenuBG.jpg);
    background-repeat: repeat-X;
    border: #999 1px ridge;
    border-bottom: 1px #CCC ridge;
    border-top: none;
}

    /*20161122 Roger 新增寬度設定*/
    .diBAG>ul li{
        width: 140px;
    }
    /*20161122 Roger 新增寬度設定 end*/

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background-image: url(../images/TopMenuHover.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    outline: 0;
    color: #666;
}


.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background-image: url(../images/TopMenuHover.png);
    background-repeat: no-repeat;
    outline: 0;
    color: #666;
}




.sf-menu a:active,
.sf-menu a:focus {
    font-weight: bold;
}




.ddsmoothmenu ul li.diBAG {
    border: none;
    background-image: none;
    /*background-color: #FFF;*/
}

    .ddsmoothmenu ul li.diBAG a.ddsmoothmenu_tittle:hover,
    .ddsmoothmenu ul li.diBAG a.ddsmoothmenu_tittle2:hover {
        background-image: none;
    }





/* 上選單最後斷行 */

/*20161122 Roger 調整寬度*/
.ALLThirdMenuLL, .ALLThirdMenuLL2 {
    width: 296px;
    background-image: url(../images/MenuBG.jpg);
    background-repeat: repeat-y;
}

.ThirdMenuLL, .ThirdMenuLL2 {
    width: 140px;
    float: left;
    margin-right: 10px;
    line-height: 23px;
}


.ThirdMenuRR, .ThirdMenuRR2 {
    width: 140px;
    float: left;
    line-height: 23px;
}
/*20161122 Roger 調整寬度 end*/


.ThirdMenuTittle {
    width: 100%;
    padding-left: 5px;
    text-align: center;
    background-color: #E0E0E0;
}



/* 矯正選單 IE7錯誤 */



.ThirdMenuLL2 {
    *margin-left: -16px;
}

.ThirdMenuRR2 {
    *margin-left: 0px;
}


li.MenuIE7 {
    *background-image: none;
}


    li.MenuIE7:hover {
        *background-image: none;
    }

/****************************快速選單 end**************************/

/*****************************輪播圖*******************************/
.AD_ALL {
    clear: both;
    display: block;
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
/* 20230321 JOAN 調整高度 */
.AD_Big {
    display: block;
    width: 1160px;
    height: 420px; /* 20230321 JOAN 調整高度 */
    margin-left: 57px;
    /* border: 1px solid #E6E6E6; 20230321 JOAN 刪除輪播器框線 */
    overflow: hidden;
    color: #808088;
    position: relative;
}


.AD_Big_ALL {
    display: block;
    position: absolute;
    width: 3150px;
    height: 240px;
    top: 0;
    left: 0;
}

.ADB_Title_Hover {
    color: #fff;
    border-top: 5px solid #CCC;
}


.BNStop, .BNGo {
    display: block;
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
    z-index: 888;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

    .BNStop:hover, .BNGo:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.BNStop {
    right: 8px;
    top: 10px;
    background-image: url(../images/icon/BNStop.png);
}

.BNGo {
    right: 30px;
    top: 10px;
    background-image: url(../images/icon/BNGo.png);
}







/* 我的酒單*/

.MyWineList {
    display: block;
    height: 361px;
    width: 30px;
    top: 10px;
    position: absolute;
    right: 0;
    z-index: 9999999;
}


.WineList_Posation {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}



.WineList_ALL {
    position: absolute;
    display: block;
    width: 30px;
    height: 361px;
    overflow: hidden;
    top: 0px;
    right: 10px;
    z-index: 8888888;
}


.WineList_Info {
    display: block;
    width: 600px;
    height: 360px;
}


    .WineList_Info h1 {
        display: block;
        width: 30px;
        height: 361px;
        float: left;
        background-image: url(../images/index_mylist.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .WineList_Info h4 {
        display: block;
        width: 560px;
        height: 60px;
        float: left;
        background-color: #F7F7F7;
        border-top: 1px #808080 solid;
        border-right: 1px #808080 solid;
        line-height: 22px;
    }

        .WineList_Info_text{
            margin-left: 10px;
            margin-top: 30px;
            float: left;
            font-size: 16px;
        }


.WineList_Info h3 {
    display: block;
    width: 320px;
    height: 93px;
    float: left;
    background-color: #785472;
    border-bottom: 1px #808080 solid;
    border-top: 1px #808080 solid;
}


    .WineList_Info h3 b, .WineList_Info h3 b {
        display: block;
        width: 75px;
        margin-left: 10px;
    }


    .WineList_Info h3 p, .WineList_Info h2 p {
        display: block;
        float: left;
        margin: 5px 0px 0px 30px;
    }



    .WineList_Info h3 ul, .WineList_Info h2 ul {
        display: block;
        position: absolute;
        left: 3px;
        top: 0px;
        margin-top: 5px;
        width: 600px;
    }


        .WineList_Info h3 ul li, .WineList_Info h2 ul li {
            display: block;
            height: 40px;
            width: 40px;
            padding: 1px;
            float: left;
            margin-right: 8px;
            cursor: pointer;
            /*background-image:url(../images/icon/LabelBG.png);*/
            border: 1px solid #CCC;
            background-color: #FFF;
            background-position: bottom;
            background-repeat: no-repeat;
        }

            .WineList_Info h3 ul li:hover, .WineList_Info h2 ul li:hover {
                border: 2px solid #C08F1A;
            }


a.WineList_WineName {
    display: block;
    clear: both;
    float: left;
    max-width: 180px;
    max-height: 14px;
    overflow: hidden;
}

    a.WineList_WineName:hover {
        cursor: pointer;
        text-decoration: underline;
    }


.SeeDetailsICON {
    height: 32px;
    width: 131px;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
    background-image: url(../images/icon/SeeDetailsICON.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: bottom right;
}

    .SeeDetailsICON:hover {
        padding-top: 1px;
        padding-left: 1px;
    }





a.WineList_More {
    position: absolute;
    top: 175px;
    left: 470px;
    z-index: 10;
    padding: 2px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

/*20161205 Roger 修改樣式*/
.WineList_More:hover {
    padding: 2px;
    color: #C08F1A;
    /* text-decoration: none; */
}
/*20161205 Roger 修改樣式 end*/




/* 購物車新修正 */


.Commodity {
    background-color: #fff;
    width: 560px;
    height: 298px;
    float: left;
    border-bottom: 1px #808080 solid;
    border-top: 1px #808080 solid;
    border-right: 1px #808080 solid;
    position: relative;
}

/*20161205 Roger 新增z-index*/
.Added { /* 藍 */
    position: absolute;
    width: 500px;
    height: 298px;
    top: 0px;
    left: 30px;
    z-index: 9;
}
/*20161205 Roger 新增z-index end*/


/* 圖框 */
.Recent_IMG_GO {
    float: left;
    display: block;
    width: 500px;
    height: 298px;
    position: relative;
    overflow: hidden;
}


    .Recent_IMG_GO ul {
        display: block;
        position: absolute;
        left: 3px;
        top: 0px;
        margin-top: 5px;
        width: 1000px;
    }


        .Recent_IMG_GO ul li {
            display: block;
            height: 70px;
            width: 70px;
            padding: 1px;
            float: left;
            margin-right: 10px;
            cursor: pointer;
            border: 1px solid #CCC;
            background-color: #FFF;
            background-position: bottom;
            background-repeat: no-repeat;
        }




/*左右*/
.GoLeft2, .GoRight2, .GoLeft3, .GoRight3 {
    position: absolute;
    cursor: pointer;
    width: 10px;
    height: 35px;
}

.GoLeft2 {
    top: 225px;
    left: 10px;
}

.GoRight2 {
    top: 225px;
    left: 540px;
}


.GoLeft3 {
    top: 70px;
    left: 10px;
}

.GoRight3 {
    top: 70px;
    left: 540px;
}


/* 商品名稱 */

a.WineList_WineName,
a.WineList_WineName2,
a.WineList_WineName3,
a.WineList_WineName4 {
    position: absolute;
    z-index: 10;
    max-width: 185px;
    max-height: 16px;
    overflow: hidden;
    left: 35px;
}

a.WineList_WineName {
    color: #333;
    top: 10px;
}

a.WineList_WineName2 {
    top: 28px;
    color: #999;
}

a.WineList_WineName3 {
    top: 155px;
    color: #000;
}

a.WineList_WineName4 {
    top: 173px;
    color: #999;
}

    a.WineList_WineName:hover,
    a.WineList_WineName2:hover,
    a.WineList_WineName3:hover,
    a.WineList_WineName4:hover {
        cursor: pointer;
        text-decoration: underline;
    }


#reRecent_IMG_GO {
    z-index: 888;
}







/* ============  CenterALL  中段 =============== */
.CenterALL_BG {
    clear: both;
    display: block;
    width: 1280px;
    margin: 0 auto;
    background-position: bottom;
    position: relative;
    background-repeat: no-repeat;
    *margin-top: -30px;
}

.CenterALL {
    clear: both;
    display: block;
    width: 1280px;
    margin: 0 auto;
    margin-top: 15px;
}


/********************** Left_MENU  左選單 ************************/
.Left_Menu_layout{
    width: 278px;
/*    min-height: 2430px;*/
    border: 1px solid #b9b9b9;
    margin-left: 57px;
    float: left;
}

.Left_Menu_bg{
    background-color: #f7f7f7;
}

.Left_Menu_ClassifySearch_layout{
    background-color: #b9b9b9;
    width: 278px;
    padding-bottom: 16px;
    box-sizing: border-box;
}

.Left_Menu_ClassifySearch_title{
    width: 86px;
    height: 26px;
    margin-left: 10px;
    margin-top: 12px;
    display: inline-block;
    background-image: url(../images/Left_Menu_ClassifySearch_title.png);
}

.Left_Menu_ClassifySearch_input{
    width: 222px;
    height: 30px;
    margin-left: 11px;
    margin-top: 5px;
    outline: none;
    border: none;
    background-color: #fff;
    color: #000;
    padding: 0 5px;
    padding-right:30px;
    line-height: 30px;
}

/*20161124 Roger 修正Z-index*/
.Left_Menu_ClassifySearch_searchICON{
    width: 20px;
    height: 20px;
    background-image: url(../images/Left_Menu_ClassifySearch_searchICON.png);
    position: absolute;
    margin-top: 48px;
    margin-left: 242px;
    z-index: 9;
    cursor: pointer;
}
/*20161124 Roger 修正Z-index end*/

/*20161202 Roger 移除高度限制 修改padding*/
.Left_Menu_ClassifySearch_condition_layout{
    width: auto;
    /* min-height:140px; */
    background-color: #707073;
    padding: 10px;
    padding-bottom: 15px; 
}
/*20161202 Roger 移除高度限制 修改padding end*/

.Left_Menu_ClassifySearch_condition_title_row{
    width: 100%;
    height: 22px;
    margin-top: 5px;
}

.Left_Menu_ClassifySearch_condition_title_line{
    display: inline-block;
    width: 4px;
    height: 22px;
    background-color: #fff;
    float: left;
    margin-left: 5px;
}

.Left_Menu_ClassifySearch_condition_title{
    display: inline-block;
    height: 22px;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    line-height: 22px;
    float: left;
    margin-left: 10px;   
}

/*20161130 Roger 調整分類找酒文字樣式*/
.Left_Menu_ClassifySearch_condition_text{
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    margin-top: 10px;
}

    .Left_Menu_ClassifySearch_condition_text div{
        line-height: 18px;
        height: auto;
        margin-top: 10px;
        padding-left:37px; 
    }

.Left_Menu_ClassifySearch_condition_text div:hover{
    cursor: pointer;
    text-decoration: line-through; 
    padding-left:20px; 
}

.Left_Menu_ClassifySearch_condition_text div:hover:before{
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/icon/Delete_ICON.png);
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
/*20161130 Roger 調整分類找酒文字樣式 end*/

.Left_Menu_ClassifySearch_condition_deletAllBTN{
    display: inline-block;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #fff;
    padding:0 5px; 
    margin-top: 10px;
    margin-left: 37px;
}

.Left_Menu_ClassifySearch_condition_deletAllBTN:hover{
    background-color: #fff;
    color: #707073;
    cursor: pointer;
}

.Left_Menu_Advancedoption_layout{
    margin-top: 10px;
    margin-left: 11px;
}

.Left_Menu_AdvancedSearch{
    float: left;
    height: 22px;
    cursor: pointer;
    margin-left: 10px;
}

    .Left_Menu_AdvancedSearch span{
        float: left;
    }

.Left_Menu_AdvancedSearch_icon{
    width: 9px;
    height: 22px;
    background-image: url(../images/Left_Menu_AdvancedSearch_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.Left_Menu_AdvancedSearch_text{
    font-size: 17px;
    color: #616160;
    line-height: 22px;
    margin-left: 5px;
}

.Left_Menu_AdvancedOrignal_layout{
    float: left;
    height: 22px;
    cursor: pointer;
    margin-left: 15px;
}

    .Left_Menu_AdvancedOrignal_layout span{
        float: left;
    }


.Left_Menu_AdvancedOrignal_icon{
    width: 15px;
    height: 22px;
    background-image: url(../images/Left_Menu_original_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.Left_Menu_AdvancedOrignal_text{
    font-size: 17px;
    color: #616160;
    line-height: 22px;
    margin-left: 5px;
}

.Left_Menu_AdvancedRecent_icon{
    width: 11px;
    height: 22px;
    background-image: url(../images/Left_Menu_recent_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.Left_Menu_AdvancedRecent_layout{
    float: left;
    height: 22px;
    cursor: pointer;
    margin-left: 30px;
}

    .Left_Menu_AdvancedRecent_layout span{
        float: left;
    }

.Left_Menu_AdvancedRecent_text{
    font-size: 17px;
    color: #616160;
    line-height: 22px;
    margin-left: 5px;
}

.Left_Menu_ClassifySearch_separateline{
    height: 1px;
    margin: 10px 10px;
    background-color: #999999;
}

.Left_Menu_YearWinery_layout{
    margin: 0 50px;   
    height: 22px; 
}

.Left_Menu_Winery{
    float: left;
    cursor: pointer;
}

    .Left_Menu_Winery span{
        float: left;
    }

.Left_Menu_Year{
    float: left;
    margin-left: 40px;
    cursor: pointer;
}

    .Left_Menu_Year span{
        float: left;
    }

.Left_Meni_YearWinery_diamond_icon{
    width: 7px;
    height: 22px;
    background-image: url(../images/Left_Menu_ClassifySearch_diamond_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.Left_Menu_YearWinery_text{
    font-size: 17px;
    color: #616160;
    line-height: 22px;
    margin-left: 5px;
}

.Left_Menu_block{
    margin: 15px 0;
    width: 100%;
}

.Left_Menu_title{
    margin-left: 30px;
    height: 27px;
}

    .Left_Menu_title span{
        float: left;
    }

.Left_Menu_title_icon{
    width: 9px;
    height: 27px;
    background-image: url(../images/icon/Menu_ICON.png);
    background-repeat: no-repeat;
    background-position: center;
}

.Left_Menu_title_text{
    font-size: 20px;
    font-weight: bold;
    color: #535556;
    line-height: 27px;
    margin-left: 10px;
}

.Left_Menu_options{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    margin-left: 50px;
}

    .Left_Menu_options li{
        line-height: 16px;
        margin: 15px 0;   
    }

        .Left_Menu_options li a{
            color: #333333;
            /*margin-left: 5px;*/
        }

        .Left_Menu_options li a:hover{
            background-color: #ccc;
        }

        .Left_Menu_options li input{
            display: none;
        }

		/*20170413 Roger 新增*/
        .Left_Menu_options .Left_Menu_options_noteText{
        	display: inline-block;
			font-size: 10px;
			color: #777777;
			line-height: 16px;
        }
        /*20170413 Roger 新增 end*/

.Left_Menu_separateline{
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #69696b;
}

.TypeOpen{
    cursor: pointer;
}

.GoToList{
    font-size: 14px;
    color: #7e7e7e;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    display: none;
}
    /*20161124 Roger 新增樣式*/
    .GoToList > a{
        color: #7e7e7e;
    }
    /*20161124 Roger 新增樣式 end*/

.Left_Menu_moreBTN{
    font-size: 14px;
    color: #7e7e7e;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.Left_Menu_price_layout{
    margin-top: 20px;
}

.Left_Menu_price_title{
    margin-left: 30px;
    height: 16px;
}

    .Left_Menu_price_title span{
        display: inline-block;
        float: left;
    }

.Left_Menu_price_title_line{
    width: 3px;
    height: 16px;
    background-color: #535556;
}

.Left_Menu_price_title_text{
    font-size: 16px;
    line-height: 16px;
    color: #535556;
    margin-left: 15px;
}

.Left_Menu_price_second_title{
    font-size: 14px;
    color: #535556;
    margin-left: 49px;
    margin-top: 8px;
}

.Left_Menu_price_input_layout{
    margin-left: 49px;
    margin-top: 10px;
    height: 27px;
}

    .Left_Menu_price_input_layout input{
        width: 35px;
        height: 25px;
        background-color: #fff;
        border: 1px solid #d2d2d2;
        outline: none;
        padding: 0 5px;
        display: inline-block;
        float: left;
    }

    .Left_Menu_price_input_layout span{
        display: inline-block;
        float: left;
        margin: 0 5px;
        line-height: 27px;
    }

    .Left_Menu_price_input_layout img{
        display: inline-block;
        float: left;
        margin-top: 8px;
        cursor: pointer;
    }

.Left_Menu_year_layout{
    margin-top: 20px;
}

.Left_Menu_year_title{
    margin-left: 30px;
    height: 16px;
}

    .Left_Menu_year_title span{
        display: inline-block;
        float: left;
    }

.Left_Menu_year_title_line{
    width: 3px;
    height: 16px;
    background-color: #535556;
}

.Left_Menu_year_title_text{
    font-size: 16px;
    line-height: 16px;
    color: #535556;
    margin-left: 15px;
}

.Left_Menu_year_second_title{
    font-size: 14px;
    color: #535556;
    margin-left: 49px;
    margin-top: 8px;
}

.Left_Menu_year_input_layout{
    margin-left: 49px;
    margin-top: 10px;
    height: 27px;
}

    .Left_Menu_year_input_layout input{
        width: 35px;
        height: 25px;
        background-color: #fff;
        border: 1px solid #d2d2d2;
        outline: none;
        padding: 0 5px;
        display: inline-block;
        float: left;
    }

    .Left_Menu_year_input_layout span{
        display: inline-block;
        float: left;
        margin: 0 5px;
        line-height: 27px;
    }

    .Left_Menu_year_input_layout img{
        display: inline-block;
        float: left;
        margin-top: 8px;
        cursor: pointer;
    }

.Left_Menu_bottom_layout{
    width: 100%;
    height: 60px;
    background-color: #b9b9b9;
    margin-top: 20px;
}

.Left_Menu_bottom{
    margin-top: 20px;
}

.member .Left_Menu_ClassifySearch_searchICON{
    margin-top: 21px;
}
/********************** Left_MENU  左選單 end ************************/

/********************* 右邊欄 ***************************/

.Right_content{
    width: 866px;
/*    min-height: 2340px;*/
    float: left;
    margin-left: 15px;
}



/****202109 新右邊欄樣式 修正完後退休舊版****/
.Right_content .pagemark_row{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}

.Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price{
    font-weight: bold;
}

.Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price.normal{
    color: #CF3448;
}

.Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price.fast{
    color: #ef9c00;
}

.Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price.preorder{
    color: #0071bc;
}

.member .Right_content .pagemark_row .container{
    float: left;
    margin-left: 10px;
    color: #666;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.member .Right_content .pagemark_row .container input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.member .Right_content .pagemark_row .container .checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background-color: #fff;
}

.member .Right_content .pagemark_row .container .checkmark:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #939334;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.member .Right_content .pagemark_row .container input:checked ~ .checkmark:after {
    display: block;
}

.member .Right_content .pagemark_row .Wine_Search_List_Page{
    float: right; 
    height: auto;
}

.member .Right_content .pagemark_row .Wine_Search_List_Page h2{
    margin-right: 5px;
}

.member .Right_content .pagemark_row .Wine_Search_List_Page h2 a {
    color: #717071;
    font-size: 16px;
    text-decoration: none;
    margin: 0px 3px;
}

.member .Right_content .title_row{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    height: 40px;
    background-color: #e3e4e5;
    line-height: 40px;
    font-size: 18px;
    color: #666666;
}

.member .Right_content .title_row .one_title{
    float: left;
    height: 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.member .Right_content .title_row .icon_sort{
    position: relative;
}

.member .Right_content .title_row .icon_sort:after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid #e3e4e5;
    border-left: 4px solid #e3e4e5;
    border-right: 4px solid #666;
    border-bottom: 4px solid #666;
    background: transparent;
    transform: rotate(45deg);  
    display: block;
    position: absolute;
    top: 2px;
    right: -19px;
}

.member .Right_content .list .one_title.wine_name{
    width: 40%;
    float: left;
}

.member .Right_content .list .one_title.wine_year{
    width: 8%;
    float: left;
}

.member .Right_content .list .one_title.wine_rank{
    width: 13%;
    float: left;
}

.member .Right_content .list .one_title.wine_capacity{
    width: 9%;
    float: left;
}

.member .Right_content .list .one_title.wine_ordernumber{
    width: 15%;
    float: left;
}

.member .Right_content .list .one_title.wine_expiredate{
    width: 15%;
    float: left;
}

.member .Right_content .list .one_title.wine_price{
    width: 15%;
    float: left;
}

.member .Right_content .list .one_title.wine_bottlecount{
    width: 8%;
    float: left;
}

.member .Right_content .list .one_title.wine_readytodrink{
    width: 10%;
    float: left;
}

/*追蹤酒款表頭寬度*/

.member .membertrackinglist .Right_content .list .one_title.wine_year{
    width: 9%;
}

.member .membertrackinglist .Right_content .list .one_title.wine_capacity{
    width: 6%;
}

.member .membertrackinglist .Right_content .list .one_title.wine_rank{
    width: 13%;
}

.member .membertrackinglist .Right_content .list .one_title.wine_name{
    width: 41%;
}

.member .membertrackinglist .Right_content .list .one_title.wine_price{
    width: 16%;
}

/*追蹤酒款表頭寬度 end*/

/*CWC酒款表頭寬度*/

.member .membercwc .Right_content .list .one_title.wine_name{
    width: 37%;
}

/*CWC酒款表頭寬度 end*/

.member .Right_content .wine_list_box{
    width: 100%;
}

.member .Right_content .wine_list_box .one_bottle{
    border-bottom: 1px dotted #cccccc;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 10px;
    font-size: 18px;
    color: #666;
    line-height: 27px;
}

.member .Right_content .wine_list_box .one_bottle:last-child{   
    border-bottom: none;
}

.member .Right_content .wine_list_box .one_bottle .name_cn,.member .Right_content .wine_list_box .one_bottle .name_en{
    width: 95%;
    cursor: pointer;
}

.member .Right_content .wine_list_box .one_bottle .bottle_img{
    width: 95%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.member .Right_content .wine_list_box .one_bottle .bottle_img .tracking{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icon/icon_tracking_large.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 1;
    cursor: pointer;
}


@keyframes TrackingBtn {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.member .Right_content .wine_list_box .one_bottle .bottle_img .tracking.active {
    background-position: center bottom;
    animation-name: TrackingBtn;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}

.member .Right_content .wine_list_box .one_bottle .bottle_img .tracking:hover {
    cursor: pointer;
    background-position: center bottom;
}



.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box{
    float: right;
    width: 60%;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row{
    width: 100%;
    margin-top: 10px;
}

.member .Right_content .wine_list_box .one_bottle .wine_name{
    width: 40%;
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_ordernumber{
    width: calc(964px*0.15);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_year{
    width: calc(964px*0.08);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_rank{
    width: calc(964px*0.13);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_capacity{
    width: calc(964px*0.09);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price{
    width: calc(964px*0.15);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_expiredate{
    width: calc(964px*0.15);
    float: left;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_bottlecount{
    width: calc(964px*0.08);
    float: left;
    text-align: center;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_readytodrink{
    width: calc(964px*0.1);
    float: left;
    text-align: center;
}

/*追蹤酒款表格寬度*/

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_name{
    width: 41%;
}

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_detailinfo_box{
    width: 59%;
}

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_price{
    width: calc(964px*0.16);
}

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_capacity{
    width: calc(964px*0.06);
}

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_rank{
    width: calc(964px*0.13);
}

.member .membertrackinglist .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_year{
    width: calc(964px*0.09);
}

/*追蹤酒款表格寬度 end*/

/*cwc表格寬度*/

.member .membercwc .Right_content .wine_list_box .one_bottle .wine_name{
    width: 37%;
}

.member .membercwc .Right_content .wine_list_box .one_bottle .wine_detailinfo_box{
    width: 63%;
}

/*cwc表格寬度 end*/


.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row:first-child{
    margin-top: 0;
}

.member .Right_content .wine_list_box .one_bottle .wine_year,.member .Right_content .wine_list_box .one_bottle .wine_rank, .member .Right_content .wine_list_box .one_bottle .wine_capacity, .member .Right_content .wine_list_box .one_bottle .wine_ordernumber, .member .Right_content .wine_list_box .one_bottle .wine_expiredate{
    text-align: center;
    min-height: 54px;
    position: relative;
}

.member .Right_content .wine_list_box .one_bottle .wine_year .tracking_icon{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/TrackingList_red.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    position: relative;
    top: 3px;
    cursor: pointer;
    /*位置修正 原因不明*/
    margin-top: -1px;
}

.member .Right_content .wine_list_box .one_bottle .wine_year .tracking_icon.active{
    background-position: center bottom;
}

.member .Right_content .wine_list_box .one_bottle .wine_ordernumber a{
    color: #808080;
    font-size: 17px;
    width: 100%;
    text-align: center;
    display: block;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_rank .one_medal{
    float: left;
    width: 50%;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_rank .medals{
    width: 92%;
    margin: 0 auto;
    height: auto;
}

.member .Right_content .wine_list_box .one_bottle .wine_detailinfo_box .wine_detailinfo_row .wine_rank .medals_year{
    width: 95%;
    height: 20px;
    color: #fff;
    margin: 0 auto;
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    background-color: #999;
}

.member .Right_content .wine_list_box .one_bottle .wine_price{
    text-align: right;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .red{
    font-size: 14px;
    color: #d30a0a;
    font-weight: bold;
    margin-right: 25px;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .green{
    font-size: 14px;
    color: #0b7b62;
    font-weight: bold;
    margin-right: 25px;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .normal{
    color: #CF3448;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .fast{
    color: #ef9c00;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .preorder{
    color: #0071BC;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .soldout{
    color: #999;
    font-weight: normal;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.normal{
    background-image: url(../images/icon/BuyICON.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.normal:hover{
    background-image: url(../images/icon/BuyICONH.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.fast{
    background-image: url(../images/icon/Fast_Icon.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.fast:hover{
    background-image: url(../images/icon/Fast_IconH.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.preorder{
    background-image: url(../images/icon/PreOrder_ICON.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.preorder:hover{
    background-image: url(../images/icon/PreOrder_ICON_Winelist_hover.png);
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.soldout{
    background-image: url(../images/icon/OutOfStockICON_15x10.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.member .Right_content .wine_list_box .one_bottle .wine_price .icon_addcart.cwc{
    background-image: url(../images/icon/icon_cwc_delivery.png);
    width: 20px;
    height: 20px;
    background-color: #904d06;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    position: relative;
    top: 2px;
}


/********小Banner區******/
.Right_content_AllSmallBanner_layout{
    width: 100%;
    height: 162px;
    position: relative;
    z-index: 9;
}

.Right_content_SmallBanner{
    width: 276px;
    height: 158px;
    /* border: 1px solid #e6e6e6; 20230321 JOAN 刪除三小框線*/
    float: left;
    margin-left: 16px;
    cursor: pointer;
}

.Right_content_SmallBanner:first-child{
    margin-left: 0;
}

.Right_content_SmallBanner_left{
    background-image: url(../images/banners/index_SmallBanner1.jpg);
}

.Right_content_SmallBanner_middle{
    background-image: url(../images/banners/index_SmallBanner2.jpg);
}

.Right_content_SmallBanner_right{
    background-image: url(../images/banners/index_SmallBanner3.jpg);
}

/********小Banner區 end******/

/********主題館區************/
.Right_content_AllTheme_layout{
    width: 866px;
    height: 435px;
    margin-top: 15px;
    border: 1px solid #e6e6e6;
}

/*20161122 Roger 修改背景色*/
.Right_content_theme_Alltags_layout{
    width: 100%;
    height: 34px;
    background-color: #ededed;
}
/*20161122 Roger 修改背景色 end*/

/*20161122 Roger 移除font-weight、修改文字顏色*/
.Right_content_theme_tag{
    width: 288px;
    height: 34px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #f2f2f2;
    font-size: 16px;
    /*font-weight: bold;*/
    color: #727272;
    text-align: center;
    line-height: 34px;
    float: left;
    cursor: pointer;
}
/*20161122 Roger 移除font-weight end*/

.Right_content_theme_tag:last-child{
    border-right: none;
}

/*20161122 Roger 新增font-weight、修改文字顏色*/
.Right_content_theme_tag_active{
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #e6e6e6;
    font-weight: bold;
    color: #333333;
}
/*20161122 Roger 新增font-weight end*/

.Right_content_theme_box_layout{
    width: 100%;
    height: 400px;
    background-color: #fff;
}

.Right_content_theme_img_layout{
    float: left;
    width: 288px;
    height: 400px;
}

.Right_content_theme_img{
    margin-left: 22px;
    margin-top: 20px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.7);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.7);
    -ms-box-shadow: 1px 1px 2px rgba(0,0,0,.7);
    box-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

.Right_content_theme_info_layout{
    float: left;
    margin-left: 23px;
    width: 555px;
    height: 400px;
}

.Right_content_theme_info_title{
    font-size: 28px;
    font-weight: bold;
    color: #000;
    height: 37px;
    margin-top: 15px;
}

/*20161122 Roger 調整margin及高度*/
.Right_content_theme_info_text{
    font-size: 16px;
    color: #464646;
    line-height: 26px;
    margin-top: 25px;
    width: 535px;
    height: 125px;
    overflow: hidden;
}
/*20161122 Roger 調整margin及高度 end*/

.Right_conetne_theme_info_seemoreBTN{
    font-size: 13px;
    height: 17px;
    color: #666666;
    width: 535px;
    cursor: pointer;
}

    .Right_conetne_theme_info_seemoreBTN span{
        float: right;
        height: 17px;
    }

.Right_content_theme_info_seemore_icon{
    width: 5px;
    background-image: url(../images/index_theme_info_seemoreBTN.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
    margin-top: 2px;
}

.Right_content_theme_info_seemore_text{
    line-height: 17px;
}

.Right_content_theme_info_separateline{
    width: 535px;
    height: 1px;
    background-color: #cccccc; 
    margin: 5px 0;
}

.Right_content_theme_wineinfo_layout{
    width: 535px;
}

.Right_content_theme_wineinfo{
    display: block;
    width: 158px;
    height: 179px;
    margin-left: 20px;
    padding: 8px 0;
    float: left;
}

.Right_content_theme_wineinfo:first-child{
    /*margin-left: 0;*/
}

    .Right_content_theme_wineinfo h3,.Right_content_theme_wineinfo h4{
        display: block;
        width: 149px;
        height: 18px;
        height: 14px\0;
        *height: 14px;
        overflow: hidden;
    }

    .Right_content_theme_wineinfo h4{
        margin-bottom: 10px;
        height: 17px;
    }

        .Right_content_theme_wineinfo h3 a{
            *height: 14px;
            color: #000;
        }

        .Right_content_theme_wineinfo h3 a:hover{
             text-decoration: underline;
        }

        .Right_content_theme_wineinfo h4 a{
            color: #999;
            margin-bottom: 5px;
        }

        .Right_content_theme_wineinfo h4 a:hover{
            text-decoration: underline;
        }

    .Right_content_theme_wineinfo em{
        float: left;
        display: block;
        overflow: hidden;
        max-height: 140px;
        max-width: 55px;
    }

        .Right_content_theme_wineinfo em img{
            margin-left: -20px;
            height: 140px;
            position: static;
            border: none;
        }

    .Right_content_theme_wineinfo p{
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-left: 12px;
        margin-bottom: 3px;
        color: #717071;
        padding-top: 5px;
        min-width: 75px;
    }

    .Right_content_theme_wineinfo b{
        font-size: 11px\0;
        margin-left: 5px;
        margin-bottom: 3px;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        width: 98px;
    }

        .Right_content_theme_wineinfo b span{
            float: right;
        }

.Right_content_theme_groups_layout{
    width: 348px;
    height: 179px;
    display: block;
    float: left;
    padding: 8px 0;
    /*margin-left: 12px;*/
}

.Right_content_theme_groups_img{
    width: 149px;
    height: 149px;
    float: left;
    margin: 10px;
    margin-left: 0;
}

.Right_content_theme_groups_info_layout{
    width: 189px;
    height: 179px;
    float: right;
}

/*20171120 Roger 調整樣式*/
.Right_content_theme_groups_info_title{
    font-weight: bold;
    font-size: 16px;
    max-height: 42px;
    color: #000;
    overflow: hidden;
    cursor: pointer;
}

.Right_content_theme_groups_info_text{
    color: #999999;
    line-height: 1.5;    
    height: 80px;
    overflow: hidden;
    margin-top: 5px;
    cursor: pointer;
}
/*20161209 Roger 新增滑鼠hover樣式 end*/

/*.Right_content_theme_groups_info_slogan{
    font-size: 15px;
    color: #666666;
    font-weight: bold;
}*/

.Right_content_theme_groups_price_layout{
    height: 50px;
    overflow: hidden;
    margin-top: 18px;
}

.Right_content_theme_groups_price_expressicon{
    width: 47px;
    height: 43px;
    float: left;
}

.Right_content_theme_groups_price{
    float: right;
    width: 135px;
    margin-left: 7px;
}

    .Right_content_theme_groups_price b{
        margin-left: 5px;
        margin-bottom: 3px;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        min-width: 98px;
    }

        .Right_content_theme_groups_price b span{
            float: right;
        }

    .Right_content_theme_groups_price .button_addCart_soldout{
        margin-top: 2px;
        float: right;
    }

strong.Award1,
strong.Award2 {
    display: block;
    width: 185px;
    height: 30px;
    overflow: hidden;
}

    strong.Award1 img,
    strong.Award2 img {
        max-height: 30px;
        width: auto;
        float: right;
    }

.AwardALL {
    display: block;
    float: left;
    height: 50px;
    width: 90px;
    padding-bottom: 3px;
    margin-left: 5px;
}

.Right_content_theme_wineinfo strong.Award1,
.Right_content_theme_wineinfo strong.Award2 {
    display: block;
    width: 75px;
    height: 30px;
    float: left;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 3px;
}

/*20170303 Roger 修正float*/
.Right_content_theme_wineinfo strong.Award2 img,
.Right_content_theme_wineinfo strong.Award1 img {
    border: none;
    position: inherit;
    max-width: 75px;
    float: left;
}
/*20170303 Roger 修正float end*/

/********主題館區 end*******/

/********本週特價***************/

.Right_content_WeekSpecial_layout{
    width: 866px;
    height: 230px;
    margin-top: 30px;
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    position: relative;
    padding-top: 20px;
}

/*20180522 Roger fix*/
.Right_content_WeekSpecial_title{
    width: auto;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    padding: 0 8px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: -15px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
/*20180522 Roger fix end*/

.Right_content_WeekSpecial_wineinfo_layout{
    width: 100%;
    height: 210px;
    margin-top: 8px;
}

.Right_content_WeekSpecial_GoLeftBTN{
    float: left;
    width: 25px;
    height: 210px;
    background-image: url(../images/icon/ICON_GoLeft.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.Right_content_WeekSpecial_GoLeftBTN:hover{
    background-color: #e5e5e5;
}

.Right_content_WeekSpecial_GoRightBTN{
    float: left;
    width: 25px;
    height: 210px;
    background-image: url(../images/icon/ICON_Goright.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.Right_content_WeekSpecial_GoRightBTN:hover{
    background-color: #e5e5e5;
}

.Right_content_WeekSpecial_AllWine_layout{
    width: 816px;
    height: 210px;
    float: left;
    position: relative;
    overflow: hidden;
}

.Right_content_WeekSpecial_AllWine_slidebox{
    width: 3000px;
    height: 210px;
    position: absolute;
    top: 0;
}

    .Right_content_WeekSpecial_AllWine_slidebox ul{
        display: block;
        width: 806px;
        margin-top: 5px;
        padding: 0 5px;
        float: left;
    }

        .Right_content_WeekSpecial_AllWine_slidebox ul li{
            position: relative;
            float: left;
            margin-right: 36px;
            display: block;
            width: 132px;
            background-repeat: no-repeat;
        }

        .Right_content_WeekSpecial_AllWine_slidebox ul li:last-child{
            margin-right: 0;
        }

            .Right_content_WeekSpecial_AllWine_slidebox ul li.Last{
                background-image: none;
                background-color: #B9B9B9;
            }

            .Right_content_WeekSpecial_AllWine_slidebox ul li h1{
                display: block;
                margin-top: 13px;
                text-align: center;
                font-size: 13px;
                width: 131px;
                height: 17px;
                overflow: hidden;
                font-weight: bold;
                font-weight: 500\0;
                color: #000;
                font-family: Verdana,"微軟正黑體";
            }

            .Right_content_WeekSpecial_AllWine_slidebox ul li h2{
                text-align: center;
                overflow: hidden;
                color: #717071;
            }

            .Right_content_WeekSpecial_AllWine_slidebox ul li h6 em+.HOT8_PIC_div_Preorder{
                margin-top: 0;
            }

.Right_content_WeekSpecial_AllWine_slidebox div.SoldOut{
    color: #FFF;
    background-image: url(../images/icon/Banned2.png);
    line-height: 16px;
    padding-left: 17px;
    margin-left: 18px;
}

.Right_content_WeekSpecial_AllWine_slidebox a.OrderNotice {
    margin-left: 24px;
    color: #CCC;
}

.Right_content_WeekSpecial_AllWine_slidebox a.OrderNotice:hover {
    color: #FFF;
}

img.HOT8_NO {
    display: none;
}

.HOT8_PIC {
    display: block;
    margin: 3px 0px 0px 3px;
    width: 126px;
    height: 133px;
    overflow: hidden;
    position: relative;
    border: 1px solid #666;
}


.HOT8_PIC_Last {
    display: block;
    margin: 3px 0px 0px 3px;
    width: 126px;
    height: 175px;
}


    .HOT8_PIC_Last a {
        display: block;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: bold;
        color: #FFF;
        font-family: "微軟正黑體", Verdana;
        padding-top: 65px;
        padding-left: 30px;
        line-height: 24px;
    }

        .HOT8_PIC_Last a:hover {
            text-decoration: underline;
        }



.HOT8_PIC h5 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    max-height: 133px;
    max-width: 246px;
    cursor: pointer;
}


    .HOT8_PIC h5 img {
        max-height: 133px;
        width: auto;
    }


.HOT8_PIC h6 {
    position: absolute;
    display: block;
    width: 126px;
    height: 80px;
    background-image: url(../images/icon/BG_Opacity50Black.png);
    background-repeat: repeat;
    top: 133px;
    left: 0px;
}



    .HOT8_PIC h6 em {
        display: block;
        width: 85px;
        line-height: 25px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 15px;
    }

/********本週特價 end***********/

/********預購專區***************/

.Right_content_Preorder_layout{
    width: 866px;
    height: 289px;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
}

.Right_content_Preorder_bg{
    background-image: url(../images/banners/index_Preorder_banner.jpg);
    cursor: pointer;
}

/********預購專區 end***********/

/********小容量 VIP *************/

.Right_content_SmallBottleVIP_layout{
    width: 866px;
    height: 293px;
    margin-top: 15px;
}

.Right_content_Smallbottle{
    width: 423px;
    height: 293px;
    float: left;
    border: 1px solid #e6e6e6;
    background-image: url(../images/banners/index_SmallBottle_banner.jpg);
    cursor: pointer;
}

.Right_content_VIP{
    width: 423px;
    height: 293px;
    float: left;
    border: 1px solid #e6e6e6;
    margin-left: 16px;
    background-image: url(../images/banners/index_VIP_banner.jpg);
    cursor: pointer;
}

/********小容量 VIP end**********/

/**********專家推薦*************/

.Right_content_master_layout{
    width: 866px;
    height: 490px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    margin-top: 15px;
}

.Right_content_master_info_layout{
    width: 466px;
    height: 490px;
    float: left;
}

.Right_content_master_info_title{
    max-width: 416px;
    height: 27px;
    font-size: 20px;
    font-weight:bold;
    color: #000;
    margin: 0 25px;
    margin-top: 22px;
    overflow: hidden;
}

.Right_content_master_info_text{
    max-width: 416px;
    height: 180px;
    font-size: 16px;
    color: #464646;
    line-height: 26px;
    margin: 0 25px;
    margin-top: 8px;
    overflow: hidden;
}

.Right_content_master_info_separateline{
    height: 1px;
    background-color: #cccccc;
    margin: 5px 25px;
}

.Right_conetne_master_info_seemoreBTN{
    font-size: 13px;
    height: 17px;
    color: #666666;
    width: 416px;
    margin-left: 25px;
    margin-top: 10px;
    cursor: pointer;
}

    .Right_conetne_master_info_seemoreBTN span{
        float: right;
        height: 17px;
    }

.Right_content_master_info_seemore_icon{
    width: 5px;
    background-image: url(../images/index_theme_info_seemoreBTN.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
    margin-top: 2px;
}

.Right_content_master_info_seemore_text{
    line-height: 17px;
}

.Right_content_master_info_wine_layout{
    margin: 0 55px;
    margin-top: 10px;
}

.Right_content_master_info_wine{
    display: block;
    width: 158px;
    height: 179px;
    margin-left: 40px;
    padding: 8px 0;
    float: left;
}

.Right_content_master_info_wine:first-child{
    margin-left: 0;
}

    .Right_content_master_info_wine h3,.Right_content_master_info_wine h4{
        display: block;
        width: 149px;
        height: 16px;
        height: 14px\0;
        *height: 14px;
        overflow: hidden;
    }

    .Right_content_master_info_wine h4{
        margin-bottom: 10px;
    }

        .Right_content_master_info_wine h3 a{
            *height: 14px;
            color: #000;
        }

        .Right_content_master_info_wine h3 a:hover{
             text-decoration: underline;
        }

        .Right_content_master_info_wine h4 a{
            color: #999;
            margin-bottom: 5px;
        }

        .Right_content_master_info_wine h4 a:hover{
            text-decoration: underline;
        }

    .Right_content_master_info_wine em{
        float: left;
        display: block;
        overflow: hidden;
        max-height: 140px;
        max-width: 55px;
    }

        .Right_content_master_info_wine em img{
            margin-left: -20px;
            height: 140px;
            position: static;
            border: none;
        }

    .Right_content_master_info_wine p{
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-left: 12px;
        margin-bottom: 3px;
        color: #717071;
        padding-top: 5px;
        min-width: 75px;
    }

    .Right_content_master_info_wine b{
        font-size: 11px\0;
        margin-left: 5px;
        margin-bottom: 3px;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        min-width: 98px;
    }

        .Right_content_master_info_wine b span{
            float: right;
        }

.Right_content_master_info_wine strong.Award1,
.Right_content_master_info_wine strong.Award2 {
    display: block;
    width: 75px;
    height: 30px;
    float: left;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 3px;
}

.Right_content_master_info_wine strong.Award2 img,
.Right_content_master_info_wine strong.Award1 img {
    border: none;
    position: inherit;
    max-width: 75px;
}

.Right_content_master_img{
    width: 380px;
    height: 490px;
    float: left;
    margin-left: 20px;
}
    
    .Right_content_master_img img{
        outline: none;
    }

/**********專家推薦 end*********/

/************icheers 專欄區************/

.Right_content_iCheersCoulmn_layout{
    width: 866px;
    height: 427px;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    background-color: #fff;
}

.Right_content_iCheersCoulmn_GoLeftBTN{
    width: 25px;
    height: 427px;
    background-image: url(../images/icon/ICON_GoLeft.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
}

.Right_content_iCheersCoulmn_GoLeftBTN:hover{
    background-color: #e5e5e5;
}

.Right_content_iCheersCoulmn_GoRightBTN{
    width: 25px;
    height: 427px;
    background-image: url(../images/icon/ICON_GoRight.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
}

.Right_content_iCheersCoulmn_GoRightBTN:hover{
    background-color: #e5e5e5;
}

.Right_content_iCheersCoulmn_slidebox{
    width: 1632px;
    position: absolute;
    top: 0;
}

.Right_content_iCheersCoulmn_Allinfo_layout{
    width: 816px;
    height: 427px;
    position: relative;
    float: left;
    overflow: hidden;
}

.Right_content_iCheersCoulmn_info{
    width: 350px;
    height: 427px;
    float: left;
    margin: 0 29px;
}

.Right_content_iCheersCoulmn_info_title{
    width: 350px;
    height: 27px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-top: 20px;
    overflow: hidden;
}

.Right_content_iCheersCoulmn_info_secondtitile{
    width: 350px;
    height: 21px;
    font-size: 16px;
    color: #999999;
    margin-top: 5px;
    overflow: hidden;
}

.Right_content_iCheersCoulmn_info_separateline{
    width: 350px;
    height: 1px;
    background-color: #cccccc;
    margin: 10px 0; 
}

.Right_content_iCheersCoulmn_info_img{
    width: 350px; 
    height: 200px;
    margin-top: 12px;
}

    .Right_content_iCheersCoulmn_info_img img{
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.6);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.6);
        -ms-box-shadow: 1px 1px 2px rgba(0,0,0,.6);
        box-shadow: 1px 1px 2px rgba(0,0,0,.6);
        outline: none;
    }

.Right_content_iCheersCoulmn_info_text{
    width: 350px;
    height: 80px;
    font-size: 15px;
    color: #717071;
    margin-top: 10px;
    overflow: hidden;
}

.Right_content_iCheersCoulmn_info_seemoreBTN{
    font-size: 13px;
    height: 17px;
    color: #666666;
    margin-top: 10px;
    cursor: pointer;
    float: right;
    display: inline-block;
}

    .Right_content_iCheersCoulmn_info_seemoreBTN span{
        float: right;
        height: 17px;
        display: inline-block;
    }

.Right_content_iCheersCoulmn_info_seemoreBTN_icon{
    width: 5px;
    background-image: url(../images/index_theme_info_seemoreBTN.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
    margin-top: 2px;
}

.Right_content_iCheersCoulmn_info_seemoreBTN_text{
    line-height: 17px;
}

/************icheers 專欄區 end********/

/********************* 右邊欄  END***************************/

/************Third sign****************/
.ThirdSign {
    display: block;
    width: 866px;
    float: right;
    margin-bottom: 15px;
    position: relative;
}


.Sign {
    display: block;
    width: 423px;
    height: 302px;
    margin-left: 15px;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
}

.Sign_WineImg{
    width: 135px;
    height: 250px;
    background-image: url(../images/pic/wine_bottle_sample.jpg);
    background-position: center;
    background-size: cover;
    float: left;
    position: relative;
    z-index: 2;
}

.Sign_WineImg .tracking{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icon/icon_tracking_large.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    right: calc(50% - 40px);
    bottom: 5px;
    z-index: 1;
}

.Sign_WineImg .tracking:hover{
    cursor: pointer;
    background-position: center bottom;
}

.Sign_WineImg .tracking.active{
    background-position: center bottom;
    animation-name: TrackingBtn;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}
/* 20240122 JOAN 新增儲酒icon */
.Sign_WineImg .cwcBtn,
.Result .Wine_Name .WinePage .cwcBtn,
.IntroImg .cwcBtn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icon/icon_cwc.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    right: -15px;
    bottom: 5px;
    z-index: 1;
}
.Sign_WineImg .cwcBtn::after,
.Result .Wine_Name .WinePage .cwcBtn::after,
.IntroImg .cwcBtn::after {
    content: '免費儲酒';
    position: absolute;
    width: 0px; height: 26px;
    background-color: #ffffff;
    
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    border-radius: 4px;
    top: 6px;
    left: 45px;
    opacity: 0;
    overflow: hidden;
    transition: 0.6s;
}
.Sign_WineImg .cwcBtn:hover,
.Result .Wine_Name .WinePage .cwcBtn:hover,
.IntroImg .cwcBtn:hover{
    cursor: pointer;
    background-position: center bottom;
}
.Sign_WineImg .cwcBtn:hover::after,
.Result .Wine_Name .WinePage .cwcBtn:hover::after,
.IntroImg .cwcBtn:hover::after {
    width: 70px; height: 26px;
    border: 1px solid #DCDCDC;
    opacity: 1;
}

.Sign_WineImg .cwcBtn.active,
.Result .Wine_Name .WinePage .cwcBtn.active,
.IntroImg .cwcBtn.active{
    background-position: center bottom;
    animation-name: TrackingBtn;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}

.Sign_WineInfo_layout{
    width: 288px;
    height: 250px;
    float: left;
}

.Sign_WineInfo_titleBG{
    width: 100%;
    height: 52px;
    background-color: #afafaf;
}

.Sign_WineInfo_title{
    font-size: 26px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 52px;
}

.Sign_WineInfo_text_layout{
    width: 100%;
    height: 250px;
}

.Sign_WineInfo_text_layout::before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.Sign_WineInfo_text_positionbox{
    margin-left: 20px;
    display: inline-block;
    min-height: 145px;
    vertical-align: middle;
}
/* 20240122 JOAN 增加行高 修正文字露出問題 */
.Sign_WineInfo_text_ChineseName{
    font-size: 18px;
    color: #333333;
    width: 216px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;

}
/* 20240122 JOAN 增加行高 修正文字露出問題 */
.Sign_WineInfo_text_EnglishName{
    margin-top: 3px;
    font-size: 16px;
    color: #999999;
    width: 216px;
    height: 22px;
    overflow: hidden;
    line-height: 22px;
}

/*20170202 Roger 調整css*/
.Sign_WineInfo_Award{
    width: 77px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    /* overflow: hidden; */
    margin-top: 10px;
    float: left;
}
/*20161130 Roger 調整css*/

/*20161125 Roger 修改高度*/
.Sign_WineInfo_Award img{
    width: auto;
    height: 40px;
}
/*20161125 Roger 修改高度 end*/

    /* .Award1 img{
        max-width: 77px;
        height: auto;
    } */

/*20170323 Roger 移除獎牌樣式*/
/* .Sign_WineInfo_text_layout .Award1 img{
    max-width: 77px;
    height: auto;
} */
/*20170323 Roger 移除獎牌樣式 end*/

.Sign_WineInfo_24HRexpress_icon{
    width: 54px;
    height: 20px;
    float: left;
    display: inline-block;
    background-image: url(../images/icon/Express_ICON_wordonly_54x20.png);
    margin-top: 10px;
    margin-left: 15px;
}

.Sign_WineInfo_capacity{
    font-size: 18px;
    color: #666666;
    float: left;
    margin-top: 10px;
}

.Sign_WineInfo_year{
    font-size: 18px;
    color: #666666;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.Sign_WineInfo_price{
   margin-top: 10px;
   margin-right: 15px;
   float: left; 
}

.Sign_WineInfo_price:last-child{
    margin-right: 0;
}

    .Sign_WineInfo_price span{
        float: left;
    }

.Sign_WineInfo_price_dollar_icon{
    margin-top: 2px;
    margin-right: 3px;
}

.Sign:first-child {
    margin-left: 0;
}

.ThirdSign .Sign h1 {
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: #333;
    overflow: hidden;
    line-height: 25px;
    height: 25px;
    width: 180px;
    margin: 0px 10px;
    font-family: "微軟正黑體", Verdana;
    background-color: #F7F7F7;
    border-bottom: 1px solid #ccc;
}

.ThirdSign .SignONE {
    display: block;
    width: 180px;
    height: 190px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}

.ThirdSign .Sign h3 {
    color: #000;
    display: block;
    width: 170px;
    height: 16px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.ThirdSign .Sign h4 {
    display: block;
    width: 170px;
    height: 16px;
    color: #999;
    margin: 0 auto;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.ThirdSign .Sign em {
    max-width: 50px;
    max-height: 135px;
    overflow: hidden;
    float:left;
    bottom: 10px;
    left: 10px;
    margin-top: 10px;
}

    .ThirdSign .Sign em img {
        height: 130px;
        width: auto;
        margin-left: -14px;
        position:static;
    }

.ThirdSign .Sign strong img {
    max-height: 30px;
    width: auto;
    float: right;
}

.ThirdSign .Sign strong.Award1 {
    bottom: 90px;
}

.ThirdSign .Sign strong.Award2 {
    bottom: 55px;
}



.ThirdSign .Sign p {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-left: 12px;
    margin-bottom: 3px;
    color: #717071;
    padding-top: 5px;
    position: absolute;
    right: 20px;
    bottom: 45px;
}

.ThirdSign .Sign b {
    font-size: 11px;
            margin-left: 5px;
            margin-bottom: 3px;
            font-family: Arial, Helvetica, sans-serif;
            float: left;
            min-width: 75px;
}

.ThirdSign .AwardALL {
    width: 85px;
    float: left;
    border-bottom: none;
    padding-bottom: 0px;
    margin-right: 10px;
}



.ThirdSign .Sign strong {
    margin-top: 5px;
}


    .ThirdSign .Sign strong.Award2 img,
    .ThirdSign .Sign strong.Award1 img {
        float: left;
    }

/************Third sign end************/

/************簡目頁list****************/

.Wine_Search_List_ALL .Condition {
    width: 100%;
    min-height: 70px;
    position: relative;
}
    
    /*20190311 roger fix style*/
    .Wine_Search_List_ALL .Condition h1 {
        line-height: 24px;
        margin-left: 15px;
        margin-top: 8px;
        float: left;
        font-size: 15px;
    }
    
    .Wine_Search_List_ALL .Condition h3 {        
        float: left;
        margin-left: 10px;
        margin-top: 12px;
    }

    /* Customize the label (the container) */
    .Wine_Search_List_ALL .Condition h3 .container {
      display: block;
      position: relative;
      padding-left: 30px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 15px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    /* Hide the browser's default checkbox */
    .Wine_Search_List_ALL .Condition h3 .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom checkbox */
    .Wine_Search_List_ALL .Condition h3 .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      border-radius: 3px;
      border: 1px solid #cccccc;
      background-color: #fff;
    }

    /* On mouse-over, add a grey background color */
    .Wine_Search_List_ALL .Condition h3 .container:hover input ~ .checkmark {
      background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .Wine_Search_List_ALL .Condition h3 .container input:checked ~ .checkmark {
      background-color: #eeeeee;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .Wine_Search_List_ALL .Condition h3 .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */
    .Wine_Search_List_ALL .Condition h3 .container input:checked ~ .checkmark:after {
      display: block;
    }

    /* Style the checkmark/indicator */
    .Wine_Search_List_ALL .Condition h3 .container .checkmark:after {
      left: 6px;
      top: 2px;
      width: 5px;
      height: 10px;
      border: solid #939334;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    /*20190311 roger fix style end*/ 

.Wine_Search_List_ALL .Condition h1:first-child {
    padding: 10px 0 0 0;
}

.Wine_Search_List_ALL .Condition ul {
    display: block;
    float: right;
    margin-top: 10px;
}

    .Wine_Search_List_ALL .Condition ul li {
        display: block;
        padding: 2px 3px;
        float: left;
        margin-right: 5px;
        border: 1px solid #E6E6E6;
        color: #E6E6E6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        cursor: pointer;
        font-size: 12px;
    }

        .Wine_Search_List_ALL .Condition ul li:hover {
            border: 1px solid #E6E6E6;
            color: #FFF;
            background-color: #333;
        }



.Wine_Search_List_ALL .Condition h2 {
    display: block;
    position: absolute;
    right: 0;
    padding-bottom: 5px;
    margin-right: 10px;
    font-size: 15px;
}

.Wine_Search_List_ALL .Condition h2 a,
.Wine_Search_List_Page h2 a {
    color: #717071;
    margin: 0px 3px;
}

    .Wine_Search_List_ALL .Condition h2 a:hover,
    .Wine_Search_List_Page h2 a:hover {
        text-decoration: underline;
        color: #333;
    }


.Wine_Search_List_ALL .Project {
    width: 100%;
    height: 30px;
    border-top: 1px solid #E6E6E6;
    background-image: url(../images/ProjectBG_ForYear.png);
    background-repeat: repeat-x;
}


.Wine_Search_List_ALL .MoreCondition {
    width: 100%;
    line-height: 24px;
    border-top: 1px solid #E6E6E6;
    background-image: url(../images/ProjectBG.png);
    background-repeat: repeat-x;
}

    .Wine_Search_List_ALL .MoreCondition h1 {
        display: block;
        margin-left: 15px;
    }

        .Wine_Search_List_ALL .MoreCondition h1 a {
            color: #A1A14F;
            font-weight: bold;
        }

            .Wine_Search_List_ALL .MoreCondition h1 a:hover {
                text-decoration: underline;
            }



.Wine_Search_List_Page {
    display: block;
    float: right;
    width: 632px;
    max-height: 630px;
    height: 90px;
    font-size: 15px;
    background-repeat: repeat-x;
    position: relative;
}

.Condition .Wine_Search_List_Page {
    height: 25px;
}


    .Wine_Search_List_Page h2 {
        position: absolute;
        right: 5px;
        font-size: 15px;
        padding: 0;
    }

        .Wine_Search_List_ALL .Condition .Wine_Search_List_Page h2 {
            position: absolute;
            right: 5px;
            padding: 0;
            margin-right: 0;
        }

.Wine_Search_List_ALL .Result {
    display: block;
    width: 100%;
    background-image: url(../images/ResultBG.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFF;
}


.Wine_Search_List_ALL .Result_NOBG {
    background-image: none;
}

.Wine_Search_List_ALL .Condition h1 a {
    color: #333;
    font-size: 18px;
    margin: 0px 3px;
    text-decoration: none;
    font-family: "微軟正黑體";
    text-decoration: underline;
}

.Wine_Search_List_ALL .Condition h1 a:hover {
    text-decoration: none;
}

.Wine_Search_List_ALL .Result {
    padding-top: 15px;
    padding-bottom: 15px;
}

.Wine_Search_List_ALL .ProjectHeight {
    height: 35px;
}


.Wine_Search_List_ALL .Project h1 {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 35px;
    color: #333;
    margin-right: 10px;
    *width: 290px;
}

.Project .wine_search_list_all_project_btn{
    line-height: 35px;
    font-size: 14px;
}

    .Wine_Search_List_ALL .Project h1 input {
        width: 50px;
        margin: 0px 6px;
    }

.Wine_Search_List_ALL {
    display: block;
    width: 864px;
    float: right;
    border: 1px solid #E6E6E6;
    color: #717071;
}

    .Wine_Search_List_ALL .List_Title {
        display: inline-block;
        width: 100%;
        background-color: #B9B9B9;
        position: relative;
        font-size: 12px;
        padding: 10px 0;
        min-height: 23px;
        position: relative;
    }


        .Wine_Search_List_ALL .List_Title img {
            margin: 5px 0px 0px 18px;
            float: left;
        }

.List_Title_SearchResult_layout{
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}

.List_Title_SearchResult_WhiteLine{
    width: 5px;
    height: 26px;
    float: left;
    margin-left: 20px;
    margin-top: 3px;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
}

.List_Title_SearchResult_text{
    font-family: "微軟正黑體","新細明體";
    font-size: 28px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-left: 10px;
    -moz-text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    float: left;
}

.WeFind {
    display: inline-block;
    float: left;
    color: #333;
    font-size: 18px;
    margin-top: 8px;
    margin-left: 10px;
}

    .WeFind strong {
        color: #FFF;
    }

.NarrowSearch {
    display: inline-block;
    height: 18px;
    background-repeat: no-repeat;
    border: none;
    margin: 9px 10px 0px 0px;
    cursor: pointer;
    float: right;
    *margin: 0px 0px 0px 430px;
    background-color: transparent;
    color: #333;
    font-size: 15px;
    font-family: "微軟正黑體";
}

    .NarrowSearch:hover {
        text-decoration: underline;
    }

.Result_advanced_search {
    padding: 20px 14px;
}

.Wine_Search_List_ALL {
    background-color: #FFF;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
}

.Result .Wine_Name2 {
    /*排行榜的*/
    width: 284px;
    position: relative;
}

    .Result .Wine_Name .WinePage,
    .Result .Wine_Name2 .WinePage {
        display: inline-block;
        float: left;
        width: 320px;
        height: 150px;
        cursor: pointer;
    }

.Result .Wine_Name .WinePage{
    background-image: url(../images/pic/wine_bottle_sample_horizonal.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.Result .Wine_Name .WinePage .tracking{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icon/icon_tracking_large.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 1;
}
.Result .Wine_Name .WinePage .cwcBtn {
    left: 45px;
    bottom: 20px;
}

.Result .Wine_Name .tracking:hover{
    cursor: pointer;
    background-position: center bottom;
}

.Result .Wine_Name .tracking.active{
    background-position: center bottom;
    animation-name: TrackingBtn;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}

.Result .Wine_Name .WhiskyBigImg {
    height: 85px;
}


.Result .Wine_Name2 .WinePage {
    margin-left: 40px;
}

.Result .Wine_Name2 .WinePage img {
    height: auto;
    width: 320px;
    margin: 0 auto;
    margin-top: -25px;
}

.Result .Wine_Name .WhiskyBigImg img {
    margin-top: -15px;
}

.Result .Wine_Name h1,
.Result .Wine_Name2 h1 {
    color: #000;
    margin-left: 5px;
    font-size: 16px;
    font-family: "微軟正黑體", Verdana;
    cursor: pointer;
    overflow: hidden;
}

.Result .Wine_Name h2,
.Result .Wine_Name2 h2 {
    color: #999;
    margin-left: 5px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.Result .Wine_Name h3,
.Result .Wine_Name2 h3,
.MoreWinery h3 {
    margin-top: 10px;
    padding: 3px 5px;
    padding-left: 10px;
    width: 240px;
}

    .Result .Wine_Name h3 img,
    .Result .Wine_Name2 h3 img,
    .MoreWinery h3 img {
        height: 14px;
        width: auto;
    }



    .Result .Wine_Name h3 a,
    .Result .Wine_Name2 h3 a,
    .MoreWinery h3 a {
        color: #333;
    }

        .Result .Wine_Name h3 a:hover,
        .Result .Wine_Name2 h3 a:hover,
        .MoreWinery h3 a:hover {
            text-decoration: underline;
        }

.Result ul li {
    margin: 0px;
}

.Result .Wine_Name {
    width: 340px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
}


    .Result .Wine_Name h1,
    .Result .Wine_Name h2,
    .Result .Wine_Name h3,
    .Result .Wine_Name2 h1,
    .Result .Wine_Name2 h2,
    .Result .Wine_Name2 h3 {
        display: block;
        width: 100%;
        height: auto;
        text-align: left;
        margin-right: 0px;
    }

    .Result .Wine_Name h3 {
        margin-top: 10px;
        padding: 0px;
        padding-left: 0px;
    }

    .Result .Wine_Name h2 {
        line-height: 16px;
        margin-top: 5px;
    }


.ProducingArea_wine_lists {
    clear: both;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.ALL a .WineInformation {
    color: #717071;
}

.ALL a:visited .WineInformation {
    color: #717071;
}

.ALL .WineInformation li a:visited,
.ALL .WineInformation li a {
    color: #717071;
}

.WineInformation {
    display: inline-block;
    width: 510px;
    float: right;
    border-bottom: 1px dotted #ccc;
}

.WineInformation:last-child {
    border-bottom: none;
}

    /*20160921 Roger 移除hover樣式*/
    /*.WineInformation:hover {
        background-color: #F3F3F3;
    }*/

    .WineInformation li {
        float: left;
        display: inline-block;
        line-height: 35px;
        height: 35px;
        font-size: 13px;
        font-family: Arial, "微軟正黑體";
    }

        .WineInformation .List_PreorderPrice a:hover {
            text-decoration: underline;
        }


.WineInformation li.List_Year {
    width: 59px;
    text-align: center;
    margin:0 3px;
    position: relative;
}

.WineInformation li.List_Year .tracking_icon{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/TrackingList_red.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: -7px;
    top: 7px;
    cursor: pointer;
}

.WineInformation li.List_Year .tracking_icon:hover{
    background-position: center bottom;
}

.WineInformation li.List_Year .tracking_icon.active{
    background-position: center bottom;
}


    .List_Year a:hover span {
        text-decoration: underline;
    }

    .List_Year span {
        text-align: center;
        height: 20px;
        line-height: 20px;
        display: inline-block;
    }

/*20161130 Roger 修改寬度*/
.WineInformation li.List_Award {
    width: 71px;
    height: 68px;
    overflow: hidden;
    margin:0 3px;
}
/*20161130 Roger 修改寬度 end*/

    /*20161130 Roger 移除寬度限制*/
    .WineInformation li.List_Award a{
        display: inline-block;
        /* width: 50px; */
    }
    /*20161130 Roger 移除寬度限制 end*/

        /*20160921 Roger 新增獎牌文字*/
        .WineInformation li.List_Award a span{
            display: inline-block;
            width: 100%;
            height: 14px;
            background-color: #939393;
            text-align: center;
            line-height: 15px;
            color: #fff;
            font-size: 6px;
            margin-top: 2px;
        }


    .List_Award .decanterStar { /* 星星獎*/
        height: auto;
        width: 65px;
        padding-top: 8px;
    }

    .List_Award .GR { /* 酒杯獎*/
        height: auto;
        width: 65px;
        padding-top: 5px;
    }

    .List_Award .Medals {
        display: block;
        width: 38px;
        height: auto;
        padding: 2px;
        margin: 0 auto;
        margin-top: 8px;
    }

.WineInformation li.List_Capacity {
    width: 44px;
    margin-left: 3px;
    text-align: center;
}

.WineInformation li.List_Discount {
    width: 50px;
    margin-left: 3px;
    font-weight: 900;
    font-size: 14px;
    text-align: right;
}

.WineInformation li.List_Expired{
    width: 99px;
    margin-left: 3px;
    text-align: center;
    color: #717071;
    font-size: 13px;
}


.List_Discount_save_icon{
    display: block;
    margin-top: 7px;
    margin:0 auto;
}

.List_ListPrice {
    width: 15%;
    text-align: right;
    text-decoration: line-through;
    color: #ccc;
}

/*20180815 Roger delete margin*/
.WineInformation li.List_SellingPrice,
.WineryInformation li.List_SellingPrice,
.YearInformation li.List_SellingPrice{
    width: 72px;
    text-align: right;
    color: #CF3448;
    font-weight: 900;
    margin-left: 3px;
}
/*20180815 Roger delete margin end*/

.ALL .WineInformation li.List_SellingPrice a,
.ALL .WineInformation li.List_SellingPrice a:visited {
    color: #CF3448;
}

/*20170904 Roger 新增無價錢樣式*/
.WineInformation li.List_List_OutOfStockText{
    width: 72px;
    text-align: right;
    color: #717071;
    font-weight: 900;
    margin-left: 3px;
}

.WineryInformation li.List_List_OutOfStockText,
.YearInformation li.List_List_OutOfStockText{
    width: 9%;
    text-align: right;
    color: #717071;
    font-weight: 900;
    margin-left: 3px;
}
/*20170904 Roger 新增無價錢樣式 end*/

/*20161130 Roger 修正寬度*/
.List_Buy,
.List_OutOfStock {
    width: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon/BuyICON.png);
}
/*20161130 Roger 修正寬度 end*/

/*20161229 Roger 修正寬度*/
.List_Buy_noshow{
    width: 30px;
}
/*20161229 Roger 修正寬度 end*/

.List_Buy {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}


.List_OutOfStock {
    background-image: url(../images/icon/OutOfStockICON.gif);
}


.List_Buy:hover {
    background-image: url(../images/icon/BuyICONH.png);
}


.List_Sign_Price{
    float: left;
    height: 18px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 5px;
}

/*20161130 Roger 修改選擇器、新增左間距*/
.WineInformation li.List_Save {
    width: 49px;
}
/*20161130 Roger 修改選擇器、新增左間距 end*/

.List_Save img{
    margin-top: 10px;
}

.List_PreorderPrice {
    width: 15%;
    text-align: right;
    color: #0071bc;
    font-weight: 900;
}

/*20161202 Roger 移除cursor樣式*/
.WineInformation .List_PreorderPrice a:hover{
    text-decoration: none;
}
/*20161202 Roger 移除cursor樣式 end*/

/*20161205 Roger 修改選擇器*/
.WineInformation li.List_FastPrice,
.WineryInformation li.List_FastPrice,
.YearInformation li.List_FastPrice{
    width: 72px;
    text-align: right;
    color: #ef9c00;
    font-weight: 900;
    margin-left:3px;
}
/*20161130 Roger 修改選擇器 end*/

/*20161202 Roger 移除cursor樣式*/
.WineInformation .List_FastPrice a:hover{
    text-decoration: none;
}
/*20161202 Roger 移除cursor樣式 end*/

.ALL .WineInformation li.List_PreorderPrice a,
.ALL .WineInformation li.List_PreorderPrice a:visited {
    color: #0071bc;
}

.ALL .WineInformation li.List_FastPrice a,
.ALL .WineInformation li.List_FastPrice a:visited {
    color: #ef9c00;
}

.List_PreorderIcon{
    width: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon/PreOrder_ICON.png);
}

.List_PreorderIcon:hover{
    background-image: url(../images/icon/PreOrder_ICON_Winelist_hover.png);
}

.List_FastIcon{
    width: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon/Fast_Icon.png);
}

.List_FastIcon:hover{
    background-image: url(../images/icon/Fast_IconH.png);
}

.List_PreorderIcon_noshow{
    width: 35px;
}


.List_Sign_WineInfo_layout{
    margin-left:15px;
    width: 100px;
    float:left;
}

.List_Sign_ExpressIcon_layout{
float: left;
margin-left: 5px;
height: 52px;
width: 80px;
margin-top: 5px;
}

.List_Sign_WineInfo_layout span{
    float: left;
}

.WineInformation_layout{
    width: 510px;
    float: right;
}

.NoBouns_2{
    position: relative;
    top: 3px;
}

.Project ul li {
    font-size: 14px;
    float: left;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 26px;
    margin: 2px 3px 2px 3px;
    border-right: 1px solid #AAAAAA;
    color: #333;
}

/*20161130 Roger 修改寬度*/
.Project .Project_Name {
    width: 350px;
}
/*20161130 Roger 修改寬度 end*/

.Project .Project_Year {
    width: 55px;
}

.Project .Project_Evaluate {
    width: 70px;
}

.Project .Project_Capacity {
    width: 44px;
}

/*20161130 Roger 修改寬度*/
.Project .Project_Price {
    width: 95px;
}
/*20161130 Roger 修改寬度 end*/

.Project .Project_Sale {
    width: 100px;
    text-align: center;
}

.Project .Project_PreorderSale {
    width: 100px;
    text-align: center;
}

/*排行榜的*/
.Project .Project_Name2 {
    width: 284px;
}

.Project .Project_Year2 {
    width: 55px;
}


/************簡目頁list end****************/

/************詳目頁************************/

.DetailedHeand {
    position: relative;
    display: block;
    float: right;
    width: 866px;
    border-bottom: none;
    background-color: #FFF;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    *padding-bottom: 0px;
}



.MarketingText {
    line-height: 24px;
    width: 100%;
    font-size: 14px;
    padding: 5px 0px;
    background-color: #F0EFEE;
    text-align: center;
    font-weight: bold;
    color: #CAA11C;
}

.ButtomALL {
    display: block;
    float: left;
    width: 128px;
    margin-left: 25px;
}

    .ButtomALL ul.addCar {
        padding: 8px;
    }

    .ButtomALL li {
        display: block;
        width: 110px;
        line-height: 20px;
        text-align: center;
        color: #999;
        margin-bottom: 8px;
    }

        .ButtomALL li a {
            color: #999;
        }

        .ButtomALL li.NotifyMe {
            background-image: url(../images/icon/OutOfStockICON.gif);
            background-position: center left;
            background-repeat: no-repeat;
            padding-left: 15px;
            width: 95px;
            line-height: 19px;
        }

        .ButtomALL li a:hover {
            color: #333;
            text-decoration: underline;
        }

.ALLAwards {
    display: inline-block;
    width: 641px;
    margin-left: 25px;
    float: left;
}

.OneKindAwards {
    float: left;
    margin: 0 10px 6px 0px;
}

    .OneKindAwards h1,
    .OneKindAwards h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 14px;
        display: inline-block;
        padding: 1px 10px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }


    .OneKindAwards h1 {
        color: #fff;
        background-color: #939393;
        border: 1.5px solid #939393;
        float: left;
        min-width: 18px;
    }

    .OneKindAwards h2 {
        color: #666;
        margin-left: -3px;
        background-color: #fff;
        border: 1.5px solid #939393;
        min-width: 35px;
    }

        .OneKindAwards h2 img {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            height: 20px;
            width: auto;
        }

/*20170220 Roger 調整寬度*/
.WineDetail_Rank{
    display: inline-block;
    width: 190px;
    float: left;
    background-color: #F7F7F7;
    font-family: "微軟正黑體","新細明體";
    color: #666;
    margin-right: 10px;
    /* margin-bottom: 10px; */
}
/*20170220 Roger 調整寬度*/

    .WineDetail_Rank:nth-child(n+6) {
        margin-top: 10px;
    }
/*20220111 Joan 增加每列間距*/

    .WineDetail_Rank h1 {
        display: block;
        width: 90%;
        height: 17px;
        background-color: #939393;
        color: #FFF;
        font-family: Arial, Gadget, sans-serif;
        white-space:nowrap;
        padding: 5px 5%;
        line-height: 17px;
        font-size: 16px;
        font-weight: 900;
        overflow: hidden;
    }

    .WineDetail_Rank h2 {
        font-family: Arial, Gadget, sans-serif;
        font-size: 43px;
        margin: 0 5px;
        color: #666;
        display: inline-block;
        padding-top: 5px;
        overflow:hidden;
        padding-bottom: 0px;
        min-height: 55px;
        letter-spacing: -1px;
        float: left;
    }

        .WineDetail_Rank h2 img {
        }

            .WineDetail_Rank h2 img.Horizontal {
                width: 50px;
                height: auto;
                padding-top: 20px;
            }

            .WineDetail_Rank h2 img.Quadrant {
                width: 45px;
                height: auto;
                padding-top: 5px;
            }


    .DetailedALL .WineDetail_Rank h3 {
        font-family: "微軟正黑體","新細明體";
        color: #666;
        font-size: 12px;
        display: inline-block;
        margin-bottom: 0px;
        letter-spacing: 0;
        padding-right: 5px;
        float: left;
        margin-left: 3px;
        margin-top: 29px;
    }

.WineDetail_Award_layout{
    width: 150px;
    height: 180px;
    background-color: #f7f7f7;
    float: left;
    margin-right: 10px;
}

.WineDetail_Award_img{
    width: 150px;
    height: 150px;
    background-size: auto 90%;
    background-position: center;
    background-repeat: no-repeat;
}

.WineDetail_Award_img2{
    width: 150px;
    height: 150px;
    background-size: 90% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.WineDetail_Award_text{
    width: 100%;
    height: 30px;
    background-color: #939393;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.DetailedALL, .wineryProduct {
    display: block;
    float: right;
    width: 866px;
    border-top: none;
    background-color: #FFF;
    *padding-top: 0px;
}



    .DetailedALL h3 {
        font-size: 20px;
        letter-spacing: 1px;
        color: #988780;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .DetailedALL p {
        color: #666;
        line-height: 30px;
        font-family: "新細明體";
        font-size: 15px;
    }

    .DetailedALL .Part {
        border-bottom: 1px dotted #999;
        margin: 0 25px;
        padding: 15px 0px;
        padding-bottom: 20px;
    }



span.LIKE {
    display: block;
    float: right;
    color: #999;
}

    span.LIKE img {
        margin-bottom: -4px;
        margin-right: 5px;
    }

    span.LIKE a {
        cursor: text;
    }

.AllYear {
    width: 100%;
    margin-bottom: 25px;
}

.Singular li,
.Even li {
    clear: both;
    width: 100%;
    height: 25px;
}

.AllYearTitle {
    height: 30px;
}


    /* 統一基本 */
    .Singular h3,
    .Singular h4,
    .Singular h5,
    .Singular h6,
    .Even h3,
    .Even h4,
    .Even h5,
    .Even h6 {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 20px;
        height: 25px;
        width: 19%;
        font-size: 14px;
        margin-left: 1px;
        font-weight: 100;
        color: #666;
    }

/* 細節調整 */

.Singular h3,
.Even h3 {
    font-weight: bold;
    text-align: center;
}

.Singular h4,
.Even h4 {
    text-align: center;
}

.Singular h5,
.Even h5,
.Singular h6,
.Even h6 {

    text-align: center;
}

    .Singular h6:hover,
    .Even h6:hover {
        text-decoration: underline;
        cursor: pointer;
    }

h6.Focus,
h3.Focus,
h5.Focus {
    color: #F00;
    font-weight: 900;
}


.DetailedALL .AllYearTitle h3,
.AllYearTitle h4,
.AllYearTitle h5,
.AllYearTitle h6 {
    width: 19%;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 1px;
    text-align: center;
    background-color: #999;
    color: #FFF;
    font-weight: bold;
    font-family: "微軟正黑體","新細明體";
    float: left;
}

/*20161101 Roger 修改樣式*/
.Detail_AllYearTitle_ExpressOrPreorder {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    height: 30px;
    width: 21%;
    font-size: 14px;
    margin-left: 1px;
    background: #999;
    color: #fff;
    text-align: center;
}
/*20161101 Roger 修改樣式 end*/

.AllYear h3 {
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.Singular h3,
.Singular h4,
.Singular h5,
.Singular h6 {
    background-color: #F7F7F7;
}

.AllYear ul {
    margin-bottom: 1px;
}


    .AllYear ul:hover {
        border: 1px solid #ccc;
    }

/*20161212 Roger 移除底線*/
.Part a {
    color: #666;
    /* text-decoration: underline; */
}
/*20161212 Roger 移除底線 end*/

    .Part a:hover {
        color: #666;
        text-decoration: none;
    }

.Part .Numerous a{
    text-decoration: underline;
    color: #5c1800;
}

.Part .Numerous a:hover{
    text-decoration: underline;
}

.wine_detail_part_combined_title {
    color: #000;
    font-size: 18px;
    text-align: left;
    background-color: #F3F3F3;
    margin-left: 1px;
    padding: 10px 0;
    padding-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.wine_detail_part_combined_layout{
    margin-top: 15px;
    min-height: 215px;
}

.wine_detail_part_combined_wineinfo{
    width: 160px;
    height: 215px;
    float: left;
    cursor: pointer;
}

.wine_detail_part_combined_wineinfo_row{
    margin-top: 15px;
}

.wine_detail_part_combined_wineinfo_row:first-child{
    margin-top: 0;
}

.wine_detail_part_combined_wineinfo_img{
    position: relative;
}

    .wine_detail_part_combined_wineinfo_img img{
        border: 1px solid #cccccc;
        width: auto;
        height: 160px;
    }

.wine_detail_part_combined_wineinfo_img_number{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 8px;
    background-color: #666;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}

/*20161212 Roger 新增高度限制*/
.wine_detail_part_combined_wineinfo_ChineseName{
    width: 160px;
    height: 21px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    margin-top: 5px;
}

.wine_detail_part_combined_wineinfo_EnglishName{
    width: 160px;
    height: 19px;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
}
/*20161212 Roger 新增高度限制 end*/

.wine_detail_part_combined_plus_icon{
    width: 58px;
    height: 215px;
    background-image: url(../images/icon/wine_detail_part_combined_plus_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.wine_detail_part_combined_equal_icon{
    width: 58px;
    height: 215px;
    background-image: url(../images/icon/wine_detail_part_combined_equal_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.wine_detail_part_combined_price_layout{
    width: 160px;
    height: 215px;
    float: left;
}

.wine_detail_part_combined_price_layout::before{
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.wine_detail_part_combined_price{
    width: 155px;
    height: 61px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.wine_detail_part_combined_addcartBTN{
    width: 139px;
    height: 28px;
    margin-top: 5px;
    background-image: url(../images/icon/wine_detail_part_combined_addcartBTN.png);
}

.wine_detail_part_combined_addcartBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/wine_detail_part_combined_addcartBTN_hover.png);
}

.wine_detail_part_combined_preorderBTN{
    width: 139px;
    height: 28px;
    margin-top: 5px;
    background-image: url(../images/icon/PreOrder_ICON_139x28.png);
}

.wine_detail_part_combined_preorderBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/PreOrder_ICON_139x28_hover.png);
}


.wine_detail_part_combined_FastaddcartBTN{
    width: 139px;
    height: 28px;
    margin-top: 5px;
    background-image: url(../images/icon/Fast_addcartBTN_139x28.png);
}

.wine_detail_part_combined_FastaddcartBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/Fast_addcartBTN_139x28_hover.png);
}

.wine_detail_part_discount_title {
    color: #000;
    font-size: 18px;
    text-align: left;
    background-color: #F3F3F3;
    margin-left: 1px;
    padding: 10px 0;
    padding-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}

.wine_detail_part_discount_title:first-child {
    margin-top: 0;
}

.wine_detail_part_discount_wineinfo{
    height: 160px;
    margin: 0 10px;
}

.wine_detail_part_discount_wineinfo_img{
    float: left;
}

    .wine_detail_part_discount_wineinfo_img img{
        border: 1px solid #cccccc;
        width: auto;
        height: 160px;
    }

/*20160519 Roger 新增最大寬度限定*/
.wine_detail_part_discount_wineinfo_text_layout {
    float: left;
    margin-left: 20px;
    margin-top: 15px;  
    max-width: 610px; 
}
/*20160519 Roger 新增最大寬度限定 end*/

.wine_detail_part_discount_wineinfo_text_ChineseName{
    font-size: 18px;
    color: #333333;
}

.wine_detail_part_discount_wineinfo_text_EnglishName{
    font-size: 16px;
    color: #999999;
}

.wine_detail_part_discount_wineinfo_text_price{
    font-size: 16px;
    color: #333333;
    text-decoration: line-through;
    margin-top: 10px;
}

.wine_detail_part_discount_wineinfo_text_iCheersprice{
    margin-top: 5px;
}

.wine_detail_part_discount_addcartBTN{
    display: inline-block;
    width: 87px;
    height: 25px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
    background-image: url(../images/icon/ShoppingCart4.png);
}

.wine_detail_part_discount_addcartBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/ShoppingCart4_hover.png);
}

.wine_detail_part_discount_preorderBTN{
    display: inline-block;
    width: 87px;
    height: 25px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
    background-image: url(../images/icon/PreOrder_ICON_87x25.png);
}

.wine_detail_part_discount_preorderBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/PreOrder_ICON_87x25_hover.png);
}

.wine_detail_part_discount_FastaddcartBTN{
    display: inline-block;
    width: 87px;
    height: 25px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
    background-image: url(../images/icon/Fast_addcartBTN_87x25.png);
}

.wine_detail_part_discount_FastaddcartBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/Fast_addcartBTN_87x25_hover.png);
}

.DetailedALL .OneWine {
    display: inline-block;
    margin: 0;
    width: 395px;
    float: left;
    margin-bottom: 20px;
}

.DetailedALL .OneWine:nth-child(odd) {
    margin-left: 26px;
}
        .DetailedALL .OneWine .SingleBottle_IMG {
            float: left;
        }
			
			/*20170502 Roger 修改寬度*/
            .DetailedALL .OneWine .SingleBottle_IMG img{
                height: 140px;
                width: 140px;
                border: 1px solid #cccccc;
            }
            /*20170502 Roger 修改寬度 end*/

.Detail_DontMiss_OneWine_info_layout{
    width: 240px;
    float: left;
    margin-left: 10px;
}

.Detail_DontMiss_OneWine_info_row{
    width: 240px;
    height: 30px;
    overflow: hidden;
}

    /*20161202 Roger 新增高度*/
    .OneWine h1 {
        display: block;
        width: 240px;
        height: 21px;
        overflow: hidden;
        float: left;
        margin-top: 5px;
        margin-bottom: 3px;
    }
    /*20161202 Roger 新增高度 end*/

        .OneWine h1 a {
            font-size: 16px;
            color: #595757;
            text-decoration: none;
        }

            .OneWine h1 a:hover {
                text-decoration: underline;
            }

    /*20161202 Roger 新增高度*/
    .OneWine h2 {
        display: block;
        width: 240px;
        height: 19px;
        overflow: hidden;
        float: left;
        margin-bottom: 5px;
    }
    /*20161202 Roger 新增高度 end*/

        .OneWine h2 a {
            font-size: 14px;
            color: #999;
            text-decoration: none;
        }

            .OneWine h2 a:hover {
                text-decoration: underline;
            }



    .OneWine h4 {
        display: block;
        /*width: 183px;*/
        margin-right: 5px;
        height: 20px;
        position: absolute;
        bottom: 14px;
        right: 0px;
    }

        .OneWine h4 b {
            float: left;
            margin-right: 10px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .OneWine h4 b span{
            display: inline-block;
            float: left;
        }
        
        .OneWine h4 .SoldOut {
            background-image: url(../images/icon/Banned2.png);
            padding-left: 19px;
        }

        .OneWine h4 a.OrderNotice {
            display: inline-block;
            line-height: 17px;
        }


.DontMiss_Award {
    display: inline-block;
    width: 85px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left: 5px;
}

    .DontMiss_Award img {
        max-height: 30px;
        max-width: 85px;
    }

.DontMiss_Capacity,
.DontMiss_Year {
    display: inline-block;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

/*20160921 Roger 新增容量文字顧定寬度*/
.DontMiss_Capacity{
    width: 35px;
}

/*20160930 Roger 新增年分文字顧定寬度高度*/
.DontMiss_Year {
    width: 28px;
    height: 30px;
}

.DontMiss {
    display: inline-block;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.Detail_DontMiss_ExpressIcon_layout{
    display: inline-block;
    width:100%;
    /*height:30px;*/
    margin: 5px 0;
}

    .Detail_DontMiss_ExpressIcon_layout img{
        float: left;
        margin-right: 10px;
    }

.Detail_DontMiss_ExpressIcon{
}



.Detail_DontMiss_Price_Layout{
    float:left;
    margin-top: 5px;
}

.Detail_DontMiss_Price_Layout h4 {
        position:relative;
        bottom:0px;
        float:left;
    }
.Detail_DontMiss_dollarsign{
    margin-top: 6px;
    margin-right: 5px;
}

.Detail_DontMiss_PreorderIcon_float{
    float:left;
    margin-left: 5px;
    margin-top: 4px;
    
}

.Detail_DontMiss_PreorderIcon{
    margin-top: -2px;
    width:15px;
    height:15px;
    background-image: url(../images/icon/PreOrder_ICON.png);
}

.Detail_DontMiss_PreorderIcon:hover{
    background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.Detail_DontMiss_addCartIcon{
    margin-top: -2px;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon/BuyICON.png);
}

.Detail_DontMiss_addCartIcon:hover{
    background-image: url(../images/icon/BuyICONH.png);
}

.Detail_DontMiss_FastaddCartIcon{
    margin-top: -2px;
    width: 15px;
    height: 15px;
    background-image: url(../images/icon/Fast_Icon.png);
}

.Detail_DontMiss_FastaddCartIcon:hover{
    background-image: url(../images/icon/Fast_IconH.png);
}

.Detail_DontMiss_soldoutIcon{
    float:left;
    margin-top: 4px;
    margin-left: 3px;
    width: 16px;
    height: 11px;
    background-image: url(../images/icon/OutOfStockICON.gif);
}

.wine_detail_DontMiss_soldoutTEXT{
    float: left;
    margin-top: 2px;
}

.wine_detail_DontMiss_soldoutTEXT a{
    float:left;
    color:#999;
}

.wine_detail_DontMiss_soldoutTEXT a:hover{
    text-decoration:underline;
}

/*詳目頁酒款資訊*/

.wine_detail_wineinfo_layout{
    width: 590px;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}

    /*20161202 Roger 調整寬度*/
    .wine_detail_wineinfo_layout h2 {
        width: 565px;
        font-size: 24px;
        color: #333;
        font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
        font-weight: bold;
    }

    .wine_detail_wineinfo_layout h1 {
        width: 565px;
        min-height: 23px;
        line-height: 23px;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        color: #999;
        margin-top: 5px;
        font-weight: normal;
    }

    .wine_detail_wineinfo_layout .btn_trackinglist_singleyear{
        width: 21px;
        height: 17px;
        display: inline-block;
        background-image: url(../images/icon/icon_tracking_large3_gray.png);
    }

    .wine_detail_wineinfo_layout .btn_trackinglist_singleyear.active{
        background-image: url(../images/icon/icon_tracking_large3_pink.png);
        animation-name: TrackingBtn;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
    }
    /*20161202 Roger 調整寬度 end*/

/*20161202 Roger 新增定價樣式*/
.wine_detail_wineinfo_OrginalPrice{
    min-width: 60px;
    display: inline-block;
    color: #999999;
}
/*20161202 Roger 新增定價樣式 end*/

ul.Detail {
    display: block;
    width: 585px;
    float: left;
    font-size: 16px;
    margin-top: 10px;
}

    ul.Detail li {
        min-height: 35px;
        border-bottom: 1px dotted #999;
    }

        ul.Detail li strong{
            line-height: 35px;
            min-height: 35px;
        }

        ul.Detail li em{
            line-height: 35px;
            min-height: 35px;
        }
/* 20231205 JOAN 新增侍酒師真心推欄位 */
#wine_detail_wineinfo_sommeliers {
    border-bottom: none;
    /* min-height: 100px; */
    margin-bottom: 30px;

}
    .wine_detail_wineinfo_sommelier {
        display: flex;
        align-items: flex-start;
        width: 100%;
        height: auto;
        gap: 5px;
        font-family: 'Noto Sans TC', sans-serif;
        margin-bottom: 10px;
        line-height: 36px;
        color: #727272;
        
    }
    #sommelierFold{
        align-items: center;
    }
        .wine_detail_wineinfo_sommelier a {
            text-decoration: none;
            display: flex;
            gap: 5px;
            flex-shrink: 0;
            align-items: center;
        }
        .wine_detail_wineinfo_sommelierAvatar {
            width: 36px;
            height: 36px;
            background-color: #ccc;
            display: inline-block;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            overflow: hidden;
        }
        .wine_detail_wineinfo_sommelierAvatar img {
            width: auto;
            height: 50px;
        }
        .Fold .wine_detail_wineinfo_sommelierAvatar {
            width: 26px;
            height: 26px;
        }
        .wine_detail_wineinfo_sommelierName {
            display: inline-block;
            height: 36px;
            line-height: 36px;
            font-weight: 500;
            color: #4D4D4D;
        }
        /* 20240328 JOAN 完整顯示介紹文字 */
        .wine_detail_wineinfo_sommelierComment {
            width: auto;
            height: auto;
            font-size: 15px;
            font-weight: 400;
            background-color: #f2f2f2;
            color: #727272;
            padding: 5px 10px;
            border-radius: 10px;
            line-height: 25px;
            /* text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; */
        }
        /* 20231213 更新emoji版 */
        .wine_detail_wineinfo_sommelierComment.__emoji{
            display: flex;
        }
        .wine_detail_wineinfo_sommelierComment.__emoji span {
            width: 25px;
            height: 25px;
            line-height: 20px;
            display: flex;
            justify-content: center; align-items: center;
            text-align: center;

            
        }
        .wine_detail_wineinfo_sommelierComment.__emoji span img{
            width: 20px; height: 20px;
            
        }
        .wine_detail_wineinfo_sommelierComment.__emoji span:not(:first-child) {
            margin-left: 5px;
        }
        #SharpCorner {
            flex-shrink: 0;
            position: relative;
            right: -6px;
            bottom: -10px;
        }
        .wine_detail_wineinfo_sommelier button {
            font-size: 16px;
            font-weight: 500;
            color: #4D4D4D;
            padding: 0;
        }
        #sommelierUnfold {
            /* display: none; */
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transition: 2s;
        }
        #sommelierUnfold.expanded {
            display: block;
            max-height: 100%; /* 最大高度 */
            opacity: 1;
        }
        /* .wine_detail_wineinfo_sommelierComment::before {
            content: '';
            width: 8px;
            height: 12px;
            background-color: red;
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
        } */

/* 20231205 JOAN 新增侍酒師真心推欄位 end */
.wine_detail_wineinfo_status{

    margin: 5px 0;
}

    .wine_detail_wineinfo_status img{
        display: inline-block;
        float: right;
    }

    .wine_detail_wineinfo_status img:first-child{
        margin-right: 0;
    }

.wine_detail_wineinfo_status_number{
    display: inline-block;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #929697;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px;
    margin-top: -3px;
    line-height: 23px;
}

.wine_detail_wineinfo_status_tracking{
    display: inline-block;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #696b6c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 5px;
    margin-top: -3px;
    line-height: 23px;
}

.wine_detail_wineinfo_status_tracking:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/TrackingList_white.png);
    background-size: cover;
    margin-right: 1px;
    margin-top: 2px;
    float: left;
}

.wine_detail_wineinfo_status_24HRexpress{
    margin-right: 10px;
}

.wine_detail_wineinfo_status_nobouns{
    margin-top: -3px;
    margin-right: 13px;
}

/*20160930 Roger 修改省最多編號樣式*/
.wine_detail_wineinfo_status_save{
    margin-right: 13px;
}

.wine_detail_wineinfo_fblike{
    width: 150px;
    margin-top: 5px;
}

    .wine_detail_wineinfo_fblike img{
        float: left;
    }

    .wine_detail_wineinfo_fblike span{
        width: 100px;
        font-size: 12px;
        display: inline-block;
        float: left;
        margin-left: 5px;
    }

    ul.Detail li.MarketingINFO {
        /*width: 420px;*/
        min-height: 0;
        font-size: 15px;
        font-style: italic;
        font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
        background-color: #f2f2f2;
        border: 1px dashed #cccccc; 
        color: #999;
        padding: 8px;
        margin-bottom: 25px; 
    }

    ul.Detail li.wine_detail_wineinfo_status {
        border-bottom: none;
    }

    ul.Detail li#price {
        border-bottom: none;
    }
/* 20230530 JOAN 調整多重售價結構＆樣式 */
.wine_detail_wineinfo_price{
    position: relative;
    width: 100%;
    color: #666666;
    

}
.wine_detail_wineinfo_price > table{
    width: 100%;
}

.wine_detail_wineinfo_onePrice {
    /* display: flex;
    align-items: bottom; */
    /* align-items: center; */
    /* align-items: baseline; */
}
.wine_detail_wineinfo_onePrice > td:first-child{
    width: 30%;
    text-align: right;
}
.wine_detail_wineinfo_onePrice > td:nth-child(){
    width: 30%;
    text-align: right;
}
.wine_detail_wineinfo_onePrice > span {
    width: 58%;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right;
    display: inline-block;
    line-height: 35px;
}
.__SecretLabel {
    position: relative;
    display: inline-block;
    z-index: 1;
    line-height: 100%;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    letter-spacing: 1px;
    padding: 2px;
    vertical-align: middle;
    font-size: 16px;
}
.__SecretLabel::before {
    content: '';
    background-color: #929697;
    z-index: -1;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    transform: skew(-30deg);
}
.WineInformation li {
    position: relative;
}
.WineInformation .__SecretLabel {
    position: absolute;
    width: 58px;
    height: 14px;
    right: -12px;bottom: -10px;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
}
.Sign_WineInfo_price {
    position: relative;
}
.Sign_WineInfo_price .__SecretLabel {
    position: absolute;
    width: 58px;
    height: 14px;
    right: 10px;bottom: -15px;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
}
.wine_detail_wineinfo_onePrice .__PriceNumber {
    display: inline-block;
    /* margin-left: 10px; */
    min-width: 93px;
}
.Price_disable span,
.Price_disable .__PriceNumber strong {
    color: #d9d9d9;
}
.Price_disable .__SecretLabel {
    display: none;
}

/*20161202 Roger 修改左間距*/
/* .wine_detail_wineinfo_price_preorder{
    margin-left: 100px;
    margin-top: 8px;
    margin-bottom: 10px;
    height: 38px;
} */
/*20161202 Roger 修改左間距 end*/

.wine_detail_wineinfo_addcartBTN{
    display: inline-block;
    background-image: url(../images/icon/ShoppingCart_101x31.png);
    background-repeat: no-repeat;
    width: 101px;
    height: 31px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
}


.wine_detail_wineinfo_addcartBTN:hover{
    background-image: url(../images/icon/ShoppingCart_101x31_hover.png);
}

.wine_detail_wineinfo_preorderBTN{
    display: inline-block;
    background-image: url(../images/icon/PreOrder_ICON_101x31.png);
    background-repeat: no-repeat;
    width: 101px;
    height: 31px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;

}

.wine_detail_wineinfo_preorderBTN:hover{
    background-image: url(../images/icon/PreOrder_ICON_101x31_hover.png);
}
/* 20230601 JOAN button 樣式修改 */
.wine_detail_wineinfo_FastaddcartBTN{
    display: inline-block;
    background-image: url(../images/icon/Fast_addcartBTN_101x31.png);
    background-repeat: no-repeat;
    width: 101px;
    height: 31px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
}

.wine_detail_wineinfo_FastaddcartBTN:hover{
    background-image: url(../images/icon/Fast_addcartBTN_101x31_hover.png);
}

.Price_disable button,
.wine_detail_wineinfo_FastaddcartBTN.__btn-disable,
.List_FastIcon.__btn-disable,
.button_addCart_fast.__btn-disable {
    pointer-events:none;
    filter: saturate(0%) brightness(125%);
}

.Price_disable .wine_detail_wineinfo_preorderBTN,
.wine_detail_wineinfo_preorderBTN.__btn-disable,
.List_PreorderIcon.__btn-disable,
.button_addCart_preorder.__btn-disable {
    filter: saturate(0%) brightness(200%);
    pointer-events:none;
}
.Price_disable .wine_detail_wineinfo_addcartBTN,
.wine_detail_wineinfo_addcartBTN.__btn-disable,
.List_Buy.__btn-disable,
.button_addCart.__btn-disable {
    filter: saturate(0%) brightness(225%);
    pointer-events:none;
}

/* 20230530 JOAN 調整多重售價結構＆樣式 end*/

/* 20240308 JOAN 私密價增加提示語 */
.wine_detail_wineinfo_prompt{
    width: 100%;
    font-size: 15px;
    /* font-weight: 100; */
    color: #666;
    padding-bottom: 1rem;
}

.wine_detail_wineinfo_soldout{
    display: inline-block;
    color: #999999;
}
/*20160922 Roger 修改可訂時通知按鈕樣式*/
.wine_detail_wineinfo_soldoutBTN{
    display: inline-block;
    background-image: url(../images/icon/soldoutBTN_101x31.png);
    background-repeat: no-repeat;
    width: 101px;
    height: 31px;
    padding: 0;
    padding-bottom: 5px;
    margin-left: 5px;
}

.wine_detail_wineinfo_soldoutBTN:hover{
    background-image: url(../images/icon/soldoutBTN_101x31_hover.png);
}


/*20161202 Roger 修改樣式*/
.wine_detail_wineinfo_inventory{
    display: inline-block;
    color:#666;
    vertical-align: super;
    /* margin-left: 20px; */
    line-height: 30px;
}

.wine_detail_wineinfo_inventory.fast{
    text-decoration: underline;
    cursor: pointer;
}
/*20161202 Roger 修改樣式 end*/

.wine_detail_wineinfo_inventory .infomark{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px #cccccc solid;
    font-size: 11px;
    margin-left: 5px;
    line-height: 16px;
    text-align: center;
    position: relative;
    top: 3px;
}

.wine_detail_wineinfo_inventory .infomark:after{
    display: inline-block;
    content: '?';
    width: 16px; height: 16px;
    line-height: 16px;
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
}
/* 20230531 JOAN 註解 */
/* #Price > div span{
    display: inline-block;
    width: 155px;
    height: 100%;
    line-height: 35px;
    text-align: right;
} */

/* #Price > div span:after{
    content: "";
    clear: both;
    display: block;
} */

/*#Price > div span strong{
    float: right;
}*/

    ul.Detail li em.Tittle {
        width: 120px;
        text-align: right;
        float: left;
        font-weight: bold;
        color: #424242;
    }
    
    /*20161202 Roger 修改樣式*/
    ul.Detail li em.Info {
        width: 445px;
        float: left;
        text-align: left;
        box-shadow: none;
        border: none;
    }
    /*20161202 Roger 修改樣式 end*/

        ul.Detail li em.Info a {
            color: #999;
            text-decoration: underline;
            margin: 0px 2px;
            float: none;
            font-size: 16px;
        }

            ul.Detail li em.Info a:hover {
                text-decoration: none;
                color: #000;
            }

    ul.Detail li.SpecialEvents {
        background-color: #F2F2F2;
        border: none;
    }

        ul.Detail li.SpecialEvents em.Info a {
            color: #999;
        }

            ul.Detail li.SpecialEvents em.Info a:hover {
                color: #666;
            }


/*  詳目頁酒瓶圖  */

.IntroImg {
    display: block;
    float: left;
    width: 250px;
    position: relative;
    margin-top: 15px;
}
/* 20230503 JOAN 酒瓶圖 tag 修改 */
.DetailedIMG {
    display: block;
    float: left;
    width: 250px;
    height: 540px;
    /* background-image: url(../images/pic/wine_bottle_sample.jpg); */
    /* background-position: center;
    background-size: cover; */
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

    .DetailedIMG img {
        /* margin-left: -15px;
        max-width: 150px;
        height: auto;
        margin-top: 20px; */
        display: block;
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
    }


    .IntroImg .Capacity {
        position: absolute;
        width: 65px;
        height: 16px;
        top: 10px;
        right: 0px;
    }

    .IntroImg .Label {
        position: absolute;
        display: block;
        width: 45px;
        height: 40px;
        top: 5px;
        right: 0px;
        cursor: pointer;
        overflow: hidden;
    }

        .IntroImg .Label img {
            max-width: 45px;
            height: auto;
        }

        .IntroImg .Tracking{
                width: 40px;
                height: 40px;
                position: absolute;
                right: 2px;
                top: 47px;
                background-image: url(../images/icon/icon_tracking_large.png); 
                background-repeat: no-repeat;
                background-position: center top;
                cursor: pointer;
                display: block;
            }
            .IntroImg .cwcBtn{
                right: 2px;
                top: 92px;
            }

            .IntroImg .Tracking:hover{
                background-position: center bottom;
            }

            .IntroImg .Tracking.active{
                background-position: center bottom;
                animation-name: TrackingBtn;
                animation-duration: 0.5s;
                animation-iteration-count: 1;
            }    


/**************詳目頁 end*************************/

/**************winery_intro***********************/

.WineryHeand {
    position: relative;
    display: block;
    float: right;
    width: 866px;
    border-bottom: none;
    background-color: #FFF;
    padding-bottom: 25px;
}


    .WineryHeand h1 {
        display: block;
        float: left;
        margin-left: 15px;
        margin-top: 15px;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 28px;
        font-size: 22px;
        color: #717071;
        font-weight: bold;
    }

img.voice {
    margin-bottom: -3px;
    margin-left: 10px;
    cursor: pointer;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

    img.voice:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.WineryHeand h1 em {
    font-family: "新細明體","微軟正黑體","Arial Black", Gadget, sans-serif;
    font-size: 22px;
    color: #333;
    font-weight: bolder;
    margin-top: 5px;
    display: inline-block;
}

.Winery_intro_region_layout{
    float: right;
}

    .Winery_intro_region_layout img{
        height: 21px;
        width: auto;
        display: inline-block;
        margin-top: 2px;
        float: left;
        margin-right: 10px;
    }

    .Winery_intro_region_layout span{
        font-size: 16px;
        display: inline-block;
        float: left;
        margin: 0 5px;
    }
    
    /*20161216 Roger 新增顏色*/
    .Winery_intro_region_layout a{
        font-size: 16px;
        display: inline-block;
        float: left;
        text-decoration: underline;
        cursor: pointer;
        color: #595757;
    }
    /*20161216 Roger 新增顏色 end*/

.BigIMG {
    clear: both;
    clear: left;
    width: 97%;
    margin: 10px auto;
    height: 70px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
}



    .BigIMG img {
        max-width: 100%;
        height: auto;
    }


/*  橫的推薦酒 */

.TraverseWide {
    display: block;
    width: 98%;
    padding: 10px 10px 10px 10px;
    margin: 0 auto;
    border: 1px double #E6E6E6;
    background-repeat: no-repeat;
    background-position: inherit left;
}
    .TraverseWide .Award3 {
        float: left;
        margin-right: 5px;
    }


.TransverseINFO {
    float: left;
    margin-right: 10px;
    max-width: 426px;
}


    .TransverseINFO .Award1 {
        float: left;
        width: 300px;
    }

        .TransverseINFO .Award1 img {
            float: left;
        }

.TransverseINFO_Wine_ChineseName{
    max-width: 396px;
    color: #333;
    font-size: 19px;
    letter-spacing: 1px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 10px;
}

.TransverseINFO_Wine_EnglishName{
    max-width: 396px;
    color: #999999;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 3px;
}


.SellingWines_layout{
    height: 150px;
    /*background-color: #F7F7F7;*/
    float: left;
    margin-right: 13px;
    border-right: 1px solid #ccc;
}

.SellingWines_layout::before{
    content: "";
    width: 0px;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.SellingWines {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 84px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    margin-top: -22px;
}

.Contents a.ChineseName {
    display: block;
    line-height: normal;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    margin-bottom: 3px;
    float: left;
    width: 300px;
}

.Contents a.EnglishName {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    display: block;
    text-decoration: none;
    line-height: normal;
    overflow: hidden;
    float: left;
    margin-bottom: 5px;
    width: 300px;
}

.TraverseWide .TransverseIMG {
    display: block;
    width: 350px;
    height: 150px;
    background-image: url(../images/pic/wine_bottle_sample_horizonal.jpg);
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    float: right;
    cursor: pointer;
}

.TraverseWide .Transverse_Money {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    display: inline-block;
    width: 300px;
    float: left;
}



.TraverseWide .ShoppingCart {
    height: 20px;
    line-height: 20px;
}


.Transverse_Capacity {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;
}
.Transverse_Year {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px;

}

.MoreBigIMGALL {
    display: block;
    float: left;
}



.MoreBigIMG {
    display: block;
    width: 350px;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid #E6E6E6;
}

.MoreBigIMG:first-child{
    margin-top: 62px;
}

    .MoreBigIMG img {
        max-width: 350px;
        height: auto;
    }

.Winery_List_Title {
    font-family: "微軟正黑體", Arial, serif;
    font-size: 18px;
    color: #333;
    height: 40px;
    padding: 0 0 0 15px;
    font-weight: bold;
    border-left: 5px #666 solid;
    background-color: #F2F2F2;
    line-height: 40px;
    margin-top: 20px;
}

.MoreWinery_row{
    width: 836px;
    margin-bottom: 25px;
    padding: 0 15px;
    display: inline-block;
}

.MoreWinery {
    display: block;
    width: 400px;
    /*height: 305px;*/
    background-color: #FFF;
    float: left;
    margin-left: 30px;
}

.MoreWinery:first-child {
    margin-left: 0;
}

.MoreWinery_ChineseName {
    color: #333;
    font-size: 16px;
    margin-top: 10px;
    width: 390px;
    overflow: hidden;
}

.MoreWinery_EnglishName {
    color: #A1A14F;
    font-size: 14px;
    width: 390px;
    overflow: hidden;
}

.MoreWineryIMG {
    display: block;
    width: 400px;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 10px; 
}

    /*20170120 Roger 新增酒莊圖片用樣式*/
    .MoreWineryIMG a{
        display: inline-block;
        width: 400px;
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    /*20170120 Roger 新增酒莊圖片用樣式 end*/

    /*20170111 Roger 新增酒莊圖片用樣式 end*/

    /*20170111 Roger 移除*/
    /* .MoreWineryIMG img {
        width: 400px;
        height: auto;
    } */

.MoreWinery h3 {
    width: 135px;
    padding: 10px 5px;
    margin-top: 35px;
    float: right;
}

.MoreWinery p {
    height: 75px;
    font-size: 15px;
    margin-top: 10px;
    line-height: 24px;
    overflow: hidden;
}


    .MoreWinery p a {
        color: #CAA11C;
        text-decoration: underline;
    }


        .MoreWinery p a:hover {
            text-decoration: none;
        }

.ProducingAreas {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 5px;
    overflow: hidden;
    color: #666666;
}


    .ProducingAreas a,
    .ProducingArea_wine_lists a {
        color: #666666;
        font-weight: 100;
    }

        .ProducingAreas a:hover,
        .ProducingArea_wine_lists a:hover {
            text-decoration: underline;
        }

.MoreWinery iframe {
    width: 100%;
}

.WineryText {
    display: block;
    float: right;
    width: 490px;
    margin-top: 15px;
}


.WineryInfo {
    width: 490px;
    line-height: 24px;
    color: #595757;
    padding-right: 16px;
    box-sizing: border-box;
}

/*20170222 Roger 移除高度設定*/
.ShortenAAA {
    /* height: 750px; */
    overflow: hidden;
    /* *height: 520px; */
}
/*20170222 Roger 移除高度設定 end*/

.OpenShorten {
    font-size: 15px;
    float: right;
    display: inline-block;
    cursor: pointer;
    margin-top: 15px;
    color: #7e7e7e;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

    .OpenShorten span{
        margin-left: 3px;
    }


    .OpenShorten:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.Correct {
    margin: 0px 25px 25px 0px;
}

.WineryInfo p {
    color: #919191;
    margin-bottom: 20px;
}

.WineryInfo .OPEN {
    text-align: right;
    margin-top: 15px;
    cursor: pointer;
}

    .WineryInfo .OPEN:hover {
        text-decoration: underline;
    }

/*20170425 Roger 新增上間距*/
.WebLink {
    color: #666;
    line-height: 24px;
    font-size: 14px;
    margin-top: 20px;
}
/*20170425 Roger 新增上間距 end*/

    .WebLink a {
        color: #666;
        font-family: Arial, Helvetica, sans-serif;
    }

        .WebLink a:hover {
            text-decoration: underline;
        }

.WineryIntro_TransverseINFO_Award_layout{
    width:85px;
    height:30px;
    float:left;
    display:inline-block;
    overflow:hidden;
}

.WineryIntro_TransverseINFO_Price_layout {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    display: inline-block;
    float: left;
}


.WineryIntro_TransverseINFO_Price_layout span{
    float:left;
}

.WineryIntro_TransverseINFO_Price_layout a{
    color:#999;
    font-size: 14px;
    font-weight:normal;
    margin-left: 5px;
    margin-top: 2px;
    display:inline-block;
}

.WineryIntro_TransverseINFO_Price_layout a:hover{
    text-decoration:underline;
}

.WineryIntro_TransverseINFO_Price_float{
    display: inline-block;
    margin-top: 6px;
    margin-right: 3px;
}
.WineryIntro_TransverseINFO_Price_addCartIcon{
    display: inline-block;
    margin-top: 1px;
    background-image: url(../images/icon/BuyICON18.png);
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
}

.WineryIntro_TransverseINFO_Price_addCartIcon:hover{
    background-image: url(../images/icon/BuyICONH18.png);
}

.WineryIntro_TransverseINFO_Price_PreorderIcon{
    display: inline-block;
    margin-top: 2px;
    background-image: url(../images/icon/PreOrder_ICON18.png);
    background-position: center;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
}

.WineryIntro_TransverseINFO_Price_PreorderIcon:hover{
    background-image: url(../images/icon/PreOrder_ICONH18.png); 
}

.WineryIntro_TransverseINFO_Price_FastIcon{
    display: inline-block;
    margin-top: 2px;
    background-image: url(../images/icon/Fast_Icon18.png);
    background-position: center;
    float: left;
    margin-left: 3px;
    width: 18px;
    height: 18px;
}

.WineryIntro_TransverseINFO_Price_FastIcon:hover{
    background-image: url(../images/icon/Fast_Icon18H.png); 
}

.WineryIntro_TransverseINFO_Price_soldoutICON{
    display: inline-block;
    margin-left: 1px;
    margin-top: 1px;
    background-image: url(../images/icon/OutOfStockICON.gif);
    width: 16px;
    height: 11px;
}

.WineryIntro_TransverseINFO_ExpressIcon_layout{
  float: left;
  margin-top: 3px;
  display: inline-block;
}

.WineryIntro_TransverseINFO_WineInfo_row{
    width:396px;
    height: 30px;
    margin-top: 10px;
}


.WineryInfo strong span,
.WineryInfo h2 span {
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
}

.WineryInfo h1,
.WineryInfo h1 strong,
.WineryInfo h1 span strong,
.WineryInfo h1 span strong span {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
}


.WineryInfo p span,
.WineryInfo p {
    line-height: 26px;
    color: #7A7A7A;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
    font-family: "Times New Roman", Arial, serif;
}

.WineryInfo p {
    margin-bottom: 3px;
}


    .WineryInfo p a span,
    .WineryInfo p a {
        float: none;
        color: #A3A34F;
        text-decoration: underline;
    }

        .WineryInfo p a span:hover,
        .WineryInfo p a:hover {
            text-decoration: none;
        }


    .WineryInfo strong a,
    .WineryInfo p strong span a
    /*.WineryInfo h2 span a*/ {
        color: #785472;
        text-decoration: underline;
        font-family: verdana,geneva,sans-serif;
    }


        .WineryInfo strong a:hover,
        .WineryInfo p strong span a:hover
        /*.WineryInfo h2 span a:hover*/ {
            text-decoration: none;
        }

.WineryInfo_Title_layout{
    margin-top: 15px;
}

.WineryInfo_Title_layout h2 {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}

    .WineryInfo_Title_layout h2 img {
        height: 15px;
        width: auto;
        margin-right: 5px;
        margin-bottom: -3px;
        color: #717071;
    }

    .WineryInfo_Title_layout h2 a {
        color: #000;
        cursor: pointer;
        text-decoration: underline;
    }

        .WineryInfo_Title_layout h2 a:hover {
            text-decoration: none;
        }


.WineryInfo_WineryName_layout{
    float: left;
    padding: 10px 15px;
    border-left: 5px solid #666666;
    background-color: #f2f2f2;
    width: 830px;
}

.WineryInfo_EnglishName {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #717071;
}

.WineryInfo_EnglishName_voice_icon{
    width: 17px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/icon/voice.png);
    cursor: pointer;
}

.WineryInfo_ChineseName {
    font-family: "新細明體","微軟正黑體","Arial Black", Gadget, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-top: 5px;
}

.WineryInfo_WineryArea_layout{
    float: right;
}

/**************winery_intro end*******************/

/***************wine_list_winery***********************/

/*一間酒莊*/

.OneWinery {
    display: block;
    margin: 10px 15px;
}

/*不知道哪來的*/
.WineryPIC {
    display: block;
    float: left;
    width: 300px;
}
/*不知道哪來的*/

.PIC {
    display: inline-block;
    float: left;
    width: 350px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
}

    .PIC img {
        width: 350px;
        height: auto;
    }

span.LittleFlag img {
    height: 14px;
    width: auto;
    margin-bottom: -2px;
}



/*酒莊等級 或酒名*/
.WineryGrade {
    display: block;
    width: 450px;
    float: left;
    margin-left: 25px;
}


    .WineryGrade p {
        clear: both;
        font-size: 15px;
        width: 100%;
        overflow: hidden;
        line-height: 30px;
        margin: 8px 0px;
        margin-top: 15px;
        letter-spacing: 1px;
        color: #898989;
    }

        .WineryGrade p a {
            color: #ccc;
            text-decoration: underline;
        }

            .WineryGrade p a:hover {
                text-decoration: none;
            }


        .WineryGrade p span {
            color: #333333;
            display: inline-block;
            font-size: 18px;
            font-family: "微軟正黑體";
            overflow: hidden;
            font-weight: bold;
        }

.wine_list_winery_grade_ChineseName{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
}

.wine_list_winery_grade_EnglishName{
    font-size: 18px;
    color: #666666;
    cursor: pointer;
    font-family: "Arial","微軟正黑體";
    margin-top: 5px;
}



/* 人物推薦 */

.WineryRecommend {
    display: block;
    float: left;
    margin: 10px 0px;
}

    .WineryRecommend img {
        margin: 0px 5px;
        width: 50px;
        height: auto;
    }

    .WineryRecommend .RecommendedBy {
        display: block;
        float: left;
        margin-right: 5px;
        padding: 5px;
        background-color: #F8F3E1;
    }


button.InfoMore {
    display: block;
    width: 72px;
    line-height: 15px;
    border: none;
    font-size: 11px;
    color: white;
    cursor: pointer;
    background-color: #999;
    float: right;
    margin-top: 10px;
}


.Letter {
    display: block;
    width: 866px;
    clear: both;
    overflow: hidden;
}



    .Letter ul {
        display: block;
        height: auto;
    }

        .Letter ul li {
            float: left;
        }

            .Letter ul li a {
                font-family: Arial, Helvetica, sans-serif,"微軟正黑體";
                font-weight: bold;
                display: block;
                float: left;
                text-align: center;
                border: 1px solid #FFF;
                background-color: #E4E0DE;
                color: #FFF;
                font-size: 15px;
                line-height: 15px;
                padding: 5px 8px;
                min-width: calc(280px/26);
            }

                .Letter ul li a:hover {
                    background-color: #333;
                    color: #FFF;
                }

                .Letter ul li a.current {
                    background-color: #785672;
                    color: #fff;
                    box-shadow: inset 0 0 3px rgba( 0, 0, 0, 0.8);
                }

        .Letter ul.SP li a {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            display: block;
            float: left;
            line-height: 19px;
            min-width: calc(450px/23);
            text-align: center;
            border: 1px solid #FFF;
            background-color: #E4E0DE;
            color: #FFF;
        }

            .Letter ul.SP li a:hover {
                background-color: #333;
                color: #FFF;
            }

            .Letter ul.SP li a.current {
                background-color: #785672;
                color: #fff;
                box-shadow: inset 0 0 3px rgba( 0, 0, 0, 0.8);
            }

        .Letter ul.SP li a.disable{

        }

            .Letter ul.SP li a.disable:hover{
                background-color: #E4E0DE;
                color: #FFF;
            }



/*  wine_list_winery   簡目頁_酒莊*/

    .Result .ALL .YearInfo {
        display: block;
        margin-top: 10px;
        float: left;
        width: 150px;
        text-align: right;
    }


        .Result .ALL .YearInfo h1 {
            font-weight: bold;
            text-align: center;
            font-size: 24px;
            color: #666;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 15px;
        }


        .Result .ALL .YearInfo h2 {
            font-size: 14px;
            margin: 5px;
            margin-left: 10px;
            line-height: 22px;
            text-align: left;
        }


    .Result .ALL .WineList {
        display: block;
        width: 698px;
        float: right;
        margin-bottom: 25px;
    }

.WineList {
    display: block;
    width: 100%;
    text-align: left;
}



/* 年份簡 - 酒標 */

ul.WineList li .WineListLabels {
    float: left;
    display: inline-block;
    margin: 5px 0px 0px 5px;
    width: 50px;
    height: 35px;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    overflow: hidden;
}

    ul.WineList li .WineListLabels img {
        width: 50px;
        height: auto;
    }



/* 年份簡 - 酒名 */
ul.WineList li .WineListName {
    display: block;
    text-align: left;
    float: left;
    width: 215px;
    margin: 0px 8px;
}


    ul.WineList li .WineListName h1 {
        width: 100%;
        font-weight: bold;
        font-size: 13px;
        color: #000;
        font-family: "微軟正黑體", Verdana;
    }


    ul.WineList li .WineListName h2 {
        color: #999;
        font-family: Arial, Helvetica, sans-serif;
    }

    ul.WineList li .WineListName a:hover h2,
    ul.WineList li .WineListName a:hover h1 {
        text-decoration: underline;
    }



/* 年份簡 - 價錢 */

ul.WineList li .WineListMoney {
    display: block;
    margin: 0px 8px 0px 5px;
    float: left;
    width: 80px;
    font-family: Arial, Helvetica, sans-serif;
}

    ul.WineList li .WineListMoney p {
    }

    ul.WineList li .WineListMoney b {
        color: #717071;
    }


/* 年份簡 - 購物車 */

ul.WineList li .WineListCart {
    display: block;
    float: left;
    width: 90px;
}

    ul.WineList li .WineListCart h3 {
        text-align: center;
        padding: 3px;
        line-height: 14px;
    }

    ul.WineList li .WineListCart button {
        padding: 0px;
    }

        ul.WineList li .WineListCart button.ShoppingCart {
        }



.BTN {
    font-size: 13px;
    color: #333;
    display: inline-block;
    line-height: 21px;
}

    .BTN:hover {
        cursor: pointer;
        text-decoration: underline;
    }


/***************wine_list_winery end***********************/

/************advanced_search********************/
.List_Title_advanced_search_line{
    width: 5px;
    height: 26px;
    float: left;
    margin-left: 20px;
    margin-top: 3px;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
}

.List_Title_advanced_search{
    font-family: "微軟正黑體","新細明體";
    font-size: 28px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-left: 10px;
    -moz-text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    text-shadow: 1px 1px 2px rgba(0,0,0,.6);
    float: left;
}


/************advanced_search end****************/

/* ============ 獎章 ===========  */

.Organ_Second .Organ_CC img {
    border-color: #000;
}

.Organ_Second .Organ_CC h1, .Organ_Second ul.Organ_Wine li h3 a {
    color: #000;
}

.Organ_Third .Organ_CC img {
    border-color: #000;
}

.Organ_Third .Organ_CC h1, .Organ_Third ul.Organ_Wine li h3 a {
    color: #000;
}

.Organ_Second ul.Organ_Wine li h3 a:hover {
    text-decoration: underline;
}


.Organ_Third ul.Organ_Wine li h3 a:hover {
    text-decoration: underline;
}

/*三張桌子的獎牌*/



.AwardALL .MoreInfo {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #666;
    padding: 0px 3px;
    line-height: 20px;
    *width: 35px;
    *float: left;
}

/*20160920 Roger 調整首頁容量位置*/
.AwardALL .MoreInfo2{
    padding-left: 0;
}

/* FooterALL  頁腳  */


.FooterALL {
    clear: both;
    display: block;
    width: 1160px;
    height: 35px;
    margin: 0 auto;
    padding-bottom: 5px;
    margin-top: 100px;
    background-color: #000;
}
/*20180327 Rogerfix*/
ul.FooterMenu {
    display: inline-block;
    height: 35px;
    margin: 0 auto;
}
/*20180327 Rogerfix end*/

    ul.FooterMenu li {
        float: left;
        color: #CCC;
        line-height: 35px;
    }

        ul.FooterMenu li a {
            color: #CCC;
            margin: 0px 5px;
        }

            ul.FooterMenu li a:hover {
                color: #FFF;
            }

.Footer_position {
    display: block;
    height: 30px;
    margin: 0 auto;
    position: relative;
}

.FooterICON {
    display: block;
    position: absolute;
    right: 10px;
    top: -60px;
}






/* TC_And_UK_ALL  中英翻譯  */

.TC_And_UK_ALL {
    clear: both;
    display: block;
    height: 330px;
    width: 1160px;
    margin: 0 auto;
    background-color: #EAEAEA;
    background-image: url(../images/icon/TC_And_UK_BG.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin-bottom: 10px;
}

.TC_And_UK {
    display: block;
    width: 870px;
    margin: 0 auto;
}


    .TC_And_UK ul {
        display: block;
        float: left;
    }


    .TC_And_UK img {
        float: left;
        margin-right: 5px;
    }

    .TC_And_UK ul {
        display: block;
        width: 280px;
        height: 330px;
        overflow: hidden;
        float: left;
    }

        .TC_And_UK ul li {
            display: block;
            width: 120px;
            border-bottom: 1px #A5A6A7 dotted;
            padding: 8px 0px 8px 5px;
            float: left;
            margin-right: 13px;
        }

            .TC_And_UK ul li.Title {
                font-size: 14px;
                display: block;
                width: 280px;
                line-height: 30px;
                padding: 0px;
                padding-left: 10px;
                margin: 0px;
                border: none;
                font-weight: bold;
                color: #666;
                background-color: #D6D6D6;
                text-align: center;
            }





            .TC_And_UK ul li a h1,
            .TC_And_UK ul li a h2 {
                cursor: pointer;
                display: block;
                font-size: 12px;
                height: 13px;
                width: 120px;
                padding-top: 1px\9;
                overflow: hidden;
                line-height: 12px;
                font-weight: 100;
                color: #717171;
            }






/*  CopyRight  版權宣告  */
/*201512 rogerfix start*/
.CopyRight {
    clear: both;
    margin-bottom: 87px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #80808A;
    letter-spacing: 1px;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    color: #999999;
    line-height: 16px;
}
/*201512 rogerfix end*/



/*  不啦不啦的按鈕   */

button.PushToFB {
    display: block;
    height: 18px;
    width: 73px;
    font-size: 11px;
    color: #FFF;
    background-color: #3b5998;
    background-repeat: no-repeat;
    background-position: bottom right;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-weight: bold;
    line-height: 18px;
}



.HOT8 button.ShoppingCart {
    clear: both;
    margin: 0px 0px 0px 8px;
}


    .HOT8 button.ShoppingCart:hover {
        margin: 1px 0px 0px 9px;
    }


.HeadMsn {
    display: none;
    height: 25px;
    width: 100px;
    background-image: url(../images/icon/MSN.png);
    position: absolute;
    top: 40px;
    right: 190px;
}

    .HeadMsn:hover {
        background-image: url(../images/icon/MSN-H.png);
    }



button.Quality,
button.Join,
button.Novice {
    float: left;
    height: 91px;
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-right: 10px;
}


button.Quality {
    width: 68px;
    margin: -1px 0px 0px 0px;
    background-image: url(../images/icon/Quality.png);
}

    button.Quality:hover {
        background-image: url(../images/icon/Quality_H.png);
    }


button.Join {
    width: 54px;
    margin: 2px 10px 1px 0px;
    background-image: url(../images/icon/Join.png);
}

    button.Join:hover {
        background-image: url(../images/icon/Join-H.png);
    }

button.Novice {
    width: 63px;
    background-image: url(../images/icon/Novice.png);
}

    button.Novice:hover {
        background-image: url(../images/icon/Novice-H.png);
    }




/*  不啦不啦的字型樣式   */


.FFFFF {
    color: #FFF;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
	float:left;
}


.GGGGG {
    color: #c2c2c2;
    font-size: 13px;
    font-weight: 200;
    font-family: Arial, Helvetica, sans-serif;
	float:left;
}

.Line_Through {
    text-decoration: line-through;
}

.RED11 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #CF3448;
    font-size: 11px;
}

.RED12 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #CF3448;
    font-size: 12px;
    padding-left: 2px;
}

.RED13 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #CF3448;
    font-size: 13px;
    padding-left: 2px;
}
.blue13{
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #0071BC;
    font-size: 13px;
    padding-left: 2px;
}

.RED14 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #CF3448;
    font-size: 14px;
    
}

.blue14{
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #0071BC;
    font-size: 14px;   
}

.RED15 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #CF3448;
    font-size: 15px;
    
}

.blue15{
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #0071BC;
    font-size: 15px;   
}

.RED16 {
    color: #CF3448;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;
	
}

.blue16 {
    color: #0071BC;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;	
}

.orange16{
    color: #ef9c00;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;
}
/* 20230531 JOAN 新增 */

/*20170904 Roger 新增*/
.gray16 {
    color: #717071;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    
}
/*20170904 Roger 新增 end*/

.RED17 {
    color: #CF3448;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.blue17 {
    color: #0071BC;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.RED18 {
    color: #CF3448;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.blue18 {
    color: #0071BC;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.RED20 {
    color: #CF3448;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.blue20 {
    color: #0071BC;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.orange20 {
    color: #ef9c00;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.RED22 {
    color: #CF3448;
    font-size: 22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.blue22 {
    color: #0071BC;
    font-size: 22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.orange22 {
    color: #ef9c00;
    font-size: 22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.RED24 {
    color: #CF3448;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.blue24 {
    color: #0071BC;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.orange24 {
    color: #ef9c00;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.RED28 {
    color: #CF3448;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.blue28 {
    color: #0071BC;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.orange28 {
    color: #ef9c00;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.GOLD14 {
    color: #CAA11C;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.Query {
    clear: both;
    width: 720px;
    line-height: 24px;
    color: #333;
    margin: 10px 0px;
    margin-left: 36px;
    font-size: 15px;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
}

    .Query em {
        font-weight: bold;
        padding: 0px 5px;
        color: #fff;
    }

    .Query strong {
        font-weight: bold;
        padding: 0px 2px;
        color: #D3E8FF;
        font-size: 15px;
    }

.NextPage {
    float: right;
    padding: 10px 0 0 0;
    letter-spacing: 1px;
}

    .NextPage input {
        width: 25px;
        margin: 0px 5px;
    }

button.PageLL, button.PageRR {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px 2px 0px 2px;
    float: right;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-image: url(../images/icon/PageLL.png);
}

    button.PageLL:hover, button.PageRR:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }


button.PageRR {
    margin-right: 20px;
    background-image: url(../images/icon/PageRR.png);
}



.Result .ALL {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0px 15px 0px;
    border-bottom: 1px dashed #E6E6E6;
    font-size: 13px;
}

.Result .ALL:first-child {
    padding-top: 0;
}

.Result .Award {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0px;
    border-bottom: 1px dashed #E6E6E6;
    background: url(../images/ResultBG_award.png) right top repeat-y;
}

.Result .Bargain {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0px;
    border-bottom: 1px dashed #E6E6E6;
    background: url(../images/ResultBG_bargain.png) right top repeat-y;
}

.Result .Conflict {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0px;
    border-bottom: 1px dashed #E6E6E6;
    background: url(../images/ResultBG_conflict.png) right top repeat-y;
}


.Result_advanced_search ul li {
    display: block;
    float: left;
    text-align: center;
    margin: 2px;
    line-height: 20px;
}

.Result .MarketingTextDetailed {
    color: #000;
    font-size: 18px;
    text-align: left;
    background-color: #F3F3F3;
    margin-left: 1px;
    padding: 10px 0;
    padding-left: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.Result ul.Award .MarketingTextDetailed,
.Result ul.Bargain li.MarketingTextDetailed,
.Result ul.Conflict li.MarketingTextDetailed {
    height: 18px;
    width: 81.5%;
    color: #000;
    text-align: left;
    background-color: #F3F3F3;
    margin-left: 1px;
    padding-left: 5px;
    height: 24px;
}

.Result .MarketingTextDetailed span {
    line-height: 24px;
}



/*--------------熱門酒款--------------*/
.Top2 {
    overflow: auto;
    padding: 20px 0 0;
    position: relative;
    z-index: 100;
}

.Top2:last-child{
    margin-bottom: 20px;
}

.TopBox {
    display: block;
    width: 270px;
    height: 511px;
    float: left;
    position: relative;
    padding-bottom: 10px;
    margin: 0 0 0 12px;
    z-index: 100;
    border: 1px solid #CCC;
}

    .TopBox li {
    }

    .TopBox .RankNoTag {
        display: none;
        position: absolute;
        width: 39px;
        height: 39px;
        top: -3px;
        left: -3px;
        z-index: 10;
    }

    .TopBox h1, .TopBox h2, .TopBox h3 {
        margin: 5px;
        display: block;
    }

    .TopBox h1 {
        height: 22px;
        color: #333;
        font-weight: bold;
        font-size: 16px;
        font-family: "微軟正黑體", Verdana;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .TopBox h2 {
        color: #999;
        font-family: "微軟正黑體", Verdana;
        font-size: 14px;
        height: 37px;
        overflow: hidden;
        margin-top: 3px;
    }

    .TopBox .WinePic {
        position: relative;
        z-index: 1;
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .TopBox .WinePic img {
            width: 100%;
            height: auto;
        }

    .TopBox h3 {
        text-align: center;
        float: left;
        padding-left: 5px;
        margin: 5px 0 0 0;
        /*max-width: 50%;
        min-width: 30%;*/
        height: 24px;
        line-height: 24px;
    }

h3.PRICE {
    min-width: 20%;
    margin-right: 5px;
}

.TopBox h3 a {
    color: #717071;
}

.TopBox .RankBoxAll {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-top: 5px;
}

.TopBox .RankBox {
    height: 30px;
    outline: #dfdfdf 1px solid;
    margin: 5px;
    overflow: auto;
}



    .TopBox .RankBox li {
        display: block;
        width: 18.8%;
        height: 30px;
        float: left;
        border-right: #dfdfdf 1px solid;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
    }

        .TopBox .RankBox li:last-child {
            border: none;
        }

        .TopBox .RankBox li.NO {
            width: 42%;
            background-color: #616161;
            color: #fff;
            overflow: hidden;
        }

            .TopBox .RankBox li.NO span {
                padding: 5px;
            }




.Top3to8 {
    overflow: auto;
    padding: 0 0 20px 0;
}

.TopBoxS {
    display: block;
    width: 190px;
    float: left;
    position: relative;
    padding-bottom: 10px;
    margin: 10px 0 0 11px;
    border: 1px solid #CCC;
}

    .TopBoxS li {
    }

    .TopBoxS .RankNoTag {
        display: none;
        position: absolute;
        width: 39px;
        height: 39px;
        top: -3px;
        left: -3px;
        z-index: 10;
    }

    .TopBoxS h1, .TopBoxS h2, .TopBoxS h3 {
        padding: 5px 6px;
        display: block;
    }

    .TopBoxS h1 {
        color: #333;
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        font-family: "微軟正黑體", Verdana;
        height: 46px;
        overflow: hidden;
    }

    .TopBoxS h2 {
        color: #666;
        font-family: "微軟正黑體", Verdana;
        font-size: 11px;
    }

    .TopBoxS .WinePic {
        position: relative;
        z-index: 1;
        width: 100%;
        display: block;
        height: 190px;
        overflow: hidden;
    }

        .TopBoxS .WinePic img {
            width: 100%;
            height: auto;
        }


.TopBoxS {
    *height: 335px;
}


    .TopBoxS .INFO {
        width: 100px;
        *width: 100%;
        float: left;
        clear: both;
    }

    .TopBoxS h3 {
        *float: left;
        *display: inline-block;
        *width: 90px;
        text-align: center;
        height: 21px;
        line-height: 21px;
        padding: 5px 5px 0;
    }

        .TopBoxS h3 a {
            color: #717071;
        }


    .TopBoxS h4 {
        display: block;
        padding: 0;
        float: left;
        width: 80px;
        *width: 60px;
        margin: 15px 0 0 -8px;
        *margin: 0px 0 0 -8px;
    }

        .TopBoxS h4.H4SoldOut {
            width: 85px;
            margin: 8px 0px 0px 0px;
        }

            .TopBoxS h4.H4SoldOut .SoldOut {
                background-image: url(../images/icon/Banned2.png);
                line-height: 16px;
                padding-left: 17px;
            }

            .TopBoxS h4.H4SoldOut a.OrderNotice {
                margin-left: 5px;
            }


        .TopBoxS h4 .ShoppingCart {
        }

    .TopBoxS .RankBox {
        height: 25px;
        outline: #dfdfdf 1px solid;
        margin: 5px;
        overflow: auto;
    }

        .TopBoxS .RankBox li {
            width: 18%;
            height: 25px;
            float: left;
            border-right: #dfdfdf 1px solid;
            text-align: center;
            line-height: 24px;
        }

            .TopBoxS .RankBox li:last-child {
                border: none;
            }

            .TopBoxS .RankBox li.NO {
                width: 42%;
                background-color: #616161;
                color: #fff;
            }

                .TopBoxS .RankBox li.NO span {
                    padding: 5px;
                }



.Ranking {
    display: block;
    float: left;
    width: 32px;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 10px;
}

    .Ranking p {
        background-color: #dfdfdf;
        width: 30px;
        height: 21px;
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        overflow: hidden;
        line-height: 21px;
        cursor: default;
        border-top: #ccc 1px solid;
        font-family: "微軟正黑體", Verdana;
    }

        .Ranking p.ThisWeek {
            background-color: #785472;
            width: 30px;
            height: 50px;
            line-height: 30px;
            color: #fff;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 14px;
            font-weight: bold;
            font-family: "微軟正黑體", Verdana;
        }

            .Ranking p.ThisWeek span {
                display: block;
                height: 20px;
                line-height: 20px;
                font-size: 10px;
            }

        .Ranking p#FirstPlace {
            background-color: #cf3448;
        }

        .Ranking p.Arrow {
        }

    .Ranking p {
    }

    .Ranking p {
    }

        .Ranking p.FB {
            width: 30px;
            height: 21px;
            line-height: 21px;
            color: #fff;
            color: #999;
            font-family: "微軟正黑體", Verdana;
            border-top: #ccc 1px solid;
            font-weight: bold;
            cursor: pointer;
            font-size: 13px;
        }

            .Ranking p.FB:hover,
            .Ranking p.FB:focus {
                background-color: #3b5998;
                color: #fff;
            }





/* 年份 */
.Result .Wine_Year {
    margin-top: 35px;
    width: 74px;
}

    .Result .Wine_Year select {
        margin-bottom: 5px;
    }

    .Result .Wine_Year h4 {
        font-family: Arial, Helvetica, sans-serif;
    }

        .Result .Wine_Year h4 a {
            color: #999;
            cursor: pointer;
        }

            .Result .Wine_Year h4 a.Target {
                font-weight: bold;
                font-size: 14px;
                text-decoration: underline;
                color: #666;
                cursor: pointer;
            }

            .Result .Wine_Year h4 a:hover {
                color: #666;
            }


.Result .Wine_Year2 {
    /*排行榜的*/
    width: 55px;
}

/* 評價 */

.Result .Wine_Evaluate {
    width: 77px;
    padding-left: 2px;
    margin-top: 35px;
}

/*獎章 */

.TwoAward strong {
    display: block;
    width: 77px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .TwoAward strong img {
        max-height: 30px;
        width: auto;
        float: right;
    }


/*獎章 - 自製 */




.Award3 {
    display: block;
    width: 77px;
    height: 30px;
    overflow: hidden;
    background-image: url(../images/icon/AwardBG.png);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 12px\9;
}



.ShowALL .Award3 {
    background-position: right;
}


.Award3 span {
    font-weight: bold;
    line-height: 28px;
}


.Award3 .AwardName {
    color: #FFF;
    width: 29px;
    display: inline-block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}


.Award3 .AwardNO {
    color: #666;
    width: 43px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

    .Award3 .AwardNO a {
        color: #666;
    }

.CenterINFO_IMG .Award3 {
    margin: 7px 0 0 23px;
}

    .CenterINFO_IMG .Award3 span {
        display: block;
        float: left;
        line-height: 28px;
        font-size: 12px;
    }

        .CenterINFO_IMG .Award3 span.AwardName {
            width: 30px;
            font-size: 12px;
        }



.Organ .Award3 {
    float: left;
}






/* 單價 */
.Result .Wine_Price {
    width: 80px;
    margin-top: 35px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

    .Result .Wine_Price h1 {
        text-decoration: line-through;
        color: #CCC;
    }

    .Result .Wine_Price h2 {
        font-weight: bold;
    }

    .Result .Wine_Price h3 {
        padding: 0px 10px;
        margin-left: 35px;
        width: 45%;
        background-color: #F3F3F3;
    }






/* -省最多-物超所值-評家衝突- */
.Result .Wine_Sale {
    text-align: right;
    margin-top: 35px;
    width: 103px;
    font-family: Arial, Helvetica, sans-serif;
}

    .Result .Wine_Sale h2 strong {
        font-weight: bold;
    }

    .Result .Wine_Sale h3 button {
        margin-left: 12px;
    }

.Result .Wine_Sale_conflict h3 button {
    margin-left: 10px;
    margin-left: 5px\9;
}

.Result .Wine_Sale h3 button.PushToFB {
    margin-top: 8px;
    margin-left: 22px;
}

/*-評家衝突-*/
.Result .Wine_Sale_conflict {
    text-align: right;
    width: 110px;
    width: 102px\9;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 10px\9;
}

    .Result .Wine_Sale_conflict h4 {
        display: block;
        width: 30px;
        float: left;
        margin-left: 5px;
        margin-bottom: 10px;
        line-height: 20px;
        font-size: 11px;
    }

        .Result .Wine_Sale_conflict h4:nth-child(1) {
            margin-left: 16px;
        }

    .Result .Wine_Sale_conflict p {
        width: 30px;
        text-align: center;
    }

    .Result .Wine_Sale_conflict .VS {
        width: 18px;
        height: 18px;
        font-size: 8px;
        text-align: center;
        line-height: 18px;
        padding: 0 0 0 1px;
        border-radius: 50% 50%;
        color: #fff;
        background-color: #cf3448;
        font-family: "微軟正黑體", Verdana;
        font-weight: bold;
        margin: 12px 0 0 7px;
        text-shadow: 0 1px 3px rgb(207, 52, 72);
    }

    .Result .Wine_Sale_conflict p.critic {
        border-bottom: 3px double #999;
        color: #666;
        font-weight: bold;
        font-family: "微軟正黑體", Verdana;
    }




/* =========   topic_a 主題館頁A版 舊  =========  */


/*招牌全部*/
.topic_a_signs_ALL {
    height: 260px;
    width: 100%;
    border: 2px solid #aeb6ba;
    border-bottom: none;
    position: relative;
}


/*組合複數以上*/
.combination_Groups {
    display: block;
    width: 610px;
    background-color: #FFF;
    margin: 15px 0px 0px 11px;
    border: 1px solid #e8dcdc;
    border-bottom: 2px solid #aeb6ba;
    border-top: 2px solid #aeb6ba;
    padding-bottom: 10px;
}

.Groups_IMG {
    float: right;
    margin-right: 1px;
    margin-top: 1px;
    display: block;
    width: 230px;
    height: 230px;
    background-image: url(../images/pic/Groups_IMG.jpg);
    background-position: bottom left;
}


.Groups_MarketingText {
    float: left;
    width: 340px;
    margin: 20px 0px 0px 30px;
    font-family: "新細明體";
}

    .Groups_MarketingText h1 {
        font-size: 15px;
        line-height: 25px;
        background-image: url(../images/MarketingText_h1BG.png);
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 5px;
        letter-spacing: 1px;
        font-weight: bold;
        color: #869399;
    }

    .Groups_MarketingText p {
        margin-top: 10px;
        max-height: 120px;
        overflow: hidden;
        line-height: 20px;
    }







/* 組合區 酒 */

ul.Groups_wine {
    clear: both;
    width: 590px;
    margin-left: 11px;
    font-family: "新細明體";
}

    ul.Groups_wine li {
        display: block;
        height: auto;
        margin-bottom: 10px;
        clear: both;
    }

        ul.Groups_wine li div {
            float: left;
            margin-left: 5px;
        }


.Groups_wine_IMG {
    width: 78px;
    height: 78px;
    border: 1px solid #cacaca;
    overflow: hidden;
}

    .Groups_wine_IMG img {
        width: 78px;
        height: auto;
    }

.Groups_wine_Info {
    line-height: 18px;
    width: 420px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .Groups_wine_Info h1 {
        color: #785472;
    }

    .Groups_wine_Info h2 {
        color: #7e7d85;
    }

    .Groups_wine_Info h3 {
        max-height: 35px;
        overflow: hidden;
    }

    .Groups_wine_Info h4 {
        color: #7e7d85;
    }

        .Groups_wine_Info h4 span {
            text-decoration: line-through;
        }

.Groups_wine_Year {
}

    .Groups_wine_Year h1 {
    }

    .Groups_wine_Year h2 {
        font-weight: bold;
        text-align: right;
        color: #785472;
        font-size: 14px;
        line-height: 20px;
    }



/* 單支酒 */

/*20161122 Roger 新增絕對定位*/
.combination_Single_Tittle {
    width: 610px;
    height: 30px;
    text-align: right;
    margin: 0px 0px 0px 11px;
    overflow: hidden;
    position: relative;
}
/*20161122 Roger 新增絕對定位 end*/

    .combination_Single_Tittle .EventTitle {
        float: left;
        clear: both;
        font-size: 21px;
        line-height: 30px;
        letter-spacing: 1px;
        font-weight: bold;
        color: #4A5459;
        text-shadow: 0 0 5px rgba(255,255,255,.8);
    }

    .combination_Single_Tittle img {
        float: right;
    }

    .combination_Single_Tittle span {
        font-size: 14px;
        line-height: 15px;
        float: right;
        padding-top: 10px;
        margin: 0px 6px;
    }


.combination_Single {
    font-family: "新細明體";
    display: block;
    width: 610px;
    background-color: #FFF;
    margin: 0px 0px 0px 11px;
    border: 1px solid #e8dcdc;
    border-top: 2px solid #aeb6ba;
    padding: 10px 0px;
    clear: both;
}


.Single_WineInfo {
    width: 600px;
    margin-left: 6px;
    line-height: 20px;
}

.Single_WineName {
    width: 520px;
    float: left;
}

    .Single_WineName h3 {
        color: #666666;
        font-weight: bold;
        background-image: url(../images/MarketingText_h1BG.png);
        background-repeat: repeat-y;
        padding-left: 5px;
    }

    .Single_WineName h4 {
        color: #7e7d85;
    }

.Single_wineYear {
    width: 65px;
    float: left;
}

    .Single_wineYear h1 {
    }

    .Single_wineYear h2 {
        font-weight: bold;
        text-align: right;
        color: #785472;
        font-size: 14px;
        line-height: 20px;
    }



/* == */
.Single_WineInfo2 {
    clear: both;
    margin-top: 8px;
}

.Single_wineIMG {
    display: block;
    float: left;
    width: 240px;
    height: 70px;
    overflow: hidden;
    margin: 5px 0px 0px 0px;
}

    .Single_wineIMG img {
        height: auto;
        max-width: 220px;
        margin: 0 auto;
        margin-top: -35px;
        margin-left: 10px;
    }

.Single_wineAndPriceArea {
    width: 350px;
    float: right;
    margin-right: 10px;
}

    .Single_wineAndPriceArea p {
        line-height: 20px;
    }



    /* 覆蓋 */
    .Single_wineAndPriceArea .GroupsPriceArea div.SellPrice {
        font-size: 24px;
        line-height: 30px;
        padding-top: 10px;
    }


    .Single_wineAndPriceArea .GroupsPriceArea div.MoneyICON {
        padding-top: 14px;
    }

    .Single_wineAndPriceArea /*.GroupsPriceArea button*/ {
        margin-top: 15px;
    }

/*  =============== */

.A_Group_SingleBottle {
    width: 185px;
    height: 165px;
    display: block;
    float: left;
    margin-left: 8px;
    margin-bottom: 15px;
}

    .A_Group_SingleBottle h1 {
        color: #A3A34F;
        max-height: 13px;
        overflow: hidden;
    }

.GIFTS h1 {
    color: #785472;
}

.A_Group_SingleBottle h2 {
    color: #999;
    margin-top: 3px;
    max-height: 13px;
    overflow: hidden;
}

.A_Group_SingleBottle h3 {
    margin-top: 10px;
    display: block;
    width: 34px;
    padding: 0px 5px;
    background-color: #E5E5E5;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.A_Group_SingleBottle strong {
    float: right;
    margin-top: 10px;
}

    .A_Group_SingleBottle strong img {
        float: left;
    }







/* =========   topic_a 主題館頁A版 舊版   =========  */


/* 價錢區塊 */

.GroupsPriceArea {
    clear: both;
    height: 40px;
    margin: 10px 0px 0px 0px;
}

    .GroupsPriceArea div {
        float: left;
        margin-right: 6px;
    }


.CheersICON {
    width: 40px;
    height: 40px;
    background-image: url(../images/icon/CheersICON.png);
}

.SellWriting h3 {
    color: #aaaaac;
    font-size: 11px;
    line-height: 20px;
}

    .SellWriting h3 span {
        text-decoration: line-through;
    }

.SellWriting h4 {
    color: #666666;
    font-weight: bold;
    font-size: 13px;
}

.GroupsPriceArea div.MoneyICON {
    width: 9px;
    height: 21px;
    background-image: url(../images/icon/MoneyICON.png);
    padding-top: 11px;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.GroupsPriceArea div.SellPrice {
    line-height: 40px;
    font-size: 29px;
    color: #CF3448;
    font-weight: bold;
}

/*.GroupsPriceArea button {
    margin-top: 10px;
}*/


.GroupsPriceArea div.SoldOut {
    margin-top: 19px;
    margin-left: 8px;
}





/************* topic_a 主題館頁A版 **************/

.topic_a_Content_wrapper {
    width: 866px;
    float: left;
    border-top: 1px #dfdfdf solid;
}

    .topic_a_Content_wrapper .Contents {
        background: url(../images/PartA/PartA_BG.png) top repeat-x;
        background-color: #FFF;
        padding: 0;
        padding-bottom: 50px;
    }

    .topic_a_Content_wrapper .topic_d_content{
        min-height: 350px;
        padding-bottom: 0;
        border: none;
    }


/* 主題圖 */
.Signboard {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

    .Signboard img {
        width: 864px;
        height: auto;
    }


/* === 內容全部 === */
.A_ContentALL {
    width: 800px;
    margin: 0 auto;
    margin-top: -100px;
    position: relative;
    z-index: 10;
}


/* 大標 */
.A_Tittle {
    width: 100%;
    height: 255px;
    background-image: url(../images/PartA/PartA_Tittle_BG.png);
    background-repeat: repeat-x;
}

    .A_Tittle h1 {
        position: absolute;
        top: 50px;
        left: 15px;
        width: 220px;
        height: 130px;
        font-size: 32px;
        line-height: 55px;
        font-family: "新細明體";
        font-weight: 900;
        color: #FFF;
    }

    .A_Tittle h2 {
        position: absolute;
        top: 15px;
        left: 280px;
        height: 24px;
        overflow: hidden;
        font-size: 19px;
        font-family: "微軟正黑體";
        color: #E0B12B;
    }

    .A_Tittle em {
        position: absolute;
        top: 62px;
        left: 255px;
        width: 1px;
        height: 170px;
        background-color: rgba(255,255,255,.5);
    }

    .A_Tittle h3 {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 19px;
        color: #FFF;
    }

        .A_Tittle h3 span {
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #E0B12B;
        }

/*20170413 Roger 修正高度*/
.Contents .A_Tittle p {
    position: absolute;
    top: 55px;
    left: 280px;
    width: 500px;
    height: 175px;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}
/*20170413 Roger 修正高度 end*/


/* === 內容 === */
.A_Content {
    width: 100%;
    height: auto;
    min-height: 500px;
    background: url(../images/ScoreDetailsALLBG.png) top repeat-x;
}


/*組合行銷文案*/
.Pack_Writing {
    width: 100%;
    min-height: 300px;
    background-color: #FFF;
    position: relative;
    z-index: 9;
}

.Pack_Writing_number_layout{
    width: 52px;
    height: 70px;
    border: 1px solid #666666;
    background-color: #fff;
    font-family: "Arial","微軟正黑體";
    position: absolute;
    top: 20px;
    left: 20px;
}

.Pack_Writing_number_title{
    width: 52px;
    height: 27px;
    background-color: #666666;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 27px;
}

.Pack_Writing_number{
    width: 52px;
    height: 43px;
    background-color: #fff;
    color: #666666;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    line-height: 43px;
}

.Pack_Writing_status_layout{
    position: absolute;
    top: 105px;
    left: 20px;
}

.Pack_Writing_NowSave_layout{
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    /*font-style: italic;*/
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
}

.Pack_Writing_NowSave_title{
    width: 45px;
    height: 23px;
    /*background-color: #b33546;*/
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    float: left;
    font-weight: bold;
}

.Pack_Writing_NowSave_text{
    float: left;
    height: 23px;
    /*background-color: #b33546;*/
    color: #b33546;
    font-size: 16px;
    text-align: left;
    line-height: 25px;
    padding-right: 10px;
    font-weight: bold;
    font-style: italic;
}

    .Pack_Writing h1 {
        position: absolute;
        left: 95px;
        top: 20px;
        font-size: 28px;
        width: 450px;
        overflow: hidden;
        color: #717071;
        font-weight: bold;
        font-family: "新細明體";
        line-height: 1;
    }

    .Pack_Writing .Locate{
        position: absolute;
        left: 97px;
        top: 65px;
        height: 27px;
        /*width: 450px;*/
        /*overflow: hidden;*/
    }

    .Pack_Writing h2 {
        display: inline-block;
        float: left;
        color: #CBCBCB;
        line-height: 32px;
        font-size: 12px;
    }


ul.Pack_Wine_center h5 {
    display: inline-block;
    line-height: 20px;
}


.Pack_Writing h2 span {
    text-decoration: line-through;
}


.Pack_Writing strong {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 38px;
}

.Pack_Writing h3 {
    display: inline-block;
    float: left;
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #231815;
    line-height: 27px;
    font-size: 15px;
    font-weight: 900;
}

    /*.Pack_Writing h3 span {
        color: #A81F24;
        font-size: 22px;
    }*/

.Pack_Writing h4 {
    position: absolute;
    left: 580px;
    top: 10px;
    width: 70px;
    height: 39px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 15.5px;
    font-weight: bold;
    padding: 31px 0px 0px 0px;
    background-image: url(../images/PartA/DiscountICON.png);
}




.Contents .Pack_Writing p {
    position: absolute;
    left: 97px;
    top: 105px;
    font-size: 16px;
    line-height: 30px;
    width: 400px;
    max-height: 105px;
    overflow: hidden;
    color: #929091;
    padding-bottom: 0px;
}

.Pack_Writing_IMG {
    position: absolute;
    left: 520px;
    top: 90px;
    width: 290px;
    height: 190px;
    overflow: hidden;
}

    .Pack_Writing_IMG img {
        height: 190px;
        width: auto;
    }


/*===組合酒 ===*/
.Pack_Wine {
    width: 760px;
    margin: 0 auto;
    margin-bottom: 15px;
    background-color: #FFF;
    margin-top: -90px;
    position: relative;
    z-index: 10;
}

.Pack_WineALL {
    width: 760px;
    margin: 0 auto;
    position: relative;
    border: 1px solid #cccccc;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 8px 0;
    z-index: 5;
}


/*組合酒內容*/
.Contents ul.Pack_Wine_center {
    width: 100%;
}

.TitleTag {
    width: 45px;
    height: 140px;
    background-image: url(../images/PartA/PartA_GroupICON.png);
    position: absolute;
    top: 35%;
    -moz-top: calc(50% - 70px);
    -webkit-top: calc(50% - 70px);
    top: calc(50% - 70px);
    left: -15px;
}

.Contents ul.Pack_Wine_center li {
    width: 705px;
    display: inline-block;
    padding: 10px 0;
    position: relative;
    margin: 0px 15px 0px 40px;
    border-bottom: 1px dotted #717071;
    min-height: 100px;
}

.Pack_Wine_IMG, .Premiums .PremiumsIMG {
    float: left;   
}

    .Pack_Wine_IMG img, .Premiums .PremiumsIMG img {
        width: 120px;
        height: 124px;
        border: 1px solid #cccccc;
    }

.Pack_wine_center_info_layout{
    float: left;
    margin-left: 15px;
}

ul.Pack_Wine_center h1 {
    color: #E0B12B;
    max-width: 560px;
    font-size: 16px;
    overflow: hidden;
}

ul.Pack_Wine_center h2 {
    max-width: 560px;
    color: #000;
    font-size: 16px;
}


ul.Pack_Wine_center h3 {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 560px;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
}


ul.Pack_Wine_center a {
    text-decoration: none;
}




/* 贈品*/

.Premiums {
    width: 100%;
    padding-top: 25px;
    background-color: #717071;
    position: relative;
    margin-top: -10px;
    z-index: 3;
}

    .Premiums .Locate {
        clear: both;
        padding: 5px 0px;
        position: relative;
        width: 460px;
        margin-left: 52px;
    }

    .Premiums em {
        position: absolute;
        top: 25px;
        left: 0px;
        z-index: 10;
        width: 80px;
        height: 79px;
        background-image: url(../images/PartA/PremiumsICON.png);
    }

    .Premiums .PremiumsIMG {
        /*position:absolute;
	top:10px;*/
    }

        .Premiums .PremiumsIMG img {
        }

    .Premiums h1 {
        display: inline-block;
        color: #FFF;
        font-size: 14px;
        max-width: 300px;
        height: 25px;
        overflow: hidden;
        line-height: 25px;
    }

    .Premiums h2 {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        color: #E0B12B;
        max-width: 380px;
    }

    .Premiums h3 {
        font-size: 12px;
        line-height: 12px;
        color: #FFF;
        display: inline-block;
        margin-top: 2px;
        padding: 3px 7px;
        background-color: #E0B12B;
        float: right;
        *width: 80px;
        *padding: 3px 3px;
        *float: none;
        *position: absolute;
        *right: 10px;
        *top: 7px;
    }


    .Premiums h4 {
        clear: both;
        width: 100%;
        height: 15px;
        background-image: url(../images/PartA/PartA_List_Premiums_bottomBG2.png);
        background-color: #FFF;
    }


/*===單瓶===*/

/*單瓶標題*/

.Bottlee_title {
    line-height: 1;
    font-weight: bold;
    color: #666;
    font-size: 28px;
    padding: 10px 15px;
    margin: 15px 0;
    margin-top: 25px;
    background-color: #f2f2f2;
    border-left: 5px #666 solid;
    overflow: hidden;
}

    .Bottlee_title strong {
        float: right;
        *float: none;
        margin-right: 20px;
        display: inline-block;
        font-size: 14px;
        color: #717071;
    }



/*單瓶標題*/

ul.Bottlee_Wine {
    width: 800px;
    margin: 0 auto;
}

.Contents ul.Bottlee_Wine li {
    display: inline-block;
    float: left;
    position: relative;
    width: 360px;
    min-height: 260px;
    padding: 7px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-left: 16px;
    margin-top: 16px;
}

.Contents ul.Bottlee_Wine li:nth-child(even) {
    margin-right: 16px;
}

ul.Bottlee_Wine h1 {
    font-size: 16px;
    line-height: 26px;
    background-color: #f2f2f2;
    padding: 5px 10px;
    height: 75px;
    overflow: hidden;
}



/* 容量標籤 */

.WineCapacity {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 97px;
    height: 23px;
    line-height: 23px;
    background-image: url(../images/icon/CapacityICON.png);
    background-repeat: no-repeat;
    color: #FFF;
    text-align: right;
    display: inline-block;
}

/*20161216 Roger 新增容量文字樣式*/
.ShoppingDetails .WineCapacity span{
    display: inline-block;
    font-size: 15px;
    padding-right: 5px;
}
/*20161216 Roger 新增容量文字樣式 end*/

    .WineCapacity span{
        display: inline-block;
        font-size: 16px;
        padding-right: 5px;
    }

.WineCapacity_small {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 61px;
    height: 16px;
    line-height: 17px;
    padding-right: 3px;
    background-image: url(../images/icon/CapacityICON_small.png);
    background-repeat: no-repeat;
    color: #FFF;
    text-align: right;
    display: inline-block;
}

ul.Bottlee_Wine h2 {
    display: inline-block;
    font-size: 16px;
    color: #000;
}

ul.Bottlee_Wine h3 {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.4;
    max-height: 35px;
    overflow: hidden;
}


ul.Bottlee_Wine h5,
ul.Pack_Wine_center h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #717071;
    margin-top: 5px;
    font-size: 14px;
}

    ul.Bottlee_Wine h5 span {
        margin-right: 10px;
    }


    ul.Pack_Wine_center h4 span {
        margin-right: 15px;
    }

ul.Bottlee_Wine h4 {
    margin-left: 0px;
}




ul.Bottlee_Wine button.ShoppingCart {
    display: inline-block;
    text-align: left;
    padding-left: 3px;
    width: 72px;
    margin-left: 5px;
}




.Bottlee_IMG {
    display: inline-block;
    background-image: url(../images/pic/wine_bottle_sample.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 125px;
    height: 230px;
    margin-top: 10px;
	float:right;
}

/************* topic_a 主題館頁A版 end**************/


/*================  B_Group 主題館頁B  ================= */

.B_Group {
    display: block;
    float: right;
    width: 100%;
    overflow: auto;
}




.B_Group_Caption .BG_IMG,
.B_Group_Caption2 .BG_IMG,
.C_Group_Caption .BG_IMG {
    position: absolute;
    z-index: 1;
    width: 380px;
    height: 203px;
    overflow: hidden;
    right: 0px;
    top: 0px;
}

.B_Group_Caption .BG_IMG {
    right: -10px;
}

.B_Group_Caption2 .BG_IMG {
    height: 203px;
    width: auto;
}



.B_Group_Caption {
    display: block;
    clear: both;
    border: 1px solid #e8dcdc;
    border-top: 2px solid #aeb6ba;
    border-bottom: 1px solid #aeb6ba;
    padding: 15px 250px 15px 20px;
    position: relative;
    background-image: url(../images/pic/caption_bg.png);
    background-color: #fff;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden;
}
    
    .B_Group_Caption h2{
        display: block;
        height: 52px;
        font-family: "微軟正黑體", Verdana;
        font-size: 28px;
        line-height: 32px;
        color: #333;
        border-left: 5px #aeb6ba solid;
        margin-bottom: 5px;
        padding-left: 5px;
        letter-spacing: 1px;
    }

    
    /*.B_Group_Caption2 h2 {
        display: block;
        font-family: "微軟正黑體", Verdana;
        font-size: 16px;
        line-height: 20px;
        color: #333;
        border-left: 3px #aeb6ba solid;
        margin-bottom: 5px;
        padding-left: 5px;
        letter-spacing: 1px;
    }*/


    .B_Group_Caption p{
        font-family: "微軟正黑體", Verdana;
        font-size: 16px;
        color: #666666;
        line-height: 28px;
    }

    
    /*.B_Group_Caption2 p {
        font-family: "微軟正黑體", Verdana;
        font-size: 12px;
        color: #666666;
        padding-left: 10px;
        margin-bottom: 5px;
        padding-left: 1px;
    }*/

    .B_Group_Caption h3{
        display: block;
        width: 530px;
        color: #869399;
        font-family: "微軟正黑體", Verdana;
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
        margin-left:10px; 
    }


    /*.B_Group_Caption2 h3 {
        display: block;
        color: #869399;
        font-family: "微軟正黑體", Verdana;
        font-size: 14px;
        line-height: 21px;
        padding: 0 0 10px 10px;
        letter-spacing: 1px;
    }*/

    .B_Group_Caption h4{
        display: block;
        width: 530px;
        color: #666;
        font-family: "微軟正黑體", Verdana;
        font-size: 14px;
        margin-top: 5px;
        line-height: 22px;
        margin-left:10px; 
    }

    /*.B_Group_Caption2 h4 {
        display: block;
        color: #666;
        font-family: "微軟正黑體", Verdana;
        font-size: 12px;
        line-height: 19px;
        padding: 0 0 0 10px;
    }*/

.B_Group_Caption {
    min-height: 173px;
}


/*.B_Group_Caption .BG_IMG{
	background-color:#F00;}*/


/*  */


.B_Group_Caption2 {
    position: relative;
    min-height: 200px;
    display: block;
    clear: both;
    border: 1px solid #e8dcdc;
    border-top: 2px solid #aeb6ba;
    border-bottom: 1px solid #aeb6ba;
    background-color: #fff;
    overflow: hidden;
}

.B_Group_Caption2_Info h2,
.B_Group_Caption2_Info h3,
.B_Group_Caption2_Info h4 {
    width: 360px;
}



.B_Group_Caption2_Info {
    position: absolute;
    background-image: url(../images/signs_TxtALLBG.png);
    z-index: 100;
    min-height: 173px;
    background-position: right;
    padding-left: 20px;
    padding-right: 270px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.C_Group {
}


/*20160920 Roger 新增底色(#fff)*/
.C_Header {
    overflow: auto;
    border: 1px solid #e8dcdc;
    background-color: #fff;
    border-top: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.C_Group_Caption {
    width: 571px;
    display: block;
    float: left;
    clear: both;
    margin-left: 15px;
    position: relative;
}

.C_Group h2 {
    display: block;
    font-family: "微軟正黑體", Verdana;
    font-size: 28px;
    color: #333;
    margin-bottom: 5px;
    letter-spacing: 1px;
    position: relative;
}

    .C_Group h2 span {
        display: inline-block;
        float: right;
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 2px;
        text-align: right;
    }

.C_Group h3 {
    display: block;
    color: #869399;
    font-family: "微軟正黑體", Verdana;
    font-size: 16px;
}

.C_Group_Caption h4 {
    display: block;
    background-color: #E6E6E6;
    color: #666;
    font-family: "微軟正黑體", Verdana;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding: 5px 10px;
}

.C_Group_Caption .TEXT {
    padding: 10px 0;
}

    .C_Group_Caption .TEXT p{
        padding-bottom: 15px;
        text-indent: 24px;
        color: #666;
        line-height: 30px;
        font-family: 'Times New Roman', Arial, serif;
        font-size: 16px;
    }


.OneWineBox_C {
    float: right;
    width: 236px;
    padding: 5px;
    border: #dfdfdf 1px solid;
    border-top: #666 4px solid;
    margin-right: 15px;
    margin-bottom: 10px;
}

    .OneWineBox_C h1{
        font-size: 18px;
        font-weight: normal;
        width: 236px;
        height: 22px;
        overflow: hidden;
        margin-top: 5px;
    }

    .OneWineBox_C h1 a {
        color: #333;
        font-family: 12px;
        font-family: "微軟正黑體", Verdana;
        line-height: 20px;
    }

    /*20161115 Roger 新增over屬性*/
    .OneWineBox_C h2 {
        font-size: 14px;
        margin-top: 3px;
        width: 236px;
        height: 18px;
        overflow: hidden;
    }
    /*20161115 Roger 新增over屬性 end*/

        .OneWineBox_C h2 a {
            color: #aeb6ba;
            font-family: Verdana, Geneva, sans-serif;
        }


    .OneWineBox_C h3 {        
        display: inline-block;
        text-align: left;
        font-size: 12px;
        padding: 0px;
    }

    .OneWineBox_C h4 {
        float: right;
        width: 85px;
        height: 25px;
    }



    .OneWineBox_C strong.Award1,
    .OneWineBox_C strong.Award2 {
        float: left;
        height: 24px;
    }

        .OneWineBox_C strong.Award1 img {
            float: left;
            max-height: 24px;
        }

    .OneWineBox_C .SingleBottle_IMG {
        width: 185px;
        height: 190px;
        padding: 5px;
        margin: 10px auto;
    }

        .OneWineBox_C .SingleBottle_IMG img {
            width: 185px;
            height: auto;
        }

    .OneWineBox_C .Award3 {
        display: inline-block;
    }

    .OneWineBox_C .MoreInfo {
        font-family: Arial, Helvetica, sans-serif;
        display: inline-block;
        color: #666;
        padding-right: 3px;
        line-height: 20px;
    }

    .OneWineBox_C button.ShoppingCart {
        width: 80px;
        background-position: left bottom;
        text-align: left;
        padding-left: 5px;
    }

    .OneWineBox_C .Award1 {
        width: 85px;
    }

/*20160920 Roger新增背景色(#fff)*/
.battleField {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: url(../images/B_groupBG.png); 
    background-position: top center;
    background-repeat: repeat-y;
}

    .battleField .CIRCLE {
        overflow: hidden;
    }

        .battleField .CIRCLE .START {
            display: block;
            width: 100px;
            height: 90px;
            background: url(../images/icon/Start_bg.png) left top no-repeat;
            position: absolute;
            text-align: center;
            z-index: 30;
            left: 265px;
            top: 250px;
            box-shadow: 0 0 5px rgba(0,0,0, .6);
            font-family: Tahoma, Geneva, sans-serif;
            font-weight: bold;
            line-height: 30px;
            text-shadow: 0 1px 1px rgba(255,255,255, .7);
            color: #fff;
            padding-top: 10px;
            font-family: "微軟正黑體", Verdana;
            cursor: pointer;
            behavior: url(css/PIE/PIE.htc);
        }

            .battleField .CIRCLE .START span {
                display: block;
                font-size: 32px;
                line-height: 32px;
                font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
                color: #fff;
            }

            .battleField .CIRCLE .START:hover, .battleField .CIRCLE .START:focus {
                background-color: rgba(0,0,0,0.8);
                text-shadow: 0 0 3px rgba(255,255,255,0.8), 0 2px 3px rgba(255,255,255,0.5);
                behavior: url(css/PIE/PIE.htc);
            }

                .battleField .CIRCLE .START:hover span, .battleField .CIRCLE .START:focus span {
                    text-shadow: 0 0 3px rgba(255,255,255,0.8), 0 2px 3px rgba(255,255,255,0.5);
                    behavior: url(css/PIE/PIE.htc);
                }

        .battleField .CIRCLE > div {
            display: block;
            height: 120px;
            width: 120px;
            padding: 15px;
            box-shadow: 0 0 5px rgba(0,0,0, .6);
            overflow: hidden;
            color: #fff;
            font-size: 21px;
            font-family: "微軟正黑體", Verdana;
            text-align: center;
            behavior: url(css/PIE/PIE.htc);
        }

        .battleField .CIRCLE > .LEFT {
            position: absolute;
            display: block;
            background: url(../images/icon/battle_Left_bg.png) left top no-repeat;
            z-index: 20;
            left: 160px;
            top: 130px;
            text-shadow: 0 1px 1px rgba(0,0,0, .6);
            color: #333;
            behavior: url(css/PIE/PIE.htc);
        }

        .battleField .CIRCLE > .RIGHT {
            display: block;
            position: absolute;
            z-index: 10;
            background: url(../images/icon/battle_Right_bg.png) left top no-repeat;
            left: 320px;
            top: 130px;
            text-shadow: 0 1px 1px rgba(0,0,0, .6);
            color: #333;
            behavior: url(css/PIE/PIE.htc);
        }

            .battleField .CIRCLE > .RIGHT h2 {
                padding-left: 20px;
                padding-top: 5px;
                width: 80px;
                font-size: 24px;
                text-shadow: 0 1px 2px rgba(0,0,0,.5);
                behavior: url(css/PIE/PIE.htc);
            }

        .battleField .CIRCLE > .LEFT h2 {
            padding-left: 18px;
            padding-top: 5px;
            width: 80px;
            font-size: 24px;
            text-shadow: 0 1px 2px rgba(0,0,0,.5);
            behavior: url(css/PIE/PIE.htc);
        }

        .battleField .CIRCLE > div span {
            display: block;
            padding-top: 10px;
            font-size: 13px;
            color: #fff;
        }

        .battleField .CIRCLE > p {
            position: absolute;
            z-index: 5;
            top: 0;
            left: 0;
            height: 1031px;
            width: 100%;
            cursor: pointer; /*background:url(../images/START_bg.png) center -55px no-repeat;*/
            background-color: rgba(255,255,255,.8);
            background-color: #fff \ 9;
            filter: alpha(opacity=80);
            behavior: url(css/PIE/PIE.htc);
            border-top: 2px solid #aeb6ba;
            border-bottom: 2px solid #aeb6ba;
        }

.groupBox {
    width: 403px;
    float: left;
    padding: 15px 10px;
    z-index: 1;
    border: 1px solid #e8dcdc;
    border-top: none;
}

    .groupBox p {
        font-family: "微軟正黑體", Verdana;
        line-height: 18px;
        font-size: 12px;
        text-align: justify;
        color: #666;
        padding: 5px 0;
    }

.GroupL .TITLE01 {
    color: #785472;
    font-family: "微軟正黑體", Verdana;
    font-size: 24px;
    overflow: hidden;
    text-align: center;
}

.GroupR .TITLE01 {
    color: #a6a16e;
    font-family: "微軟正黑體", Verdana;
    font-size: 24px;
    overflow: hidden;
    text-align: center;
}

.groupBox .IMG {
    height: 220px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .groupBox .IMG img {
        width: 391px;
        height: 210px;
        margin: 5px;
    }

.GroupR .IMG {
    border: #e2e2bc 1px solid;
}

.GroupL .IMG {
    border: #e8dcdc 1px solid;
}

.groupBox .INTRO {
    position: relative;
    margin-top: 10px;
}
/*.GroupR .INTRO{ border:#e2e2bc 2px solid;}
.GroupL .INTRO{ border:#e8dcdc 2px solid;}*/

.GroupL .INTRO .TITLE02 {
    background-color: #785472;
    color: #fff;
    font-weight: bold;
    font-family: "微軟正黑體", Verdana;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    behavior: url(css/PIE/PIE.htc);
    height: 36px;
    overflow: hidden;
}

.groupBox .INTRO p {
    font-size: 16px;
    line-height: 30px;
    min-height: 100px;
    margin: 15px 3px;
}



.GroupR .INTRO .TITLE02 {
    background-color: #A1A14F;
    color: #fff;
    font-weight: bold;
    font-family: "微軟正黑體", Verdana;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    behavior: url(css/PIE/PIE.htc);
    height: 36px;
    overflow: hidden;
}

.GroupL {
    float: left;
    clear: both;
    padding-left: 12px;
    border-right: none; /*border-top:#968580 1px solid; border-bottom:#968580 3px solid;*/
}

.GroupR {
    float: right;
    padding-right: 12px;
    border-left: none; /*border-top:#a3a34f 1px solid; border-bottom:#a3a34f 3px solid;*/
}

.OneWineBox {
    display: block;
    height: 190px;
    margin: 10px 5px 10px 0;
    border: 1px solid #E6E6E6;
    position: relative;
}

    .OneWineBox .SingleBottle_IMG {
        margin-right: 15px;
        float: left;
    }

        .OneWineBox .SingleBottle_IMG img{
            width: 185px;
            height: 190px;
        }

    .OneWineBox .TAB {
        display: block;
        position: absolute;
        width: 36px;
        height: 34px;
        background: url(../images/tagBG.png) left top no-repeat;
        color: #fff;
        line-height: 24px;
        text-align: left;
        left: -3px;
        top: -3px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
    }

    .OneWineBox .TAB2 {
        display: block;
        position: absolute;
        width: 36px;
        height: 34px;
        background: url(../images/tagBG2.png) left top no-repeat;
        font-family: Verdana, Geneva, sans-serif;
        color: #fff;
        line-height: 24px;
        text-align: left;
        left: -5px;
        top: -3px;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
    }

    .OneWineBox h1 {
        display: block;
        width: 195px;
        height: 20px;
        font-size: 16px;
        overflow: hidden;
        float: right;
        font-family: "微軟正黑體", Verdana;
        margin-top: 10px;
    }

        .OneWineBox h1 a {
            color: #595757;
        }

            .OneWineBox h1 a:hover {
                text-decoration: underline;
            }

    .OneWineBox h2 {
        display: block;
        width: 195px;
        height: 20px;
        font-size: 15px;
        overflow: hidden;
        float: right;
        margin-top: 2px;
    }




        .OneWineBox h2 a {
            color: #999;
        }

            .OneWineBox h2 a:hover {
                text-decoration: underline;
            }

    .OneWineBox strong {
        float: left;
        /*width:auto;*/
        margin: 0 5px;
        height: 24px;
    }





        .OneWineBox strong img {
            float: left;
        }

    .OneWineBox h3 {
        float: left;
        width: auto;
        padding: 0 3px 0 6px;
        line-height: 16px;
        color: #666;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        border-left: #dfdfdf 1px solid;
        margin-left: 3px;
    }

    .OneWineBox h4 {
        display: block;
        width: 170px;
        margin-right: 10px;
        height: 20px;
        position: absolute;
        bottom: 15px;
        right: 0px;
    }

        .OneWineBox h4 b {
            float: left;
            padding-left: 8px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .OneWineBox h4 button {
            float: right;
            margin-top: 1px;
        }

    .OneWineBox .MoreArticles {
        border: 1px solid #e8dcdc;
        display: block;
        border-top: 2px solid #aeb6ba;
        background: #fff;
        padding: 15px 0 15px 11px;
        margin-left: 10px;
        margin-top: 2px;
        width: 600px;
    }

.OneWineBox_wineInfo_row{
    float: right;
    width: 195px;
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
}

.OneWineBoxC_wineInfo_row{
    width: 100%;
    height: 30px;
    margin: 5px 10px;
    overflow: hidden;
}

.OneWineBox_wineInfo_Award{
    display: inline-block;
    width: 85px;
    height: 30px;
    overflow: hidden;
    float: left;
}

    .OneWineBox_wineInfo_Award strong.Award3{
        height: 30px;
    }

.OneWineBox_wineInfo_Capaicty{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-family: Verdana, "Geneva", sans-serif;
    display: inline-block;
    margin-left: 2px;
    margin-right: 10px;
    float: left;
}

.OneWineBox_wineInfo_Year{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-family: Verdana, "Geneva", sans-serif;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.OneWineBox_wineStatus_row{
    float: right;
    display: inline-block;
    width: 195px;
    margin: 5px 0;
}

    .OneWineBox_wineStatus_row img{
        float: left;
        margin-right: 10px;
    }

.OneWineBoxC_wineStatus_row{
    display: inline-block;
    width: 100%;
    margin: 5px 10px;
}

    .OneWineBoxC_wineStatus_row img{
        float: left;
        margin-right: 10px;
    }

.OneWineBox_winePrice_row{
    float: right;
    display: inline-block;
    width: 195px;
    margin: 5px 0;
}

    .OneWineBox_winePrice_row span{
        display: inline-block;
        float: left;
    }

.OneWineBoxC_winePrice_row{
    display: inline-block;
    width: 100%;
    margin: 5px 10px;
}

    .OneWineBoxC_winePrice_row span{
        display: inline-block;
        float: left;
    }

.OneWineBox_winePrice_dollarsign{
    font-weight: bold;
    margin-top: 6px;
    margin-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.OneWineBox_winePrice_icon{
    margin-left: 5px;
    margin-top: 4px;
}

/*20161205 Roger 更換圖檔路徑*/
.OneWineBox_winePrice_icon_addcart{
    margin-top: -4px;
    margin-left: 3px;
    width: 77px;
    height: 22px;
    background-image: url(../images/icon/ShoppingCart_77x22.png);
    background-size: cover;
}

.OneWineBox_winePrice_icon_addcart:hover{
    background-image: url(../images/icon/ShoppingCart_77x22_hover.png);
}
/*20161205 Roger 更換圖檔路徑 end*/

/*20161205 Roger 更換圖檔路徑*/
.OneWineBox_winePrice_icon_soldout{
    margin-top: -4px;
    margin-left: 3px;
    width: 77px;
    height: 22px;
    background-image: url(../images/icon/soldoutBTN_77x22.png);
    background-size: cover;
}

.OneWineBox_winePrice_icon_soldout:hover{
    background-image: url(../images/icon/soldoutBTN_77x22_hover.png);
}
/*20161205 Roger 更換圖檔路徑 end*/

/*20161205 Roger 更換圖檔路徑*/
.OneWineBox_winePrice_icon_preorder{
    margin-top: -4px;
    margin-left: 3px;
    width: 77px;
    height: 22px;
    background-image: url(../images/icon/PreOrder_ICON_77x22.png);
    background-size: cover;
}

.OneWineBox_winePrice_icon_preorder:hover{
    background-image: url(../images/icon/PreOrder_ICON_77x22_hover.png);
}
/*20161205 Roger 更換圖檔路徑 end*/


/*20161205 Roger 更換圖檔路徑*/
.OneWineBox_winePrice_icon_express{
    margin-top: -4px;
    margin-left: 3px;
    width: 77px;
    height: 22px;
    background-image: url(../images/icon/Fast_addcartBTN_77x22.png);
    background-size: cover;
}

.OneWineBox_winePrice_icon_express:hover{
    background-image: url(../images/icon/Fast_addcartBTN_77x22_hover.png);
}
/*20161205 Roger 更換圖檔路徑 end*/


.OneWineBox_winePrice_soldoutText{
    float: left;
    margin-top: 2px;
}

    .OneWineBox_winePrice_soldoutText a{
        float: left;
        color: #999;
    }

.MoreArticles li {
    padding-left: 15px;
    padding-left: 20px;
    border-bottom: #dfdfdf dotted 1px;
    margin: 0 10px 10px 0;
    display: block;
}

    .MoreArticles li a {
        display: block;
        line-height: 18px;
        color: #727272;
        padding-bottom: 5px;
        padding-top: 5px;
    }

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


.OneWineBox strong.Award1 {
    height: 30px;
    min-width: 77px;
    max-width: 77px;
    width: auto;
}

.OneWineBox strong.Award2 {
    height: 30px;
    min-width: 77px;
    max-width: 77px;
    width: auto;
}




/*修正主題館B上的共用A部分*/

.Correct_TopicB {
    border-top: none;
}


    .Correct_TopicB .Contents {
        background-image: none;
        padding-top: 15px;
    }


    .Correct_TopicB .A_ContentALL {
        margin-top: 0px;
    }


/*修正主題館C上的共用A部分*/

.Correct_TopicC {
    border-top: none;
}


    .Correct_TopicC .Contents {
        background-image: none;
        padding-top: 15px;
    }


    .Correct_TopicC .A_ContentALL {
        margin-top: 0px;
    }




/* =======  index_login 會員登入頁   &  index_groupBuy  大宗採購  =========   */


.Login {
    width: 450px;
}



    .Login h1.LoginTitle .RED12 {
        font-weight: 100;
    }



.Contents .Login a {
    margin-left: 10px;
    text-decoration: none;
    text-decoration: underline;
    color: #666;
}

    .Contents .Login a:hover {
        text-decoration: none;
        color: #333;
    }

.Login h1.LoginTitle {
    display: block;
    width: 100px;
    line-height: 20px;
    text-align: right;
    float: left;
}


.Login ul#GroupBuy li input {
    height: 16px;
}

.Login ul#GroupBuy li input {
    width: 200px;
}

.Login ul#GroupBuy li.RadioGroupTwo {
    height: 20px;
    margin: 0px 0px 10px 100px;
}

    .Login ul#GroupBuy li.RadioGroupTwo input {
        width: 20px;
    }

.Login ul#GroupBuy li textarea {
    width: 350px;
    max-width: 350px;
    height: 150px;
    max-height: 150px;
}





.Login .Code {
    display: block;
    float: right;
    border: solid 1px #666;
    margin-right: 90px;
    width: 80px;
    height: 20px;
}




.Login .OtherLogin {
    display: block;
    float: left;
    border: solid 1px #DFDFDF;
    cursor: pointer;
    margin-right: 18px;
    padding: 5px 10px;
}

    .Login .OtherLogin:hover {
        border: solid 1px #666;
    }


    .Login .OtherLogin img {
        float: left;
    }

    .Login .OtherLogin em {
        float: left;
        margin-left: 10px;
        line-height: 35px;
    }


.Login h2 {
    clear: both;
    line-height: 30px;
}

.Login h3 {
    display: block;
    float: left;
    margin: 5px 3px 0px 100px;
}

.Login .h3_groupBuy {
    display: block;
    float: left;
    margin: 2px 0px 0px 0px;
}

.Login .h5_groupBuy {
    float: left;
    line-height: 24px;
    margin-right: 15px;
}






.Login h4 {
    display: block;
    line-height: 25px;
    color: #FFF;
    letter-spacing: 5px;
    padding-left: 5px;
    font-size: 14px;
    width: 80px;
    text-align: center;
    background-color: #8B8B8B;
    cursor: pointer;
    margin-left: 100px;
}

    .Login h4:hover {
        background-color: #666;
    }

.OtherLoginBG {
    display: block;
    margin: 35px 0px 0px 50px;
}


.Login .LoginText {
    display: block;
    width: 500px;
    max-width: 500px;
    height: 60px;
    max-height: 60px;
    overflow: hidden;
    margin: 0px 0px 20px 50px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #666666;
}


.Contents ul.ul_groupBuy li,
body.index_login .Contents ul li {
    padding-bottom: 15px;
}


/*=================== NAME_LIST  / 搜尋結果 /====================*/


#NAME_LIST {
    display: block;
    *width: 550px;
    clear: both;
    float: left;
    overflow: auto;
    color: #666;
    margin: 0px 0px 10px 0px;
    /*border-bottom:2px solid #785472;*/
    font-family: Arial, Helvetica, sans-serif;
}






/* 單數欄 */
#Single, #SingleTarget {
    clear: both;
    float: left;
    *float: none;
    background-color: #FFF;
    height: 100%;
    padding: 5px 0px;
    cursor: pointer;
}



/* 雙數欄 */
#Double {
    clear: both;
    cursor: pointer;
    float: left;
    background-color: #FAFAFA;
    padding: 5px 0px;
    border: 1px solid #ECECEC;
}



#Single:hover {
    background-color: #EBF3FE;
}

#Double:hover {
    background-color: #EBF3FE;
}

#SingleTarget {
    background-color: #EBF3FE;
}





#NAME_LIST h1,
#NAME_LIST h2,
#NAME_LIST h4,
#NAME_LIST h5,
#NAME_LIST h6 {
    width: 90px;
    *width: 89px;
    text-align: left;
    float: left;
    font-weight: 100; /* 最大寬度再修正 */
    display: block;
    height: auto;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    /*==========控制自動換行的金手指==============*/
    word-break: break-word; /* 自動換行設定 */
    word-wrap: break-word; /* IE */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actuListy) */
}


#NAME_LIST h6 {
    *width: 90px;
}


/* 標題 */
#TITLE h1,
#TITLE h2,
#TITLE h4,
#TITLE h5,
#TITLE h6 {
    display: block;
    line-height: 20px;
    font-weight: bold;
    border-right: 1px solid #FFF;
}

#NAME_LIST #TITLE {
    color: #333;
    clear: both;
    float: left;
    /*background-color:#785472;*/
    background-color: #FCFCC2;
    border-bottom: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
}



#TITLE h6 {
    width: 85px;
}


#TITLE h6 {
    *width: 89px;
}




#NAME_LIST h1 em {
    width: 50px;
    overflow: hidden;
}

#NAME_LIST h1 img {
    width: 50px;
    height: auto;
}




/*=================== NAME_LIST  / 搜尋結果 END /====================*/



/* 專家評價 */


.Fraction {
    /*display:block; 會員未上線、先隱藏 */
    display: none;
    float: left;
    width: 150px;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
    margin-left: 13px;
}

    .Fraction em {
        font-size: 14px;
        color: #785472;
        font-weight: bold;
        font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    }



.HowManyALL {
    display: block;
    width: 105px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    margin-bottom: -20px;
}

.HowManyPeople {
    display: block;
    float: left;
}

.HowMany {
    display: block;
    float: left;
    width: 43px;
    line-height: 25px;
    color: #999;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    background-image: url(../images/icon/NumberOfPeople.png);
}

/*大分欄*/

.ExpertsRate {
    display: block;
    float: left;
    background-color: #F2F2F2;
    padding: 5px 10px;
    text-align: center;
    margin-top: 5px;
    *margin-top: 0px;
    color: #717071;
    border: 1px solid #CACACA;
    border-right: none;
}

.FractionNO {
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #785472;
}






em.AwardName {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    width: 190px;
    clear: both;
    float: left;
    *height: 22px;
    line-height: 22px;
}

.MoreEvaluate .AwardImg {
    display: block;
    width: 150px;
    height: 30px;
    float: left;
}

    .MoreEvaluate .AwardImg img {
        height: 25px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

em.AwardFraction {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    width: 120px;
    line-height: 30px;
    *height: 30px;
    float: left;
}

.ThisYear {
}

    .ThisYear ul {
        display: block;
        background-image: url(../images/BG2.png);
        background-repeat: repeat-x;
        background-position: bottom left;
        padding-bottom: 5px;
        border-bottom: 1px solid #CCC;
    }

        .ThisYear ul li {
            border: none;
            cursor: auto;
            clear: both;
            *clear: none;
            float: left;
            *float: none;
        }


            .ThisYear ul li em.AwardName {
                font-weight: bold;
                color: #785472;
                letter-spacing: 1px;
            }


.MoreEvaluate .ThisYear ul li:hover {
    background-color: transparent;
}

.OverTheYear {
    line-height: 35px;
    *height: 35px;
    display: block;
    padding-left: 10px;
    background-image: url(../images/ResultBG.png);
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: 1px solid #CCC;
}



/* ======= 專家評分  ====== */


.ExpertsALL {
    display: block;
    width: 550px;
    border: 1px solid #CACACA;
    padding-top: 2px;
}


.ScoreDetailsALL {
    display: block;
    /*width:350px; 會員評分功能先隱藏   */
    width: 96%; /* 寬度先拉寬  */
    float: right;
    margin-left: 15px;
    *margin-left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(../images/ScoreDetailsALLBG.png);
    background-repeat: repeat-x;
}


.OPENBotton {
    display: block;
    clear: both;
    float: right;
    *float: none;
    *margin-left: 450px;
    margin-right: 50px;
    width: 73px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}



/* 當年度 */

.ThisYearAward ul {
    display: block;
    clear: both;
    width: 93%;
    margin-left: 15px;
}

    .ThisYearAward ul li {
        display: block;
        line-height: 30px;
        height: 30px;
        padding: 2px 0px;
        border-bottom: 1px dotted #CCC;
    }

.Award_Name {
    display: block;
    float: left;
    width: 200px;
    max-width: 200px;
    margin-right: 10px;
}

.Award_Fraction {
    display: block;
    float: right;
    width: 60px;
    max-width: 60px;
}

.Award_Img {
    display: block;
    float: left;
    width: 150px;
    height: 30px;
    padding-left: 25px;
}

    .Award_Img img {
        margin-top: 4px;
        width: auto;
        max-height: 24px;
    }



/*  細節欄*/

.ScoreDetails {
    display: block;
    line-height: 24px;
    padding: 0px 10px 2px 10px;
    padding: 0px 10px 0px 10px\0;
    margin-top: 5px;
    color: #717071;
    border: 1px solid #CACACA;
    border-left: 1px solid #FFF;
    background-color: #FFF;
    height: 74px;
    *height: 72px;
    height: 75px\0;
    overflow: hidden;
    /*background-color:#F2F2F2*/
}

:root .ScoreDetails {
    height: 77px\0;
}

.ScoreDetails strong {
    font-size: 16px;
    font-weight: bold;
    color: #785472;
    font-family: "Arial Black", Gadget, sans-serif;
}

.ScoreDetails .Describe {
    letter-spacing: 1px;
    color: #A1A14F;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
}














/* 品飲筆記 */


.View {
    display: block;
    width: 100%;
    padding: 10px 0px;
    background-color: #F8F8F8;
    color: #595757;
    margin-top: 15px;
}

    .View h4 {
        display: block;
        width: 150px;
        float: left;
        text-align: center;
        padding-left: 15px;
        line-height: 20px;
    }


        .View h4 a {
            cursor: text;
        }


            .View h4 a.Whose {
                color: #595757;
                font-size: 13px;
            }

            .View h4 a.Where {
                color: #CCC;
                font-size: 11px;
            }

            .View h4 a.WithWho {
                display: block;
                padding-top: 10px;
                color: #595757;
            }




    .View h5 {
        display: block;
        width: 380px;
        float: left;
        margin-left: 15px;
        padding-left: 15px;
        min-height: 60px;
        border-left: 1px dotted #ccc;
        line-height: 24px;
    }




        .View h5 em {
            float: right;
            cursor: text;
            margin-left: 10px;
        }


.WhatTime {
    float: right;
    color: #A1A14F;
    font-style: italic;
    margin-bottom: 10px;
}



.JiuziFraction {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #666;
    display: inline-block;
    padding-left: 5px;
    padding-top: -10px;
}




.WhatInfo {
    clear: both;
    width: 380px;
    margin-top: 3px;
}



/* 歷年得獎記錄 */

.Part .year {
    clear: both;
    font-weight: bolder;
    color: #80805F;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
}



/* 按鈕 */



a.OrderNotice {
    display: block;
    line-height: 20px;
    color: #999;
}


    a.OrderNotice:hover {
        color: #333;
        text-decoration: underline;
    }


.OneWineBox a.OrderNotice {
    margin-top: 10px;
}


li.RankInfo {
    /*height: 114px;*/
	height: auto;
}

    li.RankInfo a.OrderNotice {
        clear: both;
        display: inline-block;
        margin-left: 175px;
    }


    .TopBox h3 {
        height: 20px;
        margin-top: 0px;
    }



button.ShoppingCart2,
button.DesireIcon,
button.Pre-order,
button.Advanced_Sent_Icon {
    display: block;
    width: 110px;
    height: 20px;
}


button.Advanced_Sent_Icon {
    width: 121px;
    height: 28px;
}


button.ShoppingCart2, button.Pre-order {
    height: 28px;
}




button.ShoppingCart2 {
    background-image: url(../images/icon/ShoppingCart2.png);
}

button.DesireIcon {
    background-image: url(../images/icon/DesireIcon.jpg);
}

button.Pre-order {
	background-image: url(../images/icon/PreOrder_ICON_WineDetail.png);
}

button.Advanced_Sent_Icon {
    background-image: url(../images/icon/AdvancedSent.jpg);
}

.MailToMe {
    clear: both;
    display: block;
    float: left;
    margin-left: 5px;
    width: 23px;
    height: 15px;
    margin-top: 10px;
    background-image: url(../images/icon/MailToMe16.gif);
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: pointer;
}

    .MailToMe:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }


.SavePdfToMe {
    display: inline-block;
    width: 30px;
    height: 31px;
    margin: 10px 0px 0px 5px;
    background-image: url(../images/icon/PDF.png);
    filter: alpha(opacity=30);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: pointer;
}


    .SavePdfToMe:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }



.FB {
    clear: both;
    float: right;
    *float: none;
    width: 120px;
    height: 20px;
    margin: 10px 5px 0px 0px;
    background-image: url(../images/AAAAAA.jpg);
    background-repeat: no-repeat;
}


.Marketing {
    clear: both;
    float: right;
    padding: 25px 0px 0px 10px;
    margin-right: 20px;
    color: #785472;
    font-weight: bold;
    *clear: none;
}

    .Marketing a {
        display: block;
        line-height: 20px;
        width: 345px;
        padding: 5px;
        background-color: #F0EFEE;
        color: #808080;
        margin-top: 5px;
        border-top: 1px dotted #785472;
        font-weight: 100;
    }


        .Marketing a:hover {
            text-decoration: underline;
        }


.MoneyALL {
    display: block;
    width: 95%;
    float: left;
    margin: 25px 10px 0px 10px;
}

    .MoneyALL h1 {
        line-height: 24px;
        color: #000;
        border-bottom: 2px solid #785472;
        margin: 0px;
        font-size: 13px;
        letter-spacing: 1px;
    }

        .MoneyALL h1 em {
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: line-through;
            font-weight: bold;
        }





    .MoneyALL .Price {
        display: block;
        border-bottom: 2px solid #785472;
    }

        .MoneyALL .Price em {
            display: block;
            float: left;
            line-height: 30px;
            color: #000;
            background-color: #F0EFEE;
            padding: 0px 10px;
            font-size: 14px;
            font-weight: bold;
        }

        .MoneyALL .Price ul {
            display: block;
            float: left;
            margin-top: 10px;
        }

            .MoneyALL .Price ul li {
                line-height: 30px;
                font-weight: bolder;
                text-align: center;
                font-family: Verdana, Geneva, sans-serif;
                letter-spacing: 1px;
            }

                .MoneyALL .Price ul li strong {
                    font-weight: bolder;
                }


            .MoneyALL .Price ul.FullYear {
                margin-top: 0px;
            }

                .MoneyALL .Price ul.FullYear li {
                    float: left;
                    padding: 0px 5px;
                    color: #999;
                    border-right: 1px solid #F0EFEE;
                    margin-right: 5px;
                    padding-bottom: 13px;
                    margin-bottom: 0px;
                    cursor: pointer;
                }

                    .MoneyALL .Price ul.FullYear li:hover {
                        background-image: url(../images/FullYearBG.png);
                        background-repeat: no-repeat;
                        color: #000;
                        background-position: center bottom;
                    }




            .MoneyALL .Price ul.FullCapacity {
                margin-top: 0px;
                width: 520px;
            }

                .MoneyALL .Price ul.FullCapacity li {
                    float: left;
                    border-right: 1px solid #F0EFEE;
                    margin-bottom: 0px;
                    margin: 5px 10px 10px 10px;
                    padding-right: 10px;
                    cursor: pointer;
                    /*width:58px;
	max-width:58px;*/
                    font-weight: 100;
                    font-size: 10px;
                    letter-spacing: 0px;
                }


/* TAG 風味 */

.TAG {
    display: block;
    width: 258px;
    padding: 5px;
    float: left;
    margin-right: 1px;
}




    .TAG h1 {
        clear: both;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        margin: 3px;
        background-color: #B9B9B9;
        color: #FFF;
    }


    .TAG h2 {
        clear: both;
        text-align: right;
        margin: 3px;
        line-height: 24px;
        color: #999;
        cursor: pointer;
        font-weight: 900;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: underline;
    }


.TAG_Separated {
    float: left;
    display: block;
    width: 1px;
    height: 200px;
    border-right: 1px dotted #785472;
}

/*.TAG:hover{
	border:1px solid #E0E0E0;}*/


.TAG h2:hover {
    text-decoration: none;
    font-weight: bold;
}




.One_TAG {
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    float: left;
    /*margin:0px 8px 8px 0px;*/
    margin: 4px;
    font-weight: bolder;
}

.TAG_IMG {
    float: left;
    display: block;
    width: 121px;
    height: 65px;
}

    .TAG_IMG img {
        display: block;
        width: 84px;
        height: auto;
        max-height: 65px;
        margin: 0 auto;
    }

.One_TAG em {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    text-align: center;
}

.One_TAG h6 {
    clear: both;
    text-align: right;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
}

    .One_TAG h6 span {
        font-size: 10px;
        color: #666;
        font-weight: 100;
    }

.One_TAG em.TAG_CN {
    font-size: 15px;
    line-height: 30px;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    margin-top: 10px;
}

.One_TAG em.TAG_EN {
    font-size: 15px;
    line-height: 20px;
}


.TAG_SecondLayer {
}

.TAG_IMG2 {
    display: block;
    width: 55px;
    height: 61px;
    margin: 3px;
    border: 1px solid #F2F2F2;
    float: left;
}


    .TAG_IMG2 h6 {
        text-align: right;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #666;
    }

        .TAG_IMG2 h6 span {
            font-size: 10px;
            color: #666;
            font-weight: 100;
        }

    .TAG_IMG2 img {
        width: 55px;
        height: auto;
        max-height: 45px;
    }











/* TAG 風味 */
/* 20240311 JOAN 調整顯示權重 */
.Label_LightBox {
    width: auto;
    /*height:375px;*/
    padding: 15px;
    position: absolute;
    background-color: #FFF;
    z-index: 99999999;
}


    .Label_LightBox img {
    }


    .Label_LightBox .OFF {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0px;
        top: 0px;
        float: right;
        background-image: url(../images/icon/OFF.png);
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        cursor: pointer;
    }


        .Label_LightBox .OFF:hover {
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }









/* ====================  AboutUs 關於我們 =====================  */





.Contents_AboutUs {
    background-color: #FFF;
}

    .Contents_AboutUs p strong {
        font-size: 14px;
        font-weight: bold;
        padding-top: 20px;
        letter-spacing: 1px;
    }

    .Contents_AboutUs .LOGO2 {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 35px;
    }


    .Contents_AboutUs p {
        line-height: 24px;
    }

ul.Emphasis {
    width: 90%;
    margin: 25px auto;
    text-align: center;
    margin-bottom: 60px;
}


    ul.Emphasis em {
        font-size: 18px;
        color: #C08F1A;
        font-weight: 600;
        font-family: "Times New Roman", Arial, serif;
    }


    ul.Emphasis span.ImgB {
        float: left;
        display: inline-block;
        margin-right: 15px;
    }

        ul.Emphasis span.ImgB img {
            width: auto;
            width: 450px;
            height: auto;
        }

    ul.Emphasis span.ImgS {
        margin-bottom: 15px;
        float: right;
        display: inline-block;
    }

        ul.Emphasis span.ImgS img {
            width: auto;
            height: 142px;
        }


    ul.Emphasis .EM2 li{
        font-size: 16px;
        color: #C08F1A;
        font-weight: 600;
        font-family: "Times New Roman", Arial, serif;
    }


/*  ====================== 進階搜尋 ======================   */


/*  Wine_Search_List   搜尋結果   */

.Advanced_keyWords,
.Advanced_Evaluate,
.Advanced_Order,
.Advanced_Year,
.Advanced_Price,
.Advanced_Block,
.Advanced_Capacity {
    display: block;
    padding: 15px;
    width: 806px;
    margin: 15px auto;
    background-color: #F2F2F2;
}


.Advanced_Block {
    margin-top: 15px;
    z-index: 99999;
}


.Advanced_Capacity {
    clear: both;
}

.Advanced_Year,
.Advanced_keyWords,
.Advanced_Evaluate {
    width: 380px;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.Advanced_keyWords_text{
    font-size: 16px;
    display: inline-block;
    margin-left: 15px;
}

.Advanced_Price_text{
    width: 100%;
    font-size: 16px;
    display: inline-block;
    margin-left: 15px;
}

.Advanced_Order {
    float: left;
    height: 92px;
    width: 380px;
    margin-left: 16px;
    margin-top: 0px;
}

.Advanced_Evaluate {
    margin-top: 0px;
}

.Advanced_Price {
    margin-bottom: 0px;
}



.Result_advanced_search h1 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
}


.Advanced_keyWords input {
    width: 300px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    padding: 0 5px;
    outline: none;
    margin-left: 15px;
    margin-top: 5px;
}


.Result_advanced_search .Advanced_keyWords h1,
.Result_advanced_search .Advanced_Price h1 {
    font-size: 18px;
    font-weight: bold;
    color: #A3A34F;
}


.Advanced_Order{
    margin-bottom: 0;
}


.Advanced_Year {
    margin-top: 0px;
}

    /*20180529 roger fix*/
    .Advanced_Year input {
        width: 90px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        padding: 0 5px;
        outline: none;
        margin-left: 15px;
        margin-top: 5px;
    }
    

    
    .Advanced_Year input:last-child {
        margin-left: 0;
    }
    /*20180529 roger fix end*/

.Advanced_Price{
    float: left;
    width: 380px;
    margin-left: 16px;
    margin-top: 0;
}

    .Advanced_Price input {
        width: 90px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        padding: 0 5px;
        outline: none;
        margin-left: 15px;
        margin-top: 5px;
    }

    .Advanced_Price input:last-child {
        margin-left: 0;
    }


.Advanced_Capacity ul li {
    float: left;
    font-size: 16px;
    display: block;
    width: 85px;
    text-align: left;
    margin-right: 10px;
    line-height: 35px;
}

    .Advanced_Capacity ul li input {
        margin-right: 10px;
    }


.BlockLL {
    display: block;
    float: left;
    width: 395px;
}

.BlockRR {
    display: block;
    float: left;
    width: 395px;
    margin-left: 16px;
}



/*品種*/
.Advanced_Variety {
}

.Advanced_Variety > div{
    margin-left: 15px;
}

/*類型*/
.Advanced_Type {
}

.Advanced_Type ul{
    margin-left: 15px;
}

    .Advanced_Type ul li {
        font-size: 16px;
        float: none;
        text-align: left;
        line-height: 35px;
        margin: 0;
    }

        .Advanced_Type ul li input {
            margin-right: 10px;
        }



/*產區*/
.Advanced_Producing {
}

    .Advanced_Producing ul{
        margin-left: 15px;
    }

    .Advanced_Producing ul li {
        float: none;
        font-size: 16px;
        text-align: left;
        line-height: 35px;
        
    }

        .Advanced_Producing ul li input {
            margin-right: 10px;
        }



.Layer2,
.Layer3,
.Layer4,
.Layer5 {
    display: none;
    margin-left: 10px;
}



.Advanced_Sent {
    display: block;
    width: 110px;
    height: 20px;
    margin: 10px auto 25px auto;
}

/*評價*/
.EvaluationForm {
    margin-left: 15px;
    margin-top: 15px;
    line-height: 35px;
    color: #000;
}

    .EvaluationForm table {
        border: 1px solid #CCC;
    }

.ProjectEvaluate {
    width: 340px;
    padding-left: 10px;
    border-right: 1px solid #CCC;
}

.ProjectFraction {
    width: 90px;
    padding-left: 10px;
}

.ProjectButton {
    width: 55px;
}

.ProjectDelete {
    cursor: pointer;
    width: 50px;
}

.ProjectSingular {
    background-color: #FFF;
}

.ProjectEven {
    background-color: #e4e4e4;
}




/*排序*/
.Advanced_Order select {
    width: 250px;
    margin-left: 15px;
}

.Advanced_Order input[type="text"]{  
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 5px;
    outline: none;
    margin-left: 15px;
    margin-top: 5px;
}

.Advanced_Order input:last-child{
    margin-left: 0;
}
/*20170215 Roger 新增熱門搜尋選項*/

.Advanced_HotSearch{
    margin-top: 20px;
}

    .Advanced_HotSearch ul{
        margin-left: 15px;
    }

        .Advanced_HotSearch ul li{
            display: block;
            font-size: 16px;
            float: none;
            text-align: left;
            line-height: 35px;
        }

            .Advanced_HotSearch ul li input{
                margin-right: 10px;
            }
/*20170215 Roger 新增熱門搜尋選項 end*/



/*  ====================== 進階搜尋 end======================   */




/*------------------contactForm聯絡我們表單--------------------*/
.ContactForm {
    display: block;
    width: 750px;
    margin: 0 auto;
    margin-top: 20px;
}

    .Contents ul.ContactForm {
        line-height: 35px;
    }

    .Contents ul.ContactForm li{
        margin-top: 25px;
    }

    .ContactForm h1.LoginTitle {
        display: block;
        width: 120px;
        font-size: 16px;
        line-height: 35px;
        text-align: right;
        float: left;
    }


    .ContactForm li input {
        height: 28px;
        width: 600px;
        font-size: 16px;
        line-height: 28px;
        color: #666666;
        padding: 0 5px;
        outline: none;
    }

    .ContactForm li.RadioQ {
        height: 45px;
        margin: 0;
        clear: both;
    }

        .ContactForm li.RadioQ h1 {
            display: inline-block;
            font-size: 16px;
            float: left;
            margin-right: 15px;
        }

        .ContactForm li.RadioQ input {
            width: 20px;
        }

    .ContactForm_textarea{
        float: left;
        margin-top: 10px;
    }

    .ContactForm li textarea {
        width: 610px;
        max-width: 610px;
        height: 150px;
        max-height: 150px;
    }

    .ContactForm h3 {
        display: inline-block;
        float: left;
        margin: 2px 10px 0px 100px;
    }

    .ContactForm li.RadioQ h3 {
        margin: 2px 0px 0px 0px;
    }

    .ContactForm li.RadioQ h5 {
        display: inline-block;
        font-size: 16px;
        float: left;
        line-height: 1;
        margin-right: 25px;
        margin-top: 7px;
        margin-left: 5px;
    }

    .ContactForm li.RadioQ select {
        display: inline-block;
        float: left;
        color: #333;
        font-family: "微軟正黑體", Verdana;
        font-size: 14px;
        margin-top: 5px;
        outline: none;
    }

    .ContactForm h4 {
        display: block;
        line-height: 25px;
        color: #FFF;
        letter-spacing: 5px;
        padding-left: 5px;
        font-size: 13px;
        width: 80px;
        text-align: center;
        background-color: #8B8B8B;
        cursor: pointer;
        margin-left: 100px;
    }

        .ContactForm h4:hover {
            background-color: #333;
        }


    .ContactForm h4 {
        margin-left: 0px;
    }





/* ======  wine_list_Celebrity.html  名人推薦頁======  */

.CelebrityContents {
    border-left: #dfdfdf 1px solid;
    border-right: #dfdfdf 1px solid;
    border-bottom: #dfdfdf 2px solid;
    border-top: 3px solid #785472;
    font-family: "微軟正黑體", Arial, serif;
    padding: 20px 30px 30px;
    font-size: 12px;
    position: relative;
    min-height: 600px;
    background-color: #FFF;
}


.CelebrityTitle {
    position: absolute;
    display: block;
    width: 25px;
    height: 130px;
    font-size: 16px;
    font-weight: bold;
    font-family: "微軟正黑體", Verdana;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background: url(../images/icon/InfoTitle_Region.png) left top no-repeat;
    padding: 45px 8px 0 8px;
    left: 0px;
    top: 0px;
    z-index: 2;
}



/*20161209 Roger 修改高度*/
.MediumTitle {
    width: 588px;
    height: 300px;
    overflow: hidden;
}
/*20161209 Roger 修改高度 end*/

/*名人小簡介*/
.Experience {
    display: inline-block;
    width: 170px;
    height: 240px;
    background-color: #f2f2f2;
    position: absolute;
    right: 30px;
    top: 20px;
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
}

    .Experience h1 {
        font-size: 16px;
        font-weight: bold;
        color: #919191;
    }

    .Experience .Experience_Photo {
        width: 150px;
        height: 150px;
        background-color: #FFF;
        border: 1px solid #c1c1c1;
        padding: 2px;
        margin: 5px 0px 8px 0px;
        overflow: hidden;
    }

        .Experience .Experience_Photo img {
            width: 150px;
            height: auto;
        }



    .Contents .Experience p {
        width: 96%;
        color: #666666;
        font-size: 13px;
        line-height: 18px;
        height: 55px;
        overflow: hidden;
    }




.CelebrityINFO {
    clear: both;
}



.INFOIMG {
    clear: both;
    width: 100%;
    height: 350px;
    margin-top: 10px;
    border-bottom: #dfdfdf 2px solid;
    overflow: hidden;
}
/* 20240219 JOAN 新增圖片說明 */
.INFOIMG_caption{
    width: auto; height: 20px;
    font-size: 14px;
    font-family: 'Noto Sans TC';
    color: #909090;
    line-height: 20px;
}

.combination_Single_Tittle {
    width: 100%;
    margin: 0px;
    margin-top: -32px;
}


.Contents ul.RecommendedWine_Celebrity {
    display: inline-block;
    clear: both;
    width: 100%;
    padding-bottom:20px; 
    float: none;
    margin-top: 10px;
}

    ul.RecommendedWine_Celebrity li {
        float: left;
        width: 148px;
        margin-right: 16px;
    }

    ul.RecommendedWine_Celebrity li:last-child {
        margin-right: 0;
    }


        ul.RecommendedWine_Celebrity li .ShoppingCart {
            margin-left: 15px;
            *margin-left: -18px;
        }

        ul.RecommendedWine_Celebrity li .RecommendedWine_Celebrity_recommendtext_layout{
            padding: 5px 10px;
            width: 128px;
            height: 65px;
            background-color: #eae5e5;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        .RecommendedWine_Celebrity_recommendtext_arrow{
            width: 148px;
            height: 11px;
            background-image: url(../images/DialogboxBG.png);
        }


        ul.RecommendedWine_Celebrity li p {
            width: 100%;
            text-align: left;
            overflow: hidden;
            font-size: 14px;
            line-height: 1.5;
            margin-top: 0;
        }

        ul.RecommendedWine_Celebrity .WineIMG{
            width: 148px;
            height: 300px;
            background-image: url(../images/pic/wine_bottle_sample.jpg);
            background-size: cover;
            background-position: center;
            margin: 10px 0;
        }

        ul.RecommendedWine_Celebrity h1{
            font-size: 14px;
            line-height: 1.5;
        }

        .Recommended_Price_layout{
            margin-top: 5px;
            font-size: 14px;
            font-weight: bold;
        }

            .Recommended_Price_layout > div{
                float: right;
            }

            .Recommended_Price_layout > div a{
                display: inline-block;
                font-size: 14px;
                float: left;
            }

            .Recommended_Price_layout > div > span{
                display: inline-block;
                width: 101px;
                text-align: right;
            }

/*                .Recommended_Price_layout > div > span > span{
                    float: right;
                }*/

        .Recommended_Price_soldouttext{
            font-weight: normal;
            margin-top: 3px;
        }

            .Contents .Recommended_Price_soldouttext a{
                display: inline-block;
                float: left;
                font-size: 14px;
            }

        .Recommended_Price_soldouticon{
            background-image: url(../images/icon/OutOfStockICON.gif);
            width: 16px;
            height: 11px;
            margin-top: 7px;
            margin-left: 5px;
            display: inline-block;
        }

        .Recommended_ExpressIcon_layout{
            margin-bottom:5px;
        }

.MoreArticles {
    border-top: 0px;
    margin: 0px;
    width: 97.5%;
}




.List_Title h1 {
    font-family: "微軟正黑體", Verdana;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    margin: 8px 0px 5px 10px;
    border-left: 5px solid #FFF;
    letter-spacing: 1px;
}







/*  ======================  統一文章字型樣式  =========================   */


h2.L_Title { 
    font-size: 16px;
    color: #333;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}

.Mini_Title {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: rgb(143, 112, 14);
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    margin-top: 30px;
}


.M_Title { 
    font-size: 26px;
    display: block;
    color: #333;
    margin-top: 8px;
    line-height: 22px;
}

p.Foreword { 
    display: block;
    width: 844px;
    padding: 10px 10px;
    border: 1px dotted #b2b2b2;
    background-color: #F2F2F2;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    margin-top: 15px;
}


strong.Author { /* 作者 */
    display: inline-block;
    line-height: 20px;
    margin-bottom: 15px;
}

/*20170224 Roger 修改字型大小*/
em.S_Title { /* 段標 */
    font-size: 24px;
    font-weight: bold;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #333;
    margin-top: 30px;
}
em.S_Title a{
    color: #333;
    text-decoration: underline;
}
/*20170224 Roger 修改字型大小 end*/

/*20161205 Roger 修改首行縮排*/
.Contents p.AllArticles { /* 內文 */
    width: auto;
    line-height: 30px;
    color: #7A7A7A;
    text-indent: 32px;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0px 0px;
    font-family: "Times New Roman", Arial, serif;
}
/*20161205 Roger 修改首行縮排 end*/

/*20170425 Roger 移除首行縮排*/
.WineryInfo p.AllArticles { /* 內文 */
    width: auto;
    line-height: 30px;
    text-align: justify;
    color: #7A7A7A;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0px 0px;
    font-family: "Times New Roman", Arial, serif;
}
/*20170425 Roger 移除首行縮排 end*/


ul.InfoLink { /* 快速連結們 */
    width: 866px;
    margin: 15px 0;
    padding-left: 20px;
    display: inline-block;
}

    ul.InfoLink li {
        font-size: 16px;
        float: left;
        margin-right: 55px;
        color: #999;
        list-style-type: disc;
    }

    ul.InfoLink li:first-child {
        margin-left: 0;
    }

        ul.InfoLink li a {
            color: #999;
            text-decoration: underline;
        }

            ul.InfoLink li a:hover {
                text-decoration: none;
            }


/* 售完 */

.SoldOut {
    display: inline-block;
    background-image: url(../images/icon/Banned.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 22px;
}






/* 售完 - 首頁三大張 topic_b */

.OneWineBox .SoldOut,
.Organ_Wine .SoldOut,
.RecommendedWine .SoldOut,
li.RankInfo .SoldOut {
    background-image: url(../images/icon/Banned2.png);
    line-height: 16px;
    padding-left: 17px;
}



.OneWineBox .SoldOut {
    margin-top: 12px;
}




/*  ======  重寫熱門排行  ==========  */


/*大框紫色底*/
.List_Title {
    display: block;
    width: 100%;
    background-color: #785472;
    position: relative;
    font-size: 12px;
    padding-bottom: 3px;
    z-index: 999;
}


    /*熱門排行 的文字招牌*/

    .List_Title img.Wine_List_chart {
        width: 120px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: 10px;
        margin: 0;
    }


/*  日期按鈕 */


#ViewPastChart {
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
    color: #fff;
    background-color: #666;
    font-size: 16px;
    font-family: "微軟正黑體";
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}


    #ViewPastChart:hover {
        background-color: #000;
    }

    #ViewPastChart a {
        color: #FFF;
    }


.week-picker {
    position: absolute;
    z-index: 9999;
    top: 26px;
    right: 0px;
}




.btn_View {
}


.Wine_Search_List_ALL .icon_calendar {
    width: 20px;
    height: 23px;
}

.Wine_Search_List_ALL img.icon_calendar{
    margin: 0;
    margin-top: 13px;
    margin-right: 5px;
}



/* 日期區間 */

.StartAndEnd {
    position: absolute;
    right: 135px;
    top: 14px;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
}

    .StartAndEnd div, .StartAndEnd span {
        display: inline-block;
        float: left;
    }

    .StartAndEnd span {
        margin: 0 5px;
    }



/* details 產區 - 補舊系統樣式 */
/* vinawards_topics 酒評家 - 補舊系統樣式 */


.details h1,
.summary h1,
.readmore h1,
.details p strong,
.details p strong a,
.summary p strong {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333;
    font-family: 'Times New Roman', Arial, serif;
    text-indent: 0px;
}

    .details p strong a {
        text-decoration: underline;
    }


        .details p strong a:hover {
            text-decoration: none;
        }


.details p,
.summary p {
    line-height: 26px;
    color: #7A7A7A;
    /*text-indent: 26px;*/
    font-size: 13px;
    margin-bottom: 3px;
    font-family: "Times New Roman", Arial, serif;
}


    .details p a,
    .summary p a {
        color: #A3A34F;
        float: none;
        text-decoration: underline;
    }

        .details p a:hover,
        .summary p a:hover {
            text-decoration: none;
        }

    .summary p .read-more a {
        color: #ccc;
    }

    /*20161115 Roger 新增收合文字樣式*/
    .details .read-less a {
        color: #ccc;
        font-size: 16px;
        font-family: 'Times New Roman', Arial, serif;
        line-height: 30px;
        text-decoration: underline;
    }
    /*20161115 Roger 新增收合文字樣式 end*/



.Info .Brief .readmore h1 a {
    float: none;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    display: block;
    letter-spacing: 1px;
    margin: 5px 0px;
    color: #333;
    margin-bottom: 26px;
}

/*酒莊新表格*/

.Winery_Category {
    color: #000;
    font-size: 18px;
    text-align: left;
    background-color: #E4E0DE;
    margin-left: 1px;
    padding: 5px 0;
    padding-left: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}

.Winery_Item {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: "微軟正黑體";
    color: #333333;
    margin-top: -25px;
    padding: 0 5px;
    background-color: #fff;
}

.Winery_Category span {
    color: #333;
}

.Winery_Separateline{
    width: 100%;
    height: 1px;
    background-color: #999999;
    margin-bottom: 15px;
    margin-top: 30px;
}

.Winery_ALL {
    clear: both;
    display: block;
    width: 100%;
    padding: 5px 0px 5px 0px;
    font-size: 12px;
}

.WineryInformation {
    width: 100%;
    border-bottom: 1px dotted #ccc;
    padding: 3px 0px;
}


    .WineryInformation:hover {
        background-color: #F3F3F3;
    }

    ul.WineryInformation:last-child{
        border-bottom: none;
    }

    .WineryInformation li {
        float: left;
        display: inline-block;
        line-height: 16px;
        padding: 0px 2px;
        font-size: 14px;
        font-family: Arial, "微軟正黑體";
        min-height: 35px;
    }

        .WineryInformation li.List_Year {
            width: 5%;
            clear: both;
        }
        
        /*20161205 Roger 調整寬度*/
        .WineryInformation li.List_Name {
            width: 48%;
            overflow: hidden;
        }
        /*20161205 Roger 調整寬度 end*/

            .WineryInformation li.List_Name a {
                display: inline-block;
            }

            .WineryInformation li.List_Name .CNN {
                color: #000;
            }

            .WineryInformation li.List_Name .ENN {
                color: #999;
            }
        
        /*20161205 roger 調整寬度、新增文字對齊樣式、新增選擇器*/
        .WineryInformation li.List_save,
        .YearInformation li.List_save{
            width: 4%;
            text-align: center;
        }
        /*20161205 roger 調整寬度、新增文字對齊樣式、新增選擇器 end*/

        /*20161205 roger 調整寬度、新增文字對齊樣式*/
        .WineryInformation li.List_Award {
            width: 8%;
            text-align: center;
        }
        /*20161205 roger 調整寬度、新增文字對齊樣式 end*/

            .WineryInformation li.List_Award .decanterStar,
            .WineryInformation li.List_Award .GR,
            .WineryInformation li.List_Award .Medals {
                padding-top: 0px;
            }

        /*20161205 Roger 新增文字對齊樣式*/
        .WineryInformation li.List_Capacity {
            width: 6%;
            text-align: center;
        }
        /*20161205 Roger 新增文字對齊樣式 end*/

        .WineryInformation li.List_SellingPrice {
            width: 9%;
        }

        .WineryInformation li.List_FastPrice {
            width: 9%;
        }

        /*20170904 Roger 修正background-position*/
        .WineryInformation li.List_Buy,
        .WineryInformation li.List_OutOfStock {
            width: 3%;
            background-position: center 2px;
        }
        /*20170904 Roger 修正background-position end*/

        .WineryInformation li.List_FastIcon{
            width: 3%;
            background-position: center top;
        }

        .WineryInformation li.List_ProductDate{
            width: 9%;
            text-align: center;
        }


.WineryInformation li a:visited,
.WineryInformation li a{color:#717071;} 
.WineryInformation li a:hover{text-decoration:underline}	
.WineryInformation li.List_SellingPrice a,
.WineryInformation li.List_SellingPrice a:visited{
	color:#CF3448;}

/*年份新表格*/

.YearInformation {
    width: 96%;
    margin-left: 2%;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0px;
}

    .YearInformation:hover {
        background-color: #F3F3F3;
    }

    .YearInformation li {
        float: left;
        display: inline-block;
        line-height: 18px;
        padding: 0px 2px;
        font-size: 14px;
        font-family: Arial, "微軟正黑體";
        min-height: 35px;
    }

        .YearInformation li.List_Labels {
            width: 20%;
            clear: both;
            margin: 0px 3px;
            *clear: both;
        }

.Labels_IMG {
    display: inline-block;
    height: 70px;
    background-color: #FFF;
    overflow: hidden;
}

.YearInformation li.List_Labels img {
    width: 100%;
    height: auto;
}

/*20161205 Roger 調整寬度*/
.YearInformation li.List_Name {
    width: 38%;
    overflow: hidden;
}
/*20161205 Roger 調整寬度 end*/

    .YearInformation li.List_Name a {
        display: inline-block;
        font-family: "微軟正黑體", Verdana;
    }

    .YearInformation li.List_Name .CNN {
        color: #000;
    }

    .YearInformation li.List_Name .ENN {
        color: #999;
        font-family: Arial, Helvetica, sans-serif;
    }

/*20161205 Roger 新增文字對齊*/
.YearInformation li.List_Capacity {
    width: 7%;
    text-align: center;
}
/*20161205 Roger 新增文字對齊 end*/

.YearInformation li.List_ListPrice,
.YearInformation li.List_SellingPrice,
.YearInformation li.List_FastPrice {
    width: 9%;
}

.YearInformation li.List_Buy,
.YearInformation li.List_OutOfStock,
 .YearInformation li.List_FastIcon{
    width: 3%;
    background-position: center top;
    margin-top: 2px;
}


.YearInformation li a:visited,
.YearInformation li a{color:#717071;} 
.YearInformation li a:hover{text-decoration:underline}	
.YearInformation li.List_SellingPrice a,
.YearInformation li.List_SellingPrice a:visited{
	color:#CF3448;}


/*清除IE7問題*/
.IE7Clear {
    *margin: 0;
    *padding: 0;
    *clear: both;
    *width: 100%;
}


/* 清除特殊樣式  */
.Result .BorderBottom_None {
    border-bottom: none;
}

.SpiritsAwardsName .BorderBottom_None {
    border-bottom: none;
}



/* ALL IE  */

.ThirdSign .Sign h3 {
    height: 14px\9;
    line-height: 17px\9;
}

.RecommendedWine h1{
    height: 42px;
    overflow: hidden;
}

/* IE7  */

.RecommendedWine h1 {
    *height: 32px;
}


/* IE8  */

.RecommendedWine h1 {
    height: 35px\0;
}


/* IE10  */


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .Award3 .AwardName {
        width: 30px;
    }

    .Award3 .AwardNO {
        width: 43px;
    }

    .RecommendedWine h1 {
        height: 42px;
    }

    .Pack_Writing button.ShoppingCart {
        padding-top: 1px;
    }

    .ScoreDetails {
        height: 77px;
    }

    .ThirdSign .Sign h4 {
        height: 14px;
    }
}


.button_addCart_float{ 
     font-size: 11px;
     margin-bottom: 3px;
     font-family: Arial, Helvetica, sans-serif;
     float: left;
}

.button_addCart{
 background-image: url(../images/icon/BuyICON.png);
 width: 15px;
 height: 15px;
 float:left;
}

.Sign_WineInfo_price .button_addCart{
    margin-top: 2px;
    margin-left: 3px;
}

.button_addCart:hover{
	background-image: url(../images/icon/BuyICONH.png);
	}

.button_addCart_preorder{
 background-image: url(../images/icon/PreOrder_ICON.png);
 background-position: 50%;
 width: 15px;
 height: 15px;
 float:left;
}

.button_addCart_preorder:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.button_addCart_fast{
 background-image: url(../images/icon/Fast_Icon.png);
 background-position: 50%;
 width: 15px;
 height: 15px;
 float:left;
}

.button_addCart_fast:hover{
    background-image: url(../images/icon/Fast_IconH.png);
}

.Sign_WineInfo_price .button_addCart_fast{
    margin-top: 2px;
    margin-left: 3px;
}


.Sign_WineInfo_price .button_addCart_preorder{
    margin-top: 2px;
    margin-left: 3px;
}

/*20161216 Roger 修改樣式、換圖*/
.button_addCart_soldout{
	background-image: url(../images/icon/OutOfStockICON_15x10.gif);
	width: 15px;
	height: 10px;
	margin-top: 4px;
/*     margin-left: 2px; */
	float: left;
}
/*20161216 Roger 修改樣式、換圖 end*/

.expressIcon_layout{
float: left;
margin-left: 5px;
height: 52px;
width: 90px;
}
.expressIcon{
width: 65px;
height: 35px;
}

/*HOT8區塊*/
.HOT8_button_addCart{
 background-image: url(../images/icon/BuyICONH.png);
 width: 15px;
 height: 15px;
 margin-left: 3px;
 margin-top: 5px;
 float:left;
}
.HOT8_button_addCart_preorder{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
	background-position: 50%;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	margin-top: 5px;
	float: left;
}
.HOT8_button_addCart_fast{
    background-image: url(../images/icon/Fast_IconH.png);
    background-position: 50%;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-top: 5px;
    float: left;
}
.HOT8_PIC_div_Preorder {
        display: block;
        width: 85px;
        line-height: 25px;
        overflow: hidden;
        margin-top:15px;
		margin-right:auto;
		margin-left:auto;
		
    }
.HOT8_ExpressIcon_layout{
	margin-top:5px;
	width:51px;
	margin-left:auto;
	margin-right:auto;
}


/*201505 Rogerfix end*/

/*201506 Rogerfix start*/

/*簡目頁-依酒莊*/

/*20161205 Roger 移除*/

/* .List_Winery_Express {
    width: 6%;
} */

.List_Winery_PreorderPrice{
    width: 9%;
	text-align: right;
    color: #0071bc;
    font-weight: 900;
}
.List_Winery_PreorderIcon{
	width:3%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/icon/PreOrder_ICON.png);
}
.List_Winery_PreorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_Winelist_hover.png);
}

/*簡目頁-依年份*/
.List_Year_Express {
    width: 7.5%;
}

.List_Year_PreorderPrice{
	width: 9%;
	text-align: right;
    color: #0071bc;
    font-weight: 900;
}
.List_Year_PreorderIcon{
	width:3%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/icon/PreOrder_ICON.png);
}
.List_Year_PreorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_Winelist_hover.png);
}

/*詳目頁*/
.Detail_RED16 {
    color: #CF3448;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.Detail_blue16 {
    color: #0071BC;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.Detail_orange16 {
    color: #ef9c00;
    font-size: 16px;
    padding: 0px 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.Detail_blue24 {
    color: #0071BC;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.Detail_PreorderPrice_layout{
	padding-left: 40px;
}

/*20161209 Roger 修改滑鼠hover樣式*/
.Singular .Detail_AllYear_ExpressOrPreorder {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	height: 25px;
	width: 21%;
	font-size: 14px;
    font-weight: bold;
	margin-left: 1px;
	background: #f7f7f7;
	color: #666;
	text-align: center;
    cursor: pointer;
}

.Singular .Detail_AllYear_ExpressOrPreorder:hover {
    text-decoration: underline;
}
/*20161209 Roger 修改滑鼠hover樣式 end*/

.Singular .Detail_AllYear_ExpressOrPreorder.Focus{
    color: #F00;
}

/*20161209 Roger 修改滑鼠hover樣式*/
.Even .Detail_AllYear_ExpressOrPreorder {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	height: 25px;
	width: 21%;
	font-size: 14px;
    font-weight: bold;
	margin-left: 1px;
	color: #666;
	text-align: center;
    cursor:pointer;
}

.Even .Detail_AllYear_ExpressOrPreorder:hover {
    text-decoration: underline;
}
/*20161209 Roger 修改滑鼠hover樣式 end*/

.Even .Detail_AllYear_ExpressOrPreorder.Focus{
    color: #F00;
}



/*20161101 Roger 新增快速到貨樣式*/

.Detail_AllYear_ExpressIcon{
    display: inline-block;
    width: 7px;
    height: 10px;
    background-image: url(../images/icon/Fast_Icon_8x12_gray.png);
    background-size: cover;
}

/*20161101 Roger 新增快速到貨樣式 end*/

/*201508 Rogerfix start*/
/*topic 通用*/
button.ShoppingCart {
	display: block;
	height: 25px;
	width: 87px;
	background-image: url(../images/icon/ShoppingCart4.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	padding: 0px;
}

button.ShoppingCart:hover {
    background-image: url(../images/icon/ShoppingCart4_hover.png);
}

.Pack_Writing button.ShoppingCart {
    position: absolute;
    left: 450px;
    top: 35px;
    *padding-top: 0px;
}

button.ShoppingCart_preorder {
	display: block;
	height: 28px;
	width: 110px;
	background-image: url(../images/icon/PreOrder_ICON_WineDetail.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: none;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	font-family: "微軟正黑體";    /*padding-top:3px\9;*/
}

.Pack_Writing button.ShoppingCart_preorder {
    position: absolute;
    left: 450px;
    top: 35px;
    *padding-top: 0px;
}

.Pack_Writing_soldout{
    float: left;
    font-size: 16px;
    color: #666666;
    margin-left: 8px;
    margin-top: 3px;
}

.Pack_Writing_soldout_icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon/Banned2.png);
    margin-left: 2px;
    margin-top: 2px;
}

.Pack_Writing_Price{
	color: #A81F24;
    font-size: 28px;
}

.Pack_Writing_Price_addcartBTN{
    display: inline-block;
    float: left;
    width: 87px;
    height: 25px;
    background-image: url(../images/icon/ShoppingCart4.png);
    outline: none;
    margin-left: 10px;
    margin-top: 2px;
}

.Pack_Writing_Price_addcartBTN:hover{
    background-image: url(../images/icon/ShoppingCart4_hover.png);
    cursor: pointer;
}

.Pack_Writing_Price_preorderBTN{
    display: inline-block;
    float: left;
    width: 87px;
    height: 25px;
    background-image: url(../images/icon/PreOrder_ICON_WineDetail3.png);
    outline: none;
    margin-left: 10px;
    margin-top: 2px;
}

.Pack_Writing_Price_preorderBTN:hover{
    background-image: url(../images/icon/PreOrder_ICON_WineDetail3_hover.png);
    cursor: pointer;
}

.Pack_Writing_Price_FastaddcartBTN{
    display: inline-block;
    float: left;
    width: 87px;
    height: 25px;
    background-image: url(../images/icon/Fast_addcartBTN_87x25.png);
    outline: none;
    margin-left: 10px;
    margin-top: 2px;
}

.Pack_Writing_Price_FastaddcartBTN:hover{
    background-image: url(../images/icon/Fast_addcartBTN_87x25_hover.png);
    cursor: pointer;
}

.Pack_Writing_Price_preorder{
	color: #0071BC;
    font-size: 28px;
}

.Pack_Writing_Price_Fast{
    color: #ef9c00;
    font-size: 28px;
}

.Pack_Writing_expressICON{
    
}

.SoldOut2 {
    position: absolute;
    left: 450px;
    top: 0px;
    display: block;
    width: 435px;
    height: 88px;
    background-image: url(../images/icon/SoldOut2.png);
    background-repeat: no-repeat;
}

.topic_wineinfo h4{
	color: #717071;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

/*201609 Roger調整酒款資訊列高度*/
ul.Bottlee_Wine li .Locate {
    width: 100%;
    overflow: hidden;
    height: 114px;
}

ul.Bottlee_Wine li .Locate2_price { 
    margin-top: 5px;    
}

/*201609 Roger調整icon列高度*/
ul.Bottlee_Wine li .Locate2_icons {
	margin-top: 7px;
    height: 27px;
}

ul.Bottlee_Wine li .Locate2_price h4{
    width: 124px;
}

ul.Bottlee_Wine li .Locate2_price h4 span {
    float: right;
    display: inline-block;
    text-align: right;
}

.topic_buyIcon{
	background-image: url(../images/icon/ShoppingCart4.png);
	width:87px;
	height:25px;
    margin-left: 10px;

	padding: 0px;
	float:left;
    display: inline-block;
}

.topic_buyIcon:hover{
	background-image: url(../images/icon/ShoppingCart4_hover.png);
}

.topic_preorderIcon{
	background-image: url(../images/icon/PreOrder_ICON_87x25.png);
	width: 87px;
	height: 25px;
	margin-left: 10px;

	padding: 0px;
	float:left;
}

.topic_preorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_87x25_hover.png);
}

.topic_fastIcon{
    background-image: url(../images/icon/Fast_addcartBTN_87x25.png);
    width:87px;
    height:25px;
    margin-left: 10px;
    padding: 0px;
    float:left;
    display: inline-block;
}

.topic_fastIcon:hover{
    background-image: url(../images/icon/Fast_addcartBTN_87x25_hover.png);
}

.topic_soldoutTEXT{
	display: inline-block;
	margin-left: 5px;
}

.Locate2_price .topic_soldoutTEXT a{
    font-size: 14px;
	color:#999;
	display:inline-block;
}

.topic_soldoutTEXT a:hover{
	text-decoration:underline;
}

/*20160922 Roger修改可訂時通知按鈕樣式*/
.topic_soldoutIcon{
	background-image: url(../images/icon/soldoutBTN_87x25.png);
    width: 87px;
    height: 25px;
    margin-left: 10px;
    padding: 0px;
    float: left;
    display: inline-block;
}

.topic_soldoutIcon:hover{
    background-image: url(../images/icon/soldoutBTN_87x25_hover.png);
}

.topic_wineinfo{
	float:left;
	width:225px;
	margin-left: 7px;
    margin-top: 15px;
}

/*topicB*/
.topicB_locate_buy{
	float:right;
	margin-right: 10px;
	margin-top: 2px;
}
.topicB_locate_buy h6{
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	float:left;
}

.topicB_buyIcon{
	background-image: url(../images/icon/BuyICON.png);
	width: 15px;
	height: 15px;
	margin-left: 4px;
	margin-top: -1px;
	float: left;
}

.topicB_buyIcon:hover{
	background-image: url(../images/icon/BuyICONH.png);
}

.topicB_preorderIcon{
	background-image: url(../images/icon/PreOrder_ICON.png);
	width: 15px;
	height: 15px;
	margin-left: 4px;
	margin-top: 0px;
	float: left;
}

.topicB_preorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.topicB_expressIcon{	
	width: 51px;
	height: 14px;
	text-align: left;
	float: left;
}

.topicB_soldoutTEXT{
}

.topicB_soldoutTEXT a{
	color:#999;
	display:inline-block;
}

.topicB_soldoutTEXT a:hover{
	text-decoration:underline;
}

.topicB_soldoutIcon{
	background-image: url(../images/icon/OutOfStockICON.gif);
	width: 16px;
	height: 11px;
	padding: 0px;
	margin-left: 1px;
	margin-top: 1px;
	display:inline-block;
}

/*topicC*/
.OneWineBox_C h3{
	float:left;
}

.topicC_buyIcon{
	background-image: url(../images/icon/BuyICON.png);
	width: 15px;
	height: 15px;	
	float:left;
	margin-top: 2px;
	margin-left: 2px;
}

.topicC_buyIcon:hover{
	background-image: url(../images/icon/BuyICONH.png);
}

.topicC_preorderIcon{
	background-image: url(../images/icon/PreOrder_ICON.png);
	width: 15px;
	height: 15px;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}

.topicC_preorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.topicC_soldoutTEXT{
}

.topicC_soldoutTEXT a{
	color:#999;
	display:inline-block;
}

.topicC_soldoutTEXT a:hover{
	text-decoration:underline;
}

.topicC_soldoutIcon{
	background-image: url(../images/icon/OutOfStockICON.gif);
	width: 16px;
	height: 11px;
	display:inline-block;
	margin-top: 4px;
	margin-left: 2px;
}

.topicC_expressIcon{
	margin-top: 2px;
	margin-bottom: 2px;
}

/*wine_list_popular*/
.popular_top2_buyIcon{
	background-image: url(../images/icon/ShoppingCart4.png);
	float: left;
	width: 87px;
	height: 25px;
	margin-top: 0px;
}

.popular_top2_buyIcon:hover{
    background-image: url(../images/icon/ShoppingCart4_hover.png);
}

.popular_top2_FastIcon{
    background-image: url(../images/icon/Fast_addcartBTN_87x25.png);
    float: left;
    width: 87px;
    height: 25px;
    margin-top: 0px;
}

.popular_top2_FastIcon:hover{
    background-image: url(../images/icon/Fast_addcartBTN_87x25_hover.png);
}

.popular_top3to8_buyIcon{
	background-image: url(../images/icon/BuyICON.png);
	float: left;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-left: 3px;
}

.popular_top3to8_buyIcon:hover{
	background-image: url(../images/icon/BuyICONH.png);
}

.popular_top2_preorderIcon{
	background-image: url(../images/icon/PreOrder_ICON_87x25.png);
	float: left;
	width: 87px;
	height: 25px;
	margin-top: 0px;	
}

.popular_top2_preorderIcon:hover{
    background-image: url(../images/icon/PreOrder_ICON_87x25_hover.png);
}

.popular_top3to8_preorderIcon{
	background-image: url(../images/icon/PreOrder_ICON.png);
	float: left;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-left: 3px;
	padding: 0px;
}

.popular_top3to8_preorderIcon:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

/*20160922 Roger wine_popular頁可訂時通知按鈕樣式修改*/
.popular_top2_soldoutIcon{
	background-image: url(../images/icon/soldoutBTN_87x25.png);
    float: left;
    width: 87px;
    height: 25px;
    margin-top: 0px;
}

.popular_top2_soldoutIcon:hover{
    background-image: url(../images/icon/soldoutBTN_87x25_hover.png);
}

.popular_top3to8_soldoutIcon{
	background-image: url(../images/icon/OutOfStockICON.gif);
	float:left;
	width: 16px;
	height: 11px;	
	margin-top: 4px;
	margin-left: 2px;	
}

.popular_top2_soldoutText{
	margin-top:4px;
	margin-left:5px;
	float:left;	
    font-size: 14px;	
}

.popular_top2_soldoutText a{
	color:#999;
}

.popular_top2_soldoutText a:hover{
	text-decoration:underline;
}

.popular_top3to8_soldoutText{
	margin-left: 10px;
	float:left;
}

.popular_top3to8_soldoutText a{
	color:#999;
	float:left;
}

.popular_top3to8_soldoutText a:hover{
	text-decoration:underline;
}

.popular_top2_expressIcon{
	padding-left: 42px;	
}

.popular_top3to8_expressIcon{
	padding-left: 37px;	
}

.popular_top2_locate_buy{
	float:right;
	min-width: 140px;
	margin-right: 10px;
	margin-top: 10px;
}

.popular_top3to8_locate_buy{
	float:left;
	min-width: 90px;
	margin-left: 10px;
}

.RankInfo div:nth-child(4){
	margin-top: 0px;
}
.TopBoxS .popular_top3to8_locate_buy h3{
	float:left;
	padding-right: 0px;
	padding-top: 4px;
	padding-left: 0px;
}
.popular_top2_locate_express{
	float:left;
	height: 55px;
	width: 92px;
	margin-top: 5px;	
}
.popular_top3to8_locate_express{
	float:left;
	height: 50px;
	width:84px;
	margin-top: 5px;
}

/*index*/
.index_Organ_soldoutText{
	float:left;
	margin-left: 5px;
}

.index_Organ_soldoutText a{
	color:#999;
}

.index_Organ_soldoutText a:hover{
	text-decoration:underline;
}

.index_Organ_group_expressICON{
	width: 47px;
	height: 43px;
}

.index_Organ_group_price{
	/*width: 150px;*/
	font-weight:bold;
	font-size: 11px;
	margin-left: 10px;
	margin-bottom: 3px;
}

.index_Organ_group_price span{
	float:left;
}

.index_Organ_group_addcartICON{
	width: 15px;
	height: 15px;
	float: left;
	background-image: url(../images/icon/BuyICON.png);	
}

.index_Organ_group_addcartICON:hover{
	background-image: url(../images/icon/BuyICONH.png);
}

.index_Organ_group_preorderICON{
	width: 15px;
	height: 15px;
	float: left;
	background-image: url(../images/icon/PreOrder_ICON.png);
}

.index_Organ_group_preorderICON:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.index_Organ_group_soldoutTEXT{
	margin-left: 3px;
}

.index_Organ_group_soldoutTEXT a{
	float:left;
	color:#999;
}

.index_Organ_group_soldoutTEXT a:hover{
	text-decoration:underline;
}

.index_Recommend_soldoutTEXT{
	display:inline-table;
	text-align:center;
}

.index_Recommend_soldoutTEXT a{
	float:left;
	color:#999;
}

.index_Recommend_soldoutTEXT a:hover{
	text-decoration:underline;
}

.index_Recommend_price{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 3px;
}

.index_Recommend_addcartICON{
	background-image: url(../images/icon/BuyICON.png);
	height: 15px;
	width: 15px;
	display:inline-block;
	padding: 0px;
	margin-left: 3px;
}

.index_Recommend_addcartICON:hover{
	background-image: url(../images/icon/BuyICONH.png);
}

.index_Recommend_preorderICON{
	background-image: url(../images/icon/PreOrder_ICON.png);
	height: 15px;
	width: 15px;
	display: inline-block;
	padding: 0px;
	margin-left: 3px;
}

.index_Recommend_preorderICON:hover{
	background-image: url(../images/icon/PreOrder_ICON_crycle.png);
}

.index_Recommend_FastaddcartICON{
    background-image: url(../images/icon/Fast_Icon.png);
    height: 15px;
    width: 15px;
    display:inline-block;
    padding: 0px;
    margin-left: 3px;
}

.index_Recommend_FastaddcartICON:hover{
    background-image: url(../images/icon/Fast_IconH.png);
}

/*wine_list*/
.wine_list_thirdsign_soldoutTEXT{
	margin-left: 5px;
	display:inline-block;
}

.wine_list_thirdsign_soldoutTEXT a{
	float:left;
	color:#999;
}

.wine_list_thirdsign_soldoutTEXT a:hover{
	text-decoration:underline;
}

/*wine_detail*/

/*201508 Rogerfix end*/


/*201607 Rogerfix */

.Right_Content_wrapper .wine_list_Celebrity_contnets{
    min-height: 500px;
    border-bottom: none;
}

.wine_list_Celebrity_Title{
    display: inline-block;
    font-size: 28px;
    display: block;
    color: #333;
    margin-top: 8px;
}

/*20161209 Roger 移除margin-top*/
.wine_list_Celebrity_second_Title{
    display: inline-block;
    font-size: 20px;
    color: rgb(143, 112, 14);
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    /* margin-top: 30px; */
}
/*20161209 Roger 移除margin-top end*/

.wine_list_Celebrity_author{
    color: #666;
    display: inline-block;
    font-size: 14px;
    margin-top: 8px;
}

/*20161209 Roger 新增高度限定、overflow*/
.Contents p.wine_list_Celebrity_Foreword{
    display: block;
    width: auto;
    height: 145px;
    overflow: hidden;
    padding: 10px 10px;
    border: 1px dotted #b2b2b2;
    background-color: #F2F2F2;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    margin-top: 15px;
}
/*20161209 Roger 新增高度限定、overflow end*/

.Right_Content_wrapper .wine_list_Critic_contnets{
    min-height: 500px;
    border-bottom: none;
}

/*20161205 Roger 調整字型大小*/
.wine_list_Critic_title{
    font-size: 24px;
    color: #333;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    font-weight: bold;
    margin-top: 20px;
}
/*20161205 Roger 調整字型大小 end*/

.wine_list_Critic_img{
    width: 300px;
    height: 360px;
    overflow: hidden;
    border: #dfdfdf 1px solid;
    padding: 2px;
    float: right;
    margin-top: 20px;
    margin-left: 16px;
}

    .wine_list_Critic_img img{
        height: 360px;
        width: auto;
    }

.wine_list_Critic_openmoreBTnN{
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
}

/*20170222 Roger 移除高度設定*/
.Right_Content_wrapper .wine_list_grape_contnets{
   /*  min-height: 500px; */
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 16px;
}
/*20170222 Roger 移除高度設定 end*/

/*20161205 Roger 調整文字大小*/
.wine_list_grape_title{
    font-size: 24px;
    color: #333;
    font-family: "微軟正黑體","Arial Black", Gadget, sans-serif;
    font-weight: bold;
    margin-top: 20px;
}
/*20161205 Roger 調整文字大小 end*/

/*20170222 roger 移除高度設定*/
.wine_list_grape_text_layout{
    /* height: 450px; */
}
/*20170222 roger 移除高度設定 end*/

.wine_list_grape_text_height450{
    height: 365px;
}

.wine_list_grape_img{
    width: 300px;
    height: 360px;
    overflow: hidden;
    border: #dfdfdf 1px solid;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 16px;
}

    .wine_list_grape_img img{
        height: 360px;
        width: auto;
    }

.wine_list_popular_statusrow{
    height: 30px;
    margin: 10px 0;
    margin-top: 5px;
    margin-left: 5px;
}

.wine_list_popular_statusrow::before{
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

    .wine_list_popular_statusrow img{
        display: inline-block;
        vertical-align: middle;
    }


/*201607 Rogerfix end*/

.ShortenBBB {
    height: auto;
    overflow: none;
}


/*20161125 Roger 新增icon說明區樣式*/

.LegendInfo_layout{
    width: 30px;
    height: 150px;
    position: relative;
    margin-top: 15px;
    margin-right: 5px;
}

    .LegendInfo_layout > div:hover{
        cursor: pointer;
        opacity: 1.0;
    }

/*20161202 Roger 修改透明度*/
.LegendInfo_normalIcon{
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/BuyICONH22.png);
    background-size: cover;
    position: absolute;
    right: 13px;
    opacity: 0.3;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}

.LegendInfo_fastIcon{
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/Fast_Icon22H.png);
    background-size: cover;
    position: absolute;
    right: 13px;
    top: 32px;
    opacity: 0.3;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}

.LegendInfo_perorderIcon{
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/PreOrder_ICONH22.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 13px;
    top: 64px;
    opacity: 0.3;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}
/*20161202 Roger 修改透明度 end*/

.LegendInfo_iframe_title_layout{
    width: 100%;
    height: 40px;
    background-color: #666666;
    border-radius: 4px 4px 0 0;
}

.LegendInfo_iframe_title{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.LegendInfo_iframe_closeBTN{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/btn_close.png);
    float: right;
    margin-top: -30px;
    margin-right: 10px;
}

.LegendInfo_iframe_closeBTN:hover{
    cursor: pointer;
}

.LegendInfo_iframe_body{
    width: 90%;
    height: 90%;
    margin: 20px auto;
}

.LegendInfo_iframe_body_title_layout{
    width: 100%;
    height: 30px;
}

.LegendInfo_iframe_body_title_icon{
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 4px;
}

.LegendInfo_iframe_body_title{
    font-size: 20px;
    line-height: 30px;
    float: left;
    color: #333333;
    font-weight: bold;
    margin-left: 10px;
}

.LegendInfo_iframe_body_title_line{
    width: 80px;
    height: 1px;
    background-color: #999999;
    float: left;
    margin-left: 8px;
    margin-top: 15px;
}

.LegendInfo_iframe_body_text{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-left: 32px;
}

    .LegendInfo_iframe_body_text > span{
        color: #c20012;
        font-weight: bold;
        padding: 0 5px;
    }

.LegendInfo_iframe_body_Noticetext{
    font-size: 14px;
    color: #c20012;
    line-height: 22px;
    margin-left: 32px;
}

    /*20161202 Roger 新增樣式*/
    .LegendInfo_iframe_body_Noticetext span{
        float:left;
    }

    .LegendInfo_iframe_body_Noticetext span:last-child{
        width: 544px;
    }
    /*20161202 Roger 新增樣式*/

/*20161125 Roger 新增icon說明區樣式 end*/


/*20161205 Roger 新增*/

.Contents .AllArticles_title{
    width: auto;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #C08F1A;
}

.Contents .AllArticles a{
    color: #A3A34F;
}


/*20161205 Roger 新增 end*/

/*20121216 Roger 新增*/
.WineryHeand h2>span>a{
    color: #595757;
}

/*20121216 Roger 新增 end*/

/*20180529 Roger add*/
.InStockOnly{
    font-size: 16px;
    line-height: 35px;
    margin-left: 16px;
    margin-top: 5px;
}

.InStockOnly input{
    margin-right: 10px;
}

/*20180529 Roger add end*/

/*loading*/
.lds-grid {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #999;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/*追蹤清單下架商品*/

.Result .NotSell .Wine_Name h1, .Result .NotSell .Wine_Name h2,.Result .NotSell .Wine_Name h3{
    opacity: 0.4;
}

.NotSell .WineInformation_layout{
    opacity: 0.4;
}

.Result .NotSell .Wine_Name .WinePage{
    opacity: 0.4;
}

.NotSell .NotSellTextBox{
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    padding: 0 16px;
    background-color: #f3f4f5;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    font-size: 14px;
    line-height: 35px;
    color: #666;
    margin-top: 8px;
}

.NotSell .NotSellTextBox a{
    color: #c20012;
    font-weight: bold;
    text-decoration: underline;

} 


/*黑底*/
.bg_black{
    background: rgba(0,0,0,0.8);
    z-index: 9999999;
    position: fixed;
    top:0;
    left:0;
    display:none;
}


.notice_BG{
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #666666;
    box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    position: fixed;
    z-index:999999;
    max-width: 40%;
    max-height: 50%;
}

.notice_BG div:focus{
    outline: none;
}

/*給Popwindow的部分*/
.bg_black{
    justify-content: center;
    align-items: center;
}

.notice_BG{
    max-width: 100vw;
    max-height: 100vh;
    height: 100vh;
}

.notice_body p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.notice_body_input_layout input[type=text]{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.notice_body p.hint{
    font-size: 14px;
}

/*20191112 Roger fix*/
.notice_title_layout{
    width: 100%;
    height: 40px;
    background-color: #666666;
    border-radius: 4px 4px 0 0;
    position: relative;
    padding: 0 40px;
    box-sizing: border-box;
}
/*20191112 Roger fix end*/

.notice_title{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

/*20191112 Roger fix*/
.notice_title_closeBTN{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/btn_close.png);
    position: absolute;
    top: 10px;
    right: 10px;
}
/*20191112 Roger fix end*/

.notice_title_closeBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/btn_close2.png);
}

.notice_body{
    padding: 32px;
    box-sizing: border-box;
}


     .notice_body p.hint{
        color :#c20012;
        font-size: 12px;
        text-align: left;
     }

    .notice_body p span{
        color: #c20012;
        font-weight: bold;
        margin: 0 3px;
    }

    .notice_body p em{
        display: inline-block;
        vertical-align: super;
        margin-left: 5px;
        width: 150px;
        height: 1px;
        background-color: #333;
    }

    .notice_body p b{
        font-size: 15px;
        text-shadow: 0 0 0 rgba(0,0,0,.8);
    }

    .notice_body a{
        color: #666;
        text-decoration: underline;
    }

.notice_body_input_layout{
    width: 100%;
    /*height: 32px;*/
    margin-top: 16px;
}

.notice_body_input_layout:first-child{
    margin-top: 0;
}


.notice_body_input_layout:after{
    content:"";
    display: block;
    height: 0;
    clear: both;
}

    .notice_body_input_layout span{
        display: inline-block;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        font-weight: bold;
        color: #666666;
        float: left;
        margin-left: 16px;
    }

    .notice_body_input_layout input[type=text]{
        display: block;
        height: 40px;
        font-size: 15px;
        background-color: #fff;
        border:1px solid #cccccc;
        border-radius: 3px;
        line-height: 30px;
        margin: 0 auto;
        padding: 0 10px;
        color: #333333;
        outline: none;
        box-sizing: border-box;
    }

    .notice_body_input_layout input[type=checkbox]{
        float:left;
    }

.notice_body_radio_layout{
    width: 100%;
    height: 32px;
    margin: 16px 0;
}

    .notice_body_radio_layout input{
        display: inline-block;
        float: left;
        margin-top: 10px;
        margin-right: 5px;
    }

    .notice_body_radio_layout span{
        display: inline-block;
        min-height: 32px;
        line-height: 32px;
        font-size: 18px;
        color: #666666;
        float: left;
    }

        .notice_body_radio_layout span em{
            color: #c20012;
            font-weight: bold;
            margin: 0 3px;
        }

.notice_btn_row{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}


.notice_btn_row:after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.notice_btn_row .notice_btn{
    float: left;
    margin-right: 5px;
}

.notice_btn_row .notice_btn:last-child{
    margin-right: 0;
}

.notice_confirmBTN{
    min-width: 100px;
    height: 41px;
    background-image: url(../images/icon/btn_confirm.png);
    margin: 0 auto;
    margin-top: 20px;
}

.notice_confirmBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/btn_confirm2.png);
}

button.notice_confirmBTN{
    min-width: 100px;
    height: 40px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 7px;
    background-color: #939334;
    font-weight: bold;
    /*取消舊有style 待舊按鈕退役可移除*/
    box-sizing: border-box;
    background-image: unset;
    margin: 0;
}

/*取消舊有style 待舊按鈕退役可移除*/
button.notice_confirmBTN:hover{
    background-image: unset;
}

button.notice_confirmBTN:not(only-child){
    margin-left: 16px;
}

button.notice_cancelBTN{
    width: 100px;
    height: 40px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 7px;
    background-color: #999999;
    font-weight: bold;
}


.notice_IseeBTN{
    width: 100px;
    height: 41px;
    background-image: url(../images/icon/btn_Isee.png);
    margin: 20px auto;
}

.notice_IseeBTN:hover{
    cursor: pointer;
    background-image: url(../images/icon/btn_Isee2.png);
}

.SubmitBTN{
    width: 80%;
    height: 50px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 7px;
    background-color: #939334;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: bold;
}

.SubmitBTN + .SubmitBTN{
    margin-top: 10px;
}

.GrayBTN{
    width: 30%;
    height: 50px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 7px;
    background-color: #666;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: bold;
}

.BackhomeBTN{
    width: 30%;
    height: 50px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 7px;
    background-color: #939334;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: bold;
}

a.BackhomeBTN{
    color: #fff;
    text-decoration: none;
}

.notice_btn_trackall{
    width: 139px;
    height: 41px;
    background-image: url(../images/icon/btn_trackall.png);
}

.notice_btn_trackall:hover{
    cursor: pointer;
    background-image: url(../images/icon/btn_trackall2.png);
}

.notice_btn_tracksingle{
    width: 139px;
    height: 41px;
    background-image: url(../images/icon/btn_tracksingle.png);
}

.notice_btn_tracksingle:hover{
    cursor: pointer;
    background-image: url(../images/icon/btn_tracksingle2.png);
}


.notice_body .member_login_row{
    width: 100%;
    margin-top: 16px;
}

.notice_body .member_login_row:first-child{
    margin-top: 0;
}

.notice_body .member_login_row:after{
    content:'';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.notice_body .member_login_row .title{
    width: 15%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    float: left;
    text-align: right;
}

.notice_body .member_login_row input[type=text]{
    width: calc(85% - 16px);
    height: 30px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    margin-left: 16px;
    color: #666666;
    outline: none;
    box-sizing: border-box;
}

.notice_body .member_login_row input[type=password]{
    width: calc(85% - 16px);
    height: 30px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    margin-left: 16px;
    color: #666666;
    outline: none;
    box-sizing: border-box;
}

.notice_body .member_login_row input[type=checkbox]{
    float: left;
    margin-left: 16px;
    margin-top: 3px;
}

.notice_body .member_login_row span{
    font-size: 14px;
    margin-left: 10px;
    color: #666;
    float: left;
}

.notice_body .member_login_row a{
    font-size: 14px;
    color: #666;
    margin-left: 10px;
    text-decoration: underline;
}

.notice_body .member_login_row .captcha{
    height: 30px;
    width: auto;
    float: left;
    margin-left: 10px; 
}

.notice_body .member_login_row .reload{
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 8px;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #666;
    background-color: #666;
    background-image: url(../images/icon/AgainIcon.png);
    background-position: center;
    background-repeat: no-repeat;
}

.notice_body .eventdiscount_row{
    width: 100%;
    margin-top: 16px;
}

.notice_body .eventdiscount_row:first-child{
    margin-top: 0;
}

.notice_body .eventdiscount_row:after{
    content:'';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.notice_body .eventdiscount_row .eventname{
    width: 70%;
    min-height: 35px;
    font-size: 16px;
    line-height: 21px;
    color: #666;
    float: left;
}

.notice_body .eventdiscount_row .discount{
    width: 30%;
    max-height: 35px;
    font-size: 16px;
    line-height: 21px;
    color: #c20012;
    float: left;
    text-align: right;
    font-weight: bold;
}

.notice_body .eventdiscount_seperateline{
    width: 95%;
    height: 1px;
    border-top: 1px dotted #cccccc;
    margin: 0 auto;
    margin-top: 10px;
}

.notice_body .row{
    width: 100%;
    margin-top: 16px;
}

.notice_body .row input[type=checkbox]{
    margin-right: 5px;
}

.notice_body .row .text{
    font-size: 14px;
    color: #666;
}