/* devanagari */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lyjndg7kme0gfaj9prtb.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lyjndg7kme0gfa19prtb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lyjndg7kme0gfan9pq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lyjndg7kme0gfaj9prtb.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lyjndg7kme0gfa19prtb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lyjndg7kme0gfan9pq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.zxsp ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;}
.zxsp ul li {width:18.4%;margin-right: 2%;margin-bottom:2%}
.zxsp ul li img{width:100%;border-radius:10px;display: block;transition: opacity .2s ease-out;height: 160px;}
.zxsp ul li img:hover{opacity: .85;
    transition: opacity .2s ease-out 0s;}
.zxsp ul li h3{line-height:2;font-size: 14px;margin-top: 10px;    max-height: 84px;word-wrap: break-word;
    overflow: hidden;margin-bottom:0}
.zxsp ul li:nth-child(5n){margin-right: 0}


.index-news-list article {
                display: table-row;
                position: relative;
                margin-left: 0
            }


  .index-news-list article.embed_video_broll,.index-news-list img.thumb {
                display: block;
                width: 100%
            }

            .index-news-list article.embed_video_broll .icmsvideocontainer {
                width: 100%;
                margin-bottom: 36px;
                margin-top: 36px;
                border-radius: 12px
            }

            .index-news-list article.embed_video_broll div.vplayer {
                position: relative;
                height: 0;
                overflow: hidden;
                padding-bottom: 56.25%;
                border-radius: 16px;
                margin-top: 24px;
                margin-bottom: 24px
            }

            .index-news-list div.m,.index-news-list div.t {
                display: table-cell;
                box-sizing: border-box;
                vertical-align: middle
            }

            .index-news-list div.t {
                width: 240px;
                max-width: 280px;
                margin: 0;
                position: relative
            }

            .index-news-list div.m {
                width: auto;
                flex-direction: column;
                min-height: 166px;
            }

            .index-news-list div.m .info {
                color: #41495a;
                letter-spacing: .005em;
                font-size: 13px;
                line-height: 1.5;
                font-weight: 400;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow-y: hidden;
                text-overflow: ellipsis;
                max-height: 4rem;
                margin: 6px 0;display: none;
            }           
#BackendInPageMenu,.index-news-list .info-mobile,.index-news-list .m-mobile {
                display: none
            }

          .index-news-list .info-bottom {
         color: var(--secondary-text);
                font-size: 9px;
                letter-spacing: .06em;
                text-transform: uppercase;
                font-weight: 700;
                line-height: 1.35;
                display: flex;
                flex-direction: row;
                gap: 14px;    align-items: center;
            }

