@charset "utf-8";
*{margin: 0;padding: 0}
body{text-align: center;font: 1vw Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}
/*.header{position: fixed;top: 0;left: 0; width: 100%; background-color: #abb8c3;;z-index: 66;}*/
.header{position: inherit; top: inherit; left: inherit; width: 100%; background-color: #FFFFFF; z-index: 66;}
.header .menu{display: flex;align-items: center;align-content: space-between;height: 100px;width: 98%;margin: 0 auto;font-size: 0.8vw}
.header .menu .logo{width: 20%;text-align: left}
.header .menu .logo img{width: 100%;height: 100px;}
.header .menu .class_class{width: 50%;text-align: left}
.header .menu .class_class ul{list-style: none;overflow: hidden;}
.header .menu .class_class ul li{float: left;width: 80px}
.header .menu .class_class ul li a{text-decoration: none;font-size: 0.9vw;color:#000000;}
.header .menu .class_class ul .weight a{font-weight: bold;color: #333333 !important}

.header .menu .cart{width: 30%;text-align: center;display: flex;align-items: center;height: 100px;line-height: 100px;cursor: pointer}
.cart .count-count{width: 35%;height: 28px;overflow: hidden;margin-left: 2%;position: relative}
.cart .count-count .middle{line-height: 28px;font-size: 0.72916vw;text-align: left;display: flex;align-items: flex-start;gap: 5px}
.cart .count-count .ca{position: absolute;top:40%;left: 29%;border-top:0.4vw solid #666666;border-left:0.3vw solid transparent;border-right:0.3vw solid transparent;}

.cart .user{width: 35%;text-align: right;overflow: hidden}
.cart .user a{text-decoration: none;color: #333333;font-size: 0.72916vw;}

.cart .my_order{width: 30%}
.cart .my_order a{text-decoration: none;color: #333333;font-size: 0.72916vw;}
.cart .my_order .cart_img{width: 28px;}
.header .menu .cart .cart_text{font-size: 1vw;color: #8d8686;font-weight: bold}
.header .menu .cart .cart_text .red{color: #e51a1a;}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* Safari */
    margin: 0;
}
.none{display: none}
#footer{height: 100px;background-color: #5b5b5b;line-height: 100px;margin-top: 10px}
#footer .middle{font-size: 1vw;color: hsla(0, 0%, 100%, .5);}
select{
    background-color: #fff;  box-sizing: border-box; color: #333;
    font-size: 1vw;  height: 2em;  max-width: 100%; padding: 0 0.75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;  width: 100%; border: none; outline: none;
}
/*語言*/
.lang_list{
    position: fixed;
    top: 62px;right: 4.2vw; background-color: #ffffff;
    box-shadow: rgba(14, 18, 22, 0.35) 0 10px 38px -10px, rgba(14, 18, 22, 0.2) 0 10px 20px 0;
    z-index: 2025; width: 10vw; padding: 20px;
    display: none;
}
.lang_list .common-title{text-align: left;font-size: 0.8vw}
.lang_list .lang-item{display: flex;flex-wrap: wrap;align-items: center;margin-top: 15px;font-size: 0.8vw}
.lang_list .flex_box{display: flex;flex-wrap: nowrap;align-items: center;width: 50%;margin-bottom: 10px;margin-top: 5px;}
.lang_list .flex_box label{width: 25%;}
.lang_list .flex_box .radio_text{width: 60%;text-align: left;font-size: 0.8vw}
.lang_list .ca{position: absolute;top:-6%;left: 50%;border-bottom:0.4vw solid #ffffff;border-left:0.3vw solid transparent;border-right:0.3vw solid transparent;}
/**user**/
.user_list{
    position: fixed;
    top: 62px;right: 17vw; background-color: #ffffff;
    box-shadow: rgba(14, 18, 22, 0.35) 0 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px 0px;
    font-size: 0.8vw; width: 10vw;
    z-index: 2025; text-align: left;
    padding-top: 20px; display: none; cursor: pointer;
}
.user_list .one_li{height: 40px;line-height: 40px;padding-left: 10px}
.user_list .one_li:hover{background-color: #edf4fc}
.user_list a{text-decoration: none;color: #333333;font-size: 0.8vw; display: block; width: 100%}
.user_list a:hover{color: #007BFF}
.user_list .ca{position: absolute;top:-5%;left: 50%;border-bottom:0.4vw solid #ffffff;border-left:0.3vw solid transparent;border-right:0.3vw solid transparent;}
.el-page{display: flex;justify-content: flex-end;align-items: center;flex-wrap: nowrap;font-size: 0.6vw;}
.el-page button{background-color: #ddd;padding: 6px 8px;text-align: center;border: none;margin: 0 4px;cursor: pointer}
.el-page .el-pager{display: flex;align-items: center;list-style: none}
.el-page .el-pager .number{background-color: #ddd;padding: 8px 10px;text-align: center;border: none;margin: 0 4px;cursor: pointer}
.el-page .el-pager .is-active{background-color: #4a90e2;color: #ffffff}
.el-page .el-pager .is-active a{color: #FFFFFF;}
.el-page .el-pager .is-active a:hover{color: #FFFFFF !important}
.el-overlay{position: fixed;top: 0;bottom: 0;left: 0;overflow: auto;z-index: 2027;background-color: #00000080;width: 100%;height: 100%;text-align: center;display: none}
.el-overlay img{ position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}