#CMain { letter-spacing: 1px; }
#CMain.EN { letter-spacing: 0px; }
 .CMT { float: left; padding: 15px 15px 15px 15px; }

button.Send { color: #FFFFFF; background-color: #01596f; border-radius: 5px; border: none; box-shadow: 0px 3px 3px rgba( 0,0,0,0.2 ); }
button.Send .material-icons { margin-right: 5px; color: #FFFFFF; }
button.Send:hover { cursor: pointer; background-color: #003f4e; }

.SelectDatePlaceholder { position: absolute; z-index: 2; display: inline-block; padding: 10px; color: #666; right: 0px; }

#CMain .CMMarquee { position: relative; z-index: 5; width: 100%; }
#CMain .CMMarquee .CMContent { position: relative; margin: 0 auto; width: 100%; }
#CMain .CMMarquee .CMContent .HomeMarqueeImage { position: absolute; z-index: 1; bottom: -5.2vw; left: 0px; width: 100%; height: 17.96vw; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; }
#CMain .CMMarquee .CMContent #HomeMarquee { position: relative; overflow: hidden; font-size: inherit; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnLeft { position: absolute; z-index: 5; left: 5px; top: calc( 40% - 25px ); width: 36px; height: 50px; border-radius: 5px; background-color: rgba( 0, 0, 0, 0.3 ); padding: 7px 0px; transition: 0.3s; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnLeft:hover { background-color: rgba( 0, 0, 0, 0.5 ); cursor: pointer; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnLeft .material-icons { color: #FFF; font-size: 36px; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnRight { position: absolute;  z-index: 5; right: 5px; top: calc( 40% - 25px ); width: 36px; height: 50px; border-radius: 5px; background-color: rgba( 0, 0, 0, 0.3 ); padding: 7px 0px; transition: 0.3s; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnRight:hover { background-color: rgba( 0, 0, 0, 0.5 ); cursor: pointer; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnRight .material-icons { color: #FFF; font-size: 36px; }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain { height: 0px; overflow: hidden; }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item { position: relative; float: left; width: 100%; height: 0px; padding: 0px; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; }

#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { 
	position: absolute; left: calc( 25% - 8.68vw ); bottom: 5.2vw; 
	font-size: 45px; text-align: center; 
	background-color: rgba( 255, 255, 255, 0.6 ); 
	padding: 15px 30px; 
	border-radius: 8px;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    text-shadow: 0px 3px 5px rgb(0 0 0 / 30%);
    letter-spacing: 4px;
}
#CMain.EN .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM {
	letter-spacing: 0px;
}
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM.ICM1 {  }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM.ICM2 {  }

#CMain .CMMarquee .CMContent #MarqueePointer { position: absolute; z-index: 2; bottom: 1.56vw; right: 0px; padding-right: 30px; }
#CMain .CMMarquee .CMContent #MarqueePointer ul.Pointer { list-style-type: none; }
#CMain .CMMarquee .CMContent #MarqueePointer ul.Pointer:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#CMain .CMMarquee .CMContent #MarqueePointer ul.Pointer li { float: left; margin-left: 10px; height: 14px; width: 20px; border-radius: 8px; background-color: #909090; border: solid 1px #555555; transition: .3s; }
#CMain .CMMarquee .CMContent #MarqueePointer ul.Pointer li.Current { background-color: #0d6e86; width: 34px; }


#CMain .CM_New_Rent { position: relative; z-index: 6; margin: 0 auto; width: calc( 100% - 30px ); padding: 0px 15px; }
#CMain .CM_New_Rent .CMNRContent { display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 1560px; padding: 0px 15px; }

#CMain .CMSearch { flex: none; margin: 40px 0px; width: 35%; padding: 0px 0px 0px 15px; }
#CMain .CMSearch .CMContent { margin: 0 auto; width: 100%; padding: 15px; border-radius: 8px; box-shadow: 0px 5px 5px rgba( 0,0,0,0.3 ); background:linear-gradient( -45deg, #257e94 0%, #348ca2 100% ); }
#CMain .CMSearch .CMContent .CMM { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 10px 0px; width: 100%; border-bottom: solid 1px #FFFFFF; }
#CMain .CMSearch .CMContent .CMM ul.SMenu { margin: 0px; padding: 0px 15px; list-style-type: none; }
#CMain .CMSearch .CMContent .CMM ul.SMenu:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMSearch .CMContent .CMM ul.SMenu li { float: left; margin-right: 10px; }
#CMain .CMSearch .CMContent .CMM ul.SMenu li .material-icons { margin-right: 5px; color: #93ddef; }
#CMain .CMSearch .CMContent .CMM ul.SMenu li div { display: block; padding: 10px; color: #93ddef; font-size: 18px; border-bottom: solid 2px #FFFFFF; color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMM ul.SMenu li div .material-icons { color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMM ul.RSMenu { list-style-type: none; }
#CMain .CMSearch .CMContent .CMM ul.RSMenu:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMSearch .CMContent .CMM ul.RSMenu li { float: left; margin-right: 10px; }
#CMain .CMSearch .CMContent .CMM ul.RSMenu li a .material-icons { margin-right: 5px; color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMI { display: block; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv {  }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .ARentVenues {  }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .TicketVenues {  }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut { width: 100%; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut .Title { width: 100%; padding: 20px 15px; color: #FFF; text-align: center; font-size: 18px; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut .Content { display: flex;flex-wrap: wrap; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut .Content a { margin: 0px 10px 20px; padding: 15px 5px; text-align: center; background-color: #c2e5ee; color: #01596f; border-radius: 5px; box-shadow: 0px 3px 3px rgb(0 0 0 / 20%); }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut.ARentVenues .Content a { width: 100%; background-repeat: no-repeat; background-size: auto 150%; background-position: -20px center; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut.TicketVenues .Content a { margin: 0px 10px 10px; width: calc( 50% - 20px ); }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut.TicketVenues .VenuesFlowPeople { margin-bottom: 10px; text-align: center; } 
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut.TicketVenues .VenuesFlowPeople a { color: #c2e5ee; } 
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut.TicketVenues .VenuesFlowPeople a:hover { color: #FFF; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut .Content a:hover { background-color: #01596f; color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMI .RentBtnDiv .RentShortcut .Content a span {  }


#CMain .CMSearch .CMContent .CMI form {  }
#CMain .CMSearch .CMContent .CMI .I { padding: 20px 15px; }
#CMain .CMSearch .CMContent .CMI .I .T { line-height: 30px; font-size: 18px; color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMI .I .F { margin-top: 15px; }
#CMain .CMSearch .CMContent .CMI .I .F input { border: none; padding: 8px; width: 270px; background-color: #FFFFFF; box-shadow: 0px 3px 3px rgba( 0,0,0,0.2 ); }
#CMain .CMSearch .CMContent .CMI .I .F img { vertical-align: middle; }
#CMain .CMSearch .CMContent .CMI .I .F ul.SI { list-style-type: none; }
#CMain .CMSearch .CMContent .CMI .I .F ul.SI:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMSearch .CMContent .CMI .I .F ul.SI li { float: left; margin-right: 10px; margin-bottom: 10px; }
#CMain .CMSearch .CMContent .CMI .I .F ul.SI li a { display: block; padding: 8px 12px; color: #000000; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 3px 3px rgba( 0,0,0,0.2 ); }
#CMain .CMSearch .CMContent .CMI .I .F ul.SI li a.This { background-color: #9ae6f9; }

#CMain .CMSearch .CMContent .CMI .I a.LoginBtn { display: inline-block; margin-bottom: 23px; padding: 8px 10px; border-radius: 5px; background-color: #01596f; color: #FFF; font-size: 17px; }
#CMain .CMSearch .CMContent .CMI .I a.LoginBtn:hover { background-color: #003f4e; }
#CMain .CMSearch .CMContent .CMI .I a.LoginBtn span.material-icons { padding-right: 5px; color: #FFF; }
#CMain .CMSearch .CMContent .CMI .I form {  }
#CMain .CMSearch .CMContent .CMI .I .FI { display: flex; margin: 15px 0px; width: 100%; }
#CMain .CMSearch .CMContent .CMI .I .FI .T { width: 70px; margin-bottom: 8px; padding-right: 8px; }
#CMain .CMSearch .CMContent .CMI .I .FI .T .L { line-height: 42px; font-size: 18px; color: #FFFFFF; text-align: right; }
#CMain .CMSearch .CMContent .CMI .I .FI .T .R { display: none; }
#CMain .CMSearch .CMContent .CMI .I .FI .C { flex: 1; position: relative; width: 100%; }
#CMain .CMSearch .CMContent .CMI .I .FI .C span.material-icons.visibility { position: absolute; right: 10px; top: 10px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C span.material-icons.visibility:hover { cursor: pointer; }
#CMain .CMSearch .CMContent .CMI .I .FI .C input { border: none; padding: 8px; width: 100%; height: 42px; background-color: #FFFFFF; box-shadow: 0px 3px 3px rgba( 0,0,0,0.2 ); }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun { display: flex; flex-wrap: wrap; margin-bottom: 8px; line-height: 0px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun .ChkImg { display: flex; align-items: center; background-color: #FFF; vertical-align: top; border-radius: 5px; overflow: hidden; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun button.OtherBtn { margin-left: 5px; padding: 5px 8px; border-radius: 5px; background-color: #2daac9; font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun button.OtherBtn:hover { background-color: #1690af; cursor: pointer; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun input { flex: 1; margin-left: 5px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun { display: flex; justify-content: space-between; align-items: center; margin: 0px; text-align: right; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun button.SubmitBtn { padding: 5px 8px; border-radius: 5px; background-color: #01596f; color: #FFF; font-size: 17px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun button.SubmitBtn:hover { cursor: pointer; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun button.SubmitBtn span.material-icons { padding-right: 5px; color: #FFF; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun button.SubmitBtn:hover { background-color: #003f4e; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun a { margin-right: 8px; color: #FFFFFF; font-size: 17px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .Fun a:hover { text-decoration: underline; }

#CMain .CMSearch .CMContent .CMI .B { width: 100%; padding: 20px 15px 15px; }
#CMain .CMSearch .CMContent .CMI .B:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMSearch .CMContent .CMI .B .L { float: left; line-height: 46px; }
#CMain .CMSearch .CMContent .CMI .B .L a { color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMI .B .L a .material-icons { margin-right: 5px; color: #FFFFFF; }
#CMain .CMSearch .CMContent .CMI .B .R { float: right; }

#CMain .CMSearch .CMContent .CMI .I.RecordItem { flex: 1; margin-bottom: 20px; width: 100%; border-right: solid 1px #52a7bb; letter-spacing: 0px; }

#CMain .CMSearch .CMContent .CMI .I.RecordItem:first-child { flex: 1; width: 100%; padding: 20px 20px 20px 15px; order: 0; border-left: none; }

#CMain .CMSearch .CMContent .CMI .RecordItem .Title { margin: 0px 0px 15px; padding: 8px; font-size: 18px; color: #006078; background-color: rgba( 255,255,255,0.6 ); border-radius: 5px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .SubTitle { padding: 8px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List { width: 100%; padding-bottom: 0px; }
#CMain .CMSearch .CMContent .CMI .RecordItem:last-child { padding: 20px 15px 5px 20px; border: none; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .NoData { color: #333; font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I { margin-bottom: 10px; width: 100%; padding: 0px 0px 10px 0px; border-bottom: solid 1px #61a9bb; border-left: none; order: initial; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I:last-child { border: none; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; padding: 8px 8px 8px 8px; border-radius: 5px; color: rgb(255 255 255 / 75%); }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a:hover { background-color: #c3dee5; color: #000; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a div.OrderNo { width: 170px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a div.RentDate { margin-right: 0px; font-size: 13px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a div.EventName { margin-top: 8px; margin-right: 0px; flex: none; width: calc( 100% - 170px ); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I a div.PaymentDeadline { margin-top: 8px; width: 170px; font-size: 13px; text-align: right; }

#CMain .CMSearch .CMContent .CMI .RecordItem .More { display: flex; justify-content: flex-end; margin-bottom: 8px; padding: 0px 8px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .More a { margin-left: 10px; color: #FFFFFF; font-size: 13px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .More a:hover { text-decoration: underline; }


#CMain .CMNews { flex: 1; margin: 63px auto 0px; padding: 0px 15px 0px 0px; }
#CMain .CMNews .CMContent { margin: 0 auto; width: 100%; padding: 15px 0px; }
#CMain .CMNews .CMContent .CMCTitle { display: flex; align-items: center; margin-bottom: 10px; }
#CMain .CMNews .CMContent .CMCTitle .Title { flex: none; font-size: 36px; color: #c37c0f; letter-spacing: 5px; }
#CMain .CMNews .CMContent .CMCTitle .Title.NameEng { letter-spacing: 0px; }
#CMain .CMNews .CMContent .CMCTitle .Line { flex: 1; height: 5px; border-bottom: solid 1px #c38627; }
#CMain .CMNews .CMContent .CMCList {  }
#CMain .CMNews .CMContent .CMCList .Item { display: block; width: 100%; padding: 17px 0px; border-bottom: dotted 1px #999; color: #333; }
#CMain .CMNews .CMContent .CMCList .Item:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMNews .CMContent .CMCList .Item:hover { color: #2a8298; }
#CMain .CMNews .CMContent .CMCList .Item .T { float: left; width: calc( 100% - 100px ); padding-right: 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; }
#CMain .CMNews .CMContent .CMCList .Item .D { float: right; width: 100px; padding: 3px 0px 0px; font-size: 15px; text-align: right; }
#CMain .CMNews .CMContent .CMCMore { padding: 15px 0px; text-align: right; }
#CMain .CMNews .CMContent .CMCMore a { color: #c37c0f; }
#CMain .CMNews .CMContent .CMCMore a:hover { color: #945a00; }

#CMain .CMInfo { margin: 40px auto 0px; width: calc( 100% - 30px ); padding: 0px 15px; }
#CMain .CMInfo .CMContent { margin: 0 auto; width: 100%; max-width: 1560px; padding: 15px; }
#CMain .CMInfo .CMContent .CMCTitle { display: flex; align-items: center; margin-bottom: 10px; }
#CMain .CMInfo .CMContent .CMCTitle .Title { flex: none; font-size: 36px; color: #c37c0f; letter-spacing: 5px; }
#CMain .CMInfo .CMContent .CMCTitle .Title.NameEng { letter-spacing: 0px; }
#CMain .CMInfo .CMContent .CMCTitle .Line { flex: 1; height: 5px; border-bottom: solid 1px #c38627; }
#CMain .CMInfo .CMContent .CMCList {  }
#CMain .CMInfo .CMContent .CMCList:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMInfo .CMContent .CMCList a.Item { float: left; margin: 30px 50px; width: calc( ( 100% - 100px * 2 ) / 3 ); padding: 0px; background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 3px 3px rgba( 0,0,0,0.2 ); overflow: hidden; }
#CMain .CMInfo .CMContent .CMCList a.Item:nth-child(3n-2) { margin-left: 0px; }
#CMain .CMInfo .CMContent .CMCList a.Item:nth-child(3n) { margin-right: 0px; }
#CMain .CMInfo .CMContent .CMCList a.Item .I { width: 100%; height: 180px; background-repeat: no-repeat; background-position: center; }
#CMain .CMInfo .CMContent .CMCList a.Item .C { padding: 15px 40px; }
#CMain .CMInfo .CMContent .CMCList a.Item:hover .C { background-color: #c5dddf; }
#CMain .CMInfo .CMContent .CMCList a.Item .C .T { font-size: 18px; color: #000000; }
#CMain .CMInfo .CMContent .CMCList a.Item .C .D { font-size: 13px; color: #888888; line-height: 25px; }

#CMain .CMAdvantage { margin: 40px auto 0px; width: 100%; padding: 0px; background-color: #007c8e; }
#CMain .CMAdvantage .CMContent { margin: 0 auto; width: 100%; max-width: 1560px; padding: 15px; }
#CMain .CMAdvantage .CMContent .CMCList {  }
#CMain .CMAdvantage .CMContent .CMCList:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMAdvantage .CMContent .CMCList.L1 { width: 100%; }
#CMain .CMAdvantage .CMContent .CMCList.L2 { margin: 0 auto; width: 100%; max-width: 900px; }
#CMain .CMAdvantage .CMContent .CMCList .Item { float: left; margin: 30px 50px; text-align: center; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item { width: calc( ( 100% - 100px * 2 ) / 3 ); }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item:nth-child(3n-2) { margin-left: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item:nth-child(3n) { margin-right: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item { margin-top: -30px; width: calc( ( 100% - 100px * 1 ) / 2 ); }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item:nth-child(2n-1) { margin-left: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item:nth-child(2n) { margin-right: 0px; }
#CMain .CMAdvantage .CMContent .CMCList .Item .I .material-icons { font-size: 50px; color: #FFFFFF; }
#CMain .CMAdvantage .CMContent .CMCList .Item .T { margin: 8px 0px; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 35px; }
#CMain .CMAdvantage .CMContent .CMCList .Item .C { font-size: 14px; color: #FFFFFF; line-height: 25px; }



@media screen and ( max-width: 1920px ) {

#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 17.96vw; }
/*#CMain .CMMarquee .CMContent #MarqueePointer { bottom: 25px; }*/

#CMain .CM_New_Rent .CMNRContent { max-width: 1280px; padding: 0px; }

#CMain .CMSearch .CMContent {  }
#CMain .CMNews .CMContent {  }
#CMain .CMInfo .CMContent { max-width: 1280px; padding: 0px; }

#CMain .CMAdvantage .CMContent { max-width: 1280px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 {max-width: 800px; }

}

@media screen and ( max-width: 1700px ) {

/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 320px; }*/
/*#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { left: calc( 25% - 120px ); }*/

#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { left: calc( 25% - 12.68vw ); bottom: 5.2vw; }

}

@media screen and ( max-width: 1440px ) {

/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 330px; bottom: -110px; }*/
/*#CMain .CMMarquee .CMContent #MarqueePointer { bottom: 80px; }*/
/*#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { left: calc( 25% - 120px ); }*/

#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { left: calc( 25% - 19.68vw ); }

/*#CMain .CMSearch { margin-top: -15px; }*/

}


@media screen and ( max-width: 1240px ) {

/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 310px; bottom: -125px; }*/
/*#CMain .CMMarquee .CMContent #MarqueePointer { bottom: 50px; }*/

#CMain .CMInfo .CMContent .CMCList a.Item { margin: 30px 30px; width: calc( ( 100% - 60px * 2 ) / 3 ); }

#CMain .CMAdvantage .CMContent .CMCList .Item { margin: 30px 30px; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item { width: calc( ( 100% - 60px * 2 ) / 3 ); }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item { width: calc( ( 100% - 60px * 1 ) / 2 ); }

}

@media screen and ( max-width: 1024px ) {

/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 280px; }*/
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { font-size: 30px; }

#CMain .CM_New_Rent .CMNRContent {  }

#CMain .CMSearch { display: flex; order: 1; width: 100%; padding: 0px; }
#CMain .CMSearch .CMContent .CMI .RecordItem .List .I { padding: 0px 0px 10px 0px; border-bottom: solid 1px #61a9bb; }
#CMain .CMSearch .CMContent .CMI .I.RecordItem:first-child { border-left: none; border-right: none; }

#CMain .CMSearch .CMContent .CMI .I a.LoginBtn { display: inline-block; margin-bottom: 10px; }
#CMain .CMSearch .CMContent .CMI.MI .I { padding: 20px 15px 20px 15px; }

#CMain .CMNews { display: flex; order: 2; width: 100%; padding: 0px; }

#CMain .CMInfo .CMContent .CMCList a.Item { margin: 15px 15px; width: calc( ( 100% - 30px * 2 ) / 3 ); }
#CMain .CMInfo .CMContent .CMCList a.Item .C { padding: 15px 20px; }


#CMain .CMAdvantage .CMContent .CMCList .Item { margin: 15px 15px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 { max-width: 600px; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item { width: calc( ( 100% - 30px * 2 ) / 3 ); }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item { width: calc( ( 100% - 30px * 1 ) / 2 ); }

}

