@charset "UTF-8";
/* CSS Document */
/* 首頁廣告圖片的自適應 */
.banner_div1 {
  z-index: 3;
  width: 390px;
  height: 180px;
  float: left;
  padding: 5px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.banner_div1 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

.banner_div2 {
  z-index: 3;
  width: 390px;
  height: 180px;
  float: left;
  padding: 5px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.banner_div2 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

/* 產品圖片的自適應 */
.product_div1 {
  position: absolute;
  z-index: 3;
  width: 180px;
  height: 180px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.product_div1 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

/* 產品圖片的右上角標籤 */
.product_mark1 {
  position: absolute;
  z-index: 9;
  width: 80px;
  height: 20px;
  left: 99px;
  top: 5px;
}

.product_mark1 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

/* 產品圖片的右上角標籤三角形 */
.product_mark3 {
  position: absolute;
  z-index: 9;
  width: 50px;
  height: 50px;
  left: 130px;
  top: 5px;
}

.product_mark3 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

/* 大區塊*/
.group_big1 {
  width: 800px;
  height: 800px;
  float: left;
  border: thin solid #FFFFFF;
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 20px;
}

/* 影子用區塊*/
.group_a {
  position: relative;
  width: 390px;
  height: 200px;
  float: left;
  border: thin solid #FFFFFF;
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 5px;
}

/* 字與底變色A-20200710_調整成頁籤 */
.cw {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #f08080;
}

.cw:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

/* 字與底變色B */
.cw2 {
  color: #5E5E5E;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 140px;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}

.cw2:hover {
  color: #F39800;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 140px;
  height: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}

/* 字與底變色C */
.cw3 {
  color: #ffffff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 90px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  background: #FF0000;
  border-radius: 5px;
}

.cw3:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
}

/* 字與底變色D */
.cw4 {
  color: #ffffff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 90px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  text-shadow: 1px 1px #909090;
}

.cw4:hover {
  color: #ffffff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 90px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  text-shadow: 0px 0px #909090;
}

/* 字與底變色F */
.cw6 {
  color: #ffffff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 90px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  text-shadow: 1px 1px #000;
}

.cw6:hover {
  color: #ffffff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 90px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  text-shadow: 0px 0px #000;
}

/* 字與底變色G */
.cw7:hover {
  width: 380px;
  height: 182px;
  float: left;
  border: thin solid #E4E4E4;
  background-color: #FFFFFF;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  box-shadow: 0 0 8px rgba(45, 45, 45, 0.8);
  transform: translateY(-2px);
}

.cw7 {
  width: 380px;
  height: 182px;
  float: left;
  border: thin solid #E4E4E4;
  background-color: #FFFFFF;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
  transition: all 0.3s;
}

/* 反映進價_按鈕 */
.right_space_gold_2_fx {
  width: 160px;
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #F39800;
}

/* 反映進價_按鈕 */
.right_space_gold_2_fx:hover {
  width: 160px;
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #B50033;
}

/* 右側客戶現金_變換底色 */
.right_space_money_1_fx {
  width: 50px;
  height: 30px;
  float: left;
  margin-left: 35px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #FF0004;
}

/* 右側客戶現金_店換底色 */
.right_space_money_1_fx:hover {
  width: 50px;
  height: 30px;
  float: left;
  margin-left: 35px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #B50033;
}

/* 首頁左側清單用字_type_a */
.li_type_a {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 88px;
  text-align: left;
  width: 180px;
}

/* 頁碼_範圍 */
.page_no {
  width: 960px;
  height: 30px;
  float: left;
  margin-left: 20px;
  background-color: #FFFFFF;
  margin-right: 20px;
}

/* 清單水平線_範圍 */
.product_list_line {
  width: 960px;
  height: 10px;
  float: left;
  margin-left: 20px;
  background-color: #FFFFFF;
  margin-right: 20px;
}

/* 清單模式文案_範圍 */
.product_list_text {
  width: 620px;
  height: 260px;
  float: left;
  background-color: #FFFFFF;
  margin-bottom: 0px;
  margin-top: 30px;
}

/* 清單模式按鈕_範圍 */
.product_list_btn {
  width: 620px;
  height: 40px;
  float: left;
  background-color: #FFFFFF;
}

/* 清單模式按鈕A_範圍 */
.product_list_btn_a {
  width: 110px;
  height: 30px;
  float: right;
  background-color: #F39800;
  margin-left: 5px;
  border-radius: 6px;
}

/* 清單模式按鈕B_範圍 */
.product_list_btn_b {
  width: 110px;
  height: 30px;
  float: right;
  background-color: #EA5413;
  margin-left: 5px;
  border-radius: 6px;
}

/* 清單模式_範圍 */
.product_list_all {
  width: 1000px;
  height: 380px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
}

/* 清單模式照片_範圍 */
.product_list_photo {
  width: 300px;
  height: 300px;
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  background-color: #FDA2A3;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* 水平線 */
.hr0 {
  height: 1px;
  border: none;
  border-top: 1px dashed #F2F2F2;
}

.hr1 {
  height: 1px;
  border: none;
  border-top: 1px solid #EBEBEB;
}

.hr2 {
  height: 3px;
  border: none;
  border-top: 3px double red;
}

.hr3 {
  height: 5px;
  border: none;
  border-top: 5px ridge green;
}

.hr4 {
  height: 10px;
  border: none;
  border-top: 10px groove skyblue;
}

/* 欣賞模式下方水平線_範圍 */
.enjoy_show_line {
  width: 960px;
  height: 30px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  background-color: #FFFFFF;
  margin-bottom: 50px;
}

/* 用戶評鑑_範圍 */
.user_hart_all {
  width: 300px;
  height: 20px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
}

/* 用戶評鑑_範圍 */
.user_hart_all_2 {
  width: 270px;
  height: 30px;
  float: left;
  margin-left: 30px;
  background-color: #FFFFFF;
}

/* 用戶評鑑_範圍a */
.user_hart_a {
  width: 80px;
  height: 20px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
}

/* 用戶評鑑_範圍b */
.user_hart_b {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
}

/* 欣賞模式按鈕_範圍A */
.user_enjoy_btn_a {
  width: 110px;
  height: 30px;
  float: left;
  background-color: #F39800;
  margin-left: 30px;
  border-radius: 6px;
}

/* 欣賞模式按鈕_範圍B */
.user_enjoy_btn_b {
  width: 110px;
  height: 30px;
  float: right;
  background-color: #EA5413;
  margin-right: 30px;
  border-radius: 6px;
}

/* 欣賞模式右側_範圍 */
.user_enjoy_all_right {
  width: 1000px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FF9596;
  margin-bottom: 100px;
}

/* 欣賞模式左側_範圍 */
.user_enjoy_all_left {
  width: 1000px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FF9596;
  margin-bottom: 100px;
}

/* 欣賞模式詳細文案_範圍 */
.user_enjoy_moretext {
  width: 250px;
  height: 200px;
  float: left;
  margin-left: 25px;
  background-color: #FFFFFF;
  margin-right: 25px;
}

/* 欣賞模式照片_範圍 */
.user_enjoy_photo {
  width: 700px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #F38700;
  margin-right: 0px;
}

/* 欣賞模式文案_範圍 */
.user_enjoy_text {
  width: 300px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
}

/* 欣賞模式下方水平線_範圍 */
.enjoy_show_line {
  width: 960px;
  height: 30px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  background-color: #FFFFFF;
  margin-bottom: 50px;
}

/* 欣賞模式文案區塊_範圍a */
.user_enjoy_space_a {
  width: 300px;
  height: 70px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
}

/* 欣賞模式文案區塊_範圍b */
.user_enjoy_space_b {
  width: 300px;
  height: 35px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
}

/* 欣賞模式文案區塊_範圍c */
.user_enjoy_space_c {
  width: 300px;
  height: 30px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
}

/* 欣賞模式文案區塊_範圍d */
.user_enjoy_space_d {
  width: 300px;
  height: 30px;
  float: left;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-top: 10px;
}

/* 欣賞模式詳細文章_範圍e */
.user_enjoy_space_e {
  width: 250px;
  height: 50px;
  float: left;
  margin-left: 25px;
  background-color: #FFFFFF;
  margin-right: 25px;
}

/* 欣賞模式小圖片預覽_範圍 */
.user_enjoy_space_f {
  width: 24px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #333333;
  margin-right: 0px;
}

/* 欣賞模式預覽區塊_範圍 */
.user_enjoy_space_h {
  width: 300px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
}

/* 欣賞模式小圖片預覽箭頭_範圍 */
.user_enjoy_space_g_1 {
  width: 80px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #666666;
  margin-right: 0px;
}

/* 欣賞模式小圖片預覽箭頭_範圍 */
.user_enjoy_space_g_2 {
  width: 80px;
  height: 80px;
  float: left;
  margin-left: 5px;
  background-color: #666666;
  margin-right: 5px;
}

/* 欣賞模式文案水平線區塊_範圍 */
.user_enjoy_line {
  width: 280px;
  height: 10px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #FFFFFF;
}

/* 欣賞模式右側_範圍 */
.user_enjoy_all_right {
  width: 1000px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FF9596;
  margin-bottom: 100px;
}

/* 欣賞模式左側_範圍 */
.user_enjoy_all_left {
  width: 1000px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FF9596;
  margin-bottom: 100px;
}

/* 欣賞模式詳細文案_範圍 */
.user_enjoy_moretext {
  width: 250px;
  height: 200px;
  float: left;
  margin-left: 25px;
  background-color: #FFFFFF;
  margin-right: 25px;
}

/* 欣賞模式照片_範圍 */
.user_enjoy_photo {
  width: 700px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #F38700;
  margin-right: 0px;
}

/* 欣賞模式文案_範圍 */
.user_enjoy_text {
  width: 300px;
  height: 700px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
}

/* 欣賞模式下方水平線_範圍 */
.enjoy_show_line {
  width: 960px;
  height: 30px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  background-color: #FFFFFF;
  margin-bottom: 50px;
}

/* 欣賞模式文案區塊_範圍a */
.user_enjoy_space_a {
  width: 300px;
  height: 70px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
}

/* 欣賞模式文案區塊_範圍b */
.user_enjoy_space_b {
  width: 300px;
  height: 35px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
}

/* 欣賞模式文案區塊_範圍c */
.user_enjoy_space_c {
  width: 300px;
  height: 30px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
}

/* 欣賞模式文案區塊_範圍d */
.user_enjoy_space_d {
  width: 300px;
  height: 30px;
  float: left;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-top: 10px;
}

/* 欣賞模式詳細文章_範圍e */
.user_enjoy_space_e {
  width: 250px;
  height: 50px;
  float: left;
  margin-left: 25px;
  background-color: #FFFFFF;
  margin-right: 25px;
}

/* 欣賞模式小圖片預覽_範圍 */
.user_enjoy_space_f {
  width: 24px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #333333;
  margin-right: 0px;
}

/* 欣賞模式預覽區塊_範圍 */
.user_enjoy_space_h {
  width: 300px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-top: 30px;
}

/* 欣賞模式小圖片預覽箭頭_範圍 */
.user_enjoy_space_g_1 {
  width: 80px;
  height: 80px;
  float: left;
  margin-left: 0px;
  background-color: #666666;
  margin-right: 0px;
}

/* 欣賞模式小圖片預覽箭頭_範圍 */
.user_enjoy_space_g_2 {
  width: 80px;
  height: 80px;
  float: left;
  margin-left: 5px;
  background-color: #666666;
  margin-right: 5px;
}

/* 欣賞模式文案水平線區塊_範圍 */
.user_enjoy_line {
  width: 280px;
  height: 10px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #FFFFFF;
}

/* 右側項目 */
.op2 {
  width: 190px;
  height: 730px;
  float: left;
  margin-bottom: 10px;
  background-color: #F98F91;
}

/* 右側產品內頁_範圍 */
.right_product_all {
  width: 1000px;
  height: 2000px;
  float: left;
  margin-left: 10px;
  background-color: #FFFFFF;
}

/* 右側產品內頁層級_範圍_a */
.right_product_space_a {
  width: 1000px;
  height: 80px;
  float: left;
}

/* 右側產品內頁層級_範圍_b */
.right_product_space_b {
  width: 500px;
  height: 80px;
  float: left;
}

/* 右側產品內頁層級_範圍_c */
.right_product_space_c {
  width: 500px;
  height: 30px;
  float: left;
}

/* 右側產品內頁層級_範圍_d */
.right_product_space_d {
  width: 500px;
  height: 50px;
  float: left;
}

/* 右側產品內頁圖示_範圍 */
.right_product_icon {
  width: 60px;
  height: 80px;
  float: right;
  margin-left: 10px;
}

/* 右側產品內頁圖示上方_範圍 */
.right_product_icon_up {
  width: 60px;
  height: 60px;
  float: right;
  padding-left: 10px;
}

/* 右側產品內頁圖示下方_範圍 */
.right_product_icon_down {
  width: 60px;
  height: 20px;
  float: right;
  margin-left: 10px;
}

/* 首頁產品欄位建議售價_間隔_d */
.homepgae_product_space_d {
  width: 70px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位建議售價_間隔_e */
.homepgae_product_space_e {
  width: 25px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位建議售價_間隔_f */
.homepgae_product_space_f {
  width: 75px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_g */
.homepgae_product_space_g {
  width: 40px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_h */
.homepgae_product_space_h {
  width: 15px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_i */
.homepgae_product_space_i {
  width: 30px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_j */
.homepgae_product_space_j {
  width: 85px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_k */
.homepgae_product_space_k {
  width: 70px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_消費者_售價_間隔_l */
.homepgae_product_space_l {
  width: 15px;
  height: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  background-color: #FFFFFF;
}

/* 首頁產品欄位_大小 */
.homepgae_product_left {
  width: 395px;
  height: 200px;
  float: left;
  border: thin solid #E4E4E4;
  background-color: #FFFFFF;
  margin-top: 10px;
  margin-left: 00px;
  margin-right: 3px;
  margin-bottom: 30px;
}

/* 首頁產品欄位_大小 */
.homepgae_product_right {
  width: 395px;
  height: 200px;
  float: left;
  border: thin solid #B0B0B0;
  background-color: #FFFFFF;
  margin-top: 00px;
  margin-left: 00px;
  margin-right: 5px;
  margin-bottom: 40px;
}

/* 首頁產品欄位_照片_大小 */
.homepgae_product_photo {
  width: 180px;
  height: 180px;
  float: left;
  border: thin solid #B0B0B0;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  background-image: url(../img/180x180_1.png);
}

/* 首頁產品欄位_照片_大小1 */
.homepgae_product_photo1 {
  position: relative;
  width: 180px;
  height: 180px;
  float: left;
  background: #ffffff;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.homepgae_product_photo1 img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

/* 首頁產品欄位_照片_大小2 */
.homepgae_product_photo2 {
  width: 180px;
  height: 180px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-image: url(../img/180x180_9.png);
}

/* 首頁產品欄位_文案區_大小 */
.homepgae_product_text_all {
  width: 185px;
  height: 180px;
  float: left;
  border-color: #B0B0B0;
  border-width: thin;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.homepgae_product_space_a {
  width: 185px;
  height: 65px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.homepgae_product_space_b {
  width: 185px;
  height: 42px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.homepgae_product_space_c {
  width: 170px;
  height: 30px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.homepgae_product_line {
  width: 170px;
  height: 5px;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品_展覽 */
.show_product {
  width: 490px;
  height: 280px;
  float: left;
  border: thin solid #E4E4E4;
  background-color: #F7F7F7;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 40px;
}

/* 產品_展覽_照片尺寸 */
.show_product_photo {
  width: 260px;
  height: 260px;
  border: thin solid #EFEFEF;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  float: left;
  background-image: url(../img/260x260_1.png);
}

/* 產品_狀態_標示 */
.show_product_mark {
  width: 60px;
  height: 60px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: right;
}

/* 產品_狀態_標示2 */
.show_product_mark2 {
  position: relative;
  width: 80px;
  height: 20px;
  z-index: 11;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: right;
  left: 520px;
}

/* 產品_展覽_文字範圍_全部 */
.show_product_text_all {
  width: 200px;
  height: 270px;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 10px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_a */
.show_product_text_space_a {
  width: 200px;
  height: 75px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_b */
.show_product_text_space_b {
  width: 200px;
  height: 45px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c */
.show_product_text_space_c {
  width: 200px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_d */
.show_product_text_space_d {
  width: 200px;
  height: 40px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: right;
}

/* 產品_展覽_文字範圍_間隔_e */
.show_product_text_space_e {
  width: 40px;
  height: 40px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  float: right;
}

/* 產品_展覽_文字範圍_間隔_f */
.show_product_text_space_f {
  width: 200px;
  height: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c_11 */
.show_product_text_space_c_11 {
  width: 80px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c_22 */
.show_product_text_space_c_22 {
  width: 25px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c_33 */
.show_product_text_space_c_33 {
  width: 80px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c_44 */
.show_product_text_space_c_44 {
  width: 15px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_c_66 */
.show_product_text_space_c_66 {
  width: 55px;
  height: 35px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_展覽_文字範圍_間隔_水平線 */
.show_product_text_line {
  width: 200px;
  height: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
}

/* 產品_標籤_A */
.show_product_tga_a {
  width: 47px;
  height: 18px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  float: left;
  border: thin solid #C80013;
}

/* 產品_標籤_B */
.show_product_tga_b {
  width: 64px;
  height: 18px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 0px;
  margin-left: 1px;
  float: left;
  border: thin solid #03a0e9;
}

/* 產品_標籤_C */
.show_product_tga_c {
  width: 45px;
  height: 18px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 0px;
  margin-left: 1px;
  float: left;
  border: thin solid #C2c016;
}

/* 其他功能 */
.other_icon {
  width: 50px;
  height: 50px;
  float: left;
  margin-top: 10px;
  margin-left: 75px;
  margin-bottom: 10px;
  margin-right: 75px;
}

/* 電子報_範圍 */
.news_all {
  width: 190px;
  height: 140px;
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  margin-bottom: 20px;
  background-color: #F3F3F3;
  border-radius: 5px;
}

/* 電子報間距_範圍a */
.news_space_a {
  width: 190px;
  height: 30px;
  float: left;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  /* [disabled]background-color: #FFFFFF; */
  border-radius: 5px;
}

/* 電子報間距_範圍b */
.news_space_b {
  width: 150px;
  height: 30px;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #FFFFFF;
  border: 1px;
  border-style: solid;
  border-color: #B4B4B4;
}

/* 電子報間距_範圍c */
.news_space_c {
  width: 90px;
  height: 30px;
  float: left;
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
  background-color: #FF0000;
  border-radius: 5px;
}

/* 左側銀行 */
.bank {
  background-color: #EEFFB1;
  width: 190px;
  height: 50px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

/* 左側_全站分類_範圍 */
.left_product_list {
  background-color: #ECECEC;
  width: 190px;
  height: 560px;
  float: left;
  margin-left: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* 左側抬頭_範圍 */
.left_product_title {
  width: 190px;
  height: 50px;
  float: left;
}

/* 左側分類_範圍_c */
.left_product_space_c {
  width: 110px;
  height: 20px;
  float: left;
  margin-top: 15px;
  margin-left: 40px;
  margin-right: 40px;
}

/* 左側分類_範圍_d */
.left_product_space_d {
  width: 20px;
  height: 20px;
  float: left;
}

/* 左側內容_範圍 */
.left_product_content {
  background-color: #FFFFFF;
  width: 180px;
  height: 500px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

/* 左側分類_範圍_a */
.left_product_space_a {
  background-color: #FFFFFF;
  width: 100px;
  height: 50px;
  float: left;
  margin-left: 40px;
  margin-right: 40px;
}

/* 左側分類_範圍_b */
.left_product_space_b {
  width: 140px;
  height: 10px;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

/* 左側分類_範圍_a */
.left_product_space_a {
  background-color: #FFFFFF;
  width: 100px;
  height: 50px;
  float: left;
  margin-left: 40px;
  margin-right: 40px;
}

/* 右側_紀錄_範圍 */
.right_history {
  width: 200px;
  height: 755px;
  float: left;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
}

/* 右側_紀錄單個_範圍_上 */
.right_history_one_1 {
  width: 190px;
  height: 270px;
  float: left;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #FDECC9;
}

/* 右側_排行單個上方_範圍 */
.right_ranking_one_up {
  width: 190px;
  height: 40px;
  float: left;
  border-radius: 5px;
}

/* 右側_熱銷排名_範圍 */
.right_hot_no {
  width: 110px;
  height: 40px;
  float: left;
}

/* 右側_熱銷圖示_範圍 */
.right_hot_icon {
  width: 40px;
  height: 40px;
  float: left;
}

/* 右側_紀錄照片_範圍 */
.right_history_photo {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_03.png);
  border-top-right-radius: 0px;
}

/* 右側_紀錄照片_範圍 */
.right_history_photo_a {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_01.png);
  border-top-right-radius: 0px;
}

/* 右側_紀錄照片_範圍 */
.right_history_photo_b {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_03.png);
  border-top-right-radius: 0px;
}

/* 右側_紀錄照片_範圍 */
.right_history_photo_c {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_05.png);
  border-top-right-radius: 0px;
}

/* 右側_紀錄單個下方_範圍 */
.right_history_one_down {
  width: 190px;
  height: 50px;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* 右側_紀錄單個_範圍_中 */
.right_history_one_2 {
  width: 190px;
  height: 240px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #FDECC9;
}

/* 右側_紀錄單個_範圍_下 */
.right_history_one_3 {
  width: 190px;
  height: 240px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #FDECC9;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* 右側_排行_範圍 */
.right_ranking {
  width: 200px;
  height: 755px;
  float: left;
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 30px;
}

/* 右側_排行單個_範圍_上 */
.right_ranking_one_1 {
  width: 190px;
  height: 270px;
  float: left;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #febaba;
}

/* 右側_排行單個上方_範圍 */
.right_ranking_one_up {
  width: 190px;
  height: 40px;
  float: left;
  border-radius: 5px;
}

/* 右側_熱銷圖示_範圍 */
.right_hot_icon {
  width: 40px;
  height: 40px;
  float: left;
}

/* 右側_熱銷排名_範圍 */
.right_hot_no {
  width: 110px;
  height: 40px;
  float: left;
}

/* 右側_排行照片_範圍 */
.right_ranking_photo {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_06.png);
  border-top-right-radius: 0px;
}

/* 右側_排行單個_範圍_上 */
.right_ranking_one_1 {
  width: 190px;
  height: 270px;
  float: left;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #febaba;
}

/* 右側_熱銷圖示_範圍 */
.right_hot_icon {
  width: 40px;
  height: 40px;
  float: left;
}

/* 右側_排行單個_範圍_中 */
.right_ranking_one_2 {
  width: 190px;
  height: 240px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #febaba;
}

/* 右側_排行單個_範圍_下 */
.right_ranking_one_3 {
  width: 190px;
  height: 240px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #febaba;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* 右側_排行照片a_範圍 */
.right_ranking_photo_a {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_04.png);
  border-top-right-radius: 0px;
}

/* 右側_排行照片b_範圍 */
.right_ranking_photo_b {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_05.png);
  border-top-right-radius: 0px;
}

/* 右側_排行照片c_範圍 */
.right_ranking_photo_c {
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(../img/180x180_product_img_06.png);
  border-top-right-radius: 0px;
}

/* 右側_排行星星_範圍 */
.right_ranking_one_star {
  width: 40px;
  height: 40px;
  float: right;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* 右側_排行單個下方_範圍 */
.right_ranking_one_down {
  width: 190px;
  height: 50px;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* 右側_熱銷_範圍 */
.right_hot {
  /* [disabled]background-color: #ECECEC; */
  width: 200px;
  height: 1000px;
  float: left;
  border-radius: 5px;
  margin-bottom: 30px;
}

/* 右側_熱銷單個_範圍 */
.right_hot_one {
  width: 190px;
  height: 310px;
  float: left;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
}

/* 右側_熱銷單個上方_範圍 */
.right_hot_one_up {
  background-color: #ececec;
  width: 190px;
  height: 280px;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* 右側_熱銷圖示_範圍 */
.right_hot_icon {
  width: 40px;
  height: 40px;
  float: left;
}

/* 右側_熱銷排名_範圍 */
.right_hot_no {
  width: 110px;
  height: 40px;
  float: left;
}

/* 右側_熱銷圖示_範圍 */
.right_hot_icon {
  width: 40px;
  height: 40px;
  float: left;
}

/* 右側_熱銷照片_範圍 */
.right_hot_photo {
  background-color: #E7171A;
  width: 180px;
  height: 180px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

/* 右側_熱銷_間隔_b */
.right_hot_space_b {
  width: 180px;
  height: 20px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}

/* 右側_熱銷單個下方_範圍 */
.right_hot_one_down {
  background-color: #ececec;
  width: 190px;
  height: 30px;
  float: left;
}

/* 右側_熱銷_間隔_顏色A */
.right_hot_space_color_a {
  background-color: #feba4f;
  width: 190px;
  height: 30px;
  float: left;
}

/* 右側_熱銷_間隔_顏色B */
.right_hot_space_color_b {
  background-color: #fcb3e1;
  width: 190px;
  height: 30px;
  float: left;
}

/* 右側_熱銷_間隔_顏色C */
.right_hot_space_color_c {
  background-color: #d2d2d2;
  width: 190px;
  height: 30px;
  float: left;
}

/* 右側_熱銷_間隔_d */
.right_hot_space_d {
  width: 75px;
  height: 30px;
  float: left;
}

/* 右側_熱銷_間隔_e */
.right_hot_space_e {
  width: 115px;
  height: 30px;
  float: left;
}

/* 右側_客戶登入全部_範圍 */
.right_business_all {
  background-color: #FFFFFF;
  width: 200px;
  height: 720px;
  float: left;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* 右側客戶間距_範圍_e */
.right_space_e {
  width: 110px;
  height: 30px;
  float: left;
}

/* 右側客戶間距_範圍_d */
.right_space_d {
  width: 60px;
  height: 30px;
  float: left;
  margin-left: 10px;
}

/* 右側客戶間距_範圍_b */
.right_space_b {
  width: 180px;
  height: 30px;
  float: left;
}

/* 右側_客戶登入_範圍 */
.right_business {
  background-color: #ECECEC;
  width: 190px;
  height: 720px;
  float: left;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

/* 右側客戶抬頭_範圍 */
.right_title {
  width: 180px;
  height: 100px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #ececec;
}

/* 右側客戶間距_範圍_a */
.right_space_a {
  width: 180px;
  height: 20px;
  float: left;
}

/* 右側客戶間距_範圍_g */
.right_space_g {
  width: 180px;
  height: 10px;
  float: left;
}

/* 右側客戶內容_範圍 */
.right_content {
  background-color: #FFFFFF;
  width: 180px;
  height: 610px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

/* 右側客戶現金_範圍 */
.right_space_money_1 {
  width: 50px;
  height: 30px;
  float: left;
  margin-left: 35px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #FF0004;
}

/* 右側客戶月結_範圍 */
.right_space_money_2 {
  width: 50px;
  height: 30px;
  float: right;
  margin-right: 35px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #DDDDDD;
}

/* 左側分類_範圍_b */
.left_space_b {
  width: 140px;
  height: 10px;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

/* 水平線_寬度_a */
.hr_style_a {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
  width: 140px;
  margin: auto;
}

/* 水平線_寬度_b */
.hr_style_b {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
  width: 200px;
  margin: auto;
}

/* 水平線_寬度_c */
.hr_style_c {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
  width: 165px;
  margin: auto;
}

/* 右側客戶間距_範圍_b */
.right_space_b {
  width: 180px;
  height: 30px;
  float: left;
}

/* 右側客戶金額_範圍 */
.right_space_gold {
  width: 160px;
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  border-color: ececec;
  background-color: #E5E5E5;
}

/* 右側客戶金額_範圍 */
.right_space_gold_2 {
  width: 160px;
  height: 30px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  border-color: ececec;
  background-color: #F39800;
}

/* 霸條A_範圍 */
.bar_show_color_a {
  width: 800px;
  height: 70px;
  float: left;
  background-color: #ffffff;
  margin-top: 5px;
}

/* 霸條上半部A_範圍 */
.bar_a_color_a {
  width: 800px;
  height: 30px;
  float: left;
  background-color: #FEBA4F;
}

/* 霸條上半部最左邊A_範圍 */
.bar_up_1_color_a {
  width: 10px;
  height: 28px;
  float: left;
  background-color: #FEBA4F;
}

/* 霸條上半部最中間A_範圍 */
.bar_up_2_color_a {
  width: 700px;
  height: 28px;
  float: left;
  background-color: #ffffff;
}

/* 霸條上半部最右邊A_範圍 */
.bar_up_3_color_a {
  width: 80px;
  height: 28px;
  float: left;
  background-color: #FEBA4F;
}

/* 霸條間隔A_範圍 */
.bar_space {
  width: 100px;
  height: 28px;
  float: left;
  background-color: #fff;
  margin-top: 10px;
  margin-left: 0px;
}

/* 霸條款式B_範圍 */
.bar_show_color_b {
  width: 800px;
  height: 70px;
  float: left;
  background-color: #ffffff;
  margin-top: 20px;
}

/* 霸條款式B上半部_範圍 */
.bar_a_color_b {
  width: 800px;
  height: 30px;
  float: left;
  background-color: #4c92d7;
}

/* 霸條款式B上半部最左邊_範圍 */
.bar_up_1_color_b {
  width: 10px;
  height: 28px;
  float: left;
  background-color: #4c92d7;
}

/* 霸條款式B上半部最中間_範圍 */
.bar_up_2_color_b {
  width: 700px;
  height: 28px;
  float: left;
  background-color: #ffffff;
}

/* 霸條款式B上半部最右邊_範圍 */
.bar_up_3_color_b {
  width: 80px;
  height: 28px;
  float: left;
  background-color: #4c92d7;
}

/* 霸條款式c_範圍 */
.bar_show_color_c {
  width: 800px;
  height: 70px;
  float: left;
  background-color: #ffffff;
  margin-top: 20px;
}

/* 霸條款式c_範圍 */
.bar_a_color_c {
  width: 800px;
  height: 30px;
  float: left;
  background-color: #FF5F5F;
}

/* 霸條款式c上半部最左邊_範圍 */
.bar_up_1_color_c {
  width: 10px;
  height: 28px;
  float: left;
  background-color: #FF5F5F;
}

/* 霸條款式c上半部最中間_範圍 */
.bar_up_2_color_c {
  width: 700px;
  height: 28px;
  float: left;
  background-color: #ffffff;
}

/* 霸條款式c上半部最右邊_範圍 */
.bar_up_3_color_c {
  width: 80px;
  height: 28px;
  float: left;
  background-color: #FF5F5F;
}

/* 霸條款式d_範圍 */
.bar_show_color_d {
  width: 800px;
  height: 70px;
  float: left;
  background-color: #ffffff;
  margin-top: 20px;
}

/* 霸條款式d上半部_範圍 */
.bar_a_color_d {
  width: 800px;
  height: 30px;
  float: left;
  background-color: #ff9c00;
}

/* 霸條款式d上半部最左邊_範圍 */
.bar_up_1_color_d {
  width: 10px;
  height: 28px;
  float: left;
  background-color: #ff9c00;
}

/* 霸條款式d上半部最中間_範圍 */
.bar_up_2_color_d {
  width: 700px;
  height: 28px;
  float: left;
  background-color: #ffffff;
}

/* 霸條款式d上半部最右邊_範圍 */
.bar_up_3_color_d {
  width: 80px;
  height: 28px;
  float: left;
  background-color: #ff9c00;
}

/* 中間廣告_範圍 */
.banner_size {
  /* [disabled]background-color: #FFFFFF; */
  width: 800px;
  height: 520px;
  float: left;
}

/* 大廣告 */
.banner_big {
  background-color: #DFDCDC;
  width: 800px;
  height: 370px;
  float: left;
  margin-bottom: 10px;
}

/* 小廣告 */
.banner_small {
  background-color: #F98F91;
  width: 191px;
  height: 140px;
  float: left;
  margin-bottom: 10px;
}

/* 小廣告間距 */
.banner_small_sapce {
  /* [disabled]background-color: #FFFFFF; */
  width: 12px;
  height: 140px;
  float: left;
}

/* 廣告品牌欄位A */
.banner_product_a {
  background-color: #F98F91;
  width: 395px;
  height: 135px;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}

/* 廣告品牌欄位B */
.banner_product_b {
  background-color: #F98F91;
  width: 395px;
  height: 135px;
  float: right;
  margin-left: 5px;
  margin-bottom: 10px;
}

/* 主畫面的置中與範圍 */
.center_all {
  width: 1200px;
  height: 3900px;
  margin: 0px auto;
}

#top {
  width: 1200px;
  height: 150px;
  background-image: url(../img/top_1200x150.png);
}

#Right_side {
  width: 200px;
  height: 3500px;
  float: left;
}

#Left_side {
  background-color: #FFFFFF;
  width: 200px;
  height: 3500px;
  float: left;
}

#Contert {
  width: 800px;
  height: 3500px;
  float: left;
}

#footer {
  width: 1200px;
  height: 150px;
  background-color: #ECECEC;
  float: left;
}

/* 左側清單格式_a */
.li_type_a li {
  line-height: auto;
  /*li行高與間距*/
  font-size: 15px;
  /*li內文字距離左邊的距離*/
  color: #000000;
  list-style: none;
  /*去除li的點，一般不用*/
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
}

/* 左右側清單_項目字體_sp18 */
.Text-Style-title_sp18 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: left;
  width: 300px;
  color: #b50033;
  margin-top: 5px;
  margin-left: 5px;
}

/* 左右側清單_項目字體_sp19 */
.Text-Style-title_sp19 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 70px;
  color: #ffffff;
  margin-top: 5px;
  margin-left: 10px;
}

/* 左右側清單_項目字體_sp20 */
.Text-Style-title_sp20 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 100px;
  color: #FEBA4F;
  margin-top: 0px;
  margin-left: 0px;
}

/* 左右側清單_項目字體_sp21 */
.Text-Style-title_sp21 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: center;
  width: 100px;
  color: #4E4E4E;
  margin-top: 0px;
  margin-left: 0px;
}

/* 左右側清單_項目字體_sp1 */
.Text-Style-title_sp1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 180px;
}

/* 左右側清單_項目字體_sp4 */
.Text-Style-title_sp4 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 50px;
  color: #FFFFFF;
  margin-top: 6px;
}

/* 左右側清單_項目字體_sp2 */
.Text-Style-title_sp2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 160px;
  margin-top: 5px;
}

/* 左右側清單_項目字體_sp5 */
.Text-Style-title_sp5 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 160px;
  color: #FFFFFF;
  margin-top: 6px;
}

/* 左右側清單_大項目字體*/
.Text-Style-title_a {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-indent: auto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  float: left;
  margin-left: 5px;
}

/* 左右側_標題用字體*/
.Text-Style-title_b {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-indent: auto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ea5413;
  float: left;
  margin-top: 15px;
}

/* 左右側清單_項目字體*/
.Text-Style-title_c {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-indent: auto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin: auto;
  float: left;
  text-align: justify;
}

/* 左右側清單_項目字體_sp3 */
.Text-Style-title_sp3 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: right;
  width: 100px;
}

/* 左右側清單_項目字體_sp10 */
.Text-Style-title_sp10 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  width: 110px;
  color: #b50033;
  margin-top: 10px;
}

/* 左右側清單_項目字體_sp6 */
.Text-Style-title_sp6 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 180px;
  color: #000000;
  margin-top: 0px;
}

/* 左右側清單_項目字體_sp7 */
.Text-Style-title_sp7 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 15px;
  text-align: center;
  width: 180px;
  color: #888888;
  margin-top: 0px;
}

/* 左右側清單_項目字體_sp8 */
.Text-Style-title_sp8 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 15px;
  text-align: center;
  width: 75px;
  color: #b50033;
  margin-top: 5px;
}

/* 左右側清單_項目字體_sp9 */
.Text-Style-title_sp9 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 110px;
  color: #FFFFFF;
  margin-top: 5px;
  font-weight: bold;
  text-shadow: 1px 1px #777777;
  margin-right: 5px;
}

/* 左右側清單_項目字體_sp10 */
.Text-Style-title_sp10 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 110px;
  color: #b50033;
  margin-top: 10px;
}

/* 左右側清單_項目字體_sp11 */
.Text-Style-title_sp11 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  width: 190px;
  color: #000000;
  margin-top: 15px;
}

/* 電子報用字_項目字體_pr20 */
.Text-Style-title_pr20 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 190px;
  color: #000000;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 左電子報_項目字體_sp22 */
.Text-Style-title_sp22 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: center;
  width: 150px;
  color: #4E4E4E;
  margin-top: 5px;
  margin-left: 0px;
}

/* 電子報用字_項目字體_pr19 */
.Text-Style-title_pr19 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 90px;
  color: #ffffff;
  margin-top: 7px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_項目字體_sh01 */
.Text-Style-title_sh01 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 200px;
  color: #777777;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_a */
.Text-Style-title_sh_tga_a {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 45px;
  color: #c80013;
  margin-top: 0px;
  margin-left: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_b */
.Text-Style-title_sh_tga_b {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: left;
  font-size: 14px;
  width: 64px;
  color: #03a0e9;
  margin-top: 0px;
  margin-left: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 首頁_head_用字_小型體體_small */
.Text-Style-index_small {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-shadow: 1px 2px #686767;
}

/* 首頁_head_用字_小型體體_small2 */
.Text-Style-index_small2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-shadow: 1px 2px #686767;
  width: 60px;
  float: left;
}

/* 產品用字_標籤字體a_sh_tga_c */
.Text-Style-title_sh_tga_c {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 65px;
  color: #c2c216;
  margin-top: 1px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_c2 */
.Text-Style-title_sh_tga_c2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 45px;
  color: #F39800;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_d */
.Text-Style-title_sh_tga_d {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 65px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_e */
.Text-Style-title_sh_tga_e {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 25px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_e2 */
.Text-Style-title_sh_tga_e2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 25px;
  color: #ea5413;
  margin-top: 17px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_e22 */
.Text-Style-title_sh_tga_e22 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: left;
  width: 25px;
  color: #b50033;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_f */
.Text-Style-title_sh_tga_f {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 19px;
  text-align: left;
  width: 80px;
  color: #ea5413;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

/* 產品用字_標籤字體a_sh_tga_f2 */
.Text-Style-title_sh_tga_f2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 20px;
  text-align: left;
  width: 75px;
  color: #ea5413;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

/* 產品用字_標籤字體a_sh_tga_f22 */
.Text-Style-title_sh_tga_f22 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 20px;
  text-align: left;
  width: 75px;
  color: #b50033;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

/* 產品用字_標籤字體a_sh_tga_g */
.Text-Style-title_sh_tga_g {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 15px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_g2 */
.Text-Style-title_sh_tga_g {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 15px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_d2 */
.Text-Style-title_sh_tga_d2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 75px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  letter-spacing: 4px;
}

/* 產品用字_標籤字體a_sh_tga_d22 */
.Text-Style-title_sh_tga_d22 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 75px;
  color: #b50033;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 展覽消費者用字_售價 */
.Text-Style-title_sh_us_1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 75px;
  color: #7A7A7A;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  letter-spacing: 4px;
}

/* 展覽消費者用字_NT$ */
.Text-Style-title_sh_us_2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 25px;
  color: #7A7A7A;
  margin-top: 17px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 展覽消費者用字_價格 */
.Text-Style-title_sh_us_3 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 20px;
  text-align: left;
  width: 75px;
  color: #7A7A7A;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

/* 展覽消費者用字_元 */
.Text-Style-title_sh_us_4 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 15px;
  color: #7A7A7A;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_g2 */
.Text-Style-title_sh_tga_g2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 15px;
  color: #ea5413;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_標籤字體a_sh_tga_g22 */
.Text-Style-title_sh_tga_g22 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: left;
  width: 15px;
  color: #b50033;
  margin-top: 7px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品用字_項目字體_hp01 */
.Text-Style-title_hp01 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 185px;
  color: #777777;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 首頁_消費者_售價_字體_hp02 */
.Text-Style-title_hp02 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 40px;
  color: #777777;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 首頁_消費者_售價_字體_hp03 */
.Text-Style-title_hp03 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: right;
  width: 30px;
  color: #5E5E5E;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 首頁_消費者_售價_字體_hp04 */
.Text-Style-title_hp04 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 24px;
  text-align: right;
  width: 80px;
  color: #777777;
  margin-right: 0px;
  margin-top: 5px;
  font-weight: normal;
  letter-spacing: -2px;
}

/* 首頁_消費者_售價_字體_hp041 */
.Text-Style-title_hp041 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 24px;
  text-align: left;
  width: 70px;
  color: #777777;
  margin-left: 5px;
  margin-bottom: 0px;
  font-weight: normal;
  letter-spacing: -2px;
}

/* 首頁_消費者_售價_字體_hp042 */
.Text-Style-title_hp042 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: right;
  width: 15px;
  color: #5E5E5E;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 首頁產品_建議售價_字體a1 */
.Text-Style-title_shp_a1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 65px;
  color: #ea5413;
  letter-spacing: 4px;
  margin-top: 8px;
}

/* 首頁產品_建議售價_NT$_字體a2 */
.Text-Style-title_shp_a2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 25px;
  color: #ea5413;
  letter-spacing: 0px;
  margin-top: 8px;
}

/* 首頁產品_建議售價_價格_字體a3 */
.Text-Style-title_shp_a3 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 75px;
  color: #EA5413;
  letter-spacing: 1px;
  margin-top: 5px;
}

/* 首頁產品_汽車音響店_字體b1 */
.Text-Style-title_shp_b1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 65px;
  color: #707070;
  letter-spacing: 0px;
  margin-top: 0px;
}

/* 首頁產品_汽車音響店_NT$_字體b2 */
.Text-Style-title_shp_b2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: left;
  width: 25px;
  color: #707070;
  letter-spacing: 0px;
  margin-top: 8px;
}

/* 首頁產品_汽車音響店_價格_字體b3 */
.Text-Style-title_shp_b3 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 75px;
  color: #707070;
  letter-spacing: 1px;
  margin-top: 5px;
}

/* 產品內頁用字_項目字體_pr01 */
.Text-Style-title_pr1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: center;
  width: 60px;
  color: #BBBBBB;
  margin-top: 5px;
}

/* 產品內頁用字_項目字體_pr01_1 */
.Text-Style-title_pr1_1 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 12px;
  text-align: center;
  width: 60px;
  color: #F39800;
  margin-top: 5px;
}

/* 產品內頁用字_項目字體_pr09 */
.Text-Style-title_pr9 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 290px;
  color: #EA5413;
  margin-bottom: 10px;
  margin-left: 5px;
}

/* 產品內頁用字_項目字體_pr14 */
.Text-Style-title_pr14 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 290px;
  color: #EA5413;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
}

/* 產品內頁清單模式按鈕用字_項目字體_pr06 */
.Text-Style-title_pr6 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 110px;
  color: #fff;
  margin-top: 5px;
}

/* 產品內頁用字_項目字體_pr04 */
.Text-Style-title_pr4 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 200px;
  color: #EA5413;
  margin-bottom: 10px;
}

/* 產品內頁用字_項目字體_pr18 */
.Text-Style-title_pr18 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 15px;
  text-align: left;
  width: 250px;
  color: #B50033;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* 產品內頁用字_項目字體_pr02 */
.Text-Style-title_pr2 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 20px;
  text-align: left;
  width: 620px;
  color: #EA5413;
  margin-bottom: 10px;
}

/* 產品內頁用字_項目字體_pr03 */
.Text-Style-title_pr3 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 620px;
  color: #B50033;
  margin-bottom: 10px;
}

/* 產品內頁用字_項目字體_pr04 */
.Text-Style-title_pr4 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: left;
  width: 200px;
  color: #EA5413;
  margin-bottom: 10px;
}

/* 產品內頁用字_項目字體_pr05 */
.Text-Style-title_pr5 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 620px;
  color: #B50033;
  margin-bottom: 10px;
}

/* 產品內頁清單模式按鈕用字_項目字體_pr06 */
.Text-Style-title_pr6 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: center;
  width: 110px;
  color: #fff;
  margin-top: 5px;
}

