/*indexHeaderMenu5樣式 body.HeaderMenu5-浮動會滾動 jquery.dropotron2.js*/

@media screen and (min-width: 769px) {
#pc-FocusAd section.outside #SearchBox{width: 100%;padding: 10px 2vw;}
}
@media screen and (min-width: 1600px) {
#pc-FocusAd section.outside #SearchBox{width: 1600px;padding: 10px;}
}
@media screen and (max-width: 769px) {
.page-shop3.HeaderMenu5-innerpage .ShopTitle .bntbox{display: flex;}
.page-shop3.HeaderMenu5 #pc0.page-container{padding-top: 0px;}
/*.HeaderMenu5-innerpage .ShopTitle .bntbox{display: none;}*/
}
.HeaderMenu5 #header.scrollmenu #MainMenu{height: 50px;}
.HeaderMenu5 #header.scrollmenu #MainMenu li,.HeaderMenu5 #header.scrollmenu #MainMenu li a{height: 50px;line-height: 50px}
.HeaderMenu5 #header.scrollmenu .header-left,.HeaderMenu5-innerpage #header.scrollmenu .header-left{top: 5px;}
.HeaderMenu5 #header.scrollmenu .web_logo,.HeaderMenu5 #header.scrollmenu .web_logo a,
.HeaderMenu5-innerpage #header.scrollmenu .web_logo,.HeaderMenu5-innerpage #header.scrollmenu .web_logo a {height: 40px;width:200px;}
.HeaderMenu5 #pc-FocusAd #morefilterbox,.HeaderMenu5 #pc-FocusAd .morefilterbox_style{top:100px;}
.HeaderMenu5 #pc-hoader_googlesesrch .sb-search{top:5px}
.HeaderMenu5 #pc-hoader_googlesesrch .gsc-control-cse{padding: 1.7em 3em;}
/*內頁選單*/
#header #pc-hoader00{min-height: 0;}
#header #MainMenu{justify-content: center;flex-wrap: nowrap;padding:30px 0px 0 220px;height:80px;}
#header #MainMenu li{height: auto;position: relative;flex: 1;}
#header #MainMenu li a{padding: 20px 0;position: relative;}
#header #MainMenu li,#header #MainMenu li a{height: 50px;line-height: 50px;padding: 0;}
#header #MainMenu li a:after{width: 1px;height: 20px;right: 0;top: calc((100% - 20px) / 2);background-color: #FFFFFF80;}
#header #MainMenu li:last-child a:after{display: none;}

.dropotron{text-align: center;display: none;left:0;padding: 0;display: flex;flex-direction: column;align-items:stretch;min-width: 200px;width:auto}
.dropotron > li img,.dropotron > li a:hover:after{display: none;}
.dropotron > li{/*width: 140%;*/margin: 0;padding: 10px 5px;/*margin: 0 0 0 -20%;*/}
.dropotron > li:last-child{border-bottom-right-radius:5px;border-bottom-left-radius: 5px;padding-bottom: 20px;}
.dropotron > li > a {font-size: 1.15rem;font-weight: bold;}
#header.scrollmenu {position: fixed;width: 100%;left: 0px;top: 0px; z-index: 999;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)}
#header.scrollmenu .page-container{flex-wrap: nowrap;}
#header.scrollmenu #MainMenu {height: 50px;margin-top: 0px;padding:0px 30px 0 220px;}
#header.scrollmenu #pc-hoader01{display: none;}
@media screen and (min-width: 769px) {
#TopSearch {top: 0px;}
}
