/*header-M9-01 預設值*/
.color-default{}
.color-primary{}
.color-primary:hover{}
.color-secondary{}
.color-white{}
.color-black{}
.background-color-default{ }
.background-color-primary{}
.background-color-primary:hover{}
.background-color-secondary{background-color: #666 !important;color: #FFFFFF !important;}
.background-color-secondary:hover{background-color: #333 !important;color: #FFFFFF !important;}
.background-color-white{}
.background-color-black{}
.link-color-primary{}
.link-color-primary:hover{}

/*頁面上方*/ 
.layout-navbar-page{line-height: 1.68;background: #f3f3f3; border-bottom: 1px solid rgba(222, 222, 222, 1); width: 100%; z-index: 890;position: relative;}
.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;color: #FFF;}
#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; display: block; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }
.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; 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;  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);background-color: transparent!important;}
.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_w: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: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 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='%23000' 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='%23000' stroke-width='56' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M398.035 36.334H481.5'/%3E%3Cpath fill='none' stroke='%23000' 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; }
.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: 0.4s ease-out; 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.4s ease-out; }
.outerHeight{position: relative;width: 100%;height: 0px;transition: 0.4s ease-out;}
.outerHeight.unvisible{}

/* header */
.header-page { background: #fff; padding-top: 0px; padding-bottom: 0px;}
.header-box { position:relative;  text-align: left; z-index: 8;padding:0px 0; transition: 0.4s ease-out; display: flex;align-items: center;}
.fix-header .header-box { padding: 0px 0; }
@media all and (max-width:992px) {
	.header-box {justify-content: center;}
}

/*LOGO*/
.logo-page { z-index: 1; position: relative; vertical-align: top;display: flex;align-items: center;flex-shrink: 0;padding: 0 30px 0 0;}
.logo-page .logo { padding:0; }
.logo-page .logo a { display: block; }
.logo-page .logo img { max-height: 70px;margin: 5px 0; width: auto; height: auto; }
.fix-header .logo-page .logo img { max-height: 60px;  }
@media all and (max-width:992px) {
.logo-page {padding: 0;}
.logo-page .logo img {max-height: 40px;max-width: 100%;}
.fix-header .logo-page .logo img { max-height: 55px; }
}
@media (max-width: 768px) {
.logo-page {justify-content: center;display: flex;flex-direction: column;padding: 0px; width: calc(100% - 70px); }
.logo-page .logo{padding: 0px 0;}
}
@media (max-width: 576px) {
.logo-page .logo img {max-height: 40px;max-width: 100%;}
.fix-header .logo-page .logo img { max-height: 50px; }
}

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

/*左邊服務電話*/
.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%; }
.top-menu-page .container{padding: 0;}
.top-menu-box{position: relative;width: 100%;}

/* 主選單 */
.divMenu-page{position: relative;}
.divMenu-box {overflow: hidden; position: relative;margin-left: 24px; margin-right: 24px;}

#divArrowLeft {top: 0;cursor: pointer; display: block; position: absolute; width: 24px; left: 0px;  z-index: 1; margin: 0px; padding: 0px; text-align: center;}
#divArrowLeft a{padding: .75rem 0rem; display: inline-block; width: 100%;}
#divArrowLeft a:before{content: "\f124";font-family: 'Ionicons';display: inline-block;}
#divArrowLeft:hover { }
#divArrowRight {top: 0;cursor: pointer; display: block; position: absolute; width: 24px; right: 0px; margin: 0px; padding: 0px;text-align: center;}
#divArrowRight a{padding: .75rem 0rem; display: inline-block; width: 100%;}
#divArrowRight a:before{content: "\f125";font-family: 'Ionicons';display: inline-block;}
#divArrowRight:hover {  }

