/* DHK Theme Traffic Light Popup */
/* Side float popup style */
.traffic-light-popup{
   --popup-max-width: 460px;
   --popup-title-font-color:#222;
	--popup-main-font-color: #222;
   --popup-title-font-size: 20px;
   --popup-main-font-size: 18px;
   --popup-bgcolor: #FEDACC;
   --popup-primary-color: #FF2642;
   --popup-secondary-color: #F83F65;
   --popup-button-color: #F83F65;
   /* #e2002c */
}
html[lang="en"] .traffic-light-popup{
   --popup-title-font-size: 19px;
   --popup-main-font-size: 17px;
}

.footerexperiencefragment{-webkit-transform:none;}
.information-expandable-box{padding:4px 0; box-shadow: rgba(0, 0, 0, .15) 0px 5px 8px 2px; background-color:var(--popup-primary-color); border-radius:16px 0 0 16px; z-index:1200; overflow:hidden; border:1px solid #ffe7b5; border-right:0; border-left-width:3px;}
.information-expandable-box ::selection{background-color:var(--selection-bgcolor); color:var(--selection-font-color);}
.information-expandable-box.narrow-mode-expandable-box{max-width:var(--popup-max-width);}
.information-expandable-box .information-expandable-box-container{border:0 !important; border-radius:0 !important; background-color:transparent !important; flex-direction:row-reverse !important;}
.information-expandable-box.right .information-expandable-box-container{flex-direction:row !important;}
.information-expandable-box .information-expandable-box-container .box-arrow{flex:0 0 35px; padding:0; background-color:transparent !important;}
.information-expandable-box .information-expandable-box-container .box-arrow .box-arrow-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.26' height='13.377' viewBox='0 0 8.26 13.377'%3E%3Cpath id='arrow-icon-white' d='M12,20.055l5.105-5.117L12,9.822,13.572,8.25l6.688,6.688-6.688,6.688Z' transform='translate(-12 -8.25)' fill='%23ffe7b5'/%3E%3C/svg%3E%0A") !important;}
.information-expandable-box-content{padding:18px 22px !important; flex:auto !important; background-color:var(--popup-bgcolor); border-radius:8px 0 0 8px;}
.information-expandable-box-content h5{font-size:var(--popup-title-font-size) !important; font-weight:700 !important; color:var(--popup-title-font-color) !important; line-height:1.25 !important;}
.information-expandable-box-content *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:var(--popup-main-font-size) !important; line-height:1.3; color:var(--popup-main-font-color) !important;}
.information-expandable-box-content :is(ol, ul){padding-left:26px;}
/* html[lang="en"] .information-expandable-box-content *:not(.information-title, .information-title b){font-size:18px;}
html[lang="en"] .information-expandable-box-content h5{font-size:19px !important;} */
html[lang="zh-CN"] .information-expandable-box-content *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {font-family: 'Noto Serif SC Regular', 'Open Sans Regular' !important;}

a.traffic-button{position:relative; display:inline-flex; justify-content:center; align-items:center; text-align:center; padding:0 44px 0 20px; height:40px; border-radius:999px; background-color:var(--popup-button-color) !important; font-size:16px !important; font-weight:700 !important; color:#FFF !important; transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1);}
a.traffic-button:hover{background-color:var(--popup-button-color) !important;}
a.traffic-button:after{display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); right:18px; width:15px; height:12px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13'%3E%3Cpath id='Union_27' data-name='Union 27' d='M9.463,12.771a.96.96,0,0,1-.1-1.338L12.74,7.447H.931a.948.948,0,0,1,0-1.9H12.74L9.365,1.567A.959.959,0,0,1,9.463.23a.921.921,0,0,1,1.313.1L16,6.5l-5.223,6.172a.921.921,0,0,1-1.313.1Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center;}

@media (max-width: 767.98px) {
   .traffic-light-popup{
      /* --popup-max-width: 460px; */
      --popup-title-font-size: 16px;
      --popup-main-font-size: 15px;
      /* #e2002c */
   }
   html[lang="en"] .traffic-light-popup{
      --popup-title-font-size: 16px;
      --popup-main-font-size: 15px;
   }

   .information-expandable-box-content{padding:10px 12px 15px !important;}
   a.traffic-button{padding:0 40px 0 18px !important; height:36px; font-size:15px !important;}
   a.traffic-button:after{right:14px; width:16px; height:9px;}
}

@media screen and (min-width: 769px) {
    .information-expandable-box.narrow-mode-expandable-box:not(.active) {
        right: calc(0px - var(--popup-max-width) + 34px) !important;
    }
}