#site-title {
  margin-top: 14px;
}
#site-title #main-name {
  font-size: 27px;
  color: #333;
}
#site-title #en-name {
  font-size: 11px;
  color: #333;
}
#site-title #page-name {
  margin-top: 5px;
  border-left: 2px solid #555;
  height: 56px;
  padding-left: 26px;
  padding-top: 2px;
  font-size: 35px;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body {
  font-family:  Helvetica, "微軟正黑體", Arial, sans-serif !important;
  font-size: 15px;
}
#site-title {
  margin-top: 14px;
}
#site-title #main-name {
  font-weight: normal;
  font-size: 27px;
  color: #333;
}
#site-title #en-name {
  font-size: 11px;
  color: #333;
}
#site-title #page-name {
  margin-top: 5px;
  border-left: 2px solid #555;
  height: 56px;
  padding-left: 15px;
  padding-top: 2px;
  font-size: 35px;
}
#main {
  min-height: 730px;
}
h1 {
  font-size: 25px;
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
}
.footer {
  padding: 30px;
  background-color: #F7F7F7;
}
.navbar-inverse {
  background-color: #484848 !important;
  border-color: #484848;
  border-radius: 0;
  border-width: 0;
}
.navbar-inverse .navbar-nav > li > a {
  color: white;
  font-weight: bold;
  font-size: 15px;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: white;
}
.cbp-caption-expand .cbp-caption {
  border-bottom: 1px solid #DDD;
}
a {
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: #000;
}
a:hover p:first-child {
  color: #888;
}

@media screen and (max-width: 480px) {
	#site-title #page-name {
	  font-size: 25px;
	}
	
	.photo_box {
		width:100% !important;
	}
	
	.logo_bar {
		padding:0;
		padding-top:5px;
		text-align:right;
	}
	
	#site-title {
		margin-top:0;
		margin-right:5px;
	}
	
	#main-name {
		font-size: 15px !important;
	}
	
	#en-name {
		font-size: 11px !important;
	}
	
	.logo1 {
		height: 34px !important;
	}
	
	.logo2 {
		height: 43px !important;
	}
}

@media screen and (max-width: 780px) {
	.c-desc img {
	  max-width: 100%;
	  height:auto !important;
	}
	
	#aniimated-thumbnials {
		text-align: center;
	}
	
	.c-content-blog-post-1-view {
		padding-right:0;
	}
}

#mobile_menu_title {
	position: absolute;
	font-size: 18px;
	color: #fff;
	left: 15px;
	top: 14px;
	display:none;
}

@media screen and (max-width: 767px) {
	#mobile_menu_title {
		display:block;
	}
}