2023北港光影藝術節 藝光躍影

• $XmlID$ • $GroupName$

$CtrlBtn$

最後更新日期:$CaleFrom$

$MsgTitle$

$MsgImg$

$Content$

$html$

/*=========自定義css=======*/ html, body { background:#FBFAF8;} .BlogListList{ white-space: normal; word-break: break-word; } .BlogInfoHTML a {/*超連結強制段行 以免跑版*/ display: inline; white-space: normal; word-break: break-word; overflow-wrap: anywhere; } /*預設公版*/ body .BlogInfoD_0{ border:unset; } body .BlogInfoD_1{ border:unset; padding:0px 10px; } .BlogInfoList img { width: 100% ; max-width: 100% !important; } /*公版字體*/ .BlogInfoHTML a{ color: #55940a; } .jnbloginfo1 { /*跟fb並排調整 */ position: relative; padding: 50px 0px 40px 70px; max-width: 85%; } .jnbloginfo1::before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 26px; height: 70px; background: #A1CFE8; border-radius: 132px; } .jnMsgTitle .meMsg_MsgTitle{ /*主標*/ color: #000; font-family: "Noto Serif TC"; font-size: var(--h1-font-size); font-weight: 500; line-height: 120%; /* 48px */ letter-spacing: 3.2px; } .jnMsgContent .meMsg_MsgTitle{ /*內文主標*/ color: #3E3A39; font-family: "Noto Serif TC"; font-size: var(--h2-font-size); font-weight: 700; line-height: 163%; /* 48.9px */ position:relative; padding:0px 0px 0px 45px; } .jnMsgContent .meMsg_MsgTitle::before { content: ""; position: absolute; left: 0px; width: 26px; height: 37px; background: #A1CFE8; border-radius: 132px; display: inline; } #ns_Content .BlogInfoHTML .jnMsgContent .meMsg_Content{ /*內文*/ margin-top:0px; color: #3E3A39; font-size: var(--regular-font-size); line-height: 190%; /* 34.2px */ padding-top:26px; } /*補充欄位*/ .ReplenishBlk{ padding:20px 0px; } .ReplenishTit { color: #3E3A39; font-family: "Noto Serif TC"; font-size: var(--big-font-size); font-weight: 700; line-height: 163%; } /*=====小banner 背景css在個別的編輯css======*/ .back .meMsg_MsgBlk{ display:flex; align-items: center; } .back .AlignCenter{ display: flex; align-items: center; justify-content: center; width: 121px; line-height: 0px; height: 102px; background-color: #fff; border-radius: 43px; margin:0px 20px 0px 5vw; } .back .meMsg_MsgTitle{ color: #FBFAF8; font-size: var(--h1-font-size); font-weight: 500; line-height: 120%; /* 48px */ letter-spacing: 3.2px; font-family: "Noto Serif TC"; } .back2{ padding:100px 0px 400px; } .back2 .meMsg_MsgBlk{ justify-content:center; } .back2 .AlignCenter{ height: 86px; background-color: #6ABA01; margin:0px 20px 0px 0px; } .back2 .meMsg_MsgTitle{ color: #3B3B3B; font-size: var(--small-font-size); line-height: 227%; /* 31.78px */ letter-spacing: 1.12px; } @media (max-width: 768px) { .back2 { padding: 50px 0px 200px; } .back .AlignCenter{ width: 80px; height: 100px; } } /*===fb分享 ig分享===*/ /*有問題暫時隱藏*/ .a2a_button_facebook { display: none; } /* line/FB按鈕 */ #id_Content{ max-width:1100px; margin:auto; display:block; position:relative; } #td_ContentTop{ display:flex; position:absolute; right:0; top:100px; z-index: 3; margin: 10px; } .fb_iframe_widget{ line-height:100%; } .a2a_default_style .a2a_svg{ border-radius: 50% !important; width:45px !important; height:45px !important; } body .a2a_svg svg{ padding:3px; } .a2a_button_facebook .a2a_svg{ background-color:#4A5A5D !important; } /*分享*/ body .fbShareBtn .fb_iframe_widget iframe { position: absolute; width: 60px !important; } body .fbShareBtn ._49vh { display: none !important; } body .fbShareBtn ._3jn-{ height: 43px; vertical-align: middle; width: 28px; } body .fbShareBtn ._2tga ._8j9v{ height: 39px; } body .fbShareBtn .img { width: 30px; height: 30px; } body .fbShareBtn ._89n_{ background: #4A5A5D; } @media (max-width: 768px) { .jnbloginfo1{ max-width: 100%; padding: 0px 0px 0px 50px; margin: 0 0 20px; } #td_ContentTop { position: unset; display: flex; justify-content: flex-end; align-items: flex-start; padding: 0px; }} /*=======輪波零件修正=======*/ .BlogInfoHTML .slider-container { /*輪播置中*/ margin: auto; } .BlogInfoHTML .slick-slider, .BlogInfoHTML .slick-list, .BlogInfoHTML .slick-track, .BlogInfoHTML .slick-slide{ height:400px; } body .BlogInfoHTML .slick-prev, body .BlogInfoHTML .slick-next{ display:none !important; } .BlogInfoHTML .slick-slide img { width: 100%; object-fit: cover; height: 400px; } .BlogInfoHTML .meMsg_MsgList { /*沒有套輪播的文章需要收洞再個別頁面做取消高度*/ overflow: hidden; height: 440px; } body .slick-dots li button:before{ font-size:20px; } @media (max-width: 768px) { .BlogInfoHTML .slider-container { max-width: calc(100vw - 40px); margin: auto; } .BlogInfoHTML .slick-slider, .BlogInfoHTML .slick-list, .BlogInfoHTML .slick-track, .BlogInfoHTML .slick-slide{ height:220px; } .BlogInfoHTML .slick-slide img { height: 220px; } body .BlogInfoHTML .meMsg_MsgList { overflow: hidden; height: 250px; } } /*收藏*/ #ns_Content .BlogInfoHTML .jnMsgContent { /* margin: 50px 0px; display: flex; gap: 50px;*/ } @media (max-width: 768px) { #ns_Content .BlogInfoHTML .jnMsgContent{ /* display: flex; gap: 0px; flex-direction: column-reverse;*/ }} .Collection { display: flex; justify-content: space-between; padding: 20px 0; } @media (max-width: 768px) { .Collection { display: flex; flex-direction: column-reverse; align-items: flex-end; }} /*#iWin*/ body #iWin_iWinContent img{ width: 100%; } .dataBlogInfo { } /* MsgInfo Cell */ /* 上方類別選項 */ .BlogInfoMenu { width:100%; height:30px; text-align:center; line-height:100%; } .BlogInfoMenuS { width:1px; background:#ff8844; } /* 選項間隔 */ .BlogInfoMenuL { width:10px; background:#ff8844; } /* 左邊 td */ .BlogInfoMenuR { width:10px; background:#ff8844; } /* 右邊 td */ .BlogInfoMenu0 { background:#ff8844; padding:0px; vertical-align:middle; } /* 選項屬性 */ .BlogInfoMenu0:hover { background:#ff4422; } /* 選項滑鼠觸碰 */ .BlogInfoMenu1 { background:#ff4422; padding:0px; vertical-align:middle; } /* 目前選項屬性 */ .BlogInfoMenu0 a , .BlogInfoMenu1 a { color:#ffffff; } /* 選項文字屬性 */ .BlogInfoN_1 { } /* 第一筆資訊 */ .BlogInfoD_0 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 偶數筆資訊 */ .BlogInfoD_1 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 奇數筆資訊 */ /* 資訊狀態列 */ .BlogInfoCtrlBtn { vertical-align:middle; width:100%; text-align:right; } .BlogInfoCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; } .BlogInfoCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; } .BlogInfoCtrlBtn .XmlID { float:left; font-weight:bold; } .BlogInfoCtrlBtn select { display:none; } /* 資訊區 */ .BlogInfoHTML { } /* 資訊區上方資訊 */ .BlogInfoHTML .BlogInfo1 { width:100%; color:#888888; margin-bottom:10px; border-bottom:1px solid #cccccc; } .BlogInfoHTML .BlogInfoAuthor { float:right; } /* 作者 */ .BlogInfoHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */ /* 資訊區下方資訊 */ .BlogInfoHTML .BlogInfo3 { width:100%; color:#888888; } .BlogInfoHTML .BlogInfoStatus { float:right; } .BlogInfoHTML .BlogInfoBtn { text-align:left; } /* 資訊內文 */ #ns_Content .BlogInfoHTML .meMsg_MsgTitleBlk { margin-bottom:10px; } /* 區塊標頭 */ #ns_Content .BlogInfoHTML .meMsg_MsgBlk .meMsg_MsgTitle { } /* 主標題 */ #ns_Content .BlogInfoHTML .meMsg_Content { margin-top:10px; } #ns_Content .BlogInfoHTML .meMsg_MsgContentBlk { margin-top:10px; } /* 內文段落 */ #ns_Content .BlogInfoHTML .meMsg_MsgURLList { display:none; margin:0px; padding:0px; } /* 相關網址 */ #ns_Content .BlogInfoHTML .meMsg_MsgURL { list-style:disc; margin-left:40px; } /* 相關網址 */ #ns_Content .BlogInfoHTML .meMsg_MsgFileList { display:none; margin:0px; padding:0px; } /* 相關檔案 */ #ns_Content .BlogInfoHTML .meMsg_MsgFile { list-style:disc; margin-left:40px; } /* 相關檔案 */ #ns_Content .BlogInfoHTML .meMsg_MsgFromEnd { display:none; } /* 期間 */ #ns_Content .BlogInfoHTML .meMsg_MsgListBlk { display:none; } /* 條列項目 */ #ns_Content .BlogInfoHTML .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignLeftX { margin-right:8px; } /* 圖文間距 */ #ns_Content .BlogInfoHTML .ImgAlignRightX { 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; } /* 控制面板列 */ .BlogInfoMenu { display:$BlogInfoMenuDisp$; } .BlogInfoMenuL { background:$BlogInfoMenuBgColor$; } .BlogInfoMenuR { background:$BlogInfoMenuBgColor$; } .BlogInfoMenu { background-image:$BlogInfoMenuBgImg$; background-position:$pos$; background-repeat:$repeat$; } .BlogInfoMenu { width:$BlogInfoMenuWidth$; } .BlogInfoMenu { height:$BlogInfoMenuHeight$; } .BlogInfoMenu0 { background:$BlogInfoMenuBgColor0$; } .BlogInfoMenu0:hover { background:$BlogInfoMenuBgColor1$; } .BlogInfoMenu1 { background:$BlogInfoMenuBgColor1$; } .BlogInfoMenuS { background:$BlogInfoMenuBgColorS$; } .BlogInfoMenu0 a { font-family:$BlogInfoMenuFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .BlogInfoMenu1 a { font-family:$BlogInfoMenuFont1$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .MsgRow1 { margin-top:$BlogInfoMsgRow1$; } .BlogInfoList { padding-left:$BlogInfoMsgRowLR$; padding-right:$BlogInfoMsgRowLR$; } .MsgRGap { margin-top:$BlogInfoMsgRGapN$; margin-bottom:$BlogInfoMsgRGapN$; } .MsgCell1 { padding-right:$BlogInfoMsgCGapN$; } .MsgCellN { padding-left:$BlogInfoMsgCGapN$; padding-right:$BlogInfoMsgCGapN$; } .MsgCellX { padding-left:$BlogInfoMsgCGapN$; } .MsgRGap { border-top:$BlogInfoRS$; } .MsgCellN { border-left:$BlogInfoCS$; } .MsgCellX { border-left:$BlogInfoCS$; } .MsgRowD1 { background:$BlogInfoMsgRowD1$; } .MsgRowD0 { background:$BlogInfoMsgRowD0$; } .BlogInfoD_1 { background:$BlogInfoD1$; } .BlogInfoD_0 { background:$BlogInfoD0$; } .BlogInfoD_0 { border:$BlogInfoB$; } .BlogInfoD_1 { border:$BlogInfoB$; } .BlogInfoD_0 , .BlogInfoD_1 { background-image:$BlogInfoBgImg$; background-position:$pos$; background-repeat:$repeat$; } .BlogInfoHTML { width:$BlogInfoHTMLWidth$; } .BlogInfoHTML { margin-top:$BlogInfoHTMLTop$; } .BlogInfoHTML .meMsg_MsgContentBlk.center { padding:$BlogInfoCntVGap$; margin-right:$BlogInfoCntVGap$; } .BlogInfoHTML .meMsg_MsgContentBlk.left { padding:$BlogInfoCntVGap$; margin-right:$BlogInfoCntVGap$; } .BlogInfoHTML .meMsg_MsgContentBlk.right { padding:$BlogInfoCntVGap$; margin-left:$BlogInfoCntVGap$; } .BlogInfoHTML .meMsg_MsgContentBlk.center, .BlogInfoHTML .meMsg_MsgContentBlk.left, .BlogInfoHTML .meMsg_MsgContentBlk.right { border:$BlogInfoCntVB$; } #ns_Content .meMsg_MsgTitle { font-family:$BlogInfoTextFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .meMsg_Content { font-family:$BlogInfoHTMLFont$; 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:$BlogInfoFileSpot$ $pos$ $img$; } #ns_Content .meMsg_MsgFile { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogInfoFileSpot$ $pos$ $img$; } #ns_Content .meMsg_MsgURL a { font-family:$BlogInfoFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .meMsg_MsgFile a { font-family:$BlogInfoFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .BlogInfoHTML .BlogInfo1 { border-bottom:$BlogInfoB1$; } #ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { border-bottom:$BlogInfoTextHTMLS$; display:block; } .BlogInfoAuthor { display:$BlogInfoAuthor$; } .BlogInfoClass { display:$BlogInfoClass$; } .BlogInfoStatus { display:$BlogInfoStatus$; }

於 $Date$ $Time$ 發表  #$OrdIdx$  $PostDesc$ 回應 $html$

.CommentCont { width:100%; border:1px solid #dddddd; border-radius:5px; margin-top:10px; } .tdCommentCont { padding:10px; padding-bottom:0px; } .CommentHr { border:0px; border-top:1px solid #cccccc; } .ns_CommentAuthor, .ns_CommentDate { color:#888888; } #ns_Content .CommentCont .meMsgInfo {} #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_MsgTitle { text-align:left; color:#333333; font-size:13px; font-weight:bold; } #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_Content { text-align:left; color:#555555; font-size:13px; font-weight:normal; } #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_MsgImg img { max-width:500px; } #ns_Content .CommentCont .meMsg_MsgContentBlk { margin-left:50px; } #ns_Content .CommentCont .meMsg_MsgContentBlk .meMsg_MsgTitle { text-align:left; color:#888888; font-size:13px; font-weight:normal; display:block; margin-top:20px; border-top:1px solid #888888; } #ns_Content .CommentCont .meMsg_MsgContentBlk .meMsg_Content { text-align:left; color:#555555; font-size:13px; font-weight:normal; } .CommentCont { border:$CommentB$; } .CommentCont { background-color:$CommentBgC$; } .CommentCont { background-image:$CommentBgImg$; background-position:$pos$; background-repeat:$repeat$; } .CommentHr { border-top:1px solid $CommentHrColor$; } #ns_Content .CommentCont .meMsg_MsgContentBlk .meMsg_MsgTitle { border-top:1px solid $CommentHrColor$; } .ns_CommentAuthor, .ns_CommentDate { font-family:$CommentFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .CommentCont .meMsg_MsgContentBlk .meMsg_MsgTitle { font-family:$CommentFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_MsgTitle { font-family:$CommentTitleFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_Content { font-family:$CommentContFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .CommentCont .meMsg_MsgContentBlk .meMsg_Content { font-family:$CommentContFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .CommentCont { margin-top:$CommentMarginTop$; } #ns_Content .CommentCont .meMsg_MsgBlk .meMsg_MsgImg img { max-width:$CommentImgMaxW$; }