@media (max-width: 769px) {
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 20%;left: 10%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 20px;}
   #main .banner .txt span:nth-child(2) {font-weight: bold;letter-spacing: 3px;}
   #main .navigation {padding: 0 40px 0 20px;background-color: #FFF;}
   #main .navigation .breadcrumb {padding-left: 0;margin-bottom: 0;background-color: #FFF;border-bottom: 1px solid rgba(100, 100, 100, .1);border-radius: 0;display: flex;align-items: center;}
   #main .navigation .breadcrumb li:nth-child(1) {margin-right: 8px;}
   #main .navigation .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: rgba(0, 0, 0, .7);padding: 0 5px;}
   #main .navigation .breadcrumb li a {color: #999;font-size: 13px;}
   #main .navigation .breadcrumb li a i {font-size: 17px;color: #000;}

   #main .content .contactInfo .contactInfoBox {background-color: #F9F9F9;padding: 40px 5% 30px;}
   #main .content .contactInfo .contactInfoBox .txt {font-size: 20px;font-weight: bold;color: #41210f;letter-spacing: 1px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo {margin-top: 30px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p {color: #41210f;font-size: 12px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p span {font-weight: bold;}
   #main .content .contactInfo .contactInfoBox .WorkingHoursTxt {color: rgba(65, 33, 15, .7);margin: 30px 0 4px;}
   #main .content .contactInfo .contactInfoBox .WorkingHours {color: rgba(65, 33, 15, .7);}
   #main .content .contactInfo #dituContent {height: 300px;}

   #main .content .feedbackBox {margin: 40px 5% 0;}
   #main .content .feedbackBox .feedbackTxt {font-size: 20px;text-align: center;color: #41210f;letter-spacing: 1px;font-weight: bold;}
   #main .content .feedbackBox .synopsis {font-size: 12px;text-align: center;color: rgba(65, 33, 15, .7);}
   #main .content .feedbackBox .feedbackForm {margin-top: 30px;text-align: center;}
   #main .content .feedbackBox .feedbackForm div {width: 100%;height: 50px;line-height: 50px;margin-bottom: 15px;background-color: #F9F9F9;border: 2px solid rgba(65, 33, 15, 0.1);display: flex;position: relative;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) {width: 100%;height: 220px;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) textarea {width: 70%;height: 220px;border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;resize:none}
   #main .content .feedbackBox .feedbackForm div .name {width: 30%;padding: 0 20px;color: #41210f;display: inline-block;text-align: center;position: relative;}
   #main .content .feedbackBox .feedbackForm div .must::before {content: "*";position: absolute;top: 2px;right: 10px;color: red;}
   #main .content .feedbackBox .feedbackForm div .name::after {content: "";width: 2px;height: 25px;background-color: #ece8e7;position: absolute;top: 10px;right: 0;}
   #main .content .feedbackBox .feedbackForm div .text {display: inline-block;width: 70%;padding-left: 20px;color: rgba(65, 33, 15, .6);}
   #main .content .feedbackBox .feedbackForm div .text .iconfont {float: right;margin-right: 20px;color: rgba(65, 33, 15, .4);}
   #main .content .feedbackBox .feedbackForm div ul {display: none;width: calc(100% + 4px);background-color: #F9F9F9;margin-top: -4px;border: 2px solid rgba(65, 33, 15, 0.1);position: absolute;top: 50px;left: -2px;z-index: 9;}
   #main .content .feedbackBox .feedbackForm div ul li {text-align: center;}
   #main .content .feedbackBox .feedbackForm div .on {display: block;}
   #main .content .feedbackBox .feedbackForm div input {width: 70%;border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;}
   #main .content .feedbackBox .feedbackForm div input::-webkit-input-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input::-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-ms-input-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div:nth-child(6) input {width: 40%;}
   #v_container{width: 30% !important;height: 46px !important;border: none !important;margin-bottom: 0 !important;position: absolute !important;right: 0;}
   #main .content .feedbackBox .feedbackForm .submit {width: 130px;height: 35px;line-height: 35px;display: block;margin: 30px auto 0;border: none;outline: none;border-radius: 35px;font-size: 12px;letter-spacing: 1px;color: #FFF;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;cursor: pointer;}
}

