/*品牌信息*/
header { width: 100%; background-color: #0e527d;background-image: linear-gradient(to right, #004C74,#076cad); position: fixed; top: 0; left: 0; z-index: 1;}
.signboard_logo{    width: 300px;}
header .middle-bar {max-width: 1168px;margin: 0 auto;}
header .middle-bar>div{padding: 10px 0;display: flex;align-items: center;justify-content: space-around;}
header .middle-bar>div>ul{display: flex; justify-content: space-between;}
header .middle-bar>div>ul>li{padding-right: 20px;}
header .middle-bar>div>ul>li>a{display: flex;color: #fff;align-items: center;}
header .middle-bar>div>ul>li>a>p{line-height: 20px;color:#ffe19e;font-weight: bold;}
header .middle-bar>div>ul>li>a>p>span{display: block; font-size: 1.5em;color: #fff;}
header .middle-bar>div>ul>li>a img{width: 46px;height: 46px;margin-right: 8px;}
header .top-bar .doSearch {float: right;min-width: 300px}
.signboard{/*max-width: 1168px;*/margin: 0 auto;padding:10px 0 0 0;display: flex;align-items: center;justify-content:space-around;}
.signboard>ul{display: flex; justify-content: space-between;}
.signboard>ul>li{padding-right: 20px;}
.signboard>ul>li>a{color: #fff;}
.signboard>ul>li>a>button{display: flex; align-items: center; background-color: unset; border: unset;}
.signboard>ul>li>a>button>p{line-height: 21px;color:#f8cb6b;font-weight: bold;font-size: 1.2em;}
.signboard>ul>li>a>button>p>span{display: block; font-size: 1.1em;color: #fff;}
.signboard>ul>li>a img{width: 46px;height: 46px;margin-right: 8px;}
.logo {height: initial;}
@media screen and (max-width:769px) {
    .signboard>div:nth-child(1){width: 78%;}
    .signboard>ul{display: none;}
}
/*導航*/
nav{ /*box-shadow: 0 2px 8px rgba(6, 91, 156, 0.5); z-index: 9000;*/display: flex; align-content: center; align-items: center; }
nav>div{max-width: 1168px; margin: 0 auto;position: relative;}
.nav_signboard_logo{width: 240px; padding: 5px 0;}
nav>div:nth-child(1){display: none;}
/*nav>div:nth-child(1) img{width: 80%; margin: 25px 10% 2px;}*/
nav>div>ul{display: flex;justify-content: space-between;}
nav>div>ul>li{margin: 0 10px;}
nav>div>ul>li>a{display: block;color:#f1fcff; font-weight: bold;padding: .5em 9px;}
nav>div>ul>li>a.active{color: #fff; background: #0e527d;}

.h_line{height:3px;background-size: 100%;background-image:url('/image/menu_line.png');}
@media screen and (max-width:769px) {
    nav>div:nth-child(1){display:block;}
    .h_line{display: none;}
    nav{flex-wrap:wrap;align-items: center; justify-content: center; background-color: #0e527df2; width: 100%; position: fixed; z-index: 10000000; top: 0; left: 0; height: 100%; box-shadow: none;}
    nav>div{position: relative;width: 100%;}
    nav>div>ul{box-shadow: 0 13px 16px rgba(6, 91, 156, 0.5);flex-direction: column;}
   /* nav>div>ul>li{width: 46%;background-color: #fff;margin:5px 5px;height:84px;display:flex;justify-items:center;justify-content: center;align-items:center;border-radius:10px;}*/
    nav>div>ul>li{width: 90%; margin: 0 auto;}
    nav>div>ul>li>a{box-shadow:0 1px 0 rgb(113 160 189);text-align: center;line-height: 26px; font-size: 20px;color:#ffffff;font-weight: normal;}
    nav>div>ul>li>a.active { color:#0e527d ; background: #fff; }


}
/*標題*/
.header_title{
    background-image:linear-gradient(to right, #B4E7FB,#fdfdfd,#B4E7FB);
    background-color: #cae3ea; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px 0;}
.header_title>h1{margin-bottom: 0;font-weight: normal;}
@media screen and (max-width:769px) {
    .header_title{text-align: center;}
    .header_title>h1{font-size: 24px}
}

.run{position: absolute; width: 100%; margin-left: 0; animation: 90s linear 0s infinite normal none running Animation-run; top: 0; z-index: 0; display: flex; flex-direction: row; mix-blend-mode: multiply;    justify-content: space-around;}
.run>div{ font-size: 70px; color: #ecfaff; font-weight: bolder;line-height: 97px; white-space:nowrap;float: left;}
@media screen and (max-width:769px) {
    .run{display: none;}
}
/*移動端聯繫信息*/
.m_cantent{ display: block;position: fixed;z-index: 100000;bottom: 65px;right: 2%;}
.m_cantent>ul{display: flex; align-items: center; justify-content: space-around;flex-wrap: wrap; flex-direction: column;}
.m_cantent>ul>li{ text-align: center; width: 52px; height: 52px; border-radius: 50px; margin: 5px 0;display: flex; align-items: center; justify-content: center;    background-color: #007bfee8;}
.m_cantent>ul>li>a>button{background-color: unset; border: unset;font-size: 20px; color: #fff; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.m_cantent>ul>li:nth-child(1){;background-color:#14a5ffe0;}
.m_cantent>ul>li:nth-child(2){background-color: #53d703e8;}
.m_cantent>ul>li:nth-child(3){background-color: #007bfee8;}
.m_cantent>ul>li:nth-child(3)>a>button>span{padding-left: 5px;color: #fff;}
.m_cantent>ul>li:nth-child(4){}
.m_cantent>ul>li>a{font-size: 20px; color: #fff;font-weight: bold;display: flex; justify-content: center; align-items: center;}
.m_cantent>ul>li>a:hover{background-color: unset;}
.m_cantent>ul>li img{width: 30px;}

.keg { display: none;background-color:#066aa9; /*padding: 7px; border-radius: 6px;*/ }
.keg>div>span{display: block; width:30px; height: 4px; background: #fff; border-radius: 4px; margin-bottom: 7px; margin-top: 2px }
.keg>div>span:nth-child(3){margin-bottom: 0;}
#menu-wrap { background-color: #a0d8e9; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.02); z-index: 9000 }

@media screen and (max-width:769px) {
    .m_cantent{ display: block; position: fixed; z-index: 100000; bottom:65px; right: 2%;}
    .keg { display: block; position: fixed;z-index: 20000000; bottom: 2%; left: 3%; border-radius: 35px;  width: 60px;height: 60px; }
    .keg>div{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 54px; width: 54px; align-items: center; margin: 2px; border: 1px #fff solid; border-radius: 49px;}
    #menu {width: 100%; display: none; z-index: 999999 ;align-items: center; align-content: center; justify-content: center; height: 100%; }

}

@-webkit-keyframes Animation-run  { 100%  {margin-left:-50%}}