|
$XmlID$ $GroupName$ $CtrlBtn$
|
|
| | |
|
$XmlID$ $GroupName$ $CtrlBtn$
html, body { background:#FBFAF8;}
/* 自訂CSS */
.BlogListList{
white-space: normal;
word-break: break-word;
}
.BlogListList .MsgInfoList{
max-width:1100px;
padding:30px 20px;
margin:auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
gap: var(--gap);
align-items: stretch;
}
.jnMsgImg img{
width:100%;
object-fit: cover;
object-position: center;
}
.jnDate{
font-family: "Noto Serif TC";
color: #000;
font-size: var(--regular-font-size);
font-weight: 500;
line-height: 150%;
letter-spacing: 1.237px;
}
.jnMsgTitle{
font-family: "Noto Serif TC";
color: #000;
font-size: var(--h2-font-size);
font-weight: 500;
line-height: 150%;
letter-spacing: 2.4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.jnMsgContent{
font-family: "Noto Serif TC";
color: #3E3A39;
font-size: var(--regular-font-size);
line-height: 190%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*a標籤*/
.BlogListList a {
color: #000;
}
/*===預設css====*/
body .BlogListD_0,
body .BlogListD_1 {
border: unset;
}
/*===sharebtn ig line分享===*/
.sharebtn{
display: none;
}
/*=================文章搜尋零件 單欄==============*/
.searchBlk .tbSearchBox input{
font-size: var(--regular-font-size);
}
.searchBlk {
margin: -25px 0 0 0;
z-index: 3;
position: relative;
padding: 0px 20px;
}
.searchBlk .meMsg_MsgMain {
max-width: 1100px;
margin: auto;
}
.searchBlk .listMsgAdv {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 20px;
background: #FDFEFE;
border-radius: 30px;
box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.15);
}
.searchBlk .MsgListBlk_2 {
width: 80%;
}
.searchBlk .MsgListBlk_3 {
width: 20%;
}
body .searchBlk .SearchBox {
border: 1px solid #6666664f;
background: #EDEDED;
border-radius: 20px;
height: 50px;
width: 100%;
padding-left:10px;
font-size: var(--big-font-size);
}
.SearchBtn {
border-radius: 20px;
background: #6ABA01;
border: 1px solid #6ABA01;
color: #fff;
height: 50px;
padding: 10px 20px;
display: block;
width: 100%;
cursor: pointer;
font-size: var(--big-font-size);
}
.tbSearchBox tr {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 0 10px 0 0;
}
.tdSearchBox {
flex: 1 1 32%;
display: flex;
}
.tbSearchBox input { /*輸入框樣式*/
border: 1px solid #6666664f;
background: #EDEDED;
border-radius: 20px;
height: 50px;
width: 100%;
text-align: center;
font-family: "Noto Serif TC";
font-weight: 500;
}
.tdSearchBox .captionTop{
display: none;
}
.tdSearchBox .detail {
width: 100%;
}
.tdSearchBox select{ /*下拉樣式*/
border: 1px solid #6666664f;
background: #EDEDED;
border-radius: 20px;
height: 50px;
width: 100%;
text-align: center;
font-family: "Noto Serif TC";
font-weight: 500;
font-size: var(--regular-font-size);
}
@media (max-width: 768px) {
.SearchBtn{
padding: 10px 0px;
}
.searchBlk .listMsgAdv {
padding: 20px 10px;
}}
/*========頁碼=========*/
/* 分頁控制 */
.divPageCtrl,
.txt_CountNumL,
.RecCount,
.txt_CountNumR,
.txt_PageNum,
.spPageCtrl{
display:none;
}
#PageCtrl{
padding:100px 0px;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
body #PageCtrl .ThisPage{
background: #6ABA01;
color: #fff;
font-weight: 500;
line-height: 40px;
width: 40px;
display: inline-block;
height: 42px;
margin:0px 5px;
}
body #PageCtrl .OtherPage{
color: #B4B4B4;
text-align: center;
margin:0px 5px;
/* Heading/副標H4 - 20.8(1.5rem) */
font-weight: 500;
line-height: 40px;
width: 40px;
display: inline-block;
height: 42px;
border:1px solid #B4B4B4;
}
body #PageCtrl a:hover{
background: #6ABA01;
color: #fff;
border:1px solid #6ABA01;
}
body #PageCtrl .PageBtn{
width: 40px;
display: inline-block;
height: 42px;
line-height: 40px;
border-radius: 50%;
border:1px solid #B4B4B4;
}
.dataBlogList { } /* MsgInfo Cell */
/* 上方類別選項 */
.BlogListMenu { width:100%; height:30px; text-align:center; line-height:100%; }
.BlogListMenuS { width:1px; background:#ff8844; } /* 選項間隔 */
.BlogListMenuL { width:10px; background:#ff8844; } /* 左邊 td */
.BlogListMenuR { width:10px; background:#ff8844; } /* 右邊 td */
.BlogListMenu0 { background:#ff8844; padding:0px; vertical-align:middle; } /* 選項屬性 */
.BlogListMenu0:hover { background:#ff4422; } /* 選項滑鼠觸碰 */
.BlogListMenu1 { background:#ff4422; padding:0px; vertical-align:middle; } /* 目前選項屬性 */
.BlogListMenu0 a , .BlogListMenu1 a { color:#ffffff; } /* 選項文字屬性 */
.BlogListN_1 { } /* 第一筆資訊 */
.BlogListD_0 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 偶數筆資訊 */
.BlogListD_1 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 奇數筆資訊 */
/* 資訊狀態列 */
.BlogListCtrlBtn { vertical-align:middle; width:100%; text-align:right; }
.BlogListCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; }
.BlogListCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; }
.BlogListCtrlBtn .XmlID { float:left; font-weight:bold; }
.BlogListCtrlBtn select { display:none; }
/* 資訊區 */
.BlogListHTML { }
/* 資訊區上方資訊 */
.BlogListHTML .BlogInfo1 { width:100%; color:#888888; margin-bottom:10px; border-bottom:1px solid #cccccc; }
.BlogListHTML .BlogInfoAuthor { float:right; } /* 作者 */
.BlogListHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */
/* 資訊區下方資訊 */
.BlogListHTML .BlogInfo3 { width:100%; color:#888888; }
.BlogListHTML .BlogInfoStatus { float:right; }
.BlogListHTML .BlogInfoBtn { text-align:left; }
/* 資訊內文 */
#ns_Content .BlogListHTML .meMsg_MsgTitleBlk { margin-bottom:10px; } /* 區塊標頭 */
#ns_Content .BlogListHTML .meMsg_MsgBlk .meMsg_MsgTitle { } /* 主標題 */
#ns_Content .BlogListHTML .meMsg_MsgContentBlk { margin-top:10px; } /* 內文段落 */
#ns_Content .BlogListHTML .meMsg_MsgURLList { margin:0px; padding:0px; } /* 相關網址 */
#ns_Content .BlogListHTML .meMsg_MsgURL { list-style:disc; margin-left:40px; } /* 相關網址 */
#ns_Content .BlogListHTML .meMsg_MsgFileList { margin:0px; padding:0px; } /* 相關檔案 */
#ns_Content .BlogListHTML .meMsg_MsgFile { list-style:disc; margin-left:40px; } /* 相關檔案 */
#ns_Content .BlogListHTML .meMsg_MsgFromEnd { } /* 期間 */
#ns_Content .BlogListHTML .meMsg_MsgListBlk { } /* 條列項目 */
#ns_Content .BlogListHTML img { max-width:100%; }
#ns_Content .BlogListHTML .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */
#ns_Content .BlogListHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */
/* 分頁控制列 */
.divPageCtrl { margin:10px; clear:both; }
.divPageCtrl table { margin-left:auto; margin-right:auto; }
/* 表格格式 */
.MsgRow1 { margin-top:10px; } /* 第一列 */
.MsgRowN { } /* 其他列 */
.MsgRowD0 { } /* 偶數列 */
.MsgRowD1 { } /* 奇數列 */
.MsgCell1 { padding:0px; } /* 最左欄 */
.MsgCellN { padding:0px; } /* 中間欄 */
.MsgCellX { padding:0px; } /* 最右欄 */
.MsgRGap { border:0px; margin-top:20px; margin-bottom:20px; } /* 列與列中間 */
.cssPagePanel { clear:both; } /* 控制面板列 */
.MsgRow1 { margin-top:$BlogListMsgRow1$; }
.BlogListList { padding-left:$BlogListMsgRowLR$; padding-right:$BlogListMsgRowLR$; }
.MsgRGap { margin-top:$BlogListMsgRGapN$; margin-bottom:$BlogListMsgRGapN$; }
.MsgCell1 { padding-right:$BlogListMsgCGapN$; }
.MsgCellN { padding-left:$BlogListMsgCGapN$; padding-right:$BlogListMsgCGapN$; }
.MsgCellX { padding-left:$BlogListMsgCGapN$; }
.MsgRGap { border-top:$BlogListRS$; }
.MsgCellN { border-left:$BlogListCS$; }
.MsgCellX { border-left:$BlogListCS$; }
.MsgRowD1 { background:$BlogListMsgRowD1$; }
.MsgRowD0 { background:$BlogListMsgRowD0$; }
.BlogListD_1 { background:$BlogListD1$; }
.BlogListD_0 { background:$BlogListD0$; }
.BlogListD_0 { border:$BlogListB$; }
.BlogListD_1 { border:$BlogListB$; }
.BlogListD_0 , .BlogListD_1 { background-image:$BlogListBgImg$; background-position:$pos$; background-repeat:$repeat$; }
.BlogListHTML { width:$BlogListHTMLWidth$; }
.BlogListHTML { margin-top:$BlogListHTMLTop$; }
.BlogListHTML .meMsg_MsgContentBlk.center { padding:$BlogListCntVGap$; margin-right:$BlogListCntVGap$; }
.BlogListHTML .meMsg_MsgContentBlk.left { padding:$BlogListCntVGap$; margin-right:$BlogListCntVGap$; }
.BlogListHTML .meMsg_MsgContentBlk.right { padding:$BlogListCntVGap$; margin-left:$BlogListCntVGap$; }
.BlogListHTML .meMsg_MsgContentBlk.center, .BlogListHTML .meMsg_MsgContentBlk.left, .BlogListHTML .meMsg_MsgContentBlk.right { border:$BlogListCntVB$; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { font-family:$BlogListTextFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgBlk .meMsg_Content { font-family:$BlogListHTMLFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgURL { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; }
#ns_Content .meMsg_MsgFile { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; }
#ns_Content .meMsg_MsgURL a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#ns_Content .meMsg_MsgFile a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.BlogListHTML .BlogInfo1 { border-bottom:$BlogListB1$; }
#ns_Content .meMsg_MsgBlk .meMsg_Content { border-top:$BlogListTextHTMLS$; }
.BlogInfoClass { display:$BlogInfoClass$; }
.BlogInfoAuthor { display:$BlogInfoAuthor$; }
.BlogInfo { display:$BlogInfo$; }
.BlogDisp { display:$BlogDisp$; }
.BlogInfoStatus { display:$BlogInfoStatus$; }
.BlogListHTML .BlogListDate { display:$BlogInfoDT$; }
#ns_Content .BlogListHTML .meMsg_MsgContent { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgURLList { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgFileList { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgFromEnd { display:$BlogContBlk$; }
#ns_Content .BlogListHTML .meMsg_MsgListBlk { display:$BlogContBlk$; }
.divPageCtrl { display:$PageCtrlDisp$; }
天秀山莊天秀山莊餐廳民宿山,就是最可靠的優勢。
天秀山莊位於古坑鄉內,比鄰於劍湖山、草嶺與華山遊憩區等熱門遊憩地點,房間雖為數不多但景觀驚人、空間精緻,是吸引遊客的主要原因,山莊也帶著一間藏身煙嵐裡的餐廳,在山色中用餐,胃口特佳!【閃閃螢光‧觀賞螢火蟲】
天秀山莊民宿有最豐富的生態資源,設計各式的生態體驗行程每年四到六月期間,螢火蟲大部分都聚集在山莊旁的溪流附近或是山莊後方黃金瀑布 ,六月份可觀察獨角仙生態。天秀山莊更安排咖啡沖煮DIY、植物染DIY、溯溪體驗 、生態導覽解說供遊客體驗。 天秀山莊餐廳民宿山,就是最可靠的優勢。
天秀山莊位於古坑鄉內,比鄰於劍湖山、草嶺與華山遊憩區等熱門遊憩地點,房間雖為數不多但景觀驚人、空間精緻,是吸引遊客的主要原因,山莊也帶著一間藏身煙嵐裡的餐廳,在山色中用餐,胃口特佳!
提供一處家人朋友聚會場所,通過好客民宿評鑑,有幽靜的30人木屋住宿,適合退休朋友休閒渡假,更有適合公司行號社團的在地風味餐廳(脆皮桶仔雞桂竹筍...) ,一邊吃美食一邊享受潺潺流水聲;還有腹地廣闊的烤肉區,位古坑華山的咖啡大街尾鬧中取靜。
莊主種植阿拉比卡咖啡~提供在地古坑台灣咖啡;山莊園區位二尖山下,有滿滿的山林芬多精,4-6螢火蟲螢光閃閃,是華山地區享螢火最近的賞螢點步行至華山小天梯情人橋更只需20分鐘。
歡迎攜家帶眷夏天可泡清涼的冰泉,秋天走走山澗步道,帶家人來一場森林饗宴吧! 古坑鄉 92833780 電話886-5-5901978 FAX886-5-5901972 376490000A 1 網站連結http://www.tian-xiu.com/ https://www.facebook.com/tianxiu055901978 @zqu2385b https://www.instagram.com/_tianxiuvilla_/ https://goo.gl/maps/spaVRFqpunVcyKQs9 646 地址古坑鄉華山村2鄰19-6號 天秀山莊;天秀山莊;賞螢季;房型1;房型2 【自行開車建議】
國道3號:下梅山交流道→台3線(往古坑/永光方向前進)→華山→天秀山莊抵達「天秀山莊餐廳民宿」
國道一號:雲林出口併入台78線→下古坑系統交流道→ 內山公路→靠右進入光興路→光華路右轉→149縣道→松林路靠右→左轉抵達「天秀山莊餐廳民宿」
【大眾交通工具建議】
公車:台西客運轉運站搭乘台灣好行前往清水溪橋站班車→於華山站下車後改步行抵達「天秀山莊餐廳民宿」
火車:斗六火車站→搭乘台西客運前往清水溪橋站班車→於華山站下車後改步行抵達「天秀山莊餐廳民宿」
高鐵:雲林高鐵站→搭乘火車前往斗六火車站→搭乘台西客運台灣好行前往清水溪橋站班車→於華山站下車後改步行抵達「天秀山莊餐廳民宿」 大型停車場:20台小車、 2台遊覽車 720 典雅木屋雙人套房 定價3000
主題雙人套房 定價2800
典雅木屋四人套房 定價3800
親子主題四人套房 定價3800 |
1036856天秀山莊餐廳民宿2025-12-1912:07:11MsgArticle823.59311000,120.60151000
ZC10363428
ZC10355734,ZC10363428,ZC10350943,ZC10363437,ZC10365087,ZC10365094
1
1
0
6
|
豐勝家園民宿豐勝家園民宿民宿宗旨:
1.將客人當親朋好友熱情接待
2.位華山國小附近,群山圍繞
3.歐式建築,冬暖夏涼,縹緲晨霧之中,聆聽蟲鳴鳥聲,沉浸花開蝶舞之中.
4.賞螢,賞夜景
店家特色:
1.免費招待自種自製純華山三挑豆咖啡
2.園區水果招待、花茶招待、自製穀物麵包招待
3.含早餐,給客人有賓至如歸感受
4.免費幫客人規劃私房景點及導覽 豐勝家園民宿民宿宗旨: 1.將客人當親朋好友熱情接待 2.位華山國小附近,群山圍繞 3.歐式建築,冬暖夏涼,縹緲晨霧之中,聆聽蟲鳴鳥聲,沉浸花開蝶舞之中. 4.賞螢,賞夜景 店家特色: 1.免費招待自種自製純華山三挑豆咖啡 2.園區水果招待、花茶招待、自製穀物麵包招待 3.含早餐,給客人有賓至如歸感受 4.免費幫客人規劃私房景點及導覽 古坑鄉 電話886-5-5900371 376490000A 網站連結https://lin.ego.tw/ https://zh-tw.facebook.com/豐勝家園民宿-317486618372976/ https://goo.gl/maps/inTF4SCrSmZ64mnp9 646 地址雲林縣古坑鄉桂林村2-9號 豐勝家園民宿 720 |
1036855豐勝家園民宿2025-12-1912:07:11MsgArticle723.61289000,120.60828000
ZC10363428
ZC10355734,ZC10363428,ZC10365087,ZC10365094
2
0
0
3
|
西螺後街童畫民宿後街童畫民宿西螺後街童畫民宿是一處充滿手繪童趣風格的地方,從事兒童藝術教育十幾年經驗的韋橋老師利用自己所學,親自動手彩繪這棟民宿,在老房子新裝潢的同時又保留懷舊元素,讓復古與現代產生對話。民宿的一樓現在仍是老師所創之小小畢卡索畫室,二、三樓則是民宿房間。 後街童畫民宿西螺後街童畫民宿是一處充滿手繪童趣風格的地方,從事兒童藝術教育十幾年經驗的韋橋老師利用自己所學,親自動手彩繪這棟民宿,在老房子新裝潢的同時又保留懷舊元素,讓復古與現代產生對話。民宿的一樓現在仍是老師所創之小小畢卡索畫室,二、三樓則是民宿房間。 西螺鎮 47421994 電話886-5-5000000 886-9-88096533 376490000A 1 網站連結http://www.aps1238.tw https://www.facebook.com/profile.php?id=100063746395556 https://goo.gl/maps/VxHEeJQXh5YvS6wt7 648 地址雲林縣西螺鎮市後街1-2號 西螺後街童畫民宿 720 |
1036854後街童畫民宿2025-12-1912:07:11MsgArticle623.80181000,120.46369000
ZC10363428
ZC10355734,ZC10363428,ZC10350943,ZC10363437,ZC10365087,ZC10365118
3
1
0
8
|
水道頭咖啡民宿水道頭咖啡民宿「水道頭咖啡民宿」位置鄰近朝天宮、水道頭文化園區、北港復興鐵橋等景點,不但享有便捷的交通優勢,擁有寧靜單純的周邊環境,鄉村居民的熱情好客更是令人感到無比親切。提供雙人房、三人房及四人套房,新穎潔淨的客房空間,裝潢典雅清新,不奪目、不搶鏡。 民宿前方即為北港慢濾池,綠意草皮環繞著水池,水池上方鋪滿了蓮花,蝴蝶、鳥兒更不時飛舞其中,宛如民宿的後花園。希望每一位旅人都能在此獲得完全放鬆地舒適、完全無拘地自在。 水道頭咖啡民宿「水道頭咖啡民宿」位置鄰近朝天宮、水道頭文化園區、北港復興鐵橋等景點,不但享有便捷的交通優勢,擁有寧靜單純的周邊環境,鄉村居民的熱情好客更是令人感到無比親切。提供雙人房、三人房及四人套房,新穎潔淨的客房空間,裝潢典雅清新,不奪目、不搶鏡。 民宿前方即為北港慢濾池,綠意草皮環繞著水池,水池上方鋪滿了蓮花,蝴蝶、鳥兒更不時飛舞其中,宛如民宿的後花園。希望每一位旅人都能在此獲得完全放鬆地舒適、完全無拘地自在。 北港鎮 電話886-5-7834865 376490000A 網站連結http://www.waterinn.com.tw/ https://m.facebook.com/people/水道頭咖啡民宿-Coffee-Waterway/100063912615076/ https://goo.gl/maps/gXBpKYuGLmd1JAz29 651 地址雲林縣北港鎮東興街40號 水道頭咖啡民宿 720 |
1036853水道頭咖啡民宿2025-12-1912:07:11MsgArticle523.56552000,120.30615000
ZC10363428
ZC10355734,ZC10363428,ZC10365087,ZC10365118
4
0
0
6
|
東璧山莊東璧山莊是咖啡鄉,也是咖啡香。
號稱全國最高海拔的東璧山莊,房型無論是哪一種款式,都寬敞而豪恢華,除此之外,東璧更是曾獲得兩屆國內咖啡烘焙冠軍的咖啡職人,在雲端優雅地品嘗著咖啡,心好此道者必不可錯過。 東璧山莊是咖啡鄉,也是咖啡香。
號稱全國最高海拔的東璧山莊,房型無論是哪一種款式,都寬敞而豪恢華,除此之外,東璧更是曾獲得兩屆國內咖啡烘焙冠軍的咖啡職人,在雲端優雅地品嘗著咖啡,心好此道者必不可錯過。
東碧山莊在西元1982年成立,自今經營三十多年歷史。山莊擁有48間各式客房與小木屋,雖然不是五星級規格,但有潔淨寬敞的中餐廳與堪稱華麗。但山莊一定是五星級飯店專業的服務態度。
圖片來源:蘇郁晴/攝 (授權照片請勿轉載) 古坑鄉 電話886-5-5831021 FAX886-5-5831521 376490000A 1 https://www.facebook.com/Gr055831021/?locale=zh_TW https://goo.gl/maps/XjmqZe1Ru6VDfQkq7 646 地址雲林縣古坑鄉草嶺村草嶺81-5號 東璧山莊 720 |
1036851東璧山莊2025-12-1912:07:11MsgArticle323.60577000,120.68188000
ZC10363428
ZC10355734,ZC10363428,ZC10350943,ZC10363437,ZC10365087,ZC10365094
5
1
0
6
|
| |
| | |
#PageCtrl { font-family:sө; text-align:center; }
#PageCtrl a { color:#666666; }
#PageCtrl a:hover { color:#ff6622; }
#PageCtrl .PageBtn { margin-left:3px; margin-right:3px; }
#PageCtrl .OtherPage {}
#PageCtrl .ThisPage { color:#000000; font-weight:bold; }
#PageCtrl .RecCount { font-weight:bold; }
總共 41 篇文章 : 頁數 1 2 3 4 5 : 第一頁上一頁
|
.weForm { width:100%; }
.weForm .header { color:#000000; background:#eeeeee; font-weight:bold; }
.weForm .caption { padding:4px; text-align:right; }
.weForm .captionTop { padding:4px; text-align:right; vertical-align:top; }
.weForm .detail { padding:4px; }
.weForm td.desc { padding:4px; color:#000000; }
.weForm input:read-only { background:rgba(0,0,0,0.1); }
.weForm input:-moz-read-only { background:rgba(0,0,0,0.1); }
.weForm textarea { padding:4px; box-sizing:border-box; }
.weForm input { box-sizing: border-box; width:auto; height: auto; padding: 4px; }
.weForm input.FieldImg[type=edit] {}
.weForm span.btnUploadURL { border: 1px solid #bbbbbb; padding: 3px 5px 5px 5px; background: #dddddd; color:#666666; vertical-align:middle; }
.weForm .button[type=submit] , .weForm .button[type=button] , .weForm .button[type=reset] { height:auto; padding:5px 15px 5px 15px; margin-right:4px; cursor:pointer; }
.weFormDiv .ReturnDesc { text-align:center; }
.weForm .spanDate input[type=edit] { width:auto; }
.weForm .tr[fieldattr="圖片"] .detail img { max-width:400px; max-height:400px; }
@media all and (max-width:400px) {
.weForm .tr[fieldattr="圖片"] .detail img { max-width:100%; }
}
.weForm #tbChkCode { border-spacing:2px; }
.weForm #tdChkCodeInp { border:1px solid #bbbbbb; }
.weForm #tdChkCodeInp input { border:0px; font-size:20px; }
.weForm #tdChkCodeImg { padding:0px; width:120px; height:40px; }
@media all and (max-width:600px) {
.weForm > tbody > tr > td { display:block; }
.weForm .gap { display:none; }
.weForm .detail {}
.weForm .captionTop { font-size:18px; font-weight:bold; text-align:left; }
.weForm input , .weForm textarea , .weForm select {
padding:4px; font-size:18px; font-weight:bold; height:auto; width:100%; box-sizing:border-box; margin-bottom:10px;
}
.weForm input[type=checkbox] {
width:auto; margin:0px 2px 2px 2px;
}
.weForm input.cssWidthAuto { width:auto; }
.weForm #tdChkCodeInp , .weForm #tdChkCodeImg { display:block; }
.weForm #tdChkCodeRenew { display:none; }
}
|
|
| |