html, body {
                width:100%;
                height:100%;
                overflow: hidden;
            }
            a, img
            {
                border: 0;
            }
            ul li {
                list-style:none;
            }
            body
            {
                background-size: 100% 100%;
                background-image: url("/img/pc_di.jpg");
                background-repeat: no-repeat;
                font: 12px/180% Arial, Helvetica, sans-serif;
            }
            .logo{
                margin-top: 5.8%;
                margin-left: 38%;
            }

            .logo div{
                background: url('/img/pc_logo.png') no-repeat;
                background-size:300px;
            }

            .pic{
                margin-top: 68px;
                margin-left:8px;
            }
            /* roundabout */
            .roundabout-holder
            {
                width: 900px;
                height: 170px;
                /*width: 100%;*/
                /*height: 150px;*/
                margin: 0 auto;
            }

            .roundabout-moveable-item
            {
                width: 480px;
                height: 270px;
                /*width: 60%;
                height: 170px;*/
                cursor: pointer;
            }
            .roundabout-moveable-item img
            {
                width: 100%;
                height: 100%;
            }
            .roundabout-in-focus{
                border:8px solid rgb(201,155,80);
                border-radius: 13px;
            }
            #ios,#android{
                width:200px;
                height:60px;
            }
            #btn{
                margin-top:80px;
            }

            @media screen and (max-width: 450px) {
                body
                {
                    background-size: 100% 100%;
                    background-image: url("/img/wap_di.jpg");
                    background-repeat: no-repeat;
                    font: 12px/180% Arial, Helvetica, sans-serif;
                }
                .logo{
                    margin-top: 13.8%;
                    margin-left: 5%;
                }
                .logo div{
                    background: url('/img/wap_logo.png') no-repeat;
                    background-size:319px 88px;
                }
                .logo img{
                    width: 73%;
                    height: 90%;
                }
                .roundabout-holder
                {
                    width: 95%;
                    height: 140px;
                    margin: 0 auto;
                }
                .roundabout-moveable-item
                {
                    width: 65%;
                    height: 130px;
                    cursor: pointer;
                }
                .mg-top {
                    margin-top: 20px;
                }
                .pic{
                    margin-top: 17%;
                    margin-left:0px;
                }
                #btn{
                    margin-top:50px;
                }
                #ios,#android{
                    width:176px;
                    height:52px;
                }
            }

            @media screen and (max-height: 480px) {
                .roundabout-holder
                {
                    width: 95%;
                    height: 50px;
                    margin: 0 auto;
                }
                .roundabout-moveable-item
                {
                    width: 70%;
                    height: 90px;
                    cursor: pointer;
                }
                .logo{
                    margin-top: 10.8%;
                    margin-left: 5%;
                }
                .logo div{
                    background-size:219px 70px;
                }
                .pic{
                    margin-top: 13%;
                }
                #ios,#android{
                    width:130px;
                    height:40px;
                }
            }
            @media screen and (max-height: 568px) {
                #ios,#android{
                    width:132px;
                    height:39px;
                }
                .logo div{
                    background-size:271px 75px;
                }
                #btn{
                    margin-top:45px;
                }
                .roundabout-holder
                {
                    width: 300px;
                    height: 80px;
                    margin: 0 auto;
                }

                .roundabout-moveable-item
                {
                    width: 280px;
                    height: 130px;
                    cursor: pointer;
                }
                .roundabout-moveable-item img
                {
                    width: 100%;
                    height: 100%;
                }
                .roundabout-in-focus{
                    border:8px solid rgb(201,155,80);
                    border-radius: 13px;
                }
            }