.elementor-2363 .elementor-element.elementor-element-cf1f60a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-2363 .elementor-element.elementor-element-cf1f60a:not(.elementor-motion-effects-element-type-background), .elementor-2363 .elementor-element.elementor-element-cf1f60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twrotary461.admin.metabiz.tw/storage/twrotary461/2026/07/nav-bg-scaled.webp");background-size:cover;}.elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-menu-toggle{margin:0 auto;}.elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu--dropdown a{padding-top:6px;padding-bottom:6px;}.elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2363 .elementor-element.elementor-element-cf1f60a:not(.elementor-motion-effects-element-type-background), .elementor-2363 .elementor-element.elementor-element-cf1f60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twrotary461.admin.metabiz.tw/storage/twrotary461/2026/07/Header.png");}.elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}}@media(max-width:767px){.elementor-2363 .elementor-element.elementor-element-cf1f60a:not(.elementor-motion-effects-element-type-background), .elementor-2363 .elementor-element.elementor-element-cf1f60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twrotary461.admin.metabiz.tw/storage/twrotary461/2026/07/Header.png");}.elementor-2363 .elementor-element.elementor-element-cf1f60a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2363 .elementor-element.elementor-element-ae72b43 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}}/* Start custom CSS for container, class: .elementor-element-cf1f60a *//* =========================================================
   Rotary 3461 Header
   ========================================================= */


/* =========================================================
   1. Header Container
   ========================================================= */

.rotary-header {
  position: relative;
  z-index: 1000;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 218px;
  padding: 30px var(--rotary-page-padding);
  gap: 39px;

  overflow: visible;

  background-color: var(--rotary-white);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;

  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
}


/* =========================================================
   2. Logo
   ========================================================= */

.rotary-header .rotary-header-logo {
  width: 502px;
  max-width: 100%;
  flex: 0 0 auto;
}

.rotary-header .rotary-header-logo .elementor-widget-container {
  width: 100%;
}

.rotary-header .rotary-header-logo a {
  display: block;
  width: 100%;
}

.rotary-header .rotary-header-logo img {
  display: block;
  width: 100%;
  max-width: 502px;
  height: 95px;
  margin-inline: auto;

  object-fit: contain;
}


/* =========================================================
   3. Desktop Menu
   ========================================================= */

.rotary-header .rotary-header-menu {
  width: 100%;
  max-width: 1111px;
}

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  > .elementor-nav-menu {
  display: flex;
  width: 100%;

  align-items: center;
  justify-content: center;
  gap: 40px;
}


/* =========================================================
   4. Desktop Main Menu Items
   ========================================================= */

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-item {
  display: inline-flex;
  min-height: 24px;

  align-items: center;
  gap: 8px;

  padding: 0;

  color: var(--rotary-footer);
  background: transparent;

  font-family: var(--rotary-font-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.11em;
  white-space: nowrap;
  text-decoration: none;
}

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-item:hover,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-item:focus,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-item.elementor-item-active,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .current-menu-item
  > .elementor-item,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .current-menu-ancestor
  > .elementor-item {
  color: var(--rotary-primary);
}


/* 移除 Elementor 預設線條 */

.rotary-header
  .rotary-header-menu
  .elementor-item::before,
.rotary-header
  .rotary-header-menu
  .elementor-item::after {
  display: none;
}


/* =========================================================
   5. Menu Arrow
   ========================================================= */

/* 隱藏 Astra 重複產生的箭頭 */

.rotary-header
  .rotary-header-menu
  .ast-header-navigation-arrow,
.rotary-header
  .rotary-header-menu
  .elementor-sub-item
  > .ast-icon {
  display: none !important;
}

.rotary-header
  .rotary-header-menu
  .sub-arrow {
  display: inline-flex;
  width: 20px;
  height: 20px;

  flex: 0 0 20px;
  align-items: center;
  justify-content: center;

  margin-left: 0;
  padding: 0;

  color: currentColor;
}

.rotary-header
  .rotary-header-menu
  .sub-arrow i {
  font-size: 14px;
  line-height: 1;
}


/* =========================================================
   6. Desktop Dropdown Menu
   ========================================================= */

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .sub-menu {
  min-width: 176px;
  max-width: 360px;

  margin-top: 14px;
  padding: 14px 20px 16px;

  background: var(--rotary-white);

  border: 0;
  border-top: 2px solid var(--rotary-secondary);
  border-radius: 0;

  box-shadow: 0 4px 8.2px rgba(0, 0, 0, 0.25);
}

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-sub-item {
  display: flex;
  width: 100%;
  min-height: 24px;

  align-items: center;

  padding: 0;

  color: var(--rotary-footer);
  background: transparent;

  font-family: var(--rotary-font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.11em;
  white-space: nowrap;
  text-decoration: none;
}

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .sub-menu
  > li:not(:last-child) {
  margin-bottom: 12px;
}

.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-sub-item:hover,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-sub-item:focus,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .elementor-sub-item.elementor-item-active,
.rotary-header
  .rotary-header-menu
  .elementor-nav-menu--main
  .current-menu-item
  > .elementor-sub-item {
  color: var(--rotary-primary);
  background: transparent;
}


/* =========================================================
   7. Tablet
   Logo 左、漢堡選單右
   ========================================================= */

@media (max-width: 1024px) {

  .rotary-header {
    position: relative;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100%;
    min-height: 100px;

    padding: 16px var(--rotary-page-padding);
    gap: 20px;

    overflow: visible;

    background-position: left center;
    background-size: auto 100%;
  }


  /* Logo */

  .rotary-header .rotary-header-logo {
    width: auto !important;
    max-width: calc(100% - 76px);

    flex: 1 1 auto !important;
    align-self: center;
  }

  .rotary-header .rotary-header-logo .elementor-widget-container,
  .rotary-header .rotary-header-logo a {
    width: auto;
  }

  .rotary-header .rotary-header-logo img {
    display: block;

    width: auto !important;
    max-width: 330px;
    max-height: 68px;
    height: auto;

    margin: 0;

    object-fit: contain;
    object-position: left center;
  }


  /* Menu Widget */

  .rotary-header .rotary-header-menu {
    position: static;

    width: auto !important;
    max-width: none;

    flex: 0 0 auto !important;
    align-self: center;
  }

  .rotary-header
    .rotary-header-menu
    > .elementor-widget-container {
    position: static;
    width: auto;
  }


  /* 漢堡按鈕 */

  .rotary-header
    .rotary-header-menu
    .elementor-menu-toggle {
    display: inline-flex;

    width: 48px;
    height: 48px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    color: var(--rotary-primary);
    background: var(--rotary-white);

    border: 1px solid var(--rotary-border);
    border-radius: var(--rotary-radius-sm);

    cursor: pointer;
  }

  .rotary-header
    .rotary-header-menu
    .elementor-menu-toggle i {
    font-size: 26px;
  }


  /* 整體行動版選單 */

  .rotary-header
    .rotary-header-menu
    > .elementor-widget-container
    > .elementor-nav-menu--dropdown {
    position: absolute !important;

    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 9999;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0;

    overflow-x: hidden;
    overflow-y: auto;

    background: var(--rotary-white);
    box-shadow: var(--rotary-shadow-lg);
  }

  .rotary-header
    .rotary-header-menu
    > .elementor-widget-container
    > .elementor-nav-menu--dropdown
    > .elementor-nav-menu {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 8px 0 16px;
  }


  /* 所有行動版 li */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    li {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 0;
  }


  /* 第一層選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-item {
    display: flex;

    width: 100%;
    min-width: 0;
    min-height: 52px;

    align-items: center;
    justify-content: space-between;

    padding: 13px var(--rotary-page-padding);

    color: var(--rotary-footer);
    background: var(--rotary-white);

    font-family: var(--rotary-font-primary);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.08em;

    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
  }


  /* 行動版子選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .sub-menu {
    position: static !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #F7F8FA;

    border: 0;
    box-shadow: none;
  }

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item {
    display: flex;

    width: 100%;
    min-width: 0;
    min-height: 46px;

    align-items: center;
    justify-content: space-between;

    padding:
      11px
      var(--rotary-page-padding)
      11px
      40px;

    color: var(--rotary-footer);
    background: transparent;

    font-family: var(--rotary-font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.06em;

    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
  }


  /* 第三級選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .sub-menu
    .sub-menu
    .elementor-sub-item {
    padding-left: 58px;
  }


  /* 行動版 Hover / Active */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-item:hover,
  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-item:focus,
  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item:hover,
  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item:focus,
  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item.elementor-item-active {
    color: var(--rotary-primary);
    background: var(--rotary-bg-light);
  }


  /* 行動版箭頭 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .sub-arrow {
    display: inline-flex;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;
    align-items: center;
    justify-content: center;

    margin-left: 12px;
    padding: 0;
  }

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .sub-arrow i {
    font-size: 14px;
  }
}


/* =========================================================
   8. Mobile
   ========================================================= */

@media (max-width: 767px) {

  .rotary-header {
    min-height: 82px;

    padding:
      12px
      var(--rotary-page-padding-mobile);

    gap: 12px;
  }


  /* 手機 Logo */

  .rotary-header .rotary-header-logo {
    max-width: calc(100% - 60px);
  }

  .rotary-header .rotary-header-logo img {
    width: auto !important;
    max-width: 245px;
    max-height: 56px;
  }


  /* 手機漢堡 */

  .rotary-header
    .rotary-header-menu
    .elementor-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .rotary-header
    .rotary-header-menu
    .elementor-menu-toggle i {
    font-size: 23px;
  }


  /* 手機展開選單高度 */

  .rotary-header
    .rotary-header-menu
    > .elementor-widget-container
    > .elementor-nav-menu--dropdown {
    max-height: calc(100vh - 82px);
  }


  /* 手機第一層選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-item {
    min-height: 50px;

    padding:
      12px
      var(--rotary-page-padding-mobile);

    font-size: 16px;
  }


  /* 手機第二層選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .elementor-sub-item {
    min-height: 44px;

    padding:
      10px
      var(--rotary-page-padding-mobile)
      10px
      36px;

    font-size: 15px;
  }


  /* 手機第三層選單 */

  .rotary-header
    .rotary-header-menu
    .elementor-nav-menu--dropdown
    .sub-menu
    .sub-menu
    .elementor-sub-item {
    padding-left: 52px;
  }
}/* End custom CSS */