/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/*==========================================
             整體架構
==========================================*/

body, h1, h2, h3, h4 {
	font-family: Arial, Helvetica, 微軟正黑體, sans-serif;
}
body {
	font-size: 16px;
}
a, a:hover {
    text-decoration: none;
    transition: all .2s;
	color: #333;
}
a:hover {
	color: #84060d;
}

.postcontent.full {
    width: 100% !important;
}
.bottommargin-md {
	margin-bottom: 60px;
}
.button {
	background-color: #84060d;
}
.button:hover, .button.button-3d:hover {
	background-color: #d94b77 !important;
}
h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
    color: #84060d;
}
.heading-block ~ p:not(.lead) {
    font-size: 16px;
}
h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
	color: #84060d;
}
.text-block {
	display: block;
}

/*公版固定所需樣式*/
#logo img {
	margin: 0 auto;
}
.content-wrap {
    padding: 25px 0;
}
.postcontent.full {
    width: 100% !important;
}
.bottommargin-md {
	margin-bottom: 60px;
}
#path a, #path span {
	display: inline-block;
	margin-top: 0;
}
#page-title #path span:before {
	content: "/";
	display: block;
	width: 16px;
	font-size: 0.6em;
	text-align: center;
}
#is_content:before, #is_content:after {
	content:"";
	display:table;
}
#is_content:after{
	clear:both;
	overflow:hidden;
}
#is_content {
    zoom:1;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
p:last-child {
	margin-bottom: 0;
}

#gotoTop:hover {
	background-color: #84060d;
}


@media (max-width: 767px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
		margin-bottom: 30px;
	}
	.col-sm-1:last-child, .col-sm-2:last-child, .col-sm-3:last-child, .col-sm-4:last-child, .col-sm-5:last-child, .col-sm-6:last-child, .col-sm-7:last-child, .col-sm-8:last-child, .col-sm-9:last-child, .col-sm-10:last-child, .col-sm-11:last-child {
		margin-bottom: 0;
	}
	.col_half.col_last, .col_one_third.col_last, .col_two_third.col_last, .col_three_fourth.col_last, .col_one_fourth.col_last, .col_one_fifth.col_last, .col_two_fifth.col_last, .col_three_fifth.col_last, .col_four_fifth.col_last, .col_one_sixth.col_last, .col_five_sixth.col_last {
		margin-bottom: 0 !important;
	}
	.text-center-xs {
		text-align: center !important;
	}
}
@media (max-width: 479px) {
	.xs-bottommargin {
		margin-bottom: 30px !important;
	}
	.xs-nomargin {
		margin-bottom: 0 !important;
	}
	.container, #header.full-header .container, .container-fullwidth {
		width: 100% !important;
		padding-left: 30px;
		padding-right: 30px;
	}
	.content-wrap {
		padding: 30px 0;
	}
}


/*==========================================
             Header樣式
==========================================*/
/* Topbar */
#top-bar.transparent-topbar {
	display: block;
	z-index: 299;
	border-bottom-color: rgba(0,0,0,0.05);
}
#top-bar.semi-transparent {
	background-color: rgba(255,255,255,0.8);
}
.top-links li:hover {
	background-color: rgba(255,255,255,0.5);
}
.top-links ul ul {
	border-top-color: #84060d;
}
.top-links .dropdown-menu {
	border-radius: 0;
}
.top-links li.dropdown i.icon-angle-down {
	display: none;
}

#header.transparent-header.floating-header {
    margin-top: 0;
}
#logo a {
	text-align: center;
}
#logo img {
	margin: 0 auto;
}
#logo a.mobile-logo {
	display: none;
}

#primary-menu ul li > a {
	font-size: 16px;
	font-family: Arial, Helvetica, 微軟正黑體, sans-serif;
	letter-spacing: 0;
	transition: all 0.5s linear;
}
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {
	color: #84060d;
}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
	border-top-color: #84060d;
}
#primary-menu ul ul li:hover > a {
	color: #84060d;
}

@media (max-width: 991px) {
	#header, #header-wrap, #logo img {
		height: 60px;
	}
	.sticky-responsive-menu #header {
		min-height: 60px;
	}
	#logo {
		height: 60px;
	}
	#logo a.mobile-logo {
		display: block;
	}
	#logo a.logo {
		display: none;
	}
	#primary-menu-trigger {
		top: 5px;
	}
}


