section{overflow: hidden;position: relative;max-width: 1600px;margin: 0 auto;}
section img,.mobileSection img{display: block;width: 100%;}
section .group,.mobileSection .group{position: absolute;width: 100%;}
#mainWrite p,#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4{margin: 0;}
#mainWrite h1{font-variant:small-caps;font-size: 3.8rem;}
#mainWrite h2{font-size: 2.8rem;color: #000}
#mainWrite h3{font-size: 1.8rem;}
#mainWrite p{font-size: 1.2rem;}
@media(max-width:1300px){
    #mainWrite h1{font-size: 3.5rem;}
}
@media(max-width:1200px){
    #mainWrite h1{font-size: 3rem;}
    #mainWrite h2{font-size: 2.3rem;}
    #mainWrite p{font-size: 1rem;}
}
@media(max-width:999px){
    .content .w3-container{padding: 0;}
    #mainWrite h1{font-size: 4.3rem;}
    #mainWrite h2{font-size: 2.8rem;}
    #mainWrite p{font-size: 1.3rem;}
}
@media(max-width:750px){
    #mainWrite h1{font-size: 3.3rem;}
    #mainWrite h2{font-size: 2.5rem;}
}
@media(max-width:600px){
    #mainWrite h1{font-size: 2.8rem;}
    #mainWrite h2{font-size: 2rem;}
    #mainWrite p{font-size: 1rem;}
}
@media(max-width:450px){
    #mainWrite h1{font-size: 2.2rem;}
    #mainWrite h2{font-size: 1.5rem;}
    #mainWrite p{font-size: .8rem;}
}
.pchide{display: none}
.mhide{display: block}
@media(max-width:1000px){
    .pchide{display: block}
    .mhide{display: none}
}

#section1 .group{color: #fff;top: 8%;width: 90%;margin: 0 5%}
@media(max-width:1200px){
    #section1 .group{top: 3%;width: 95%;margin: 0 2.5%}
}
@media(max-width:999px){
    #section1 p{margin: -5% 0 5%;padding: 0 10%;font-size: 1.8rem;}
}
@media(max-width:750px){
    #section1 p{font-size: 1.3rem;padding: 0 5%;}
}
@media(max-width:600px){
    #section1 p{font-size: 1rem;}
}
#section2 .group{width: 100%;padding: 5% 15% 0}
@media(max-width:1400px){
    #section2 .group{padding: 3% 8% 0}
}
@media(max-width:999px){
    #section2 .group {padding: 10% 10% 0}
}
@media(max-width:750px){
    #section2 .group {padding: 5% 5% 0;font-size: 2.2rem;}
}
@media(max-width:600px){
    #section2 .group {padding: 5% 3% 0;font-size: 1.9rem;}
}
@media(max-width:450px){
    #section2 .group {padding: 3% 2.5% 0;font-size: 1.5rem;}
}
#section3{padding: 5% 0}
#section3 .w3-row .w3-half {width: 40%;margin: 0 5%; }
#section3 .w3-row .w3-half .mytitle {margin-top: 3%}
#section3 .w3-row .w3-half .mytitle h2{font-size: 2rem}
#section3 .w3-row .w3-half img{width: 80%;margin: 0 auto}
@media(max-width:1400px){
    #section3 .w3-row .w3-half {width: 46%;margin: 5% 2%}
}
@media(max-width:1250px){
    #section3 .w3-row .w3-half {width: 48%;margin: 5% 1%}
    #section3 .w3-row .w3-half img{width: 100%;}
    #section3 .w3-row .w3-half p{font-size: 1rem;}
}
@media(max-width:999px){
    #section3 .w3-row .w3-half img{width: 80%;}
    #section3 .w3-row .w3-half {width: 80%;margin: 5% 10%}
    #section3 .w3-row .w3-half p{font-size: 1.3rem;}
}
@media(max-width:600px){
    #section3 .w3-row .w3-half img{width: 100%;}
    #section3 .w3-row .w3-half {width: 90%;margin: 5% }
    #section3 .w3-row .w3-half .mytitle h2{font-size: 1.3rem;}
    #section3 .w3-row .w3-half p{font-size: 1rem;}
}
@media(max-width:450px){
    #section3 .w3-row .w3-half p{font-size: .8rem;}
}
#section4 .group{top: 8%;padding: 0 10%}
#section5 .mytitle{margin: 5% 0 6%}
#section5 .btnWrapper{margin: 5% 0}
#section5 .btnWrapper button{font-size: 1.3rem;color: #29698f!important; border: 1px solid #29698f!important;}
#section5 .btnWrapper button:hover{background-color: #29698f!important;color: #fff!important}
#section5>.w3-row {padding: 0 5%;margin: 5% 0;width: 100%;}
#section5 .w3-row .w3-col {width: 22%;margin: 0 1.5%;text-align: center}
#section5 .w3-row .w3-col .imgWrapper img{max-width: 185px;width: 80%;margin: 0 auto}
#section5 .w3-row .w3-col h3{ color: #29698f;font-size: 1.5rem;margin: 3% 0}
@media(max-width:1300px){
    #section5>.w3-row{padding: 0 3%}
    #section5 .w3-row .w3-col .w3-twothird h3{font-size: 1.3rem;padding-top:15%}
}
@media(max-width:1200px){
    #section5>.w3-row{padding: 0 1.5%}
    #section5 .w3-row .w3-col .w3-twothird h3{font-size: 1.1rem;padding-top:10%}
}
@media(max-width:999px){
    #section5 .w3-row {margin: 0;}
    #section5 .w3-row .w3-col{width: 80%;margin: 5% 10%}
    #section5 .w3-row .w3-col .w3-twothird h3{font-size: 1.8rem;padding-top:10%}
}
@media(max-width:650px){
    #section5>.w3-row>.w3-col{width: 90%;margin: 5%}
    #section5 .w3-row .w3-col .w3-third{width: 25%;margin: 0 2.5%}
    #section5 .w3-row .w3-col .w3-twothird{width: 65%;margin: 0 2.5%}
    #section5 .w3-row .w3-col .w3-twothird h3{font-size: 1.3rem;padding-top:8%}
}
@media(max-width:450px){
    #section5 .w3-row .w3-col .w3-twothird h3{font-size: 1rem;padding-left:0}
}
#section6 h2.group{top: 10%;}
#section7 h2{margin: 5% 0}
#section7 .w3-row{margin-bottom: .5%}
#section7 .w3-row .w3-col{width: 18%;margin: 0 1%;position: relative;overflow: hidden}
#section7 .w3-row .w3-col >p{font-size: 1rem;margin-top: 3%}
#section7 .w3-row .w3-col .box{overflow: hidden;position: relative;}
#section7 .w3-row .w3-col .mask{background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 70%;right: 0;z-index: 1;display: block;width: 100%;height: 100%;transition: .5s}
#section7 .w3-row .w3-col img{transition: .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
#section7 .w3-row .w3-col h3{color: #fff;text-align: center;font-size: 1.3rem;margin-top: 3%;transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);;transform-origin: center center;}
@media(max-width:1300px){
    #section7 .w3-row .w3-col h3{font-size: 1rem;}
}
@media(max-width:1200px){
    #section7 .w3-row .w3-col{width: 40%;margin: 3% 5%}
    #section7 .w3-row .w3-col h3{font-size: 1.5rem;margin-top: 5%}
    #section7 .w3-row .w3-col >p{font-size: 1.5rem}
}
@media(max-width:1100px){
    #section7 .w3-row .w3-col h3{font-size: 1.3rem;}
    #section7 .w3-row .w3-col >p{font-size: 1rem}
}
@media(max-width:999px){
    #section7 .w3-row .w3-col h3{margin-top: 2.5%}
    #section7 .w3-row .w3-col .mask{top: 75%;}
}
@media(max-width:800px){
    #section7 .w3-row .w3-col{width: 45%;margin: 3% 2.5%}
    #section7 .w3-row .w3-col h3{font-size: 1.2rem;}
}
@media(max-width:650px){
    #section7 .w3-row .w3-col .mask{top: 75%;}
    #section7 .w3-row .w3-col h3{font-size: 1rem;}
    #section7 .w3-row .w3-col >p{font-size: .8rem}
}
@media(max-width:480px){
    #section7 .w3-row .w3-col{width: 48%;margin: 3% 1%}
    #section7 .w3-row .w3-col h3{font-size: .9rem;}
}
@media(max-width:400px){
    #section7 .w3-row .w3-col{width: 80%;margin: 3% 10%}
    #section7 .w3-row .w3-col .mask{top: 75%;}
    #section7 .w3-row .w3-col h3{font-size: .9rem;}
}
@media(min-width:770px){
    #section7 .w3-row .w3-col:hover .mask{top: 0;background-color: rgba(0, 0, 0, 0.8)}
    #section7 .w3-row .w3-col:hover img{transform: scale(1.2)}
    #section7 .w3-row .w3-col:hover h3{;margin-top: 40%;}
}

