input#sea-menu{display: none;}
.sea-menu-list{display: none;}


@media(max-width: 991px){

        .sea-menu-list{display: block;}


        /*選單線*/
        .menu-line {
            width: 24px;
            height: 24px;
            background: #FFF;
            cursor: pointer;
            display: block;
            padding: 16px;
            position: fixed;
            z-index: 2;
            left: 10px;
        }
        .menu-line .menu-shape,
        .menu-line .menu-shape::before,
        .menu-line .menu-shape::after {
            background: #222;
            content: '';
            display: block;
            height: 1px;
            position: absolute;
            transition: background ease .3s, top ease .3s .3s, transform ease .3s;
            width: 20px;
        }
        .menu-line .menu-shape {
            left: 50%;
            top: 16px;
            transform: translateX(-50%);
        }

        .menu-line .menu-shape::before {
            top: -6px;
        }

        .menu-line .menu-shape::after {
            top: 6px;
        }



        /*點選選單變叉叉*/
        #sea-menu:checked + .menu-line .menu-shape {
            background: transparent;
        }

        /*叉叉版本樣式*/
        #sea-menu:checked + .menu-line .menu-shape::before {
            transform: rotate(45deg);
        }

        #sea-menu:checked + .menu-line .menu-shape::after {
            transform: rotate(-45deg);
        }

        #sea-menu:checked + .menu-line .menu-shape::before,
        #sea-menu:checked + .menu-line .menu-shape::after {
            top: 0;
            transition: top ease .3s, transform ease .3s .3s;
        }
        

        /*愛心版本樣式*/
        /*#sea-menu:checked + .menu-line .menu-shape::before {
             position: absolute;
          left: 5px;
          width: 7px;
          height: 13px;
          background-color: red;
          border-radius: 50px 50px 0 0;
          transform: rotate(-45deg);
        }

        #sea-menu:checked + .menu-line .menu-shape::after {
            position: absolute;
          left: 9px;
          width: 7px;
          height: 13px;
          background-color: red;
          border-radius: 50px 50px 0 0;
          transform: rotate(45deg);
        }


        #sea-menu:checked + .menu-line .menu-shape::before,
        #sea-menu:checked + .menu-line .menu-shape::after {
            top: -5px;
            transition: top ease .3s, transform ease .3s .3s;
        }
*/




        /*選單開合*/
        #sea-menu:checked ~ .sea-menu-list{
            width: 100%!important;
        }

        .sea-menu-list{
            width: 0px;
            height: 100vh;
            background: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
            padding-top: 60px;
            position: fixed;
            z-index: 1;
            transition: all .6s;
            overflow: hidden;
            top: 0;
            left: 0;
        }



        /*選單向外推*/
        .sea-menu-list ul {
            list-style: none;
            padding: 0;
            background-color: transparent;
            margin: 20px 40px;
            width: 80%;
            min-width: 200px;
        }
        .sea-menu-list ul>li {
            display:block;
            width:100%;  
            margin: 0px auto;
            /*border-bottom: 1px solid #ccc;*/
            /*text-align: center;*/
        }

        .sea-menu-list ul li a {padding:5px 0; display: inline-block; color: #000; text-decoration: unset;} 




        /*隱藏核許框*/
        input#sea-menu {
         display: none;
        }


        .dropdown-menu .dropdown-submenu .dropdown-menu{background-color: transparent!important; border: unset!important; padding-left: 20px;}
    

}