#home{margin:0 0 40px 0;}



#home .sectqr{margin:40px 0 0 0;}
#home .sectqr .grid{display:grid;grid-template-columns:3fr 1fr;gap:30px;}
#home .sectqr .grid .s{}
#home .sectqr .grid .s.s1{padding:40px 20px;background:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#home .sectqr .grid .s.s1 .qr{text-align:center;}
#home .sectqr .grid .s.s1 .qr .wrap{
    position:relative;z-index:1;display:inline-block;width:350px;aspect-ratio:1/1;
}
#home .sectqr .grid .s.s1 .qr .wrap img.back{
    position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:contain;/*transform:scale(1.4);*/
}
#home .sectqr .grid .s.s1 .qr .wrap #qrcode{
    position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;transform:scale(.76);
}
#home .sectqr .grid .s.s1 .qr .wrap img{
    position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;
}
#home .sectqr .grid .s.s1 .qr .wrap canvas{display:none;}
#home .sectqr .grid .s.s1 .urlbox{margin:10px 0 0 0;}
#home .sectqr .grid .s.s1 .urlbox .title{text-align:center;margin:0 0 4px 0;}
#home .sectqr .grid .s.s1 .urlbox .grid2{display:grid;grid-template-columns:auto 1fr;height:60px;line-height:60px;background:#000;border-radius:30px;overflow:hidden;}
#home .sectqr .grid .s.s1 .urlbox .grid2s{}
#home .sectqr .grid .s.s1 .urlbox .grid2s.s1{padding:0 25px;color:#fff;font-size:1.2rem;}
#home .sectqr .grid .s.s1 .urlbox .grid2s.s1 svg{width:18px;height:18px;object-fit:contain;fill:#fff;}
#home .sectqr .grid .s.s1 .urlbox .grid2s.s2{}
#home .sectqr .grid .s.s1 .urlbox .grid2s.s2 input{
    display:block;width:100%;height:60px;padding:0 0 0 15px;box-sizing:border-box;
    background:#4f7bbc;color:#fff;font-size:1.1rem;border:none;outline:none;border-radius:30px;
}
#home .sectqr .grid .s.s1 .urlbox .grid2s.s2 input::placeholder{color:#719cdb;}
#home .sectqr .grid .s.s1 .indir{margin:25px 0 0 0;text-align:right;}
#home .sectqr .grid .s.s1 .indir .grid3{position:relative;z-index:1;
    display:inline-grid;grid-template-columns:1fr auto 50px;height:60px;line-height:60px;
}
#home .sectqr .grid .s.s1 .indir .grid3s{background:#000;}
#home .sectqr .grid .s.s1 .indir .grid3s.s1{padding:0 35px 0 25px;color:#fff;font-size:1.2rem;border-radius:30px 0 0 30px;}
#home .sectqr .grid .s.s1 .indir .grid3s.s1 button{
    background:none;border:none;outline:none;
    display:inline-block;padding:5px 8px;
    background:#444;border:1px solid #666;border-radius:10px;
    font-size:0.9rem;color:#fff;cursor:pointer;transition:all 300ms;
}
#home .sectqr .grid .s.s1 .indir .grid3s.s1 button:hover{background:#eea900;}
#home .sectqr .grid .s.s1 .indir .grid3s.s1 button.selected{background-color:#4f7bbc;}
#home .sectqr .grid .s.s1 .indir .grid3s.s2{}
#home .sectqr .grid .s.s1 .indir .grid3s.s2 button{
    width:60px;height:60px;line-height:60px;padding:0;background-color:#4f7bbc;color:#fff;margin:0;box-sizing:border-box;
    font-size:1.2rem;cursor:pointer;
    transform:scale(1.4);border:2px solid #fff;border-radius:50%;
    transition:all 500ms;
}
#home .sectqr .grid .s.s1 .indir .grid3s.s2 button svg{width:20px;height:20px;object-fit:contain;fill:#fff;}
#home .sectqr .grid .s.s1 .indir .grid3s.s2 button:hover{background-color:#eea900;}
#home .sectqr .grid .s.s1 .indir .grid3s.s3{padding:0 25px;color:#fff;border-radius:0 30px 30px 0;}