@media screen and ( max-width: 900px ) {
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { font-size: 25px; }
#CMain .CMMarquee .CMContent #MarqueePointer { padding-right: 15px; }

#CMain .CMSearch { padding: 0px; }

#CMain .CMNews { padding: 0px; }
#CMain .CMNews .CMContent .CMCList .Item { display: block; width: 100%; padding: 17px 0px; border-bottom: dotted 1px #999; }
#CMain .CMNews .CMContent .CMCList .Item .T { display: block; overflow: auto; text-overflow: clip; white-space: normal; line-height: 30px; }
#CMain .CMNews .CMContent .CMCList .Item .D { display: block; line-height: 25px; text-align: left; color: #777777; }

#CMain .CMInfo { padding: 0px; }
#CMain .CMInfo .CMContent { padding: 15px; }
#CMain .CMInfo .CMContent .CMCList a.Item { float: left; margin: 30px 0px; width: 100%; }
#CMain .CMInfo .CMContent .CMCList a.Item .I { height: 160px; background-size: 100% auto; }

#CMain .CMAdvantage .CMContent .CMCList.L1 {  }
#CMain .CMAdvantage .CMContent .CMCList.L2 {  }
#CMain .CMAdvantage .CMContent .CMCList .Item {  }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item { margin: 40px 0px; width: 100%; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item:nth-child(3n-2) { margin-left: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L1 .Item:nth-child(3n) { margin-right: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item { margin: 40px 0px; width: 100%; }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item:nth-child(2n-1) { margin-left: 0px; }
#CMain .CMAdvantage .CMContent .CMCList.L2 .Item:nth-child(2n) { margin-right: 0px; }

}

