﻿#topBN{}
    #topBN img{}
#vaser01{        
    padding:90px 8%;
}
    #vaser01 h3.title{
        font-size:34px;
        font-weight:600;
        margin:0;
    }
        #vaser01 h3.title .en{
            font-size:17px;
            font-weight:500;
        }
    #vaser01 p.text{
        line-height:26px;
        margin:20px 0;
    }
    #vaser01 img.pic{
        display:block;
        margin:65px auto 0;
    }
#vaser02{
    height:737px;
    background: url('../images/vaser/vaser02_BG.png') 50% 50% no-repeat;
    position:relative;
    overflow:hidden;
}
    #vaser02 .content{
        background:rgba(0, 0, 0, 0.5);
        width:588px;
        position:absolute;right:15%;top:0;bottom:0;
    }
        #vaser02 .content ul{
            margin:0;padding:0;
            list-style:none;
            text-align:center;
            padding:14% 0;
        }
            #vaser02 .content ul li{
                padding:3.5% 17%;
            }
                #vaser02 .content ul li h4.title{
                    color:#fff;
                    font-size:34px;
                    font-weight:600;
                    margin:0 0 20px;
                }
                #vaser02 .content ul li p.text{
                    color:#fff;
                    font-size:18px;
                    line-height:25px;
                }
#vaser03{
    background:#fff;
    height:773px;
    position:relative;
    padding:90px 8%;
}
#vaser03::before{
    content:"";
    display:block;
    width:100%;height:100%;
    background:url('../images/vaser/vaser03_BG.png') right 0 no-repeat;
    position:absolute;right:-1%;top:0;bottom:0;
    z-index:1;
}
    #vaser03 h3.title{
        font-size:34px;
        font-weight:600;
        margin:0;
        position:relative;
        z-index:2;
    }
        #vaser03 h3.title span.en{
            font-size:17px;
            font-weight:500;
        }
    #vaser03 p.text{
        line-height:26px;
        position:relative;
        z-index:2;
    }
    #vaser03 h4.title{
        font-size:34px;
        font-weight:600;
        color:#ff6161;
        margin:55px 0 25px;
        border-bottom:0.8px solid #ff6161;
        padding-bottom:17px;
    }
        #vaser03 h4.title span.en{
            font-size:17px;
            font-weight:500;
        }
    #vaser03 h3.title,
    #vaser03 p.text{
        padding-right:50%;
    }
#vaser04{
    background:#c9c4be;
    height:777px;
    position:relative;
    padding:90px 8%;
}
#vaser04::before{
    content:"";
    display:block;
    width:100%;height:100%;
    background:url('../images/vaser/vaser04_BG.png') left 0  no-repeat;
    position:absolute;left:-1%;top:0;bottom:0;
    z-index:1;
}
    #vaser04 h4.title{
        font-size:34px;
        font-weight:600;
        color:#3a7dcd;
        margin:0 0 25px;
        border-bottom:0.8px solid #3a7dcd;
        padding-bottom:17px;
    }
        #vaser04 h4.title span.en{
            font-size:17px;
            font-weight:500;
        }
    #vaser04 h5.title{
        font-size:34px;
        font-weight:600;
        color:#575777;
        margin:60px 0 15px;
        position:relative;
        z-index:2;
    }
    #vaser04 p.text{
        line-height:26px;
        position:relative;
        z-index:2;
    }
    #vaser04 h4.title,
    #vaser04 h3.title,
    #vaser04 p.text4{
        padding-left:33%;
    }
    #vaser04 h5.title,
    #vaser04 p.text5{
        padding-left:38%;
    }
#vaser05{
    padding:9% 8%;
    background:url('../images/vaser/vaser05_BG.png') 50% 0 no-repeat;
    max-height:777px;
}
    #vaser05 h3.title{
        font-size:34px;
        font-weight:600;
        margin:0;
        text-align:center;
    }
    #vaser05 ul.list{
        margin:40px 0;
        padding:0;
        list-style:none;
        text-align:center;
        font-size:0;
    }
        #vaser05 ul.list li{
            padding:60px 0;
            background:#575777;
            font-size:28px;
            color:#fff;
            display:inline-block;
            width:32%;
            margin:0 5px;
        }
    #vaser05 p.text{
        line-height:26px;
        padding:0 1.5%;
    }
#vaser06{
    padding:15% 45% 20px 8%;
    background:url('../images/vaser/vaser06_BG.png') 50% 0 no-repeat;
    height:777px;
    position:relative;
}
#vaser06::before{
    content:"";
    display:block;
    width:100%;height:100%;
    background:url('../images/vaser/vaser06_dr.png') right bottom no-repeat;
    position:absolute;right:-1%;top:0;bottom:0;
    z-index:1;
}
    #vaser06 h3.title{
        font-size:34px;
        font-weight:600;
        margin:0;
    }
    #vaser06 p.text{        
        line-height:26px;
    }    
    #vaser06 img.mobileShow{
        display:none;
    }



