:root{
  --boxshadow:0px 4px 10px rgba(0, 0, 0, 0.1);
  --roundCornerBig:16px;
  --roundCornerSmall:8px;
  --colorOrange:#FF6700;
  --colorSwiperButtonDisable:#f5d1be; 
  --colorSwiperButtonHover:#f5ac86;
  --colorPink:#fcedf5;
  --fontFamily: 'Noto Sans TC', sans-serif,Arial;
  --colorLightOrange:#ffefe5;
  --colorBlue:#4286DE;
  --colorGreen:#0EAA7D;
  --colorPurple:#DD5298;
  --colorLightYellow:#fff3b5;
  --colorMiddleOrange:#FF8F08;
  --colorDarkBlue:#2D2D6C;
  --colorMiddleGray:#595757;
  --colorDarkGray:#1B1B1B;
  
  --color-white: #fff;
  --color-black: #17171A;
  --color-yellow: #FFA200;
  --color-org: #FF6700;
  --color-btn-org: #FF6700;
  --color-btn-act-org: #fff0e5;
  --color-blue: #4286DE;
  --color-green: #25F0D5;
  --color-gray: #424242;
  --color-red: #F73603;
  --color-org-venue: #FF6700;
  --color-pink-venue: #DE5398;
  --color-Purple-venue: #5553a6;
  --color-m-yellow-venue: #ffc000;
  --color-org-venue: #ec6400;
  --color-line-green-venue: #068089;
  --color-tab-bg-org: #FF6700;
  --color-tab-nav-org: #F5AC86;
  --color-tab-line-gray: #D1D1D1;
  --color-tab-bg-gray: #F7F7F7;
  --color-box-gray-venue: #D2D2D2;
  --shadow-1: drop-shadow(4px 0px 15px 0px rgba(0,0,0,0.2));
	--shadow-2: drop-shadow(0px 4px 10px rgb(0,0, 0, 0.5));
	--shadow-xs: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));

  /*--fontFamily: sans-serif,Arial,'Noto Sans TC';*/
  --fontFamily: 'Noto Sans TC',Arial,sans-serif;
}

html,body{
  -webkit-overflow-scrolling: touch;
}
body {
  font-family: var(--fontFamily);
  /*max-width: 1920px;*/
  margin: 0 auto;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
  font-family: var(--fontFamily);
  color:var(--colorBlue);
}
button{
  font-family: var(--fontFamily);
}
.overview_layout {
  padding: 110px 8px 8px 8px;
}
.overview-row {
  margin: 8px 0;
}
.overview-row h1 {
  margin-bottom: 8px;
}
.mfo_button {
  margin: 0 8px 8px 0;
}
.product_card_block {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 1080px) {
  .overview_layout {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  :root{
    --roundCornerBig:8px;
  }
}