/* xPost 總覽頁（software/xpost.html）2026-11-06：連結一律 CAYIN 藍 #007ED4
   xpostoverview.css 另有 mediasign_player.html 共用，所以覆寫放這裡 */
.xpost .contents .smallbox span a,
.SoftwareTitle a,
.finalButton .contents .box a,
.finalButton .contents .box .mylinks a {
	color: #007ED4;
}

.xpost .contents .smallbox span a:hover,
.finalButton .contents .box .mylinks a:hover {
	color: #005fa3;
	text-decoration: underline;
}

/* 內容最寬 1200px；拿掉 #f4f4f4 底色（hero 與 footer 不受影響） */
.SoftwareTitle,
.xpost {
	background-color: transparent;
}

.SoftwareTitle .contents,
.xpost .contents {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	float: none;
}

/* product_new.css 的 body 預設 #f4f4f4，這頁改白底 */
body {
	background-color: #fff;
}

/* lobbyPost／meetingPost／wayfinderPost 卡片標題縮小 */
.xpost .contents .smallbox h2.f35 {
	font-size: 26px;
	line-height: 1.3;
}

/* lobbyPost 頁（software/xpost-lobbypost.html）2026-11-06：
   內容最寬 1200px、拿掉 #f4f4f4 灰底、連結 CAYIN 藍 */
.superMonitor .contents,
.fourEasy .contents,
.fourEasyMp .contents,
.changingDataTypeMp .contents,
.prescheduledDisplay .contents,
.roomBooking .contents,
.makeAppointments .contents,
.threeIcones .contents,
.predesignedTemplates .contents,
.changingDataType .contents,
.fourIcones .contents {
	width: auto;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.fourEasy,
.fourEasyMp,
.predesignedTemplates,
.prescheduledDisplay,
.roomBooking,
.makeAppointments {
	background-color: #fff;
}

.superMonitor a,
.fourEasy a,
.predesignedTemplates a,
.changingDataType a,
.fourIcones a,
.fourEasyMp a,
.prescheduledDisplay a,
.roomBooking a,
.makeAppointments a,
.threeIcones a {
	color: #007ED4;
}

/* xpost.css 手機版把 .menubackground 設成 display:none，hero 會被頂部選單蓋住 */
.menubackground.xpost-sol {
	display: block;
}

/* lobbyPost／meetingPost 子選單標題：xPost › 產品名，xPost 連回總覽頁 */
.productName span a.xpost-parent {
	color: inherit;
	text-decoration: none;
}

.productName span a.xpost-parent:hover {
	color: #007ED4;
}

.productName span .xpost-sep {
	font-style: normal;
	margin: 0 4px;
	opacity: 0.6;
}

/* meetingPost 第二區塊：原本文字絕對定位疊在圖上，內容限 1200 後會重疊
   → 一律用平板版排法：圖在上、文字在下，四種模式排成卡片 */
.fourEasyMp .contents .box .pc { display: none; }
.fourEasyMp .contents .box .tablet { display: block; width: 100%; height: auto; }
.fourEasyMp .contents .box .smallbox {
	position: static;
	float: none;
	width: 100%;
	left: auto;
	padding: 30px 20px 50px;
	background: #fff;
}
.fourEasyMp .contents .box .smallbox h3,
.fourEasyMp .contents .box .smallbox h2 {
	float: none;
	text-align: center;
}
.fourEasyMp .contents .box .smallbox .mp-modes {
	float: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 20px;
	width: 100%;
	margin-top: 10px;
}
.fourEasyMp .contents .box .smallbox .mp-mode {
	background: #f7f9fb;
	border-radius: 6px;
	padding: 20px;
	text-align: left;
}
.fourEasyMp .contents .box .smallbox .mp-mode span {
	float: none;
	max-width: none;
	margin: 0;
	line-height: 1.6;
}
.fourEasyMp .contents .box .smallbox .mp-mode .f20 {
	margin-bottom: 8px;
	color: #333;
}
@media (max-width: 600px) {
	.fourEasyMp .contents .box .smallbox .mp-modes { grid-template-columns: 1fr; }
}

/* 所有連結 CAYIN 藍（hero 桌機版、子選單、xPost 標題、Learn more） */
.smpBanner-section--slant.xpost-sol .header_link_wrap .product_link,
.subButtonAll a,
.productName span a.xpost-parent,
.threeIcones .learnMore a,
.predesignedTemplates a,
.changingDataTypeMp a {
	color: #007ED4;
}
.smpBanner-section--slant.xpost-sol .header_link_wrap .product_link:hover,
.subButtonAll a:hover {
	color: #005fa3;
}
@media (max-width: 600px) {
	/* 手機 hero 是藍底，連結維持白色 */
	.smpBanner-section--slant.xpost-sol .header_link_wrap .product_link { color: #fff; }
}

/* 子選單列（z-index 25、整列寬）蓋住左側標題，xPost 點不到 */
.productName {
	z-index: 26;
	pointer-events: none;
}
.productName span a.xpost-parent {
	pointer-events: auto;
}

.threeIcones .contents .box span .learnMore a,
.threeIcones .contents .box span .learnMore a:hover {
	color: #007ED4;
}

/* wayfinderPost 頁（2026-11-09）：內容最寬 1200px、拿掉灰底、連結藍 */
.wideVarietyApplications .contents,
.manualandAutoDataInput .contents,
.enterWayfinderDataManually .contents,
.receivelivedata .contents,
.builtIn .contents {
	width: auto;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.manualandAutoDataInput,
.builtIn {
	background-color: #fff;
}

.wideVarietyApplications a,
.enterWayfinderDataManually a,
.receivelivedata a,
.builtIn a {
	color: #007ED4;
}

/* 手機 hero 圖：主體都在右側，焦點往右移 */
@media (max-width: 600px) {
	.smpBanner-section--slant.xpost-sol .smpBanner-media img {
		object-position: 82% 50%;
	}
}