@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

html, body {	font-family: Helvetica, Arial, sans-serif; line-height:150%; 
margin:0; padding:0;  width:100%; 
-webkit-font-smoothing: antialiased;background-image: url(https://comet.noonspace.com/w61NoonSpace/cldesigngroup/MsgInfo/bg.png);
line-height: 22px;
}

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

img { vertical-align:middle; }
.meMsg_MsgTitleBlk { color:#000000;}
.meMsg_MsgBlk img { }
.meMsg_MsgBlk .meMsg_MsgTitle { color:#333333;  font-weight:bold; }
.meMsg_MsgBlk .meMsg_MsgSubTitle { color:#333333;  font-weight:bold; }
.meMsg_MsgBlk .meMsg_Content { color:#555555; }
.meMsg_MsgContentBlk table { margin-top:8px; }
.meMsg_MsgContentBlk .meMsg_MsgTitle { color:#333333;  font-weight:bold; }
.meMsg_MsgContentBlk .meMsg_Content { color:#555555;text-align: justify;}

.meMsg_MsgURLList { margin:0px; padding:0px; }
.meMsg_MsgURL  { margin-left:20px; list-style:disc outside; color:#222222;  }
.meMsg_MsgFileList { margin:0px; padding:0px; }
.meMsg_MsgFile { margin-left:20px; list-style:disc outside; color:#222222;  }
.meMsg_MsgList {  }
.meMsg_MsgList td {  }
.robtree .SiteGroup_1 {
    float: left;
    padding: 0 24px 0 36px;
    border-left: 1px solid #ddd;
}


/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--1桌面區塊--*/
#ns_Wrapper {
    width:100%; text-align:left;
    background:#ffffff;
    border:0px;
    padding:0px;
    margin: 0px;
    background-color: #fff;
    padding: 15px 15px 10px;
    box-sizing: border-box;
}
.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }

/*2024.01.02 julia調整*/


/*--1版權宣告區塊--*/
#ns_Copyright { width:100%; }


/*--2天區塊--*/
#ns_Header { width:100%; height:30px; margin:0px; padding:0px; }
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_Header { width:100%; }

/*天第一列左欄*/
#id_HeaderLeft {
    display: block;
    float: left;
    width: 25%;
}
/*天第一列左右欄*/
#id_HeaderRight {
    float: right;
    width: 75%;
    display: inline-flex;
    flex-direction: row-reverse;
    margin-top: 45px;
}


#id_HeaderCol{ width:100%; }

/*--2導覽區塊--*/
#id_Menu { width:100%;  }

/*導覽列左欄*/
#id_MenuLeft  { display:block; float:left; width:50%; }
/*導覽列右欄*/
#id_MenuRight {display:block; float:right; width:50%; }


.TopMenuUserName, .TopMenuHome, .TopMenuLoginLogout, .TopMenuJoinPanel, .TopMenuMemberCenter, .TopMenuSearch { white-space:nowrap; }
#id_CtrlBtn { display:none; }
#SearchBox { border:1px solid #888888;  color:#bbbbbb; }
#SearchBox:focus { color:#333333; }
#id_MemoLeft, #id_MemoRight { width:50%; }
#MemberMenu { text-align:left; }


/*--2內容區塊--*/
#ns_Main { width:100%; }
.ns_MainR1, .ns_MainR3, #ns_Main4, #ns_Main6 { display:none; }
#id_Main {
    width: 100%;
    height: auto;
    margin-top: 50px;
}


/*--2地區塊--*/
#ns_Footer { width:100%; height:30px; padding:0px; margin-top: 0; }
.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; }

/*地第一列左欄*/
#id_FooterLeft  {  display:block; float:left; width:50%; }

/*地第一列右欄*/
#id_FooterRight {display:block; float:right; width:50%; }

#id_FooterCol{ width:100%; }


/*--3左欄區塊--*/
#id_ColLeft  { width: 16%; }
#id_ColLeft .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ColLeft .meMsg_MsgBlk{  }
#id_ColLeft .meMsg_MsgContentBlk { }
#id_ColLeft .meMsg_MsgListBlk { }

/*--3中欄區塊--*/
#id_Content  { padding-left: 36px; }


#ns_Content  { width:100%; }
#ns_Content .meMsgInfo { margin-bottom: 0; }
.ns_ContentR1, .ns_ContentR3, #ns_Content4, #ns_Content6 { display:none; }
#ns_Content5 { }
#id_ContentTop { width:100%;  }
#id_ContentBottom { width:100%;  }

#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_ContentTop .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:0px solid #cccccc; background:transparent; color:#000000; margin-bottom:4px; }
#id_ContentBottom .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:0px solid #cccccc; background:transparent; color:#000000; margin-bottom:4px; }
#id_ContTop .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:0px solid #cccccc; background:transparent; color:#000000; margin-bottom:4px; }
#id_ContBottom .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:0px solid #cccccc; background:transparent; color:#000000; margin-bottom:4px; }


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

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

/*--3右欄區塊--*/
#id_ColRight { display:block; float:left; width:180px;  }
#id_ColRight .meMsg_MsgTitleBlk { padding-left:4px; padding-right:4px; border:1px solid #cccccc; background:#f6f6f6; color:#000000; margin-bottom:4px; }
#id_ColRight .meMsg_MsgBlk { padding-left:8px; padding-right:8px; }
#id_ColRight .meMsg_MsgContentBlk { padding-left:8px; padding-right:8px; }
#id_ColRight .meMsg_MsgListBlk { padding-left:8px; padding-right:8px; }

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/* 頁碼元素*/
#PageCtrl{color:#666666; }
#PageCtrl a {color:#666666; }
#PageCtrl .ThisPage  a {  font-weight:bold;color:#000000; }
#PageCtrl .OtherPage a {color:#666666; }

/* 表單元素*/
.weFormDiv  {}
.weForm  { color: #666666; width:auto; }
.weForm .header{ text-align:center; padding:4px; color:#000000; background-color:#a0a0a0; }
.weForm .caption  { text-align:right; vertical-align:top; }
.weForm td  { text-align:left; padding-top:1px; padding-bottom:1px; }
.weForm hr  { width:99%; height:0px; border:1px #E18A00 solid; }
.weForm a{  }
.weForm a:hover{  }
.weForm .formview {  color:#222222; line-height:150%;  }
.weForm .formbold { font-weight:bold;color:#222222; line-height:150%; font-size:11px; }
.weForm .desc  { text-align:left; vertical-align:top; }

.weForm input {  height:13px; border:1px solid #bbbbbb;  color:#666666; padding:2px; margin:0px; vertical-align:middle; }
.weForm input:focus { border:1px solid #888888; }
.weForm input[type=submit] { height:19px; padding:1px; }
.weForm input[type=button] { height:19px; 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; }
.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;  }
*+html .weForm select { height:19px;  }

.weForm textarea { width:100%; color: #000000; border:#a0a0a0 1px solid; background-color: #ffffff; padding:3px; margin:0px; box-sizing:border-box; }
.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開始-------------------------------------------------------------------------*/
.meCopyrightBlock {
    font-size: 9px;
    color: #999;
    padding: 20px 0 20px 15px;
}

/*導覽列*/
.robtree .SiteGroup_1 > div {text-align: center;} 
.robtree .SiteGroup_1 {
    padding: 0 20px;
    border-left: 0;
    box-sizing: border-box;
}


/*Logo*/
.logo img {
    width: 175px;
}

/*社群*/
.social { margin-right: 8px; }
.social .a2a_default_style a { padding: 0 10px; box-sizing: border-box; }





/*自訂css結束-------------------------------------------------------------------------*/


/*=================pc版  開始===================*/

@media (min-width: 701px) {

}

/*=================pc版  結束===================*/


/*=================手機版  開始===================*/

@media (max-width: 600px) {

/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--2天區塊--*/

/*天第一列左欄*/
#id_HeaderLeft {
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}
/*天第一列右欄*/
#id_HeaderRight {
    float: none;
    width: 100%;
    display: block;
    margin-top: 5px;
    padding: 0 5px;
    box-sizing: border-box;
}


/*--2導覽區塊--*/
#id_Menu { width:100%; margin-bottom:4px; }

/*導覽列左欄*/
#id_MenuLeft  { width:100%;   }
/*導覽列右欄*/
#id_MenuRight {width:100%;  }

/*--2地區塊--*/
/*地第一列左欄*/
#id_FooterLeft  { width:100%; }

/*地第一列左右欄*/
#id_FooterRight {width:100%; }



/*--3左欄區塊--*/
#id_ColLeft  { width:100%; display:block; }

/*--3中欄區塊--*/
#id_Content  { width:100%; padding:unset; display:block;}

/*--3右欄區塊--*/
#id_ColRight{ width:100%; padding-left:10px; padding-right:10px;background:#ccc;}



/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/


/*手機版自訂css開始-------------------------------------------------------------------------*/
#ns_Wrapper {padding:20px 0; box-sizing: border-box; margin: 36px auto;}
#id_Main {margin-top: 20px;}

.robtree .SiteGroup_1 {
    float: unset;
    padding: 0;
    display: inline-block;
}
.robtree .SiteMenu.mobile-menu{
    display: flex;
}

.logo {
    margin-bottom: 15px;
}
.social {
    margin-right: 0;
    position: absolute;
    top: 100px;
    right: 23px;
}


/*手機版自訂css結束-------------------------------------------------------------------------*/

}

/*=================手機版  結束===================*/



/*Project介紹*/
.ProjectCarousel {
    margin-bottom: 40px;
}
.ProjectCarousel .slick-initialized .slick-slide {
    padding: 0 5px;
}
.ProjectCarousel.MsgListCarousel .slider-container img {
    height: 300px;
}
.ProjectCarousel.MsgListCarousel .slider-container .slick-dots {
    display: none;
}
.mePicture .meMsg_MsgBlk .meMsg_Content {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 40px;
    padding: 0 7px;
}

@media (max-width:768px) {
.mePicture .meMsg_MsgBlk .meMsg_Content {
    padding: 0 20px;
}
}