/** 配色 深163100, 214a00, 76b245, a3d071 **/
.divMega-dropdown-menu
{
    padding:0;
}
.mega-dropdown-menu .menu-toggle .Close a,
.mega-dropdown-cart .cart-toggle
{
    display: none;
}

.mega-dropdown-menu
{
    background:#FFF;
    border-radius: .3em;
    border:1px solid #008e46;
    /**FFB273
    background: -webkit-radial-gradient(circle,#FF4900,#f26925);
    background: -o-radial-gradient(circle,#FF4900,#f26925);
    background: -moz-radial-gradient(circle,#FF4900,#f26925);
    background: radial-gradient(circle,#FF4900,#f26925);**/
}
    .mega-dropdown-menu .menu-title
    {
        background-color: #163100;
        color: #FFF;
        border-radius: 30px;
        padding: 5px 10px;
    }

    .mega-dropdown-menu .menu-sub
    {
        font-size: 0.85em;
        color: #FFF;
        padding: 0 20px 0;
        margin: 10px 0;
    }
    .mega-dropdown-menu .menu-toggle,
    .mega-dropdown-cart .MyOrder{
        background-color:#008e46;
        color:#FFF;
        padding:9px 15px;
        font-size:0.9em;
    }
        .mega-dropdown-menu .menu-toggle .InfoBoxLeft
        {
            float:left;
        }
        .mega-dropdown-menu .menu-toggle .InfoBoxRight
        {
            float:right;
        }
        .mega-dropdown-menu .menu-sub a
        {
            padding: 3px;
            color: #008e46;
        }

            .mega-dropdown-menu .menu-sub a:hover, a:active
            {
                color:#008e46;
            }

            .mega-dropdown-menu .menu-sub a:focus
            {
                color: #008e46;
                outline: 0 !important;
                behavior: expression(this.onFocus=this.blur());
            }

.MenuDownBanner
{
    height:150px;
}
/** mega-dropdown-cart **/
.mega-dropdown-cart-empty
{
    border: 2px solid #ffb1a3;
    background: #FFF;
    text-align:center;
}

.mega-dropdown-cart
{
    margin: 0;
    border-radius: .3em;
    border:1px solid #008e46;
    background-color:#FFF;
    padding:0;
    /**
    background: -webkit-radial-gradient(circle,#FF4900,#f26925);
    background: -o-radial-gradient(circle,#FF4900,#f26925);
    background: -moz-radial-gradient(circle,#FF4900,#f26925);
    background: radial-gradient(circle,#FF4900,#f26925);**/
}
    .mega-dropdown-cart .ordermasterBox
    {
        font-size:.8em;
        padding:10px 20px;
        border-bottom:1px solid #f2f2f2;
    }
    .mega-dropdown-cart  ul, li
    {
        margin:0;
        padding:0;
    }
    .mega-dropdown-cart .ordermasterBox .leftBox
    {
        float:left;
    }
    .mega-dropdown-cart .ordermasterBox .rightBox
    {
        float:right;
    }
        .mega-dropdown-cart .btnSendCart
        {
            border:0;
            height:63px;
            width:88px;
            background-color:transparent;
            background-image:url(../../Images/btnCart.gif);
        }
    .mega-dropdown-cart .ordermasterBox .ordermaster
    {
        
    }
        .mega-dropdown-cart .ordermasterBox .ordermaster li
        {
            margin-bottom:3px;
        }
        
.divProdItemBoxAdd
{
    display:none;
}

    .mega-dropdown-cart .prod-item-box
    {
        border-bottom: 1px solid #f2f2f2;
        background: #FFF;
        margin:0px;
    }

        .mega-dropdown-cart .prod-item-box li
        {
            margin:0;
            padding: 0;
        }
            .mega-dropdown-cart .prod-item-box .row .col-xs-3 img
            {
                width: 100%;
                height: auto;
                margin-top:3px;
                margin-bottom:3px;
            }

        .mega-dropdown-cart .prod-item-box .prod-main-edit-box
        {
            height: 25px;
        }

            .mega-dropdown-cart .prod-item-box .prod-main-edit-box .icon-delete
            {
                display: block;
                float: right;
                margin: 3px 3px 0 0;
                background: #FFF;
                border-radius: 50%;
                padding: 0 5px 2px 5px;
            }
                .mega-dropdown-cart .prod-item-box .prod-main-edit-box .icon-delete a
                {
                    font-size: .85em;
                    font-family: "Roboto","Microsoft JhengHei",'Poppins',sans-serif;
                }

        .mega-dropdown-cart .prod-item-box .prod-main-title
        {
            padding: 5px 10px;
            font-size:0.8em;
        }
        .mega-dropdown-cart .prod-item-box .prod-body-item
        {
            margin-left:13px;
        }

