FIT - 客戶故事

.ClassMiniSite, .ClassNum { display:none; } .SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 { line-height:100%; font-size:13px; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:0px solid #cccccc; } .SiteNode_xT, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { line-height:100%; font-size:13px; padding-top:5px; padding-bottom:5px; text-align:left; border-top:1px solid transparent; border-bottom:0px solid #cccccc; } .SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 { } .SiteItem_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { font-weight:bold; } .SiteNode_0, .SiteNode_x0 { padding-left:10px; display:none; } @media (max-width:480px) { /* 手機適用 */ .SiteNode_1 a { display:block; font-size:16px; padding:5px 5px 5px 10px;color:#ffffff ;font-weight: 600;} .SiteNode_2 a { display:block; font-size:16px; padding:5px 5px 5px 25px; } .SiteNode_3 a { display:block; font-size:16px; padding:5px 5px 5px 40px; } .SiteNode_1 { border-bottom:1px solid #006dee;background-color: #007eff; } .SiteNode_2 { border-bottom:0px solid #006dee; } .SiteNode_3 { border-bottom:0px solid #006dee; background:#fff; } } @media (min-width:481px) { /* 一般 PC */ .SiteNode_1, .SiteNode_x1 { padding:5px 25px 5px 25px; font-size: 16px; height:50px; } .SiteNode_2, .SiteNode_x2 { padding: 0px; font-size: 16px; } .SiteNode_3, .SiteNode_x3 { padding:5px 15px 5px 40px; } .SiteNode_4, .SiteNode_x4 { padding-left:70px; } .SiteNode_5, .SiteNode_x5 { padding-left:85px; } .SiteNode_6, .SiteNode_x6 { padding-left:100px; } .SiteNode_7, .SiteNode_x7 { padding-left:115px; } .SiteNode_8, .SiteNode_x8 { padding-left:130px; } .SiteNode_9, .SiteNode_x9 { padding-left:145px; } .SiteGroup_1:nth-child(6):hover .SiteMenu_1 { left:650px; } #id_HeaderCol { position:relative; } .SiteMenu_2, .SiteMenu_3 { display:none; } .SiteMenu_1 { position: absolute; height: 0px; overflow:hidden; transition: all .2s linear; } .SiteGroup_1 { float:left; } .SiteGroup_1:hover .SiteMenu_1 { color:#fff; height: 60px; z-index:91; } .SiteGroup_1.SiteGroup_x .SiteMenu_1 { color:#fff; height: 60px; } .SiteGroup_1:hover .SiteNode_1 , .SiteGroup_1.SiteGroup_x .SiteNode_1{ background:url(http://comet.noonspace.com/w58NoonSpace/superfit/MsgInfo/ArrowDown20170202.png) no-repeat; background-position: 50% 100%; } .SiteNode_1:before { content:''; margin-top:45px; position:absolute; width:100%; left:0px; height:0px; background:#007eff; transition: all .2s linear; } .SiteGroup_1:hover .SiteNode_1:before { height: 60px; z-index:90; } .SiteGroup_1.SiteGroup_x .SiteNode_1:before { height: 60px; } .SiteNode_2 a {color: #fff; text-decoration: none; } .SiteNode_1 a:hover { color: #0075ed; text-decoration: none; } .SiteGroup_2 { float:left;margin-right:10px; } .SiteGroup_2:hover { background-color: #d7e9fb; color: #000; } .SiteGroup_2 a { display: block; padding: 20px 25px; height:60px; } .SiteGroup_2 a:hover , .SiteGroup_2.SiteGroup_x a { background-color: #d7e9fb; color: #000; } span.ClassName:hover { color: #000; } }

| | | | | |

.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, /* 偶數筆資訊 */ .BlogInfoD_1 /* 奇數筆資訊 */ { background-color: #fff; padding:30px 40px; border-top-left-radius: 7px; border-top-right-radius: 7px; } /* 資訊狀態列 */ .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; } .BlogInfoHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */ .BlogInfoAuthor, .BlogInfoDate, .BlogInfoState { display: inline-block; margin-right: 20px; } .BlogInfoHeaderDetail { font-size: 14px; color: #959893; display: none; } .BlogInfoHeader { padding-bottom: 20px; border-bottom: 1px solid #eaecf1; margin-bottom: 30px; } .BlogInfoTitle { font-size: 30px; margin-bottom: 0; } /* 資訊區下方資訊 */ .BlogInfoHTML .BlogInfo3 { width:100%; color:#888888; } .BlogInfoHTML .BlogInfoStatus { float:right; } .BlogInfoHTML .BlogInfoBtn { text-align:left; } /* FB按讚分享 */ .mefbLikeBtn { background-color: #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding-bottom: 60px; } .mefbLikeBtn .meMsg_MsgBlk, .mefbLikeBtn .meMsg_MsgContentBlk { float: left; } .mefbLikeBtn .meMsg_MsgMain { max-width: 380px; margin: auto; } .mefbLikeBtn .meMsg_Content { font-size: 15px; color: #95989a; margin-right: 10px; } /* FB留言 */ .mefbComments { background-color: #fff; border-radius: 7px; margin-top: 30px; padding: 10px 30px; } /* 資訊內文 */ #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; } /* 圖文間距 */ .meMsgArticle img { max-width: 100%; margin: 40px 0; } /* 分頁控制列 */ #divPageCtrl { margin:10px; clear:both; } #divPageCtrl table { margin-left:auto; margin-right:auto; } /* 表格格式 */ .MsgRow1 { } /* 第一列 */ .MsgRowN { } /* 其他列 */ .MsgRowD0 { } /* 偶數列 */ .MsgRowD1 { } /* 奇數列 */ .MsgCell1 { padding:0px; } /* 最左欄 */ .MsgCellN { padding:0px; } /* 中間欄 */ .MsgCellX { padding:0px; } /* 最右欄 */ .MsgRGap { border:0px; margin-top:20px; margin-bottom:20px; } /* 列與列中間 */ .cssPagePanel { clear:both; } /* 控制面板列 */

成功案例

開始愛上運動拉~
分享兩個禮拜練就川字線的成果
享受飆汗的感覺!

喜歡這篇文章嗎？分享給朋友知道！