@charset "utf-8";
.right_LinkBox {position: fixed;top:0;right:0;z-index: 9999;}
.right_LinkBox .btn-close{display: block;width: 17px;height: 17px;position: absolute;right:2px;top:0;z-index: 9999;background:#000; border-radius: 50%; box-sizing: border-box;}
.right_LinkBox .btn-close::before,.right_LinkBox .btn-close::after{ position: absolute; content: ''; background: #fff;transform: rotate(45deg) }
.right_LinkBox .btn-close::before{left:4px; right: 4px; height: 1px;top: 8px; }
.right_LinkBox .btn-close::after{top: 4px; bottom: 4px; width: 1px; left: 8px;}
.right_LinkBox .item{display: block;position: relative;}
.right_LinkBox .item a{display: block;}
.LinkBox_H{width: 150px;}
.LinkBox_H .item{margin-top: 10px;}
.LinkBox_V .item{float: left; margin-right: 15px;}
.LinkBox_V .btn-close{top: 5px;right: -3px;}
.btn_prizedraw_H{width: 150px;height: 54px;}
.btn_prizedraw_V{width: 70px;height: 96px;}
.draw_H{background: url('/images_plus/main/btn_draw_H.gif')}
.event_H{background: url('/images_plus/main/btn_event_H.gif')}
.draw_V{background: url('/images_plus/main/btn_draw_V.gif')}
.event_V{background: url('/images_plus/main/btn_event_V.gif')}


/* 240711 調整中文版標籤 */
html.zh-Hans .LinkBox_V,
html.tw .LinkBox_V { padding-top: 5px;}
html.zh-Hans .LinkBox_V .item,
html.tw .LinkBox_V .item{ margin-right: 8px;}
html.zh-Hans .LinkBox_V .item:not(:first-child),
html.tw .LinkBox_V .item:not(:first-child){
   width: 0;
   margin-right: 0;
   transition:.7s;
}
html.zh-Hans .LinkBox_V:hover .item:not(:first-child),
html.tw .LinkBox_V:hover .item:not(:first-child){
   width: auto;   
   margin-right: 8px;
   transition:.3s;
}
html.zh-Hans .LinkBox_V::before,
html.tw .LinkBox_V::before{
   content: "◀ OPEN";
   display: block;
   position: absolute;
   top: 9px;
   right: calc(100% + 14px);
   padding: 2px 10px 2px 10px;
   min-width: 50px;
   line-height: 12px;
   background:linear-gradient(to bottom,#ec0202 40%, #720d0d);
   border-top: 1px solid rgba(0,0,0, 0.2);
   border-radius: 0 0 50px 50px;
   color:#fff;
   font-family: 'Arial', 'Helvetica';
   font-size: 10px;
   text-align:center;
   z-index: 99;
}
html.zh-Hans .LinkBox_V::after,
html.tw .LinkBox_V::after{
   content: "";
   display: block;
   position: absolute;
   height: 20px;
   top:-9px;
   width: 115px;
   border-bottom: 4px solid #ddd;
   border-radius: 0 0  0 50px;
   position: absolute;
   right: calc(100% - 5px);
}
html.zh-Hans .LinkBox_V .item::before,
html.zh-Hans .LinkBox_V .item::after,
html.tw .LinkBox_V .item::before,
html.tw .LinkBox_V .item::after{
   content: "";
   display: block;
   height: 4px;
   width: 25px;
   background-color: #fff;
   position: absolute;
   top: 4px;
   z-index: 9;
   box-shadow: 0 3px 2px rgba(0,0,0, 0.2);
}
html.zh-Hans .LinkBox_V .item::before,
html.tw .LinkBox_V .item::before{
   width: 25px;
   right: 20px;
   border-radius: 100px;
   border-left: 3px solid #333;
   border-right: 3px solid #333;
   transform:rotate(-5deg);
}
html.zh-Hans .LinkBox_V .item::after,
html.tw .LinkBox_V .item::after{
   opacity: 0.8;
   width: 16px;
   left: calc(100% - 4px) ;
   z-index: 999;
   border-left: 0;
   border-right: 0;
   transform:rotate(7deg);
}
html.zh-Hans .LinkBox_V a.btn-close,
html.zh-Hans .LinkBox_V .item:not(:first-child)::before,
html.tw .LinkBox_V a.btn-close,
html.tw .LinkBox_V .item:not(:first-child)::before{ display:none;}
html.zh-Hans .LinkBox_V:hover .item:not(:first-child)::before,
html.tw .LinkBox_V:hover .item:not(:first-child)::before{ display:block;}


/* 220901 英文版(預設)，其他語系換圖 */
html:not(.zh-Hans,.tw) .LinkBox_H .btn-close,html:not(.zh-Hans,.tw) .LinkBox_V .btn-close{top: 0;right: 2px;}
html:not(.zh-Hans,.tw) .right_LinkBox{ top: 5px; }
html:not(.zh-Hans,.tw) .btn_prizedraw_H,html:not(.zh-Hans,.tw) .btn_prizedraw_V{width: 180px;height: 54px;}
html:not(.zh-Hans,.tw) .LinkBox_H .item, html:not(.zh-Hans,.tw) .LinkBox_V .item{margin: 5px 0 0;float: none;}
html:not(.zh-Hans,.tw) .btn-event .btn_prizedraw_V{background: url('/images_plus/main/btn_event_en.gif?ver=2')}
html:not(.zh-Hans,.tw) .btn-draw .btn_prizedraw_V{background: url('/images_plus/main/btn_draw_en.gif')}

html.vi .btn-event .btn_prizedraw_V{background: url('/images_plus/main/btn_event_vi.gif')}
html.vi .btn-draw .btn_prizedraw_V{background: url('/images_plus/main/btn_draw_vi.gif')}
html.th .btn-event .btn_prizedraw_V{background: url('/images_plus/main/btn_event_thai.gif')}
html.th .btn-draw .btn_prizedraw_V{background: url('/images_plus/main/btn_draw_thai.gif')}
html.ko .btn-event .btn_prizedraw_V{background: url('/images_plus/main/btn_event_ko.gif')}
html.ko .btn-draw .btn_prizedraw_V{background: url('/images_plus/main/btn_draw_ko.gif')}

/* 220922 新增世界盃按鈕 */
.LinkBox_H .btn-qatar{margin-left: -30px;}
.qatar_V{background: url('/images_plus/main/btn_22qatar_V.gif')}
.qatar_H{background: url('/images_plus/main/btn_22qatar_H_en.gif');width: 180px;height: 54px;}
html:not(.zh-Hans,.tw) .btn-qatar .btn_prizedraw_V{background: url('/images_plus/main/btn_22qatar_H_en.gif')}
html.vi .btn-event .btn-qatar .btn_prizedraw_V{background: url('/images_plus/main/btn_22qatar_H_vn.gif')}

/* 240426 新增任務中心 */
.task_V{background: url('/images_plus/main/btn_task_V.gif')}
.task_H{background: url('/images_plus/main/btn_task_H.gif');}
html:not(.zh-Hans,.tw) .btn-task .btn_prizedraw_V{background: url('/images_plus/main/btn_task_en.gif')}

/* 240426 新增UEFA 已下架 */
.UEFA_V{background: url('/images_plus/main/btn_24UEFA_V.gif')}
.UEFA_H{margin-left: -30px;}
.UEFA_H,
html:not(.zh-Hans,.tw) .btn-UEFA .btn_prizedraw_V{background: url('/images_plus/main/btn_24UEFA_H.gif');width: 180px;height: 54px;}

/* 240716 新增PARIS奧運 */
.PARIS2024_V{background: url('/images_plus/main/btn_2024PARIS_V.gif')}
.PARIS2024_H{background: url('/images_plus/main/btn_2024PARIS_H.gif');}
html:not(.zh-Hans,.tw) .btn-PARIS2024 .btn_prizedraw_V{background: url('/images_plus/main/btn_2024PARIS_H_en.gif')}

/* 240514 新增積分商城 */
.point_V{background: url('/images_plus/main/btn_point_V.gif')}
.point_H{background: url('/images_plus/main/btn_point_H.gif');}
html:not(.zh-Hans,.tw) .btn-point .btn_prizedraw_V,
html:not(.zh-Hans,.tw) .btn-point .btn_prizedraw_H{background: url('/images_plus/main/btn_point_en.gif')}

/* 240522 新增WE入口 */
.we_V{background: url('/images_plus/main/btn_we_V.gif')}
.we_H{background: url('/images_plus/main/btn_we_H.gif');}
html:not(.zh-Hans,.tw) .btn-we .btn_prizedraw_V,
html:not(.zh-Hans,.tw) .btn-we .btn_prizedraw_H{background: url('/images_plus/main/btn_we_en.gif?ver=2'); }

/* 241210 新增語系-tw */
html.tw .draw_V{background: url('/images_plus/main/btn_draw_V_tw.gif')}
html.tw .event_V{background: url('/images_plus/main/btn_event_V_tw.gif')}
html.tw .task_V{background: url('/images_plus/main/btn_task_V_tw.gif')}
html.tw .point_V{background: url('/images_plus/main/btn_point_V_tw.gif')}