@media screen and (max-width: 989px) {
  /*台新天地*/
  body {
    padding-top: 60px;
  }
  .bg-header {
    width: 100%;
    height: 60px;
  }
  .navbar {
    margin-top: -60px;
  }
  .ts-logo {
    width: 131px;
  }
  .bg-md-black {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .pt-1 {}
  /*內容*/
  .btn-side {
    width: 100%;
    height: 60px;
    text-align: center;
    border-radius: 0px;
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .btn-side span {
    line-height: 40px;
  }
  .w990 {
width: 100%;
margin: 0 auto;
background-color: red;
}
.eventbox {
width: 95%;
   margin: 20px 2.5%;
height: auto;
    display: inline-block;


}
.eventbox img {
width: 100%;
}

}

@media screen and (max-width: 739px) {
    body {
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .w1000 {
        width: 100%;
        margin: 0 auto;
    }
    /*kv*/
    .kv {
        display: none;
    }

    .mkv {
        display: block;
        z-index: 50;
        position: relative;
        width: 100%;
        height: inherit;
    }

    /*content*/
    .yellow_bg {
        margin-top: -5px;
    }

    .title_style {
        font-size: 19px;
        padding: 30px 0;
    }

    .title_style.dotline {
        padding-top: 40px;
        margin-top: 40px;
    }

    .pointarea {
        padding: 10px 3%;
        width: 96%;
    }

    .pointarea li {
        width: 40%;
        margin: 0 5% 3%;
    }

    .pointarea li h2 {
        font-size: 17px;
        margin: 2px 0 0;
    }

    .pointarea li p {
        font-size: 14px;
    }

    .pointarea li p span {
        font-size: 12px;
    }

    .wood_bg_giftbox:before {
        width: 70%;
        height: 70%;
        left: -50px;
        top: -115px;
        content: '';
        background-size: 50% !important;
    }

    .wood_bg_giftbox:after {
        width: 70%;
        height: 70%;
        right: -200px;
        bottom: -400px;
        content: '';
        background-size: 50% !important;
    }

    /*公用事業代繳頁簽*/
    .nav-tabs {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .nav-tabs .tab_btn {
        width: 100%;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-right: 0.5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .nav-tabs .tab_btn:last-child {
        margin-right: 0 !important;
        float: right;
    }

    /*頁簽內容*/
    .abgne_tab {
        margin: 0 5%;
        width: 90%;
    }

    .tab-content {
        margin: 0 0 30px 0;
    }

    .col33 {
        width: 100%;
        padding: 0;
    }

    .col50 {
        width: 100%;
    }

    .col66 {
        width: 100%;
        padding: 0;
    }

    .col100 {
        width: 100%;
        padding: 0;
    }

    .m40 {
        margin-bottom: 30px;
    }

    .m20 {
        margin-bottom: 20px;
    }

    .box1 p {
        width: 50%;
        float: left;
    }
.box2 {
margin: 10px auto;
}
    .box2 p {
        width: 50%;
        float: left;
    }

    .box3 p {
        width: 100%;
        float: left;
    }

    .txtlink {
        color: #e8736a;
        text-decoration: none;
    }

    .txtlink:hover {
        text-decoration: underline;
    }

    .tab_container_wrap {
        padding: 8% 5%;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tab_container_wrap.active {
    }

    .tab_container_wrap h3 {
        font-size: 19px;
        color: #6292ba;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .tab_container_wrap h3 i {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: bottom;
    }

    .tab_container_wrap .column {
        text-align: center;
    }

    .tab_container_wrap .column p {
        padding: 8px 0;
        font-size: 14px;
    }

    .tab_container_wrap .title_style {
        font-size: 19px;
    }

    .mainbtn {
        background: #e8736a;
        color: #FFF;
        font-size: 16px;
        display: inline-block;
        padding: 16px 55px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 0px 6px 0px #d14e44;
        -webkit-box-shadow: 0px 6px 0px #d14e44;
        -moz-box-shadow: 0px 6px 0px #d14e44;
        transition: 0.25s;
        border: 1px dotted #e8736a;
    }

    .mainbtn:hover {
        box-shadow: 0px 0px 0px #d14e44;
        -webkit-box-shadow: 0px 0px 0px #d14e44;
        -moz-box-shadow: 0px 0px 0px #d14e44;
        margin-top: 3px;
        *margin-top: 0px;
        margin-top: 0px\0;
        background: #f2695e;
    }

    .txtbox {
        font-size: 13px;
        text-align: left;
        line-height: 160%;
    }

    .txtbox ul, .txtbox ol {
        margin-left: 25px;
    }

    .txtbox.bottomline {
        border: solid #e8736a;
        border-width: 0 0 1px 0;
        width: 100%;
        display: block;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .txtlink.download span {
        background: url(../images/icondownload.png) no-repeat;
        width: 15px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin: 0 5px;
        background-size: 90%;
    }

    .txtlink.download.tab {
        color: #3e3a39;
    }

    .txtlink.download.tab:hover {
        color: #e8736a;
    }

    .tabnote {
        font-size: 12px;
        color: #666;
        text-align: left;
        line-height: 140%;
    }

    

    /*限定優惠*/
    .sp {
        margin: 0 5%;
        width: 90%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .sp-left {
        float: none;
        margin: 0 auto 8px;
    }

    .sp-right {
        float: none;
        width: 100%;
        text-align: left;
    }

    .sp-right p {
        font-size: 15px;
        line-height: 150%;
        margin-bottom: 5px;
    }

    .sp-right p span {
        display: inline-block;
        margin-right: 2px;
        padding: 0 2px;
    }

    .sp-right p b {
        font-size: 20px;
        padding: 0 2px;
    }

    .sp-right .tabnote {
        line-height: 120%;
        margin-bottom: 3px;
    }

    .sp-note {
        margin: 0 5%;
        display: block;
        width: 90%;
    }

    .sp-note-title {
        font-size: 12px;
    }

    .sp-note ol li {
        line-height: 120%;
        margin-bottom: 2px;
    }

    /*代扣繳注意事項*/
    .noticebox {
        padding-bottom: 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .qa_title {
        margin: 0 5%;
        padding: 8px 0 8px 20px;
        font-size: 14px;
        line-height: 120%;
        width: 90%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .qa_title b {
        font-size: 14px;
        position: absolute;
        right: 20px;
        top: 7px;
        display: block;
        font-weight: 700;
    }

    .qa_title.less {
        display: none;
    }

    .qa_title i {
        font-size: 14px;
        right: 20px;
        top: 7px;
    }

    .notice {
        text-align: left;
        margin: 0 5%;
        width: 90%;
        padding: 15px 15px 15px 40px;
        font-size: 12px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .notice li {
        line-height: 18px;
    }

    .notice li ol {
        margin-left: 20px;
    }
}