/*
  檔案功能：_helper.css
  被引用目的：輔助工具類別，例如浮動、清除浮動、文字對齊、間距或可重複使用的小工具。
  編寫安排：以模組化方式集中管理相關 class，讓 style.css 可以用 @import 組合多個小檔案，避免所有樣式混在單一大檔中。
  與 HTML 的關係：HTML 先使用語意清楚的 class 名稱，本檔再針對這些 class 定義可重複使用的視覺規則。
*/

/*浮動方向*/
/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.pull-right {
  /* 讓元素向左或向右浮動，是早期欄位排版的重要方法。 */
  float: right !important;}

/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.pull-left {
  /* 讓元素向左或向右浮動，是早期欄位排版的重要方法。 */
  float: left !important;}

/*黑底白字*/
/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.dark-bg {
  /* 設定背景顏色，建立區塊層次與視覺識別。 */
  background-color: #000;
  /* 設定文字顏色。 */
  color: #fff;}

/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.dark-bg a {
  /* 設定文字顏色。 */
  color: #fff;}

/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.dark-bg a:hover {
  /* 設定文字顏色。 */
  color: rgba(255, 255, 255, 0.6);}

/*字體對其*/
/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.text-center {
  /* 設定文字水平對齊。 */
  text-align: center;}

/*字體白色*/
/* 選擇器開頭，指定接下來的屬性要套用到哪些 HTML 元素。 */
.text-white {
  /* 設定文字顏色。 */
  color: #fff;}

