/* =======================================================
	header、navbar、footer設定-media-queries
======================================================= */


/* =======================================================
	(min-width: 768p x) and
	(max-width: 991px)
======================================================= */
@media (min-width: 768px) and (max-width: 991px) {

/* =======================================================
	(768p x) and (991p x)
	header
======================================================= */

.header {
	background-color: #ffffff;
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #cc9b3f;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768px) and (991px)
	header
	右側選單
======================================================= */

/* 文字：字級、齊右、padding */
.home-header-right-menu {
	font-size: 0.938em/*15p x*/;
	text-align: left;
	padding-top: 15px;
	padding-left: 0px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768p x) and (991p x)
	navbar
	導覽列
======================================================= */	

/* margin、背景、邊框、圓角 */
.navbar-nqa {
	border-color: #ffffff;
	background-color: #ffffff;
	border-radius: 0;
	margin-bottom: 0px;
	margin-top: 10px;
}

/* 文字：link顏色、選單文字的間距 */
.navbar-nqa .navbar-nav > li > a {
	padding-left: 18px;
	padding-right: 18px;
	color: #444444;
	font-weight: 600;
}

/* 文字：hover顏色 */		
.navbar-nqa-learn .navbar-nav > li > a:hover,
.navbar-nqa-learn .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #cc9b3f;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768p x) and (991p x)
	navbar-right
	導覽列
======================================================= */

/* 選單-齊左、margin */
.navbar-right {
	float: left !important; 
	margin-top: 0px;
	margin-bottom: 10px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(768p x) and (991p x)
	footer
======================================================= */

/* padding、背景 */
.footer {
	padding: 20px 0px;
}

/* 文字：字級、顏色、行高、置中 */	
.footer > p {
	font-size: 0.938em/*15p x*/;
	line-height: 24px;
	text-align: center;
}

/* 文字：link顏色 */
.footer-links > a {
	color: #0180ff;
}

/* =======================================================
======================================================= */


}
/* =======================================================
======================================================= */





/* =======================================================
	max-width: 767px (字級設定15px)
======================================================= */

@media (max-width: 767px) {

/* =======================================================
	(767px)
	navbar
	導覽列
======================================================= */	

/* 文字：active顏色 */
.navbar-nqa .navbar-nav > .active > a,
.navbar-nqa .navbar-nav > .active > a:hover,
.navbar-nqa .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #ac0009;
	border-radius: 0px;
}

/* 單一文字 */
.navbar-nqa-right {
	margin-right: 0px;
}

/* =======================================================
======================================================= */


/* =======================================================
	nav
	導覽列
======================================================= */

/* 選單-hover的寬度 */
.nav > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}


/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	navbar-news-platform
======================================================= */

/* margin、背景、邊框、圓角 */
.navbar-nqa {
	margin: 0px;
	padding: 0px;
}

/* 文字：link顏色 */	
.navbar-nqa .navbar-nav > li > a {
	padding-left: 15px;
	color: #444444;
	font-weight: 600;
	border-top: 1px solid #bbbbbb;
}

/* 文字：hover顏色 */		
.navbar-nqa .navbar-nav > li > a:hover,
.navbar-nqa .navbar-nav > li > a:focus {
	color: #ffffff;
	border-radius: 0px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	navbar
	導覽列選單：齊左
======================================================= */

.navbar-center {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar-collapse-center {
	text-align: left;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-dropdown-menu
	下拉選單
======================================================= */

/* 位置：padding */
.home-dropdown-menu {
	padding: 0px 0px;
}


/* 文字：link顏色 */
.home-dropdown-menu > li > a {
	font-size: 0.938em/*15p x*/;
	display: block;
	padding: 5px 38px 5px 35px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

/* 文字：hover顏色 */
.home-dropdown-menu > li > a:hover,
.home-dropdown-menu > li > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #cc9b3f;
}

.home-dropdown-menu > .active > a,
.home-dropdown-menu > .active > a:hover,
.home-dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	dropdown-menu > li > a
	下拉選單的子選單
======================================================= */

/* 文字：link顏色，背景：底色 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #444444;
	background-color: #ffffff;
}

/* 文字：hover顏色，背景：底色 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #5e3d00;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #555;
	background-color: #e7e7e7;
}

.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}
  
/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-phone-navbar-nav
	手機漢堡區：點選後的下拉選單-margin
======================================================= */

.home-phone-navbar-nav {
	margin: 0px -15px 0px;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-phone-horizontal-list
	手機「三」下拉後的選單
	「橫排」文字
======================================================= */

/* padding、背景 */
.home-phone-horizontal-list {
	padding: 10px 0px 0px 20px;
	background-color: #f1f1f1;
}

/* 文字：link顏色 */
.home-phone-horizontal-list li a {
	font-size: 0.938em/*15p x*/;
	color: #444444;
	font-weight: 600;
}

/* 文字：hover顏色 */
.home-phone-horizontal-list li a:hover {
	color: #cc9b3f;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-phone-search
	搜尋列
======================================================= */

/* 文字、padding、margin、border */
    .home-phone-search {
        font-size: 0.938em /*15p x*/;
        color: #444444;
        font-weight: 600;
        padding: 14px 14px 15px;
        background-color: #f1f1f1;
    }

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-phone-vertical-list
	手機「三」下拉後的選單
	「直排」文字
======================================================= */

/* 文字：link顏色 */
    .home-phone-vertical-list li a {
        width: 100%;
        display: block;
        font-size: 0.938em /*15p x*/;
        color: #444444;
        font-weight: 600;
        margin: 0px;
        padding: 10px 10px 10px 20px;
        border-top: 2px solid #d0d0d0;
    }

/* 文字：hover顏色 */
.home-phone-vertical-list li a:hover {
	color: #ffffff;
	background-color: #9a690c;
}

/* 背景：顏色 */
.home-phone-bg-gray {
	background-color: #f1f1f1;
}

/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	home-phone-table
	手機漢堡區：點選後的下拉選單
======================================================= */

/* 文字：字級、顏色 */
.home-phone-table {
	margin-bottom: 0px;
}

/* 文字：金色 */
.home-phone-table-text-gold {
	color: #cc9b3f;
}

/* 文字：link顏色 */
    .home-phone-table a {
        width: 100%;
        display: block;
        font-size: 0.938em /*15p x*/;
        color: #444444;
        font-weight: 600;
        margin-left: 5px;
    }

/* 文字：hover顏色 */
.home-phone-table a:hover {
	color: #ffffff;
	text-decoration:none;
}

/* 表格：背景-thead hover顏色 */
.home-phone-table-hover > thead > tr:hover {
	background-color: #9a690c;
}

/* 表格：背景-tbody hover顏色 */
.home-phone-table-hover > tbody > tr:hover {
	background-color: #9a690c;
}

/* table border橫線、padding間距 */
.home-phone-table > thead > tr > th,
.home-phone-table > tbody > tr > th,
.home-phone-table > tfoot > tr > th,
.home-phone-table > thead > tr > td,
.home-phone-table > tbody > tr > td,
.home-phone-table > tfoot > tr > td {
	padding: 13px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 2px solid #d0d0d0;
}

/* 表格之間的交叉底色 */
.home-phone-table-striped > tbody > tr:nth-child(odd) {
	background-color: #fffdf5;
}

/* 背景：顏色 */
.home-phone-table-bg {
	background-color: #dddddd;
}

/* 下底線 */
.home-phone-table-bottom {
	border-bottom: 1px solid #d0d0d0;
}


/* =======================================================
======================================================= */


/* =======================================================
	(767px)
	footer
======================================================= */

/* padding、背景 */
.footer {
	padding: 20px 5px;
}

/* 文字：字級、行高、齊左 */
    .footer p {
        font-size: 0.938em /*15p x*/;
        line-height: 23px;
        text-align: left;
    }

/* 連結：link顏色 */
    .footer a {
        font-size: 0.938em /*15p x*/;
    }

/* =======================================================
======================================================= */


}
/* =======================================================
======================================================= */





/* =======================================================
	max-width: 480px (字級設定14px)
======================================================= */

@media (max-width: 480px) {


/* =======================================================
	(480px)
	footer
======================================================= */

/* padding、背景 */
.footer {
	padding: 20px 5px;
}

/* 文字：字級、行高、齊左 */	
.footer p {
	font-size: 0.875em/*14p x*/;
	line-height: 22px;
	text-align: left;
}

/* 連結：link顏色 */
    .footer a {
        font-size: 0.875em /*14p x*/;
    }

/* =======================================================
======================================================= */

	
}
/* =======================================================
======================================================= */