@charset "UTF-8";

html {
    /* 根元素設定為10px 一般browser標準為16px */
    font-size: 62.5%;
    height:100%;
    margin:0;
    overflow-x: hidden;
    overflow-y: hidden;     
}
body {
    font-family: 'Roboto', sans-serif, '微軟正黑體';
    font-weight: normal;
    /* body字型設定12px */
    font-size: 1.6rem;
    box-sizing: border-box;
    height:100%;    
    margin:0;
}
a,a:link,a:visited,a:active {
    color:white;
}
.img-sequence2{
    background: url("../img/TV-01.png") no-repeat;
    display: block;
    top:0;
    left:0;
    max-width:860px;
    height:860px;    
}
.img-sequence2 img{
    display:none;
    position:absolute;
    height:410px;    
    width:485px;
    top:218px;
    left:110px;
    border-radius: 30px;    
}

.img-sequence2 img:first-child{
    display:inline;
}



/* smart phone setting */


/*ipad*/

@media (max-width: 1024px) {
    body {
        background-image: none;
    }
}


/*other smart device*/

@media (max-width: 768px) {
.img-sequence2{
    background: url("../img/TV-02.png") 0 200px no-repeat;
    top:50px;
    max-width:350px;
    height:350px;    
}
.img-sequence2 img{
    display:none;
    position:absolute;
    height:170px;    
    width:204px;
    top:288px;
    left:42px;
    border-radius: 30px;    
}

}