@charset "utf-8";
/* CSS Document */


.M_menu_wrap{ display:none;}

@media screen and (max-width: 767px) {

/*M版選單*/
.M_menu_wrap{ display:block; position: absolute; }
.M_menu_block{ position: fixed; bottom:0; background: rgba(204,0,0,1); width: 100%; z-index: 200;}
.M_menu_block ul li{ width: 31.1vw; box-sizing: border-box;text-align: center; float: left; height: 50px; border-right:1px solid #555; cursor: pointer;}
.M_menu_block ul li:last-child{border:none;}
.M_menu_block ul li:before{content:''; display: inline-block; vertical-align: middle; height: 100%;}
.M_menu_block ul li a{ display: inline-block; width: 100%; color: #fff; font-size: 17px; line-height: 18px; vertical-align:middle; }
.M_menu_filter{ display: none; position: fixed; bottom:60px; width: 95%; margin: auto; left: 0; right: 0; background: #fefefe; border-radius: 10px;z-index: 200;}
.M_menu_filter:after{content:''; display: inline-block;width: 0; height: 0; border-width:7px; border-color:#fefefe transparent transparent transparent ; border-style:solid; position: absolute; left: 0; right: 0; bottom:-14px; margin: auto;}
.M_menu_filter ul li{ width: 33.3%; box-sizing: border-box;text-align: center; float: left; height: 50px; padding: 5px; }
.M_menu_filter ul li a{background: darkred;  display: block; font-size: 14px; height: 35px; color: #fff;vertical-align: middle; border-radius: 20px;}
.M_menu_filter ul li a:before{content:''; display: inline-block; vertical-align: middle; height: 100%;}
.bk_mask{display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); top:0;z-index: 100;}

}