@charset  "UTF-8";

/*
歡迎自定 CSS 樣式表！

CSS
樣式表是一種程式碼，它會告訴瀏覽器如何呈現網頁。你可以刪除這些註釋並開始編寫你的自定義
CSS 樣式。

預設情況下，你的樣式表將會先在主題樣式載入前加入，這意味著你的樣式規則將會優先、並覆蓋主題的
CSS
樣式規則。你想做什麼改變只要在此寫入，你不需要複製你主題所有的樣式內容。
*/
/*
// 覆寫網站的字型
body {
  font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
}

// 把 footer 的欄位改切成 3:1
.footer_top .two_columns_50_50 {
  & > .column1 { width: 75%; }
  & > .column2 { width: 25%; }
}

// 右側的選單 toggle 放大
@media (min-width: 800px) {
  .side_menu_button_link > .fa-bars {
    font-size: 2rem;
  }
}

.side_menu.right {
  // 拿掉選單的關閉按鈕
  & > .close_side_menu{
    display: none;
  }

  // 右側選單增加邊線效果
  .menu-item {
    & > a {
      border: 1px solid #75787b;
      border-width: 0 0 0 2px;
      padding: 0 0 0 .5rem;
    }

    & > a:hover {
      border-color: #fff;
    }
  }

  // 縮小次選單的字體大小
  .sub-menu > li {
    font-size: 95%;
    margin: .25rem;
  } 
}

// footer 底下的廠商與社群 icon
%icon {
  height: 48px;
  vertical-align: middle;
}

.footer {
  &.cooperation.icon {
    @extend %icon;
    margin: 0 .5rem;
  }
  &.social.icon {
    @extend %icon;
    margin: 0 .25rem;
  }
}

// 合作廠商頁面的 logo
.cooperation.logo {
  height: 56px;
  margin: 0 .5rem;
  vertical-align: middle;
}
*/
body {
	font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
}

.footer_top .two_columns_50_50 > .column1,
.footer_top .two_columns_50_50 > .column2 {
	width: 100%;
}

@media (min-width: 800px) {
	.side_menu_button_link > .fa-bars {
		font-size: 2rem;
	}
	
	.footer_top .two_columns_50_50 > .column1 {
		width: 75%;
	}
	
	.footer_top .two_columns_50_50 > .column2 {
		width: 25%;
	}
}

.side_menu.right > .close_side_menu {
	display: none;
}

.side_menu.right .menu-item > a {
	border: 1px solid #75787b;
	border-width: 0 0 0 2px;
	padding: 0 0 0 .5rem;
}

.side_menu.right .menu-item > a:hover {
	border-color: #fff;
}

.side_menu.right .sub-menu > li,
.side_menu.right .sub-menu > li:last-child {
	font-size: 95%;
	margin: .25rem;
}

.footer.cooperation.icon, .footer.social.icon {
	height: 48px;
	vertical-align: middle;
}

.footer.cooperation.icon {
	margin: 0 .5rem;
}

.footer.social.icon {
	margin: 0 .25rem;
}

.cooperation.logo {
	height: 56px;
	margin: .5rem;
	vertical-align: middle;
}