class=logo
class=social
.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; } .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:1px 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; } .SiteNode_1, .SiteNode_x1 { padding-left:25px; } .SiteNode_2, .SiteNode_x2 { padding-left:40px; } .SiteNode_3, .SiteNode_x3 { padding-left:55px; } .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; }
.SiteNode_0 { display:$SiteTreeDisp0$; }
.SiteItem_x0, .SiteItem_x1, .SiteItem_x2, .SiteItem_x3, .SiteItem_x4, .SiteItem_x5, .SiteItem_x6, .SiteItem_x7, .SiteItem_x8, .SiteItem_x9 { color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { background-image:$SiteTreeBgO$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; }
.SiteItem_0, .SiteItem_1, .SiteItem_2, .SiteItem_3, .SiteItem_4, .SiteItem_5, .SiteItem_6, .SiteItem_7, .SiteItem_8, .SiteItem_9 { color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9 { background-image:$SiteTreeBg$; background-position:$pos$; background-repeat:$repeat$; background-color:$color$; }
.SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { padding-top:$SiteTreePadding$; padding-bottom:$SiteTreePadding$; }
.SiteNode_B, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { border-top:$SiteTreeLineT$; }
.SiteNode_T, .SiteNode_0, .SiteNode_1, .SiteNode_2, .SiteNode_3, .SiteNode_4, .SiteNode_5, .SiteNode_6, .SiteNode_7, .SiteNode_8, .SiteNode_9, .SiteNode_x0, .SiteNode_x1, .SiteNode_x2, .SiteNode_x3, .SiteNode_x4, .SiteNode_x5, .SiteNode_x6, .SiteNode_x7, .SiteNode_x8, .SiteNode_x9 { }
#dataSiteTree { border-left:$SiteTreeBorderL$; }
#dataSiteTree { border-right:$SiteTreeBorderR$; }
#dataSiteTree .SiteNode_0, #dataSiteTree .SiteNode_x0 { padding-left:$SiteTreePaddingL0$; }
#dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 { padding-left:$SiteTreePaddingL1$; }
#dataSiteTree .SiteNode_2, #dataSiteTree .SiteNode_x2 { padding-left:$SiteTreePaddingL2$; }
樂工設計
Home
About
Projects
workflow
Contact
|
|
|
|
|
|
Project主頁面
RETAIL
Big Apartment 簽約中心
Space Cycle 上海
Space Cycle 北京三里屯
Space Cycle 北京國貿
Space Cycle 港匯
Space Yoga
Untitled Workshop
LDH Flag Ship Shop
Satana
Jut essence
Motus
CORPORAT OFFICES
Big Apartment
APEX
Da Cin
MilknHoney
Cloud Interactive
RESIDENTIAL
Big Apartment B3
Big Apartment B2
Apartment B
Apartment G
Apartment G2
Apartment C
Apartment C2
Apartment CH
Apartment CH2
Apartment CH3
Apartment CH4
Apartment J
Apartment K
Apartment P
Apartment W
Apartment W2
Apartment Y
Jut essence
EXHIBITIONS
EVENTS
TEDx Weekend Taipei
%html%
.PictureMenu { width: 100%; max-width: 500px; margin: 0 auto; height:30px; text-align:center; line-height:100%; } .PictureMenuS { width:1px; background:#fff; } .PictureMenuL { width:10px; background:#fff; } .PictureMenuR { width:10px; background:#fff; } .PictureMenu0 { background:#fff; padding:0px; vertical-align:middle; } .PictureMenu0:hover { background:#ff4422; padding:0px; vertical-align:middle; } .PictureMenu1 { background:#fff; padding:0px; vertical-align:middle; } .PictureMenu0 a { color:#000; } .PictureMenu1 a { color:#000; } .itemPicture img { width: 100%; } .PictureCont {} .PictureCont .meMsg_MsgListBlk {} .PictureCont .meMsg_MsgListBlk tr { display:inline; } .PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { visibility: hidden; display: block; padding: 0 5px; text-align: center; width: 255px; overflow: hidden; box-sizing: border-box; max-height: 338px; } #ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { font-size: 13px; margin-bottom: 20px; display: block; text-align: left; padding: 0 7px; box-sizing: border-box; } @media (max-width: 700px) { .PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { margin: 0; width: 165px; box-sizing: border-box; padding: 0 5px; } #ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { font-size: 13px; padding: 0 30px; margin-bottom: 19px; display: block; box-sizing: border-box; } }
.PictureMenu { display:$PictureMenuDisp$; }
.PictureMenu0 { display:$PictureMenuDisp1$; }
.PictureMenuL { background:$PictureMenuBgColor$; } .PictureMenuR { background:$PictureMenuBgColor$; }
.PictureMenu { background-image:$PictureMenuBgImg$; background-position:$pos$; background-repeat:$repeat$; }
.PictureMenu { width:$PictureMenuWidth$; }
.PictureMenu { height:$PictureMenuHeight$; }
.PictureMenu0 { background:$PictureMenuBgColor0$; }
.PictureMenu0:hover { background:$PictureMenuBgColor1$; } .PictureMenu1 { background:$PictureMenuBgColor1$; }
.PictureMenuS { background:$PictureMenuBgColorS$; }
.PictureMenu0 a { font-family:$PictureMenuFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PictureMenu1 a { font-family:$PictureMenuFont1$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PictureMenu { margin-bottom:$PictureMenuBottom$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { border:$PictureBorder$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { border-radius:$PictureRadius$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { box-shadow:$PictureShadow$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { padding:$PicturePadding$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { width:$PictureDivW$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { height:$PictureDivH$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { margin-right:$PictureDivL$; }
.PictureCont .meMsg_MsgListBlk .meMsg_MsgTitle { margin-bottom:$PictureDivT$; }
Cloud Interactive
Cloud Interactive
Cloud Interactive5.jpg
Cloud Interactive
Cloud Interactive6.jpg
Cloud Interactive
Cloud Interactive7.jpg
Cloud Interactive
Cloud Interactive8.jpg
Cloud Interactive
Cloud Interactive9.jpg
Cloud Interactive
Cloud Interactive10.jpg
Cloud Interactive
Cloud Interactive11.jpg
Cloud Interactive
Cloud Interactive12.jpg
Cloud Interactive
Cloud Interactive13.jpg
Cloud Interactive
Cloud Interactive14.jpg
Cloud Interactive
Cloud Interactive15.jpg
Cloud Interactive
Cloud Interactive16.jpg
Cloud Interactive
Cloud Interactive17.jpg
Cloud Interactive
Cloud Interactive18.jpg
Cloud Interactive
Cloud Interactive19.jpg
Cloud Interactive
Cloud Interactive20.jpg
Cloud Interactive
Cloud Interactive21.jpg
Cloud Interactive
Cloud Interactive22.jpg
Cloud Interactive
Cloud Interactive23.jpg
Cloud Interactive
Cloud Interactive24.jpg
Cloud Interactive
Cloud Interactive25.jpg
Cloud Interactive
Cloud Interactive26.jpg
Cloud Interactive
Cloud Interactive27.jpg
Cloud Interactive
Cloud Interactive28.jpg
Cloud Interactive
Cloud Interactive29.jpg
Cloud Interactive
Cloud Interactive30.jpg
Cloud Interactive
Cloud Interactive31.jpg
Cloud Interactive
Cloud Interactive32.jpg
Cloud Interactive
Cloud Interactive33.jpg
Cloud Interactive
Cloud Interactive34.jpg
Cloud Interactive
Cloud Interactive35.jpg
Cloud Interactive
Cloud Interactive36.jpg
Cloud Interactive
Cloud Interactive37.jpg
Cloud Interactive
Cloud Interactive38.jpg
Cloud Interactive
Cloud Interactive39.jpg
Cloud Interactive
Cloud Interactive40.jpg
Cloud Interactive
Cloud Interactive37.jpg
Cloud Interactive
Cloud Interactive38.jpg
Cloud Interactive
Cloud Interactive39.jpg
Cloud Interactive
Cloud Interactive40.jpg
Cloud Interactive
Cloud Interactive41.jpg
Cloud Interactive
Cloud Interactive42.jpg
Cloud Interactive
Cloud Interactive43.jpg
Cloud Interactive
Cloud Interactive44.jpg
Cloud Interactive
Cloud Interactive45.jpg
84707
Cloud Interactive
2018-08-08
17:42:20
83350
Blair
網站範本
>
Project主頁面
>
CORPORAT OFFICE
>
Cloud Interactive
Picture
---
84707
Copyright by 樂工設計