@charset "utf-8";
.support-chan-1002 {
    width: 100%;
    height: auto;
    position: relative;
    background: #f9f9f9;
}

.support-chan-1002 .col {
    width: 100%;
}

.support-chan-1002 .show-title {
    text-align: center;
}

.support-chan-1002 .show-title .subtitle {
    line-height: 1.5em;
}

.support-chan-1002 .show-content {
    padding: 0;
}

.support-chan-1002 .show-content .tabbox {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eeeeee;
}

.support-chan-1002 .show-content .tabbox .title {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-bottom: 0;
    cursor: pointer;
}

.support-chan-1002 .show-content .tabbox .title:hover {
    background: #f9f9f9;
}

.support-chan-1002 .show-content .tabbox .tin {
    background: #ffffff;
}

.support-chan-1002 .show-content .tabbox .content {
    width: 100%;
    height: auto;
    line-height: 1.5em;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-bottom: 0;
}

.support-chan-1002 .show-content .tabbox .cin {
    display: block;
}

@media screen and (min-width: 1024px) {
    .support-chan-1002 .show-content {
        padding: 0 100px;
    }
    .support-chan-1002 .show-content .tabbox .title {
        padding-left: 40px;
        padding-right: 40px;
    }
    .support-chan-1002 .show-content .tabbox .content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (min-width: 1240px) {
    .support-chan-1002 .show-content {
        padding: 0 200px;
    }
}