/* 產品底部頁碼_字體_pr07 */
.Text-Style-title_pr7 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 14px;
  text-align: right;
  width: 960px;
  color: #000000;
  margin-top: 5px;
}

/* 產品內頁用字_項目字體_pr08 */
.Text-Style-title_pr8 {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 16px;
  text-align: left;
  width: 75px;
  color: #00020B;
  margin-bottom: 10px;
  margin-left: 5px;
}

/* 產品分類規則*/
.li_type_a {
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-indent: auto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ea5413;
  float: left;
  margin-top: -10px;
  margin-left: 40px;
}

/* 20200710_頁籤用顏色組 */
.color1 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #76bb9f;
}

.color1:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color2 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #fba714;
}

.color2:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color21 {
  background: #fba714;
}

.color3 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #f08080;
}

.color3:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color4 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #79becb;
}

.color4:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color41 {
  background: #79becb;
}

.color5 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #a4b662;
}

.color5:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color51 {
  background: #a4b662;
}

.color50 {
  color: #a4b662;
  border-color: #a4b662;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.color6 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #d18eaa;
}

.color6:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color7 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #9b7286;
}

.color7:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color8 {
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #669807;
}

.color100 {
  color: #fff;
  padding: 6px;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 15px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 1px;
}

.color99 {
  color: #fff;
}

