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

menu

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



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

.spmenu{ display: none;}

#menuPlate{
background-color: #fff;
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 30;
border-bottom: 3px dotted #ffcb44;
}

#menuBtn,#menuBtn2{display: none;}

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

#menu{
width: 100%; height: 42px;
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 {
width: 210px;
margin: 9px 3px;
text-align: center;
padding: 0;
position: relative;
float: left;
left: -50%;
transition: all 0.3s ease;
}

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



}




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

.pcmenu{ display: none;}

#menuPlate{
background-color: #fff;
width: 100%; height: 60px;
position: fixed;
top: 0; left: 0;
z-index: 50;
border-bottom: 2px dotted #ffcb44;
}

#menuBtn{
background: url("../images/nav/btn_menu01.png") no-repeat center;
background-size: contain;
width: 100%; 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: 100%; height: 60px;
cursor: pointer;
position: fixed;
top: 0; left: 0;
z-index: 55;
display: none;
}

#menuAll{
background: url("../images/movie_bg.png") center;
background-size: 15px 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: 50%; left: 0;
transform: translateY(-50%);
z-index: 2;
}

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

#menu ul li {
width: 80%;
margin: 0 auto;
padding: 3px 0;
text-align: center;
max-width: 375px;
}

}