@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
.secondary-color {
	color: var(--secondary-color) !important;
}
.fbox-icon i:before {
	display: block;
	margin-top:  0.35rem;
}
.sidebar-widgets-wrap .widget > h4, #page-title h1, #page-title.page-title-mini h1 {
	letter-spacing: 0;
}
.sidebar-widgets-wrap .widget.widget_links ul ul li {
	font-size: 0.85rem;
}
.sidebar-widgets-wrap .widget.widget_links ul ul li:before  {
	display: none;
}
.sidebar-widgets-wrap .widget.widget_links ul ul li a {
	padding-left: 0;
}

.sidebar-widgets-wrap .widget.widget_links ul li.active a {
	color: var(--color-title) !important;
}
.sidebar-widgets-wrap .widget.widget_links ul li a.active.color {
	font-weight: bold;
}
#widget_nav-tree .nav-tree ul ul a {
	font-family: "Oswald", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif !important;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.menu-link {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width: 1200px) {
	.menu-link {
		font-size: 1rem; 
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.full-header #logo {
		padding-right: 0;
	}
	#logo img {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.menu-link {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 0.8rem;
	}
}
@media (min-width: 992px) {
	.full-header #logo {
		padding-right: 0;
	}
}
@media (max-width: 575.98px) {
	#logo img {
		max-width: 184px;
	}
}

.shop .product-title {
	margin-bottom: 1rem;
}
.shop .product-title h3 {
    font-size: 1.5rem;
}
.shop .product .btn {
	font-size: 0.85rem;
	text-align: left;
}

#content .breadcrumb {
	position: relative!important;
	width: 100% !important;
	top: auto !important;
	right: auto !important;
	transform: translateY(0%);
	margin-bottom: 15px !important;
	z-index: 9;
}
#content .breadcrumb li.drop-container {
	position: relative;
}
#content .breadcrumb li.drop-container ul {
	list-style: none;
}
#content .breadcrumb li.drop-container > span {
	position: relative;
}
#content .breadcrumb li.drop-container > span:after {
	display: block;
  font-family: 'font-icons';
	content: '\e7a7';
	position: absolute;
	right: -1rem;
	top: 0;
}
#content .breadcrumb li.drop-container .drop {
	width: 150px;
	border: solid 1px #efefef;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 0.25rem 0;
}

.product-type .product .grid-inner {
	background: url('/archive/image/product-type-bg.jpg') no-repeat center center;
	background-size: cover;
}

.dataTable td a:nth-child(3) {
	color: #b30b00;
	font-size: 0.75rem;
}
.dataTable td i.icon-file-download {
	margin-right:  0.25rem;
	color: #b30b00;
	font-size: 0.9rem;
}
.dataTable td i.icon-file-download:before {
    content: "\ea16";
}

.btn-warning {
	color: #fff;
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	transition: all 0.2s ease;
	border-radius: 2rem;
	padding-left: 22px;
	padding-right: 22px;
}
.btn-warning:hover {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
#my_datatable_wrapper table.dataTable {
	margin: 0 !important;
	padding: 0 !important;
}
#my_datatable_wrapper .DTFC_LeftBodyLiner {
	transform: translateY(-1px);
}