@media (min-width: 481px) {


    #swiper-item .swiper-slide .popon {
        padding: 0 25px;
        padding-bottom: 40px;
        width: 290px;
        text-align: center;
        float: left;
        background: none;

    }

    #swiper-item .swiper-slide .popon.cur {
        padding: 0px;
        padding-bottom: 40px;
    }

    #swiper-item .swiper-slide .popon div {
        font-size: 16px;
        text-align: left;
        margin: 0;
        margin-top: 15px;
    }

    #swiper-item .swiper-slide .popon div p {
        margin: 5px 0;
        color: #0071e3;
    }

    #swiper-item .swiper-slide .popon div a {
        text-decoration: none;
    }

    #swiper-item .swiper-slide .popon div span {
        text-align: left;
        margin: 15px 0;
        color: #000;
        font-size: 14px;
        margin-right: 10px;
    }

    #swiper-item .swiper-slide .popon a img {
        position: relative;
        width: 290px;
        height: 171px;
        display: block;
    }

    #swiper-item .swiper-slide .popon a {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        position: relative;
    }

    #swiper-item .swiper-slide .popon div span a {
        color: #000;
        display: inline;
    }

    .tab1 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }

    #swiper-item {
       
        margin-bottom: 40px;
    }

    #swiper-item .swiper-slide {
        background-color: #faf9fc;

    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        z-index: 999;
        width: 20px;
        height: 32px;
    }

    .swiper-button-prev {
        left: -10%;
        transform: translateY(-50%);
        background: url('../img/prev.png') no-repeat;
        background-size: cover;
    }

    .swiper-button-next {
        right: -10%;
        transform: translateY(-50%);
        background: url('../img/next.png') no-repeat;
        background-size: cover;
        z-index: 99999999;
    }
    .swiper-container{
        background-color: #faf9fc;
    }

    #tabs {
        overflow: hidden;
        width: 100%;
        padding: 0;
        list-style: none;

    }

    #tabs li {
        float: left;
        margin: 0 .5em 0 0 !important;
        padding: 0 !important;
    }

    #tabs li a {
        position: relative;
        background-color: #f1eff5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1eff5));
        background-image: -webkit-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -moz-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -ms-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -o-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: linear-gradient(to bottom, #f1eff5, #f1eff5);
        padding: .7em 1.5em;
        float: left;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
        -moz-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;
        color: #656565;
    }

    #tabs li a.cur {
        background: #faf9fc;
        color: #0071e3;

    }

    #tabs li a:hover,
    #tabs li a:hover::after,
    #tabs li a:focus,
    #tabs li a:focus::after {
        background: #faf9fc;
        color: #0071e3;
        font-weight: bold;
        text-decoration: none;
    }

    #tabs li a:focus {
        outline: 0;
    }

    #tabs li a::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: -.5em;
        bottom: 0;
        width: 1em;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1eff5));
        background-image: -webkit-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -moz-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -ms-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -o-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: linear-gradient(to bottom, #f1eff5, #f1eff5);
        -moz-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -ms-transform: skew(10deg);
        -o-transform: skew(10deg);
        transform: skew(10deg);
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    #tabs li a.cur::after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf9fc));
        background-image: -webkit-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -moz-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -ms-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -o-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: linear-gradient(to bottom, #faf9fc, #faf9fc);
    }

    .foots {
        padding: 10px 50px !important;
        margin-bottom: 40px !important;
        background: #faf9fc;
    }

    .foots table {
        width: 100%;
        margin: 0 !important;
    }

    .foots table tr td {
        padding: 0 30px !important;
        border: none !important;
        vertical-align: middle !important;
    }

    .foots table tr td h3 {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        font-size: 20px !important;
        font-weight: normal;
        color: #000 !important;
    }

    .foots table tr td p {
        margin: 30px 0 !important;
        font-size: 14px;
        color: #000 !important;

    }

    .foots table tr td a {
        background: #0071e3;
        color: #fff !important;
        padding: 10px !important;
        border-radius: 8px;
        display: inline-block;
        width: 112px;
        height: 12px;
        line-height: 12px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        font-size: 14px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    #wrapper{
        width: auto !important;
        margin: 0 auto;
    }
    #swiper-item .swiper-slide .popon {
        padding: 0 25px;
        padding-bottom: 40px;
        width: 290px;
        text-align: center;
        float: left;
        background: none;

    }

   

    #swiper-item .swiper-slide .popon div {
        font-size: 16px;
        text-align: left;
        margin: 0;
        margin-top: 15px;
    }

    #swiper-item .swiper-slide .popon div p {
        margin: 5px 0;
        color: #0071e3;
    }

    #swiper-item .swiper-slide .popon div a {
        text-decoration: none;
    }

    #swiper-item .swiper-slide .popon div span {
        text-align: left;
        margin: 15px 0;
        color: #000;
        font-size: 14px;
        margin-right: 10px;
    }

    #swiper-item .swiper-slide .popon a img {
        position: relative;
        width: 290px;
        height: 171px;
        display: block;
    }

    #swiper-item .swiper-slide .popon a {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        position: relative;
    }

    #swiper-item .swiper-slide .popon div span a {
        color: #000;
        display: inline;
    }

    .tab1 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }

    #swiper-item {
        margin-bottom: 40px;
    }

    #swiper-item .swiper-slide {
        background-color: #faf9fc;

    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        z-index: 999;
        width: 20px;
        height: 32px;
        z-index: 999999999;
    }

    .swiper-button-prev {
        left: -10%;
        transform: translateY(-50%);
        background: url('../img/prev.png') no-repeat;
        background-size: cover;
    }

    .swiper-button-next {
        right: -10%;
        transform: translateY(-50%);
        background: url('../img/next.png') no-repeat;
        background-size: cover;
    }

    #tabs {
        overflow: hidden;
        
        padding: 0;
        list-style: none;
        padding: 0 20px;
    }

    #tabs li {
        height: 50px;
        margin: 0 .5em 0 0 !important;
        padding: 0 !important;
    }

    #tabs li a {
        width: 80%;
        position: relative;
        background-color: #f1eff5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1eff5));
        background-image: -webkit-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -moz-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -ms-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -o-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: linear-gradient(to bottom, #f1eff5, #f1eff5);
        padding: .7em 1.5em;
        float: left;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
        -moz-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;
        color: #656565;
    }

    #tabs li a.cur {
        background: #faf9fc;
        color: #0071e3;

    }

    #tabs li a:hover,
    #tabs li a:hover::after,
    #tabs li a:focus,
    #tabs li a:focus::after {
        background: #faf9fc;
        color: #0071e3;
        font-weight: bold;
        text-decoration: none;
    }

    #tabs li a:focus {
        outline: 0;
    }

    #tabs li a::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: -.5em;
        bottom: 0;
        width: 1em;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1eff5));
        background-image: -webkit-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -moz-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -ms-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: -o-linear-gradient(top, #f1eff5, #f1eff5);
        background-image: linear-gradient(to bottom, #f1eff5, #f1eff5);
        -moz-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        box-shadow: 2px 2px 2px rgba(255, 255, 255, .8);
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -ms-transform: skew(10deg);
        -o-transform: skew(10deg);
        transform: skew(10deg);
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    #tabs li a.cur::after {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf9fc));
        background-image: -webkit-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -moz-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -ms-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: -o-linear-gradient(top, #faf9fc, #faf9fc);
        background-image: linear-gradient(to bottom, #faf9fc, #faf9fc);
    }

    .foots {
        padding: 20px 0px !important;
        margin: 0 auto 0;
    
        background: #faf9fc;
    }

    .foots table {
        width: 100%;
        margin: 0 !important;
    }

    .foots table tr td {
        padding: 0 30px !important;
        border: none !important;
        vertical-align: middle !important;
        width: 50% !important;
    }

    .foots table tr td img {
        width: 100% !important;
    }

    .foots table tr td h3 {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        font-size: 20px !important;
        font-weight: normal;
        color: #000 !important;
    }

    .foots table tr td p {
        margin: 30px 0 !important;
        font-size: 14px;
        color: #000 !important;

    }

    .foots table tr td a {
        background: #0071e3;
        color: #fff !important;
        padding: 10px !important;
        border-radius: 8px;
        display: inline-block;
        width: 112px;
        height: 12px;
        line-height: 12px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        font-size: 14px;
    }

}