#formContainer{margin: 5% auto;padding: 2% 0; z-index: 20;background-image: url(https://plustek.com/content/en/customized-scan-modules/securescan/myImages/interlaced.png)}
#formContainer .w3-modal-content{background-color: transparent}
#formContainer h2{color: #fc7d1f;font-size: 60px;text-align: center}
#formContainer h3{text-align: center;font-size: 20px;}
#form1{width: 100%;padding: 1% 5%;max-width: 1300px;}
#form1 p{margin: 2% 0}
#form1 img{width: auto;display: inline-block}
#form1 label{display: block}
#form1 p:nth-of-type(2) select{width: 100%;margin-bottom: 2%}
#form1 p:nth-of-type(2) input:nth-of-type(1){width: 10%;}
#form1 p:nth-of-type(2) input:nth-of-type(2){width: 88%;}
#form1 p:nth-of-type(4) input{width: auto}
#form1 textarea{width: 100%;height: 25%;resize: none}
#authimg,#img_retry{width: auto;}
#form1 #submit{margin: 2% 0;background-color: #ff943b;color: #fff}
.w3-input{display: inline-block}
@media(max-width:999px){
    #form1{margin-top: 10%}
    #form1 p:nth-of-type(2) input:nth-of-type(2){width: 80%;}
}
@media(max-width:700px){
    #form1{margin-top: 15%}
    #formContainer h2{font-size: 40px;}
    #formContainer h3{font-size: 15px;}
    #form1 p:nth-of-type(2) input:nth-of-type(1){width: 20%;}
    #form1 p:nth-of-type(2) input:nth-of-type(2){width: 70%;}
    #section5 .btnWrapper button{font-size: 1rem;}
}
@media(max-width:450px){
    #formContainer h2{font-size: 30px;}
    #formContainer{padding: 0 1%}
    #form1{padding: 1%;margin-top: 2%}
    #section5 .btnWrapper button{font-size: .9rem;}
}