section.b_menu div.quick{position:absolute; right:0; top:-200px; width:33.3333333%; height:auto;}
section.b_menu div.quick div.menu{width:210px; height:60px; line-height:60px; padding-left:25px; color:#01a0c7; background:#fff; font-size:18px; letter-spacing:3px;}
section.b_menu div.quick div.menu a.menu-item1{background:#f551a7 url("../img/main/ic_qm01.png") center no-repeat;}
section.b_menu div.quick div.menu a.menu-item2{background:#f551a7 url("../img/main/ic_qm02.png") center no-repeat;}
section.b_menu div.quick div.menu a.menu-item3{background:#f551a7 url("../img/main/ic_qm03.png") center no-repeat;}
section.b_menu div.quick div.menu a.menu-item1 div{display:none; width:167px; height:50px; opacity:0;}
section.b_menu div.quick div.menu a.menu-item2 div{display:none; width:151px; height:50px; opacity:0;}
section.b_menu div.quick div.menu a.menu-item3 div{display:none; width:189px; height:50px; opacity:0;}
section.b_menu div.quick div.menu a.menu-item1:hover div{display:block; opacity:1; background:url("../img/main/ic_qm01_2.png") 0 0 no-repeat;}
section.b_menu div.quick div.menu a.menu-item2:hover div{display:block; opacity:1; background:url("../img/main/ic_qm02_2.png") 0 0 no-repeat;}
section.b_menu div.quick div.menu a.menu-item3:hover div{display:block; opacity:1; background:url("../img/main/ic_qm03_2.png") 0 0 no-repeat;}
section.b_menu .menu-open-button{position:absolute; top:2px; left:181px; background:#01a0c7; border-radius:100%; width:56px; height:56px; color:#fff; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform ease-out 200ms; transition:-webkit-transform ease-out 200ms; transition:transform ease-out 200ms; transition:transform ease-out 200ms, -webkit-transform ease-out 200ms; z-index:3; -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration:400ms; transition-duration:400ms; -webkit-transform:scale(1.1, 1.1) translate3d(0, 0, 0); transform:scale(1.1, 1.1) translate3d(0, 0, 0); cursor:pointer;}
section.b_menu .menu-open-button:hover{-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0); transform:scale(1.2, 1.2) translate3d(0, 0, 0);}
section.b_menu .menu-item{border-radius:100%; width:50px; height:50px; position:absolute; top:2px; left:181px; color:#fff; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition:transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
section.b_menu .menu-open{display:none;}
section.b_menu span.hamburger{width:15px; height:1px; background:#fff; display:block; position:absolute; top:50%; left:50%; margin-left:-8.5px; margin-top:-0.5px; -webkit-transition:-webkit-transform 200ms; transition:-webkit-transform 200ms; transition:transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
section.b_menu .hamburger-1{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
section.b_menu .hamburger-2{-webkit-transform:translate3d(0, 0, 0) rotate(90deg); transform:translate3d(0, 0, 0) rotate(90deg);}
section.b_menu .menu-open:checked + .menu-open-button .hamburger-1{-webkit-transform:translate3d(0, 0, 0) rotate(45deg); transform:translate3d(0, 0, 0) rotate(45deg);}
section.b_menu .menu-open:checked + .menu-open-button .hamburger-2{-webkit-transform:translate3d(0, 0, 0) rotate(-45deg); transform:translate3d(0, 0, 0) rotate(-45deg);}
section.b_menu .menu-open:checked ~ .menu-item{-webkit-transition-timing-function:cubic-bezier(0.935, 0, 0.34, 1.33); transition-timing-function:cubic-bezier(0.935, 0, 0.34, 1.33);}
section.b_menu .menu-open:checked ~ .menu-item:nth-child(3){-webkit-transition-duration:180ms; transition-duration:180ms; -webkit-transform:translate3d(2.9466px, -76.99997px, 0); transform:translate3d(2.9466px, -76.99997px, 0);}
section.b_menu .menu-open:checked ~ .menu-item:nth-child(4){-webkit-transition-duration:280ms; transition-duration:280ms; -webkit-transform:translate3d(78.9466px, 3.52414px, 0); transform:translate3d(78.9466px, 3.52414px, 0);}
section.b_menu .menu-open:checked ~ .menu-item:nth-child(5){-webkit-transition-duration:380ms; transition-duration:380ms; -webkit-transform:translate3d(2.9466px, 78.47586px, 0); transform:translate3d(2.9466px, 78.47586px, 0);}

@media all and (max-width:1024px){
	div.quick_menu{display:block; position:fixed; bottom:20px; right:20px; width:50px; height:50px; z-index:15;}
	div.quick_menu div.menu-icon{position:relative; width:50px; height:50px; border-radius:50%; background:#01a0c7; color:#fff; cursor:pointer; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.5);}
	div.quick_menu div.menu-icon{transition:transform 1s ease;}
	div.quick_menu div.menu-icon.active{transition:all .5s ease; transition-delay:.8s;}
	div.quick_menu div.menu-icon.active{transform:scale(.7, .7);}
	div.quick_menu a.menu-item{position:relative; display:block; border-radius:50%; width:50px; height:50px; transition:transform .5s ease, background .3s ease, color .3s ease; z-index:-5;}
	div.quick_menu a.one{transform:translate(0px, -50px); background:#f551a7 url("../img/main/ic_qm01.png") center no-repeat;}
	div.quick_menu a.two{transform:translate(0px, -100px); background:#f551a7 url("../img/main/ic_qm02.png") center no-repeat; transition-delay:.1s, 0s, 0s;}
	div.quick_menu a.three{transform:translate(0px, -150px); background:#f551a7 url("../img/main/ic_qm03.png") center no-repeat; transition-delay:.2s, 0s, 0s;}
	div.quick_menu a.menu-item.active{box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.5);}
	div.quick_menu a.menu-item span{display:none; position:absolute; top:0; right:60px; width:105px; height:50px; padding:15px 0; text-align:right; color:#fff; text-shadow:rgba(0, 0, 0, 0.5) 2px 2px 2px; letter-spacing:1px;}
	div.quick_menu a.one.active{transform:translate(0px, -110px);}
	div.quick_menu a.two.active{transform:translate(0px, -220px);}
	div.quick_menu a.three.active{transform:translate(0px, -330px);}
	div.quick_menu a.one.active span{display:inline-block;}
	div.quick_menu a.two.active span{display:inline-block;}
	div.quick_menu a.three.active span{display:inline-block;}
	div.quick_menu div.menu-icon span{display:block; width:50px; height:50px; line-height:50px; background:url("../img/main/quick_plus.png") center no-repeat; transition:all .2s ease-in-out;}
	div.quick_menu div.menu-icon span.close{background:url("../img/main/quick_plus2.png") center no-repeat;}
	div.mask{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:10;}
}