.color81 {
  background: #669807;
}

.colorhi {
  color: #fff;
  background-color: #400;
  text-decoration: underline;
}

.color8:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

.color11 {
  display: none;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  width: 98px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #669807;
}

.color11:hover {
  background: #f39800;
  color: #fff;
  font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
  text-align: center;
  font-size: 14px;
}

/* Responsive 手機顯示 -----------------------------------------------------------*/
@media screen and (max-width: 500px) and (min-width: 1px) {
  /* 字與底變色G */
  .cw7:hover {
    width: 380px;
    height: 182px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 8px 8px #E9E9E9;
  }
  .cw7 {
    width: 380px;
    height: 182px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 3px 3px #E9E9E9;
  }
  /* 20200710_頁籤用顏色組 */
  .color1 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #76bb9f;
  }
  .color1:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color2 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fba714;
  }
  .color2:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color3 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f08080;
  }
  .color3:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color4 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #79becb;
  }
  .color4:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color5 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #a4b662;
  }
  .color5:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color6 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d18eaa;
  }
  .color6:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color7 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #9b7286;
  }
  .color7:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color8 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color8:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .colorhi {
    background-color: #400;
    text-decoration: underline;
  }
  .color11 {
    display: none;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 118px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color11:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  /* 影子用區塊*/
  .group_a {
    width: 390px;
    height: 200px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #FFFFFF;
    margin-top: 30px;
    margin-left: 55px;
    margin-right: 3px;
    margin-bottom: 30px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    width: 500px;
    height: 120px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 500px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 390px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 120px;
    height: 28px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 4px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 500px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 390px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 500px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 390px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 500px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 390px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #ffffff;
    width: 200px;
    height: 970px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 180px;
    height: 835px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 190px;
    height: 940px;
    float: left;
    border-radius: 5px;
    margin-left: 35px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1000px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-left: 30px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: -400px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: 0px;
  }
  /* 字與底變色A */
  .cw {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 112px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
  }
  .cw:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-left: 0px;
  }
}

