.x_menubar{position:fixed;z-index:999;top:-50px;left:-100px;display:block;float:left;width:725px;height:650px;margin-top:70px;margin-left:-180px;transition:all 1s ease}.x_menubar .menuLable{padding:20px 0px 12px 12px;width:239px;height:103px;position:absolute;margin:240px 0 0 542px;transform:rotate(90deg);z-index:1;text-align:center;border-top-left-radius:50%;border-top-right-radius:50%;background-color:#69dca161;border:5px solid green;box-shadow:3px -4px 20px black}.x_menubar .menuLable img{position:absolute;margin:-90px 0px 0 -77px}.x_menubar .menuLable span{color:white;font-size:40px;text-shadow:3px 1px 5px black;letter-spacing:10px}.x_menubar ul li{width:80px;height:80px;position:relative;cursor:pointer}.x_menubar ul li:hover{opacity:.6;border:2px solid #88ffc2}.x_menubar ul li span{padding:0 5px 0 5px;width:108px;color:white;border-radius:7px;background-color:#509550}.x_menubar ul li:nth-child(1){display:block;margin:-16px 0 0 243px;padding:0px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m1.jpg");background-position:center;box-shadow:inset 8px 1px 20px 0 #1b3409}.x_menubar ul li:nth-child(1) span{font-family:'Kanit', sans-serif;position:absolute;margin:1px 0 0 82px}.x_menubar ul li:nth-child(2){display:block;float:left;margin:-38px 0 0 335px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m2.jpg");background-position:center;box-shadow:inset 4px 5px 17px #1b3409}.x_menubar ul li:nth-child(2) span{font-family:'Kanit', sans-serif;position:absolute;margin:3px 0 0 82px}.x_menubar ul li:nth-child(2) ul{position:absolute}.x_menubar ul li:nth-child(2) ul li{position:absolute}.x_menubar ul li:nth-child(2) ul li span{position:absolute}.x_menubar ul li:nth-child(3){display:block;float:left;margin:-13px 0 0 406px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m3.jpg");background-position:center;box-shadow:inset 1px 8px 13px #1b3409}.x_menubar ul li:nth-child(3) span{font-family:'Kanit', sans-serif;position:absolute;margin:7px 0 0 85px}.x_menubar ul li:nth-child(4){display:block;float:left;margin:10px 0 0 433px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m4.jpg");background-position:center;box-shadow:inset 1px 10px 20px #1b3409}.x_menubar ul li:nth-child(4) span{position:absolute;margin:2px 0 0 85px}.x_menubar ul li:nth-child(5){display:block;float:left;margin:14px 0 0 444px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m5.jpg");background-position:center;box-shadow:inset -6px 6px 18px #1b3409}.x_menubar ul li:nth-child(5) span{font-family:'Kanit', sans-serif;position:absolute;margin:-1px 0 0 85px}.x_menubar ul li:nth-child(6){display:block;float:left;margin:9px 0 0 406px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m6.jpg");background-position:center;box-shadow:inset -4px -5px 18px #1b3409}.x_menubar ul li:nth-child(6) span{position:absolute;margin:4px 0 0 83px}.x_menubar ul li:nth-child(7){display:block;float:left;margin:77px 0 0 -160px;list-style:none;transition:all .5s ease;transition:all .5s ease;border-radius:50%;background-image:url("../img/m7.jpg");background-position:center;box-shadow:inset -1px -9px 19px #1b3409}.x_menubar ul li:nth-child(7) span{font-family:'Kanit', sans-serif;position:absolute;margin:24px 0 0 86px}.x_menubar ul a:nth-child(8) li:nth-child(1){display:block;float:left;margin:92px 0 0 -331px;margin:123px 0 0 -250px;list-style:none;transition:all .5s ease;border-radius:50%;background-image:url("../img/m8.jpg");background-position:center;box-shadow:inset 7px -8px 20px #1b3409}.x_menubar ul a:nth-child(8) li:nth-child(1) span{font-family:'Kanit', sans-serif;position:absolute;margin:52px 0 0 84px}.x_menubar ul li:nth-child(9){z-index:999;display:block;float:left;width:10px;height:10px;margin:-570px 0 0 0;padding:30px;list-style:none;transition:all .5s ease;border:0 solid #1b3409;border-radius:50%;background-image:url(../img/m8.jpg);background-position:center;box-shadow:inset 7px -8px 20px #1b3409}.x_menubar ul li:nth-child(9) a{text-decoration:none;color:red}.x_menubar ul li:nth-child(9) a:nth-child(2){text-decoration:none;color:pink}.x_menubar ul li:nth-child(9) a:hover{color:green}.x_menubar a{color:black}.x_padding{padding:0 180px 0 0;border-top-right-radius:0}.x_click_close{position:absolute;display:block;width:100px;height:100px;margin:-50px 0 0 600px}.x_menubar_close{margin-left:-582px}.x_sub_menubar1{position:fixed;z-index:999;display:block;width:370px;height:autopx;margin:-70px 0 0 420px;transition:all 1s ease;opacity:1;border-left:8px solid #444141e0}.x_sub_menubar1 ul{list-style:none}.x_sub_menubar1 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar1 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar1 ul span{font-family:'Kanit', sans-serif;position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar1 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/mb1.jpg)}.x_sub_menubar1 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/mb2.jpg)}.x_sub_menubar1 ul a:nth-child(2) li:nth-child(1) span{font-family:'Kanit', sans-serif;position:absolute;margin:18px 0 0 70px}.x_sub_menubar1 ul a:nth-child(3) li:nth-child(1){background-image:url(../img/mb3.jpg)}.x_sub_menubar1 ul a:nth-child(4) li:nth-child(1){background-image:url(../img/mb4.jpg)}.x_sub_menubar1 ul a:nth-child(5) li:nth-child(1){background-image:url(../img/mb5.jpg)}.x_sub_menubar1 ul a:nth-child(6) li:nth-child(1){background-image:url(../img/mb6.jpg)}.x_sub_menubar1 ul a:nth-child(7) li:nth-child(1){background-image:url(../img/mb7.jpg)}.x_sub_menubar2{position:fixed;z-index:999;display:block;width:500px;width:370px;height:autopx;margin:-35px 0 0 420px;border-left:8px solid #444141e0}.x_sub_menubar2 ul{list-style:none}.x_sub_menubar2 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar2 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar2 ul span{position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar2 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/mc1.jpg)}.x_sub_menubar2 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/mc2.jpg)}.x_sub_menubar2 ul a:nth-child(2) li:nth-child(1) span{position:absolute;margin:18px 0 0 70px}.x_sub_menubar2 ul a:nth-child(3) li:nth-child(1){background-image:url(../img/mc3.jpg)}.x_sub_menubar2 ul a:nth-child(4) li:nth-child(1){background-image:url(../img/mc4.jpg)}.x_sub_menubar2 ul a:nth-child(5) li:nth-child(1){background-image:url(../img/mc5.jpg)}.x_sub_menubar2 ul a:nth-child(6) li:nth-child(1){background-image:url(../img/mc6.jpg)}.x_sub_menubar2 ul a:nth-child(7) li:nth-child(1){background-image:url(../img/mc7.jpg)}.x_sub_menubar2 ul a:nth-child(8) li:nth-child(1){background-image:url(../img/mc8.jpg)}.x_sub_menubar3{position:fixed;z-index:999;display:block;width:500px;width:370px;margin:86px 0 0 420px;border-left:8px solid #444141e0;heigth:auto}.x_sub_menubar3 ul{list-style:none}.x_sub_menubar3 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar3 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar3 ul span{font-family:'Kanit', sans-serif;position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar3 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/md1.jpg)}.x_sub_menubar3 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/md2.jpg)}.x_sub_menubar3 ul a:nth-child(2) li:nth-child(1) span{position:absolute;margin:18px 0 0 70px}.x_sub_menubar4{position:fixed;z-index:999;display:block;width:500px;width:370px;height:autopx;margin:148px 0 0 420px;border-left:8px solid #444141e0}.x_sub_menubar4 ul{list-style:none}.x_sub_menubar4 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar4 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar4 ul span{font-family:'Kanit', sans-serif;position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar4 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/me1.jpg)}.x_sub_menubar4 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/me2.jpg)}.x_sub_menubar4 ul a:nth-child(2) li:nth-child(1) span{font-family:'Kanit', sans-serif;position:absolute;margin:18px 0 0 70px}.x_sub_menubar4 ul a:nth-child(3) li:nth-child(1){background-image:url(../img/me3.jpg)}.x_sub_menubar4 ul a:nth-child(4) li:nth-child(1){background-image:url(../img/me4.jpg)}.x_sub_menubar4 ul a:nth-child(5) li:nth-child(1){background-image:url(../img/me5.jpg)}.x_sub_menubar5{position:fixed;z-index:999;display:block;width:500px;width:370px;height:autopx;margin:215px 0 0 420px;border-left:8px solid #444141e0}.x_sub_menubar5 ul{list-style:none}.x_sub_menubar5 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar5 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar5 ul span{font-family:'Kanit', sans-serif;position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar5 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/mf1.jpg)}.x_sub_menubar5 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/mf2.jpg)}.x_sub_menubar5 ul a:nth-child(2) li:nth-child(1) span{position:absolute;margin:18px 0 0 70px}.x_sub_menubar5 ul a:nth-child(3) li:nth-child(1){background-image:url(../img/mf3.jpg)}.x_sub_menubar5 ul a:nth-child(4) li:nth-child(1){background-image:url(../img/md3.jpg)}.x_sub_menubar6{position:fixed;z-index:999;display:block;width:500px;width:370px;height:autopx;margin:280px 0 0 420px;border-left:8px solid #444141e0}.x_sub_menubar6 ul{list-style:none}.x_sub_menubar6 ul li{width:60px;height:60px;margin:6px 0 0 -30px;cursor:pointer;transition:all 1s ease;border-radius:50%;background-position:center;box-shadow:2px 2px #305a30}.x_sub_menubar6 ul li:hover{-webkit-transform:translate(0px, -10px);-ms-transform:translate(0px, -10px);transform:translate(0px, -10px);opacity:.6}.x_sub_menubar6 ul span{font-family:'Kanit', sans-serif;position:absolute;width:220px;margin:18px 0 0 70px;padding:0 10px 0 10px;color:white;border-radius:6px;background-color:#4caf50}.x_sub_menubar6 ul a:nth-child(1) li:nth-child(1){background-image:url(../img/mg1.jpg)}.x_sub_menubar6 ul a:nth-child(2) li:nth-child(1){background-image:url(../img/mg2.jpg)}.x_sub_menubar6 ul a:nth-child(2) li:nth-child(1) span{font-family:'Kanit', sans-serif;position:absolute;margin:18px 0 0 70px}.x_sub_menubar6 ul a:nth-child(3) li:nth-child(1){background-image:url(../img/mg3.jpg)}.popup_menu{position:fixed;top:306px;left:24px;color:#3f3}.sub_close{display:none}.over_menu{position:fixed;z-index:998;width:100%;height:1024px;transition:all 1s ease;opacity:.7;background-color:#010200}.opaci{z-index:-1;opacity:0}@media screen and (max-width: 800px){.x_menubar{display:none}}
/*# sourceMappingURL=x_menubar.css.map */