@charset "big5";
/* CSS Document */
.header{ width: 100%; margin: 0 auto;border: 1px solid #ccc;}
.hd_pc{ text-align: center; }
.hd_m { display: none; }
.kv .kv-container { top: 0px !important;}
.kv {height: 600px !important;}
.footer { width: 100% !important;}
.pez_ft { height: 228px}
.red{ color: #c00; }
.float_wrapper  { display: none;  position: fixed; overflow: hidden; z-index: 999; right: 15px; bottom: 15px; left: initial; cursor: pointer;}
.M_menu_wrap { display: none; }


@media screen and (max-width:768px) {
body{padding-bottom: 30px;}
.header, .footer{ width: 100vw;}
.hd_m { display: block; }
.hd_pc { display: none;}
.footer { display: none; } 
.pez_ft { height: 310px;}
/**/
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 14px; }
.M_menu_block { width: 100vw; height: 45px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 33.3vw; line-height: 16px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 0; text-align: center; padding: 8px 0 14px;}
.M_menu_block li a { color: #fff; }
	
	
}