/** prodDetail Box **/
#divProdDetail
{
    display:none;
    background:#fff;
    width:100%;
    margin-bottom:15px;
    padding:0;
    border:solid 5px #ffcc00;
}
    #divProdDetail .leftBox,
    #divProdDetail .rightBox
    {
        padding:0;
    }

    #divProdDetail .leftBox img
    {
        width:100%;
        height:auto;
    }
    #divProdDetail .rightInfo
    {
        padding-left:15px;
        padding-right:10px;
    }
    #divProdDetail .rightBox .closeProdDetail
    {
        float:right;
        margin-top:5px;
        font-size:0.7em;
        color:#ffcc00;
        cursor:pointer;
    }
        #divProdDetail .rightBox .QtyBox
        {
            display:table;
            width:100%;
            margin:5px 0;
            padding:8px 0 5px 0;
            border-top:dotted 1px rgba(0, 0, 0, 0.25);
            border-bottom:dotted 1px rgba(0, 0, 0, 0.25)
        }
            #divProdDetail .rightBox .QtyBox .LeftBox,
            #divProdDetail .rightBox .QtyBox .RightBox
            {
                padding:0;
            }
            #divProdDetail .rightBox .QtyBox .LeftBox
            {
                font-size:0.9em;
                margin-top:4px;
            }

        #divProdDetail .rightBox .ProdItemAddCartBox
        {
            text-align:center;
            margin-bottom:5px;
        }


/** prodCombine Box **/
#prodCombine
{
    display:none;
    background:#fff;
    width:100%;
    margin-bottom:15px;
    padding:0;
    border:solid 5px #ffcc00;
}
    #prodCombine .leftBox,
    #prodCombine .rightBox
    {
        padding:0;
    }

    #prodCombine .leftBox img
    {
        width:100%;
        height:auto;
    }
        #prodCombine .leftBox .Notes,
        #prodDetail .leftBox .Notes,
        #prodMain .leftBox .Notes
        {
            padding:15px 0 15px 15px;
            font-size:0.9em;
        }
    #prodCombine .rightBox
    {
        padding-left:15px;
        padding-right:10px;
    }
    #prodCombine .rightBox .closeProdDetail
    {
        float:right;
        margin-top:5px;
        font-size:0.7em;
        color:#ffcc00;
        cursor:pointer;
    }
        #prodCombine .rightBox .QtyBox
        {
            display:table;
            width:100%;
            margin:5px 0;
            padding:8px 0 5px 0;
            border-top:dotted 1px rgba(0, 0, 0, 0.25);
            border-bottom:dotted 1px rgba(0, 0, 0, 0.25)
        }
            #prodCombine .rightBox .QtyBox .LeftBox,
            #prodCombine .rightBox .QtyBox .RightBox
            {
                padding:0;
            }
            #prodCombine .rightBox .QtyBox .LeftBox
            {
                font-size:0.9em;
                margin-top:4px;
            }

        #prodCombine .rightBox .ProdItemAddCartBox
        {
            text-align:center;
            margin-bottom:5px;
        }
/** prodCombine Box **/
#prodMain
{
    display:none;
    background:#fff;
    width:100%;
    margin-bottom:15px;
    padding:0;
    border:solid 5px #ffcc00;
}
    #prodMain .leftBox,
    #prodMain .rightBox
    {
        padding:0;
    }

    #prodMain .leftBox img
    {
        width:100%;
        height:auto;
    }
    #prodMain .rightBox
    {
        padding-left:15px;
        padding-right:10px;
    }
    #prodMain .rightBox .closeProdDetail
    {
        float:right;
        margin-top:5px;
        font-size:0.7em;
        color:#ffcc00;
        cursor:pointer;
    }
        #prodMain .rightBox .QtyBox
        {
            display:table;
            width:100%;
            margin:5px 0;
            padding:8px 0 5px 0;
            border-top:dotted 1px rgba(0, 0, 0, 0.25);
            border-bottom:dotted 1px rgba(0, 0, 0, 0.25)
        }
            #prodMain .rightBox .QtyBox .LeftBox,
            #prodMain .rightBox .QtyBox .RightBox
            {
                padding:0;
            }
            #prodMain .rightBox .QtyBox .LeftBox
            {
                font-size:0.9em;
                margin-top:4px;
            }

        #prodMain .rightBox .ProdItemAddCartBox
        {
            text-align:center;
            margin-bottom:5px;
        }
