/*新版首頁調整內容*/
.bannerWrap .webWrap{
    width: 76%;
}
.bannerWrap .flexslider .slides img{
    border-radius: 50px;
}

/*==================style3 themeWrap(去除原先的效果) start====================*/
.themeWrap.style3{
    background: linear-gradient(to right,  #C4164B 0%,#DB265D 50%,#C4164B 100%);    
}
.style3 .themeList .txtBox.bg-green span{
    background: 0 0;
    color: #fff;
    text-shadow: none;
}
.style3 .themeList .txtBox::before{
    display: none;
}
.style3 .themeList .txtBox {
    margin: 0 auto;
    text-align: center;
}
.themeList .txtBox span:after, 
.themeList .txtBox span:before{
    background: none;
}
.style3 .themeList .imgBox{
    border-radius: 40px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.style3 .themeList .imgBox:before{
    display: none;
}
.style3 .themeList .slick-next:before,
.style3 .themeList .slick-prev:before{
    background: url(../images/icon/right-chevron-w.svg) center no-repeat;
}

/*==================style3 themeWrap(去除原先的效果) end====================*/
.newsBlock .NW-title,
.truthBlock .NW-title{
    border-bottom: 0px;
}
.newsBlock .NW-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -202px;
    margin-left: 0em;
    margin-bottom: 1em;
}
.NW-title{
    font-size: 1.8em;
}
.NW-title span{
    display: block;
    color: #BB0034;
    position: relative;
    text-align: left;
}
.NW-title span::after{
    content: "";
    display: inline-block;
    width: 250px;
    height: 2px;
    background: #FE94B1;
    position: absolute;
    left: 100px;
    bottom: 10px;
}
.NW-title:before{
    display: none;
}
.newsWrap{
    padding: 2em 0;
    background: url(../images/bg/circleBg2.png) top no-repeat;
    background-size: 100%;
}
.newsWrap2{
    background: url(../images/bg/circleBg2.png) bottom right no-repeat;
    background-size: 100%;
}
.newsWrapBg{
    display: flex;
    background: linear-gradient(135deg,  #7B082B 1%,#9c0f3a 55%,#D32157 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin-top: 232px;
    position: relative;
}
.newsBlock{
    /* background: #efefef; */
    width: 60%;
    position: relative; 
    margin-top: -98px;
}
.truthBlock,.tabSet{
    padding: 2.5em;
}
.truthBlock{
    padding-right: 6em;
}
.tabSet{
    padding-left: 5em;
}
.tabSet{
    background: linear-gradient(135deg,  #D7235A 1%,#C4164B 75%,#C4164B 100%); 
    border-radius: 0 20px 20px 0;
    position: relative;
}
.tabSet a,.truthBlock a{
    color: #fff;
    /* display: inline-block; */
}
.tabItems{    /* left: calc(2em + 20px); */
    margin-top: 0px;
    margin-left: 0em;
    text-align: left;
    margin-bottom: 1.5em;
    position: relative;
    font-size: 1.2em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.tabItems button{
    border: 0px;
    background: #fff;
    color: #727272;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 4px 18px;
    margin-right: 27px;
    position: relative;
    margin-bottom: 8px;
}
.tabItems button.active{    
    background: #865B00;
    border-color: #865B00;
    color: #fff;
}
.tabItems button::before{
    content: '/';
    margin: 0 5px 3px 7px;
    color: #fff;
    font-size: 1.7em;
    vertical-align: text-bottom;
    position: absolute;
    top: -4px;
    right: -24px;
}
.tabItems button:last-child:before{
    display: none;
}
.newsBlock .dateStyle,
.truthBlock .dateStyle{
    background: #F8DBDD;
    padding: 0px 16px;
    border-radius: 20px;
    margin-right: 6px;
    padding-left: 36px;
    position: relative;
    margin-bottom: 2px;
    font-size: .9em;
}
.newsBlock .dateStyle::before,
.truthBlock .dateStyle::before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #e74e7c;
    position: absolute;
    left: 10px;
    bottom: 6px;
    border-radius: 50%;
    border: 4px solid #FFC0C5;
}
.truthBlock{
    margin-top: -163px;
    width: 40%;
}
.tabContent ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
}
.tabContent li{
    list-style: none;
    padding: 6px 0px 0 0;
    width: 100%;
    border-bottom: 1px dotted #ffffff69;
    text-align: left;
}
.tabContent li:hover{
    border-bottom: 1px solid #fff;
}
.newsBlock .tabContent {
    display: none;
}
.tabContent_infor{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.8;
    color: #fff;
}
.tabContent_infor_in{
    display: flex;
}
.tabContent_infor_in p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.tabContent_infor a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 4px;
}
.tabContent_infor a:focus{
    outline: #001;
}
.dateStyle{
    color: #001;
}
.moreWrap{
    margin: 1em;
    display: flex;
    justify-content: flex-end;
}
.moreWrap a{
    width: 30%;
    min-width: 289px;
}
.truthBlock .NW-title{
    margin-bottom: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.NW-title, .style2 .videoWrap h2{
    border-bottom: 0px ;/*除舊資料*/
}
.truthBlock .NW-title span::after{
    left: 287px;
}

/*==================style3 icon start====================*/
.newsBlock .newIcon ,.truthBlock .newIcon{
    width: 40px;
    display: inline-block;
    padding: 4px 0.2em 0px 0.2em;
}
.newsBlock .topIcon img,
.truthBlock .topIcon img{
    width: 30px;
    display: inline-block;
    padding: 4px 0.2em 0px 0.2em;
}
.style3 .iconList li a {
    text-align: center;
    background: #ccc;
    padding: 20px 5px;
    min-height: 188px;
    position: relative;
    border-radius: 5px;
    display: flex;
}
.style3 .alignR .iconList li {
    list-style: none;
    display: inline-block;
    width: 23%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    margin-bottom: 1em;
    vertical-align: top;
}
.style3 .iconList a span {
    display: block;
    padding-left: 0;
    width: auto;
    margin: auto;
    line-height: 1.25;
    color: #fff;
    text-shadow: 0 1px 3px #001;
    letter-spacing: 0;
    font-size: 1.35em;
}
.iconWrap {
    width: 90px;
    height: 90px;
    background: #fcfcfc;
    border-radius: 50%;
    border: 5px solid #f6f6f6;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    transition: all ease-out .3s
}
/* .style3 .themeList .txtBox.bg-blue span,.style3 .themeList .txtBox.bg-green span,.style3 .themeList .txtBox.bg-pink span {
    background: 0 0;
    color: #c6003f;
    text-shadow: none
} */
.style3 .themeList .txtBox span:after, .style3 .themeList .txtBox span:before{
    display: none;
}
.themeList a:focus .txtBox span,.themeList a:hover .txtBox span {
    text-shadow: 1px 2px 5px rgba(0,0,0,.8)
}

.style3 .iconList li:nth-child(4) a,.style3 .iconList li:nth-child(6) a,.themeList .txtBox.bg-pink span {
    background: #bf0f35;
    background: -moz-linear-gradient(-45deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%);
    background: -webkit-linear-gradient(-45deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%);
    background: linear-gradient(135deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%)
}

.style3 .iconList li:nth-child(3) a,.style3 .iconList li:nth-child(5) a,.themeList .txtBox.bg-blue span {
    background: #596dbf;
    background: -moz-linear-gradient(-45deg,#596dbf 0,#67a8db 51%,#596dbf 100%);
    background: -webkit-linear-gradient(-45deg,#596dbf 0,#67a8db 51%,#596dbf 100%);
    background: linear-gradient(135deg,#596dbf 0,#67a8db 51%,#596dbf 100%)
}

.style3 .iconList li:nth-child(1) a,.style3 .iconList li:nth-child(7) a,.themeList .txtBox.bg-green span {
    background: #008579;
    background: -moz-linear-gradient(135deg,#008579 0,#45b7a8 52%,#008579 100%);
    background: -webkit-linear-gradient(135deg,#008579 0,#45b7a8 52%,#008579 100%);
    background: linear-gradient(135deg,#008579 0,#45b7a8 52%,#008579 100%)
}

.style3 .iconList li:nth-child(2) a,.style3 .iconList li:nth-child(8) a {
    background: #1f959f;
    background: -moz-linear-gradient(135deg,#1f959f 0,#3db4bf 52%,#1f959f 100%);
    background: -webkit-linear-gradient(135deg,#1f959f 0,#3db4bf  52%,#1f959f 100%);
    background: linear-gradient(135deg,#1f959f 0,#3db4bf  52%,#1f959f 100%)
}
.themeList .txtBox span:after,.themeList .txtBox span:before {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0
}

.themeList .txtBox span:before {
    top: 3px
}

.themeList .txtBox span:after {
    bottom: 3px
}

.themeList .slick-next,.themeList .slick-prev {
    font-size: .2em
}

.themeList .slick-next:before,.themeList .slick-prev:before {
    color: #a52149
}
.style3 .iconList li:nth-child(1) a,
.style3 .iconList li:nth-child(3) a,
.style3 .iconList li:nth-child(5) a,
.style3 .iconList li:nth-child(7) a{
    border-radius: 10px 37px;
    margin: 13px 12px;
}
.style3 .iconList li:nth-child(2) a,
.style3 .iconList li:nth-child(4) a,
.style3 .iconList li:nth-child(6) a,
.style3 .iconList li:nth-child(8) a{
    border-radius: 37px 10px;
    margin: 13px 12px;
}
.style3 .iconList li:nth-child(1) ,
.style3 .iconList li:nth-child(3) ,
.style3 .iconList li:nth-child(5) ,
.style3 .iconList li:nth-child(7) {
    border: 1px solid #22807E;
    border-radius: 10px 40px;
}
.style3 .iconList li:nth-child(2),
.style3 .iconList li:nth-child(4),
.style3 .iconList li:nth-child(6),
.style3 .iconList li:nth-child(8) {
    border: 1px solid #22807E;
    border-radius: 40px 10px;
}
.style3 .iconList li:nth-child(2),
.style3 .iconList li:nth-child(4){
    border: 1px solid #27aab3;
}
.style3 .iconList li:nth-child(3),
.style3 .iconList li:nth-child(5){
    border: 1px solid #6075c1;
}
.style3 .iconList li:nth-child(4),
.style3 .iconList li:nth-child(6){
    border: 1px solid #ce2342;
}
.style3 .iconList li:nth-child(1){
    margin-left: -27px;
}
.style3 .alignL{
    width: 40%;
}
.style3 .alignR{
    width: 58%;
}
.style3 .alignR .iconList{
    margin-top: 1em;
}
.style3 .iconList li:hover a span{
    font-size: 1.45em;
    transition: all ease-out .3s;
}
.style3 .iconList li:nth-child(1):hover ,
.style3 .iconList li:nth-child(7):hover {
    background: #008579;
    background: -moz-linear-gradient(-45deg,#008579 0,#45b7a8 52%,#008579 100%);
    background: -webkit-linear-gradient(-45deg,#008579 0,#45b7a8 52%,#008579 100%);
    background: linear-gradient(135deg,#008579 0,#45b7a8 52%,#008579 100%);
    border: 1px solid #fff;
    transition: all ease-out .3s;
}
.style3 .iconList li:nth-child(2):hover ,
.style3 .iconList li:nth-child(8):hover {
    background: #1f959f;
    background: -moz-linear-gradient(45deg,#1f959f 0,#45aeb7 52%,#1f959f 100%);
    background: -webkit-linear-gradient(45deg,#1f959f 0,#45aeb7 52%,#1f959f 100%);
    background: linear-gradient(45deg,#1f959f 0,#45aeb7 52%,#1f959f 100%);
    border: 1px solid #fff;
    transition: all ease-out .3s;
}
.style3 .iconList li:nth-child(3):hover ,
.style3 .iconList li:nth-child(5):hover {
    background: #596dbf;
    background: -moz-linear-gradient(-45deg,#596dbf 0,#67a8db 51%,#596dbf 100%);
    background: -webkit-linear-gradient(-45deg,#596dbf 0,#67a8db 51%,#596dbf 100%);
    background: linear-gradient(135deg,#596dbf 0,#67a8db 51%,#596dbf 100%);
    border: 1px solid #fff;
    transition: all ease-out .3s;
}
.style3 .iconList li:nth-child(4):hover ,
.style3 .iconList li:nth-child(6):hover {
    background: #bf0f35;
    background: -moz-linear-gradient(-45deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%);
    background: -webkit-linear-gradient(-45deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%);
    background: linear-gradient(135deg,#bf0f35 0,#d33e5b 52%,#bf0f35 100%);
    border: 1px solid #fff;
    transition: all ease-out .3s;
}
.style3 .iconList li:nth-child(1):hover a,
.style3 .iconList li:nth-child(2):hover a,
.style3 .iconList li:nth-child(3):hover a,
.style3 .iconList li:nth-child(4):hover a,
.style3 .iconList li:nth-child(5):hover a,
.style3 .iconList li:nth-child(6):hover a,
.style3 .iconList li:nth-child(7):hover a,
.style3 .iconList li:nth-child(8):hover a{
    border: 1px solid #ffffffa8;
    transition: all ease-out .3s;
}
.videoBg{
    background: linear-gradient(135deg, #CE1D53 1%, #C8124A 100%);
    margin-top: 320px;
}
.videoBlock .webWrap{
    display: flex;
}
.videoTitleBlock{
    position: relative;
    width: 40%;
    margin-top: -120px;
    margin-bottom: 3em;
}
.videoContent{
    width: 46%;
    margin: 3em 7% 2em 7%;
    margin-top: -280px;
}
.videoContent .imgWrap{
    background:#727272;
}
.videoListBox{
    padding: 0.5em;
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .075), 0 0 1.5rem rgba(0, 0, 0, .075), 0 0 2rem rgba(0, 0, 0, .075);
    border-radius: 30px;
}
.videoList {
    border-radius: 30px;
    overflow: hidden;
}
.videoContent .imgBox b{
    position: relative;
    z-index: 2;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 66.999%;
}
.videoContent .imgBox b img {
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: auto;
    border: 0;
    transform: translate(-50%, -50%);
    border-radius: 30px;
}
.indexBottomWrap{
    margin-top: 0;
}
.videoBlock .NW-title{
    margin-bottom: 40px;
}
.videoTitle{
    color: #FFF;
    font-size: 1.5em;
}
.layout-green .NW-title, .layout-green .style2 .videoWrap h2{
    border-bottom: 0px !important; 
}
.videoNav{
    position: absolute;
    bottom: -12px;
    right: 0;
}
.tabSet a.moreBtn, .truthBlock a.moreBtn{ 
    color: #333;
}
/*針對首頁影片上下頁面*/
.videoNav {
  margin-top: 10px;
  text-align: center;
}

.videoNav button {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.videoNav button:hover {
  filter: brightness(0.8); /* 0.8 = 稍微變淡 */
}

/* 左右箭頭圖示 */
.custom-prev {
  background: url(../images/icon/custom-prev.png) no-repeat ;
}

.custom-next {
  background: url(../images/icon/custom-next.png) no-repeat ;
}
/*========================== 新版的各顏色調整 ==========================*/
/*--------------bule---------------*/
.layout-blue .tabSet{
    background: linear-gradient(135deg, #3D5AED 1%, #2E4AD8 75%, #2E4AD8 100%);
}
.layout-blue .NW-title, .layout-blue .style2 .videoWrap h2{
    border-bottom: unset !important;
}
.layout-blue .themeWrap.style3{
        background: linear-gradient(to right, #2E4AD8 0%, #415EF2 50%, #2E4AD8 100%);
}
.layout-blue .NW-title span{
    color: #2B44BD;
}
.layout-blue .NW-title span::after{
    background: #899CF4;
}
.layout-blue .newsWrapBg{
    background: linear-gradient(to left, #405EF1 1%, #0C2292 100%);
}
.layout-blue .tabItems button.active{
    background: #862F00;
    border-color: #862F00;
}
.layout-blue .newsBlock .dateStyle, .layout-blue .truthBlock .dateStyle{
    background: #EDF7FF;
}
.layout-blue .newsBlock .dateStyle::before, .layout-blue .truthBlock .dateStyle::before{
    background: #3551DB;
    border: 4px solid #C9D3FF;
}
.layout-blue .tabSet a.moreBtn,.layout-blue .truthBlock a.moreBtn{
    color: #333;
}
.layout-blue .videoBg{
    background: linear-gradient(135deg, #4561EF 1%, #2E4AD8 100%);
}
/*--------------layout-green---------------*/
.layout-green .tabSet{
    background: linear-gradient(135deg, #27817f 1%, #2b6664 75%, #285e5e 100%);
}
.layout-green .NW-title, .layout-green .style2 .videoWrap h2{
    border-bottom: unset !important;
}
.layout-green .themeWrap.style3{
    background: linear-gradient(to right,  #2a9391 0%,#349593 50%,#197472 100%); 
}
.layout-green .NW-title span{
    color: #197472;
}
.layout-green .NW-title span::after{
    background: #4ebbb8;
}
.layout-green .newsWrapBg{
    background: linear-gradient(135deg, #27817f 1%, #2b6664 75%, #285e5e 100%);
}
.layout-green .tabItems button.active{
    background: #865B00;
    border-color: #865B00;
}
.layout-green .newsBlock .dateStyle, .layout-green .truthBlock .dateStyle{
    background: #EDF7FF;
}
.layout-green .newsBlock .dateStyle::before, .layout-green .truthBlock .dateStyle::before{
    background: #439A99;
    border: 4px solid #b4eae5;
}
.layout-green .tabSet a.moreBtn,.layout-green .truthBlock a.moreBtn{
    color: #236D5C;
}
.tabSet a.moreBtn:hover,.truthBlock a.moreBtn:hover,
.layout-bule .tabSet a.moreBtn:hover,.layout-bule .truthBlock a.moreBtn:hover
.layout-green .tabSet a.moreBtn:hover,.layout-green .truthBlock a.moreBtn:hover,
.truthBlock a.moreBtn:focus,.tabSet a.moreBtn:focus{
    color: #fff;
}
.layout-green .videoBg{    
    background: linear-gradient(135deg, #27817f 1%, #2b6664 75%, #285e5e 100%);
}
.monthThemeWrap{
    display: flex;
    align-items: center;
}
/*========================= 無障礙修正 ==========================*/
.IM-list a{
    display: block;
}
/*========================= rwd ==========================*/
@media screen and (max-width: 1440px) and (min-width: 1220px) {
    /*特別尺寸，只針對此*/
    .style3 .iconList li a{
        min-height: 150px;
        align-items: center;
    }
    .style3 .iconList a span{
        font-size: 1.1em;
        line-height: 1.5;
    }
    .style3 .iconList a:hover span{
        font-size: 1.2em;
    }
    .style3 .iconList li:nth-child(n) a, .style3 .iconList li:nth-child(4) a, .style3 .iconList li:nth-child(6) a, .style3 .iconList li:nth-child(8) a{
        margin: 8px 8px;
    }
}
@media screen and (max-width:1200px) {
    .truthBlock{
        padding: 1em 0;
        background: url(../images/bg/circleBg2.png) top right no-repeat;
        background-size: 200%;
        background-position-y: -100px;
    }
    .newsWrapBg,.layout-green .newsWrapBg,
    .newsWrapBg,.layout-blue .newsWrapBg{
        flex-direction: column;
        background:unset;
    }
    .newsBlock ,.truthBlock{
        width: 100%;
    }
    .tabSet{
        padding: 0px 30px;
    }
    .truthBlock{
        margin-top: 0;
        padding: 0;
    }
    .truthBox{
        padding: 30px 1em;
        background: linear-gradient(135deg, #D7235A 1%, #C4164B 75%, #C4164B 100%);
        border-radius:  20px 0 0 20px;
        margin-left: 1em;
        margin-bottom: 1em;
    }
    .layout-green .truthBox{
        padding: 30px 1em;
        background: linear-gradient(135deg, #27817f 1%, #2b6664 75%, #285e5e 100%);
        border-radius:  20px 0 0 20px;
        margin-left: 1em;
        margin-bottom: 1em;
    }
    .layout-blue .truthBox{
        padding: 30px 1em;
    background: linear-gradient(135deg, #3D5AED 1%, #2E4AD8 75%, #2E4AD8 100%);
        border-radius:  20px 0 0 20px;
        margin-left: 1em;
        margin-bottom: 1em;
    }
    .style3 .alignL,.monthTheme ,.style3 .alignR{
        width: 100%;
    }
    .monthThemeWrap{
        flex-direction: column;
    }
    .monthTheme{
        width: 80%;
        margin: 0 auto;
    }
    .style3 .iconList li:nth-child(1){
        margin-left: 0px;
    }
    .style3 .iconList a span{
        font-size: 1.3em;
    }
    .style3 .iconList a:hover span{
        font-size: 1.4em;
    }
    .style3 .alignR .iconList li{
        width: 24%;
    }
    .style3 .iconList li:nth-child(n) a{
        margin: 10px;
    }
    .style3 .iconList{
        display: flex;
        flex-wrap: wrap;
    }
    .videoBlock .webWrap{
        flex-direction: column;
    }
    .videoTitleBlock{
        width: 100%;
    }
    .videoBg{
        margin-top: 130px;
    }
    .videoContent{
        width: 100%;
        margin: 0 ;
        margin-top: unset;
    }
    .videoNav {
        bottom: -50px;
    }
    .videoTitleBlock{
        margin-top: -100px;
    }
    .NW-title{
        font-size: 1.5em;
    }
    .newsWrap{
        padding: 1em 0;
        background: url(../images/bg/circleBg2.png) top left no-repeat;
        background-size: 200%;
    }
    .tabSet {
        padding-top: 100px;
        padding-bottom: 1em;
        margin-right: 1em;
        margin-bottom: 1.5em;
    }
    .tabItems{
        flex-wrap: wrap;
        justify-content: flex-start;
        font-size: 1.1em;
        margin-top: -20px;
    }
    .tabItems button{
        margin-bottom: 8px;
    }
    .NW-title span{
        width: 100%;
    }
    .NW-title span::after{
        width: calc(100% - 100px);
    }
    .truthBlock .NW-title{   
        margin-bottom: 0.5em;
        margin-left: 1em;
        margin-right: 1em;
    }
    .truthBlock .NW-title span::after{
        left: 233px;
        width: calc(100% - 233px);
    }
    .TPsection{
        padding: 0em;
        background: url(../images/bg/circleBg3.png) center no-repeat;
        background-size: 105%;
    }
    .tabContent li{
        line-height: 1.6;
        padding: 14px 0px 8px 0px;
    }
    .videoTitle{
        padding-bottom: 60px;
    }
    .videoNav button{
    }
}
@media screen and (min-width: 651px) and (max-width: 799px) {
    .monthThemeWrap{
        flex-direction: column;
    }
    .monthTheme {
        width: 100%;
        margin: 0 0 0 0;
    }
}
@media screen and (max-width:650px) {
    .style3 .alignR .iconList li { 
        width: 48%;
        margin: 0.2em 1%;
    }
    .tabSet a ,.truthBlock a{
        margin: 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-left: 10px;
    }
    .style3 .iconList a span{
        font-size: 1.2em;
        padding-top: 0;
    }
    .tabItems{
        font-size: 1em;
    }
    .videoTitle{
        padding-bottom: 40px;
        font-size: 1.2em;
    }
    .monthTheme {
        width: 100%;
        margin: 0 auto;
    }
    .newsBlock .dateStyle, .truthBlock .dateStyle{
        padding: 6px 36px;
    }
}
@media screen and (max-width:430px) {
    .tabContent li{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .style3 .iconList li a{
        min-height: 132px;
    }
    .style3 .iconList a span{
        font-size: 1em;
        padding-top: 0;
    }    
    .style3 .iconList li:nth-child(n) a {
        margin: 5px;
    }
    .moreWrap{
        justify-content: center;
    }
    .moreWrap a{
        width: 100%;
        min-width: unset;
    }
}