/*@font-face {
    font-family: "Riona Sans";
    font-weight: 300;
    src: url(https://www.mediatek.com/dist/assets/RionaSans-Regular-B0m1WLG7.woff) format("woff")
}

@font-face {
    font-family: "Riona Sans";
    font-weight: 400;
    src: url(https://www.mediatek.com/dist/assets/RionaSans-Medium-b3b0SG7q.woff) format("woff")
}

@font-face {
    font-family: "Riona Sans";
    font-weight: 500;
    src: url(https://www.mediatek.com/dist/assets/RionaSans-Medium-b3b0SG7q.woff) format("woff")
}
@font-face {
    font-family: "Riona Sans";
    font-weight: 700;
    src: url(https://www.mediatek.com/dist/assets/RionaSans-Bold-ugiCi_S-.woff) format("woff")
}*/

@font-face {
    font-family: 'Riona Sans';
    src: url('//i.mediatek.com/hubfs/MediaTek_Mar_2024/fonts/RionaSans-Light.woff') format("woff");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Riona Sans';
    src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Riona Sans';
    src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Riona Sans';
    src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Bold.woff") format("woff");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Riona Sans';
    src: url("//i.mediatek.com/hubfs/Summit%202023/fonts/RionaSans-Black.woff") format("woff");
    font-weight: 900;
    font-display: swap;
}



* {
    box-sizing: border-box;
    user-select: none
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
    font-family: 'Riona Sans', sans-serif;
    font-weight: 500;
    margin: 0 auto;
    background:#f5f5f5;
}
.d-none{display:none;}
.m-none{display: block;}
.default-clr{
    color: #EC9430;
}
.white-clr{
    color: #ffffff;
}
h1,h2,h3,h4,p{
    padding: 0;
    margin: 0;
}
.txt-al-c{
    text-align: center;
}
.wrapper {
    margin: 0 auto;
    /*max-width: 1140px;
    width: 100%;*/
    width: 82%;
    clear: both;
    overflow: hidden;
    max-width: 1150px;
}
.scroll_wrap{
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    clear: both;
}
button.owl-next,button.owl-prev {
    background: #ffffff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    position: absolute;
}
button.owl-next>span,button.owl-prev>span
{
    display: none;
}

button.owl-next::before,button.owl-prev::before {
    content: " ";
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    cursor: pointer;
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
}
button.owl-prev::before
{
    left: 13px;
    transform: rotate(-135deg);
}
button.owl-next.disabled,button.owl-prev.disabled
{
    background: rgba(244, 244, 244, 0.3);
}
.header-in .wrapper {
    width: 100% !important;
    max-width: 1240px;
    overflow: initial !important;
}
.in-wrapper {
    width:100%;
    position: relative;
}
.lat_devi_slider .owl-item:first-child
{
    margin-left:48px;
}

.wrapp-padd{
    margin:50px auto 0;
}
.inn-wrapper{
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}
.w-100 {
    width: 100%;
}
.pos-rel{
    position: relative;
}
.overlay_box{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 2;display: none;}
.ovrflow-h{
    overflow-y:hidden;
}
/* header start */
.header-in {
    margin: 0 auto;
    height: 60px;
    padding: 16px 0 0;
    width: 100%;
    float: left;
    position: fixed;
    z-index: 999;
    background: #fff;
    top:0;
    border-bottom: 1px solid #ccc;
    transition: all 0.5s;
}
.hideheader{
    top:-70px
}
.logo {
    float: left;
    width: 100px;
}
.logo img {
    width: 100px;
}
.menu_icon {
    display: none;
}
.nav-menu {
    float: right;
    width: 75%;
    text-align: end;
    height:48px;
}
.nav-menu > ul {
    margin: 0;
    display: inline-block;
    padding-left: 0;
}
.nav-menu > ul > li > a.active:before {
    content: '';
    width: 100%;
    height:4px;
    background: #f7a835;
    position: absolute;
    bottom: -22px;
    left: 0;
}
.nav-menu > ul > li:hover > a:before {
    content: '';
    width: 100%;
    height:4px;
    background: #f7a835;
    position: absolute;
    bottom: -22px;
    left: 0;
}
.nav-menu > ul > li.sub:hover > a:before{
    background: transparent;
}
.nav-menu > ul li.sub:hover ul{
    display: block;
}
.nav-menu > ul > li > a, .nav-menu > ul > li > span {
    color: #353630;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight:400;
    position: relative;
    padding: 0 20px;
}
.rotate_0{
  rotate:0deg !important;
}
.iga_flas {
    cursor: pointer;
}
.nav-menu > ul > li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    height: 40px;
}
.new-tag {
    position: absolute;
    width: 25px;
    top: -14px;
    left: -108px;
    right: 0;
    margin: auto;
}
.subnav {
    position: absolute;
    right: -80px;
    z-index: 999;
    background: #fff;
    width: 210px;
    top: 35px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
    margin: 0;
    padding-left: 0;
    border: solid 1px #f1f1f1;
    border-top: none;
    display: none;
    padding-bottom:20px;
}
.subnav li {
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
}
.subnav li a {
    padding: 21px 20px 3px;
    color: #000;
    font-size: 14px;
    width: 100%;
    display: block;
}
.menu-arrow {
    width: 12px;
    float: right;
    position: relative;
    right: -14px;
    rotate: 180deg;
    top: 4px;
}
.other_option li:last-child{display: none;}
.link_color {
    color: #999999 !important;
}
.icn_arrow>i {
    transform: rotate(180deg);
    font-size: 20px;
    position: relative;
    top: 3px;
    left: 2px;
}
.other_option .join-btn{
    color: #fff;
    background: #F7A834;
    border: solid 1px #F7A834;
    display: inline-block;
    height: 34px;
    line-height: 20px;
    padding: 6px 0;
    width: 120px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    border-radius: 18px;
    transition: 0.2s all;
}
.other_option .join-btn:hover{
    color:#fff;
    background:#EC9430;
}
.nav-menu .sub_menu {
    right: 11.5%;
    top: 53px;
    width: fit-content;
    display: none;
    position: absolute;
    background: #fff;
    z-index: 2;
    opacity: 1;
    height: fit-content;
    border-radius: 10px;
    list-style: disc;
    overflow: hidden;
    box-shadow: 0 0 5px lightgray;
}
.nav-menu .sub_menu li {
    font-size: 12px;
    color: #111827;
    font-weight: 300;
    line-height: 20px;
    display: block;
    margin-left: 0;
    list-style: disc;
    text-align: left;
    min-width: 140px;
}
.nav-menu .sub_menu li a {
    color: #111827;
    background: #fff;
    padding: 8px 16px;
    box-sizing: revert;
    line-height: 20px;
    display: block;
}
.nav-menu .sub_menu li a.active
{
    background: #f3f4f6;
}
.icn_arrow {
    width: 30px;
    margin: 0 10px;
    display: inline-block;
}
.icn_arrow img {
    width: 100%;
    position: relative;
    top: 2px;
}

