html, body { color: #333333; 
font-size:14px; 
background-color:#fff; 
line-height:180%; 
margin:0; padding:0; 
height:100%; 
width:100%; 
letter-spacing: 1.5px;
}

a       { color:#666666; text-decoration:none; }
a:hover { color:#ee6622; text-decoration:none; }


img { vertical-align:middle; }

/*桌面*/
#ns_Wrapper { width:100%; text-align:left; border:0px; padding:0px; max-width:1200px; }
.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }


/*天*/
#ns_Header { width:100%;  margin:0px; padding:0px; margin-bottom:4px; }
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_Header { width:100%; }
#id_HeaderLeft  { width:50%; }
#id_HeaderRight { position:relative; }
#id_HeaderCol   { width:100%; }


/*地*/
#ns_Footer { width:100%; padding:0px; margin-top:10px; }
.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; }
#id_FooterLeft  { width:50%; }
#id_FooterRight { }
#id_FooterCol   { width:100%; }

/*選單控制列*/
#id_Menu { width:100%; margin-bottom:4px; }
#id_MenuLeft  { max-width:50%; text-align:left; }
#id_MenuRight { text-align:right; }
#id_CtrlBtn {display:none;}
.TopMenuUserName, .TopMenuHome, .TopMenuLoginLogout, .TopMenuJoinPanel, .TopMenuMemberCenter, .TopMenuSearch { white-space:nowrap; }
#SearchBox { border:1px solid #888888; font-size:12px; color:#bbbbbb; }
#SearchBox:focus { color:#333333; }

/*版權*/
#ns_Copyright { width:100% !important; max-width:1200px; }



#ns_Main { width:100%; }
.ns_MainR1, .ns_MainR3, #ns_Main4, #ns_Main6 { display:none; }

/*中欄*/
#id_Main { width:100%; height:300px; }

/*內容區*/
#id_Content  { padding-left:8px; padding-right:8px; }
#ns_Content .meMsgInfo { margin-bottom:20px; }
#ns_Content .meMsg_MsgTitleBlk {  }
#ns_Content .meMsg_MsgBlk img { margin-bottom:5px;  }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { }
#ns_Content .meMsg_MsgBlk .meMsg_MsgSubTitle { }
#ns_Content .meMsg_MsgBlk .meMsg_Content { }
#ns_Content .meMsg_MsgContentBlk table {  }
#ns_Content .meMsg_MsgContentBlk .meMsg_MsgTitle {  }
#ns_Content .meMsg_MsgContentBlk .meMsg_Content {  }

#ns_Content .meMsg_MsgURLList { margin:0px; padding:0px; }
#ns_Content .meMsg_MsgURL  { margin-left:20px; list-style:disc outside; color:#222222;  }
#ns_Content .meMsg_MsgFileList { margin:0px; padding:0px; }
#ns_Content .meMsg_MsgFile { margin-left:20px; list-style:disc outside; color:#222222;  }
#ns_Content .meMsg_MsgList { margin-top:10px; }
#ns_Content .meMsg_Content {}

#id_Content .meMsg_Content {}
#id_Content .meMsg_MsgTitle {font-weight:600;}

#id_ContentTop    .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; margin-bottom:4px; }
#id_ContentBottom .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; margin-bottom:4px; }
#id_ContTop       .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px;  margin-bottom:4px; }
#id_ContBottom    .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px;  margin-bottom:4px; }


/*左欄*/
#id_ColLeft  { width:200px; border-left:0px solid #e0e0e0; border-right:0px solid #e0e0e0; }
#id_ColLeft .meMsg_MsgBlk, #id_ColRight .meMsg_MsgBlk { width:200px;padding-left:8px; padding-right:8px; }
#id_ColLeft .meMsg_MsgContentBlk, #id_ColRight .meMsg_MsgContentBlk { padding-left:8px; padding-right:8px; }
#id_ColLeft .meMsg_MsgListBlk, #id_ColRight .meMsg_MsgListBlk { padding-left:28px; padding-right:8px; }
#id_ColLeft .meMsg_MsgListBlk, #id_ColRight .meMsg_MsgListBlk


/*右欄*/
#id_ColRight { width:180px; border-left:0px solid #e0e0e0; border-right:0px solid #e0e0e0; }
#id_ColRight .meMsg_ItemTitle {}

/*內容*/
#ns_Content  { width:100%; }
#ns_Content5 { }
#id_ContentTop    { width:100%; margin-bottom:8px; }
#id_ContentBottom { width:100%; margin-top:8px; }

#id_ContTop       { width:100%; }
#id_ContTopLeft   { width:34%; }
#id_ContTopCenter {  }
#id_ContTopRight  { width:34%; }

#id_ContBottom       { width:100%; }
#id_ContBottomLeft   { width:34%; }
#id_ContBottomCenter {  }
#id_ContBottomRight  { width:34%; }

#id_PhpTop       { width:100%; }
#id_PhpTopLeft   { width:50%; }
#id_PhpTopRight  { width:50%; }