@media screen and (max-width:1870px){
    #vaser04::before{
        left:-10%;
    }
}
@media screen and (max-width:1760px){
    #vaser03::before{
        right:-10%;
    }
}
@media screen and (max-width:1650px){
    #vaser06{
        padding-top:13%;
    }
    #vaser06::before{
        right:-5%;
    }
}
@media screen and (max-width:1565px){
    #vaser03::before{
        right:-18%;
    }
        #vaser03 h3.title,
        #vaser03 p.text.text4{
            padding-right:42%;
        }
    #vaser04::before{
        left:-18%;
    }
}
@media screen and (max-width:1450px){
    #vaser06{
        padding-right:48%;
    }
    #vaser06::before{
        right:-10%;
    }
}
@media screen and (max-width:1365px){
    #vaser03::before{
        right:-30%;
    }
        #vaser03 h4.title{
            margin-top:30px;
        }
    #vaser04::before{
        left:-25%;
    }
        #vaser03 p.text{
            padding-right:48%;
        }
        #vaser03 h3.title,
        #vaser03 p.text.text4{
            padding-right:35%;
        }
}
@media screen and (max-width:1320px){
    #vaser06::before{
        right:-15%;
    }
}
@media screen and (max-width:1230px){
    #vaser06::before{
        right:-20%;
    }
        #vaser06 h3.title{
            white-space:nowrap;
        }
        #vaser06 p.text2{padding-right:20px;}
}
@media screen and (max-width:1188px){
    #vaser01{
        padding:90px 6%;
    }
    #vaser03{
        padding:50px 6%;
    }
    #vaser03::before{
        right:-38%;
    }
        #vaser03 h3.title{
            padding-right:20%;
        }
        #vaser03 p.text{
            padding-right:46%;
        }
        #vaser03 p.text.text4{
            padding-right:33%;
        }
    #vaser04{
        padding:85px 6%;
    }
    #vaser04::before{
        left:-33%;
    }
    #vaser05{
        padding:90px 6% 80px;
    }
    #vaser06{
        padding-left:6%;
        padding-right:42%;
    }
    #vaser06::before{
        background-size:80%;
    }
}
@media screen and (max-width:1060px){
    #vaser03::before{
        right:-48%;
    }
        #vaser03 p.text{
            padding-right:42%;
        }
    #vaser04{
        padding:60px 6%;
    }
    #vaser04::before{
        left:-42%;
    }
}
@media screen and (max-width:950px){    
    #vaser02{
        background-position-x:45%;
    }
        #vaser02 .content{            
            left:0;right:0;
            margin:0 auto;
            background:rgba(0, 0, 0, 0.65);
        }
    #vaser03,
    #vaser04{
        padding:90px 6% 80px;
        height:auto;
    }
    #vaser03::before,    
    #vaser04::before{
        display:none;
    }
    #vaser03 h3.title,
    #vaser03 p.text,
    #vaser03 p.text.text4,
    #vaser04 h4.title, #vaser04 h3.title, #vaser04 p.text4,
    #vaser04 h5.title, #vaser04 p.text5{
        padding:0;
    }
    #vaser03 h4.title{
        margin-top:45px;
    }
    #vaser05 ul.list li{
        font-size:26px;
    }
}
@media screen and (max-width:870px){  
    #vaser05 ul.list li{
        width:32%;
        padding:40px 0;
        margin:0 0.5%;
    }
        #vaser05 ul.list li span.paragraph{
            display:block;
            margin-bottom:5px;
        }
}
@media screen and (max-width:800px){    
    #vaser06{
        padding:90px 6% 0;
        height:auto;
        background:url(../images/vaser/vaser06_BG.png) #fdfcf8 50% 0 no-repeat;
    }
    #vaser06::before{
        display:none;
    }
        #vaser06 h3.title{
            white-space:normal;
        }
        #vaser06 img.mobileShow{
            display:block;
            margin-top:10px;
        }
}
@media screen and (max-width:768px) {/*iPad*/
    #vaser01 h3.title,
    #vaser01 p.text,
    #vaser03 h3.title,
    #vaser03 p.text,
    #vaser03 h4.title,
    #vaser03 p.text.text4,
    #vaser04 h4.title,
    #vaser04 h3.title, #vaser04 p.text4,
    #vaser04 h5.title, #vaser04 p.text5,
    #vaser06 h3.title,
    #vaser06 p.text{
        padding-left:5px;
    }
}
@media screen and (max-width:550px){
    #vaser05{
        max-height:none;
    }
    #vaser05 ul.list li{
        width:100%;
        margin:5px 0;
    }
        #vaser05 ul.list li span.paragraph{
            display:inline-block;
            margin-bottom:0;
        }
    #vaser05 p.text{
        padding:0;
    }
}
@media screen and (max-width:660px){    
    #vaser02{
        background-position-x:40%;
    }
}
@media screen and (max-width:610px){    
    #vaser02 .content{
        width:100%;
        background:rgba(0, 0, 0, 0.7);
    }
        #vaser02 .content ul li{
            padding:4.5% 10%;
        }
}
@media screen and (max-width:510px){
    #vaser02{
        background-position-x:36%;
    }
    #vaser02 .content{
        width:100%;
    }
        #vaser02 .content ul li{
            padding:4.5% 10%;
        }
}
@media screen and (max-width:420px){
    #vaser01,
    #vaser03,
    #vaser04{
        padding:60px 6% 50px;
    }
    #vaser01 img.pic{
        max-width:122%;
        margin-left:-18%;
    }
    #vaser02 .content ul li{
        padding:4.5% 6%;
    }
    #vaser03 h3.title span.en{
        white-space:nowrap;
    }
}