@media (min-width: 769px) and (max-width: 1100px) {
   body {background-color: #F9F9F9;}
   #main {margin-bottom: 60px;}
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 30%;left: 5%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 25px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}

   #main .content .contactInfo .contactInfoBox {width: 45%;background-color: #F9F9F9;padding-right: 5%;}
   #main .content .contactInfo .contactInfoBox .txt {width: 220px;font-size: 35px;color: #41210f;letter-spacing: 1px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo {margin-top: 150px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p {color: #41210f;font-size: 12px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p span {font-weight: bold;}
   #main .content .contactInfo .contactInfoBox .WorkingHoursTxt {color: rgba(65, 33, 15, .7);margin: 80px 0 4px;}
   #main .content .contactInfo .contactInfoBox .WorkingHours {color: rgba(65, 33, 15, .7);}
   #main .content .contactInfo #dituContent {height: 450px;}

   #main .content .contactInfo {display: flex;margin: 80px 5%;}
   #main .content .feedbackBox {margin: 40px 5% 0;}
   #main .content .feedbackBox .feedbackTxt {font-size: 35px;text-align: center;color: #41210f;letter-spacing: 1px;}
   #main .content .feedbackBox .synopsis {font-size: 15px;text-align: center;color: rgba(65, 33, 15, .7);}
   #main .content .feedbackBox .feedbackForm {margin-top: 30px;text-align: center;}
   #main .content .feedbackBox .feedbackForm form {display: flex;flex-wrap: wrap;justify-content: space-between;}
   #main .content .feedbackBox .feedbackForm div {width: 49%;height: 55px;line-height: 55px;margin-bottom: 25px;background-color: #F9F9F9;border: 2px solid rgba(65, 33, 15, 0.1);display: flex;position: relative;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) {width: 100%;height: 220px;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) textarea {border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;resize:none}
   #main .content .feedbackBox .feedbackForm div .name {width: 140px;padding: 0 20px;color: #41210f;display: inline-block;text-align: center;position: relative;}
   #main .content .feedbackBox .feedbackForm div .must::before {content: "*";position: absolute;top: 2px;right: 32px;color: red;}
   #main .content .feedbackBox .feedbackForm div .name::after {content: "";width: 2px;height: 25px;background-color: #ece8e7;position: absolute;top: 13px;right: 0;}
   #main .content .feedbackBox .feedbackForm div .text {display: inline-block;width: calc(100% - 140px);padding-left: 20px;color: rgba(65, 33, 15, .6);}
   #main .content .feedbackBox .feedbackForm .pullDown .text {text-align: left;}
   #main .content .feedbackBox .feedbackForm div .text .iconfont {float: right;margin-right: 20px;color: rgba(65, 33, 15, .4);}
   #main .content .feedbackBox .feedbackForm div ul {display: none;width: calc(100% + 4px);background-color: #F9F9F9;margin-top: -4px;border: 2px solid rgba(65, 33, 15, 0.1);position: absolute;top: 55px;left: -2px;z-index: 9;}
   #main .content .feedbackBox .feedbackForm div ul li {text-align: center;cursor: pointer;}
   #main .content .feedbackBox .feedbackForm div .on {display: block;}
   #main .content .feedbackBox .feedbackForm div input {width: 70%;border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;}
   #main .content .feedbackBox .feedbackForm div input::-webkit-input-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input::-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-ms-input-placeholder {color: rgba(65, 33, 15, .2);}
   #v_container{width: 180px !important;height: 52px !important;border: none !important;margin-bottom: 0 !important;position: absolute !important;right: 0;}
   #main .content .feedbackBox .feedbackForm .submit {width: 11.5vw;height: 3.5vw;line-height: 3.5vw;margin: 30px auto 0;border: none;outline: none;border-radius: 35px;font-size: 0.9vw;letter-spacing: 1px;color: #FFF;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;cursor: pointer;display: block;}
}

