@import url("https://panel.noon360.com/mainssl/uploads/noon360/template/us_basic/style.css");
/*Header聯絡我們表單調整*/
body .weForm span.btnUploadURL,body #iWinTopDiv .contentUs .weForm .button[type=submit]{
	 background: #011B36;
	 border-color: #011B36;
	 color: #fff;
}
#iWinTopDiv .contentUs .weForm .contactDesc .desc {
    text-align: left;
}
#iWinTopDiv .contentUs .weForm .tr7 .detail>span>span, #iWinTopDiv .contentUs .weForm .tr8 .detail>span>span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#iWinTopDiv .contentUs .weForm .tr7 input[type="edit"], #iWinTopDiv .contentUs .weForm .tr8 input[type="edit"] {
    width: 70%;
    margin-right: 10px;
}
.contentUs .btnBlock.btnPreview {
    display: none;
}
.contentUs .ImgcmImg {
    margin-top: 10px;
}
body .fixed-navbar #dataSiteTree.Hori *{
	 color: #fff;
}
.SiteNode_3{
	 color: #000;
}
body .fixed-navbar #dataSiteTree.Hori .arrow-icon{
	 display: none;
}
@media (max-width: 768px) {
body .fixed-navbar #dataSiteTree.Hori *{
	 color: #000;
}
.contentUs .weForm .tr7 .detail>span>span, .contentUs .weForm .tr8 .detail>span>span {
    align-items: center;
}
.contentUs .weForm .tr7 input[type="edit"] {
    margin-bottom: unset;
}
#iWinTopDiv .contentUs .weForm .button[type=submit] {
    margin-bottom: 20px;
    width: auto;
}
}

/*範本設定 開始*/
#ns_Header {
    background: #207FF9;
	 border-bottom: unset;
}

#id_HeaderCol3 .nsDock {
    width: auto;
}
#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
    width: 180px;
}

@media (max-width: 768px) {
#ns_menu{
	 margin-top: 0px;
}
#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
    width: 33%;
}
body .awBtnMenuDiv {
    background: transparent;
}
}


#ns_Footer {
    background: #207ff9;
    margin-top: unset;
}
.id_FooterR3 .nsDock{
	 padding: 40px 30px 0px 0px;
}

#id_Footer {
    margin: 0px auto;
}
#id_FooterRight .divDock[classno="MsgList"] {
    max-width: unset;
}
#id_FooterLeft {
    width: 50%;
    max-width: 100%;
}
#id_FooterRight {
    width: 50%;
    max-width: 100%;
    display: table-cell;
    text-align: center;
    float: none;
}

#ns_Footer a {
    color: #fff;
}
#ns_Footer .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
#ns_Footer .meMsg_MsgBlk .meMsg_Content {
    font-size 15px;
    font-weight 400;
	 padding-left: 60px;
}
#ns_Footer .ClassName {
	color: #fff;
}
#ns_Footer .listCopyrightBlock {
    font-size: 15px;
    font-weight: bold;
}
#ns_Footer .listCopyrightBlock a {
    color: #e0ffff;
}
#ns_Footer .footerLogo .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-bottom: 80px;
    font-weight: 300;
}
#ns_Footer .meLogoBlock .AlignCenter {
    text-align: center; margin-bottom: 5px;
}
#ns_Footer .meLogoBlock img {
    text-align: center !important;
    margin-top: 40px;
	 max-width: 200px;
    padding-left: 50px;
}

.socialBar img {
    height: 20px;
}

@media (max-width: 768px) {
#ns_Footer .meMsg_MsgBlk .meMsg_Content {
	 display: block;
	 text-align: left;
	 padding-left: 0px;
	 font-size: 16px;
}
#id_FooterLeft, #id_FooterRight {
    display: block;
    margin-bottom: 0px;
    width: 100%;
    max-width: unset;
    display: block;
}

}


/*icon 開始*/
.contactBlk .meMsg_MsgBlk img, .memberBlk .meMsg_MsgContentBlk img, .orderBlk img, .JayEtSearchBarNo1V1-container .open-search-bar-btn img {
    filter: brightness(100);
}
.socialBar .meMsg_ItemURL_1, .socialBar .meMsg_ItemURL_2 , .socialBar .meMsg_ItemURL_3 , .socialBar .meMsg_ItemURL_4 {
  filter: brightness(100);
}

/*copyright 開始*/
.meCopyrightBlock {
    background: #207ff9;
    padding: 35px 10px 15px;
    text-align: center;
    position: relative;
}
.meCopyrightBlock svg {
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%, 0px);
    display: none;
}



/*footer 導覽列 開始*/
#dataSiteTree.Hori * {
    color: #fff;
}

@media (max-width: 768px) {
#dataSiteTree.Hori * {
    color: #000;
}
}

/*julia手機版導覽列調整*/
@media(max-width: 768px){
#ns_Header #dataSiteTree .SiteNode_1 .arrow-icon-span{
	 display: flex;
    justify-content: flex-end;
}
}
/*範本設定 結束*/

/*=============================作品集分類 WorkSort CSS*/

/*最上層名稱隱藏*/
.WorkSort .SiteNode_0 {
    display: none;
}
/*子項目隱藏*/
.WorkSort .SiteMenu_1 {
    display: none;
}