/*==========================================
             Center樣式
==========================================*/
.sidebar-widgets-wrap .widget > h4 {
	font-size: 1.4em;
	color: #84060d;
	border-bottom: solid 1px #dfdfdf;
	padding-bottom: 8px;
}
.widget_links li a {
	background: url(../images/widget-link.png) no-repeat left top;
}


/*==========================================
             Footer樣式
==========================================*/
#footer.dark, .dark #footer, .dark #copyrights {
    color: #fff;
}
#footer.dark {
	background: url(../image/footer-bg.png) no-repeat center top;
	background-color: #ffffff;;
	background-size: cover;
	padding-top: 50px;
	border-top: none;
}
.dark #copyrights {
	background-color: transparent;
}
.dark .copyright-links a {
	color: #ffffff;
}
.footer_copyright {
	font-size: 12px;
	color: rgba(255,255,255,0.5);
}
@media (max-width: 767.98px) {
  #copyrights .col_half:last-child {
	   display: block; 
  }
  .copyrights-menu {
	  text-align: center;
  }
}


/*==========================================
             首頁樣式
==========================================*/
#header.transparent-header.semi-transparent + #slider{
	top: -145px;
	margin-bottom: 145px;
}

.heading-block .badge.badge-default {
    border: 1px solid #84060d;
    color: #84060d;
	border-radius: 2px;
}
.dark .heading-block .badge {
    background-color: transparent;
	boder-color: #db4062;
	color: #db4062;
}
#slider.full-screen .swiper-pagination {
	display: none;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	color: #1c2271;
}

.owl-carousel .owl-stage {
    padding: 0;
}
.owl-carousel .owl-dots .owl-dot {
	margin-top: 10px;
	background-color: #1c2271;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: #1c2271 !important;
}

.section.home-about {
	background: #e5e5e5;
	margin: 30px 0 60px 0;
}

.home-content {
	padding: 40px 0;
}
.home-middle-content .col_one_fourth {
	margin-bottom: 20px;
}

.home-content .feature-box h2 {
	font-size: 20px;
	margin-bottom: 5px;
	color:#84060d;
}
.home-content .feature-box.media-box p {
	margin-top: 0;
}
.portfolio-overlay a:hover {
	color: #84060d;
}

h3 > span:not(.nocolor):not(.badge) {
	color: #1c2271;
}


@media (max-width: 991.98px) {
  #header.transparent-header.semi-transparent + #slider {
	  top: -100px;
	  margin-bottom: 100px;
  }
  .oc-item .product {
	  width: 100%;
  }
  .owl-carousel .owl-nav [class*=owl-] {
	  left: -15px;
	  opacity: 1;
  }
  .owl-carousel .owl-nav .owl-next {
	  left: auto;
	  right: -15px;
  }
}
@media all and (max-width: 767px) {
	#header.transparent-header.semi-transparent + #slider {
	  top: 0;
	  margin-bottom: 0;
  }
	.col_half.nobottommargin {
		margin-bottom: 0 !important;
	}
	#slider {
		margin-top: 0;
	}
	.one-page-arrow {
		display: block !important;
	}
	.home-content {
		padding-bottom: 0;
	}
	.home-ad.container {
		width: 100% !important;
	}
}
@media (max-width: 575.98px) {
	.home-app .portfolio .portfolio-item {
		margin-bottom: 10px;
	}
}