@media (min-width: 1100px) {
   body {background-color: #F9F9F9;}
   #main {margin-bottom: 60px;}
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 30%;left: 5%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 25px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}

   #main .content .contactInfo .contactInfoBox {width: 45%;background-color: #F9F9F9;padding-right: 5%;}
   #main .content .contactInfo .contactInfoBox .txt {width: 220px;font-size: 35px;color: #41210f;letter-spacing: 1px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo {margin-top: 150px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p {color: #41210f;font-size: 12px;}
   #main .content .contactInfo .contactInfoBox .detailedInfo p span {font-weight: bold;}
   #main .content .contactInfo .contactInfoBox .WorkingHoursTxt {color: rgba(65, 33, 15, .7);margin: 80px 0 4px;}
   #main .content .contactInfo .contactInfoBox .WorkingHours {color: rgba(65, 33, 15, .7);}
   #main .content .contactInfo #dituContent {height: 450px;}

   #main .content .contactInfo {display: flex;margin: 80px 5%;}
   #main .content .feedbackBox {margin: 40px 5% 0;}
   #main .content .feedbackBox .feedbackTxt {font-size: 35px;text-align: center;color: #41210f;letter-spacing: 1px;}
   #main .content .feedbackBox .synopsis {font-size: 15px;text-align: center;color: rgba(65, 33, 15, .7);}
   #main .content .feedbackBox .feedbackForm {margin-top: 30px;text-align: center;}
   #main .content .feedbackBox .feedbackForm form {display: flex;flex-wrap: wrap;justify-content: space-between;}
   #main .content .feedbackBox .feedbackForm div {width: 49%;height: 55px;line-height: 55px;margin-bottom: 25px;background-color: #F9F9F9;border: 2px solid rgba(65, 33, 15, 0.1);display: flex;position: relative;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) {width: 100%;height: 220px;}
   #main .content .feedbackBox .feedbackForm div:nth-child(5) textarea {width: 100%;border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;resize:none}
   #main .content .feedbackBox .feedbackForm div .name {width: 140px;padding: 0 20px;color: #41210f;display: inline-block;text-align: center;position: relative;}
   #main .content .feedbackBox .feedbackForm div .must::before {content: "*";position: absolute;top: 2px;right: 32px;color: red;}
   #main .content .feedbackBox .feedbackForm div .name::after {content: "";width: 2px;height: 25px;background-color: #ece8e7;position: absolute;top: 13px;right: 0;}
   #main .content .feedbackBox .feedbackForm div .text {display: inline-block;width: calc(100% - 140px);padding-left: 20px;color: rgba(65, 33, 15, .6);}
   #main .content .feedbackBox .feedbackForm .pullDown .text {text-align: left;}
   #main .content .feedbackBox .feedbackForm div .text .iconfont {float: right;margin-right: 20px;color: rgba(65, 33, 15, .4);}
   #main .content .feedbackBox .feedbackForm div ul {display: none;width: calc(100% + 4px);background-color: #F9F9F9;margin-top: -4px;border: 2px solid rgba(65, 33, 15, 0.1);position: absolute;top: 55px;left: -2px;z-index: 9;}
   #main .content .feedbackBox .feedbackForm div ul li {text-align: center;cursor: pointer;}
   #main .content .feedbackBox .feedbackForm div .on {display: block;}
   #main .content .feedbackBox .feedbackForm div input {width: 70%;border: none;outline: none;padding: 0 20px;background-color: #F9F9F9;}
   #main .content .feedbackBox .feedbackForm div input::-webkit-input-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input::-moz-placeholder {color: rgba(65, 33, 15, .2);}
   #main .content .feedbackBox .feedbackForm div input:-ms-input-placeholder {color: rgba(65, 33, 15, .2);}
   #v_container{width: 180px !important;height: 52px !important;border: none !important;margin-bottom: 0 !important;position: absolute !important;right: 0;}
   #main .content .feedbackBox .feedbackForm .submit {width: 11.5vw;height: 3.5vw;line-height: 3.5vw;margin: 30px auto 0;border: none;outline: none;border-radius: 35px;font-size: 0.9vw;letter-spacing: 1px;color: #FFF;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;cursor: pointer;display: block;}
   
}