@charset "utf-8";

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.menu { color: #ffffff;  padding: 10px 20px 7px 20px; widht: 930;}

#head { padding: 0px ; background: #353535; text-align: right; }

/* toggle-panel */
#panel-btn { display: inline-block; position: relative; width: 40px; height: 40px; margin: 0px 32px 10px; border-radius: 50%; background: #fff; }
#panel-btn:hover { background: #fafafa; }
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #000000; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #000000; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#panel { display: none; width: 930; margin: 0; padding: 20px 0px 20px 20px; background: #eeeeee; text-align: left; }

@media screen and (min-width: 768px) {
    .menu-toggle {
        display: none;
    }