html, body { color: #333333; font-size:12px; line-height:150%; margin:0; padding:0; height:100%; width:100%; }

a       { color:#666666; text-decoration:none; }
a:hover { color:#ee6622; text-decoration:none; }
table   { width:100%; }

img { vertical-align:middle; }

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

#ns_Header { width:100%; height:30px; background:#e0e0e0; margin:0px; padding:0px; margin-bottom:4px; padding-top:20px;padding-bottom:20px;}
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_Header { width:100%; position:relative; }
#id_HeaderLeft  { width:auto; }
#id_HeaderRight { }
#id_HeaderCol   { width:100%; }

#ns_Footer { width:100%; height:30px; padding:0px; margin-top:10px;max-width:1200px;box-sizing:border-box; }
.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; }
.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%; }

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

#id_Main { width:100%; }
#id_Content  { padding-left:8px; padding-right:8px; }
#id_ColLeft  { width:180px; }
#id_ColRight { width:180px; }

#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 { display:; }
#id_ContTopRight  { width:34%; }

#id_ContBottom       { width:100%; }
#id_ContBottomLeft   { width:34%; }
#id_ContBottomCenter { display:; }
#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; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ColLeft .meMsg_MsgBlk, #id_ColRight .meMsg_MsgBlk { 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:8px; padding-right:8px; }

#ns_Content .meMsgInfo { margin-bottom:20px; }
#ns_Content .meMsg_MsgTitleBlk { color:#000000; font-size:13px; font-weight:normal; margin-bottom:5px; }
#ns_Content .meMsg_MsgBlk img { margin-bottom:5px;  }
#ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { color:#333333; font-size:15px; font-weight:bold; }
#ns_Content .meMsg_MsgBlk .meMsg_MsgSubTitle { color:#333333; font-size:13px; font-weight:bold; }
#ns_Content .meMsg_MsgBlk .meMsg_Content { color:#555555; font-size:13px; font-weight:normal; margin-top:5px; }
#ns_Content .meMsg_MsgContentBlk table { margin-top:10px; }
#ns_Content .meMsg_MsgContentBlk .meMsg_MsgTitle { color:#333333; font-size:13px; font-weight:bold; }
#ns_Content .meMsg_MsgContentBlk .meMsg_Content { color:#555555; font-size:13px; font-weight:normal; margin-top:5px; }

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

#id_ContentTop    .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ContentBottom .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ContTop       .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ContBottom    .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }

#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; font-family:微軟正黑體; font-size:12px; color: #666666; width:auto; }
.weForm .header   { font-family:微軟正黑體; font-weight:normal; font-size:12px; text-align:center; padding:4px; color:#000000; background-color:#a0a0a0; }
.weForm .caption  { font-family:微軟正黑體; font-weight:normal; font-size:12px; text-align:right; width:150px; vertical-align:top; }
.weForm td        { font-family:微軟正黑體; font-weight:normal; font-size:12px; text-align:left; padding-top:1px; padding-bottom:1px; }
.weForm hr        { width:99%; height:0px; border:1px #E18A00 solid; }
.weForm a         { font-weight:normal; }
.weForm a:hover   { font-weight:normal; }
.weForm .formview { font-weight:normal; color:#222222; line-height:150%; font-size:12px; }
.weForm .formbold { font-weight:bold;   color:#222222; line-height:150%; font-size:11px; }
.weForm .desc     { font-family:微軟正黑體; font-weight:normal; font-size:12px; text-align:left; vertical-align:top; }

.weForm input { font-family:微軟正黑體; background-color:#666; color:#fff;  font-size:14px; padding:4px; margin:0px; vertical-align:middle; width:100%; max-width:300px; }
.weForm input:focus { border:1px solid #888888; }
.weForm input[type=submit] { height:auto; width:auto; padding:5px 15px; background-color:#222; color:#fff; }
.weForm input[type=button] { height:19px; padding:1px; }
* html .weForm input { height:12px; width:100%; max-width:300px; }
* html .weForm input.button { height:18px; padding:1px; background:#dddddd; }

.weForm select { font-family:微軟正黑體; font-size:12px; color:#000000; background-color: #ffffff; padding:2px; vertical-align:middle; margin:0px; border:1px solid #bbbbbb; }
.weForm select, x:-moz-any-link { height:17px; padding:0px; }
.weForm select, x:-moz-any-link, x:default { height:19px; padding-top:2px; }
* html .weForm select { height:19px; font-size:13px; }
*+html .weForm select { height:19px; font-size:13px; }

.weForm textarea { width:420px; font-weight:normal; font-family:微軟正黑體; font-size:14px; padding:5px; margin:0px; background-color:#666; color:#fff; width:100%; max-width:300px; }
.ViewTextArea    { width:428px; color:#222222; background-color:white; border:1px solid #a0a0a0; padding:3px; }
.weForm textarea,      x:-moz-any-link { width:420px; } /* firefox 2 */
.weForm .ViewTextArea, x:-moz-any-link { width:428px; } /* firefox 2 */
.weForm textarea,      x:-moz-any-link, x:default { width:420px; } /* firefox 3 */
.weForm .ViewTextArea, x:-moz-any-link, x:default { width:428px; } /* firefox 3 */
* html .weForm textarea      { width:420px; } /* ie 6 */
* html .weForm .ViewTextArea { width:428px; } /* ie 6 */
*+html .weForm textarea      { width:418px; } /* ie 7 */
*+html .weForm .ViewTextArea { width:426px; } /* ie 7 */

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


/* 頁面自訂CSS */
.fb {
  position:relative;
  top:20px;
  right:20px;
}
.logo {
  
}
.MainMenu {
  position:relative;
  top:95px;
  font-size:16px;
}
.footer .meMsg_ItemTitle {
  font-size:14px;  
}

/* 側邊選單 */
#SideMenu {
    width: 200px;
    height: 100%;
    padding: 0;
    margin: 0;
}
#SideMenu li {
    list-style-type: none;
}
#SideMenu li a {
    color : #fff;
    text-decoration : none;
    font-size: 14px;
}
#SideMenu li a:hover {
    color : #e62;
}
#SideMenu .level_1>li {
    min-height: 40px;
}

#SideMenu .level_1 {
    padding-top : 40px;
    padding-left : 40px;
}
#SideMenu .level_2 {
    margin-left:0px;
    -moz-padding-start: 10px;
    padding-left: 10px;
}
#SideMenu .level_2 li {
    font-size: 12px;
    height: 25px;
    min-height: auto;
}
#SideMenu .level_2 li a {
    font-size: 12px;
}
.SideMenuBlk {
    opacity: 0.9;
}

@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
  #id_HeaderRight,.MainMenu { display:none; }
  #id_HeaderLeft  { width:100%; }
  .logo { position:absolute; top:-10px; right:10px; z-index:20; width:auto !important; }
  .logo .meMsg_MsgImg { text-align:right !important; }
  #id_ColLeft { display:none; }
}