@charset "utf-8";

@import url(font1.css);
@import url(font2.css);
@import url(font3.css);
@import url(font4.css);

html,body{
    width:100%;
    height:100%
}
body,div,ul,li,h1,p{
    margin:0;
    padding:0;
    word-wrap:break-word;
    word-break:break-word;
    -ms-word-break:break-word;
}

body{
    background-color:#fff;
    text-align:center}
img{
    border:0 none
}
ul,li{
    list-style:none
}
select{
    vertical-align:middle
}
a,a:hover{
    text-decoration:none
}
.wrap{
    position:relative;
    min-width:1280px;
    height:100%
}
.bg{
    position:relative;
    max-width:100%;
    min-width:1280px;
    height:100%;
    min-height:800px;
    background:url(aed_main.png) 50% 0;
    background-size:cover
}
.bg .sbg{
    position:absolute;
    top:50%;
    left:50%;
    width:890px;
    min-height:562px;
    margin:-313px 0 0 -440px;
    padding:0;
    text-align:center
}
.bg .sbg h1{
    display:inline-block;
    overflow:hidden;
    width:260px;
    height:260px;
    border-radius: 1em;
    background:url(RMSIcon_960.png) no-repeat;
    text-indent:-9999px
}
.bg .sbg p{
    margin:33px 0 46px;
    font-size:51px;
    line-height:74px;
    color:#fff;
    text-shadow:0 0 10px rgba(0,0,0,.2)
}
.bg .sbg .btn a{
    display:none;
    overflow:hidden;
    width:238px;
    height:74px;
    margin-right:8px;
    background:url(btnimg_300.png) no-repeat;
    text-indent:-9999px;zoom:1
}
.main .bg .sbg .btn a,.bg .sbg .btn a.on{
    display:inline-block
}
.bg .sbg .btn .btn_app{
    background-position:0 0
}
.bg .sbg .btn .btn_google{
    background-position:0 -84px
}
.bg_lang{
    position:absolute;
    top:30px;
    right:20px;
    z-index:20
}
.bg_lang .sbg_lang{
    text-align:right
}
.bg_lang .sbg_lang .slct_lang{
    display:inline-block;
    height:32px;
    padding:0 15px 0 17px;
    border:1px solid #fff;
    border:1px solid rgba(255,255,255,.67);
    font-size:14px;
    line-height:33px;
    color:#fff;
    text-align:left
}
.bg_lang .sbg_lang .slct_lang .lang{
    display:inline-block;
    min-width:142px;
    padding-right:5px
}
.bg_lang .sbg_lang .slct_lang .arrow{
    display:inline-block;
    width:15px;
    height:30px;
    background:url(btnimg_300.png) no-repeat -289px 13px;
    vertical-align:top
}
.bg_lang .sbg_lang .slct_lang.on .arrow{
    background-position:-255px 13px
}
.bg_lang .sbg_lang .slct_lang + .slct_langlist{
    display:none
}
.bg_lang .sbg_lang .slct_lang.on + .slct_langlist{
    display:block
}
.bg_lang .sbg_lang .slct_langlist{
    overflow:hidden;
    overflow-y:auto;
    position:relative;
    width:196px;
    max-height:290px;
    margin-top:9px;
    padding:17px 0 16px;
    background-color:#111312;
    text-align:left
}
.bg_lang .sbg_lang .slct_langlist ul{
    overflow:hidden;
    width:196px
}
.bg_lang .sbg_lang .slct_langlist li{
    display:block;
    width:196px
}
.bg_lang .sbg_lang .slct_langlist li a{
    display:block;
    padding:0 18px;
    font-size:14px;
    line-height:29px;
    color:rgb(102,102,102)
}
.no-touch .bg_lang .sbg_lang .slct_langlist li:hover a,.bg_lang .sbg_lang .slct_langlist li.on a{
    color:#fff
}
.bg_lang .slc_lang_mb{
    display:none
}


@media only screen and (min-device-pixel-ratio: 1.5) and (min-width :1280px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width :1280px),
only screen and (min-moz-device-pixel-ratio: 1.5) and (min-width :1280px),
only screen and (-o-min-device-pixel-ratio: 1.5) and (min-width :1280px){
	.bg .sbg h1{
        width:260px;
        height:260px;
        background:url(RMSIcon_960.png) no-repeat;
        background-size:263px 257px
    }
	.bg .sbg .btn a{
        background: url() no-repeat;
        background-size:239px 247px
    }
	
}

