|
$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$; }
水林鄉顏思齊故事館水林鄉顏思齊故事館開台王登陸第一站
在多年考證後勾勒出「開台王」顏思齊渡海墾殖的艱辛,並介紹水林鄉作為「開台第一庄」的特殊性。館內有虛擬實境體驗、史料動漫化,當地的七角形古井深具歷史意義。 水林鄉顏思齊故事館開台王登陸第一站
在多年考證後勾勒出「開台王」顏思齊渡海墾殖的艱辛,並介紹水林鄉作為「開台第一庄」的特殊性。館內有虛擬實境體驗、史料動漫化,當地的七角形古井深具歷史意義。 水林鄉 電話886-5-7850001 1 376490000A 1 652 地址水林鄉水北村顏厝寮43之1號 水林鄉顏思齊故事館 |
1037233水林鄉顏思齊故事館2025-12-1912:07:11MsgArticle26223.57281000,120.25304000
ZC10350618
ZC10350618,ZC10350814,ZC10350943,ZC10365087,ZC10365103
1
1
0
3
|
海口庄派出所海口庄派出所紀錄歷史的老建物
1931年建造,採用清水磚和洗石子樣式。曾作為台西地區的警勤中心,歷史意義重大,也是台西地區許多六、七十歲人的共同記憶。在文史工作者爭取保留下,2006年登入為雲林縣歷史建築,並於2018年完成整修。 海口庄派出所紀錄歷史的老建物
1931年建造,採用清水磚和洗石子樣式。曾作為台西地區的警勤中心,歷史意義重大,也是台西地區許多六、七十歲人的共同記憶。在文史工作者爭取保留下,2006年登入為雲林縣歷史建築,並於2018年完成整修。
攝影:薛穎琦 (授權照片請勿轉載) 台西鄉 電話886-5-5522000 1 376490000A 1 https://goo.gl/maps/V1HdjsTWkoxKhf5K7 636 地址台西鄉 海口庄派出所 |
1037232海口庄派出所2025-12-1912:07:11MsgArticle26123.70081000,120.19664000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365103
2
0
0
1
|
台西海口故事屋台西海口故事屋新住民故事館,文化交流中心!
雲林沿海僅存的日式宿舍,採獨棟一層瓦的檜木樑造建築,並保留完整的日式建築空間。故事屋內可窺見海口庄和台西鄉的歷史,更能對當地漁業生活有深刻的體驗。 台西海口故事屋新住民故事館,文化交流中心!
雲林沿海僅存的日式宿舍,採獨棟一層瓦的檜木樑造建築,並保留完整的日式建築空間。故事屋內可窺見海口庄和台西鄉的歷史,更能對當地漁業生活有深刻的體驗。
台西鄉 電話886-5-6981703 1 376490000A 1 636 地址台西鄉民權路24號 台西海口故事屋 |
1037231台西海口故事屋2025-12-1912:07:11MsgArticle26023.70103410,120.20010640
ZC10350618
ZC10350618,ZC10350814,ZC10350943,ZC10365087,ZC10365103
3
1
0
6
|
萡子寮喔熊藝術村萡子寮喔熊藝術村畫筆煥發小漁村—新生命
為使小漁村煥發新生命,邀請藝術家以普天宮為中心,藉立體雕塑和「雙面畫」打造超過一公里長的藝術村。主題包括當地信仰、漁業生活、神話人物等,是時下熱門的打卡景點。 萡子寮喔熊藝術村畫筆煥發小漁村—新生命
為使小漁村煥發新生命,邀請藝術家以普天宮為中心,藉立體雕塑和「雙面畫」打造超過一公里長的藝術村。主題包括當地信仰、漁業生活、神話人物等,是時下熱門的打卡景點。 四湖鄉 電話886-5-3470051 1 376490000A 1 網站連結https://swcoast-nsa.travel/zh-tw/attraction/details/518 https://goo.gl/maps/5hXtoWtfECsRaMy38 654 地址四湖鄉萡東村萡子寮 萡子寮喔熊藝術村;萡子寮喔熊藝術村 |
1037230萡子寮喔熊藝術村2025-12-1912:07:11MsgArticle25923.63029000,120.15012000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365103
4
0
0
1
|
鄧麗君出生地文化園區鄧麗君出生地文化園區亞洲歌姬─鄧麗君 於雲林縣褒忠鄉田洋村一座閩式古典三合院內出生,時至六歲時舉家遷往台北蘆洲。
位於褒忠鄉的閩氏三合院,是鄧麗君生前念念不忘盼能重訪的出生地,具紀念意義。
此處依照鄧麗君大哥的記憶,完整恢復舊時代三合院的生活格局,並成立鄧麗君文化協會,積極推動故居及文物之保存。
現有鄧麗君主題展,帶您回憶國際巨星的的出生及成長。 鄧麗君出生地文化園區亞洲歌姬─鄧麗君 於雲林縣褒忠鄉田洋村一座閩式古典三合院內出生,時至六歲時舉家遷往台北蘆洲。
位於褒忠鄉的閩氏三合院,是鄧麗君生前念念不忘盼能重訪的出生地,具紀念意義。
此處依照鄧麗君大哥的記憶,完整恢復舊時代三合院的生活格局,並成立鄧麗君文化協會,積極推動故居及文物之保存。
現有鄧麗君主題展,帶您回憶國際巨星的的出生及成長。
褒忠鄉 電話886-5-6972633 Emailteresa420129.info@gmail.com 1 376490000A 1 https://www.facebook.com/tbtca/?locale=zh_TW https://maps.app.goo.gl/UREwFtuJ43eB8n7e7 634 地址雲林縣褒忠鄉田洋村頂田路37號 鄧麗君出生地文化園區;鄧麗君出生地文化園區;鄧麗君出生地文化園區;鄧麗君出生地文化園區;鄧麗君出生地文化園區 門票100元(可抵園區低消50元)、褒忠鄉民出示身分證可免費入園,優待票詳見官方臉書。 開館及公休日請電洽,或至Google map及FB臉書查詢 60 |
1037229鄧麗君出生地文化園區2025-12-1912:07:11MsgArticle25823.71980000,120.31192000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365118
5
1
0
5
|
五年千歲公園五年千歲公園鄉間大廟美公園
馬鳴山五年千歲公園位處當地信仰中心,鄉間公園內有庭院、佛像等73個可供賞玩的景點,可謂cp值超高。尤以高高低低的迷宮關卡,以及彩虹拱橋最受歡迎,當你成功過橋,就代表闖關完成啦! 五年千歲公園鄉間大廟美公園
馬鳴山五年千歲公園位處當地信仰中心,鄉間公園內有庭院、佛像等73個可供賞玩的景點,可謂cp值超高。尤以高高低低的迷宮關卡,以及彩虹拱橋最受歡迎,當你成功過橋,就代表闖關完成啦!
攝影:薛穎琦、徐欣莉 (授權照片請勿轉載) 褒忠鄉 電話886-5-6973150 1 376490000A 1 網站連結https://www.facebook.com/profile.php?id=100066170413339 https://goo.gl/maps/xVghK3jfLtoiKp17A 634 地址褒忠鄉馬鳴村鎮安路31號 五年千歲公園;五年千歲公園 60 |
1037228五年千歲公園2025-12-1912:07:11MsgArticle25723.69926000,120.27567000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365118
6
0
0
4
|
斗南分局舊辦公廳舍斗南分局舊辦公廳舍時光拘留所,幽靜的文化場所
靜立斗南鎮一隅,2009年被公告為縣定古蹟。在五座歷史建物修復過程發現1950年代的拘留所遺跡,並成功以「時光拘留所」的展覽形式重見天日。是有主題式藝術微策展的文化空間。 斗南分局舊辦公廳舍時光拘留所,幽靜的文化場所
靜立斗南鎮一隅,2009年被公告為縣定古蹟。在五座歷史建物修復過程發現1950年代的拘留所遺跡,並成功以「時光拘留所」的展覽形式重見天日。是有主題式藝術微策展的文化空間。 斗南鎮 電話886-5-5973111 1 376490000A https://goo.gl/maps/YkpFWV4gJtGxHzVK9 630 地址斗南鎮中山路170號 斗南分局舊辦公廳舍;斗南分局舊辦公廳舍;斗南分局舊辦公廳舍 |
1037227斗南分局舊辦公廳舍2025-12-1912:07:11MsgArticle25623.67789000,120.47591000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365118
7
1
0
3
|
北港大復戲院北港大復戲院北港人共享的童年回憶
全北港最古老的戲院,從日治時期起便是經營話劇、歌仔戲、布袋戲、京戲和傳統技藝的戲園子,隨時代演進,曾有演藝歌星登台和電影放映的大復戲院是北港人共同的童年。 北港大復戲院北港人共享的童年回憶
全北港最古老的戲院,從日治時期起便是經營話劇、歌仔戲、布袋戲、京戲和傳統技藝的戲園子,隨時代演進,曾有演藝歌星登台和電影放映的大復戲院是北港人共同的童年。
攝影:薛穎琦 (授權照片請勿轉載) 北港鎮 電話886-5-5522000 1 376490000A 1 651 地址北港鎮博愛路155號 北港大復戲院 |
1037225北港大復戲院2025-12-1912:07:11MsgArticle25423.56991000,120.30188000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365118
8
0
0
5
|
埤頭繪本公園埤頭繪本公園田間風景童趣重現
埤頭繪本公園參照在地繪本畫家馬哈的作品《很久很久以前,有一座三合院》,以童趣繪本風重現1960年代的田間三合院,成為田間的可愛風景。當地再造的農村也充滿看頭。 埤頭繪本公園田間風景童趣重現
埤頭繪本公園參照在地繪本畫家馬哈的作品《很久很久以前,有一座三合院》,以童趣繪本風重現1960年代的田間三合院,成為田間的可愛風景。當地再造的農村也充滿看頭。
攝影:薛穎琦、雲林縣政府 (授權照片請勿轉載) 西螺鎮 電話886-5-5863203 1 376490000A 1 https://goo.gl/maps/sv5REFtkVoaAaQ5w8 648 地址西螺鎮埤頭77號 埤頭繪本公園; 埤頭繪本公園; 埤頭繪本公園; 埤頭繪本公園;埤頭繪本公園 |
1037222埤頭繪本公園2025-12-1912:07:11MsgArticle25123.77415000,120.47811000
ZC10350618
ZC10350618,ZC10350791,ZC10350943,ZC10365087,ZC10365118
9
1
0
1
|
| 339 | : | | 1 .. 10 11 12 13 14 15 16 17 18 19 .. 38 | : | |
| |
| | |
#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; }
.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; }
}
|
|
| |