/* =====================================================================
	全站-基本設定
===================================================================== */
body{
	font-family: 'Noto Sans TC', sans-serif, Arial, Helvetica, Microsoft JhengHei;
	color: #444;
	line-height: 1.6;
	font-size:16px;
}

/*.container{
	max-width:1030px;
}

.container-fluid{
	max-width:1000px;
	padding-right:0px;
	padding-left:0px;
}*/

	
/* =====================================================================
	全站-連結文字
===================================================================== */
a {
	color: #444444;
}

a:visited {
	color: #444444;
}
	
a:hover {
	color: #c08a0b;
	text-decoration: none;
}

a:active {
	color: #815b01;
}


/* =====================================================================
	全站-文字：顏色
===================================================================== */

.text-black {
	color: #231f20;
}

.text-white {
	color: #ffffff;
}

.text-gold {
	color: #c08a0b;
}

.text-red {
	color: #ec3213;
}

.text-yellow {
	color: #eab90e;
}


/* =====================================================================
	全站-橫線
===================================================================== */

/* 顏色、實線、padding、margin */
hr.star-light,hr.star-primary {
	color: #cacaca;
	padding: 0;
	border: none;
	border-top: solid 1px;
	text-align: center;
	margin: 12px auto 20px
}

/* 實橫線-金線 */
hr.solid-line-gold {
	color: #008107;
	padding: 0;
	border: none;
	border-bottom: 1px solid;
	margin: 15px 0 15px;
}

/* 實橫線-淡金線 */
hr.solid-line-light-gold {
	color: #ded9cd;
	padding: 0;
	border: none;
	border-bottom: 1px solid;
	margin: 15px 0 15px;
}


/* =====================================================================
	全站-按鈕
	home-btn
===================================================================== */

/* 按鈕link顏色 */
.home-btn,
.home-btn:visited {
	font-size: 1rem;
	color: #c08a0b;
	background-color: #ffffff;
	border-color: #c08a0b;
	padding:0.7rem 1.4rem;
	border-radius: 0.3rem;
}

/* 按鈕hover顏色 */
.home-btn:hover,
.home-btn:focus,
.home-btn.focus,
.home-btn:active,
.home-btn.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

/* 按鈕link顏色 */
.home-btn-sm,
.home-btn-sm:visited {
	font-size: 1rem;
	color: #c08a0b;
	background-color: #ffffff;
	border-color: #c08a0b;
	padding:0.4rem 0.6rem;
	border-radius: 0.3rem;
}

/* 按鈕hover顏色 */
.home-btn-sm:hover,
.home-btn-sm:focus,
.home-btn-sm.focus,
.home-btn-sm:active,
.home-btn-sm.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}



/* =====================================================================
	header
===================================================================== */
.header{
	padding-top:1.3rem;
	border-top:0.2rem solid #c08a0b;
}


/* =====================================================================
	全站-導覽列
	navbar
===================================================================== */

.menu{
	background-color:#ffffff;
	border-bottom:0.1rem solid #ded9cd;
}

/* 導覽列-上下左右距離 */
.navbar {
	padding: 0rem;
	/*max-width:1000px;*/
	margin: 0 auto;
	background-color:#ffffff;
	font-size:1rem;
}

/* link */
.navbar-light .navbar-nav .nav-link {
  color: #000000;
  padding:0.5rem 0.5rem;
}

/* hover */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #FFF;
  background-color:#a07308;
}

/* active */
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 1);
  background-color:#815b01;
}


/* =====================================================================
	「三」外框
===================================================================== */

/* 「三」外框 */
.navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: 0.25rem;
}

/* 「三」外框-hover */
.navbar-toggler:hover, .navbar-toggler:focus {
	background-color: #fff2d4;
}

.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer;
}

/* 「三」外框-漢堡線條顏色 調整rgba(0, 0, 0, 0.5) */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* =====================================================================
	nav-pills
===================================================================== */
.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #815b01;
}


/* =====================================================================
	footer
===================================================================== */
.footer{
	color:#444;
	font-size:0.9rem;
	line-height:1.6;
	text-align:center;
	padding-top:1.2rem;
	padding-bottom:0.4rem;
}


