@charset "utf-8";
/* ============================================================
 * 手機版全站「活動跑馬燈條 + 全屏活動層」  2026-09-26
 * 由 Web/Mobile/top.html 引入（全站手機頁面都會出現）
 * 點跑馬燈條 → 不跳頁，當前頁彈 100% 視口全屏活動層（iframe 載入 /Coupon_act?embed=1）
 * ============================================================ */
.jyb{position:relative;z-index:5;display:block;width:100%;max-width:100%;box-sizing:border-box;
	height:38px;line-height:38px;overflow:hidden;
	background:#ff6a3d;
	background:-webkit-linear-gradient(left,#ff8a3d 0%,#ff5a4d 55%,#e8384f 100%);
	background:linear-gradient(90deg,#ff8a3d 0%,#ff5a4d 55%,#e8384f 100%);
	box-shadow:0 1px 4px rgba(0,0,0,.18);}
.jyb_a{display:block;height:38px;text-decoration:none;color:#fff;}
/* 2026-09-27 反饋：「手機版滾動廣告條背景和文字似乎有點不搭」
   真因：jQuery Mobile 的 .ui-link{color:#3388cc} 與本檔的 .jyb_a（同權重 0,1,0）
        但它排在 actbar.css 之後 → 勝出，把橙紅底的跑馬燈文字染成藍色（橙底藍字）。
   對策：提高權重釘死白字（.jyb .jyb_a = 0,2,0）。 */
.jyb .jyb_a,.jyb .jyb_a *,.jyb .jyb_go{color:#fff;}
.m_draw,.m_draw *{text-decoration:none;}
.m_draw{color:#FFE7A0;}
.jyb_in{display:-webkit-box;display:-webkit-flex;display:flex;
	-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:38px;}
.jyb_ico{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 6px 0 9px;font-size:15px;}
.jyb_vp{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;overflow:hidden;height:38px;position:relative;}
.jyb_tx{display:inline-block;white-space:nowrap;padding-left:100%;font-size:13px;font-weight:bold;
	will-change:transform;-webkit-animation:jybRun 16s linear infinite;animation:jybRun 16s linear infinite;}
@-webkit-keyframes jybRun{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-100%);}}
@keyframes jybRun{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.jyb_go{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 10px;height:38px;line-height:38px;
	background:rgba(0,0,0,.16);font-size:12px;font-weight:bold;white-space:nowrap;}
/* 在 iframe（全屏活動層）裡 → 不再顯示條，避免自我嵌套 */
html.jyb_hide .jyb{display:none !important;}

/* ---------- 全屏活動層：蓋住站頭/站底，佔滿整個視口 ---------- */
.jyb_lay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:2147483000;
	background:#f4f1ee;-webkit-overflow-scrolling:touch;}
.jyb_lay.on{display:block;}
.jyb_hd{position:absolute;left:0;right:0;top:0;height:44px;line-height:44px;background:#161616;color:#fff;
	padding:0 12px;font-size:14px;font-weight:bold;overflow:hidden;}
.jyb_hd span{float:left;}
.jyb_x{float:right;color:#ffd9c9;font-size:13px;font-weight:normal;text-decoration:none;padding:0 2px;}
.jyb_bd{position:absolute;left:0;right:0;top:44px;bottom:0;overflow:hidden;}
.jyb_bd iframe{display:block;width:100%;height:100%;border:0;background:#fff;}
body.jyb_lock{overflow:hidden;}

@media (max-width:360px){
	.jyb_tx{font-size:12px;}
	.jyb_go{padding:0 6px;font-size:11px;}
}