/* iPhone 8 plus 手機顯示 -----------------------------------------------------------*/
@media screen and (max-width: 414px) and (min-width: 1px) {
  .homepgae_product_space_a {
    width: 185px;
    height: 65px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 產品用字_項目字體_hp01 */
  .Text-Style-title_hp01 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: left;
    width: 185px;
    color: #777777;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 產品圖片的右上角標籤 */
  .product_mark1 {
    position: absolute;
    z-index: 9;
    width: 80px;
    height: 20px;
    left: 99px;
    top: 5px;
  }
  .product_mark1 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 影子用區塊*/
  .group_a {
    width: 390px;
    height: 200px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 3px;
    margin-bottom: 5px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    width: 440px;
    height: 150px;
    float: left;
    background-color: #ffffff;
    margin-top: 5px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 134px;
    height: 30px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 4px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #ffffff;
    width: 200px;
    height: 970px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 180px;
    height: 835px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 190px;
    height: 940px;
    float: left;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1000px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-left: 0px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: -400px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: 0px;
  }
  /* 字與底變色A_改頁籤 */
  .cw {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 98px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
  }
  .cw:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-left: 0px;
  }
  /* 20200710_頁籤用顏色組 */
  .color1 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #76bb9f;
  }
  .color1:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color2 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fba714;
  }
  .color2:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color3 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f08080;
  }
  .color3:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color4 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #79becb;
  }
  .color4:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color5 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #a4b662;
  }
  .color5:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color6 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d18eaa;
  }
  .color6:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color7 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #9b7286;
  }
  .color7:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color8 {
    text-align: center;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color8:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .colorhi {
    background-color: #400;
    text-decoration: underline;
  }
  .color11 {
    display: block;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 132px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color11:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
}

/* Pixel 2 XL  手機顯示 -----------------------------------------------------------*/
@media screen and (max-width: 411px) and (min-width: 1px) {
  /* 影子用區塊*/
  .group_a {
    width: 390px;
    height: 200px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 3px;
    margin-bottom: 5px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    width: 440px;
    height: 160px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 130px;
    height: 30px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 5px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 440px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 440px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 320px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #ffffff;
    width: 200px;
    height: 970px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 180px;
    height: 835px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 190px;
    height: 940px;
    float: left;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1000px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-left: 0px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: -400px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 950px;
    margin-left: 0px;
  }
  /* 字與底變色A_改頁籤 */
  .cw {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 96px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
  }
  .cw:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-left: 0px;
  }
}

