/*=================================================================
                             Color
=================================================================*/
:root {

  /* 自訂區 */
  --color1: #0a9ace;
  --color2: #31b9eb;
  --color3: #0b8ab8;

  --money: #0a9ace;
  --yellow: #0a9ace;

}

/*=================================================================
                             頁面
=================================================================*/
/*== Logo ==*/
.header .navbar-brand {
  max-height: 65px;}
@media (min-width: 992px) {
  .header .navbar-brand .img-fluid.logo_scale {
    height: 70px;}
}
@media (min-width: 768px) {
	.header .navbar-brand img {
		height: 75px;}
}
@media (max-width: 991px) {
	.header .navbar-brand {
    width: 35%;
		max-height: 100%;}
}
@media (max-width: 480px) {
  .header .navbar-brand {
      width: 50%;}
}


/*== Header ==*/
#mainNav {
	height: auto;}
.header_nav {
	margin-top: 1.4rem;
  background-color: var(--color1);}

/*== Nav ==*/
.header_nav #nav>li>a {
	padding: 1rem .25rem;
	color: #FFF;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.header_nav nav>ul>li>a:before {
	background-color: var(--color2);}
.header_nav nav>ul>li>a:hover,
.header_nav nav>ul>li>a:focus {
	color: #FFF;}
/* == 第二層選單 Hover ==*/
.header_nav nav ul li:first-child ul.sub_menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);}
.header_nav nav .sub_menu li a:hover {
  background-color: var(--color3);}

/*== Button ==*/
.btn-primary,
.btn.btn-primary:hover, 
.btn.btn-primary:focus {
  color: #FFF;
  background-color: var(--color2);
  border-color: var(--color2);}
.btn-orange,
.btn-orange:hover,
.btn-orange:focus { 
  color: #FFF;
  background-color: var(--color2);}
.btn-outline-primary {
	color: var(--color2);
	background-color: #FFF;
	border-color: var(--color2);}
.btn.btn-outline-primary:hover, 
.btn.btn-outline-primary:focus {
	color: #FFF;
	background-color: var(--color2);
	border-color: var(--color2);}

/*== Banner ==*/
.main-slider {
	margin-top: 0;
	padding: 0;}

/*== 活動區塊 ==*/
.custom_column .custom_wrap {
  border-color: var(--color1);}

/*== Footer ==*/
.footer_toggle_wrap {
  border-bottom: 0;}
.footer_area {
  background-color: #f2f2f2;}

/*== 管理員頁面 ==*/
.login_page .login_info {
  padding: 2rem 1.25rem 4rem;}

/*== Custom column width  ==*/
@media (min-width: 992px) {
  .stepwizard .dynamic .col-lg-3 {
    flex-basis: 30%;
    max-width: 30%;}
  .stepwizard .dynamic .col-lg-9 {
    flex-basis: 70%;
    max-width: 70%;}
}