@media (max-width: 1300px) {
    .ConF, .area, .listT {
        width: 90%;
    }

    .video_height {
        height: 630px;
    }

    .searchText {
        width: 90%;
    }

    .search {
        /*margin-top: 20px;*/
    }

    .searchBtn {
        margin-top: -10px;
        top: 20px;
    }
}

@media (max-width: 1280px) {
    .video_height {
        height: 630px;
    }

    .info.phone, .info.account, .info.game {
        width: 100%;
    }

    .info.image {
        width: 100%;
    }

    .info.barcode {
        width: 100%
    }
}

@media (max-width: 1100px) {

    .video_height {
        height: 630px;
    }

    .form-inline .form-group.verify {
        width: 100%;
    }

    .verify-code-area {
        width: 100% !important;
    }

    .cerify-code-panel {
        width: 100%;
    }

    #mpanel2 {
        width: 100%;
    }

    .varify-input-code {
        width: 70%;
    }

}

@media (min-width: 1400px) {
    .middle {
        top: 40px;
        position: relative;
    }
}

@media (max-width: 1024px) {
    .video_height {
        height: 630px;
    }

    .container.carouselF {
        width: 100%;
        max-width: inherit;
        padding: 0;
    }

    .form-inline .form-group, .form-inline .form-group.half {
        width: 100%;
        margin: 5px 0;
    }

    .form-inline .form-control, .form-inline textarea.form-control {
        width: 100%
    }

    .form-inline {
        margin: 0;
    }

    .form-inline .form-group.m {

        margin-right: 10px;
    }

    select.form-control.half + input {
        display: none;
        margin: 10px 0;

    }

    .form-control.half {
        margin: 10px 0;
    }

    .form-control.addstyle {
        margin-top: 0 !important;
    }

}

@media (max-width: 1000px) {
    .ConF.video iframe {
        margin-bottom: 20px;
    }

    .video_height {
        height: 630px;
    }

    main.app {
        width: 100%;
    }

}

@media (max-width: 900px) {
    .form-inline .form-group.s {
        margin-right: 100%;
    }

    .video_height {
        height: 315px;
    }

    .video_height iframe {
        height: 315px;
        width: auto;
    }

    .form-inline .form-group.m {
        width: 31%;
    }
}

@media (max-width: 768px) {

    .topArea .toplink {
        display: none;
    }

    .toplink {
        top: 25px;
        margin-left: auto;
        margin-right: auto;
    }

    .toplink a {
        background: none;
        color: #000;
        height: 20px;
        line-height: 0;
        padding-left: 0;
    }

    .toplink a.link1 {
        background: none;
        border-right: 1px solid;
    }

    .toplink a.link2 {
        background: none;
        border-right: 1px solid;
    }
    .toplink a.link3 {
        background: red;
    }

    footer .float-right {
        display: none;
    }

    .linkBtm {
        padding-top: 5px;
    }

    .linkBtm .link {
        line-height: 25px;
    }

    .linkBtm .link li {
        font-size: 16px;
    }

    .linkBtm .link li a {
        padding: 0 10px;
        font-size: 16px;
    }

    .linkBtm .link li:first-of-type {
        display: block;
        width: 100%;
        padding-left: 5px;
    }

    .linkBtm .container {
        width: 100%;
        max-width: inherit;
        padding: 0 5px;
    }

    footer .container {
        width: 100%;
        max-width: inherit;
        padding: 0 10px;
    }

    .form-inline .form-group.m {
        width: 100%;
    }

    .form-inline .form-group.s {
        margin: 0;
    }

    .searchBtn {
        margin-top: -10px;
        margin-right: 10px;
    }

    .searchF {
        margin-left: 10px;
        width: calc(100% - 60px);
    }

}

@media (max-width: 568px) {
    .form-control-inline.other {
        width: 100%;
        padding: 0;
        display: block;
        padding: .375em 0;
    }

    .linkBtm .link li {
        font-size: 14px;
    }

    .linkBtm .link li a {
        padding: 0 5px;
        font-size: 14px;
    }

    .frame .content {
        display: none;
    }

    .title {
        background: none !important;
    }

    .title a {
        color: #333;
        font-size: 16px;
    }

    .col-lg-6 {
        width: 50%;
    }

    .row.video .col-lg-6 {
        display: none;
    }

    h2.videoT {
        padding: 0 30px;
        background-image: none;
        height: 80px;
        line-height: 80px;
        font-size: 25px;
        text-align: center;
        margin: 10px auto;
    }

    .ConF {
        padding-bottom: 50px;
        width: 100%;
    }

    .listT {
        width: 100%;
    }

    .row.video {
        background: none;
        margin-top: 0;
    }

    .linkBtm {
        height: auto;
        padding: 10px 0;
    }

    .articleCon h3 {
        font-size: 20px;
    }

    .articleCon h4 {
        font-size: 18px;
    }

    .mainArticle {
        padding-top: 20px;
    }

    .listT {

        padding: 10px 0;
    }

    .listT img {
        display: inline-block;
        position: static;
        width: 40px;
    }

    .listT p {
        display: inline-block;
        margin: 0;
        font-size: 25px;

    }

    .mainList {
        padding: 0;
    }

    .thx {
        font-size: 25px;
        text-align: left;
        width: 95%;
        margin: 0 auto 10px;
    }

    .statementList {
        line-height: 25px;
        font-size: 14px;
    }

    .red {
        font-size: 14px;
    }

    .btn.send {
        width: 95%;
    }

    .same {
        width: 100%;
        position: static;
        height: 40px;
        margin: 10px auto;
    }

    .half .addstyle {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .form-group.m select {
        margin-bottom: 20px;
    }

    .verF {

        margin-top: 0px;
    }

    .form-group.verify label {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .listT.white {
        text-align: left;
    }

    .marginTop {
        margin-top: 20px;
    }

    .btnArea .date {
        margin-bottom: 0;
    }

    .btnArea .btn a {
        display: inline-block;
        width: 40px;
    }

    .btnArea .date {
        line-height: 40px
    }

}

@media (min-width: 250px) {

    .unit select {
        min-width: 250px;
    }

}

.video_height {
    height: 630px;
}