.banner_video {
    margin-top: 0;
    position: relative;
    min-height:800px;
    background: url(https://www.91-cdn.com/images/mediatek/top-vdo-bg-dsite.png);
    background-position: bottom;
}
.banner_video:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgb(0 0 0 / 75%);
    z-index: 0;
}
/* header end */
.banner-content{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 80%;
    margin: auto;
    z-index:1;
}
.banner-txt {
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 230px;
}
.banner-txt img{
    max-width: 500px;
}
.banner-txt p, .banner-txt h2{
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 34px 0 0;
}
.form-container{
    position: absolute;
    right: 0;
    width: 49%;
    height: 450px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.form-box{
    width: 390px;
    height: 450px;
    background: rgba(0, 0, 0, 0.45);
    float: right;
    padding: 26px 24px;
    border-radius: 12px;
}
.notmember{
    font-size: 22px;
    color:#ffffff;
    font-weight: 400;
}
.form-box{
    color: #ffffff;
    font-weight: 300;
}
.form-row {
    display: flex;
    flex-direction: column;
    margin: 26px 0;
}
.form-ttl {
    display: block;
    margin: 0 0 10px 0;
}
.form-input{
    display: flex;
}
.form-input input {
    height: 40px;
    border: 0;
    border-radius: 4px;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
}
.country-code {
    width: 100px;
    border-radius: 4px;
    margin-right: 16px;
}
.join-com-btn {
    background-color: #F7A834;
    padding: 17px;
    border-radius: 28px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    margin: 0 auto;
    border: none;
    transition: 0.2s all;
}
button.join-com-btn:hover {
    color: #fff;
    background: #EC9430;
}
.join-com-btn img {
    width: 24px;
    margin-left: 10px;
}
input::placeholder, select{
    color: #9D9D9D;
}
.bg-white{
    background: #ffffff;
}
.page_banner {
    background-image: url(https://www.91-cdn.com/images/mediatek/activity_banner_bgcover.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 30px;
    display: flex;
    border-radius: 20px;
    justify-content: space-between;

}
.bg-white:has(> .page_banner)
{
    padding: 40px 0px;
}
.page_banner>a
    {
        display: inline-block;
        width: 49%;
    }
    /* .page_banner>a:last-child
    {
        margin-bottom: 0px;
    } */
.page_banner img {
    max-width: 100%;
}
.page_banner img.msite {
   display: none;
}
.section-ttl {
    font-size: 44px;
    background: -webkit-linear-gradient(#f06d32, #ec9430);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}
.section-subhead {
    font-size: 26px;
    font-weight: 300;
    color: #555555;
    line-height: 32px;
}
.cntr-subhead {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.ovr-h{
    overflow: hidden;
}
.sticky{
    position: -webkit-sticky;
    position: sticky;
}
.auth-slider-text {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    position: relative;
    transition: transform 1s ease;
}
.slider {
    white-space: nowrap;
    width: 100%;
    position: relative;
    transition: transform 1s ease;
    margin: 0 auto;
}
.slide-card {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 12px;
    border-radius: 12px;
    width: 300px;
    height: 460px;
    max-width: 300px;
}
#whyjoin {
    margin: 0 0 40px;
    overflow: hidden;
}
.whyjoin_slider .owl-nav{
    position: absolute;
    top: -84px;
    right: 10%;
}
.whyjoin_slider .owl-prev{
    left: -46px;
}
.whyjoin_slider .owl-item {
    display: inline-block;
    width: 300px !important;
}
.whyjoin_slider .owl-item:first-child{
    margin-left:5%;
}
#fan-wrap {
    margin-bottom: 0;
}
.fan-card{
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.slider-container {
    margin: 45px 0 0;
    padding-right:40px;
}
.slide-card img {
    width: 100%;
    max-height: 100%;
    transition: all 1s;
}
.slide-card:hover img{
    transform: scale(1.2);
}

.slide-card span {
    position: absolute;
    color: #fff;
    bottom: 50px;
    left: 0;
    white-space:pre-line;
    text-align: center;
    width: 86%;
    right: 0;
    margin: auto;
    height: 69px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
}
.video-sec-wrapp{
    min-height: 80vh;
}
#welcom_mediatek {
    border-radius: 16px;
}
.video-sec{
    width:100%;
    z-index: 2;
    position: relative;
}
.video-sec img
{
    max-width: 100%;
    max-height: 100%;
}
.video-item {
    width: 100%;
    margin-right: 15px;
    overflow: hidden;
    height: 207px;
    border-radius: 11px;
    border: solid 1px #353535;
    position: relative;
}
.video_thumbs .video-item:last-child {
    margin-right: 0;
}
.video-item img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.video_thumbs {
    margin: 35px auto 0;
    position: relative;
}
.vdthubm-ttl {
    font-size: 16px;
    margin: 10px;
    white-space: normal;
    line-height: 23px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.Ytvideo_full iframe {
    height: 500px;
    border-radius:16px;
}
.video_thumbs .owl-next {
    top: 35%;
    position: absolute;
    background-color: rgb(0 0 0 / 62%) !important;
    right: 2px !important;
}
.video_thumbs .owl-prev {
    left: 2px;
    top: 35%;
    position: absolute;
    background-color: rgb(0 0 0 / 62%) !important;
}
.ytplayicn {
    left: 0;
    right: 0;
    width: 40px;
    cursor: pointer;
}
img.vdo-play-icn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 80px;
    cursor: pointer;
}
.video-txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    height: 100px;
    margin: auto;
    z-index: 1;
}
.video-txt p
{
    color: #fff;
    font-size: 50px;
}
.video-txt p {
    color: #fff;
    font-size: 50px;
    width: 550px;
    line-height: 64px;
    font-weight: 900;
}
.video-txt p span
{
    display: inline-block;
}
.fan-left{
    white-space: normal;
    width: 100%;
}
.fan-wrap{
    margin:100px 0 0;
}
.fan-name {
    font-size: 32px;
    color: #000000;
    padding: 0 20px;
}
.fan-des {
    font-size: 18px;
    color: #333333;
    font-weight: 300;
    line-height: 28px;
    margin: 16px 0 0;
    padding: 0 20px;
}
.rotate-slide, .techday-slider {
    white-space: nowrap;
    /* overflow: scroll;
     overflow-y: hidden;*/
    clear: both;
}
.slider-img, .tech-slide-card {
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.why-bg{
    background: url(https://www.91-cdn.com/images/mediatek/why_join_us_main_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.whyjoin.anim_section{
    height: calc(var(--vh, 1vh)* 340);
}
/*exclusive*/
.exclusive .wrapper {
    max-width: 90%;
    margin-left: 10%;
}
.exclusive {
    background: #0E0B08;
    padding: 80px 0;
    margin: 0 0;
    position: relative;
    overflow: hidden;
}
.exclusive .section-subhead{
    max-width: 75%;
}
.exclusive .owl-prev
{
    right: 113px;
    top: -105px;
}
.exclusive .owl-next
{
    right: 70px;
    top: -105px;
}
.techday-slider {
    margin: 40px 0 0;
}
.techday-slider .owl-item{
    /*width: calc((100% / 1.2) - 10px);*/
    width:1000px !important;
}
.techday-slider .owl-stage-outer{
    /*margin-left:10%;*/
}
.tech-slide-card {
    /* max-width: 80%; */
    width:1000px;
    margin: 0 20px 0 0;
    position: relative;
}
.tech-slide-card img {
    max-height: 100%;
    max-width: 100%;
}
.tech-content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    width: 50%;
    left: 50px;
    white-space: normal;
}
.tech-content h3 {
    color: #EC9430;
    font-size: 36px;
    line-height: 34px;
    margin-bottom: 20px;
}
.tech-content p {
    color: #fff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    width: 100%;
    white-space: break-spaces;
}
.tech-content> span {
    margin-top: 34px;
    display: block;
    font-size: 18px;
    color: #D6D6D6;
    white-space: normal;
    line-height: 26px;
}
.tech-content a {
    margin-top: 53px;
    display: inline-block;
    border: 1px solid #F7A835;
    padding: 7px 15px;
    font-size: 18px;
    text-decoration: none;
    background: #F7A835;
    border-radius: 28px;
    color: #fff;
    font-weight: 500;
}
.tech-content a:hover {
    background: #ec9430;
    border-radius: 28px;
    color: #fff;
}
span.r_arrw_icn{margin-left: 10px;}
.tech-content>a>.arrw-icn {
    display: flex;
    color: #fff;
    font-weight: 500;
}

.owl-item {
    display: inline-block;
}
/*flashback_slider*/
.flashback, .blacksection {
    background: #0E0B08;
    padding: 75px 0;
    position: relative;
}
.flashback .wrapper>h1
{
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    line-height: 47px;
    -webkit-text-fill-color: unset;
}
.flashback  .section-subhead
{
    color: #fff;
    line-height: 36px;
}
.flashback_slider
{
    margin-top: 50px;
    overflow: hidden;
}
.flashback_slider .item
{
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.flashback_slider .item img
{
    width: 100%;
    border-radius:6px;
}
.flashback .owl-prev,.flashback .owl-next,.exclusive .owl-prev,.exclusive .owl-next
{
    background-color:rgba(255, 255, 255, 0.5) ;
    border: 1px solid #DCDBDB;
    cursor: pointer;
}
.flashback .owl-prev.disabled,.flashback .owl-next.disabled,.exclusive .owl-prev.disabled,.exclusive .owl-next.disabled
{
    background: rgba(255, 255, 255, 0.1);
}
.flashback .owl-prev::before,.flashback .owl-next::before,.exclusive .owl-prev::before,.exclusive .owl-next::before
{
    border-color: #fff;
}
.flashback .owl-prev
{
    right: 113px;
    bottom: 35px;
}
.flashback .owl-next
{
    right: 70px;
    bottom: 35px;
}
.flashback_slider .owl-item
{
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 1s;
    display:inline-flex;
}
.flashback_slider .owl-item.active.center
{
    opacity: 1;
    transform: scale(1);
}
.flashback .owl-stage-outer {
    max-height: 350px;
    overflow: hidden;
}
.flashback.greybg {
    background: #f1f1f1;
    padding-bottom: 50px;
}
.flashback.greybg .wrapper h1 {
    color: transparent;
}
/* .flashback_slider .owl-item.active.center ~ .owl-item.active
{
    max-width: 200px !important;
} */
/* .flashback_slider .owl-item.active.center ~ .owl-item.active .item
{
    margin-bottom: 60px;
} */
/*Stay Ahead with MediaTek*/
.stay_ahead_sec
{
    background-color: #fff;
    padding: 75px 0 50px;
}
.stay_ahead_sec .section-subhead
{
    color: #333;
}
.lat_devi
{
    margin-top: 75px;
    position: relative;
}
.lat_devi>h3
{
    font-size: 42px;
    font-weight: 700;
    color: #333;
    width: 70%;
    margin-bottom: 48px;
}
.lat_devi_slider
{
    overflow: hidden;
    max-height: 445px;
    /*margin-left:8%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;*/
}
.lat_devi_slider .owl-stage{
    margin-left: 6%;
}
.lat_devi_slider .pro_box
{
    border: 1px solid #E3E3E3;
    border-radius: 12px;
    background-color: #fff;
    padding: 20px 30px;
    margin: 5px;
    text-align: left;
    transition: box-shadow 0.5s;
    max-width:384px;
    display: inline-block;
    width: 291px;
    cursor: pointer;
}
.lat_devi_slider .owl-item {
    max-width: 290px;
}
.pro_box:hover {
    border: solid 1px #DFDFDF;
    box-shadow: 0 0 10px #d1d1d1;
}
.lat_devi_slider .pro_box .img_box
{
    height: 140px;
    width: auto;
    margin-bottom: 24px;
    text-align: center;
}
.lat_devi_slider .pro_box .img_box img
{
    max-width: 100%;
    max-height: 100%;
}
.lat_devi_slider .pro_box .name
{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-bottom: 10px;
    min-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.lat_devi_slider .pro_box .storage
{
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
/* .lat_devi_slider .pro_box .des_txt
{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
    color: #777;
    max-height: 66px;
    overflow: hidden;
} */
.lat_devi_slider .pro_box .des_ul
{
    padding-left: 11px;
    margin: 10px 0 16px;
}
.lat_devi_slider .pro_box .des_ul li
{
    font-size: 15px;
    font-weight: 300;
    color: #777;
    line-height: 22px;
}
.lat-specs {
    height: 90px;
    display: flex;
}
.lat_devi_slider .pro_box a.know_btn
{
    font-size: 20px;
    font-weight: 700;
    background: #F7A835;
    border-radius: 15px;
    padding: 3px 12px;
    display: inline-flex;
}
.lat_devi_slider .owl-next {
    right: 70px;
    top: -105px;
}
.lat_devi_slider .owl-prev {
    right: 113px;
    top: -105px;
}
.lat_devi_slider .owl-nav.disabled{
    display: none;
}
/*m_banner_sec*/
.owl-nav.disabled{
    display: none;
}

.m_banner_sec
{
    width: 100%;
    /* height: 550px; */
    position: relative;
    text-align: center;
    padding: 75px 0 0;
    background-image: url(https://www.91-cdn.com/images/mediatek/mediatek_9500_blackbg.jpg?v=1);
    background-repeat: no-repeat;
    background-position: 50% 27%;
    background-color: #000;
    background-size: 80%;
}
.m_banner_sec>h3
{
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 20px;
}
.m_banner_sec>h4
{
    font-size: 38px;
    color: #EC9430;
    font-weight: 700;
    line-height: 46px;
}
.mobile_view
{
    margin-top: 470px;
    padding: 95px 0 150px;
    position: relative;
}
.mobile_view .mobile_frame
{
    width: 900px;
    height: 440px;
    margin: 0 auto;
    background-image: url(https://www.91-cdn.com/images/mediatek/mediatek_mobile_frame.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px;
    overflow: hidden;
}
.mobile_view .mobile_frame video
{
    min-width: 100%;
    height: 100%;
    border-radius: 20px;
}

.mobile_view .play_btn
{
    position: absolute;
    top: 25%;
    left: 48%;
    cursor: pointer;
}

/*winner list */
.winners_list .wrapper {
    border-top: solid 1px #CFCFCF;
    padding-top: 100px;
}
.winner-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 75px;
}
.winn-desc {
    width: 40%;
    float: left;
}
.winn-desc h4 {
    font-size: 32px;
    color: #333333;
}
.winn-desc p {
    margin: 16px 0 0;
    font-size: 18px;
    color: #333333;
    font-weight: 300;
    line-height: 28px;
}
.winner_list_card {
    margin: 10px 0 0px;
    position: relative;
    width: 60%;
    float: right;
}
.winner_list_card .item {
    width: 190px;
    height: auto;
    border-radius: 16px;
    background: #fff;
    border: solid 1px #F7A834;
}
.winner-img {
    height: 225px;
    position: relative;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    overflow: hidden;
    border-radius: 16px 16px 0px 0px;
}
.winner-img img {
    max-height: 247px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: -webkit-fill-available;
}
.winner-name {
    text-align: center;
    padding: 10px 21px 10px;
    line-height: 20px;
    height: 50px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    width: 248px;
}
.winner_list_card .owl-nav {
    position: absolute;
    top: -87px;
    right: 49px;
}
.winner_list_card .owl-prev {
    left: -45px;
}

/*latest_news*/
.latest_news
{
    padding: 75px 0;
    background-color: #fff;
}
.latest_news h3, .winners_list h3{
    font-size: 42px;
    font-weight: 700;
    color: #333;
    margin-bottom: 48px;
}
.latest_news h3 a
{
    font-size: 26px;
    color: #EC9430;
    float: right;
    margin-top: 10px;
}
.lat_news_car
{
    overflow: hidden;
    position: relative;
    padding-left: 10px;
}
.lat_news_car .news_box
{
    margin-right: 20px;
    cursor: pointer;
    border: solid 1px #ccc;
    overflow: hidden;
    border-radius:12px;
}
.lat_news_car .news_box .img_box
{
    height: auto;
    margin-bottom: 24px;
    /*border-radius: 12px;*/
    overflow: hidden;
}
.lat_news_car .news_box .des_txt
{
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin:0 12px 24px;
    color: #333;
    min-height:104px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.r_more_btn
{
    font-size: 20px;
    font-weight: 700;
    border-radius: 15px;
    padding: 3px 0;
    display: inline-block;
    color: #F7A835;
    cursor: pointer;
    margin: 13px 20px;
}
.r_more_btn .r_arrw_icn svg {
    width: 6px;
    height: 10px;
    margin-left: 6px;
}
.lat_news_car .owl-next
{
    right: 10px;
    top: 46%;
}
.lat_news_car .owl-prev
{
    top: 46%;
    left: 0;
}
.lat_news_car .owl-next.disabled,.lat_news_car .owl-prev.disabled
{
    display: none;
}
.lat_news_car .news_box .img_box img {
    width: 100%;
    max-height: 100%;
}

/*join_mediatek*/
.join_mediatek
{
    padding: 75px 0 30px;
    background-color: #131517;
    background-image: url(https://www.91-cdn.com/images/mediatek/footer_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.join_mediatek .wrapper
{display: flex;}
.join_mediatek .l_box
{
    width: 50%;
    display: inline-block;
    margin-right: 10%;
}
.join_mediatek .r_box
{
    width: 40%;
}
.join_mediatek .l_box>p
{
    font-size: 20px;
    line-height: 30px;
    margin-top: 24px;
    color: #fff;
}
.join_mediatek .form-container
{
    position: unset;
    width: unset;
    height: 410px;
    background-color: unset;
}
.join_mediatek .form-box
{
    padding: 0 0 26px;
    height: 410px;
    background-color: unset;
}
.join_mediatek .form-row:first-child
{
    margin-top: 0;
}
.wrapper.copyright {
    color: #fff;
    font-size: 16px;
    display: flex;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    padding: 30px 20px 0;
    border-top: 2px solid rgba(255, 255, 255, 22%);
    box-sizing: unset;
}
.copyright .follow_us
{
    width: 50%;
}
.copyright .txt {
    width: 50%;
    text-align: right;
}
.copyright .follow_us>span
{
    position: relative;
    top: -7px;
    margin-right: 5px;
}
.copyright .follow_us>a {
    margin-left: 10px;
    color: #fff;
    text-decoration: unset;
}
.copyright .txt_copy
{
    width: 50%;
    text-align: right;
    opacity: 0.8;
}


:root{
    --vh: 7.88px;
    --vw: 10.24px;
    --init-height: 7.88px;
    --nav-height: 142px;
    --content-height: 646px;
    --grid-width: 896px;
    --half-content-height: 323px;
    --window-height: 788px;
}
.anim_section {
    /*height: 150vh;*/
    height: calc(var(--vh, 1vh)* 170);
    margin-bottom: 50px;
}
.crolling_section {
    position: sticky;
    top: 100px;
    height:90vh;
}
.scaledefault{
    transform:scale(1);
}
.scaldown{
    transform:scale(0.9111);
}

[title-textanim],[title-textanim2],[title-textanim3]{
    pointer-events: none;
    opacity: 2;
    transform: translateY(25px);
    transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
.video-title {
    margin-bottom: 50px;
}
.vdthumb {
    display: flex;
    flex-direction: column;
}
.animtext-1{
    transform: translateY(0px); opacity: 1; pointer-events: auto;
}
.frame-cont{
    top: -55px;
    left: 53px;
}
.arc-slider{
    max-width:1140px;margin:0 auto;top:100px
}

.photo-wrapper{
    width: 250px;
    height: 324px;
}

.auth-slide-wrapper{
    position: relative;
    margin: 100px 0 0;
}
.auth-slide-wrapper .join-com-btn {
    width: 75%;
    margin: 28px 0 0 22px;
}
.auth-slide-wrap{
    float: left;
    width: 40%;
    height: 400px;
}
.auth-slider
{
    /*transition: transform 1s ease;*/
    transform-origin: 50% 600%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: -27px;
}
.auth-card{
    overflow: hidden;
    width: 250px;
    height: 324px;
    margin-right: 12px;
    border-radius: 12px;
    transform-origin: 50% 600%;
    top: 0;
    position: absolute;
    display: block;
    max-width: none;
}
.auth-card img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    position: absolute;
}
.left-card{
    width: 40%;
    float: left;
    height: 400px;
}
.right-card{
    position: relative;
    width: 55%;
    height: 453px;
    float: right;
}
.fan-frame{
    position: absolute;
    z-index: 9;
    width: 437px;
    left: -66px;
    top: -73px;
}
.rotate-card{
    clip-path: inset(0 -2000px -2000px 28px);
    position: absolute;
    top: 0;
    width: 250px;
    height: 324px;
}
#topButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color:rgb(85 85 85 / 61%);
    color: white;
    cursor: pointer;
    padding: 15px 15px;
    border-radius: 10px;
    font-size: 18px;
}

#topButton:hover {
    background-color: #333;
}
#topButton:hover span{
    color:#000;
}
.tabs-wrap {
    font-size: 16px;
    color: #777;
    max-width: 90%;
    margin-left: 10%;
    margin-right: 10%;
    display: flex;
    border-bottom: solid 1px #47484A;
    margin-top: 50px;
    white-space:nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}
.tabs {
    margin: 0 43px 16px 1px;
    position: relative;
    cursor: pointer;
}
.tabs-wrap .tabs:last-child{margin-right:0}
.tabs.active {
    color: #F7A834;
}
.tabs.active:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #f7a835;
    position: absolute;
    bottom: -18px;
    left: 0;
    border-radius: 10px;
}
.winner-wrap .owl-stage-outer {
    overflow: hidden;
}
#mobytvideo{
    height: 360px;
    margin-top:15px;
}
@media (max-width: 600px) {
    body{overflow-x: hidden;}
    .d-none{display:block;}
    .m-none{display: none;}
    .header-in{padding: 12px 16px 0;}
    .wrapper{width:100%}
    .wrapp-padd {
        margin: 30px auto 0;
    }
    .nav-menu{width: fit-content;}
    .nav-menu ul li:hover a:before {
        background: transparent;
    }
    .new-tag {
        top: 2px;
        left: 25px;
        right: auto;
    }
    .nav-menu ul:first-child
    {
        display: none;
        width: 75%;
        position: absolute;
        top:59px;
        background: #fff;
        left: 0;
        border-top: 1px solid #ddd;
        text-align: left;
        padding-bottom: 10px;
        height: 900px;
    }
    .nav-menu ul:first-child li {
        width: 100%;
        padding: 10px 20px;
        margin-top: 10px;
        margin-left: 0;
    }
    .nav-menu ul li a.active:before{
        background:transparent;
        height: 0;
    }
    .nav-menu ul li a, .nav-menu ul li span{
        top:7px;
    }
    .top_video {
        position: absolute;
        width: calc(100% + 32px);
        margin: 0 -16px;
    }
    .video-item {
        width: 100%;
        float: unset;
        height: 146px;
        display: inline-block;
        margin: 0 5px;

    }
    .video_thumbs {
        margin: 35px auto 0 14px;
    }
    .banner-txt p, .banner-txt h2{
        font-size: 18px;
        line-height: 26px;
        margin: 22px 0 50px;
    }
    .form-ttl {
        font-size: 15px;
    }
    .other_option li:first-child
    {
        padding-right: 10px;
    }
    ul.other_option {
        line-height: 40px;
    }
    .other_option li:last-child{display: inline-block;}
    .nav-menu ul li.join_li{display: none;}
    .remove-anim-m{
        margin-bottom: auto;
        height: auto;
    }
    .remove-anim-m .crolling_section{
        position: static;
        top: auto;
        height: auto;
    }
    .bg-white:has(> .page_banner) {
        padding: 0px;
    }
    .page_banner {
        flex-direction: column;
        padding: 20px;
        justify-content: center;
        align-items: center;
        border-radius: 0px;
        background-position: -100px;
    }
    .page_banner>a
    {
        margin-bottom: 20px;
        width: unset;
    }
    .page_banner>a:last-child
    {
        margin-bottom: 0px;
    }
    #whyjoin{margin: 0 0 30px;}
    .page_banner img.desktop {
        display: none;
     }
     .page_banner img.msite {
        display: block;
     }
    .photo-wrapper {
        width: 106px;
        height: 155px;
    }
    .slider{
        overflow: auto;
    }
    .slider .owl-stage{width: auto !important;}
    .full-with-m {
        /*margin: 30px -22px 0 -22px;
        width: calc(100% + 44px);*/
    }
    .banner_video{
        margin-top: 58px;
        width: 100%;
        min-height: auto;;
        padding: 0 16px 24px;
        overflow: hidden;
        background-image: url('https://www.91-cdn.com/images/mediatek/top-vdo-bg-msite.png');
        background-position: bottom;
    }
    .banner_video>img
    {
        position: absolute;
        height: 800px;
        width: unset !important;
        z-index: -1;
        left: -16px;
    }
    .banner-content
    {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    /*#banner_video:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background: rgb(0 0 0 / 25%);
        z-index: 1;
        width: 100%;
    }*/
    .banner-txt
    {
        position: unset;
        height: unset;
        margin: unset;
        width: 100%;
        margin-top: 45px;
    }
    .join-com-btn {
        padding: 16px;
        font-size: 16px;
    }
    .banner-txt img
    {
        max-width: 100%;
    }
    .banner-txt p
    {
        font-size: 18px;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .form-container
    {
        margin-top: 40px;
        position: unset;
        height: unset;
        width: 100%;
    }
    .form-box
    {
        float: unset;
        padding: 26px 10px;
        width: 100%;
    }
    .footer .form-box{
        float: unset;
        padding: 32px 0;
        width: 100%;
    }
    .notmember
    {
        font-size: 20px;
    }
    .wrapp-padd
    {
        padding: 0 16px;
    }
    .video-sec{
        margin:30px 0 0;
        text-align: center;
    }
    .welcomvdo{
        margin:0 0;
        text-align: center;
    }
    #welcom_mediatek {
        border-radius: 8px;
        width: 90%;
        margin: 0 auto;
    }
    .video-sec-wrapp{
        min-height:200px;
    }
    .vdthubm-ttl {
        font-size: 14px;
        margin: 8px 5px;
        line-height: 20px;
        width: 100%;
    }
    .section-subhead
    {
        font-size: 16px;
        line-height: 26px;
    }
    .cntr-subhead {
        width: 100%;
        padding: 0 16px;
    }
    .tech-slide-card{
        width:100%;
    }
    .slide-card
    {
        width: 100%;
        margin: 0 5px 0 5px;
        height: unset;
        max-width: 306px;
    }
    .slider .slide-card:first-child{
        margin-left:22px;
    }
    .slide-card span
    {
        font-size: 20px;
        line-height: 25px;
    }
    .fan-name{font-size: 24px;text-align: center;}
    .fan-des{font-size: 16px;text-align: center;line-height: 26px;}
    .auth-slide-wrapper {
        margin: 75px 0 0;
    }
    .auth-slide-wrapper .join-com-btn {
        width: 85%;
        margin: 40px auto 0;
    }
    .left-card, .right-card {
        width: 100%;
    }
    .left-card{height:300px;}
    .right-card {
        height: 255px;
    }
    .whyjoin_slider .owl-item {
        max-width: 216px;
    }
    .whyjoin_slider .owl-item:first-child{
        margin-left: auto;
    }
    .whyjoin.anim_section {
        height: auto;
    }
    #fan-wrap .crolling_section{
        height:auto;
    }
    .fan-frame {
        width: 300px;
        left: 0;
        top: -73px;
        right: 0;
        margin: auto;
    }
    .rotate-card {
        clip-path: inset(0 -2000px -2000px 0);
        position: absolute;
        top: -24px;
        width: 200px;
        height: 221px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .auth-card{
        width: 173px;
        height: 221px;
    }
    .auth-card:nth-child(2){
        top:-1px;
    }
    .auth-card:nth-child(3){
        top:-3px;
    }
    .auth-slider {
        right: -12px;
    }
    .why-bg{ background-position: -68px 323px;background-size: cover;}
    .slide-card img{height:auto}
    .video-txt p{width: unset;font-size: 20px;line-height: 26px;}

    .video-txt p span{display: block;}

    img.vdo-play-icn{width: 48px;z-index: 777;}

    .video-txt{width: 90%;height: 45px;z-index: 0;}
    button.owl-next::before, button.owl-prev::before {
        width: 7px;
        height: 7px;
        top: 9px;
        left: 7px;
    }
    button.owl-prev::before {
        left: 11px;
    }
    .exclusive{padding: 30px 0 30px;}
    button.owl-next, button.owl-prev{width:28px;height:28px}
    .section-ttl{font-size: 28px;width: calc(100% - 46px);line-height:32px;}
    .exclusive .owl-next{top: unset;right: 146px;bottom:3px;}
    .exclusive .owl-prev{top: unset;right: 193px;bottom:3px;}
    .exclusive .section-subhead{max-width: 90%;}
    .tech-slide-card>img{height: 188px;max-width: 100%;}
    .exclusive .wrapper{max-width: 100%;margin-left: 23px;}
    .tech-content{width: 90%;left: 20px;}
    .tech-content h3{font-size: 20px;margin-bottom: 10px;line-height: 26px;}
    .tech-content p{font-size: 14px;line-height: 18px;overflow: hidden;}
    .tech-content> span{margin-top: 10px;font-size: 13px;line-height: 18px;}
    .tech-content a{font-size: 13px; margin-top: 15px; border-radius: 20px; padding: 4px 8px;}
    .techday-slider .owl-stage-outer{overflow: auto;margin-left: 22px;}
    .techday-slider .owl-stage{width:100% !important;transform: initial !important;}
    .techday-slider .owl-item{width:unset !important;}
    .techday-slider .owl-item:first-child{margin-left:0;width:unset !important;}
    .flashback{top: -1px; padding: 50px 0 65px}
    .flashback .wrapper>h2{margin: 0 23px 10px; font-size: 16px;}
    .flashback .section-subhead{line-height: 22px;margin: 10px auto 0;}
    .flashback_slider{margin-top: 30px;}
    .flashback .owl-next{right: 146px;bottom: 20px;}
    .flashback .owl-prev{right: 193px;bottom: 20px;}
    .blacksection { padding: 50px 0 50px;overflow: hidden;}
    .video-title { margin-bottom: 30px;}
    .stay_ahead_sec{padding: 10px 0;}
    .stay_ahead_sec .padd { padding: 0 23px; }
    .lat_devi{width: calc(100% - 23px);margin: 40px 0 0 23px;}
    .lat_news_car .news_box{margin-right:0;}
    .lat_devi>h3{font-size: 24px; width: 100%; line-height: 28px; margin-bottom: 30px;}
    .lat-specs {
        display: flex;
    }
    .lat_devi_slider .owl-item:first-child
    {
        margin-left:0;
    }
    .lat_devi_slider .owl-item {
        margin-right: 16px !important;
    }
    .lat_devi_slider{overflow: auto;margin-left:0}
    .lat_devi_slider .owl-stage{
        margin-left: 0;
        width: 100% !important;
        display: flex;
    }
    .lat_devi_slider .owl-next,.lat_devi_slider .owl-prev,.lat_news_car .owl-next,.lat_news_car .owl-prev{display: none;}
    .lat_devi_slider .pro_box{margin-right: 10px; padding: 20px 20px;width:235px}
    .lat_devi_slider .pro_box .des_txt,.lat_devi_slider .pro_box .name{margin-bottom: 14px;}
    .lat_devi_slider .owl-stage-outer {
        margin-left: 16px;
    }
    .lat_news_car .news_box .img_box{height:134px;margin-bottom: 12px;}
    .m_banner_sec{padding: 50px 0 0; background-color: #000; background-size: 100%;background-position:center 37%;}
    .m_banner_sec>h3{font-size: 26px;line-height: unset;margin-bottom: 10px;}
    .m_banner_sec>h4{font-size: 24px;}

    .mobile_view{margin-top:180px;padding: 0 0 80px;}
    .mobile_view .mobile_frame{padding: 10px;width: 300px;height: 150px;}
    .mobile_view .play_btn{top: 16%;}
    .mobile_view .play_btn svg{width: 48px !important;}
    .latest_news{padding: 50px 0;}
    .latest_news h3, .winners_list h3{font-size: 24px;margin: 0 23px 30px;}
    .latest_news h3 a{font-size: 18px;margin-top: 4px;}
    .lat_news_car{padding-left: 23px; overflow: auto; padding-bottom: 10px;}
    .lat_news_car .news_box .des_txt{font-size: 16px;line-height: 22px;min-height: 90px; max-height: 90px;margin-bottom: 16px;}
    .lat_news_car .news_box .des_txt{-webkit-line-clamp: 4;}
    .join_mediatek{padding: 50px 22px 30px 22px;}
    .join_mediatek .l_box,.join_mediatek .r_box{width: 100%;}
    .join_mediatek .wrapper{display: block;}
    .join_mediatek .l_box>p{font-size: 16px; line-height: 22px;margin-top: 16px;}
    .wrapper.copyright{padding: 30px 0 0;text-align: center;font-weight: 400;font-size: 14px;}
    .copyright .follow_us{width: 100%;margin-bottom: 14px;}
    .copyright .txt{width:100%;text-align: center}
    .copyright .follow_us>span{display: block;top: 0;margin-right: 0;margin-bottom: 14px;}
    .lat_devi_slider .pro_box .storage{margin-bottom: 14px;}
    /* .flashback_slider .owl-item.active.center ~ .owl-item.active .item
    {
        margin-bottom: 10px;
    } */
    #fan-wrap .section-subhead
    {
        margin-top: 12px;
    }
    .flashback .wrapper>h1 {
        font-size: 26px;
        margin: 0 23px 10px;
        line-height: 32px;
    }
    .slider-container {
        padding-right:0;
    }
    .slide-card:last-child {
        margin-right: 20px;
    }
    .tabs-wrap {
        font-size: 14px;
        color: #777;
        display: block;
        border-bottom: solid 1px #47484A;
        margin-top: 21px;
        margin-left: 23px;
        margin-right: 23px;
        overflow: scroll;
        width:100%
    }
    .tabs {
        margin: 5px 43px 12px 1px;
        display: inline-block;
    }
    .tabs.active:after {
        bottom: -16px;
    }
    .subnav {
        position: relative;
        z-index: 999;
        background: #fff;
        width: 237px;
        height: auto;
        top: 18px;
        left: 0;
        border: none;
        display: none;
        padding-bottom:10px
    }
    .subnav li a {
        padding: 0 20px 3px;
    }
    .nav-menu > ul > li {
        height: auto;
    }
    .winner_list_card {
        /* padding-left: 23px; */
        overflow: auto;
        padding-bottom: 10px;
    }
    .winner-img {
        height: 170px;
    }
    .winner_list_card .item {
        width: auto;
        height: auto;
    }
    .winner-name {
        text-align: center;
        padding: 10px 10px;
        line-height: 18px;
        height: 56px;
        font-size: 14px;
    }
    .winner_list_card {
        margin: 20px 0 30px;
    }
    .winners_list .wrapper
    {
        padding: 30px 23px 0px;
    }
    .winners_list .winner-wrap
    {
      flex-direction: column;
      margin-bottom: 0px;
    }
    .winners_list .winn-desc,.winners_list .winner_list_card
    {
      width: 100%;
    }
    .Ytvideo_full iframe
     {
        height: 182px;
        width: 91%;
        margin: 0 auto;
        border-radius: 9px;
     }
     .winner-wrap .owl-stage-outer
     {
        overflow: auto;
     }
     .flashback.greybg {
        padding-bottom: 40px;
    }
    #mobytvideo{
        height: 120px;
        margin-top:3px;
    }
}
.lat_devi_slider .pro_box a.know_btn>.r_arrw_icn,.r_more_btn>.r_arrw_icn
{
    margin-left: unset;
}

@media  (max-width: 360px){
    .winner-img {
        height: 150px;
    }
    /* #fan-wrap .crolling_section {
        height: 100vh;
    } */
}
@media (max-width: 400px) {
    .fan-des {
        font-size: 14px;
        line-height: 22px;
        margin: 12px 0 0;
    }
}
@media (min-width:400px) and (max-width:600px){
    .m_banner_sec {
        background-position: center 38%;
    }
}