﻿body {
    color: #393332;
    font-family: 'Open Sans', '微軟正黑體', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #393332;
}

.logo a {
    width: 100%;
}

.footer-logo a {
    max-width: 100%;
}

.header-fixed .logo a {
    width: 100%;
}

.header.header-fixed {
    height: 75px;
}

@media (min-width: 768px) {
	.header .logo a {
		width: 100%;
	}
}

.nav-menu ul.nav-menu-inner > li > a {
    font-size: 16px;
    line-height: 1;
    padding: 34px 4px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0px;
    font-family: "Raleway",sans-serif;
}

.nav-menu-icon.active a, .nav-menu-icon > a.active, .nav-menu-icon:hover a, .nav-menu-icon > a:hover, .nav-menu ul.nav-menu-inner li.active > a, .nav-menu ul.nav-menu-inner li > a.active, .nav-menu ul.nav-menu-inner li:hover > a, .nav-menu ul.nav-menu-inner li > a:hover, .header-fixed .nav-menu ul.nav-menu-inner li > a.current, .header-fixed .nav-menu ul.nav-menu-inner li.current > a {
    color: #e6e6e6;
}

@media (max-width: 480px) {
	.header .logo a {
		width: 90%;
	}
	
	.nav-menu ul.nav-menu-inner > li > a {
		padding: 16px 1px;
	}
}

.header.header-prepare {
    background-color: rgba(216, 12, 36, 0.90);
}

.header-fixed .nav-menu ul.nav-menu-inner li a {
    padding: 26px 5px;
}

.logo a {
    margin-top: 22px;
    margin-bottom: 22px;
}

#footer {
	padding: 40px 0;
}

p {
    font-family: 'Open Sans', '微軟正黑體', sans-serif;
    font-size: 1.1em;
    color: #393332;
}

.sub-dropdown > li:hover > a {
    background: rgba(216, 12, 36, 0.90)
}

.fa-1x {
    font-size: 1.2em;
}

.titlebg {
	padding: 15px;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #E0E0E0 100%);
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

.titlebg2 {
	padding: 15px;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #E0E0E0 100%);
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	border: 1px solid #d5d5d5;
}

.titlebg3 {
	padding: 8px;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #E0E0E0 100%);
	font-size: 15px;
	font-weight: 400;
	text-align: left;
}

.titlebg4 {
	padding: 15px;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #E0E0E0 100%);
	font-size: 15px;
	font-weight: 400;
	text-align: left;
}

.btn-lg, .btn-md {
    font-size: 15px;
}

hr {
    border-top: 1px solid #d5d5d5 !important;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.text-default {
	color: rgba(216, 12, 36, 1)
}

.hr2 {
    border-top: 2px solid rgba(216, 12, 36, 1) !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {
    color: #d80c24;
}

.btn-color {
    background-color: #d80c24;
}

.btn-color:hover {
    background-color: #f00823;
}

a {
    color: #393332;
}

a:hover {
    color: #d80c24;
}

.footer .social li a:hover {
    color: #d80c24;
	border: 2px solid #d80c24;
}

.black-bg {
    background-color: #393332;
}

.action-box.action-black {
    background-color: #393332;
}

.intro-content h1, .intro-content h4  {
	-webkit-text-shadow: 0 5px 30px rgba(0, 0, 0, 1);
	-moz-text-shadow: 0 5px 30px rgba(0, 0, 0, 1);
	text-shadow: 0 5px 30px rgba(0, 0, 0, 1);
}

.slidebg {
	background: rgba(0, 0, 0, 0.4);
	padding: 30px;
	width: auto;
}

.fs-30 {
	font-size: 30px;
}

.ls-0 {
	letter-spacing: 0;
}