@charset "utf-8";
html,body{
    width: 100%;
    max-width: 800px;
    margin: auto;
    
}
.container{
    width: 100%;
}
.main{
    width: 100%;
    position: relative;
}
.shop-intro{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 15px;
}
ul.intro-detail{
    width: 100%;
    height: auto;
}
ul.intro-detail li{
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
 
}
ul.intro-detail li:first-child{
    width: 30%;
}
ul.intro-detail li:nth-child(2){
    width: 70%;
/*    padding: 10px 0;*/
    margin-top:30px;
    font-size:14px;
    color: #13225d;
    font-weight: 600;
   
}
ul.intro-detail li:last-child{
    width:25%;
    margin-top: 20px;
   
}

span.shop-ct{
    color: #F15F5F;
    font-weight: bold;
}
.tab-group{
    max-width:800px;
    margin: auto;
    box-shadow: 0 5 5 #bbb;
    clear: both;
}

ul.tabs{
    width:100%;
    margin:auto;
    display:flex;
    margin-top: 10px;
    border-top: 0.5px solid #bbb;
    box-shadow: 0 4px 4px #bbb;
    
}
ul.tabs>li{
    width:25%;
    list-style:none;
    height:35px; 
    position:relative;
    z-index:10;
}
ul.tabs>li>a{
    display:flex;
    height:100%;
    justify-content: center;
    align-items: center;
    border-bottom:none;
    border-right:none;
    font-size: 12px;
    font-weight:bold;
}

ul.tabs>li>a:hover,
ul.tabs>li>a:focus,
ul.tabs>li>a.active{
    border-bottom:5px solid orange;
    border-top:5px solid orange;
    color: orange;
    
}
ul.tabs>li>a.active{
    color:#980000;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    
}

div.tab-content{
    width:100%;
    height: auto;
    padding: 5px;
    margin:auto;
    position:relative;
    top:-1px;
    display:none;
    color: black;
   
}

h1.shop-log{
    width: 100px;
    height: auto;

}

.shop-sub{
    clear: both;
    width:100%;
    float: left;
    padding: 8px;
    box-shadow:0 2 2 #bbb;
    padding-bottom: 20px;
    
}
ul.sub{
    width: 90%;
    margin: auto;
 }
ul.sub li{
    list-style: none;
    width: 33.33%;
    float: left;
    padding: 2px;
}
ul.sub li img{
    width: 100%;
    overflow: hidden;
    padding: 3px;
        
}
ul.sub li p{
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    padding-top: 5px;
    text-align: center;
}
.new-p{
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
      
}
.new-p img{
    width: 100%;
   
          
}
.new-p p{
    width:100%;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    margin-top: 20px;
    color: #747474;
}

div.modal-wrap{
    position: fixed;
    width: 100%;
    height: 80%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 9999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    display:none;
    overflow: auto;

}
.m-close{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: white;
    color: black;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: none;
    
}
div.modal-body{
    width: 80%;
    height: auto;
    max-height: auto;
    overflow: auto;
    background-color: white;
    margin: auto;
    border: 5px solid white;
}
div.modal-body img{
    width: 100%;
    
}
div.modal-body{
    -ms-overflow-style:none;
    scrollbar-width:none;
}
div.modal-body::-webkit-scrollbar{
    display: none;
}


span.noti,span call{
    color:white;
    font-weight: 500;
}
.cosmofarm-comments{
    width: 100%;
}
.bottom-bar{
  width: 100%;
  max-width: 800px;
  color:white;
  overflow: hidden;
  background-color:#13225d;
  bottom:1px;
  position: fixed;
  height :auto;
  box-shadow: 0 3px 3px #bbb;
  border-top: 1px solid white;
}
.bottom-bar img{
    width: 100%;
}
.shop-propage{
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
 }
.shop-propage img{
    width: 100%;
    border: 1px solid #bbb;
    box-shadow: 0 5px 5px #bbb;
    border-top: none;
    margin-bottom: 15px;
}
.shop-infom{
    width: 100%;
    padding: 10px;
    margin-top: 20px;
   
   
    
}

ul.si{
    width: 100%;
    
}
ul.si li{
    list-style: none;
    box-shadow: 5px 5px 5px #aaaaaa;
    border: 1px solid #bbb;
    border-radius: 10px;
    height: 150px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 30px;
    
}
span.k{
    font-size: 14px;
    color: #003399;
    font-weight: bold;
    padding-bottom: 10px;
}

.del-price{
    font-size: 10px;
    color: blue;
    margin-top: 10px;
    text-align: right;
    margin-right:10px;
      
}
.checked {
  color: orange;
}
.w3-container{
    height: auto;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th{
    color:#353535;
    text-align: center;
    padding: 20px  2px ;
    text-align: center;
   
}

h4{
    text-align: center;
    font-size: 1em;
    color:#002266;
    font-weight: bold;
    width: 25%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    
}
table, td, th{
    border: 0.5px solid #bbb;
 
}
th,td,tr{
    font-size: 12px;
    font-weight: 600;
    
}
span.shop-name{
    font-size: 1em;
    font-weight: 
}
.w3-border{
    border-radius: 15px;
    border: 4px solid #bbb;
}
.w3-padding{
    font-size: 0.7em;
}
.w3-table-all tr:nth-child(even){
    background-color:#D5D5D5;
}
.bottom-p{
    width: 100%;
    height: auto;
}

ul.b-d{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 10px;
    
   
}

ul.b-d li{
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
   
}
.b-p{
    width: 30%;
}
.b-p img{
    width: 100%;
   
}
.b-c{
    width: 70%;
    margin-left: 15px;
   padding-right: 15px;
}
.b-c p{
    font-size: 10px;
    padding:5px;
    color: #747474;
}

span.name{
    font-size: 15px;
    font-weight: bold;
    color: #002266;
 
}
span.name1{
    font-size: 13px;
    font-weight: bold;
    color: #980000;
}
.top-b{

position : fixed;
right : 44%;
bottom:70px;
z-index:9999999;
width:40px;
font-size:1.5em;
height:40px;
border:1px solid black;
text-align:center;
padding-top:7px;
border-radius:25px;
color:white;
border:none;
display:none;
border: 1px solid white;
background-color: rgba(0,0,0,0.5);
}