/*indexHeaderMenu4樣式 body.HeaderMenu4-浮動會滾動 jquery.dropotron2.js*/
.headerbg{display: none;}
.HeaderMenu4 #header #NavRim{position: relative;height: 80px;}
.HeaderMenu4 #header #NavRim #pc-hoader02{position: absolute;width: 100%;}
.HeaderMenu4 #header #pc-hoader00 {min-height: 0px;}
.HeaderMenu4 #header{position: absolute;width: 100%;left: 0px;top: 0px;z-index: 999;background:transparent;}
.HeaderMenu4 #header #MainMenu,.HeaderMenu4 #header.scrollmenu{visibility: hidden;}
.HeaderMenu4 #header #TopNav a{color: #FFF;text-shadow: 1px 1px #333;}
.HeaderMenu4 #header #TopNav a:hover{color: #000;text-shadow: 1px 1px #FFFFFF;}
.HeaderMenu4 #header #TopNav a:hover.SelectNav,.HeaderMenu4 #header #TopNav li:hover .SelectNav,.HeaderMenu4 #header #TopNav .SubNav a{color: #333;text-shadow:none;}
.HeaderMenu4 #header #TopNav ul {gap:10px;margin-right: 10px;}
.HeaderMenu4 #header #TopNav ul li.line {display: none;}
.HeaderMenu4 #header #TopNav dt,.HeaderMenu4 #header #TopNav dd {top: 22px;}
.HeaderMenu4 #nav > ul > li > a span:before{bottom: 2px;}

.HeaderMenu4 #MainMenu #mem_name{display: none;}
.HeaderMenu4 #MainMenu > li > li{height: 0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.HeaderMenu4 #header-arrange.scrollmenu {position: fixed;width: 100%;left: 0px;top: 0px; z-index: 999;}
.HeaderMenu4 #header-arrange.scrollmenu .page-container{flex-wrap: nowrap;}
.HeaderMenu4 #header-arrange.scrollmenu .web_logo p {display: none;}
.HeaderMenu4 #header-arrange.scrollmenu .ha_logo a{height: 40px; width: 200px;}
.HeaderMenu4 #header-arrange.scrollmenu .ha_menu{flex: 1;}
.HeaderMenu4 #header-arrange.scrollmenu #MainMenu li,.HeaderMenu4 #header-arrange.scrollmenu #MainMenu li a{height: 50px;line-height: 50px;padding: 0;}
.HeaderMenu4 #header-arrange.scrollmenu #MainMenu {height: 50px;margin-top: 0px;}
.HeaderMenu4 #header-arrange.scrollmenu #MainMenu li.language img{margin-right: 5px;}

.HeaderMenu4 #header-arrange #MainMenu{justify-content: center;flex-wrap: nowrap;height: 80px;}
.HeaderMenu4 #header-arrange #MainMenu li{height: auto;position: relative;flex: 1;}
.HeaderMenu4 #header-arrange #MainMenu li a{padding: 20px 0;position: relative;}
.HeaderMenu4 #header-arrange #MainMenu li a:after{width: 1px;height: 30px;right: 0;top: calc((100% - 30px) / 2);background-color: #FFFFFF80;}
.HeaderMenu4 #header-arrange #MainMenu li:last-child a:after{display: none;}
/*.HeaderMenu4 .dropotron{text-align: center;display: none;left:0;padding: 0;display: flex;flex-direction: column;width: 120px;}
.HeaderMenu4 .dropotron > li img,.HeaderMenu4 .dropotron > li a:hover:after{display: none;}
.HeaderMenu4 .dropotron > li{width: 160%;margin: 0;padding: 10px 5px;margin: 0 0 0 -50%;}
.HeaderMenu4 .dropotron > li:last-child{border-bottom-right-radius:5px;border-bottom-left-radius: 5px;padding-bottom: 20px;}
.HeaderMenu4 .dropotron > li > a {font-size: 1.15rem;font-weight: bold;}*/

/*內頁選單*/
#header #pc-hoader00{min-height: 0;}
#header #MainMenu{justify-content: center;flex-wrap: nowrap;padding:0 30px 0 220px;height: 50px;}
#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: 30px;right: 0;top: calc((100% - 30px) / 2);background-color: #FFFFFF80;}
#header #MainMenu li:last-child a:after{display: none;}
.HeaderMenu4-innerpage #header #MainMenu #mem_name{display: none;}
.HeaderMenu4-innerpage #header #pc-hoader01{display: none;}
.HeaderMenu4-innerpage #header .web_logo,.HeaderMenu4-innerpage #header .web_logo a {height: 40px;width: 200px;}
.HeaderMenu4-innerpage #header .header-left {top: 5px;}
.HeaderMenu4-innerpage #pc-hoader_googlesesrch .sb-search{top: 10px;}
.HeaderMenu4 #pc-hoader_googlesesrch .sb-search{top: 19px;right: 4px;}
.HeaderMenu4-innerpage #header #MainMenu li.language img{margin-right: 5px;}
.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;}
#header.scrollmenu .page-container{flex-wrap: nowrap;}
#header.scrollmenu #MainMenu {height: 50px;margin-top: 0px;}

@media screen and (min-width: 769px) {
#TopSearch {top: 0px;}
}
@media screen and (min-width: 769px) and (max-width: 1245px) { 
.HeaderMenu4-innerpage #header #MainMenu{padding-left: 120px;}
.HeaderMenu4-innerpage #header .web_logo,.HeaderMenu4-innerpage #header .web_logo a {height: 40px;width: 100px; }
}
@media screen and (max-width: 768px) {
.HeaderMenu4 #header-arrange {display: none;}
}