@media screen and (min-width: 720px) and (max-width:1279px){
.wrap{
    position:relative;
    min-width:100%
}
.bg{
    position:relative;
    max-width:100%;
    min-width:100%;
    min-height:680px;
    background:url(aed_main.png) 50% 0;
    background-size:cover
}

.bg .sbg .btn a{
    display:none;
    overflow:hidden;
    width:218px;
    height:66px;
    margin-right:8px;
    background:url(btnimg_960.png) no-repeat;
    text-indent:-9999px;
    zoom:1
}

.main .bg .sbg .btn a,.bg .sbg .btn a.on{
    display:inline-block
}
.bg .sbg .btn .btn_app{
    background-position:0 0
}
.bg .sbg .btn .btn_google{
    background-position:0 -84px
}
.bg .sbg{
    position:absolute;
    top:50%;
    left:50%;
    width:700px;
    min-height:474px;
    margin:-267px 0 0 -350px;
    padding:0;
    text-align:center
}
.bg .sbg h1{
    display:inline-block;
    overflow:hidden;
    width:260px;
    height:260px;
    border-radius: 1em;
    background:url(RMSIcon_960.png) no-repeat;
    text-indent:-9999px;
    
}
.bg .sbg p{
    margin:31px 0 38px;
    font-size:40px;
    line-height:60px;
    color:#fff;
    text-shadow:0 0 5px rgba(0,0,0,.14)
}

}

@media only screen and (min-device-pixel-ratio: 1.5) and (min-width: 720px) and (max-width:1279px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 720px) and (max-width:1279px),
only screen and (min-moz-device-pixel-ratio: 1.5) and (min-width: 720px) and (max-width:1279px),
only screen and (-o-min-device-pixel-ratio: 1.5) and (min-width: 720px) and (max-width:1279px){
	.bg .sbg h1{
        width:260px;
        height:260px;
        border-radius: 0.5em;
        background:url(RMSIcon_960.png) no-repeat;
        background-size:215px 211px
    }
	.bg .sbg .btn a{
        background:url(btnimg_960.png) no-repeat;
        background-size:218px 218px
    }
	
	.bg .sbg .btn .btn_google{
        background-position: 0 -76px;
    }
}

@media screen and (max-width: 719px){
html{
    font-family:Helvetica,AppleSDGothicNeo-Light,sans-serif
}
.wrap{
    position:relative;
    min-width:320px
}
body{
    overflow:hidden;
    overflow-y:auto;
    width:auto;
    min-width:320px
}
.bg{
    overflow:hidden;
    position:relative;
    max-width:100%;
    min-width:100%;
    height:100%;
    min-height:480px;
    background:url(aed_main_mobile.png) no-repeat 50% 0;
    background-size:cover
}
.bg .sbg{
    position:absolute;
    top:50%;
    left:50%;
    width:260px;
    min-height:300px;
    padding:0;
    margin:0;
    text-align:center;
    transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%)
}
.bg .sbg h1{
    display:inline-block;
    overflow:hidden;
    width:115px;
    height:113px;
    border-radius: 0.5em;
    background:url(RMSIcon_640.png) no-repeat;
    background-size:115px 113px;
    text-indent:-9999px
}
.bg .sbg p{
    margin:18px 0 26px;
    font-size:21px;
    line-height:29px;
    color:#fff;
    text-shadow:0 0 5px rgba(0,0,0,.14)
}
.bg .sbg .btn a{
    display:none;
    overflow:hidden;
    width:184px;
    height:48px;
    margin:0 auto 6px;
    background:url(btnimg_640.png) no-repeat;
    background-size:200px 200px;
    text-indent:-9999px;
    zoom:1
}

.main .bg .sbg .btn a,.bg .sbg .btn a.on{
    display:block
}
.bg .sbg .btn .btn_app{
    background-position:0 0
}
.bg .sbg .btn .btn_google{
    background-position:0 -55px
}
.bg_lang{
    position:relative;
    top:inherit;
    right:inherit;
    padding:20px 0 10px
}
.bg_lang .slc_lang_mb{
    display:block;
    padding:0 20px
}
.bg_lang .slc_lang_mb select{
    display:block;
    width:100%;
    height:40px;
    padding-left:15px;
    border:1px solid #dfdfdf;
    border-radius:0;
    -webkit-border-radius:0;
    background:url(bg_select.png) no-repeat 100% 16px;
    background-size:24px 6px;
    line-height:38px;
    color:#949494;
    -webkit-appearance:none
}
.bg_lang .sbg_lang .slct_lang{
    display:none
}
.bg_lang .sbg_lang .slct_langlist{
    display:none !important
}
}