/*header-M9-07 預設值*/
.color-default{}
.color-primary{color: #39465F !important;}
.color-primary:hover{color: #004986 !important;}
.color-secondary{}
.color-accent{color: #ffeb3b !important;}
.color-white{}
.color-black{}
.background-color-default{ }
.background-color-primary{background-color: #004986 !important; color: #FFFFFF !important;}
.background-color-primary:hover{background-color:  #004986 !important;color: #FFFFFF !important;}
.background-color-secondary{background-color: rgb(0 0 0 / 50%) !important;color: #FFFFFF !important;}
.background-color-secondary:hover{background-color: rgb(0 0 0 / 60%) !important;color: #FFFFFF !important;}
.background-color-white{}
.background-color-black{}
.link-color-primary{color: #39465F !important;}
.link-color-primary:hover{color: #004986 !important;}

/*頁面上方*/ 
.layout-navbar-page{line-height: 1.68; border-bottom: 1px solid rgb(0 0 0 / 3%); width: 100%; z-index: 890;position: relative;background-color: rgb(0 0 0 / 3%);}
.layout-navbar-box{display: flex;align-items: center;justify-content: flex-end;position: relative;padding: .25rem 0px;font-size: 14px;width: 100%}
.left-box{}
.right-box{}
.center-box{}
@media all and (max-width:992px) {.layout-navbar-box{align-items: stretch;}	}
@media all and (max-width:768px) {	.layout-navbar-page{background: #fff; border-bottom: 1px solid rgba(222, 222, 222, 0);}}

/*頁面上方文字選單*/ 
#topmenuicon { margin: 0px; padding: 0px;margin-right: 3px; }
#topmenuicon ul { padding: 0px; border:none; list-style:none; white-space: nowrap; margin: 0px; }
#topmenuicon ul a { display: block; white-space: nowrap; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.2); }
#topmenuicon li { float: left; white-space: nowrap; display: block; margin: 0px; padding: 0px 3px; }
#topmenuicon li a, 
#topmenuicon li a:link, 
#topmenuicon li a:visited { padding-right: 8px; padding-left: 8px; margin: 0px; display: block;}
#topmenuicon li a:hover { }
#topmenuicon li a.system_login{color: #FFF; background-color: #666; }
#topmenuicon li a.system_login:hover { color: #FFF;  }
#topmenuicon li a.system_login:before { content:"\f090"; padding-right: 6px; font-family: "FontAwesome";  font-weight: 400; color: #FFF; }
@media screen and (max-width: 768px) {
#topmenuicon .topmenuicon_home { display: none;}
#topmenuicon .topmenuicon_InquiryCart,
#topmenuicon .topmenuicon_shopping_cart,
#topmenuicon .topmenuicon_OrderSearch,
#topmenuicon .topmenuicon_login { display: none; }
}

/*頁面上方語文下拉選單*/
#language { padding: 0px; margin: 0px 5px; display: flex }
.language { display: block; margin: 0px; padding: 0px; }

/*搜尋*/
.wb{display: flex;align-items: center;}
.wb:before{content: "";display: block;background-size: 100%;width: 16px;height: 16px;background-repeat: no-repeat; background-position: left center;} 
.wb-advanced-search:before{ background-image : url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M496 384H160v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h80v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h336c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160h-80v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h336v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h80c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160H288V48c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16C7.2 64 0 71.2 0 80v32c0 8.8 7.2 16 16 16h208v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h208c8.8 0 16-7.2 16-16V80c0-8.8-7.2-16-16-16z' fill='%23fff'/%3E%3C/svg%3E" );}

.wb-worldwide:before{ background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23fff' d='M437.021 74.98C388.668 26.628 324.38 0 255.999 0S123.333 26.628 74.98 74.98C26.628 123.333 0 187.62 0 255.999s26.628 132.667 74.98 181.019c48.352 48.352 112.639 74.98 181.019 74.98s132.667-26.628 181.019-74.98c48.352-48.352 74.98-112.639 74.98-181.019S485.372 123.333 437.021 74.98zm17.104 83.147c12.207 24.468 19.976 51.696 22.232 80.395H369.371c-1.413-27.842-6.267-54.762-14.179-80.395h98.933zm-21.605-34.954h-90.485c-14.901-33.789-35.434-62.812-60.671-86.687 61.603 7.071 115.584 38.916 151.156 86.687zM177.687 238.522c1.679-27.76 7.38-54.762 16.551-80.395h124.204c8.882 25.633 14.327 52.286 15.91 80.395H177.687zm156.603 34.955c-1.698 27.818-7.329 54.762-16.357 80.395h-124.17c-8.939-25.633-14.44-52.263-16.079-80.395h156.607zM256.146 60.709c18.802 17.489 34.662 39.162 47.116 62.464h-93.68c12.455-23.303 28.168-44.953 46.564-62.464zm-25.157-24.263c-24.545 23.649-45.252 52.938-60.415 86.727H79.48c35.641-47.771 89.759-79.74 151.508-86.727zM57.876 158.127h99.362c-8.175 25.633-13.13 53.014-14.59 80.395H35.644c2.256-28.698 10.025-55.927 22.232-80.395zm0 195.744c-12.207-24.468-19.976-51.695-22.232-80.395H142.66c1.462 27.861 6.364 54.762 14.324 80.395H57.876zm21.604 34.955h90.746c15.025 33.789 35.722 62.919 61.158 86.773-61.913-6.892-116.187-39.002-151.904-86.773zm177.086 62.506c-18.96-17.467-34.958-38.037-47.521-62.505h93.738c-12.352 23.302-27.949 45.066-46.217 62.505zm25.295 24.124c24.3-23.522 44.79-52.84 59.809-86.63h90.85c-35.478 46.605-89.264 79.443-150.659 86.63zm172.262-121.585h-99.268c8.073-25.633 12.981-52.99 14.464-80.395h107.036c-2.255 28.7-10.024 55.927-22.232 80.395z'/%3E%3C/svg%3E" );}

.wb-search:before{ background-image : url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-search fa-w-16' aria-hidden='true' data-prefix='fa' data-icon='search' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E" );}

.search_page{font-size: inherit;}
.search_box{ display: flex;align-items: center;}
.main-search-box{  display: flex;align-items: center;border-radius: 2px; overflow: hidden;margin-right: 6px;}
.main-search-box i{ color: #000;display: none;}
.advanced-search-box{margin-right: 6px;}
.search_box .search_txt{ margin: 0px; padding: 0px 8px; border: 1px solid transparent;}
.search_box .search_btn1{ cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2);  display: block; padding: 0px 12px; border-radius: 0px;}
.search_box .search_btn1:hover{ }

.search_box .search_btn2{ cursor: pointer;padding: 0px 8px; border: 1px solid rgba(0, 0, 0, 0.2); margin: 0px;display: flex;align-items: center;border-radius: 2px;}
.search_box .search_btn2:hover{ }
.search_box .search_btn2 i{margin-right: 6px;}
.search_box .search_btn2 i:before{}
@media all and (max-width:768px) {
.search_box .search_btn2 span{ display: none;}
.search_box .search_btn2 i{margin-right: 0px;}
}

/*手機搜尋功能*/
.mobile-search-page{margin-right: 6px;}
.mobile-search-box{}
.mobile-search-btn { cursor: pointer; display: flex; align-items: center;  border: 1px solid rgba(0, 0, 0, 0.2); padding: 0px 8px; border-radius: 2px; }
.mobile-search-btn:hover{}
.mobile-search-btn i{margin-right: 4px;}
@media all and (max-width:992px) {
.mobile-search-page{display: block;}
}

#modal-search .modal-dialog { margin: 5% auto; max-width: 100%;  padding: 20px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#modal-search .modal-header { border: 0 none; padding: 0; min-height: auto; }
#modal-search button.close { position: absolute; right: 10px; top: 10px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 2; opacity: 1; }
#modal-search button.close span { border: 1px solid #909295; border-radius: 60px; color: #909295; display: block; height: 30px; line-height: 0.88; text-align: center; width: 30px; padding-top: 1px; }

.modal-search-page{padding: 20px 0px;}
.modal-search-page .modal-search-title{font-size: 24px;text-align: center;margin-bottom: .5rem;text-transform: uppercase;font-weight: bold;}
.modal-search-page .btn-webbuilder{}
.modal-search-page .modal-search-from{margin-bottom: 1rem}
.modal-search-page .modal-search-button-box{text-align: center;}
@media all and (max-width:576px) {}

/*頁面上方購物車*/
.cart_item_page { margin: 0px 3px;display: block; padding: 0px .5rem;border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.2);}
.cart_item_page:hover { }
.cart_item { display: flex;align-items: center;}
.cart_item:before{ content:""; /*background-image: url(../../../images/cart_icon.svg);*/ background-repeat: no-repeat; background-position: left center;width: 20px;height: 20px;background-size: 100%; margin-right: .35rem;}
.cart_item:before{	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M345.171 502.551c-27.877-.046-48.899-21.445-48.719-49.589.173-26.961 21.528-48.355 48.564-48.657 27.202-.299 49.836 21.977 49.986 49.197.153 27.327-21.963 49.096-49.831 49.049zM86.716 502.552c-27.877-.046-48.899-21.445-48.719-49.588.173-26.963 21.528-48.355 48.563-48.658 27.204-.298 49.836 21.977 49.988 49.198.15 27.326-21.964 49.095-49.832 49.048z'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='60' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M34.831 153.162h347.436M48.5 253.749h320.383M71.5 354.335h284'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='56' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M398.035 36.334H481.5'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='65' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M355.5 348.665l42.535-306.662'/%3E%3C/svg%3E");}
.cart_item .cart_box:before {/*content: "\f370";font-family: 'Ionicons';display: inline-block;*/}
.cart_item a:link,
.cart_item a:visited,
.cart_item a{ text-decoration: none; color: #fff;}
.cart_item strong {  font-weight: normal; }
.cart_item .much_total { margin: 0px; padding: 0px; }
.cart_item .items {  font-weight: bold; margin: 0px; padding: 0px 5px; }

.cart_item:hover .cart_item_list_box { display: block; }
.cart_item_list_box { width: 300px; background-color: #EBEBEB; position: absolute; display: none; right: 0px; top: 30px; border: 1px solid #CCC; }
.cart_item_list_box ul { clear: both; float: left; width: 100%; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.cart_item_box { clear: both; float: left; width: 96%; padding-top: 5px; padding-right: 2%; padding-bottom: 5px; padding-left: 2%; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.cart_item_box .photo { float: left; width: 40px; }
.cart_item_box .txt { float: left; width: 230px; }
.cart_item_box .edit { float: left; width: 10px; }
.cart_item_box .txt h2 { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: inherit; font-weight: normal; line-height: normal; }
.cart_item_box .txt h2 a { color: #496a01; }
.cart_item_box .txt h3 { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: inherit; font-weight: normal; color: #999; }
.cart_item_box .txt p { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: inherit; font-weight: normal; color: #333; }
.cart_item_box .edit a { color: #000; }
.cart_item_list_box .checkout_bt { width: 100%; clear: both; float: left; background-color: #434343; text-align: center; }
.cart_item_list_box .checkout_bt a { color: #FFF; }
@media all and (max-width:768px) {
.cart_item strong{display: none;}
.cart_item {display: none;}
.cart_item_page{display: none;}
}


/*右邊多語系*/
.language-page {display: flex; margin: 0px; padding: 0px;position: relative;}
.language-page .language-group{display: flex;overflow: hidden;    position: relative;}
.language-page .language-group:hover{overflow: visible;    position: relative;}
.language-page .language-group:hover .dropdown-menu {display: block;   opacity: 1;}
.language-page .language-btn{font-size: inherit;padding: 0px 8px;border: 1px solid rgba(0, 0, 0, 0.2);line-height: inherit;text-transform: uppercase;text-decoration: none;display: flex;align-items: center;border-radius: 2px;}
.language-page .language-btn strong{font-weight: normal;}
.language-page .language-btn i{font-weight: normal;margin-right: 6px;}
.language-page .language-btn i:before{}
/*.language-page .language-btn:before { content: ""; background-image: url(../../../images/globe-1.png); height: 16px; width: 16px; display: block; margin-right: 5px; float: left; }*/
.language-page .language-btn:hover { color: rgba(255, 255, 255, 1); }
.language-page .btn-link::after { display: none; }
.language-page .dropdown-menu:before { position: absolute; border-color: transparent transparent rgba(255, 255, 255,0.8) transparent; border-style: solid solid solid; border-width: 6px; top: -12px; content: ''; height: 0px; right: 10px; width: 0px; z-index: 1; }
.language-group .dropdown-menu { position: absolute; left: auto; text-align: left; margin: 0; background: rgba(255, 255, 255,0.9); border: none; padding: 0px;box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); border-radius: 0px 0px 4px 4px;font-size: inherit; line-height: 2;max-height: 400px;overflow-y: auto;right: 0;    display: block;opacity: 0;transition: all 300ms ease-in-out; }

.language-group-list{list-style-type: none;padding: 15px;margin: 0;display: flex;flex-wrap: wrap;}
.language-group-list li{width: 33.33%; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
.language-group-list li > a{padding: 5px 10px; text-align: left; color: #333;font-size: inherit;}
.language-group .dropdown-menu li > a:hover{ text-decoration: none; color: rgba(0, 47, 85, 1); }
.language-group .dropdown-menu li img{margin-right: .5rem;}
.language-group-list.horizontal-display{width: 500px;}
.language-group-list.vertical-display{width: 158px;padding: 5px;}
.language-group-list.vertical-display li{width: 100%;}

 @media all and (max-width:992px) {
.language-group-list{padding: 5px;}
.language-group-list li{width: 100%;}
.language-page .language-btn strong{display: none;}
.language-page .language-btn i{ margin-right: 0px;}
.language-group-list.horizontal-display{/*width: 200px;max-height: 80vh;overflow-x: hidden;*/width: 100%;}
}


/*頁首內容*/
.fix-header {transition: ease 0.1s; width: 100%; max-width: 100% !important; top: 0px; left: 0px; right: 0px; z-index: 889; margin: 0 auto; position: fixed !important;box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.5);}
.headerSpace{display: none;}
.headerSpace.unvisible{display: block;}

.page-header { position: relative; background: #f3f3f3; padding-top: 0px; padding-bottom: 0px;width: 100%;transition: 0.1s ease-out; }
.outerHeight{position: relative;width: 100%;height: 0px;transition: 0.1s ease-out;}
.outerHeight.unvisible{}

/* header */
.header-page { background: #fff; padding-top: 0px; padding-bottom: 0px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.header-page  > .container{display: flex;    align-items: center; /*   column-gap: 30px;*/}
.header-box { position:relative;  text-align: left; z-index: 8;padding:0px 0;transition: 0.1s ease-out; display: flex;align-items: center;flex-shrink: 0;width: 300px;}
.header-box .container{padding-left: 0;    padding-right: 0;}
.fix-header .header-box { padding: 0px 0;display: none; }
.fix-header .header-page  > .container{flex-direction: column;}
.fix-header .header-page > .container .top-menu-page .top-menu-navbar{justify-content: center;}
@media all and (max-width:1680px) {
.header-box {width: 280px;}
}
@media all and (max-width:1440px) {
.header-box {width: 260px;}
}
@media all and (max-width:1200px) {
.header-box {width: 250px;}
}
@media all and (max-width:992px) {
	.header-box {justify-content: center;}
	.fix-header .header-box { padding: 0px 0;display:block; }
}

/*LOGO*/
.logo-page { z-index: 1; position: relative; width: 100%;}
.logo-box{display: flex;padding: 0;    align-items: center;}
.logo-page .logo { padding:0; }
.logo-page .logo a { display: block; }
.logo-page .logo img { max-height: 70px; height: auto; width: auto;margin: 5px 0; max-width: 300px;}
.fix-header .logo-page .logo img { max-height: 60px; }

@media all and (max-width:1680px) {
.logo-page .logo img { max-width: 280px;}
}
@media all and (max-width:1440px) {
.logo-page .logo img { max-width: 260px;}
}
@media all and (max-width:1200px) {
.logo-page .logo img { max-width: 280px;}
}
@media (max-width: 992px) {
.logo-page{display: flex; justify-content: center;}
.logo-box{justify-content: center;}
.logo-page .logo img {max-height: 40px;max-width: 100%;}
.fix-header .logo-page .logo img { max-height: 40px; }
.header-box{    width: 100%;}
}
@media (max-width: 768px) {
.logo-box {justify-content: center;display: flex;flex-direction: column;padding: 0px; width: calc(100% - 60px); }
.logo-page .logo{padding: 0px 0;}
}
@media (max-width: 576px) {
.logo-box{flex-direction: column;}
.logo-page .logo img {max-height: 40px;max-width: 100%;}
.fix-header .logo-page .logo img { max-height: 40px; }
}

/*公司名稱*/
.company-name{font-size: 1.5rem;padding: 0; margin: 0;margin-left: .5rem;display: flex;}
@media (max-width: 576px) {.company-name{margin: 5px 0px;}}


/*左邊服務電話*/
.top-phone-page { position: absolute; top: 50%; left: 0; -moz-transform:  translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);display: none;}
.header-phone { text-align: left; padding: 8px 0; padding-left: 46px; background: url(../../../files/icon_phone.png?3958493984054474904) left center no-repeat; }
.header-phone label,
.header-phone p { margin: 0;color: #5a5a5a; line-height: normal;}
 @media all and (min-width:1600px) {/*#top > .container { max-width: 100%; padding: 0 30px; }*/}
	
/* 搜尋search */
.search-page .search-button { color: #505150; height: 44px; width: 45px; line-height: 200%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; cursor: pointer; box-shadow: none !important; }
.search-page .search-button:hover { color: rgba(102, 153, 0, 1); }
.search-page .search-button[aria-expanded="true"] i:before { content:"\f2d7";}
.search-page .search-content { padding: 0; border: 0; background: transparent; box-shadow: none; left: auto; right: 100%; width: auto; top: 0; margin: 0 5px 0 0px; }
.search-page { float: left; }
.search-page input,
.search-page input.form-control:focus { height: 44px; color: #fff; background: #242424; width: 235px;border: 1px solid rgba(222, 222, 222, 1); border-radius: 3px; box-shadow: none !important; padding: 10px 45px 10px 15px; float: none; }
.search-page input.form-control::placeholder{color: #fff!important;opacity: 1!important;}
.search-page .input-group-btn { position: absolute; right: 0; width: auto; top: 1px; }
.search-page .input-group-btn button { background: transparent; color: #fff; border: 0; border-left: 1px solid rgba(222, 222, 222, 1); height: 43px; width: 45px; padding: 0; border-radius: 0; box-shadow: none !important; margin: 0; }
.search-page .input-group-btn button:hover { color: rgba(102, 153, 0, 1); }
.search-page .input-group-btn button i{}

/*購物區*/
/*==========================*/
.box-cart { position: absolute; right: 0; top: 50%; z-index: 112; -moz-transform:  translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;padding: .5rem 0rem;}
/*==========================*/
.box-cart .wishlist-page { display: inline-block; vertical-align: top; margin: 0 20px 0 10px; }
.box-cart .wishlist-page a {width: 45px; height: 44px; display: block; position: relative;  color: #505150; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; }
.box-cart .wishlist-page a:hover { color: rgba(102, 153, 0, 1); }
.box-cart .wishlist-page a span { left: -13px; position: absolute;  top: 50%; width: 26px; height: 26px;margin-top: -13px; padding: 0; background: rgba(102, 153, 0, 1); border-radius: 100%; color: #fff; }
.box-cart .wishlist-page a span { opacity: 0; }
/*==========================*/

.cart-page .cart-total {left: -13px; position: absolute;  top: 50%; width: 26px; height: 26px;  margin-top: -13px; padding: 0; background: rgba(102, 153, 0, 1); border-radius: 100%; color: #fff; }
.cart-page .dropdown-menu { }
.cart-page { width: auto; display: inline-block; vertical-align: top; }
.cart-page .mycart { text-transform: capitalize; display: inline-block; vertical-align: top; text-align: left; padding: 0 11px; }
.cart-page .mycart { padding: 0 0 0 11px; }
.cart-page .mycart i{ padding-top: 0; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
.cart-page .mycart span { display: none; }
.cart-page .mycart span.money { display: block; }
.cart-page .mycart .total-price { color: rgba(102, 153, 0, 1); font-weight: 500; margin-top: 0; display: inline-block; vertical-align: top; }
.cart-page > button { background: none; border: 1px solid rgba(222, 222, 222, 1); border-radius: 3px; box-shadow: none; padding: 0; width: auto; position: relative;height: 44px; }
.cart-page > button > i {  color: #505150; display: inline-block; vertical-align: top;  border-right: 1px solid rgba(222, 222, 222, 1); padding: 0 10px 0 17px; }

.cart-page > button.btn.focus,
.cart-page > button.btn:focus { outline: 0; box-shadow: 0px 0px 0px 0rem rgba(0,123,255,0.25); }
.cart-page .dropdown-toggle::after{ display: none; }

/*購物車下拉選單內容*/
.cart-page .dropdown-menu { margin: 0; padding: 15px 30px 0 30px !important; width: 340px;/* right: -15px;*/ list-style: none none; /*margin-top: 11px;*/ box-sizing: border-box; top: 100%; -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1); box-shadow: 0 0 50px 0 rgba(0,0,0,0.1); color: #fff;border-color: 
rgba(205,205,205,1);}
.cart-page .dropdown-menu:after,
.cart-page .dropdown-menu:before { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; }
.cart-page .dropdown-menu:before { border: 8px solid; border-color: transparent transparent rgba(255,255,255,1) transparent; z-index: 99; right: 26px; top: -15px; opacity: 1; }
.cart-page .dropdown-menu:after { border: 8px solid; border-color: transparent transparent rgba(205,205,205,1) transparent; z-index: 98; right: 26px; top: -16px; }

.cart-page .dropdown-menu p { margin: 0; }
.cart-page .dropdown-menu .has-scroll { max-height: 270px; overflow: auto; padding: 0 15px; margin: 0 -30px; background: none; }

.cart-page .dropdown-menu .cart-product-box{margin-bottom: .75rem;}
.cart-page .cart-close { position: absolute; top: -2px; right: 5px; font-weight: 400;  }
.cart-page .cart-close button { background: none; color: #5a5a5a; border-radius: 100%; width: 15px; height: 15px; line-height: 15px; padding: 0; border: 0;  -webkit-box-shadow: none;box-shadow: none; }
.cart-page .cart-close button:hover { color: rgba(102, 153, 0, 1); border-color: rgba(102, 153, 0, 1); }
.cart-page .cart-close button i { line-height: inherit; }


.cart-page .dropdown-menu .info-item { padding-left: 10px; padding-right: 20px; }
.cart-page .cart-name { text-transform: capitalize; }
.cart-page .cart-name:hover { color: rgba(102, 153, 0, 1); }
.cart-page .cart-image{width: 100px;height: auto;}
.cart-page .cart-quantity { color: #5a5a5a;display: block; padding: 5px 0;  }
.cart-page .cart-price { color: rgba(102, 153, 0, 1); padding-top: 2px; display: block; }


.cart-page .dropdown-menu .cart-button { margin: 0 -35px; padding: 0px 20px 20px 20px; }
.cart-page p.cart-button a:last-child { margin-top: 15px; }
.cart-page p.cart-button a { border: none; background: #2e2e2e; color: #fff; text-align: center; padding: 0 20px; text-transform: capitalize; margin: 0; border-radius: 3px; display: block; }
.cart-page p.cart-button a strong { font-weight: 400; }
.cart-page p.cart-button a:hover { color: #fff; background: rgba(102, 153, 0, 1); border-color: rgba(102, 153, 0, 1); }
.cart-page p.cart-button a:hover i { color: #fff; }
.cart-page p.cart-button a i { padding-left: 5px; display: none; }

.cart-page .dropdown-menu .cart-price-box{background: url(../../../images/line3.png) top center no-repeat !important;padding: 1rem 0rem }
.cart-page .dropdown-menu .cart-price-box .text-left{padding-left: 0px; }
.cart-page .dropdown-menu .cart-price-box .text-right{padding-right: 0px;}
.cart-page .dropdown-menu .cart-price-box .text-left{ color: #232323; float: left; padding: 2px 0; text-transform: uppercase; }
.cart-page .dropdown-menu .cart-price-box .text-right{ color: rgba(102, 153, 0, 1);  }

@media all and (max-width:1200px) {}
@media all and (max-width:992px) {}
@media all and (max-width:768px) {}
@media (max-width: 576px) {}

/* 選單開始 */
/*.top-menu-page {z-index: 8; width: 100%;background-color: rgb(0 0 0 / 5%); }
.top-menu-page > .container{display: flex;flex-wrap: wrap;}
.top-menu-box{position: relative;width: 100%;}
.top-menu-box .nav{padding: 0;}
.top-menu-box .nav-item{ border-right: 1px solid rgb(0 0 0 / 10%);position: relative;  display: flex;    justify-content: center;}
.top-menu-box .nav-item:first-child{	border-left: 0px solid rgb(0 0 0 / 10%);}
.top-menu-box .nav-item:last-child{	border-right: 0px;}*/

@media (max-width: 992px) {.top-menu-page{display: none;}}

/*手機選單位置和LOGO位置*/
@media all and (max-width:992px) {
.mobile-menu-position-right{}
.mobile-menu-position-right .layout-navbar-box{justify-content: flex-start;}

.mobile-logo-left .header-box {justify-content: flex-start;}
.mobile-logo-left .logo-page{align-items: flex-start;}
.mobile-logo-left .logo-box {justify-content: flex-start;width: calc(100% - 0px);}
.mobile-logo-center .header-box {justify-content:center;}
.mobile-logo-center .logo-page{align-items: center;}
.mobile-logo-center .logo-box{justify-content:center;}
.mobile-logo-right .header-box {justify-content: flex-end;}
.mobile-logo-right .logo-page{align-items: flex-end;}
.mobile-logo-right .logo-box {justify-content: flex-end;width: calc(100% - 0px);}
.language-group .dropdown-menu{width: 200px;}
.mobile-menu-position-right .language-group .dropdown-menu{width: 200px;left: 0;}
.mobile-menu-position-right.mobile-logo-right .fix-header .logo-box {width: calc(100% - 75px);}
.mobile-menu-position-right.mobile-logo-right .logo-box .logo{order: 1;} 
.mobile-menu-position-right.mobile-logo-right .logo-box .company-name{margin-left: 0rem; margin-right: .5rem;} 
.mobile-menu-position-left.mobile-logo-left .fix-header .logo-box {width: calc(100% - 75px);}
}
@media (max-width: 768px){
.mobile-logo-left .logo-box{align-items: flex-start;}
.mobile-logo-left .company-name { margin: 5px 0px;}
.mobile-logo-center .logo-box{align-items: center;}
.mobile-logo-right .logo-box {align-items: flex-end;}
}
@media (max-width: 576px){}


/* 主選單 */
:root {  
 --top-menu-page-color: #39465F;
 --top-menu-page-active-color: #004986;
 --top-menu-page-active-bg: #919191;
 --top-menu-submenu-background: #ffffff;
 --top-menu-submenu-color: #39465F;
	--top-menu-submenu-active-color: #004986;
	--top-menu-submenu-active-bg: #919191;
}

.top-menu-page{    width: 100%;}
.top-menu-page .top-menu-wrapper { padding-right: 0px;    padding-left: 0px;}
.top-menu-page ul { list-style: none; padding-left: 0; margin-bottom: 0; }
html[lang=en] .top-menu-page ul{letter-spacing: 0 !important;}
.top-menu-page .top-menu-box {}
		
.top-menu-page .pc-caption:not(:first-child):after { display: none; }
.top-menu-page .navbar-item-link { display: flex; width: 100%; align-items: baseline;justify-content: space-between; padding: 12px 14px; color: var(--top-menu-page-color); font-size: inherit;cursor: pointer;    position: relative;}
.top-menu-page .navbar-item-link:active, 
.top-menu-page .navbar-item-link:focus,
.top-menu-page .navbar-item-link:hover { text-decoration: none; color: var(--top-menu-page-active-color); }
.top-menu-page .navbar-item-text{font-size: inherit;z-index: 1;}

.top-menu-navbar > .main-navbar-item >.main-navbar-item-link:before,
.top-menu-navbar > .more-navbar-item .more-navbar-item-link:before{    position: absolute;    content: '';    width: calc(100% - 24px);; margin: 0 auto;display: table;    height: 2px;    background: #ffc107;    bottom: 7px;    -webkit-transition: all 300ms linear;transition: all 300ms linear;    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.top-menu-navbar > .main-navbar-item:hover > .main-navbar-item-link:before,
.top-menu-navbar > .more-navbar-item:hover > .more-navbar-item-link:before{-webkit-transform: scaleX(1);    transform: scaleX(1);}

.top-menu-page .top-menu-navbar { display: flex; position: relative;flex-wrap: wrap;justify-content: flex-end;column-gap: 0px;}
.top-menu-page .top-menu-navbar .navbar-item-link {}
.top-menu-page .top-menu-navbar .navbar-item { position: relative; margin: 0; }
.top-menu-page .top-menu-navbar .navbar-item:hover:not(.active) > .navbar-item-link { color: var(--top-menu-page-active-color); }
.top-menu-page .top-menu-navbar .navbar-item:hover:not(.active) > .navbar-item-link:after { background: var(--top-menu-page-active-bg); }
.top-menu-page .top-menu-navbar .navbar-item.active > .navbar-item-link { color: var(--top-menu-page-active-color); }
.top-menu-page .top-menu-navbar .navbar-item.active > .navbar-item-link:after{ background: var(--top-menu-page-active-bg); }
.top-menu-page .top-menu-navbar .navbar-item.active:hover > .navbar-item-link:after{ opacity: 0.15; }

.top-menu-page .top-menu-navbar > .navbar-item .navbar-submenu { position: absolute;/*padding: 10px 0px;font-size: 16px;*/font-size: inherit;}
.top-menu-page .top-menu-navbar > .navbar-item .navbar-submenu:after { display: none; }
.top-menu-page .top-menu-navbar > .navbar-item > .navbar-submenu.edge { left: auto; right: 0; }
.top-menu-page .top-menu-navbar > .navbar-item > .navbar-item-link { position: relative; }
.top-menu-page .top-menu-navbar > .navbar-item > .navbar-item-link > .navbar-item-arrow { transform: rotate(90deg); }
.top-menu-page .top-menu-navbar > .navbar-item > .navbar-item-link::after {content: "";border-radius: 6px;position: absolute; top: 0px; right: 1px;left: 1px;bottom: 0px;opacity: 0.1;}
	
.top-menu-page .navbar-item { display: inline-block; }
.top-menu-page .navbar-item.pc-caption { padding: 0 !important; }
.top-menu-page .navbar-item-arrow { transition: all 0.2s ease-in-out; margin-left: 8px;display: flex;  justify-content: center;flex-direction: row;z-index: 1;}
	
	/*下拉選單當滑鼠移到上面*/
.top-menu-page .navbar-submenu { position: absolute; background: var(--top-menu-submenu-background);  min-width: 200px; border-radius: 4px; animation: 0.2s ease-in-out 0s normal forwards 1 fadein; box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18); }
.top-menu-page .navbar-submenu .navbar-item .navbar-item-link {padding: 8px 16px; }
.top-menu-page .navbar-submenu .navbar-item:first-child > .navbar-item-link {    margin-top: 10px; }
.top-menu-page .navbar-submenu .navbar-item:last-child > .navbar-item-link {    margin-bottom: 10px; }
.top-menu-page .navbar-submenu .navbar-item { display: block; position: relative; }
.top-menu-page .navbar-submenu .navbar-item .navbar-item-link { color: var(--top-menu-submenu-color); position: relative; }
.top-menu-page .navbar-submenu .navbar-item .navbar-item-link:after {content: "";border-radius: 0px;position: absolute; top: 0px; right: 0px;left: 0px;bottom: 0px;opacity: 0.1; }
.top-menu-page .navbar-submenu .navbar-item:hover:not(.active) > .navbar-item-link {  color: var(--top-menu-submenu-active-color);  }
.top-menu-page .navbar-submenu .navbar-item:hover:not(.active) > .navbar-item-link:after { background:var(--top-menu-submenu-active-bg); }
.top-menu-page .navbar-submenu .navbar-item.active > .navbar-item-link {  color: var(--top-menu-submenu-active-color); }
.top-menu-page .navbar-submenu .navbar-item.active > .navbar-item-link:after{ background: var(--top-menu-submenu-active-bg);z-index: -1; }
.top-menu-page .navbar-submenu .navbar-item.active:hover > .navbar-item-link:after{ opacity: 0.15; }

/*下拉選單判斷左右邊*/
.top-menu-page .navbar-submenu .navbar-submenu { left: 100%; z-index: 1; top: -10px;}
.top-menu-page .navbar-submenu .navbar-submenu.edge { left: auto; right: 100%; }
.top-menu-page .navbar-submenu .navbar-submenu.edge-alt { top: auto; bottom: 0px; }

.top-menu-page .navbar-item .navbar-submenu { display: none; }
.top-menu-page .navbar-item:hover > .navbar-submenu {display: block;z-index: 2; }

@keyframes fadein {
from {
 transform: translate3d(0, 8px, 0);
 opacity: 0;
}
 to {
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}