.cookies{z-index:1201 !important;}
#add-to-home-screen-popup{
   --athsp-color-red: #ec1f48;
   display:none; position:fixed; left:50%; bottom:20px; transform:translateX(-50%); width:100%; /* max-width:82vw; */ max-width:315px; max-height:80vh; box-shadow:0px 0px 50px 0px rgba(0,0,0,.15); border-radius:12px; border:1px solid #ddd; background-color:#fff; z-index:1200;
}
#add-to-home-screen-popup .os-theme-dark {
	--os-handle-bg: #ff1600;
	--os-handle-bg-hover: #ff1600;
	--os-handle-bg-active: #ff1600;
	--os-size: 8px;
	--os-track-border-radius: 8px;
	--os-handle-border-radius: 8px;
}
#add-to-home-screen-popup.active{display:block !important;}
#add-to-home-screen-popup a.close-btn{display:block; position:absolute; right:0; top:0; transform:translate(50%, -50%); width:24px; height:24px; background-image:url(/content/dam/dhk/common/close-white.svg); background-size:13px auto; background-repeat:no-repeat; background-position:center; background-color:#7f7f7f !important; border-radius:50%;}

#welcome-screen *:not(.button-capsule){font-family:arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; line-height:1.3 !important; font-weight:700 !important;}
html[lang="zh-CN"] #welcome-screen *{font-family:arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#welcome-screen{padding:17px 20px;}
#welcome-screen .main-content{display:flex; flex-direction:row; flex-wrap:nowrap; min-width:0;}
#welcome-screen .main-content-left{flex:0 0 77px; position:relative; padding-right:16px;}
#welcome-screen .main-content-left:after{display:block; content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#b2b2b2;}
#welcome-screen .main-content-right{flex:0 0 calc(100% - 77px); padding-left:16px;}
#welcome-screen .app-icon{border-radius:12px; overflow:hidden; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
#welcome-screen .app-icon > img{width:100%;}
#welcome-screen .main-content-right *{font-size:12px !important;}
#welcome-screen .action-group{margin-top:8px; display:flex; flex-direction:row; align-items:center; gap:12px;}
.button-capsule{display:inline-block; padding:6px 10px; border-radius:999px; background-color:#e30613 !important; line-height:1 !important;}
.button-capsule, .button-capsule *{color:#fff !important;}
.button-capsule.btn-how-to-add{white-space:nowrap;}
.btn-no-show-again{color:#888 !important;}

#guide-screen *{font-family:'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; line-height:1.3 !important; font-weight:700 !important;}
html[lang="zh-CN"] #guide-screen ol.guide-list *{font-family:'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#guide-screen .main-content{padding:30px 25px 35px;}
#guide-screen .guide-heading{margin-bottom:20px; font-size:18px !important; color:var(--athsp-color-red) !important;}

#guide-screen .scroll-area{padding-right:10px; max-height:70vh; overflow:auto;}
@-moz-document url-prefix() {
	#guide-screen .scroll-area{scrollbar-color:var(--scrollarea-scrollbar-color-thumb) var(--scrollarea-scrollbar-color-track); scrollbar-width:thin; scrollbar-gutter:auto;}
}
@supports selector(::-webkit-scrollbar) {
	#guide-screen .scroll-area::-webkit-scrollbar-thumb{border-radius:999px; border:3px solid transparent; background-clip:content-box; background:var(--scrollarea-scrollbar-color-thumb); cursor:pointer;}
	#guide-screen .scroll-area::-webkit-scrollbar-track{border-radius:999px; background:var(--scrollarea-scrollbar-color-track);}
	#guide-screen .scroll-area::-webkit-scrollbar{width:var(--scrollarea-scrollbar-width);}
}
ol.guide-list{list-style:none; padding-left:0; margin-left:0; counter-reset:list-counter;}
ol.guide-list li{position:relative; counter-increment:list-counter;}
ol.guide-list li:not(:last-child){margin-bottom:15px;}
ol.guide-list li .list-item-head::before{display:block; content:counter(list-counter); position:absolute; left:0; top:0; width:20px; height:20px; font-weight:800; color:#fff; background-color:var(--athsp-color-red); line-height:20px; border-radius:50%; text-align:center; font-size:12px !important;}
ol.guide-list li .list-item-head{position:relative; padding-left:28px;}
ol.guide-list li .list-item-body{text-align:center;}
ol.guide-list li .list-item-body > img{display:inline-block; max-width:100%;}