*{
    margin: 0;
    padding: 0;
/*    font-family: 'Microsoft JhengHei', sans-serif;*/
}
html{
    height: 100vh;
}
body {
    background-color: #fff;     
}

#main-panel{
    background-color: #fff;     
    
    padding:55px 15px 5px 15px;
    border-radius: 0; 
/*    padding-top:45px;*/
}
#main-panel>.open_mask{
   position: fixed;
   top:0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   background-color: #000;
   z-index: 10; 
    transition: all 0.5s ease;
   display: none;
}
@media screen and (max-width: 600px) {
    /*#title-panel{
        
    }
    #main-panel{
        height: calc(100vh - 132px);
    }*/
    /*#title-panel .btn,#main-panel .btn{
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
        display: inline-block;
    }*/
}
#container-header{
    width: 100%;
    height: 50px;
    text-align: center;
    position: fixed;
    z-index: 999;
    /*小伸縮按鈕位置 正常180*/ 
    margin-left: 10px;
    line-height: 50px;
    top:0;
}
#container-header button {    
    color: #fff;    
/*    margin-top: 5px;*/
line-height: 1.5;
}
#container-header .fa{
    font-size:1.4rem;
}
#container-header #header-cartqty{
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 25rem;
    height: 23px;
    width: 23px;
    background-color: rgb(212 116 116 / 70%);
/*    line-height: 23px;*/
    border: 1px solid #ddd;
    font-size: .9rem;
}
#container-header .dropdown,#container-header .dropdown-submenu {
    width: 100px;
    margin-right: 20px;
}
#container-header .dropdown-toggle::after {
    display:none;
}
#container-opt{
    position: fixed;
    width: 180px;
    height: 100%;
    /*padding-top: 20px;*/
    left: 0px;
    top:0;
    font-size: 15px;    
    z-index: 999;
    overflow-y: auto;
}
#container-main{
    position: absolute;
    width: 100%;
    height: 100%;
}
#container-main-layer{
    margin-top: 50px;
    height: 100%;
}
#container-opt-panel {
    /*margin-top: 50px;*/
}
#container-opt-panel ul{
    list-style-type: none;  
    overflow-y:auto; 
}
#container-opt-panel ul li{
    width: 100%;
    /*text-align: center;*/ 
    /*text-indent: 50px;*/
    text-align: left;    
    line-height: 30px;
    border-bottom: 1px solid #485760;
}
#container-opt-panel ul li.titleFunction{
    /*padding: 20px 0;*/    
}
#container-opt-panel ul li > a,#container-opt-panel ul div > a{
    width: 100%;
    padding: 8px 10px;
    display: block;    
}
#container-opt-panel ul li a:hover{
    text-decoration: none;
    border-right: 5px solid #ddd;
}
#container-opt-panel ul li a:active,#container-opt-panel ul li a:focus{
    text-decoration: none;
}
#container-opt-panel ul li span,#container-opt-panel ul div span{
    margin-right:5px;
    margin-left: 0px;
    display: inline-block;
    vertical-align:middle;
    margin-top: 8px;
}
#container-opt-panel ul.subFunction li span{
    margin-right:15px;
    float: right;
}
#container-opt-panel ul li.dropdown ul,#container-opt-panel ul li.dropdown-submenu ul {
    display: none;
    border-top: 1px solid #485760;
/*    border-bottom: 1px solid #ddd;*/
/*    background-color: #4c4d5e;*/
}
#container-opt-panel ul li.dropdown ul li a,#container-opt-panel ul li.dropdown-submenu ul li a {
    /*text-align: center;*/
    font-size: 15px;
    /*padding: 8px 10px;*/
    padding: 5px 10px 5px 20px;
}
#container-opt-panel ul li.dropdown ul li a:hover,#container-opt-panel ul li.dropdown-submenu ul li a:hover {
    border-right: none;
    /*border-bottom: 1px solid #55AA00;*/
    /*background-color:#55AA00;*/
}
#HeaderLogo{    
  /*  margin: 0 auto; 
    margin-left: -40px; */
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 50px;
    text-align: center;    
    border-bottom: .5px solid #485760;
    font-size:20px;
    padding:0 2px;
}
#HeaderLogo a{
    text-decoration: none;
    color: #FFFFFF;
}

.headershadow{
    box-shadow: 0 0 10px 0 #272a27;
}
.dropdown-product{
    max-height: calc(100svh - 100px);
}
/*#container-opt-panel img{
    width: 100%;
    background-color: #091929;
    height: 50px;
    margin-top: 0px;
}*/
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.dropdown-menu
{
    padding: 0;
}

@media (max-width: 600px){
    .title_name{
        /*text-align: center;*/
        padding-bottom: .25rem
    }
    .title_button{
        /*text-align: center;*/
    }
}

div::-webkit-scrollbar-track
{
  /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);*/
  border-radius: 10px;
  /*background-color: #fafafa;*/
}

div::-webkit-scrollbar
{
  width: 0px;
  background-color: #fff;
}
div::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
  background-color: #eee;
}

/*[v-cloak] {
  display: none;
}*/