/* css_divMenu-list */
.divMenu-list {display: block; float: left; width: 1000%; margin: 0px; padding: 0px;}
.divMenu-list .divMenu-list-items { float: left; position: relative; padding: 0px; margin: 0px;}
.divMenu-list li { text-decoration:none; float: left; display: block; position: relative; padding: 0rem;}
.divMenu-list li a, 
.divMenu-list li a:link, 
.divMenu-list li a:visited { text-decoration:none; cursor: pointer; display: flex; align-items: center;margin: 0px;padding: .75rem 1rem; }
.divMenu-list li a strong{font-weight: normal;}
.divMenu-list li a:hover{ text-decoration:none; }
.divMenu-list li a:hover strong{ }
.divMenu-list li.line_box{ width: 20px; background-image: none; }

/*.divMenu-list .showmenu-item:hover:before{position: absolute;border-width: 8px;border-color:  transparent transparent  rgba(100, 100, 100, 1.0) transparent;border-style: solid solid solid;content: '';left: 25px; bottom: 0; }*/


/* 下拉式選單 */
#submenu{position: relative;}
.submenu-body{display:none; margin: 0px; padding: 0px;  position: relative; }
.submenu-page{ z-index: 350;position: absolute;left: 0;}
.submenu-box{ margin:0px; width: 280px;  display: block;  padding: 0px; position: relative; }
.submenu-box:before {
    border-color:  transparent transparent  rgba(0,  0,  0,  0.2) transparent; 
    border-style: solid solid solid; 
    border-width: 8px; 
    top: -8px;
    content:"";
    height: 8px;
    left: 35px; 
    position: absolute;
    width: 8px;display: block;margin-top: -8px;
}
.submenu-box:after {
    border-color: transparent transparent  rgba(255,  255,  255,  1.0) transparent;
    border-style: solid solid solid solid; 
    border-width: 8px; 
    top: -7px;
    content:"";
    height: 8px;
    left: 35px; 
    position: absolute;
    width: 8px;display: block;margin-top: -8px;
}

.sub-navigation-page{
	background: rgba(255, 255, 255, 1.0);
	width: 100%; 
	display: inline-block; 
border:double 1px rgba(0,  0,  0,  0.2);
border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);overflow: auto;max-height: 450px;
}
.sub_navigation_box{ width: 100%; clear: both; float: left; }
.sub_navigation_box .navigation_img{ width: 100%; clear: both; float: left; margin-bottom: .5rem; background-color: #fff;padding: 1px; display: none; }

.sub_navigation_box a.navigation_title,
.sub_navigation_box a.navigation_title:link, 
.sub_navigation_box a.navigation_title:visited{ width: 100%;display: block;padding: .5rem 1rem;; }
.sub_navigation_box a.navigation_title:hover{ text-decoration:none; background-color: rgba(0,  0,  0,  0.8); color: #FFF;}

.sub_navigation_box .navigation_list{ display: none;}
.sub_navigation_box .navigation_list .navigation_link{ display: none;}
.sub_navigation_box .navigation_list .navigation_link a{display: none;color: #FFF;}
.sub_navigation_box .navigation_list .navigation_link a:before { display: none;}

.sub_navigation_box .navigation_more_box{display: none;}
.sub_navigation_box .navigation_more_box a{display: none;color: #333;} 
.sub_navigation_box .navigation_more_box a:before{display: none;}

.sub-navigation-bottom{ margin-top:0px; position:relative; height:9px; }

/*手機選單位置和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{width: calc(100% - 0px);}
.mobile-logo-center .header-box {justify-content:center;}
.mobile-logo-center .logo-page{align-items: center;}
.mobile-logo-right .header-box {justify-content: flex-end;}
.mobile-logo-right .logo-page{width: calc(100% - 0px);}
.language-group .dropdown-menu{width: 200px;}
.mobile-menu-position-right .language-group .dropdown-menu{width: 200px;left: 0;}
}
@media (max-width: 768px){
.mobile-logo-left .logo-page{width: calc(100% - 0px);align-items: flex-start;}
.mobile-logo-center .logo-page{align-items: center;}
.mobile-logo-right .logo-page{width: calc(100% - 0px);align-items: flex-end;}
}
@media (max-width: 576px){
.mobile-logo-left .logo-page{align-items: flex-start;}
.mobile-logo-center .logo-page{align-items: center;}
.mobile-logo-right .logo-page {align-items: flex-end;}
}