@charset "utf-8";
/* CSS Document */

/*===============================================
                    最上方區塊
=================================================*/
#top-bar {
	border: none;
}
#top-bar .top-links-item {
	border: navajowhite;
}
#top-bar .top-links-item > a {
	padding: 0;
	font-size: 1.65rem;
	line-height: 50px;
	text-align: center;
	width: 50px;
	height: 64px;
}
#top-bar .icon-angle-down {
	display: none;
}
#top-bar .top-cart-number {
	left: calc(50% + 0.2rem);
	top: 5px;
}
#top-bar .header-misc-icon {
	margin: 0;
}
#top-bar .header-misc-icon > a {
	padding: 0;
	font-size: 1.65rem;
	line-height: 50px;
	text-align: center;
	width: 50px;
	height: 64px;
}
#top-cart a#top-cart-trigger i {
	font-size: 1.65rem;
	line-height: 1;
}

/*===============================================
                    上方區塊
=================================================*/
#header, #header-wrap {
	border-bottom: none;
}

/*===============================================
                上方大型logo區塊
=================================================*/
#pc-logo img {
	height: auto;
}

/*===============================================
                   上方logo區塊
=================================================*/
@media (max-width: 991px) {
.header-wrap #logo img {
	height: 65px !important;
}
}

@media (min-width: 992px) {
	.header-wrap #logo {
		opacity: 1 !important;
	}
	.header-size-sm .menu-container > .menu-item > .menu-link {
		padding-top: 17px;
		padding-bottom: 17px;
	}
}
@media (max-width: 991.98px) {
	#logo img {
		max-width: 120px;
		height: auto !important;
	}
}

/*===============================================
                   banner選單
=================================================*/
/*banner選單-主選單-連結文字樣式*/
.primary-menu > #banner-menu > li > a {
	font-size: 1.1em;
}

@media (min-width: 992px) {
	#banner-menu {
		justify-content: space-between !important;
	}
}


/*===============================================
               		上方搜尋
=================================================*/
.header-search .input-group {
	background-color: rgba(243, 243, 243, 1);
	border-radius: 1.2rem;
	overflow: hidden;
}
.header-search .form-control {
	border: none;
	background-color: transparent;
}
#pc-logo .header-search .form-control {
	min-width: 300px;
}
#header-wrap .header-search {
	width: calc(100% - 186px);
}
.keywords-box {
	padding: 0.5rem 0;
	width: 100%;
}
.keywords-box a {
	position: relative;
	padding: 0 10px;
}
.keywords-box a:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	width: 1px;
	height: 1rem;
	background-color: rgba(189, 189, 189, 1);
}
.keywords-box a:first-child {
	padding-left: 0;
}
.keywords-box a:first-child:before {
	display: none;
}
@media (max-width: 991.98px) {
	.keywords-box {
		overflow-x: scroll;
		white-space: nowrap;
	}
	.keywords-box a {
		color: #7B7B7B;
	}
	.keywords-box a.active, .keywords-box a:hover {
		color: #9A0C1A;
	}
	.keywords-box a:before {
		display: none;
	}
}

.top-user-logout {
	position: absolute;
	width: 100%;
  top: 70px;
  right: 24px;
	line-height: 1.2;
}
.top-user-logout a {
	position: absolute;
  right: -2rem;
	top: 36px;
  width: 1rem;
	color: #666;
	line-height: 1.1;
}
@media (min-width: 992px) {
	.top-user-logout a:before {
		width: 2px;
		height: 100px;
		background-color: #666;
		content: '';
		display: block;
		position: absolute;
		right: 14px;
    top: -108px;
	}
}

@media (min-width: 992px) {
	.mega-menu-style-2:before {
		display: block;
		content: '';
		width: calc((100% - 930px) / 2 + 545px);
		height: 100%;
		background-color: #fafafa;
		position: absolute;
		right: 0;
		top: 0;
	}
	.mega-menu-content .sub-menu-container.row:not(.mega-menu-dropdown), .mega-menu-content .sub-menu-container .row {
		display: flex !important;
	}
}
@media (min-width: 1200px) {
	.mega-menu-style-2:before {
		width: calc((100% - 1110px) / 2 + 650px);
	}
}
@media (min-width: 1440px) {
	.mega-menu-style-2:before {
		width: calc((100% - 1290px) / 2 + 755px);
	}
}