/*large*/
@media screen and (min-width: 57em)  {
	.MainBody{
		width:770px;
	}
	.Footer{
		width:770px;
	}
	.TopBarInner{
		width:730px;
	}
	.FooterInner{
		width:730px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:135px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:135px;
	}
	.ChatWindowOnlineTextArea{
		width:385px;
	}
	.ScrollUpLink{
		left:425px;
	}
	.AcknowledgePageCenter{
		width:380px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:395px;
	}
	.ExtLoginHomeMainBody{
		width:420px;
		max-width:420px;
	}
	.ExtLoginHomeMainBodyInner{
		width:420px;
		max-width:420px;
		float:none;
	}
	.ExtPayGridFixTitle{
		width:758px;
	}
	.ExpandPreOrderNameCol{
		width:198px;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:88px;
	}
	.PayReqClientVeryTallMax{
		display:none;
	}
	.PayReqClientTallMax{
		display:inline;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:none;
	}
	.ShortExtPreOrderProject{
		display:inline;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:200px;
	}
	.ExtPreBelowSupplier{
		width:135px;
	}
	.ExtPreBelowProject{
		width:106px;
	}
	.ExtPreBelowBranch{
		width:80px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.MaxOrderByCol{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:325px;
	}
	.VeryLargeMessageSummary{
		display:none
	}
	.LargeMessageSummary{
		display:inline;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:block;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:88px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:0px;
		width:93px;
	}
	.MaxOrderSecLineToPart{
		margin-right:0px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:none;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:block;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:758px;
	}
	.HomeTemplate1{
		display:none;
	}
	.HomeTemplate2{
		display:block;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:134px;
	}
	.ExtAdvertImg{
		width:178px;
		height:109px;
	}
	.ExtAdvertButton{
		width:180px;
	}
	.ExtAdvertShortButton{
		width:370px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 8";
	}
}
/*large*/
@media screen and (min-width: 60em)  {
	.MainBody{
		width:820px;
	}
	.Footer{
		width:820px;
	}
	.TopBarInner{
		width:780px;
	}
	.FooterInner{
		width:780px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:160px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:160px;
	}
	.ChatWindowOnlineTextArea{
		width:420px;
	}
	.ScrollUpLink{
		left:450px;
	}
	.AcknowledgePageCenter{
		width:440px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:395px;
	}
	.ExtLoginHomeMainBody{
		width:420px;
		max-width:420px;
	}
	.ExtLoginHomeMainBodyInner{
		width:420px;
		max-width:420px;
		float:none;
	}
	.ExtPayGridFixTitle{
		width:808px;
	}
	.ExpandPreOrderNameCol{
		width:248px;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:88px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:none;
	}
	.ShortExtPreOrderProject{
		display:inline;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:256px;
	}
	.ExtPreBelowSupplier{
		width:135px;
	}
	.ExtPreBelowProject{
		width:106px;
	}
	.ExtPreBelowBranch{
		width:80px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.MaxOrderByCol{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:350px;
	}
	.VeryLargeMessageSummary{
		display:none
	}
	.LargeMessageSummary{
		display:inline;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:block;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:88px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:0px;
		width:93px;
	}
	.MaxOrderSecLineToPart{
		margin-right:0px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:758px;
	}
	.HomeTemplate1{
		display:none;
	}
	.HomeTemplate2{
		display:block;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:141px;
	}
	.ExtAdvertImg{
		width:190px;
		height:116px;
	}
	.ExtAdvertButton{
		width:192px;
	}
	.ExtAdvertShortButton{
		width:394px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 7";
	}
}
/*large*/
@media screen and (min-width: 63em)  {
	.MainBody{
		width:870px;
	}
	.Footer{
		width:870px;
	}
	.TopBarInner{
		width:830px;
	}
	.FooterInner{
		width:830px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:185px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:185px;
	}
	.ChatWindowOnlineTextArea{
		width:440px;
	}
	.ScrollUpLink{
		left:475px;
	}
	.AcknowledgePageCenter{
		width:450px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:858px;
	}
	.ExpandPreOrderNameCol{
		width:230px;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:155px;
	}
	.PayReqClientVeryTallMax{
		display:none;
	}
	.PayReqClientTallMax{
		display:inline;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:212px;
	}
	.ExtPreBelowSupplier{
		width:161px;
	}
	.ExtPreBelowProject{
		width:177px;
	}
	.ExtPreBelowBranch{
		width:80px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.MaxOrderByCol{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:375px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:block;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:88px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:65px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:25px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:758px;
	}
	.HomeTemplate1{
		display:none;
	}
	.HomeTemplate2{
		display:block;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:149px;
	}
	.ExtAdvertImg{
		width:203px;
		height:124px;
	}
	.ExtAdvertButton{
		width:205px;
	}
	.ExtAdvertShortButton{
		width:420px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 6";
	}
}
/*large*/
@media screen and (min-width: 66em)  {
	.MainBody{
		width:920px;
	}
	.Footer{
		width:920px;
	}
	.TopBarInner{
		width:880px;
	}
	.FooterInner{
		width:880px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:210px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:210px;
	}
	.ScrollUpLink{
		left:496px;
	}
	.AcknowledgePageCenter{
		width:470px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:908px;
	}
	.ExpandPreOrderNameCol{
		width:280px;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:155px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:262px;
	}
	.ExtPreBelowSupplier{
		width:161px;
	}
	.ExtPreBelowProject{
		width:176px;
	}
	.ExtPreBelowBranch{
		width:80px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.MaxOrderByCol{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:400px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:block;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:88px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:65px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:25px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:758px;
	}
	.HomeTemplate1{
		display:none;
	}
	.HomeTemplate2{
		display:block;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:156px;
	}
	.ExtAdvertImg{
		width:215px;
		height:131px;
	}
	.ExtAdvertButton{
		width:217px;
	}
	.ExtAdvertShortButton{
		width:444px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 5";
	}
}
/*large*/
@media screen and (min-width: 69em)  {
	.MainBody{
		width:970px;
	}
	.Footer{
		width:970px;
	}
	.TopBarInner{
		width:930px;
	}
	.FooterInner{
		width:930px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:235px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:235px;
	}
	.ScrollUpLink{
		left:520px;
	}
	.AcknowledgePageCenter{
		width:470px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:958px;
	}
	.ExpandPreOrderNameCol{
		width:251px;
	}
	.MaxOrderByCol{
		display:table-cell;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:155px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:225px;
	}
	.ExtPayQuoteMoreInfoBy{
		display:none;
	}
	.ExtPreBelowSupplier{
		width:161px;
	}
	.ExtPreBelowProject{
		width:175px;
	}
	.ExtPreBelowBranch{
		width:165px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:425px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:none;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:132px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:65px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:25px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:915px;
	}
	.HomeTemplate1{
		display:block;
	}
	.HomeTemplate2{
		display:none;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:164px;
	}
	.ExtAdvertImg{
		width:228px;
		height:139px;
	}
	.ExtAdvertButton{
		width:230px;
	}
	.ExtAdvertShortButton{
		width:470px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 4";
	}
}
/*large*/
@media screen and (min-width: 72em)  {
	.MainBody{
		width:1020px;
	}
	.Footer{
		width:1020px;
	}
	.TopBarInner{
		width:980px;
	}
	.FooterInner{
		width:980px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:260px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:260px;
	}
	.ScrollUpLink{
		left:545px;
	}
	.AcknowledgePageCenter{
		width:470px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:1008px;
	}
	.ExpandPreOrderNameCol{
		width:285px;
	}
	.MaxOrderByCol{
		display:table-cell;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:170px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:246px;
	}
	.ExtPayQuoteMoreInfoBy{
		display:none;
	}
	.ExtPreBelowSupplier{
		width:176px;
	}
	.ExtPreBelowProject{
		width:192px;
	}
	.ExtPreBelowBranch{
		width:163px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:450px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:none;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:132px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:80px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:40px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:915px;
	}
	.HomeTemplate1{
		display:block;
	}
	.HomeTemplate2{
		display:none;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:172px;
	}
	.ExtAdvertImg{
		width:240px;
		height:147px;
	}
	.ExtAdvertButton{
		width:242px;
	}
	.ExtAdvertShortButton{
		width:494px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 3";
	}
}
/*large*/
@media screen and (min-width: 75em)  {
	.MainBody{
		width:1070px;
	}
	.Footer{
		width:1070px;
	}
	.TopBarInner{
		width:1030px;
	}
	.FooterInner{
		width:1030px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:285px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:285px;
	}
	.ScrollUpLink{
		left:570px;
	}
	.AcknowledgePageCenter{
		width:470px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:1058px;
	}
	.ExpandPreOrderNameCol{
		width:320px;
	}
	.MaxOrderByCol{
		display:table-cell;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:185px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:267px;
	}
	.ExtPayQuoteMoreInfoBy{
		display:none;
	}
	.ExtPreBelowSupplier{
		width:191px;
	}
	.ExtPreBelowProject{
		width:206px;
	}
	.ExtPreBelowBranch{
		width:163px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:475px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:none;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:132px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:95px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:56px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:915px;
	}
	.HomeTemplate1{
		display:block;
	}
	.HomeTemplate2{
		display:none;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:180px;
	}
	.ExtAdvertImg{
		width:253px;
		height:155px;
	}
	.ExtAdvertButton{
		width:255px;
	}
	.ExtAdvertShortButton{
		width:520px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 2";
	}
}
/*large*/
@media screen and (min-width: 78em)  {
	.MainBody{
		width:1120px;
	}
	.Footer{
		width:1120px;
	}
	.TopBarInner{
		width:1080px;
	}
	.FooterInner{
		width:1080px;
	}
	.TobarInnerTextLink{
		display:block;
	}
	.FooterMiddlePart{
		margin-left:310px;
		display:block;
	}
	.TopBarMiddlePart{
		margin-left:310px;
	}
	.ScrollUpLink{
		left:575px;
	}
	.AcknowledgePageCenter{
		width:480px;
	}
	.ReqTimeBigTemp{
		display:block;
	}
	.ReqTimeSmallTemp{
		display:none;
	}
	.ReqGrossTotalVal{
		display:block;
	}
	.LargeNoticeLine{
		display:inline;
	}
	.SmallNoticeLine{
		display:none;
	}
	.HomeLayerTicker{
		width:831px;
	}
	.ExtLoginHomeMainBody{
		width:858px;
		max-width:858px;
	}
	.ExtLoginHomeMainBodyInner{
		width:425px;
		float:left;
		max-width:425px;
	}
	.ExtLoginHomeMainBodyInnerLeft{
		margin-left:8px;
	}
	.ExtLoginHomeMainBodyRightInner{
		height:480px;
	}
	.ExtLoginHomeMainBodyLeftInnerTop{
		height:180px;
	}
	.ExtLoginHomeMainBodyLeftInnerBottom{
		height:279px;
	}
	.ExtPayGridFixTitle{
		width:1108px;
	}
	.ExpandPreOrderNameCol{
		width:355px;
	}
	.MaxOrderByCol{
		display:table-cell;
	}
	.ExpandPreOrderSupplierCol{
		width:110px;
	}
	.ExpandPreOrderProjectCol{
		width:200px;
	}
	.PayReqClientVeryTallMax{
		display:inline;
	}
	.PayReqClientTallMax{
		display:none;
	}
	.PayReqClientMedMax{
		display:none;
	}
	.PayReqClientShortMax{
		display:none;
	}
	.TallExtPreOrderProject{
		display:inline;
	}
	.ShortExtPreOrderProject{
		display:none;
	}
	.ExtPreOrderWidgetTweLineMoreInfo{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo1{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo2{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo3{
		display:none;
	}
	.ExtPreOrderWidgetOneLineMoreInfo4{
		display:block;
	}
	.ExtPreOrderMoreInfoBelowName{
		width:287px;
	}
	.ExtPayQuoteMoreInfoBy{
		display:none;
	}
	.ExtPreBelowSupplier{
		width:206px;
	}
	.ExtPreBelowProject{
		width:223px;
	}
	.ExtPreBelowBranch{
		width:162px;
	}
	.LargeSentMethodTemp{
		display:block;
	}
	.SmallSentMethodTemp{
		display:none;
	}
	.ExtPayTabMenuBarLeft{
		width:500px;
	}
	.VeryLargeMessageSummary{
		display:inline
	}
	.LargeMessageSummary{
		display:none;
	}
	.MediumMessageSummary{
		display:none;
	}
	.SmallMessageSummary{
		display:none;
	}
	.MaxOrderWidget2LineMoreInfo{
		display:block;
	}
	.MaxOrderWidget3LineMoreInfo{
		display:none;
	}
	.MaxOrderSecLineTimePart{
		display:block;
	}
	.MaxOrderSecLineDatePart{
		display:none;
	}
	.MaxOrderSecLineProjectPart{
		display:none;
	}
	.MaxOrderSecLineByPart{
		display:none;
	}
	.MaxOrderSecLineDuePart{
		display:none;
	}
	.MaxOrderSecLineItmQtyPart{
		margin-right:132px;
	}
	.MaxOrderSecLineSignPart{
		margin-right:110px;
		width:95px
	}
	.MaxOrderSecLineToPart{
		margin-right:70px;
		display:block;
	}
	.MaxOrderSecLineNetPart{
		display:none;
	}
	.MapWindowTopBarIcons{
		display:block;
	}
	.StartFiniTitle{
		display:inline;
	}
	.AllStartEndLineIcon{
		display:none;
	}
	.ExtSearchClientRelatedCol{
		display:table-cell;
	}
	.ExtSearchClientMobileCol{
		display:table-cell;
	}
	.ExtSearchClientEmailCol{
		display:table-cell;
	}
	.ExtAdvancedSearchAddMenu{
		width:200px;
	}
	.AdvSearchOwnGroupTitle{
		display:block;
	}
	.AdvSearchGroupClass{
		display:block;
	}
	.ExtAdvSearchWith1Line{
		display:block;
	}
	.ExtAdvSearchWith2Line{
		display:none;
	}
	.ExtAdvSearchWith1LineEmail{
		display:none;
	}
	.ExtAdvSearchWith1LineMobile{
		display:none;
	}
	.TimeNextPrevDateVerySmallRange{
		display:none;
	}
	.TimeNextPrevDateSmallRange{
		display:none;
	}
	.TimeNextPrevDateLargeRange{
		display:inline;
	}
	.WeeklyFreeTimeNextPrevTempTitle{
		display:block;
	}
	.QuickAddServiceLineExtraInfo{
		display:block;
	}
	.ExtAddServLargeServName{
		display:inline;
	}
	.ExtAddServSmallServName{
		display:none;
	}
	.ExtBookingProjectCol{
		display:table-cell;
	}
	.ExtBookingBranchCol{
		display:table-cell;
	}
	.ExtBookingValCol{
		display:table-cell;
	}
	.ExtBookingStatusDateCol{
		display:table-cell;
	}
	.ExtBookingTallClientName{
		display:inline;
	}
	.ExtBookingShortClientName{
		display:none;
	}
	.ExtBookingTinyClientName{
		display:none;
	}
	.ExtBooking2LineMoreInfo{
		display:block;
	}
	.ExtBooking3LineMoreInfo{
		display:none;
	}
	.ExtBookingProjectMoreInfo{
		display:none;
	}
	.ExtBookingDurationMoreInfo{
		width:364px;
	}
	.BookingWizardMenuRight{
		float:right;
	}
	.WizardKeyDiv1{
		display:block;
	}
	.WizardKeyDiv2{
		display:none;
	}
	.HomeObjectContainer{
		width:915px;
	}
	.HomeTemplate1{
		display:block;
	}
	.HomeTemplate2{
		display:none;
	}
	.HomeTemplate3{
		display:none;
	}
	.HomeTemplate4{
		display:none;
	}
	.HomeTemplate5{
		display:none;
	}
	.ExtAdvertDiv{
		height:187px;
	}
	.ExtAdvertImg{
		width:265px;
		height:162px;
	}
	.ExtAdvertButton{
		width:267px;
	}
	.ExtAdvertShortButton{
		width:544px;
	}
	.ExternalHomeObjectStep1{
		display:block;
	}
	.ExternalHomeObjectStep2{
		display:none;
	}
	.HomeTabWelText{
		display:inline;
	}
	.ExtAdvertButtonBottomText{
		font-size:15px;
	}
	.TransDueTitle{
		display:block;
	}
	.PayDueDayCountText{
		display:block;
	}
	.SurchareFeeClientTall{
		display:inline;
	}
	.SurchareFeeClientShort{
		display:none;
	}
	.SurchargeFeeFilterDateDueCol{
		display:table-cell;
	}
	.SurchargeFeeFilterVatCol{
		display:table-cell;
	}
	.SurchargeFeeFilterNetCol{
		display:table-cell;
	}
	.SurchargeFeeFilterBranchCol{
		display:table-cell;
	}
	.SurchargeFeeFilterPaymentCol{
		display:table-cell;
	}
	.ManageBookingDateStatusCol{
		display:table-cell;
	}
	.SurchargeFeeFilterStatusCol{
		display:table-cell;
	}
	.ManageServiceLineFixRow{
		display:block;
	}
	.ManageServiceLineNotFixRow{
		display:none;
	}
	.CSSInfo:after{
		content: "Black Step 1";
	}
}