.button-container1 {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.cart {
  position: relative; display: flex; align-items: center;
}

.cartCount {
  background-color: red;
  border: 2px solid white;
  border-radius: 50%;
  color: white;
  font-size: 12px;
  font-weight: bold;position: absolute;
  line-height: 18px;                                       /* 垂直居中數字 */
  min-width: 20px;                                         /* 最小寬度 */
  padding: 2px 6px;                                        /* 內邊距 */
  right: -25px;  
  text-align: center;
  top: 5px;
}

.center-block {
  display: block;
  margin: 0 auto;
}

.drop-down-menu {                                          /* [第一層屬性] */
  display: flex;
  gap: 1px;
  justify-content: center;
  list-style-type: none;
  margin: 1 auto;
  overflow: auto;
  padding: 0;
  position: relative;
  width: 1024px;
}

.drop-down-menu li {                                       /* [第一層項目] */
  background-color: blue;
  color: white;
  font-size: 20px;
  gap: 1px;
  height: 30px;
  justify-content: center;
  text-align: center;
  width: 120px;
}

.drop-down-menu li a {color: white;}

.drop-down-menu ul {                                       /* [第二層屬性] */
  display: none;
  list-style-type: none;
  position: absolute;
  z-index: 99;
}

.drop-down-menu ul li {                                    /* [第二層項目] */
  background-color: white;
  border: 1px solid black;
  color: blue;
  font-size: 20px;
  font-family: 標楷體;
  height: 30px;
  justify-content: center;
  text-align: center;  
  width: 120px;
}

.drop-down-menu li:hover {background-color: red;}          /* 滑鼠滑入時,背影顏色 */
.drop-down-menu li a:hover {background-color: red;}        /* 滑鼠滑入時,背影顏色 */

.drop-down-menu li:hover > ul {display: block;}

.logo {display: flex;}

.main {
  display: inline-flex;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 1024px;
}

.markCircle {                                              /* {圓形} */
  background-color: blue;
  border-radius: 50px;
  display: flex;
  height: 50px;
  width: 50px;
}

.markSquare {                                              /* {方形} */
  align-items: center;
  background-color: white;
  display: flex;
  height: 30px;
  justify-content: center;
  margin: auto;
  width: 30px;
}

.markText {color: red;}

.msgRtn {display: flex; align-items: center;}

/* .parent-container {
  position: relative;       
} */      

.parent-login {
  position: relative;
  border: 2px solid blue;
  background-color: lightblue;
}

.sub-Regstr {                                            /* {註冊用子視窗} */  
  background-color: lightblue;
  border: 2px solid red;
  display: none;
  height: 500px;
  left: 250px;
  position: absolute;
  top: 150px;
  width: 570px;  
}

.usr {position: relative; display: flex; align-items: center;}

.usrType { 
  background-color: red;
  border: 2px solid white;
  border-radius: 50%;
  color: white; 
  font-size: 12px;
  font-weight: bold;
  left: -25px;
  line-height: 18px;
  min-width: 20px;
  padding: 2px 6px;
  position: absolute;
  text-align: center;
  top: 5px;
}