body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;background:#fff;overflow: hidden;-webkit-user-select: none;user-select: none;}
body,input,select,textarea{}
img{border:none;outline: none}

@font-face {
    font-family: 'cn';
    src: url('cn.ttf') format('ttf'),
        url('cn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'en';
    src: url('en.ttf') format('ttf'),
        url('en.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.cn{font-family: "cn";display: none}
.en{font-family: "en";display: none}


.top_bar{position: absolute;left: 0;top: 0;width: 100%;height: 120px}
.top_bar .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.top_bar .logo2{position: absolute;left: 38px;top: 50%;transform: translate(0%,-50%);}
.top_bar .open_count{position: absolute;right: 10px;top: 0px;}
.top_bar .open_count .back{display: block;}
.top_bar .open_count #count_time{position: absolute;width: 68px;height: 68px;color: #222222;font-size: 32px;text-align: center;line-height: 68px;right: 30px;top: 22px;}
.top_bar .language_bar{position: absolute;width: 178px;height: 60px;right: 40px;top: 50%;transform: translate(0,-50%);background: #f7f7f7;border-radius: 32px;}
.top_bar.white .language_bar{background: white}
.top_bar .language_bar .bar{position: absolute;left: 2px;top: 2px;width: 88px;height: 56px;background: #f40000;border-radius: 32px;transition: all 0.1s linear}
.top_bar .language_bar .left{position: absolute;left: 0;top: 0;width: 92px;text-align: center;font-size: 28px;line-height: 60px;}
.top_bar .language_bar .right{position: absolute;right: 0;top: 0;width: 92px;text-align: center;font-size: 28px;line-height: 60px;font-family: 'en';}
.top_bar .language_bar.lan_cn .left{color: white;}
.top_bar .language_bar.lan_cn .right{color: #555555;}
.top_bar .language_bar.lan_en .left{color: #555555;}
.top_bar .language_bar.lan_en .right{color: white;}
.top_bar .language_bar.lan_en .bar{transform: translate(86px,0);}
.top_bar .back_btn{position: absolute;left: 20px;top: 50%;transform: translate(0,-50%);padding: 10px 20px;}

.login_pop{background: white;display: none;overflow-y: auto;-webkit-overflow-scrolling:touch;}
.login_pop .inner{position: absolute;left: 0;top: 200px;width: 100%}
.login_pop .inner .logo{display: block;margin: 0 auto}
.login_pop .inner .headline{padding: 40px 0 80px 0;text-align: center;font-size: 24px;color: #222222;line-height: 30px;width: 90%;margin: 0 auto}
.login_pop .inner .form{position: relative;width: 554px;margin: 0 auto 24px auto}
.login_pop .inner .form .grid{position: relative;width: 100%;height: 88px;background: #f7f7f7;border-radius: 16px; display: flex;margin-bottom: 16px;align-items: center;}
.login_pop .inner .form .grid .label{flex-shrink: 0;padding: 0px 32px;font-size: 28px;color: #555555;}
.login_pop .inner .form .grid  .input_wrapper{flex-grow: 1;height: 100%}

.login_pop .inner .form .grid  .input_wrapper input {width: 100%;height: 100%;padding: 0px 28px;border: none;background: transparent;font-size: 28px;color: #000;outline: none;text-align: right;box-sizing: border-box;}

.login_pop .inner .form .grid  .input_wrapper input::placeholder {color: #ccc;}
.login_pop .inner .tnc{margin-bottom: 20px;width: 554px;margin: 0 auto 20px auto}
.login_pop .inner .tnc .txt{color: black;font-size: 24px;padding-left: 60px;background: url(https://oss.besta-s.com/cocacola-2026/check-off.png) left top no-repeat;line-height: 40px;display: inline-block;margin-bottom: 10px}
.login_pop .inner .tnc .txt span{text-decoration: underline;}
.login_pop .inner .tnc .txt.active{background: url(https://oss.besta-s.com/cocacola-2026/check-on.png) left top no-repeat;}
.login_pop .inner .login_btn{width: 550px;height: 100px;margin: 0 auto;border-radius: 88px;text-align: center;line-height: 100px;color: white;background: #f40000;font-size: 36px;}

.pop_alert{display: none;z-index: 999;position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.pop_alert .txt{font-size: 24px;line-height: 60px;height: 60px;padding:0 50px;color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.6);border-radius: 25px;white-space: nowrap;}

.container{position: fixed;width: 100%;height: 100%;left: 0;top: 0%;transform-origin: 0 0;overflow: hidden;}
.landing .bg{position: absolute;left: 0;top: 50%;width: 100%;transform: translate(0,-50%);}



.fullpage{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;}

.tnc_pop{position: fixed;background: linear-gradient(180deg, rgba(227, 228, 231, 0.8) 0%, rgba(227, 228, 231, 0.8) 100%);backdrop-filter: blur(10px);opacity: 0;visibility: hidden;transition: all 0.2s linear}
.tnc_pop.show{opacity: 1;visibility: visible;}
.tnc_pop .inner{position: absolute;width: 100%;height: 1030px;background: white;border-top-left-radius: 56px;border-top-right-radius: 56px;left: 0;bottom: 0;transform: translate(0,50px);transition: all 0.2s linear 0.1s}
.tnc_pop.show .inner{transform: translate(0,0);}
.tnc_pop .inner .headline{font-size: 56px;text-align: center;color: #F40000;font-weight: bold;line-height: 140px;}
.tnc_pop .inner .content{position: relative;height: 670px;overflow-y: auto;-webkit-overflow-scrolling:touch;}
.tnc_pop .inner .content .title{color: #222222;font-size: 28px;padding: 0 42px;text-align: center;padding-bottom: 30px;font-weight: bold;}
.tnc_pop .inner .content p{color: #222222;font-size: 28px;padding: 0 42px;}
.tnc_pop .inner .btn_list{text-align: center;position: absolute;left: 0;top: 852px;width: 100%}
.tnc_pop .inner .btn_list .btn1{display: inline-block;width: 240px;height: 86px;box-sizing: border-box;border: 2px solid black;text-align: center;line-height: 86px;font-size: 36px;border-radius: 44px;color: black;margin: 0 15px;background: #f5f5f5}
.tnc_pop .inner .btn_list .btn2{display: inline-block;width: 380px;height: 86px;box-sizing: border-box;text-align: center;line-height: 86px;font-size: 36px;border-radius: 44px;background: #F40000;color: white;margin: 0 15px}
.tnc_pop .inner .btn_list .btn2.disable{color: rgba(256, 256, 256, 0.4);}


.error_pop{display: none}
.error_pop .back{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.homepage .bg2{position: relative;width: 100%}
.homepage .txt1{position: absolute;left: 50%;top: 368px;transform: translate(-50%,0);}
.homepage .nav1{position: absolute;left: 50%;top: 808px;transform: translate(-50%,0);}
.homepage .nav1 .back{display: block;}
.homepage .nav1 .link1{position: absolute;left: 0;top: 0;width: 50%;height: 100%}
.homepage .nav1 .link2{position: absolute;left: 50%;top: 0;width: 50%;height: 100%}
.homepage .nav1 .link .txt{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.homepage .nav1 .link .title{font-size: 32px;color: black;padding: 0 0 10px 40px;font-weight: bold;}
.homepage .nav1 .link .title.en{font-size: 28px;letter-spacing: -1px;}
.homepage .nav1 .link .detail{font-size: 24px;color: black;padding: 0 45px 0 40px;background: url(https://oss.besta-s.com/cocacola-2026/icon1.png) right center no-repeat;height: 34px;line-height: 34px;}
.homepage .nav1 .link .detail.en{letter-spacing: -1px}


.homepage .mid{position: absolute;left: 0;top: 977px;width: 100%}
.homepage .mid .back{display: block;width: 100%}
.homepage .mid .welcome{position: absolute;left: 42px;top: 40px;font-size: 40px;font-weight: bold;color: black;width: 330px}
.homepage .mid .welcome span{font-size: 36px;overflow: hidden;display: block;}
.homepage .mid .welcome.en span{font-size: 36px;}
.homepage .mid .agenda_link{position: absolute;left: 32px;top: 225px;width: 342px;height: 258px;}
.homepage .mid .agenda_link h2{padding: 38px 0 2px 32px;font-size: 44px;color: white}
.homepage .mid .agenda_link h2.en{font-size: 28px;padding-top: 20px;font-weight: bold;}
.homepage .mid .agenda_link h3{padding: 0 0 0 32px;font-size: 28px;color: white}
.homepage .mid .agenda_link h3.en{font-size: 24px;letter-spacing: -1px;padding-top: 15px;}
.homepage .mid .agenda_link .btn1{position: absolute;left: 32px;top: 166px;width: 216px;height: 60px;line-height: 60px;border-radius: 156px;text-align: center;color: white;background: black}
.homepage .mid .agenda_link .btn1 span{font-size: 30px;padding-left: 40px;background: url(https://oss.besta-s.com/cocacola-2026/icon2.png) left center no-repeat;}

.homepage .mid .meeting_info{position: absolute;left: 390px;top: 27px;width: 328px;height: 256px;}
.homepage .mid .meeting_info h2{margin: 34px 0 0px 32px;font-size: 32px;color: black;display: inline-block;padding-right: 44px;background: url(https://oss.besta-s.com/cocacola-2026/icon1.png) right center no-repeat;}
.homepage .mid .meeting_info h2.en{font-size: 22px;line-height: 34px;font-weight: bold;}
.homepage .mid .meeting_info .detail{position: absolute;left: 0;top: 70px;width: 100%;height: 190px;display: grid; align-content: center;}
.homepage .mid .meeting_info .detail .grid{font-size: 48px;font-family: "en";color: black;padding: 0px 0 0px 30px;font-weight: bold;position: relative;}
.homepage .mid .meeting_info .detail .grid .time{font-size: 24px;display: block}
.homepage .mid .meeting_info .detail .grid.en{font-size: 46px;}
.homepage .mid .meeting_info .detail .grid.en  .time{font-size: 22px;}
.homepage .mid .meeting_info .detail .empty_hint{font-size: 32px;padding-left: 30px;opacity: 0;visibility: hidden;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);font-weight: bold;}
.homepage .mid .meeting_info .detail.empty .empty_hint{opacity: 1;visibility: visible;}
.homepage .mid .meeting_info .detail.empty .grid{display: none}

.homepage .mid .dinner_info{position: absolute;left: 390px;top: 292px;width: 328px;height: 186px;}
.homepage .mid .dinner_info h2{margin: 34px 0 0px 32px;font-size: 32px;color: black;display: inline-block;padding-right: 44px;background: url(https://oss.besta-s.com/cocacola-2026/icon1.png) right center no-repeat;}
.homepage .mid .dinner_info h2.en{font-size: 22px;line-height: 34px;font-weight: bold;}
.homepage .mid .dinner_info .detail{position: absolute;left: 0;top: 70px;width: 100%;height: 114px;display: grid; align-content: center;}
.homepage .mid .dinner_info .detail .grid{font-size: 48px;font-family: "en";color: black;padding: 10px 0 10px 30px;font-weight: bold;position: relative;}
.homepage .mid .dinner_info .detail .grid .table{font-size: 24px;}
.homepage .mid .dinner_info .detail .grid .time{font-size: 24px;display: block}
.homepage .mid .dinner_info .detail .grid.en{font-size: 46px;}
.homepage .mid .dinner_info .detail .grid.en  .time{font-size: 22px;}
.homepage .mid .dinner_info .detail .empty_hint{font-size: 32px;padding-left: 30px;opacity: 0;visibility: hidden;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);font-weight: bold;}
.homepage .mid .dinner_info .detail.empty .empty_hint{opacity: 1;visibility: visible;}
.homepage .mid .dinner_info .detail.empty .grid{display: none}

.homepage .btm{position: absolute;left: 0;top: 1529px;width: 100%;text-align: center;}
.homepage .btm .btn1{padding-left: 66px;background: url(https://oss.besta-s.com/cocacola-2026/icon3.png) left center no-repeat;font-size: 28px;color: #555555;display: inline-block;height: 50px;line-height: 50px;}

.hotel .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 50px 0;line-height: 70px}
.hotel .headline.en{font-size: 60px;}
.hotel .switch_bar{height: 100px;border-bottom: 2px solid #d0d0d0;position: relative;display: flex;box-sizing: border-box;margin-bottom: 20px}
.hotel .switch_bar .menu{flex: 1;text-align: center;height: 100px;line-height: 100px;color: black;font-size: 36px;}
.hotel .switch_bar .menu.en{font-size: 32px;}
.hotel .switch_bar.index1 .menu1{color: #F40000}
.hotel .switch_bar.index2 .menu2{color: #F40000}
.hotel .switch_bar .bar{position: absolute;left: 44px;width: 288px;bottom: 0;height: 6px;background: #f40000;transition: all 0.1s linear}
.hotel .switch_bar.index1 .bar{left: 44px;}
.hotel .switch_bar.index2 .bar{left: 419px;}
.hotel .inner{position: relative;width: 100%;height: calc(100% - 20px - 342px);overflow-y: auto;-webkit-overflow-scrolling:touch;}
.hotel .inner .content{display: none}
.hotel .inner .content .pic1{display: block;width: 100%}
.hotel .inner .content .info{width: 656px;margin: 0 auto}
.hotel .inner .content .info .title{height: 168px;border-bottom: 1px solid #d0d0d0;position: relative;margin-bottom: 74px}
.hotel .inner .content .info .title h2{color: black;font-size: 56px;font-weight: bold;line-height: 168px;}
.hotel .inner .content .info .title h2.en{line-height: 70px;padding-top: 30px;font-size: 40px;letter-spacing: -2px}

.hotel .inner .content .info .title .link1{position: absolute;right: 105px;top: 48px;width: 50px;padding-top: 60px;background: url(https://oss.besta-s.com/cocacola-2026/icon4.png) center top no-repeat;font-size: 22px;color: black}
.hotel .inner .content .info .title .link2{position: absolute;right: 0px;top: 48px;width: 50px;padding-top: 60px;background: url(https://oss.besta-s.com/cocacola-2026/icon5.png) center top no-repeat;font-size: 22px;color: black}
.hotel .inner .content .info .title .link2.en{text-align: center;width: 100px;right: -25px}
.hotel .inner .content .info .txt1{font-size: 28px;color: black;line-height: 40px;}
.hotel .inner.index1 .content1{display: block;}
.hotel .inner.index2 .content2{display: block;}

.qa_pop .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 20px 0;line-height: 70px;font-family: "en"}
.qa_pop .sub{font-size: 32px;color: black;text-align: center;padding: 30px;}
.qa_pop .inner{position: relative;width: 670px;height: 588px;border-radius: 40px;background: white;box-shadow: 0px 12px 24px 0px rgba(175, 175, 175, 0.1);margin: 0 auto}
.qa_pop .inner textarea{display: block;width: 100%;box-sizing: border-box;height: 440px;color: black;font-size: 28px;border: none;outline: none;background: none;padding: 34px;font-family: "cn","en"}
.qa_pop .inner textarea::placeholder{color: #ccc;}
.qa_pop .inner .submit_btn{position: absolute;left: 50%;bottom: 42px;transform: translate(-50%,0);background: #f40000;width: 550px;height: 100px;line-height: 100px;border-radius: 88px;color: white;font-size: 36px;text-align: center;}

.qa_pop .rate_box{position: absolute;left: 50%;bottom: 20px;transform: translate(-50%,0);}
.qa_pop .rate_box .title{position: absolute;left: 168px;top: 24px;height: 100px;font-size: 28px;color: white;line-height: 100px;}
.qa_pop .rate_box .star_box{position: absolute;left: 76px;top: 156px;}
.qa_pop .rate_box .star_box .star{float: left;width: 70px;height: 70px;background: url(https://oss.besta-s.com/cocacola-2026/star-off.png) center no-repeat;margin-right: 16px;}
.qa_pop .rate_box .star_box .star.on{background: url(https://oss.besta-s.com/cocacola-2026/star-on.png) center no-repeat;}
.qa_pop .rate_box .rate_submit{position: absolute;right: 80px;bottom: 103px;background: black;width: 108px;height: 52px;line-height: 52px;border-radius: 52px;color: white;font-size: 26px;text-align: center;}
.qa_pop .rate_box .rate_submit.disable{background: #cccccc}

.qa_pop .rate_box .hint{position: absolute;left: 50%;top: 175px;transform: translate(-50%,0);color: #555555;font-size: 28px;padding-right: 30px;background: url(https://oss.besta-s.com/cocacola-2026/icon6.png) right center no-repeat;height: 40px;line-height: 40px;display: none}
.qa_pop .rate_box.done .hint{display: block;}
.qa_pop .rate_box.done .star_box .star{display: none}
.qa_pop .rate_box.done .rate_submit{opacity: 0;visibility: hidden}

.success_pop{display: none}
.success_pop .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.dinner_pop .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 112px 0;line-height: 70px}
.dinner_pop .my_seat{width: 176px;height: 176px;border-radius: 176px;background: #F40000;text-align: center;line-height: 176px;color: white;font-size: 56px;font-family: "en";font-weight: bold;margin: 0 auto}
.dinner_pop .txt1{text-align: center;font-size: 32px;color: black;padding: 15px 0 76px 0}
.dinner_pop .txt2{text-align: center;font-size: 48px;color: #F40000;padding-bottom: 30px;}
.dinner_pop .txt3{text-align: center;font-size: 24px;color: #555555;padding-top: 30px;}

.dinner_pop .table{display: block;margin: 0 auto}

.meeting_pop .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 50px 0;line-height: 70px}
.meeting_pop .headline.en{font-size: 56px;}
.meeting_pop .my_seat{width: 176px;height: 176px;border-radius: 176px;background: #F40000;text-align: center;line-height: 176px;color: white;font-size: 56px;font-family: "en";font-weight: bold;margin: 50px auto 0 auto}
.meeting_pop .txt1{text-align: center;font-size: 32px;color: black;padding: 15px 0 76px 0}
.meeting_pop .txt2{text-align: center;font-size: 48px;color: #F40000;padding-bottom: 30px;}
.meeting_pop .txt3{text-align: center;font-size: 24px;color: #555555;padding-top: 30px;}

.meeting_pop .table{display: block;margin: 0 auto}
.meeting_pop .switch_bar{height: 100px;border-bottom: 2px solid #d0d0d0;position: relative;display: flex;box-sizing: border-box;margin-bottom: 20px;}
.meeting_pop .switch_bar .menu{flex: 1;text-align: center;height: 100px;line-height: 40px;color: black;font-size: 32px;font-family: "en","cn"}
.meeting_pop .switch_bar.index1 .menu1{color: #F40000}
.meeting_pop .switch_bar.index2 .menu2{color: #F40000}
.meeting_pop .switch_bar .bar{position: absolute;left: 44px;width: 288px;bottom: 0;height: 6px;background: #f40000;transition: all 0.1s linear}
.meeting_pop .switch_bar.index1 .bar{left: 44px;}
.meeting_pop .switch_bar.index2 .bar{left: 419px;}

.meeting_pop .inner{position: relative;width: 100%;height: calc(100% - 20px - 342px);overflow-y: auto;-webkit-overflow-scrolling:touch;}
.meeting_pop .inner .content{display: none}
.meeting_pop .inner.index1 .content1{display: block;}
.meeting_pop .inner.index2 .content2{display: block;}

.meeting_pop .switch_bar.total1 .menu2{display: none}
.meeting_pop .switch_bar.total1 .bar{left: 231px;}

.agenda_pop .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 50px 0;line-height: 70px}
.agenda_pop .switch_bar{height: 100px;border-bottom: 2px solid #d0d0d0;position: relative;display: flex;box-sizing: border-box;}
.agenda_pop .switch_bar .menu{flex: 1;text-align: center;height: 100px;line-height: 40px;color: black;font-size: 32px;font-family: "en","cn"}
.agenda_pop .switch_bar.index1 .menu1{color: #F40000}
.agenda_pop .switch_bar.index2 .menu2{color: #F40000}
.agenda_pop .switch_bar.index3 .menu3{color: #F40000}

.agenda_pop .switch_bar .bar{position: absolute;left: 18px;width: 214px;bottom: 0;height: 6px;background: #f40000;transition: all 0.1s linear}
.agenda_pop .switch_bar.index1 .bar{left: 18px;}
.agenda_pop .switch_bar.index2 .bar{left: 268px;}
.agenda_pop .switch_bar.index3 .bar{left: 518px;}

.agenda_pop .inner{position: relative;width: 100%;height: calc(100% - 342px);overflow-y: auto;-webkit-overflow-scrolling:touch;}
.agenda_pop .inner .content{display: none}
.agenda_pop .inner.index1 .content1{display: block;}
.agenda_pop .inner.index2 .content2{display: block;}
.agenda_pop .inner.index3 .content3{display: block;}

.agenda_pop .inner .content .slogan{font-size: 48px;color: #F40000;padding: 70px 0 45px 0;text-align: center;}
.agenda_pop .inner .content .table{width: 702px;margin: 0 auto}
.agenda_pop .inner .content .table .top{height: 88px;background: #F40000;color: white;font-size: 28px;display: flex;}
.agenda_pop .inner .content .table .row1{text-align: center;width: 146px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
.agenda_pop .inner .content .table.en .row1{font-size: 24px;}
.agenda_pop .inner .content .table.en .left .row1{font-size: 20px;}

.agenda_pop .inner .content .table .row3{text-align: left;width: 250px;font-size: 28px;box-sizing: border-box;padding-left: 10px;display: flex;align-items: center;}
.agenda_pop .inner .content .table .row3 .txt{font-size: 28px;display: flex;align-items: center;padding: 15px 0}
.agenda_pop .inner .content .table .row3.spe{flex-direction: column;align-items: normal;}
.agenda_pop .inner .content .table.en .row3{font-size: 24px;}
.agenda_pop .inner .content .table.en .row3 .txt{font-size: 20px;}
.agenda_pop .inner .content .table.en .left .row3{font-size: 20px;}


.agenda_pop .inner .content .table .row4{text-align: left;width: 160px;height: 100%;line-height: 88px;font-size: 28px;box-sizing: border-box;padding-left: 10px;}
.agenda_pop .inner .content .table.en .row4{font-size: 24px;}

.agenda_pop .inner .content .table .grid{display: flex;background: white;align-items: stretch;}
.agenda_pop .inner .content .table .grid .left{width: 542px;border-right: 1px solid #dedede;box-sizing: border-box;}
.agenda_pop .inner .content .table .grid .left.flex{display: flex;}
.agenda_pop .inner .content .table .grid .left .line{width: 542px;display: flex;min-height: 88px;border-bottom: 1px solid #dedede;box-sizing: border-box;align-items: stretch;}

.agenda_pop .inner .content .table .grid .right{width: 160px;display: flex;font-size: 28px;box-sizing: border-box;padding-left: 10px;display: flex;align-items: center;border-bottom: 1px solid #dedede;}
.agenda_pop .inner .content .table.en .grid .right{font-size: 20px;}
.agenda_pop .inner .content .table .grid .right .txt{font-size: 28px;display: flex;align-items: center;padding: 15px 0}
.agenda_pop .inner .content .table.en .grid .right .txt{font-size: 20px;}
.agenda_pop .inner .content .qa_btn{position: relative;width: 160px;height: 48px;border-radius: 48px;background: #F40000;text-align: center;margin-bottom: 20px;display: none}
.agenda_pop .inner .content .qa_btn .btn{padding-left: 36px;background: url(https://oss.besta-s.com/cocacola-2026/icon2.png) left center no-repeat;font-size: 24px;color: white;font-family: "en";height: 100%;display: inline-block;line-height: 48px;background-size: 18px auto}



.album_pop .headline{font-size: 64px;color: #F40000;text-align: center;font-weight: bold;padding: 122px 0 60px 0;line-height: 70px}
.album_pop .headline.en{font-size: 56px;}
.album_pop .inner{position: relative;width: 100%;height: calc(100% - 252px);overflow-y: auto;-webkit-overflow-scrolling:touch;}
.album_pop .inner .grid{display: block;width: 670px;margin: 0 auto 25px auto;position: relative;height: 324px;background: #f40000;border-radius: 40px;}
.album_pop .inner .grid .back{display: block;width: 100%}
.album_pop .inner .grid .icon{position: absolute;left: 480px;top: 164px;}
.album_pop .inner .grid .name{position: absolute;left: 48px;top: 50px;font-size: 48px;color: white;line-height: 50px;}
.album_pop .inner .grid .name.en{font-size: 44px;}
.album_pop .inner .grid .time{position: absolute;left: 48px;top: 128px;font-size: 28px;color: white;line-height: 30px;}
.album_pop .inner .grid .btn1{position: absolute;left: 48px;bottom: 26px;width: 216px;height: 60px;line-height: 60px;background: white;border-radius: 60px;text-align: center;}
.album_pop .inner .grid .btn1 span{padding-left: 43px;background: url(https://oss.besta-s.com/cocacola-2026/icon7.png) left center no-repeat;font-size: 30px;color: black}











@media (min-aspect-ratio: 750/1500) {   
.homepage{top: auto;bottom: 0;height: 1600px;}
}

@media (min-aspect-ratio: 750/1400) {   
.homepage .bg2{margin-top: 40px;}
}

@media (min-aspect-ratio: 750/1300) {   
.homepage .bg2{margin-top: 110px;}
}

/*@media (min-aspect-ratio: 750/1380) {   
.meeting_pop .my_seat{margin-top: 0px;}
.meeting_pop .txt1{padding-bottom: 20px;}
}*/