/*---------------------------------------------

menu

---------------------------------------------*/



@media screen and (min-width : 961px){

.spmenu{ display: none;}

#menuPlate{
background: url("../images/nav/bg_nav.png") no-repeat center;
background-size: cover;
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 30;
border-bottom: 2px solid #fff;
}

#menuBtn,#menuBtn2{display: none; pointer-events: none;}

#menuAll{
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 40;
display: block;
}

#menu{
width: 100%; height: 60px;
margin: 0;
position: absolute;
top: 0; left: 0;
z-index: 2;
}

#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
float: left;
left: 50%;
}

#menu ul li {
height: 60px;
line-height: 60px;
padding: 0 20px;
font-size: 18px;
margin: 0;
text-align: center;
position: relative;
float: left;
left: -50%;
transition: all 0.3s ease;
font-weight: 700;
color: #ffff00;
}

#menu ul li:hover{
opacity: 0.8;
}

#menu ul li a{
color: #fff;
text-decoration: none;
}



}




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

.pcmenu{ display: none;}

#menuPlate{
background: url("../images/nav/bg_nav.png") no-repeat center;
background-size: cover;
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 50;
border-bottom: 2px solid #fff;
}

#menuBtn{
background: url("../images/nav/btn_menu01.png") no-repeat center;
background-size: contain;
width: 60px; height: 60px;
cursor: pointer;
position: fixed;
top: 0; left: 0;
z-index: 54;
}

#menuBtn2{
background: url("../images/nav/btn_menu02.png") no-repeat center;
background-size: contain;
width: 60px; height: 60px;
cursor: pointer;
position: fixed;
top: 0; left: 0;
z-index: 55;
display: none;
}

#menuAll{
background: #fff url("../images/top/logo.png") no-repeat center bottom 20px;
background-size: 300px auto;
width: 100%; height: 100%;
position: fixed;
top: 0; left: 0;
z-index: 45;
overflow-x: hidden;
overflow-y: auto;
display: none;
}

#menu{
width: 100%;
margin: 0;
position: absolute;
top: 62px; left: 0;
z-index: 2;
border-top: 2px dotted #1bbfca;
}

#menu ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}

#menu ul li {
width: 100%;
margin: 0 auto;
padding: 0;
line-height: 3em;
text-align: center;
border-bottom: 2px dotted #1bbfca;
color: #92e2e8;
font-size: 18px;
font-weight: 700;
}

#menu ul li a{
width: 100%; height: 100%;
display: block;
color: #1bbfca;
text-decoration: none;
}

}