@media screen and ( max-width: 768px ) {

#CMain {
    margin-top: -8px;
}

/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 250px; }*/
#CMain .CMMarquee .CMContent #HomeMarquee .BtnLeft { display: none; }
#CMain .CMMarquee .CMContent #HomeMarquee .BtnRight { display: none; }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item { background-size: 100% auto; }
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { left: 0px; margin: 0px 25px; width: calc( 100% - 50px ); font-size: 20px; text-align: left; }

#CMain .CM_New_Rent { padding: 0px; }

#CMain .CMNews .CMContent { padding: 15px 0px; }

#CMain .CMNews .CMContent .CMCList .Item .T { float: none; clear: both; width: 100%; padding-right: 0px; }
#CMain .CMNews .CMContent .CMCList .Item .D { float: none; clear: both; width: 100%; padding: 3px 0px 0px; font-size: 15px; text-align: right; }


#CMain .CMInfo .CMContent { padding: 15px 0px; }

}

@media screen and ( max-width: 690px ) {
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item { background-size: auto 100%; }
#CMain .CMSearch .CMContent .CMI .I .F input { width: 200px; }
#CMain .CMSearch .CMContent .CMI .I a.LoginBtn { margin-bottom: 5px; padding: 7px 10px; font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun button.OtherBtn { padding: 5px 6px; font-size: 12px; }
#CMain .CMSearch .CMContent .CMI .I .FI .T { margin-bottom: 3px; }

#CMain .CMSearch .CMContent .CMI .I .FI { display: block; margin: 15px 0px; }
#CMain .CMSearch .CMContent .CMI .I .FI .T { width: 100%; }
#CMain .CMSearch .CMContent .CMI .I .FI .T .L { text-align: left; }
#CMain .CMSearch .CMContent .CMI .I .FI .C { flex: none; width: 100%; }
#CMain .CMSearch .CMContent .CMI .I .FI .C .ChkNoFun input { flex: none; margin-left: 0px; margin-top: 5px; width: 100%; }

}


