@charset "utf-8";
@import url("../mod_case_css/css_case_eshop_default_20191118.css");
@import url("../mod_case_css/css_case_eshop_detail_20191017.css");
@import url("../mod_case_css/css_case_eshop_cart_20200406.css?0820");

.mod{
    position: relative;
}

.mod .cart_cont{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4C9ED9;
    color:white;
    font-weight: bold;
    min-height: 55px;
    transition: 0.2s all ease-in-out;
    border: thin solid transparent;
    padding: 5px 10px 5px 10px;
    max-width: 250px;
    max-height: 500px;
    height:55px;
    overflow:hidden;
    z-index: 10;
}
    .mod .cart_cont.slide{
        top: 120px;
    }
.mod .cart_cont:hover{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    background-color: #3684BC;
    border: thin solid #efefef;
}
    .mod .cart_cont .cart_sum{
        padding: 0 0px 0 55px;
        background-image: url(../images/cart.png);
        background-position: 0px 0;
    }
    .mod .cart_cont .button_cart_list{
        padding: 5px 0;
        border-top:thin solid #fff;
        margin:3px 0 0 0;
        display:none;
        font-weight:normal;
    }
    .mod .cart_cont .button_cart_list .row{
        font-size: 12px;
        margin:0 0 2px 0;
        border-bottom: thin solid #5996c2;
        padding: 0 0 2px 0;
    }

    
.eshop_paginator{
    text-align:center; 
    font-size: 14px;
    margin: 15px 0 10px 0;
}
        .eshop_paginator .item{
            display:inline-block;
            margin: 0 7px;
        }
        .eshop_paginator .item a{
            color:#3f3f3f;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
            display: block;
            border-radius: 50%;
            line-height: 40px;
            height: 40px;
            width: 40px;
            text-align: center;
            transition: 0.1s ease-in-out all;
        }
        .eshop_paginator .item a:hover{
            color:white;
            background-color: rgb(35, 67, 144);
        }
        .eshop_paginator .item_selected{
            background-color: rgb(35, 67, 144);
            color:white;
            display:inline-block;
            margin: 0 7px;
            border-radius: 50%;
            line-height: 40px;
            height: 40px;
            width: 40px;
            text-align: center;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
        }
        
        
/*************************ESHOP WINDOW OPTION**********************************/            
#window_option .p_row{
    border-bottom: thin solid #ccc;
    padding: 5px 10px;
}
    #window_option .p_row:hover{
        background-color: white;
    }
    #window_option .p_row h2{
        font-size: 1.3em;
        font-weight: normal;
        margin: 0 0 5px 0;
    }
        #window_option .p_row h2 a{
            color:black;
        }
            #window_option .p_row h2 a:hover{
                color:red;
                text-decoration: underline;
            }
    #window_option .p_row .image img{
        max-height: 50px;
    }
    #window_option .p_row .number input{
        padding: 5px 5px 5px 10px;
        width: 80px;
    }
    #window_option .p_row input.add_to_cart{
        padding: 3px 7px;
        font-size: 1.2em;
        box-shadow: none;
    }
    #window_option .p_row input.add_to_cart.add_to_cart_default{
        background-color: green;
    }
    #window_option .p_row input.add_to_cart.add_to_cart_and_pay{
        background-color: blue;
    }

        
        
        
/*************************ESHOP WEBMENU****************************************/    

#eshopmenu{
    z-index: 10;
}
    #eshopmenu ul,
    #eshopmenu ul li{
        list-style: none;
    }
    #eshopmenu ul li a{
        display: block;
        position: relative;
    }
    #eshopmenu  ul  li a .num{
        position: absolute;
        right: 2px;
        font-size: 10px;
        bottom: 2px;
    }
                                            /*************MAIN MENU************/
    #eshopmenu ul{
        font-size: 0px;
        margin: 0;
    }
    #eshopmenu > ul > li{
        position: relative;
        background-color: #4c9ed9;
    }
        #eshopmenu > ul > li:hover{
            background-color: #2d5ca4;
        }
            #eshopmenu > ul > li:hover > a{
                padding: 10px 15px 10px 20px;
                background-position: right 7px center;
                background-color: #2d5ca4;
            }
        #eshopmenu > ul > li > a{
            padding: 10px 15px;
            font-size: 14px;
            color:#fff;
            border-bottom: thin solid #79afd5;
            transition: 0.15s ease-in-out all;
            background-image: url(../images/eshop_menu_arrow.png);
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-color: #4c9ed9;
            cursor: default;
        }
            #eshopmenu > ul > li > a.selected,
            #eshopmenu > ul > li > a:hover{
                padding: 10px 15px 10px 20px;
                background-position: right 7px center;
                background-color: #2d5ca4;
            }
        
        #eshopmenu > ul > li ul{
            min-width: 220px;
            visibility: hidden;
            opacity: 0;
        }
            #eshopmenu > ul > li:hover ul{
                visibility: visible;
                opacity: 1;
            }
        
        
        

                                            /**********FIRST SUBMENU***********/
        
        #eshopmenu > ul > li > ul{
            position: absolute;
            background-color: #2d5ca4;
            left: 100%;
            font-size: 13px;
            padding: 10px;
            top: 0;
            transition: 0.2s all ease-in-out;
        }
        
            #eshopmenu > ul > li > ul > li > a{
                color:#fff;
                border-bottom: thin solid #79afd5;
                padding: 6px 5px;
                transition: 0.15s all ease-in-out;
            }
                #eshopmenu > ul > li > ul > li > a.selected,
                #eshopmenu > ul > li > ul > li > a:hover{
                    background-color: #79afd5;
                    padding: 6px 5px 6px 10px;
                }
               
                
                                            /**********SECOND SUBMENU**********/
            
                #eshopmenu > ul > li > ul > li > ul{
                    
                }
                    #eshopmenu > ul > li > ul > li > ul > li{
                        
                    }
                    #eshopmenu > ul > li > ul > li > ul > li > a{
                        font-size: 1.3em;
                        padding: 3px 15px;
                    }
                    
                    
                                             /**********THIRD SUBMENU**********/
            
                    #eshopmenu > ul > li > ul > li > ul > li > ul{

                    }
                        #eshopmenu > ul > li > ul > li > ul > li > ul > li{

                        }
                        #eshopmenu > ul > li > ul > li > ul > li > ul > li > a{
                            font-size: 1.3em;
                            padding: 3px 15px;
                        }