.index-news-list .info-bottom svg {
                width: 12px;
                height: 12px;
                font-size: 12px;
                margin-right: 3px;
                margin-bottom: -2px
            }


            .index-news-list div.t,section.hpcommerce.broll div.m {
                padding-top: 15px;
                padding-bottom: 15px
            }

            .index-news-list img.thumb {
                border-radius: 6px;
                max-height: 160px;
                max-width: 280px;
                object-fit: cover;
                transition: opacity .2s ease-out;
                aspect-ratio: 16/9
            }

            .index-news-list img.thumb:hover {
                opacity: .85;
                transition: opacity .2s ease-out 0s
            }

            .index-news-list h3 {
                margin: 6px 0
            }

            .index-news-list h3 a {
                font-size: 15px;
                line-height: 1.5;
                font-weight: 700;
                margin: 0;
                color: #181c25
            }


            .index-news-list  div.m {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.page .Total{display: none;}
.page {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 20px;}
.page  a{    border: 1px #ddd solid;
    display: block;
    background: #fff;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 10px;}
.page  b,.page  a:hover{    border: 1px #ddd solid;
    display: block;
      background: #494949;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 10px;}

.BH-lbox {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    _height: 1%;padding: 32px 80px;
}
.GN-lbox3B img{max-width: 100% !important;height:auto !important;}

#flySalve img{width:100%;height: auto;}
.GN-lbox3 h1 {
  width: 100%;
  color: #2D2D2D;
  font-size: 26px;
  line-height: 1.3;
  font-weight: bold;
}
.GN-lbox3 ul.platform-tag {
  display: inline-block;
  padding: 0;
  margin-top: 10px;
}
.GN-lbox3 ul.platform-tag li {
  display: inline-block;
  margin: 2px 2px 3px;
  padding: 4px 12px;
  float: left;
  width: auto;
  height: 22px;
  font-size: 12px;
  background-color: #117e96;
  border-radius: 99em;
  vertical-align: top;
  line-height: 14px;
  letter-spacing: 1px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.GN-lbox3 ul.platform-tag li a {
  color: #fff;
}
.GN-lbox3 ul.platform-tag li i {
  font-size: 13px;
  margin-right: 4px;
  margin-left: 0;
  vertical-align: text-top;
}
.GN-lbox3 .GN-lbox3A {
  margin-bottom: 8px;
  padding: 8px 0 8px;
  border-bottom: 1px solid #e5e5e5;
}
.GN-lbox3 .GN-lbox3A img {
  margin-right: 5px;
  vertical-align: middle;
}
.GN-lbox3 .GN-lbox3C {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
  color: #999999;
}
.gnn-label {
  display: flex;
  flex-flow: wrap;
  gap: 10px 8px;
  margin: 12px 0;
  align-items: center;
  color: #999999;
}
.gnn-label .label {
  padding: 0px 6px;
  background: #e5e5e5;
  border-radius: 3px;
  font-size: 14px;
  color: #464646;line-height: 26px;height: 26px;
  text-decoration: none;
}
.gnn-label .label:hover {
  background: #117E96;
  color: #ffffff;
}
.GH-lbox__heading {
    height: auto;
    line-height: 30px;
    background-color: #E4F1F5;
    color: #117e96;
    font-weight: bold;
}
.GH-lbox__heading  img {
    float: left;
    margin-right: 5px;
    display: inline-block;
    object-fit: cover;
}
.BH-lbox {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    _height: 1%;
}

.GN-lbox3B{
	line-height: 2em;
}
.GN-lbox3B p{
	margin-bottom: 1em; 
}
.GN-lbox3B img{
	margin-bottom: 10px; 
}

.gnn-promotenews {
    padding: 16px 12px;
}
.gnn-promotenews .promotenews-maybelike {
  display: flex;
  width: calc(50% - 13px);
  cursor: pointer;
}
.gnn-promotenews .promotenews-maybelike:hover {
  text-decoration: none;
}
.gnn-promotenews .promotenews-maybelike:hover .promotenews-content .title {
  color: #117E96;
}
.gnn-promotenews .promotenews-maybelike:hover .promotenews-img img {
  transform: scale(1.1);
}
.gnn-promotenews .promotenews-maybelike .promotenews-img {
  min-width: 140px;
  width: 140px;
  height: 140px;
  margin-right: 12px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.gnn-promotenews .promotenews-maybelike .promotenews-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s ease;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500; height: 110px;
        overflow: hidden;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content .title .type {
  background: #009CAD;
  padding: 2px 10px;
  margin-right: 4px;
  margin-left: 0;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content .promotenews-info {
  flex-direction: column;
  display: none;
  align-items: flex-start;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content .promotenews-info .info-category {
  display: -webkit-box;
  min-height: 62px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.gnn-promotenews .promotenews-maybelike .promotenews-content .promotenews-info .info-interactive-container {
  margin-top: 2px;
}

.gnn-promotenews.news-maybelike {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 26px;
}


 @media (max-width: 640px) {
.zxsp ul li{width:49%;}
.zxsp ul li:nth-child(2n){margin-right: 0}
.zxsp ul li:nth-child(n+5){display: none;}
.zxsp ul li:nth-child(9),.zxsp ul li:nth-child(10){display: none;}
.zxsp ul li h3{font-size: 13px;max-height: 78px;}
.zxsp ul li img{height: 120px;}
.index-news-list .zxsp ul li:nth-child(5){display: none;}
.index-news-list article {
        grid-template-columns: 1.2fr 2fr;
        display: grid
;
        grid-auto-flow: column;
        grid-gap: 12px;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18px 0;
        border-bottom: solid 1px rgba(138, 147, 153, .25);
    }
 
.index-news-list div.t {
                    width: auto
                }
.index-news-list div.m .info,.index-news-list div.m .info-bottom {
                    display: none
                }
.index-news-list article.embed_video_broll .icmsvideocontainer {
                    margin-top: 18px;
                    margin-bottom: 18px
                }

.index-news-list div.m h3 {
                    margin: 0
                }

.index-news-list div.m,.index-news-list div.t {
                    padding: 0;
                    border-bottom: 0;
                    min-height: auto
                }
.index-news-list .m-mobile {
        grid-row: 2;
        grid-column: 1 / -1;
        display: block;
    }

.index-news-list .info-mobile {
                    display: block;
                    color: #41495a;
                    font-size: 9px;
                    -webkit-letter-spacing: .06em;
                    -moz-letter-spacing: .06em;
                    -ms-letter-spacing: .06em;
                    letter-spacing: .06em;
                    text-transform: uppercase;
                    font-weight: 700;
                    line-height: 1.35
                }  
                 .index-news-list .m h3 a {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow-y: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        -webkit-letter-spacing: .005em;
        -moz-letter-spacing: .005em;
        -ms-letter-spacing: .005em;
        letter-spacing: .005em;
    }   

.BH-lbox{padding:15px;}
.GN-lbox3 h1{font-size: 16px;}
.GN-lbox3B {font-size: 14px;}

.gnn-promotenews.news-maybelike {
    gap: 22px 26px;
    flex-direction: column;
}

.gnn-promotenews .promotenews-maybelike{width: 100%}
.gnn-promotenews .promotenews-maybelike .promotenews-content .title{font-size: 14px;       }
.gnn-promotenews .promotenews-maybelike .promotenews-content .promotenews-info .info-category{font-size: 12px;}
}

 @media (max-width: 400px) {
.zxsp ul li img{height: 100px;}
  }