#home .sectqr .grid .s.s2{align-self:center;}
#home .sectqr .grid .s.s2 .content{
    font-size:1.6rem;font-family: 'fonttip2_italic', Arial, sans-serif;letter-spacing:1px;
}


#qr{margin:50px 0 0 0;}
#qr{width:1000px;max-width:96%;margin:0 auto;}

#qr .sect1{margin:95px 0 0 0;}
#qr .sect1 .grid{display:grid;grid-template-columns:1fr auto;grid-gap:30px;align-items:center;}
#qr .sect1 .grid .s{}
#qr .sect1 .grid .s.s1{}

#qr .sect1 .grid .s.s2{}


@media only screen and (max-width:950px){
	#home .sectqr .grid{grid-template-columns:1fr;gap:30px;}
}
@media only screen and (max-width: 600px) {
    #home .sectqr .grid .s.s1 .qr .wrap{width:220px;}
    #home .sectqr .grid .s.s1 .indir{}
    #home .sectqr .grid .s.s1 .indir .grid3{position:relative;z-index:1;
        grid-template-columns:1fr auto 10px;height:50px;line-height:50px;
    }
    #home .sectqr .grid .s.s1 .indir .grid3s.s1{padding:0 20px 0 15px;font-size:1.1rem;}
    #home .sectqr .grid .s.s1 .indir .grid3s.s1 button{padding:4px 6px;}
    #home .sectqr .grid .s.s1 .indir .grid3s.s2{}
    #home .sectqr .grid .s.s1 .indir .grid3s.s2 button{
        width:50px;height:50px;line-height:50px;font-size:1.1rem;transform:scale(1.3);}
    #home .sectqr .grid .s.s1 .indir .grid3s.s3{padding:0 15px;}

    #home .sectqr .grid .s.s2 .content{font-size:1.3rem;}
    /*
    #qr .sect1{}
    #qr .sect1 .grid{grid-template-columns:1fr;grid-gap:25px;}
    #qr .sect1 .grid .s.s2{text-align:center;}
    #home .sectqr .grid .s.s1 .indir .grid3{
        display:inline-grid;width:220px;
    */
}



#home .sect40{margin:70px 0 0 0;}
#home .sect40 .content hr{border:1px solid #ddd;}
#home .sect40 .content b,
#home .sect40 .content strong{font-weight:normal;font-family:'fonttip1_semibold';}
#home .sect40 .content img{max-width:100%;height:auto!important;
    border-radius:15px;
    box-shadow: 0 0 5px 0px #aaa;
}
#home .sect40 .content p{padding:8px 0;}
#home .sect40 .content p:nth-of-type(1){padding-top:0;}
#home .sect40 .content table{border:none;max-width:100%!important;overflow:auto;}
#home .sect40 .content table tr{}
#home .sect40 .content table tr td{padding:4px 6px;border:1px solid #ddd;}
#home .sect40 .content h1{margin:0 0 8px 0;font-size:2.1rem;font-family:'fonttip2';}
#home .sect40 .content h2{margin:0 0 8px 0;font-size:1.9rem;font-family:'fonttip2';}
#home .sect40 .content h3{margin:0 0 8px 0;font-size:1.7rem;font-family:'fonttip2';}
#home .sect40 .content h4{margin:0 0 8px 0;font-size:1.5rem;font-family:'fonttip2';}
#home .sect40 .content h5{margin:0 0 8px 0;font-size:1.3rem;font-family:'fonttip2';}
#home .sect40 .content h6{margin:0 0 8px 0;font-size:1.1rem;font-family:'fonttip2';}
#home .sect40 .content h1 strong,
#home .sect40 .content h1 b,
#home .sect40 .content h2 strong,
#home .sect40 .content h2 b,
#home .sect40 .content h3 strong,
#home .sect40 .content h3 b,
#home .sect40 .content h4 strong,
#home .sect40 .content h4 b,
#home .sect40 .content h5 strong,
#home .sect40 .content h5 b,
#home .sect40 .content h6 strong,
#home .sect40 .content h6 b{
    font-weight:normal;font-family:'fonttip2';
}
#home .sect40 .content iframe{max-width: 100%;}
#home .sect40 .content:after{content:"";display:block;clear:both;}
@media only screen and (max-width: 900px){
    #home .sect40{margin:25px 0 0 0;}
}