/* 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: #fffbf6;
   --popup-primary-color: #dd3420;
   --popup-secondary-color: #ee2e19;
   /* #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:10px 0 0 10px; z-index:1200; overflow:hidden;}
.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-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;} */

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-primary-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-secondary-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;}
}



/* Auto popup style */
html[dir] .es-auto-popup .auto-popup-dialog{background-color:rgba(20, 10, 0, .75); z-index:3000;}
.es-auto-popup .auto-popup-dialog div.dialog-wrapper{height:auto; max-height:70%; max-width:925px;}
.es-auto-popup .auto-popup-dialog div.dialog-container{border-radius:16px !important; max-height:60vh; background:#fffef9;}
html[dir] .es-auto-popup .auto-popup-dialog div.close-dialog-btn{right:0; top:-60px; color:#000; line-height:36px; border:0; background:#fffef9; text-indent:-9999px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 17L9 9M9 9L1 1M9 9L17 1M9 9L1 17' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:18px auto;}
.popup-message{padding:34px 54px !important;}
.popup-message, .popup-message *{font-size:18px !important; font-family:'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif; line-height:1.4;}
.popup-message .popup-message-title{color:#cd2b2d !important; font-weight:700 !important; text-align:center; font-size:28px !important;}
.popup-message .popup-message-content{margin-top:20px;}

@media (max-width: 767.98px) {
   html[dir] .es-auto-popup .auto-popup-dialog{width:100vw !important;}
   html[dir] .es-auto-popup .auto-popup-dialog div.dialog-wrapper{width:calc(100% - 20px - 20px); height:auto; max-height:70%;}
   .es-auto-popup .auto-popup-dialog div.dialog-container{border-radius:12px !important;}
   html[dir] .es-auto-popup .auto-popup-dialog div.close-dialog-btn{width:38px; height:38px; background-size:15px auto;}
   .popup-message{padding:34px 25px !important;}
   .popup-message, .popup-message *{font-size:16px !important;}
   .popup-message .popup-message-title{font-size:22px !important;}
   .popup-message .popup-message-content{margin-top:15px;}
}