﻿

.split-page {
    height:100vh;
}

.split-page .right{
    height:100%;
    padding:0;
    background-color:red;
}

.split-page .left{
    height:100%;
    padding:0;
}



/*********/
/*選單   */
/*********/


.main-menu-fw .navbar-nav > li > a {
  color: #FFF;
  font-size:15px;
}

.main-menu-fw .navbar-nav > li > a:hover {
  color: #FFF;
  background-color: #C30;
  transition: .30s linear;
}
.main-menu-fw .navbar-nav > li > a:focus{
  background-color: #C30;
}


.main-menu-fw .navbar-nav > .active > a,
.main-menu-fw .navbar-nav > .active > a:hover {
  color: #ffffff;
  background-color: #FFF;
}

.main-menu-fw .navbar-nav > .disabled > a,
.main-menu-fw .navbar-nav > .disabled > a:hover,
.main-menu-fw .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

@media (max-width: 991px) {
  .main-menu-fw .navbar-right {
	display: none !important;
  }
}

@media (min-width: 768px) {
	.main-menu-fw {
		height: 100px;
	}
	
	.main-menu-fw .logo-png {
		width:249px;
		height:60px;
		margin-top:15px;
		background-image: url("../imgs/logo_menu.png");
	}

	.main-menu-fw .navbar-header, .main-menu-fw  a{
		height: 100px;
		line-height: 70px !important;
	}
	
}
@media (max-width: 767px) {
	.main-menu-fw .logo-png {
		width:170px;
		height:41px;
		margin-top:5px;
		background-image: url("../imgs/logo_menu_m.png");
	}
	
  .main-menu-fw .navbar-right {
	display: inline !important;
  }
}

.navbar-bg{
    background-color: #000000;
}

.navbar-brand{

    color: #fff !important;
    font-weight:bolder;
}

/*********/
/*按鈕   */
/*********/
.btn-sq-lg-100per {
    width: 100% !important;
    height: 150px !important;
}

.btn-normal-width-100per {
    width: 100% !important;
	max-width: 100% !important;
	border-radius: 0px!important;
	color: #fff;
    background-color: #666666;
    border-color: #b6b6b6;
}

.btn-warning-width-100per {
    width: 100% !important;
	max-width: 100% !important;
	border-radius: 0px!important;
	color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-sq-lg-150px {
    width: 150px !important;
    height: 150px !important;
}

