@charset "utf-8";

.main{position: relative;background:#ebeeef url(../../images/mobile/main/bg_wrap.png) repeat-x left bottom;background-size:auto 504px; }
.main .wrap {min-width:320px; width:320px;min-height:550px; margin:0 auto;background:url(../../images/mobile/main/bg_main.png) no-repeat center bottom;background-size:100%; }
.main h1 {text-align:center; width:245px; padding-top:23px; margin:0 auto 20px;}
.main h1 img {width:100%;}

.m-info {margin-left:27px;margin-bottom: 15px;font-size:19px;color:#253746;font-weight:700;letter-spacing:-1px;}
.m-info li {padding:6px 0 6px 25px;}
.m-info li.apt {background:url(../../images/mobile/main/icon01.png) no-repeat left center;background-size:21px auto;}
.m-info li.floor {background:url(../../images/mobile/main/icon02.png) no-repeat 3px center;background-size:14px auto;}
.m-info li.user {color:#627a87;background:url(../../images/mobile/main/icon03.png) no-repeat left center;background-size:21px auto;}

.m-menu .menu-list{position: relative;width:268px;height:256px;margin:0px auto;}
.m-menu .menu-list li {position: absolute;width:76px; height:76px;border:1px solid #439538;border-radius:50%;background: #55c342; /* Old browsers */
background: -moz-linear-gradient(top,  #55c342 0%, #349c28 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55c342 0%,#349c28 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55c342 0%,#349c28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c342', endColorstr='#349c28',GradientType=0 ); /* IE6-9 */}
.m-menu .menu-list li a {display:block;padding-top:43px;color:#fff;font-size:13px; font-weight:700;text-align:center;text-shadow: 1px 1px #666;}
.m-menu .menu-list .menu1 {top:0; left:50%; margin-left:-38px;}
.m-menu .menu-list .menu2 {top:67px; left:0; }
.m-menu .menu-list .menu3 {top:67px; right:0}
.m-menu .menu-list .menu4 {bottom:0; left:37px;}
.m-menu .menu-list .menu5 {bottom:0; right:37px;}
.m-menu .menu-list .menu1 a{background:url(../../images/mobile/main/btn_icon01.png) no-repeat center 10px;background-size:27px auto;}
.m-menu .menu-list .menu2 a{background:url(../../images/mobile/main/btn_icon05.png) no-repeat center 11px;background-size:25px auto;}
.m-menu .menu-list .menu3 a{background:url(../../images/mobile/main/btn_icon02.png) no-repeat center 14px;background-size:24px auto;}
.m-menu .menu-list .menu4 a{background:url(../../images/mobile/main/btn_icon04.png) no-repeat center 11px;background-size:23px auto;}
.m-menu .menu-list .menu5 a{background:url(../../images/mobile/main/btn_icon03.png) no-repeat center 12px;background-size:24px auto;}

.dim{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);z-index: 1000;}
.app-down_layer{position:fixed;width:100%;padding: 0 15px;min-width:320px; max-width:640px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);margin:0 auto;background:none; border-radius:14px 14px 0 0 ;}
.app-down_layer img {width:100%;}
.app-down_layer .popup-footer {height:134px;padding:38px 0 25px;text-align:center;}
.app-down_layer .popup-footer .btn_appDown {display: block;width:286px;margin:0 auto 22px;height:62px; line-height:60px;text-align:left; padding-left:17px;border-radius:31px;letter-spacing:-1px;font-size:19px;color:#fff;background:#44af35 url(../../images/mobile/common/btn-app-down.png) no-repeat 93% 22px;background-size:20px auto;}
.app-down_layer .popup-footer .btn .web-view {border-bottom:1px solid #a1a1a1; padding:0 0 3px !important;color:#a1a1a1;font-size:13px;}