/* iPhone 6/7/8 手機顯示 -------------------------------------------------------*/
@media screen and (max-width: 375px) and (min-width: 1px) {
  /* 產品圖片的右上角標籤三角形 */
  .product_mark3 {
    position: absolute;
    z-index: 9;
    width: 100px;
    height: 100px;
    left: 200px;
    top: 10px;
  }
  .product_mark3 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 產品用字_項目字體_hp01 */
  .Text-Style-title_hp01 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 20px;
    text-align: left;
    width: 220px;
    color: #777777;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 20200710_頁籤用顏色組 */
  .color1 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #76bb9f;
  }
  .color1:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color2 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fba714;
  }
  .color2:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color3 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f08080;
  }
  .color3:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color4 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #79becb;
  }
  .color4:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color5 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #a4b662;
  }
  .color5:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color6 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d18eaa;
  }
  .color6:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color7 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #9b7286;
  }
  .color7:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color8 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color8:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .colorhi {
    background-color: #400;
    text-decoration: underline;
  }
  .color11 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color11:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  /* 影子用區塊*/
  .group_a {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #81A4F7;
    margin-top: 20px;
    margin-left: 25px;
    margin-right: 3px;
    margin-bottom: 70px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    margin-left: 0px;
    width: 375px;
    height: 155px;
    float: left;
    background-color: #ffffff;
    margin-top: 0px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 380px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 100px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 120px;
    height: 30px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 5px;
  }
  /* 左右側清單_項目字體_sp18 */
  .Text-Style-title_sp18 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 18px;
    text-align: left;
    width: 200px;
    color: #b50033;
    margin-top: 5px;
    margin-left: 5px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 380px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 380px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 380px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 380px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 380px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 380px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #ffffff;
    width: 340px;
    height: 1030px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 310px;
    height: 910px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 320px;
    height: 1015px;
    float: left;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 200px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1500px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 1050px;
    margin-left: -270px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2000px;
    margin-left: -200px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2780px;
    margin-left: -200px;
  }
  /* 字與底變色A_改頁籤 */
  .cw {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 140px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
  }
  .cw:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-left: 0px;
  }
  /* 字與底變色G */
  .cw7 {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 3px 3px #E9E9E9;
  }
  .cw7:hover {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 8px 8px #E9E9E9;
  }
  /* 產品圖片的自適應 */
  .product_div1 {
    position: absolute;
    z-index: 3;
    width: 260px;
    height: 260px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .product_div1 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 產品圖片的右上角標籤 */
  .product_mark1 {
    position: absolute;
    z-index: 9;
    width: 150px;
    height: 40px;
    left: 160px;
    top: 10px;
  }
  .product_mark1 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 首頁產品欄位_照片_大小1 */
  .homepgae_product_photo1 {
    position: relative;
    width: 270px;
    height: 270px;
    float: left;
    background: #ffffff;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 0px;
  }
  /* 首頁產品欄位_文案區_大小 */
  .homepgae_product_text_all {
    width: 230px;
    height: 200px;
    float: left;
    border-color: #B0B0B0;
    border-width: thin;
    margin-top: 0px;
    margin-left: 60px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .homepgae_product_space_b {
    width: 185px;
    height: 22px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 左右側清單_項目字體_sp1 */
  .Text-Style-title_sp1 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 320px;
  }
  /* 右側客戶現金_變換底色 */
  .right_space_money_1_fx {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 100px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #FF0004;
  }
  /* 左側分類_範圍_b */
  .left_space_b {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 90px;
    margin-right: 20px;
  }
  /* 右側客戶現金_店換底色 */
  .right_space_money_1_fx:hover {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 10px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #B50033;
  }
  /* 右側客戶月結_範圍 */
  .right_space_money_2 {
    width: 50px;
    height: 30px;
    float: right;
    margin-right: 80px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #DDDDDD;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 300px;
    height: 30px;
    float: left;
  }
  /* 右側客戶金額_範圍 */
  .right_space_gold {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 10px;
    border-color: ececec;
    background-color: #E5E5E5;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 左右側清單_項目字體_sp5 */
  .Text-Style-title_sp5 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 160px;
    color: #FFFFFF;
    margin-top: 6px;
  }
  /* 反映進價_按鈕 */
  .right_space_gold_2_fx {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #F39800;
  }
  .homepgae_product_space_c {
    width: 170px;
    height: 30px;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 首頁產品欄位_照片_大小2 */
  .homepgae_product_photo2 {
    width: 180px;
    height: 180px;
    float: left;
    margin-top: 20px;
    margin-left: 70px;
    margin-bottom: 0px;
    background-image: url(../img/180x180_9.png);
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 310px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_d */
  .right_space_d {
    width: 60px;
    height: 30px;
    float: left;
    margin-left: 70px;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 310px;
    height: 70px;
    float: left;
  }
}

/* Galaxy S5 & Moto G4 手機顯示 -------------------------------------------------------*/
@media screen and (max-width: 360px) and (min-width: 1px) {
  /* 產品圖片的右上角標籤三角形 */
  .product_mark3 {
    position: absolute;
    z-index: 9;
    width: 100px;
    height: 100px;
    left: 200px;
    top: 10px;
  }
  .product_mark3 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 20200710_頁籤用顏色組 */
  .color1 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #76bb9f;
  }
  .color1:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color2 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fba714;
  }
  .color2:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color3 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f08080;
  }
  .color3:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color4 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #79becb;
  }
  .color4:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color5 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #a4b662;
  }
  .color5:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color6 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d18eaa;
  }
  .color6:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color7 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #9b7286;
  }
  .color7:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color8 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color8:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .colorhi {
    background-color: #400;
    text-decoration: underline;
  }
  .color11 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 115px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color11:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  /* 影子用區塊*/
  .group_a {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #81A4F7;
    margin-top: 10px;
    margin-left: 24px;
    margin-right: 3px;
    margin-bottom: 70px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    margin-left: 0px;
    width: 360px;
    height: 155px;
    float: left;
    background-color: #ffffff;
    margin-top: 0px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 360px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* Galaxy S5 霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 70px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 115px;
    height: 30px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 4px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 360px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 360px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 360px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 360px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 360px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 360px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 270px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #ffffff;
    width: 340px;
    height: 1030px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 310px;
    height: 910px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 320px;
    height: 1015px;
    float: left;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 200px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1500px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 1050px;
    margin-left: -270px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2000px;
    margin-left: -200px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2780px;
    margin-left: -200px;
  }
  /* 字與底變色G */
  .cw7:hover {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 8px 8px #E9E9E9;
  }
  .cw7 {
    width: 320px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0 3px 3px #E9E9E9;
  }
  /* 首頁產品欄位_照片_大小1 */
  .homepgae_product_photo1 {
    position: relative;
    width: 260px;
    height: 260px;
    float: left;
    background: #FF0000;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  /* 首頁產品欄位_文案區_大小 */
  .homepgae_product_text_all {
    width: 185px;
    height: 190px;
    float: left;
    border-color: #B0B0B0;
    border-width: thin;
    margin-top: 0px;
    margin-left: 70px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .homepgae_product_space_b {
    width: 185px;
    height: 24px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 左右側清單_項目字體_sp1 */
  .Text-Style-title_sp1 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 320px;
  }
  /* 右側客戶現金_變換底色 */
  .right_space_money_1_fx {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 100px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #FF0004;
  }
  /* 左側分類_範圍_b */
  .left_space_b {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 90px;
    margin-right: 20px;
  }
  /* 右側客戶現金_店換底色 */
  .right_space_money_1_fx:hover {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 10px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #B50033;
  }
  /* 右側客戶月結_範圍 */
  .right_space_money_2 {
    width: 50px;
    height: 30px;
    float: right;
    margin-right: 80px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #DDDDDD;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 300px;
    height: 30px;
    float: left;
  }
  /* 右側客戶金額_範圍 */
  .right_space_gold {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 10px;
    border-color: ececec;
    background-color: #E5E5E5;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 左右側清單_項目字體_sp5 */
  .Text-Style-title_sp5 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 170px;
    color: #FFFFFF;
    margin-top: 6px;
  }
  /* 反映進價_按鈕 */
  .right_space_gold_2_fx {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #F39800;
  }
  .homepgae_product_space_c {
    width: 170px;
    height: 30px;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 首頁產品欄位_照片_大小2 */
  .homepgae_product_photo2 {
    width: 180px;
    height: 180px;
    float: left;
    margin-top: 20px;
    margin-left: 70px;
    margin-bottom: 0px;
    background-image: url(../img/180x180_9.png);
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 310px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_d */
  .right_space_d {
    width: 60px;
    height: 30px;
    float: left;
    margin-left: 70px;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 310px;
    height: 70px;
    float: left;
  }
}

/* iPhone 5 / SE  手機顯示 -------------------------------------------------------*/
@media screen and (max-width: 320px) and (min-width: 1px) {
  /* 產品圖片的右上角標籤 */
  .product_mark1 {
    position: absolute;
    z-index: 9;
    width: 80px;
    height: 20px;
    left: 180px;
    top: 10px;
  }
  .product_mark1 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  /* 產品圖片的右上角標籤三角形 */
  .product_mark3 {
    position: absolute;
    z-index: 9;
    width: 50px;
    height: 50px;
    left: 210px;
    top: 10px;
  }
  .product_mark3 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
  }
  .homepgae_product_space_a {
    width: 220px;
    height: 65px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 產品用字_項目字體_hp01 */
  .Text-Style-title_hp01 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 18px;
    text-align: left;
    width: 220px;
    color: #777777;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 影子用區塊*/
  .group_a {
    width: 270px;
    height: 450px;
    float: left;
    border: thin solid #FFFFFF;
    background-color: #ffffff;
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 3px;
    margin-bottom: 70px;
  }
  /* 霸條A_範圍 */
  .bar_show_color_a {
    margin-left: 0px;
    width: 320px;
    height: 150px;
    float: left;
    background-color: #ffffff;
    margin-top: 0px;
    margin-left: 0px;
  }
  /* 霸條上半部A_範圍 */
  .bar_a_color_a {
    width: 320px;
    height: 30px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條上半部最左邊A_範圍 */
  .bar_up_1_color_a {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* iPhone 5 / SE  霸條上半部最中間A_範圍 */
  .bar_up_2_color_a {
    width: 220px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條上半部最右邊A_範圍 */
  .bar_up_3_color_a {
    width: 70px;
    height: 28px;
    float: left;
    background-color: #FEBA4F;
  }
  /* 霸條間隔A_範圍 */
  .bar_space {
    width: 100px;
    height: 30px;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 5px;
  }
  /* 霸條款式B_範圍 */
  .bar_show_color_b {
    width: 320px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式B上半部_範圍 */
  .bar_a_color_b {
    width: 320px;
    height: 30px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最左邊_範圍 */
  .bar_up_1_color_b {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式B上半部最中間_範圍 */
  .bar_up_2_color_b {
    width: 220px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式B上半部最右邊_範圍 */
  .bar_up_3_color_b {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #4c92d7;
  }
  /* 霸條款式c_範圍 */
  .bar_show_color_c {
    width: 320px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式c_範圍 */
  .bar_a_color_c {
    width: 360px;
    height: 30px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最左邊_範圍 */
  .bar_up_1_color_c {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式c上半部最中間_範圍 */
  .bar_up_2_color_c {
    width: 220px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式c上半部最右邊_範圍 */
  .bar_up_3_color_c {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #FF5F5F;
  }
  /* 霸條款式d_範圍 */
  .bar_show_color_d {
    width: 320px;
    height: 70px;
    float: left;
    background-color: #ffffff;
    margin-top: 20px;
  }
  /* 霸條款式d上半部_範圍 */
  .bar_a_color_d {
    width: 320px;
    height: 30px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最左邊_範圍 */
  .bar_up_1_color_d {
    width: 10px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 霸條款式d上半部最中間_範圍 */
  .bar_up_2_color_d {
    width: 220px;
    height: 28px;
    float: left;
    background-color: #ffffff;
  }
  /* 霸條款式d上半部最右邊_範圍 */
  .bar_up_3_color_d {
    width: 80px;
    height: 28px;
    float: left;
    background-color: #ff9c00;
  }
  /* 右側_客戶登入全部_範圍 */
  .right_business_all {
    position: relative;
    background-color: #f2f2f2;
    width: 300px;
    height: 1030px;
    float: left;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  /* 右側客戶內容_範圍 */
  .right_content {
    background-color: #FFFFFF;
    width: 290px;
    height: 910px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 右側_客戶登入_範圍 */
  .right_business {
    background-color: #ECECEC;
    width: 300px;
    height: 1015px;
    float: left;
    border-radius: 5px;
    margin-left: 0px;
    margin-right: 5px;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 200px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 180px;
    height: 70px;
    float: left;
  }
  /* 右側_熱銷_範圍 */
  .right_hot {
    /* [disabled]background-color: #ECECEC; */
    position: relative;
    width: 200px;
    height: 1500px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 1050px;
    margin-left: -250px;
  }
  /* 右側_熱銷單個_範圍 */
  .right_hot_one {
    width: 190px;
    height: 310px;
    float: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  /* 右側_排行_範圍 */
  .right_ranking {
    position: relative;
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2000px;
    margin-left: -200px;
  }
  /* 右側_紀錄_範圍 */
  .right_history {
    width: 200px;
    height: 755px;
    float: left;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 2780px;
    margin-left: -200px;
  }
  /* 字與底變色A_改頁籤 */
  .cw {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 140px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
  }
  .cw:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-left: 0px;
  }
  /* 字與底變色G */
  .cw7 {
    width: 280px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 30px;
    box-shadow: 0 3px 3px #E9E9E9;
  }
  .cw7:hover {
    width: 280px;
    height: 500px;
    float: left;
    border: thin solid #E4E4E4;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 30px;
    box-shadow: 0 8px 8px #E9E9E9;
  }
  /* 首頁產品欄位_照片_大小1 */
  .homepgae_product_photo1 {
    position: relative;
    width: 260px;
    height: 260px;
    float: left;
    background: #ffffff;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  /* 首頁產品欄位_文案區_大小 */
  .homepgae_product_text_all {
    width: 220px;
    height: 180px;
    float: left;
    border-color: #B0B0B0;
    border-width: thin;
    margin-top: 0px;
    margin-left: 50px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .homepgae_product_space_b {
    width: 185px;
    height: 40px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 左右側清單_項目字體_sp1 */
  .Text-Style-title_sp1 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 300px;
  }
  /* 右側客戶現金_變換底色 */
  .right_space_money_1_fx {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 90px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #FF0004;
  }
  /* 右側客戶現金_店換底色 */
  .right_space_money_1_fx:hover {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 90px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #B50033;
  }
  /* 左側分類_範圍_b */
  .left_space_b {
    width: 50px;
    height: 30px;
    float: left;
    margin-left: 90px;
    margin-right: 20px;
  }
  /* 右側客戶月結_範圍 */
  .right_space_money_2 {
    width: 50px;
    height: 30px;
    float: right;
    margin-right: 80px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #DDDDDD;
  }
  /* 右側客戶間距_範圍_a */
  .right_space_a2 {
    width: 300px;
    height: 30px;
    float: left;
  }
  /* 右側客戶金額_範圍 */
  .right_space_gold {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 10px;
    border-color: ececec;
    background-color: #E5E5E5;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 180px;
    height: 30px;
    float: left;
  }
  /* 左右側清單_項目字體_sp5 */
  .Text-Style-title_sp5 {
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 160px;
    color: #FFFFFF;
    margin-top: 6px;
  }
  /* 反映進價_按鈕 */
  .right_space_gold_2_fx {
    width: 160px;
    height: 30px;
    float: left;
    margin-left: 70px;
    margin-right: 10px;
    border-radius: 5px;
    border-color: ececec;
    background-color: #F39800;
  }
  .homepgae_product_space_c {
    width: 170px;
    height: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  /* 首頁產品欄位_照片_大小2 */
  .homepgae_product_photo2 {
    width: 180px;
    height: 180px;
    float: left;
    margin-top: 20px;
    margin-left: 70px;
    margin-bottom: 0px;
    background-image: url(../img/180x180_9.png);
  }
  /* 右側客戶間距_範圍_b */
  .right_space_b {
    width: 310px;
    height: 30px;
    float: left;
  }
  /* 右側客戶間距_範圍_d */
  .right_space_d {
    width: 60px;
    height: 30px;
    float: left;
    margin-left: 70px;
  }
  /* 右側客戶間距_範圍_b */
  .right_space_c {
    width: 310px;
    height: 70px;
    float: left;
  }
  .color1 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #76bb9f;
  }
  .color1:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color2 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fba714;
  }
  .color2:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color3 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f08080;
  }
  .color3:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color4 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #79becb;
  }
  .color4:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color5 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #a4b662;
  }
  .color5:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color6 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d18eaa;
  }
  .color6:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color7 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #9b7286;
  }
  .color7:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .color8 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color8:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
  .colorhi {
    background-color: #400;
    text-decoration: underline;
  }
  .color11 {
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #669807;
  }
  .color11:hover {
    background: #f39800;
    color: #fff;
    font-family: "Helvetica","Arial","LiHei Pro","Microsoft JhengHei UI", "Microsoft JhengHei UI Light", sans-serif;
    text-align: center;
    font-size: 14px;
  }
}

.index-product .item {
  position: relative;
  width: 400px;
  padding: 10px 10px 15px 10px;
  float: left;
  background-color: #FFFFFF;
}

@media screen and (max-width: 799px) {
  .index-product .item {
    width: 100%;
  }
}

@media screen and (max-width: 1180px) {
  .index-product .item.no-logging .card .txtbox {
    justify-content: flex-start;
  }
}

.index-product .item.no-logging .card .txtbox ul {
  margin: 0;
}

@media screen and (max-width: 1180px) {
  .index-product .item.no-logging .card .txtbox ul {
    margin: 2rem 0 0 0;
  }
}

.index-product .item .card {
  position: relative;
  top: 0;
  display: flex;
  align-items: stretch;
  height: 179px;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
  transition: all 0.3s;
  cursor: pointer;
}

.index-product .item .card:hover {
  top: -2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3), 0 3px 8px 0 rgba(0, 0, 0, 0.39);
}

.index-product .item .card .imgbox {
  display: flex;
  flex: 0 0 150px;
  align-items: center;
}

@media screen and (max-width: 400px) {
  .index-product .item .card .imgbox {
    flex: 0 0 120px;
  }
}

@media screen and (max-width: 360px) {
  .index-product .item .card .imgbox {
    flex: 0 0 80px;
  }
}

.index-product .item .card .imgbox img {
  max-width: 100%;
}

.index-product .item .card .txtbox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  margin: 0 0 0 .5rem;
}

.index-product .item .card .txtbox p.pname {
  height: 2.8rem;
  font-size: 1rem;
  color: #000;
  line-height: 1.4rem;
  overflow: hidden;
}

.index-product .item .card .txtbox p.desc {
  position: relative;
  display: inline-block;
  height: 18px;
  margin: .5rem 0;
  padding: 0 8px;
  border-radius: 5px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 18px;
  background: #ab1d33;
}

.index-product .item .card .txtbox ul {
  display: flex;
  flex-direction: column;
}

.index-product .item .card .txtbox ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  color: #0000ff;
}

.index-product .item .card .txtbox ul li:first-child span {
  padding: 0 10px 0 5px;
  color: #666;
}

.index-product .item .card .txtbox ul li:nth-child(2) {
  margin: .5rem 0 0 0;
  border: 1px solid #ccc;
  border-radius: .5rem;
  font-weight: bold;
  color: #ff3300;
  overflow: hidden;
}

.index-product .item .card .txtbox ul li:nth-child(2) span {
  padding: 2px 5px;
  font-weight: normal;
  color: #333;
  letter-spacing: 1px;
}

.index-product .item .card .txtbox ul li:nth-child(2) b {
  margin: 0 .25rem 0 0;
  font-size: 1.2rem;
}