@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.woff2') format('woff2'),
         url('../fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/subset-Calibri-Bold.woff2') format('woff2'),
         url('../fonts/subset-Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.woff2') format('woff2'),
         url('../fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/subset-Calibri-LightItalic.woff2') format('woff2'),
         url('../fonts/subset-Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/subset-Calibri-BoldItalic.woff2') format('woff2'),
         url('../fonts/subset-Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

header.wp-block-template-part {
    background-color: black;
    color: white;
    font-family: calibri;
}

.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
}

img.custom-logo {
    width: 195px !important;
}

h1.wp-block-heading {
    font-size: 16px !important;
    margin-left: 0px;
	font-family: calibri;
}

.wp-site-blocks {
    padding-top: 1px;
	padding-bottom: 1px;
}

button.wp-block-search__button.has-icon.wp-element-button {
    background-color: #D3420D !important;
}

footer.wp-block-template-part {
    background-color: black;
    color: white;
    font-family: calibri;
	margin-top: 0px;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    color: #fff;
    background-color: #000;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 1px solid #aaa;
}

p.has-text-align-center strong {
    color: black;
}

div#modal-1 {
    background-color: black !important;
    color: white !important;
}

.wp-block-group.alignfull.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-5.wp-block-group-is-layout-flex {
    margin-top: 10px;
}

.main_page_banner figure {
    margin: 0px !important;
    max-width: 100%;
}

.main_page_banner {
    padding: 0px;
    margin-top: 0px;
}

.main_page_banner img,
.main_page_banner a {
	width: 100%;
}

.main_page_mobile_banner {
    display: none;
}

@media screen and (max-width: 900px) {
	.main_page_mobile_banner {
		display: block;
	}
	.main_page_table_banner {
		display: none;
	}
}

.wp-block-site-title {
	font-family: calibri;
}

.customer-footer a {
    text-decoration: none;
    color: white;
    font-weight: 700;
}

.customer-footer {
    text-align: center;
}

.customer-footer p {
    display: inline-block;
	padding-left: 20px;
	padding-right: 20px
}

.customer-policy-page * {
    max-width: 100%;
}

.customer-policy-page a {
    text-decoration: none;
	font-weight: 700;
}

img.wp-image-2134 {
    width: 190px;
}

/* 設定子選單每列6項，超過自動換欄 */
ul.wp-block-navigation__submenu-container {
    display: grid !important;
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
}

.wp-block-navigation-submenu {
    white-space: nowrap;
}

