﻿#titlePic{
    text-align:center;
    background-color:#cae3f5;
}
#languageBtn{
    text-align:center;
    background-color:#cae3f5;
    padding:5px 0 0;
}
    #languageBtn a{
        display:inline-block;
        padding:0 40px;
        line-height:2.2em;
        margin:0 20px;
        background-color:#019cdf;
        color:#fff;
        border-radius:5px;
        font-size:30px;
        box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
    }
    #languageBtn a:hover{
        opacity:0.85;
    }
    #languageBtn #downloadsBox{
        margin-top:20px;
        padding-bottom:30px;
        background-color:#e6e6e6;
    }
        #languageBtn #downloadsBox a{
            font-size:12px;
            padding:40px 15px 10px 15px;
            color:#feffc6;
            min-width:120px;
            margin-top:30px;
        }
        #languageBtn #downloadsBox a.iconPC{
            background:url('../images/icon_Windows.png') #444 50% 15px no-repeat;
        }
        #languageBtn #downloadsBox a.iconIOS{
            background:url('../images/icon_ios.png') #444 50% 15px no-repeat;
        }
        #languageBtn #downloadsBox a.iconGP{
            background:url('../images/icon_GooglePlay.png') #444 50% 15px no-repeat;
        }
            #languageBtn #downloadsBox a span.browser{
                display:block;
                font-size:15px;
                margin:5px 0;
                padding:5px 0;
                border-bottom:1px solid #888;
                color:#fff;
            }
#eyeBN{
    margin-top:25px;
}
    #eyeBN ul{
        margin:0;
        padding:0;
        list-style:none;
        text-align:center;
    }
        #eyeBN ul li{
            display:inline-block;
            width:24%;
            max-width:250px;
        }
            #eyeBN ul li a{
                display:inline-block;
                border:1px solid #eee;
            }
                #eyeBN ul li a:hover{
                    opacity:.85;
                }
#footer{
    padding:10px;
}

@media screen and (max-width:740px){
    #languageBtn #downloadsBox a{
        margin:30px 10px 0 10px;
    }
}
@media screen and (max-width:668px){
    #languageBtn #downloadsBox a{
        margin:30px 5px 0 5px;
    }
}
@media screen and (max-width:623px){
    #languageBtn #downloadsBox a{
        width:40%;
    }
}
@media screen and (max-width:410px){
    #languageBtn #downloadsBox a span.browser{
        font-size:14px;
    }
}
@media screen and (max-width:390px){
    #languageBtn #downloadsBox a{
        padding:40px 10px 10px 10px;
    }
}
@media screen and (max-width:368px){
    #languageBtn #downloadsBox a span.browser{
        font-size:13px;
    }
}
@media screen and (max-width:342px){
    #languageBtn #downloadsBox a{
        padding:40px 5px 10px 5px;
    }
    #languageBtn #downloadsBox a span.browser{
        font-size:12px;
    }
}

/* ipad 直式*/
@media screen and (max-device-width:768px) {
    #languageBtn a {
        font-size: 26px;
    }
}
/* iX 橫式*/
@media screen and (max-device-width:812px) and (max-device-height:375px){
    #languageBtn a{
        font-size:22px;
        padding:0 35px;
    }
}
/* S8 橫式*/
@media screen and (max-device-width:740px){
    #languageBtn a{
        font-size:20px;
        padding:0 30px;
    }
}
@media screen and (max-width:700px){
    #eyeBN{
        margin-top:0;
    }
        #eyeBN ul li{
            width:49%;
            margin-top:25px;
        }
}
/* S5 尺寸 橫式 */
@media screen and (max-device-width:640px){
    #languageBtn a{
        font-size:20px;
        padding:0 32px;
    }
}
@media screen and (max-width:600px){
    #languageBtn a{
        font-size:24px;
    }
}
/* i5 尺寸 橫式 */
@media screen and (max-device-width:568px){
    #languageBtn a{
        font-size:18px;
        padding:0 30px;
    }
}
@media screen and (max-width:414px){
    #languageBtn{
        margin-bottom:0px;
    }
    #languageBtn #downloadsBox a.iconPC,
    #languageBtn #downloadsBox a.iconIOS,
    #languageBtn #downloadsBox a.iconGP{
        background-size:13%;
        background-position-y:10px;
        padding:28px 15px 8px 15px;
    }
    #languageBtn #downloadsBox a.iconIOS,
    #languageBtn #downloadsBox a.iconGP{
        margin-top:15px;
    }
    #eyeBN ul li{
        margin-top:10px;
    }
    #footer{
        margin-top:10px;
        padding:15px 10px;
    }
        #footer p{
            margin:0;
        }
}
@media screen and (max-width:395px){
    #languageBtn a{
        font-size:16px;
        margin:0 10px;
    }
}
@media screen and (max-width:375px){
    #eyeBN ul li{
        width:48.5%;
    }
}