/** main-prod-box **/
.main-prod-box
{
    font-weight: normal;
    margin: 0 15px;
}

    .main-prod-box li
    {
        margin: 0;
        padding: 0;
    }

        .main-prod-box li .main-prod-item
        {
            position: relative;
            background-color: #fafafa;
            border:solid 1px #ebefee;
            margin: 4px;
            padding:5px;
            width:100%;
        }
            .main-prod-box li .main-prod-item .plus-icon
            {
                display: block;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                position: absolute;
                right: 10px;
            	bottom: 50px;
                background: #2c97ea;
                border-radius: 50%;
                font-size: 1.7em;
                color: #fff;
                box-shadow: 0px 3px 3px #c0e0f9;
            }
                .main-prod-box li .main-prod-item .plus-icon:hover
                {
                    background: #ff9600;
                }
                .main-prod-box li .main-prod-item .plus-icon:focus
                {
                     outline: 0 none !important;
                     behavior: expression(this.onFocus=this.blur());
                }
            .main-prod-box li .main-prod-item .ProdPrice
            {
                font-size:.8em;
            }
            .main-prod-box li .main-prod-item .ProdName
            {
                height:21px;
                font-size: .8em;
                font-weight: bold;
                display:block;/*内联对象需加*/
                text-overflow: ellipsis;

                /* Point */
                overflow: hidden;
                white-space: nowrap;
            }

            .main-prod-box li .main-prod-item .PriceBox
            {
                width: auto;
                height: auto;
                background-color:#FFF;
            }
            .main-prod-box li .main-prod-item img
            {
                width: 100%;
                height: auto;
            }

            .main-prod-box li .main-prod-item label
            {
                font-weight: normal;
                font-size: 0.7em;
            }
/*--Bootstrap Select--*/
.bootstrap-select .btn {
    background-color: #fbfbfb;
    border-color: #e7e7e6;
    border-radius: 25px;
    box-shadow: none;
    height: 35px;
    padding:0 20px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: 0 none !important;
    behavior: expression(this.onFocus=this.blur());
    outline-offset: 0;
}

@media (min-width: 577px) and (max-width: 1200px) 
{
     .mega-dropdown-cart .ordermasterBox .rightBox .btnSendCart
        {
            width:70px;
            height:50px;
            background-size:contain;
        }

      .main-prod-box li .main-prod-item .plus-icon
            {
                right: 7px;
                top: auto;
                bottom:50px;
            }
}
@media (max-width: 775px)
{
    .MenuDownBanner
    {
        display:none;
    }
    /*.col-sm-6
    {
        margin: 0;
        padding: 0;
    }*/

    .Menu-m
    {
        display: block;
    }

        .Menu-m div
        {
            padding-top: 8px;
            border: 1px solid #FFF;
            height: 50px;
            text-align: center;
            background-color:#008d45;
            
            /**background: -webkit-radial-gradient(circle,#f36723,#db4d20);
            background: -o-radial-gradient(circle,#f36723,#db4d20);
            background: -moz-radial-gradient(circle,#f36723,#db4d20);
            background: radial-gradient(circle,#f36723,#db4d20);*/
        }

        .Menu-m a
        {
            color: #fff;
            font-size: 1.5em;
        }
        .Menu-m .undo
        {
            padding-top:12px;
        }
    .MobileCartBox {
        height:350px;
    }
    .BoxOverflowStyle
    {
        overflow-x: hidden; 
        overflow-y: auto; 
        height:100%;
    }
    .divMega-dropdown-menu
    {
        position:absolute;
        height:100%;
    }
    /** Menu Style **/
    .mega-dropdown-menu
    {
        position: absolute;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 1.2em;
        top: -49px;
        left:10px;
        width:350px;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
        z-index: 9999;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }
        
        .mega-dropdown-menu .menu-sub a
        {
            padding: 5px;
        }

        .mega-dropdown-menu.open
        {
            opacity: 1;
            visibility: visible;
            transform: translateX(0px);
            -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
            
        }
        .mega-dropdown-menu .menu-toggle .Close a
        {
            display:inline-block;
        }

            .mega-dropdown-menu .menu-toggle a
            {
                color: #FFF;
                font-size: 1.4em;
                margin-right: 10px;
            }

                .mega-dropdown-menu .menu-toggle a:hover, a:active
                {
                    color: #810127;
                }

        .mega-dropdown-menu .Close
        {
            text-align: right;
        }
    /** Cart Style **/
    .mega-dropdown-cart
    {
        top: 45px;
        left: 0px;
        position: absolute;
        right: 0px;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        z-index: 9999;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }
        .mega-dropdown-cart .btnSendCart {
            position:absolute;
            right:0px;
            top:80px;
        }

    .mega-dropdown-cart .ordermasterBox .rightBox .btnSendCart
        {
            width:88px;
            height:63px;
            background-size:auto;
        }

        .mega-dropdown-cart.openCart
        {
            opacity: 1;
            visibility: visible;
            transform: translateY(5px);
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
        }

        .mega-dropdown-cart .cart-toggle
        {
            display: block;
            border-bottom:solid 1px #ffcc00;
            color:#217cb7;
            font-size:1.5em;
            font-family:'Microsoft JhengHei';
            padding-bottom:10px;
            margin-bottom:5px;
        }
            .mega-dropdown-cart .cart-toggle:hover
            {
                color:#ffcc00;
            }

        .mega-dropdown-cart .prod-item-box .prod-main-title
        {
            
        }

    /** main-prod-box **/

    .main-prod-box
    {
        margin: 0 15px;
    }

        .main-prod-box li .main-prod-item
        {
            margin: 0;
        }

        .main-prod-box li .main-prod-item .plus-icon
        {
            top:auto;
            right: 10px;
            bottom: 50px;
        }
}