.user-login-section:after {
	display: block;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.home-products .feature-box.fbox-bg.fbox-center {
	padding-top: 48px;
}
.home-products .feature-box.fbox-bg.fbox-center .fbox-icon {
	position: relative;
	top: auto;
	left: auto;
	margin: 0 auto 30px auto;
}
.home-products .feature-box.fbox-bg.fbox-center:first-child {
    margin-top: 0;
}
.home-products .feature-box h3 {
	font-size: 22px;
}
.home-products .feature-box h3 span.subtitle {
	font-size: 14px;
}


.feature-box.fbox-colored {
	-moz-box-shadow:1px 1px 10px 4px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:1px 1px 10px 4px rgba(255,255,255,0.5) inset;
	box-shadow:1px 1px 10px 4px rgba(255,255,255,0.5) inset;
	transition: all 0.2s linear;
}
.feature-box.fbox-colored:hover {
	-moz-box-shadow:1px 1px 15px 4px rgba(255,255,255,0.7) inset;
	-webkit-box-shadow:1px 1px 15px 4px rgba(255,255,255,0.7) inset;
	box-shadow:1px 1px 15px 4px rgba(255,255,255,0.7) inset;
}
.feature-box.fbox-colored:before {
	content: '';
	background: url(../image/fbox-colored-bg.png) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.home-products .feature-box.fbox-bg.fbox-center .fbox-icon, .home-products .feature-box.fbox-bg.fbox-center .fbox-icon i  {
	transition: all 0.2s linear;
}
.home-products .feature-box.fbox-bg.fbox-center:hover .fbox-icon {
	width: 116px;
	height: 116px;
	margin: 0 auto 10px auto;
}
.home-products .feature-box.fbox-bg.fbox-center:hover .fbox-icon i {
	line-height: 114px;
	font-size: 60px;
}
.feature-box.fbox-colored a {
	display: block;
	position: relative;
	z-index: 2;
}
.feature-box.fbox-colored .fbox-icon i, .feature-box.fbox-colored .fbox-icon img {
	background-color: rgba(255,255,255,0.2);
	border-color: rgba(255,255,255,0.5);
	color: #ffffff;
}
.feature-box.fbox-colored h3, .feature-box.fbox-colored a h3 {
	color: #ffffff;
}
.feature-box.fbox-colored h3 span.subtitle {
	color: rgba(255,255,255,0.7);
	margin-top: 0;
}
.fbox-bg-smash {
	background: #e75005; /* Old browsers */
	background: -moz-linear-gradient(top, #e75005 0%, #d23008 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e75005 0%,#d23008 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e75005 0%,#d23008 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75005', endColorstr='#d23008',GradientType=0 ); /* IE6-9 */
}
.fbox-bg-orange {
	background: #f49e00; /* Old browsers */
	background: -moz-linear-gradient(top, #f49e00 0%, #ec6600 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f49e00 0%,#ec6600 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f49e00 0%,#ec6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49e00', endColorstr='#ec6600',GradientType=0 ); /* IE6-9 */
}
.fbox-bg-indigo {
	background: #558bc8; /* Old browsers */
	background: -moz-linear-gradient(top, #558bc8 0%, #1565b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #558bc8 0%,#1565b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #558bc8 0%,#1565b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558bc8', endColorstr='#1565b1',GradientType=0 ); /* IE6-9 */
}
.fbox-bg-aquamarine {
	background: #12b0bd; /* Old browsers */
	background: -moz-linear-gradient(top, #12b0bd 0%, #008e94 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #12b0bd 0%,#008e94 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #12b0bd 0%,#008e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b0bd', endColorstr='#008e94',GradientType=0 ); /* IE6-9 */
}
.fbox-bg-grassgreen {
	background: #84aa3d; /* Old browsers */
	background: -moz-linear-gradient(top, #84aa3d 0%, #4d8e38 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #84aa3d 0%,#4d8e38 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #84aa3d 0%,#4d8e38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84aa3d', endColorstr='#4d8e38',GradientType=0 ); /* IE6-9 */
}
.fbox-bg-carbon {
	background: #5f5d5c; /* Old browsers */
	background: -moz-linear-gradient(top, #5f5d5c 0%, #131312 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5f5d5c 0%,#131312 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5f5d5c 0%,#131312 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5d5c', endColorstr='#131312',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 767px) {
	.home-products .feature-box.fbox-bg.fbox-center {
		margin-top: 30px;
	}
}

.single-product .product-desc .line {
	display: none;
}

/*最新消息*/
.events.small-thumbs .entry-image {
	min-height: 75px;
}

/*聯絡我們*/
.feature-box.fbox-center:not(.fbox-bg) h3.noborder:after {
	display: none;
}
.feature-box.fbox-center p {
    margin-top: 0;
	margin-bottom: 15px;
}
.contact-map .fluid-width-video-wrapper {
	padding-top: 35% !important;
}
.contact-form-block .contact-widget {
	padding: 30px;
	background-color: #efefef;
}
label small {
	color: #E70003;
}
.feature-box h3 span.subtitle {
	font-size: 13px;
	font-weight: normal;
	margin-top: 0;
	color: #999999;
}
.feature-box p {
	color: #444444;
}