/* =====================================================================
	自訂
===================================================================== */
.banner-space {
	padding-bottom:0.5rem;
}

.home-content {
}

.home-award {
	padding-top:2rem;
	text-align:center;
}

.home-btn-gold {
	color: #c08a0b;
	background-color: #FFF;
	border-color: #FFF;
}

.home-btn-gold:hover,
.home-btn-gold:focus,
.home-btn-gold.focus,
.home-btn-gold:active,
.home-btn-gold.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

.home-news {
	padding:3rem 0;
}

.home-coaching {
	background-color:#faf9f2;
	padding:4rem 0rem;
}

.home-coaching a {
	color: #FFF;
}

.object-center {
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-training {
	background-color:#f2f2f2;
	padding:4rem 0rem;
}

.home-training a {
	color: #FFF;
}

.home-vision {
	background-image:url(../images/home/bg/vision.jpg);
	background-size:cover;
	background-color:#f2f2f2;
	padding:5rem 0rem;
}

.home-business {
	background-image:url(../images/home/bg/business.jpg);
	background-size:cover;
	background-color:#f2f2f2;
	padding:5rem 0rem;
}

.home-social-media {
	padding-top:2rem;
	padding-bottom:0.6rem;
	text-align:center;
}


.bg-gary {
	background-color:#f9fafa;
}

.bg-gold {
	background-color:#c08a0b;
}


.pic{overflow:hidden;}
.pic img{transform:scale(1,1);transition: all 1s ease-out;}
.pic img:hover{transform:scale(1.2,1.2);}



.dropdown-item {
	font-size:0.9rem;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #a07308;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #a07308;
  text-decoration: none;
  background-color: #f8f9fa;
}



.list-group-item {
  border: 1px solid #ded9cd;
}

.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus {
  color: #c28c0b;
  background-color: #f9fafa;
}

.list-group-item-gold.list-group-item-action.active {
  color: #FFF;
  background-color: #a07308;
  border-color: #ded9cd;
}


.tab-bg {
	background-color:#FFF;
	padding:0rem 0.8rem 0.4rem 0.8rem;
}


/*.card-header {
  padding: 0.5rem 0.1rem;
  margin-bottom: 0;
  color: inherit;
  background-color: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.9rem 0.9rem 1.5rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-border {
	border:1px solid #036;
}*/


/* =====================================================================
	麵包屑
	breadcrumb
===================================================================== */
.breadcrumb {
	font-size:15px;
	padding:0.6rem 0rem;
	margin-bottom: 1rem;
    background-color: #f9fafa;
}

.breadcrumb-item.active {
	color: #c08a0b;
}


/* =====================================================================
	分頁
===================================================================== */

/* link */
.page-link:link {
	color: #444;
}

/* hover */
.page-link:hover {
	color: #ffffff;
	background-color: #c28c0b;
	border-color: #dee2e6;
}

.page-item.active .page-link {
	color: #ffffff;
	background-color: #a07308;
	border-color: #dee2e6;
}


/* =====================================================================
	go top
===================================================================== */
.go-top {
	position: fixed;
	bottom: 1.2rem;
	right: 1.2rem;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 0.8rem;
	padding: 1rem;
	display: none;
}

.go-top:hover {
	color: white;
	background-color: rgba(0, 0, 0, 0.6);
}


/* =====================================================================
	page-banner
===================================================================== */
.page-banner{
	background-color:#ffbe00;
}

.page-banner-h3 {
	font-size: 1.5rem;
	letter-spacing: 0.3rem;
	line-height:1.3;
	opacity:0.5;
}


/* =====================================================================
	page-content
===================================================================== */
.page-content {
	padding-top:0rem;
	padding-bottom:3rem;
}

.page-content p {
	line-height:1.6;
}

.page-content li {
	line-height:1.6;
}


/* =====================================================================
	折疊 (Collapse)
===================================================================== */

/*.card-header .title {
  font-size: 21px;
  padding-left:1rem;
}
.card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
.card-header{
  cursor: pointer;
  border-bottom: none;
  padding-top:0.6rem;
  padding-bottom:0.8rem;
}
.card{
  border: 0px solid #ddd;
  background-color:#ececec;
}
.card-body{
  border-top: 1px solid #ddd;
}
.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}*/


/* =====================================================================
	media p
===================================================================== */
.media p {
	line-height:1.3;
}


/* ==================================================================================================================
	media-queries
================================================================================================================== */

/* =====================================================================
	max-width: 990px
===================================================================== */
@media (max-width: 990px) {
	
/* =====================================================================
	(990px)
	header
===================================================================== */
.header{
	padding-top:0.7rem;
	padding-bottom:0rem;
	margin-bottom:0rem;
	background-color:#ff4800;
}


/* =====================================================================
	(990px)
	全站-導覽列
	navbar
===================================================================== */
.navbar {
	padding-top: 0.4rem;
	padding-bottom: 0rem;
	background-color:#FFF;
}

/* link */
.navbar-light .navbar-nav .nav-link {
  color: #444444;
  padding:1rem 0rem;
  margin:0 1rem;
}

/* hover */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #a37811;
  background-color:#FFF;
}

/* logo */
.navbar-brand {
	padding-bottom: 0.2rem;
	margin-left: 1rem;
}

/* 「三」右移 */
.navbar-toggler {
	margin-right: 0.2rem;
	margin-bottom: 0.3rem;
}


.dropdown-menu {
  padding: 0.5rem 0;
  margin: -0.1rem 0.3rem;
}


/* =====================================================================
	(990px)
	自訂css
	選單下拉
===================================================================== */

/* 選單下拉後選單的顏色 */
.home-phone-bg-white {
	font-size:15px;
	background-color: #FFF;
	border-bottom: 1px solid #dcdcdc;
}

.home-phone-bg-gray {
	font-size:15px;
	background-color: #f7f3ef;
	border-bottom: 1px solid #dcdcdc;
	padding-top:0.8rem;
	padding-bottom:0.8rem;
}

/* 選單下拉後上橫線 */
.home-phone-top-line {
	border-top: 0.1rem solid #dcdcdc;
}

.home-phone-bottom-line {
	border-bottom: 0.1rem solid #dcdcdc;
	padding-top:0.8rem;
	padding-bottom:0.8rem;
}

.banner-space {
	padding-top:0rem;
}

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


/* =====================================================================
	max-width: 767px
===================================================================== */
@media (max-width: 767px) {

/* =====================================================================
	(767px)
	logo文字
===================================================================== */

/* logo */
.navbar-brand {
	font-size:1rem;
	padding-bottom: 0.7rem;
}

/* 「三」右移 */
.navbar-toggler {
	margin-bottom: 0.4rem;
}


/* =====================================================================
	(767px)
	自訂css
===================================================================== */
.home-logo{
	padding-left:0rem;
	padding-right:0rem;
	padding-bottom:0.5rem;
}

.home-service-phone {
	padding-top:1.8rem;
}

.home-button {
	padding-top:0rem;
}

.home-number-text {
  text-align: center;
}


.home-news {
	padding:1.5rem 0;
}

.home-coaching {
	padding:2.5rem 0rem;
}

.home-training {
	padding:2.5rem 0rem;
}

.home-vision {
	padding:2.5rem 0rem;
}

.home-business {
	padding:2.5rem 0rem;
}

.home-table th,
.home-table td {
  padding: 0.25rem;
}


.home-award-phone {
	padding-top:2rem;
}

/* =====================================================================
	(767px)
	navbar
===================================================================== */
.navbar {
	padding-bottom: 0rem;
}

/* =====================================================================
	(767px)
	footer
===================================================================== */
.footer{
	text-align:center;
}

/* =====================================================================
	(767px)
	卡片
===================================================================== */
.card {
	margin-top: 0rem;
}


/* =====================================================================
	(767px)
	分頁
===================================================================== */
.pagination {
	justify-content: center;
}


/* =====================================================================
	(767px)
	內頁-文字：大標
===================================================================== */
.page-h1 {
	font-size: 2.2rem;
	letter-spacing: -0.1rem;
	padding-bottom:1.6rem;
}


/* =====================================================================
	(767px)
	form-group
===================================================================== */
.form-group {
	margin-bottom: 0.2rem;
}


/* =====================================================================
	(767px)
	media p
===================================================================== */
.media p {
	line-height:1.3;
}


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