/* 主視覺 */

html, body {
background-color:#fdd110 !important;/* 整體背景 */
}

main.kv {
margin-top:60px;
background-color:transparent !important;
}
.d-lg-block{
margin: auto;
}

nav{
background-color:transparent !important;/* 選單背景 */
}
nav.fixed{
background-color:transparent !important;
}
section#notice .sec-inner .sec-body{
background-color:transparent !important;
}
a#backTop{
background-color: #c10000 !important;
}

/* 單元標題圖片(headtitlePic)：公版以 background-image 產出，無固定比例。
   改為依圖片實際比例自動撐高，完整顯示不卡圖（高度由 js/edm-rwd.js 設定 aspect-ratio）。 */
section .sec-inner .sec-head .headtitle.headtitlePic {
    width: 100% !important;
    height: auto !important;          /* 取消固定高度，改用比例自動撐高 */
    margin: 0 auto;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important; /* 完整顯示，永遠不裁切 */
    aspect-ratio: 1200 / 300;          /* 預設比例，圖片載入後由 JS 用實際比例覆蓋 */
}

section#notice ul.list-num {/* 注意事項 */
font-family: microsoft jhenghei;
font-size: 20px;/* 注意事項文字大小 */
color:#131313 !important;/* 注意事項內文顏色 */
background-color: #fff;
}
nav.fixed.open .inner{
background-color: #000 !important;
}
nav.fixed.open .inner a.current{ /*右側導引選單點選過的顏色*/
color: #c10000 !important;
}

.container {
  padding-bottom: 0px;
}
main.kv {
  background-color: #be1a21;
  background-size: contain;
  height: auto !important;
  padding: 0;
  min-height: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.kv img {
  /* width: 100%; */
}

/*BN區塊*/
section .sec-inner .banner_box .banner {
  background-size: cover !important;
}
section .sec-inner {
  padding: 60px 0px 0px 0px !important;
}
/*導引選單顏色*/
nav .inner a {
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
  font-size: 20px;
  border-radius: 5px;
  color: #FFFFFF !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c00009 !important;
}
nav.fixed:before {
  /* content: ""; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 30px;
  font-family: "icomoon";
  border-radius: 50%;
  background-color: #c00009;
}
nav .inner a:hover {
  background-color: #fddc3f;
  transition: .2s;
  filter: brightness(110%);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px)
}
nav.fixed.open .inner a {
  /* font-size: 1em; */
  width: auto;
  min-height: 50px;
  text-align: center;
  padding: 5px;
  margin: 5px auto;
  font-color: #131313 !important;
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
  background-color: #FFF;
  transition: 0.2s;
}
nav.fixed.open .inner {
  background-color: #ff3a3b!important;
  position: absolute;
  bottom: 0;
  right: calc(100% + 10px);
  display: block;
  width: max-content;
  padding: 15px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

/*大標文字*/
section .sec-inner .sec-head .headtitle {
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
  color: #101010 !important;
  font-size: 3em;
}

/*中標背景+單元區塊*/
section .sec-inner .sec-head .text {
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
  color: #454545;/*單元內文顏色*/
  background-color:#c10000;
  font-size: 1.5em !important;
  letter-spacing: 0px !important;
}

/*商品描述區塊*/
.wrap-item .item .item-bottom .name {
  background-image: repeating-linear-gradient(
    90deg,
    #ff6d09 -1%,
    #f8c97a  101%
  ) !important;
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
}
/* 商品卡特點文字 */
.wrap-item.item-card .item .item-bottom .text .discount-text {
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
  height: auto !important;
}
/* 商品卡原價 */
.wrap-item.item-card .item .item-bottom .text .real-price{
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
}
/* 商品卡特價 */
.wrap-item.item-card .item .item-bottom .text .special-price {
  font-family:'Micron Basic','Arial',"Noto Sans CJK TC",sans-serif,'微軟正黑體';
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
nav .inner a{
  width: 220px;
  padding:10px !important;
  margin:10px auto !important;
}
a{
  color:white !important;
}
@media (min-width:1180px)
nav .inner a{
  width: 220px !important;
}
@media (max-width:1200px)
nav .inner a{
  width: 220px !important;
}

/* 桌機 / 手機切換，斷點 1024（1024↑ 顯示 PC 圖，1024↓ 顯示手機圖）。
   高度一律由圖片比例自動決定，不再寫死任何 px，故各尺寸都不會卡圖。 */
@media (min-width:1024px){
  section .sec-inner .sec-head .headtitle.headtitlePic.d-lg-block { display: block !important; }
  section .sec-inner .sec-head .headtitle.headtitlePic.d-lg-none  { display: none  !important; }
}
@media (max-width:1023.98px){
  section .sec-inner .sec-head .headtitle.headtitlePic.d-lg-block { display: none  !important; }
  section .sec-inner .sec-head .headtitle.headtitlePic.d-lg-none  { display: block !important; }
}

/*商品滑過顏色*/
.wrap-item.item-card .item:hover {
    box-shadow: 0px 0px 10px 10px #fff!important;
   }