@media screen and ( max-width: 560px ) {
/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 225px; }*/
/*#CMain .CMMarquee .CMContent #MarqueePointer { bottom: 40px; }*/

#CMain .CMSearch .CMContent .CMI .I .F:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain .CMSearch .CMContent .CMI .I .F label { float: left; width: calc( ( 100% - 40px ) / 2 ); }
#CMain .CMSearch .CMContent .CMI .I .F input { width: 100%; font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .I .F img { float: left; width: 40px; margin-top: 5px; }

#CMain .CMSearch .CMContent .CMI .I .Fun button.SubmitBtn { font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .I .Fun a { font-size: 15px; }

}


@media screen and ( max-width: 480px ) {
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item .ICM { /*bottom: 70px;*/ margin: 0px 15px; width: calc( 100% - 30px ); padding: 10px 15px; font-size: 18px; letter-spacing: 0px; }

#CMain .CMSearch .CMContent { padding: 15px 10px; }
#CMain .CMSearch .CMContent ul.SMenu { padding: 0px 5px; }
#CMain .CMSearch .CMContent ul.SMenu li {  }
#CMain .CMSearch .CMContent .CMI .I {padding: 20px 0px; }
#CMain .CMSearch .CMContent .CMI .I .T { font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .I .F label { display: block; float: none; clear: both; width: 100%; }
#CMain .CMSearch .CMContent .CMI .I .F input { padding: 10px; }
#CMain .CMSearch .CMContent .CMI .I .F img { display: block; float: none; clear: both; margin: 12px auto; transform: rotate( 90deg ); }
#CMain .CMSearch .CMContent .CMI .I .F ul li a { display: block; float: none; clear: both; padding: 6px 10px; }
#CMain .CMSearch .CMContent .CMI .B { padding: 20px 0px 15px; font-size: 15px; }
#CMain .CMSearch .CMContent .CMI .B .R button.Send .IconText { font-size: 15px; }

#CMain .CMSearch .CMContent .CMI .I .FI .T .L { font-size: 15px; }
#CMain .CMSearch .CMContent .CMI.MI .I { padding: 20px 0px; }
#CMain .CMSearch .CMContent .CMI.MI .I:first-child { padding: 20px 0px; }

#CMain .CMSearch .CMContent .CMI .RecordItem .List .I { padding: 0px 0px 10px 0px; }

}


@media screen and ( max-width: 414px ) {
/*#CMain .CMMarquee .CMContent .HomeMarqueeImage { height: 210px; }*/
#CMain .CMMarquee .CMContent #HomeMarquee .ImageMain .Item { background-position: top left 37%; }
}


@media screen and ( max-width: 375px ) {

}