@charset "utf-8";
/* CSS Document */

/* 內頁簽名檔 */
.signature {
	float: left;
	width: 96%;
}
.signature ul { width: 100%; }
.signature ul li { width: 50%; }
.signature_msg { color: #4011d0; }

/* 改寫lulu's css for 自訂搜尋引擎 */
#header {
	height: 212px;
	position: relative; /* 鎖定基準點 */
}
#nav {
	top: 150px;
}

/* 自訂搜尋引擎區塊 - 採用精確座標定位 */
.otlink-google-cse {
	position: absolute !important;
	top: 52px !important;    /* 向上微調，對齊 Logo 中心高度 */
	right: 180px !important;  /* 向左拉回，避免歪到右邊去 */
	width: 580px !important;  /* 鎖定寬度與原設計一致 */
	z-index: 999;
}

/* 複寫搜尋引擎cse's css */
.gsc-input input {
	/* 修正：使用完整 HTTPS 路徑，並強化背景圖不重複、不位移 */
	background: url("https://www.hongyi-craft.com.tw/images/hongyi-cse.jpg") 0% 50% no-repeat #fff !important;
	background-size: contain !important;
	width: 100% !important;
	height: 38px !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	padding-left: 10px !important;
	box-sizing: border-box !important;
}

.gsc-input input:focus {
	background: none !important;
	background-color: #fff !important;
}

/* 修正 Google 搜尋按鈕區塊位移問題 */
.cse .gsc-control-cse, .gsc-control-cse {
	background: none !important;
	border: 0px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

/* 搜尋按鈕樣式 */
.cse input.gsc-search-button, input.gsc-search-button {
	background-color: hsl(24, 35%, 36%) !important;
	border: 1px solid hsl(24, 35%, 36%) !important;
	height: 32px !important;
	cursor: pointer;
}

/* --- RWD 設定與相容性 --- */

@media only screen and ( max-width : 960px ) {
	#header {
		height: auto;
		position: static;
	}
	#nav {
		top: 15px;
	}
	/* 手機版還原為流動佈局 */
	.otlink-google-cse {
		position: static !important;
		margin: 1px auto !important;
		width: 95% !important;
		max-width: 100% !important;
	
	}

	#header h1 a {
		background-image: url(../images/logo-s.png)\0; 
	}
	@supports (-ms-accelerator:true) {
		#header h1 a {
			background-image: url(../images/logo-s.png); 
		}
	}
	@-moz-document url-prefix() {  
		.otlink-google-cse {
			margin-top: 11px !important;		
		}
	}
	.signature ul li { width: 100%; }
}

/* 複寫設計 - 編輯器文字重疊問題 from Lulu */ 
.innewsin-left span {
	line-height: 20px;
}