/*indexHeaderMenu7樣式 body.HeaderMenu7-浮動會滾動 jquery.dropotron2.js*/
@media screen and (min-width: 769px) {
#pc-FocusAd section.outside #SearchBox{width: 100%;padding: 10px;}
}
@media screen and (min-width: 1600px) {
#pc-FocusAd section.outside #SearchBox{width: 1600px;}
}
@media screen and (max-width: 769px) {
.page-shop3.HeaderMenu7-innerpage .ShopTitle .bntbox{display: flex;}
/*.HeaderMenu7-innerpage .ShopTitle .bntbox{display: none;}*/
}

:where(body.HeaderMenu7 ) :is( div, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, th, td, dl, dt, dd, ul, li, a, span){font-family: "PMingLiU", "MingLiU", serif ;}
.HeaderMenu7 #header.scrollmenu #MainMenu{height: 50px;}
.HeaderMenu7 #header.scrollmenu #MainMenu li,.HeaderMenu7 #header.scrollmenu #MainMenu li a{height: 50px;line-height: 50px}
.HeaderMenu7 #header.scrollmenu .header-left,.HeaderMenu7-innerpage #header.scrollmenu .header-left{top: 5px;}
.HeaderMenu7 #header.scrollmenu .web_logo,.HeaderMenu7 #header.scrollmenu .web_logo a,
.HeaderMenu7-innerpage #header.scrollmenu .web_logo,.HeaderMenu7-innerpage #header.scrollmenu .web_logo a {height: 40px;width:200px;}
.HeaderMenu7 #pc-FocusAd #morefilterbox,.HeaderMenu7 #pc-FocusAd .morefilterbox_style{top:100px;}
.HeaderMenu7 #pc-hoader_googlesesrch .sb-search{top:5px}
.HeaderMenu7 #pc-hoader_googlesesrch .gsc-control-cse{padding: 1.7em 3em;}
.HeaderMenu7 #TopNav,.HeaderMenu7 #TopSearch{display: none;}
.HeaderMenu7 #header #MainMenu li span{z-index: 1;position: relative;}
.HeaderMenu7 #header #MainMenu li span:before{width: 0px;height: 0px;border-radius: 50%;z-index: -1;bottom: 4px;}
.HeaderMenu7 #header #MainMenu li:hover span:before,.HeaderMenu7 #header #MainMenu li .select span:before{width: 60px;height: 60px;}
.HeaderMenu7 #header #MainMenu li:hover a:first-letter,.HeaderMenu7 #header #MainMenu  a.select:first-letter {font-size: 22px; /*將首字放大到*/transition:all 0.8s ease-in-out;}

/*內頁選單*/
#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;}
#header #MainMenu li a{font-size:16px;}



.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;}
}