/* 首頁設定 */
.main_page {
    margin: 0px;
    padding: 20px;
	background-color: #050505;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

.main_banner {
    margin: 0px !important;
    display: inline-block;
    width: calc(100% - 305px) !important;
    max-width: calc(100% - 305px) !important;
	vertical-align: top;
}

.main_page_left_side {
    width: 300px !important;
	display: inline-block;
	vertical-align: top;
}

.banner_1, .banner_1_m, .banner_2, .banner_2_m, .banner_3, .banner_3_m, .banner_4, .banner_4_m, .banner_5, .banner_5_m, .banner_6, .banner_6_m, .banner_7, .banner_7_m, .banner_8, .banner_8_m, .banner_9, .banner_9_m, .banner_10, .banner_10_m {
    max-width: 100%;
	margin: 20px;
}

.banner_1_m {
	margin-top: 0px;
}

.banner_1_m, .banner_2_m, .banner_3_m, .banner_4_m, .banner_5_m, .banner_6_m, .banner_7_m, .banner_8_m, .banner_9_m, .banner_10_m {
    display: none;
}

.wp-block-cover.banner_background {
    max-width: 100%;
	border: solid 1px white;
}

span.wp-block-cover__background.has-background-dim {
    background-color: transparent !important;
}

.banner_left_text, .banner_right_text {
    background-color: rgb(0, 0, 0, 0.80);
    padding: 50px;
}

h2.banner_title {
    color: white;
    font-size: 25px !important;
}

p.banner_introduction {
    color: white !important;
}

.banner_left_text {
    margin-right: 20px !important;
}

.banner_right_text {
    margin-left: 20px !important;
}

.banner_left_text, .banner_right_text {
	width: 70%;
}

.banner_link a {
    text-decoration: none;
    font-size: 16px;
    color: white;
	font-weight: 700;
}

.banner_link a:hover {
    color: red;
}

p.banner_link {
    text-align: right;
}

@media screen and (max-width: 1100px) {
	.banner_1, .banner_2, .banner_3, .banner_4, .banner_5, .banner_6, .banner_7, .banner_8, .banner_9, .banner_10 {
		display: none;
	}
	
		.banner_1_m, .banner_2_m, .banner_3_m, .banner_4_m, .banner_5_m, .banner_6_m, .banner_7_m, .banner_8_m, .banner_9_m, .banner_10_m {
		display: block;
	}
	
	.banner_left_text, .banner_right_text {
		width: 90%;
	}

	.banner_left_text {
    	margin-right: auto !important;
	}
	
	.banner_right_text {
    	margin-left: auto !important;
	}
	
	h2.banner_title {
		font-size: 20px !important;
	}
	
	p.banner_introduction {
		font-size: 16px !important;
	}
	
	.banner_link a {
		font-size: 16px;
	}
	
	.banner_left_text, .banner_right_text {
		background-color: rgb(0, 0, 0, 0.50);
		padding: 20px;
	}
}

@media screen and (max-width: 720px) {
	.main_page_left_side {
		display: none;
	}
	
	.main_banner {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	img.custom-logo {
		width: 150px !important;
	}
}

/* 首頁側邊欄設定 */

.main_page_left_side, .main_page_left_side a {
    color: white;
    font-family: calibri !important;
}

.main_page_left_side a:hover {
    color: red;
}

.containers_for_the_series {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
	margin-top: 10px;
}

.containers_for_the_series p {
    margin: 0;
}

.main_page_left_side {
    padding-right: 10px;
}

.side_menu {
    padding: 10px;
    border: solid 1px;
}

.containers_for_the_type {
    margin: 10px;
}

.sub_side_menu h3 {
    background: #D3420D;
    padding-left: 5px;
	font-size: 20px;
}

.sub_side_menu h4 {
    background: white;
    color: black;
    padding-left: 10px;
}

/* 目錄頁面設定 */

.catagory_content_region {
    text-align: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.catagory_side_menu {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-family: calibri;
}

.catagary_prouuct {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: calc(100% - 305px);
    padding-left: 20px;
    padding-right: 20px;
}

.catagory_side_menu h3 {
    background: #D3420D;
    color: white;
    padding-left: 5px;
    font-size: 20px;
}

.category_filter {
    background: #eeeeee;
    padding-bottom: 20px;
    margin-top: -20px;
}

.wc-block-components-checkbox.wc-block-checkbox-list__checkbox {
    padding-left: 10px;
}

.wc-block-attribute-filter__actions {
    padding-right: 10px;
}

.category_title {
    text-align: left;
    max-width: 100%;
    font-family: calibri;
}

.wc-block-breadcrumbs.woocommerce.alignwide.has-font-size.has-small-font-size.alignwide.wp-block-woocommerce-breadcrumbs.has-small-font-size {
    margin: 0px !important;
}

p.woocommerce-result-count {
    font-weight: 700;
    font-size: 18px !important;
}

nav.wp-block-query-pagination.is-content-justification-center.is-layout-flex.wp-container-core-query-pagination-is-layout-1.wp-block-query-pagination-is-layout-flex {
    font-size: 18px;
    font-weight: 700;
}

select.orderby {
    font-family: calibri;
    font-size: 16px !important;
}

.wc-block-breadcrumbs.woocommerce.alignwide.has-font-size.has-small-font-size.alignwide.wp-block-woocommerce-breadcrumbs.has-small-font-size {
    font-size: 16px !important;
}

@media screen and (max-width: 1100px) {
	.catagory_side_menu {
	    width: 230px;	
	}
	
	.catagory_side_menu h3 {
		font-size: 18px;
	}
	
	.catagary_prouuct {
		max-width: calc(100% - 235px);
	}
}

@media screen and (max-width: 720px) {
	.catagory_side_menu {
	    display: none;	
	}

		.catagary_prouuct {
		max-width: 100%;
	}
}

.brand-logo {
    border: solid 1px;
}

figure.wp-block-image.size-large {
    max-width: 80%;
    margin: 20px;
}

.footer_logo {
    margin: 0px !important;
}

.dealer_subtitle {
    margin-top: -70px !important;
}