/*   
Template Name: Metronic - Responsive Website Template build with Twitter Bootstrap v2.3.2
Version: 1.0
Author: KeenThemes
Website: http://www.keenthemes.com/preview/?theme=metronic
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469
*/

/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}

body {
	background-image:  url(../img/bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
}

/*Global classes*/
.container {
	padding: 0 10px;
}

.min-hight {
	min-height: 500px;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Top Bar
***/
.front-topbar {
	border-bottom: solid 1px #f5f5f5;
}

.front-topbar li {
	padding: 6px 0;
	display: block;
}

.front-topbar a,
.front-topbar li {
	color: #999;
	font-size: 12px;
}

.front-topbar li.sep span {
	color: #eee;
	font-size: 11px;
}

.front-topbar li i.topbar-info-icon {
	margin-right: 3px;
}

/*Social Icons*/
.front-topbar .topbar-social {
	text-align: right;
}

.front-topbar .topbar-social li {
	padding: 0;
}

.front-topbar .topbar-social i {
	color: #bbb;
	opacity: 0.7;
	font-size: 15px;
	padding: 9px 5px 8px;
	display: inline-block;
}

.front-topbar .topbar-social a:hover {
	text-decoration: none;
}

.front-topbar .topbar-social a:hover i {
	color: #999;
	opacity: 1;
}

.front-topbar .topbar-social a:hover i {
    transition: background 0.9s ease;
    -o-transition: background 0.9s ease;
    -moz-transition: background 0.9s ease;
    -webkit-transition: background 0.9s ease;			
}

.front-topbar .topbar-social a:hover i.icon-facebook {
	color: #fff;
	background: #677fb1 !important;		
}
.front-topbar .topbar-social a:hover i.icon-twitter {
	color: #fff;
	background: #04a5e9 !important;		
}
.front-topbar .topbar-social a:hover i.icon-google-plus {
	color: #fff;
	background: #e14544 !important;		
}
.front-topbar .topbar-social a:hover i.icon-linkedin {
	color: #fff;
	background: #28afd1 !important;		
}
.front-topbar .topbar-social a:hover i.icon-youtube {
	color: #fff;
	background: #e36c6e !important;		
}
.front-topbar .topbar-social a:hover i.icon-skype {
	color: #fff;
	background: #3fd0fa !important;		
}

/***
Header and header elements.
***/
/*Navigation*/
.front-header {
	z-index: 999;
	position: relative;
	box-shadow: 0 1px 3px #ddd;
}

.front-header .navbar {
	margin-bottom: 0;
}

.front-header .navbar-inner {
	filter:none;
	border: none; 
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.front-header .navbar-inner a.brand {
	font-size: 23px;
	font-weight: 400; 
}

.front-header .navbar-inner a.brand b {
	color: #0da3e2;
	font-weight: 400; 
}

.front-header .navbar-inner a.brand span {
	color: #b0b0b0;
	display: block;
	font-size: 12px;
}

.front-header .navbar-inner li:first-child {
	margin-left: 0;
}

.front-header .navbar-inner li a {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	text-shadow: none;
	position: relative;
	padding: 30px 16px 25px;
}

.front-header .navbar-inner li > a:hover,
.front-header .navbar-inner li.active > a,
.front-header .navbar-inner li.active:hover > a {
	color: #0da3e2;
	border-radius: 0;
	text-shadow: none;
	padding-top: 28px;
	box-shadow: none !important;
	border-top: solid 2px #0da3e2;
}

.front-header .navbar .nav>li>a:focus, 
.front-header .navbar .nav>li>a:hover {
	color: #888;
}

.front-header .navbar-inner .nav-collapse > ul {
	float: right;
	margin-right: 0;
}

.front-header .navbar-inner .in.collapse ul {
	margin-top: 0;
}

.front-header .navbar-inner .in.collapse li a:hover {
	color: #fff;
	background: #0da3e2;
}

.front-header .navbar-inner .in.collapse li.active > a,
.front-header .navbar-inner .in.collapse li.active:hover > a {
	color: #fff;
	background: #0da3e2;
}

/*簡介*/
.slogan{
	float: right;
	color: #595959;
	margin-top: 14px;
	padding: 10px 0 10px;
}


/*Navigation Toggle Icon*/
.front-header .navbar-inner .btn-navbar {
	border: none;
	padding:10px;
	margin-top: 5px;
	border-radius: 0;
	background:#0da3e2;
}
.front-header .navbar-inner .btn-navbar:hover {
	background:#0a8ec5 !important;
}
.front-header .navbar-inner .btn-navbar span, 
.front-header .navbar-inner .btn-navbar:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}

/*Navigation Dropdown*/
.front-header .navbar-inner .dropdown-menu {
	border: none; 
	box-shadow: none;
	min-width: 185px;
	border-bottom: none;
	border-left: solid 1px #eee; 
	border-right: solid 1px #eee; 
	border-top: solid 2px #0da3e2; 
}

.front-header .navbar-inner .dropdown-menu li {
	margin-left: 0;
	border-bottom: solid 1px #f5f5f5;
}

.front-header .navbar-inner .dropdown-menu li a {
	color: #444;
	font-size: 14px;
	font-weight: 300;
	padding: 9px 15px;
	text-transform: inherit;
}

.front-header .navbar-inner .dropdown-menu li a:hover,
.front-header .navbar-inner li.active .dropdown-menu li a:hover  {
	border: none;
	padding: 9px 15px;
	color: #444 !important;
	background: #fdfdfd !important;
}

.front-header .navbar-inner li.active .dropdown-menu li.active a {
	border: none;
	padding: 9px 15px;
	color: #444 !important;
	background: #f7f9fa !important;
}

.front-header .navbar .nav>li>.dropdown-menu:after,
.front-header .navbar .nav>li>.dropdown-menu:before {
	border: none;
}

.front-header .navbar .nav li.dropdown.open>.dropdown-toggle {
	color: #0da3e2;
	background: none;
}

.front-header .navbar .nav li.dropdown .dropdown-toggle i {
	font-size: 12px;
}

.front-header .navbar-inner .in.collapse li.dropdown.active > a,
.front-header .navbar-inner .in.collapse li.dropdown.active:hover > a {
	color: #fff;
	background: #0da3e2;
}

.front-header .nav > li.dropdown.open.active > a:hover,
.front-header .nav > li.dropdown.open.active > a:focus {
  border-color: #0da3e2;
}

/*Menu Search*/
.front-header .navbar-inner li.menu-search {
	position: relative;
	padding: 15px 0;
}

.front-header .navbar-inner li.menu-search i {
	color: #bbb;
	font-size: 16px;
	cursor: pointer;
}

.front-header .navbar-inner li.menu-search i:hover {
	color: #0da3e2;
}

.front-header .search-box {
	right: 0;
	top: 75px;
	padding: 10px;
	display: none;
	background: #fff;
	position: absolute;
	border: solid 1px #eee;
	border-top: none !important;
}

.front-header .search-box input {
	width: 250px;
	margin-bottom: 0;
}

.front-header .search-box form, 
.front-header .search-box input,
.front-header .search-box .input-append {
	margin-bottom: 0;
}

/***
Footer
***/
.front-footer {
	padding: 35px 0;
	font-size: 13px;
	background: #62707f;
}

.front-footer h2 {
	color: #eee;
}

.front-footer p {
	color: #eee;
}

.front-footer a {
	color: #0da3e2;
}

.front-footer address {
	color: #eee;
}

.front-footer dl.f-twitter {
	overflow: hidden;
}

.front-footer dl.f-twitter dt {
	width: 30px;
	float: left;
	text-align: left;
	padding-top: 2px;
}

.front-footer dl.f-twitter dt i {
	color: #fff;
	font-size: 20px;
}

.front-footer dl.f-twitter dd {
	color: #eee;
	margin-left: 30px;
}

.front-footer dl.f-twitter dd span {
	color: #adbdce;
	font-size: 12px;
	margin: 0 5px;
}

.front-footer .blog-photo-stream {
	margin-top: 11px;
}

.front-footer .blog-photo-stream li {
	margin: 4px 5px 4px 0;
}

.front-footer .blog-photo-stream img {
	padding: 0;
	border: solid 2px #9ca5ae;
}

.front-footer .blog-photo-stream img:hover {
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;	
}

/***
Copyright
***/
.front-copyright {
	color: #dee4eb;
	font-size: 13px;
	padding: 10px 0;
	background: #59A03C;
}

.front-copyright p {
	color: rgba(255, 255, 255, 0.75);
	margin-top: 7px;
	margin-bottom: 0;
}

.front-copyright p a {
	color: #fff;
}

.front-copyright .social-footer {
	margin: 0;
	margin-top: 8px;
	list-style: none;
	text-align: right;
}

.front-copyright .social-footer li {
	margin-left: 3px;
	display: inline-block;
}

.front-copyright .social-footer li i {
	color: #808e9c;
	font-size: 18px;
	display: inline-block;
}

.front-copyright .social-footer li i:hover {
	color: #fff;
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;		
}

.front-copyright .social-footer li a:hover {
	text-decoration: none;
}


/***
Icons
***/

/***
Social Icons
***/
.social-icons {
  margin:0;
}

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}

.social-icons:after {    
  clear: both;
}

.social-icons li {
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, 
a.social-icon {
  width:28px;
  height:28px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social-icons .amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social-icons .github {background: url(../img/icons/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../img/icons/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(../img/icons/social/instagram.png) no-repeat;}

/*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
  position: static;
}


/***
BXSlider
***/

.bxslider-container {
	
}

.bxslider,
.bxslider1 {
  display: none;
}