#id_PhpBottom       { width:100%; }
#id_PhpBottomLeft   { width:50%; }
#id_PhpBottomRight  { width:50%; }

#id_ColLeft .meMsg_MsgTitleBlk, #id_ColRight .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; color:#000000; margin-bottom:4px; }

#id_ColLeft .meMsg_MsgTitleBlk{
    border: 0px solid #cccccc;
    background: #DFEDD2;

}

body .cssSubscribe.meFloatBlock {
   top: 60%;
}

.meFloatBlock .meMsg_MsgTitleBlk{
 border:0px solid #cccccc; background:#fff;
}




#PageCtrl   { font-size:12px; font-weight:normal; color:#666666; }
#PageCtrl a { font-size:12px; font-weight:normal; color:#666666; }
#PageCtrl .ThisPage  a { font-size:12px; font-weight:bold;   color:#000000; }
#PageCtrl .OtherPage a { font-size:12px; font-weight:normal; color:#666666; }

#MemberMenu { text-align:left; }

/* forms elements */
.weFormDiv        {}
.weForm           { font-weight:normal;color: #666666; width:auto;margin-left:auto;margin-right:auto;padding-right:180px; }
.weForm .header   { font-weight:normal;  text-align:center; padding:4px; color:#000000; background-color:#a0a0a0; }
.weForm .caption  { font-weight:normal;  text-align:right; width:150px; vertical-align:top; }
.weForm td        { font-weight:normal; text-align:left; padding-top:1px; padding-bottom:1px; }
.weForm hr        { width:99%; height:0px; border:1px #E18A00 solid; display:none;}
.weForm a         { font-weight:normal; }
.weForm a:hover   { font-weight:normal; }
.weForm .formview { font-weight:normal; color:#222222; }
.weForm .formbold { font-weight:bold;   color:#222222; }
.weForm .desc     { font-weight:normal; text-align:left; vertical-align:top; }

.weForm input {  height:20px; border:1px solid #bbbbbb; border-radius:5px; font-size:14px; color:#666666; padding:3px; margin:0px; vertical-align:middle;width:300px; }
.weForm input:focus { border:1px solid #888888; }
.weForm input[type=submit] { height:auto; padding:5px; width:auto; color:#ddd; background-color:#222; font-size:14px; border-radius:5px; }
.weForm input[type=submit]:hover { color:#bb6633; cursor:pointer; background-color:#333; }
.weForm input[type=button] { height:auto; padding:1px; }
* html .weForm input { height:12px; }
* html .weForm input.button { height:18px; padding:1px; background:#dddddd; }

.weForm select {  color:#000000; background-color: #ffffff; padding:2px; vertical-align:middle; margin:0px; border:1px solid #bbbbbb; border-radius:5px; }
.weForm select, x:-moz-any-link { height:20px; padding:0px; }
.weForm select, x:-moz-any-link, x:default { height:19px; padding-top:0px; }
* html .weForm select { height:19px; font-size:13px; }
*+html .weForm select { height:19px; font-size:13px; }

.weForm textarea { width:300px; font-weight:normal;  color: #000000; border:#bbbbbb 1px solid; background-color: #ffffff; padding:3px; margin:0px;border-radius:5px; }
.ViewTextArea    { width:308px; color:#222222; background-color:white; border:1px solid #a0a0a0; padding:3px; }
.weForm textarea,      x:-moz-any-link { width:300px; } /* firefox 2 */
.weForm .ViewTextArea, x:-moz-any-link { width:308px; } /* firefox 2 */
.weForm textarea,      x:-moz-any-link, x:default { width:300px; } /* firefox 3 */
.weForm .ViewTextArea, x:-moz-any-link, x:default { width:308px; } /* firefox 3 */
* html .weForm textarea      { width:300px; } /* ie 6 */
* html .weForm .ViewTextArea { width:308px; } /* ie 6 */
*+html .weForm textarea      { width:298px; } /* ie 7 */
*+html .weForm .ViewTextArea { width:306px; } /* ie 7 */

.weForm #chkcode { width:auto; font-size:14px;}

/* 管理後台內容區背景色 */
.PanelBgColor { background:#c0d0e0; }


/* 子選單 */
.submenu1,
.submenu2,
.submenu3,
.submenu4 {
  position:absolute;
  top:125px;
  z-index:1;
  border-top: solid 1px #000;
  padding-top: 10px;
}
.submenu1 { right:160px; }
.submenu2 { right:130px; }
.submenu3 { right:80px; }
.submenu4 { right:40px; }
/*
.submenu2 { right:225px; }
*/

/* 主選單 */
.mainmenu {
  position:relative;
  z-index:1;
}

/* BlogTree SiteTree 選單預設偏移 */
#TreeMenu_,#dataSiteTree { padding-left:40px; }

/* BlogTree 目前選項 */
#TreeMenu_ a.TreeItem_t,
#dataSiteTree a.TreeItem_t { font-weight:bold; }

/* 建築空間頁面的選單背景 */
.menuBG {
  position:absolute;
  top:0;
  right:0px;
  width:270px;
  height:250px;
  background-color:#fff;
  opacity:1;
  z-index:0;
}

/* 下方版權列 */
.copyrightContainer {
  margin-left:auto;
  margin-right:auto;
  padding-left:218px;
  padding-right:20px;
padding-bottom:20px;
padding-top:20px;
  display:inline-block;
}
.copyrightContainer span {
  display:inline-block;
  margin-right:70px;
  vertical-align:top;
  font-size:12px;
  text-align:left;
}
.copyrightContainer span:last-child {
  margin-right:0;
}

/* 大Logo */
.bigLogo td { 
  padding : 0;
  spacing : 0;
}

/* responsive選單 */
/*.resMenuBlk { display:none; }*/
.resMenuBlk .meMsg_MsgTitleBlk table {
    margin-right:20px;
    margin-top:15px;
}
.menu a,.menu a:hover{
    text-decoration : none;
    height: 38px;
    box-sizing:border-box;
    color:#000;
}
#sidemenu , #hiddenmenu{
    background-image: url(/main/uploads/wistariateahouse/MsgInfo/menu_bg.jpg);
    display: inline-block;
    width: 200px;
}
#hiddenmenu {
    overflow-y:auto;
}
.menu {
    margin:0;
    -moz-padding-start:0px;
    -webkit-padding-start:0px;
    padding-start:0px;
}
.menu .item_1 {
    list-style-type: none;
}
.menu .item_1>a{
    background-color: #fff;
    background-image: url(/main/uploads/wistariateahouse/MsgInfo/menu_v2_0.png);
    width:100%;
    display:block;
    padding-left:40px;
    padding-top:10px;
    font-size:16px;
}
.menu .item_2>a,.menu .item_3>a{
    font-size:14px;
    line-height: 30px;
}
.menu .level_2{
    -moz-padding-start:55px;
    -webkit-padding-start:55px;
    padding-start:55px;
    list-style-type: disc;
}
.menu .level_3 {
    -moz-padding-start:15px;
    -webkit-padding-start:15px;
    padding-start:15px;
    list-style-type: none;
    display:none;
}

#id_Content { padding-left:20px; padding-right:20px; }

/* 個廳介紹 */
#popupTemplate{
    display:none;
}
.modalBG{
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    z-index:110;
}
.popupTemplate{
    position:absolute;
    display:inline-block;
    max-width: 90%;
    z-index:111;
    margin: 10px auto;
}
.popupTemplate .close{
    position:absolute;
    cursor: pointer;
    z-index:112;
    right: 1;
    top: 1;
    width:30px;
    height:30px;
    background-image: url(http://sun.noonspace.com/w28NoonSpace/wistariateahouse/MsgInfo/close.png);
    background-repeat: no-repeat;
background-size:13px;
}
.popupTemplate .textContent{
    background-image: url(http://sun.noonspace.com/w28NoonSpace/wistariateahouse/MsgInfo/bg.png);
    padding:20px;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
}
#MySpace .popupTemplate .textContent p{
    font-family:'標楷體',DFKai-sb,BiauKai !important;
    text-indent:20px;
    line-height:20px;
    font-size:16px;
    max-height:400px;
}


/* Responsive */
@media only screen and (max-width: 480px) {
/* 畫面寬度<=768時，左上方大Logo與右上方選單消失 */
  .bigLogo , .mainmenu { display: none !important; }
  .smallLogo { display: block !important; margin-bottom: 20px;}

  #id_ColLeft { width: 0px !important; display:none; }
  #id_Content { padding-left:10px; padding-right:10px; }

  #ns_Wrapper {
    position : relative;
    padding-top :0px;
background-size: 100%;
  }
  .menuBG { display:none; }
  .copyrightContainer {padding-left:20px;padding-right:20px;}
  .copyrightContainer span {display:block;margin:0;padding:0;}
  /*.resMenuBlk { display:block; }*/


  #id_Content , .copyrightContainer {
    padding-left:10px;
    padding-right:10px;
  }
  .fb-comments , .fbBlk { display:none; }

  .popupTemplate {
    max-width: 100%;
  }
  .popupTemplate .textContent{
    width:100%;
    margin:0;
    padding:10px;
    /*writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;*/
  }
  .popupTemplate .textContent p {
    max-height:auto;
    width:100%;
  }

.copyrightContainer span {
    font-size: 13px;
}

.copyrightContainer {
padding-bottom:10px;
padding-top:0px;
}

#id_Copyright .meMsg_MsgBlk td {
    display: block;
    margin-bottom: 15px;
}

#id_Copyright .meMsg_Content > table {
    width: 100%!important;
}

}

/* 訂閱電子報 */
.cssSubscribe { height:150px; }
.cssSubscribe .meMsg_MsgTitleBlk { line-height:150%; }
.cssSubscribe  .meMsg_MsgMain { border:1px solid #888888;padding-left:9px; }
.cssSubscribe .meMsg_MsgList { margin-top:20px; }

#meMsg_9138_MsgTitleImg img { margin-right:20px; }