.footMain{padding: 0px 20px; background-image: url(../images/img_01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.footMain .container{max-width: 1600px; padding: 0px; margin: 0px auto;}
.footMain .footClassBox{padding-top: 40px; display: none; justify-content: space-between;}
.footMain .footClassBox .footClass{display: flex; align-items: center;}
.footMain .footClassBox .footClass a{font-size: 16px; color: #fff; margin-right: 30px;}
.footMain .footClassBox .footClass a:last-child{margin-right: 0px;}
.footMain .footClassBox .linkShop{width: 61px; height: 61px; border: 2px solid rgba(255,255,255,0.3); border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.footMain .footClassBox .linkShop img{height: 27px; display: block;}

.footMain .footformMain{ justify-content: space-between;  margin-top: 0px; padding:35px 0px;}
.footMain .footformMain .footform{width: 100%;}
.footMain .footformMain .footform form{display: flex; flex-wrap: wrap; margin: 0px 0px;}
.footMain .footformMain .footform .list{width: 100%; padding: 0px 0px 10px;}
.footMain .footformMain .footform .list label{display: flex; align-items: center; border-radius: 10px; padding:8px 15px; position: relative; background: rgba(50,107,100,0.4); border: 1px solid rgba(74,217,207, 0.7);}
.footMain .footformMain .footform .list label input{width: 100%; font-size: 12px; background: none; border: none; color: #fff;}
.footMain .footformMain .footform .list label input::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label input:-moz-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label input::-moz-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label input:-ms-input-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label textarea{ width: 100%; height: 100px;font-size: 14px; color: #fff; background: none; border: none;}
.footMain .footformMain .footform .list label textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label textarea:-moz-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label textarea::-moz-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list label textarea:-ms-input-placeholder {color: rgba(255,255,255,0.5);}
.footMain .footformMain .footform .list.w100{width: 100%;}

.footMain .footformMain .footform .list label input:focus{border-color: none !important; box-shadow: none !important;}
.footMain .footformMain .footform .list label textarea:focus{border: none !important; box-shadow: none !important;}
.footMain .footformMain .footform .list label:focus-within{border-color:#4ad9cf !important;}
.footMain .footformMain .footform .list label img{position: absolute; right: 20px; top: 0px; bottom: 0px; margin: auto; height: 22px;}
.footMain .footformMain .footform .btn{width: 100%;display: flex; padding: 15px 5px 0px;}
.footMain .footformMain .footform .btn button{ width: 200px; height: 40px; font-size: 14px; border-radius: 40px; padding: 0px 20px; cursor: pointer; color: #ffffff; border: none; background: #00aea9; display: flex; align-items: center; justify-content: space-between;}

.footMain .footformMain .footContact{width: 100%; padding-top: 25px; display: none;}
.footMain .footformMain .footContact .list{padding-bottom:15px; display: flex;}
.footMain .footformMain .footContact .list .icon{width: 35px; height: 35px; position: relative; border-radius: 100%; border: 1px solid rgba(255,255,255,0.5);}
.footMain .footformMain .footContact .list .icon img{width: 100%; position: absolute; left: 0px; top: 0px;}
.footMain .footformMain .footContact .list .content{flex: 1; padding-left: 20px;}
.footMain .footformMain .footContact .list .content .listTitle{font-size: 14px; text-transform: uppercase; color: rgba(255,255,255,0.3);}
.footMain .footformMain .footContact .list .content .desc{margin-top: 3px; font-size: 14px; color: #fff; line-height: 1.2;}

.footMain .copyright{font-size: 14px; padding: 20px 0px; color: rgba(255,255,255,0.5); border-top: 1px solid rgba(31,89,87,0.8); text-align: center;}
.footMain .copyright a{color: rgba(255,255,255,0.5);}

@media (min-width:768px) {
    .footMain{min-height: 46.625vw; padding: 0vw 1.25vw;}
    .footMain .container{max-width: 100vw;}
    .footMain .footClassBox{padding-top: 2.5vw; display: flex;}
    .footMain .footClassBox .footClass a{font-size: 1vw; margin-right: 1.875vw;}
    .footMain .footClassBox .linkShop{width: 3.813vw; height: 3.813vw; border-radius: 1.25vw;}
    .footMain .footClassBox .linkShop img{height: 1.688vw;}

    .footMain .footformMain{display: flex;margin-top: 1.875vw; padding:3.75vw 0vw 5vw;border-top: 1px solid rgba(31,89,87,0.8);}
    .footMain .footformMain .footform{width: 46.563vw;}
    .footMain .footformMain .footform form{margin: 0vw -0.313vw;}
    .footMain .footformMain .footform .list{width: 50%; padding: 0vw 0.313vw 0.625vw;}
    .footMain .footformMain .footform .list label{border-radius: 1.375vw; padding:0.938vw 1.25vw; }
    .footMain .footformMain .footform .list label input{font-size: 0.875vw;}
    .footMain .footformMain .footform .list label textarea{height: 6.25vw;font-size: 0.875vw;}

    .footMain .footformMain .footform .list label img{right: 1.25vw; top: 0vw; bottom: 0vw;height: 1.375vw;}
    .footMain .footformMain .footform .btn{padding: 0.938vw 0.313vw 0vw;}
    .footMain .footformMain .footform .btn button{ width: 21.25vw; height: 2.813vw; font-size: 1vw; border-radius: 2.813vw; padding: 0vw 1.875vw;}

    .footMain .footformMain .footContact{width: 45vw; padding-top: 0.625vw; display: block;}
    .footMain .footformMain .footContact .list{padding-bottom: 1.875vw; align-items: center;}
    .footMain .footformMain .footContact .list .icon{width: 2.75vw; height: 2.75vw;}
    .footMain .footformMain .footContact .list .content{padding-left: 1.25vw;}
    .footMain .footformMain .footContact .list .content .listTitle{font-size: 1vw;}
    .footMain .footformMain .footContact .list .content .desc{margin-top: 0.188vw; font-size: 1.125vw;}

    .footMain .copyright{font-size: 1vw; padding: 2.813vw 0vw;}
}


@media (min-width:1260px) {
    .footMain{min-height: 38.854vw; padding: 0vw 1.042vw;}
    .footMain .container{max-width: 83.333vw;}
    .footMain .footClassBox{padding-top: 2.083vw; }
    .footMain .footClassBox .footClass a{font-size: 0.833vw; margin-right: 1.563vw;}
    .footMain .footClassBox .linkShop{width: 3.177vw; height: 3.177vw; border-radius: 1.042vw;}
    .footMain .footClassBox .linkShop img{height: 1.406vw;}

    .footMain .footformMain{margin-top: 1.563vw; padding:3.125vw 0vw 4.167vw;}
    .footMain .footformMain .footform{width: 38.802vw;}
    .footMain .footformMain .footform form{margin: 0vw -0.26vw;}
    .footMain .footformMain .footform .list{width: 50%; padding: 0vw 0.26vw 0.521vw;}
    .footMain .footformMain .footform .list label{border-radius: 1.146vw; padding:0.781vw 1.042vw; }
    .footMain .footformMain .footform .list label input{font-size: 0.729vw;}
    .footMain .footformMain .footform .list label textarea{height: 5.208vw;font-size: 0.729vw;}

    .footMain .footformMain .footform .list label img{right: 1.042vw; top: 0vw; bottom: 0vw;height: 1.146vw;}
    .footMain .footformMain .footform .btn{padding: 0.781vw 0.26vw 0vw;}
    .footMain .footformMain .footform .btn button{ width: 17.708vw; height: 2.344vw; font-size: 0.833vw; border-radius: 2.344vw; padding: 0vw 1.563vw;}

    .footMain .footformMain .footContact{width: 37.5vw; padding-top: 0.521vw;}
    .footMain .footformMain .footContact .list{padding-bottom: 1.563vw;}
    .footMain .footformMain .footContact .list .icon{width: 2.292vw; height: 2.292vw;}
    .footMain .footformMain .footContact .list .content{padding-left: 1.042vw;}
    .footMain .footformMain .footContact .list .content .listTitle{font-size: 0.833vw;}
    .footMain .footformMain .footContact .list .content .desc{margin-top: 0.156vw; font-size: 0.938vw;}

    .footMain .copyright{font-size: 0.833vw; padding: 2.344vw 0vw;}
}

@media (min-width:1921px) {
    .footMain{min-height: 746px; padding: 0px 20px;}
    .footMain .container{max-width: 1600px;}
    .footMain .footClassBox{padding-top: 40px; }
    .footMain .footClassBox .footClass a{font-size: 16px; margin-right: 30px;}
    .footMain .footClassBox .linkShop{width: 61px; height: 61px; border-radius: 20px;}
    .footMain .footClassBox .linkShop img{height: 27px;}

    .footMain .footformMain{margin-top: 30px; padding:60px 0px 80px;}
    .footMain .footformMain .footform{width: 745px;}
    .footMain .footformMain .footform form{margin: 0px -5px;}
    .footMain .footformMain .footform .list{width: 50%; padding: 0px 5px 10px;}
    .footMain .footformMain .footform .list label{border-radius: 22px; padding:15px 20px; }
    .footMain .footformMain .footform .list label input{font-size: 14px;}
    .footMain .footformMain .footform .list label textarea{height: 100px;font-size: 14px;}

    .footMain .footformMain .footform .list label img{right: 20px; top: 0px; bottom: 0px;height: 22px;}
    .footMain .footformMain .footform .btn{padding: 15px 5px 0px;}
    .footMain .footformMain .footform .btn button{ width: 340px; height: 45px; font-size: 16px; border-radius: 45px; padding: 0px 30px;}

    .footMain .footformMain .footContact{width: 720px; padding-top: 10px;}
    .footMain .footformMain .footContact .list{padding-bottom: 30px;}
    .footMain .footformMain .footContact .list .icon{width: 44px; height: 44px;}
    .footMain .footformMain .footContact .list .content{padding-left: 20px;}
    .footMain .footformMain .footContact .list .content .listTitle{font-size: 16px;}
    .footMain .footformMain .footContact .list .content .desc{margin-top: 3px; font-size: 18px;}

    .footMain .copyright{font-size: 16px; padding: 45px 0px;}

}