.WorkSort {
    margin: 40px 0;
    padding: 0 20px;
}
.WorkSort .SiteMenu_0 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.WorkSort .SiteMenu_0 .SiteGroup {
    padding: 12px 30px;
    border-left: 3px dashed #967661;
    margin: 10px 0;
}
.WorkSort .SiteMenu_0 .SiteGroup:last-child {
    border-right: 3px dashed #967661;
	 display: none;
}
.WorkSort #dataSiteTree .SiteNode_1 {
    padding: 0;
    border: 0;
    margin: 0;
}
.WorkSort .SiteItem .ClassName {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    color: #555555;
}

.WorkSort .SiteMenu_0 .SiteGroup:hover, .WorkSort .SiteMenu_0 .SiteGroup_x {
    background-color: rgba(215, 201, 187, 0.3);
}
.WorkSort .SiteMenu_0 .SiteGroup:hover .ClassName, .WorkSort .SiteMenu_0 .SiteGroup_x .ClassName {
    color: #6C3118;
    font-weight: bold;
}

@media (max-width: 1128px) {
.WorkSort .SiteMenu_0 .SiteGroup {
    width: 50%;
}
.WorkSort .SiteMenu_0 .SiteGroup:last-child {
    border-right: 0;
}
.WorkSort .SiteMenu_0 .SiteGroup:nth-child(even) {
    border-right: 3px dashed #967661;
}
}
@media(max-width: 768px) {
.WorkSort {
    padding: 0;
}
.WorkSort .SiteItem .ClassName {
    font-size: 20px;
}
}


/*=============================作品集SiteTree CSS*/
.WorkSitetree {
    margin: 40px auto;
}
.WorkSitetree .SiteNode_0 {
    display: none;
}
.WorkSitetree .SiteMenu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.WorkSitetree .SiteGroup {
    width: 31%;
    margin: 10px 10px 70px;
}
.WorkSitetree #dataSiteTree .SiteGroup .SiteNode_1 {
    padding: 0;
    display: block;
    width: 100%;
}
body .ClassImg img{
	 max-width: fit-content;
}
.WorkSitetree .SiteItem .ClassImg img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}
.WorkSitetree .SiteItem .ClassName {
    display: block;
    font-size: 16px;
    margin: 20px 0;
    color: #6C3118;
    line-height: 140%;
}
@media (max-width: 768px) {
body #ns_Menu{
	 margin-top: 0px;
}
.WorkSitetree .SiteGroup {
    width: 80%;
}
}




/*=============================作品集內頁 CSS*/
.edStageAddr .meMsg_MsgBlk img {
    width: 100%;
}

.DesignInfo .meMsg_MsgTitleBlk .meMsg_MsgTitle {
    font-size: 12px;
    letter-spacing: 0.53em;
    color: #7B7A7A;
    margin: 30px 0;
    display: block;
}
.DesignInfo .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #3F3F3F;
    font-size: 22px;
    font-weight: bold;
    line-height: 130%;
    letter-spacing: 0.065em;
}
.DesignInfo .meMsg_MsgList {
    margin: 20px 0;
    padding: 20px 10px;
    border-top: 2px dashed rgba(188, 98, 59, 0.51);
    border-bottom: 2px dashed rgba(188, 98, 59, 0.51);
}
.DesignInfo .meMsg_MsgList .itemMsgList {
    display: flex;
    margin: 5px 0;
    flex-wrap: wrap;
}
.DesignInfo .meMsg_MsgList .itemMsgList .meMsg_ItemTitle {
    padding-right: 5px;
}
.InfoContent .meMsg_MsgBlk .meMsg_Content {
    margin-bottom: 30px;
    text-align: justify;
    line-height: 140%;
}
.InfoContent .meMsg_MsgBlk .meMsg_Content p {
    line-height: 150%;
}


/*底下輪播*/
.InfoImg .JsShowImg .divJsShowImgB img {
    width: 100%;
    /*aspect-ratio: 16/9;*/
    object-fit: cover;
}

/*小圖*/
.InfoImg .JsShowImg .meMsg_MsgListBlk .itemJsShowImg {
    margin: 20px 10px;
    display: inline-block;
}
.InfoImg .JsShowImg .meMsg_MsgListBlk img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border: 0;
}




/*==========================*.stagesitetitle*/

.stagesitetitle .SiteNode.SiteNode_0,.stagesitetitle img, .stagesitetitle .SiteGroup_1{
    display: none;
}
.stagesitetitle {
    margin: 35px 0;
    padding: 0 20px;
}
.stagesitetitle .SiteGroup_x {
	display: block;
}

.stagesitetitle .SiteNode_1, .SiteNode_x1 {
    text-align: center;
    padding-left: 0;
    line-height: 140%;
    display: block;
}

.stagesitetitle .SiteItem_1 {
    display: block;
    color: #638DA1;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 30px;
}

.stagesitetitle .meMsg_MsgBlk .meMsg_MsgTitle {
    text-align: center;
    color: #8A8A8A;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}
/*==========================.stagesitetitle END*/

/*header修改=====jerry*/
.black .listDivList {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
}
@media (max-width: 768px) {
	.black .listDivList {
	   display: flex;
		flex-direction: column;
        padding: 20px;
	}
	#ns_Footer .meLogoBlock img {
	    padding-left: 0px;
	}
}
/*header*/