.kioskMobile, .displayMobile{
	position:relative;
	top:0vh;
	display:flex;
	margin: 0 auto;
	width:100%;
	height:auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.callingInfo{
	display:flex;
	flex-wrap: wrap;
	width:75%;	
}

.callingItem{
	width:44%;
	height: 26vw;
	/*border: 1px solid #000000;*/
	margin: 3%;
	text-align: center;
	font-size:7.5vw;
	padding: 1.2vw;
	color:#ffffff;
}

.callingItem:nth-child(1) {background-color:#343979; color:#343979}
.callingItem:nth-child(2) {background-color:#EF4C2F; color:#EF4C2F}
.callingItem:nth-child(3) {background-color:#22AB58; color:#22AB58}
.callingItem:nth-child(4) {background-color:#A0489B; color:#A0489B}

.issuesItem:nth-child(1) {background-color:#343979;}
.issuesItem:nth-child(2) {background-color:#EF4C2F;}
.issuesItem:nth-child(3) {background-color:#22AB58;}
.issuesItem:nth-child(4) {background-color:#A0489B;}

.callingWidget:nth-child(1) {background-color:#343979; color:#343979}
.callingWidget:nth-child(2) {background-color:#EF4C2F; color:#EF4C2F}
.callingWidget:nth-child(3) {background-color:#22AB58; color:#22AB58}
.callingWidget:nth-child(4) {background-color:#A0489B; color:#A0489B}
	
.callingTicket{
	background-color:#ffffff;
	padding:0.5vw;
}

.callingTime{
	color:#ffffff;
}

.issuesItem{
	margin-top: 2%;
	/*height:12vh;*/
	height:auto;
	color:#ffffff;
}

.header{
	width:100%;
	text-align:center;	
	margin-top:5%;
	font-weight:bold;
}

.cht{
	font-size: 4vw;
}

.eng{
	font-size: 3vw;	
}

.eng_download{
	font-size: 4vw;	
}

.cht_download{
	font-size:5vw;
}

.terms{
	margin-top:2vh;
	font-size: 4vw;
	text-decoration: underline;
	display:inline-block;
}

.issuesItem, .callingWidget{
	/*border: 1px solid #000000;*/
	margin-top: 5%;
}

.issuesInfo, .callingDisplayInfo{
	/*border: 1px solid #000000;*/
	width:95%;
	height: auto;
	margin: 0 auto;
}

.ticketInfo, .issuesNo, .callingTickets{
	display:table;
	width:100%;
	/*height:12vh;*/
	height:auto;
	border-spacing: 1vw;	
}

.callingTickets{
	width: 100%;
	/*border: 1px solid #000000;*/
	font-size: 12vw;
	text-align: center;
	background-color:#ffffff;
}

.ticketType{
	display:table-cell;
	width: 15%;
	font-size:12vw;
	vertical-align:middle;
	text-align:center;
}

.action{
	display:table-cell;
	width: 70%;
	font-size:7vw;
	vertical-align:middle;
	padding-left:5%;	
}

/*.ticketno{
	display:table-cell;
	font-size:8vw;
	vertical-align:middle;	
}*/

.ticketName{
	display:table-cell;
	width:42%;
	vertical-align:middle;
	text-align:left;
	color: #ffffff;
}

.ticketInfo .ticketType{
	color:#ffffff;
	font-weight:bold;
}

.ticketBtn{
	display:table-cell;
	width:35%;
	vertical-align:middle;
	text-align:center;
	border: 1px solid #ffffff;
}

.action_cht{	
	font-size:6vw;
}

.ticket_cht{
	font-size:5vw;
}	



.action_eng{
	font-size:4vw;
}

.ticket_eng{
	font-size:3.2vw;
}

.getTicket{
	font-size:3.2vw;
}

.ticketno{
	font-size:6.5vw;
	font-weight:bold;
}

.currentTicket{
	width:80%;
	border:1px solid #ff5800;
	text-align:center;
	height:14vh;
	padding-top:1vh;
	color:#363437;
	font-weight:bold;
	vertical-align:middle;
	/*line-height: 80px;*/
}

.ticketNo, .floor{
	display: inline-block;
}

.ticketNo{
	font-size:4rem;
}

.floor{
	font-size: 2rem;
}

.callingTickets{
	width:100%;
	/*border: 1px solid #000000;*/
	font-size:10vw;
	text-align:center;
	height:5vh;
	font-weight:bold;
}


.dim{
	opacity: 0.5;	
}

button{
	background:#ffffff;
	border:none;
}

.callingWidget .ticketInfo{
	height:auto;
}	

.callingWidget{
	margin:3%;
	padding:2vw;
}

.issuesInfo button{
	width: 100%;
}

.footer{
	text-align:center;
	width:100%;
	height:26vw;
	background: #ffffff;
	border:none;
	color:#838383;
	font-weight:bold;
	/*background-image: url(/images/web-footer-bg.svg);*/
	background-repeat: no-repeat;
	background-size: contain;
}

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

}
.headerImage, .footerImage{
	width:50vw;
	height:auto;
	/*background-image: url(/images/web-header-bg.png);*/
	background-image: url(/images/web-header-bg.svg);
	background-repeat:no-repeat;
	background-size: cover;
}

.responsiveImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
    width:100%;
	height:auto;
	/*background-image: url(/images/web-header-bg.png);*/
    /*background-size: contain;*/
}

.icon{
	position:relative;
	display:table-cell;
	width:13%;
	left:2vw;
}

.icon_A{
	padding:1vw;
	background-repeat: no-repeat;
	background-image: url(/images/citygate/icon_a.png);
	background-size: contain;
	background-position: center center;   
}

.icon_B{
	background-repeat: no-repeat;
	background-image: url(/images/citygate/icon_b.png);
	background-size: contain;
	background-position: center center;   
}

.icon_C{
	background-repeat: no-repeat;
	background-image: url(/images/citygate/icon_c.png);
	background-size: contain;
	background-position: center center;   
}

.icon_D{
	background-repeat: no-repeat;
	background-image: url(/images/citygate/icon_d.png);
	background-size: contain;
	background-position: center center;   
}

.term{
	width:80%;
	text-align:center;
	color:#838383;
	position:relative;
	top: -5vh;
	font-weight:bold;
	display:inline-blick;
	margin-left: auto;
    margin-right: auto;
}


.term h5{
	font-weight:bold;
}

.term p{
	text-align:left;
}

.downloadApp{
	/* display: inline-block; */
}

p{
	font-size:0.8rem;
}

h1{
	font-size:1rem;
	font-weight:bold;
}
.issuesItem[disabled=disabled] {
	background-color: #606060;
	opacity: 0.7;
	color: gray !important;
}

.issuesItem[disabled=disabled] * {
	color: gray !important;
}

.issuesItem[disabled=disabled] .icon {
	opacity: 0.3;
}

.issuesItem[disabled=disabled] .ticketBtn {
	border-color: gray;
}

.nonoperatinghours {
	position:relative;
	top:0vh;
	display:flex;
	margin: 0 auto;
	width:100%;
	height:100%;
	vertical-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color:#FFFFFF;
	color: #838383;
}
.servicesuspension {
	position:relative;
	top:0vh;
	display:flex;
	margin: 0 auto;
	width:100%;
	height:100%;
	vertical-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color:#FFFFFF;
	color: #838383;
}

.servicesuspension .msgCHT, .servicesuspension .msgENG {
	font-size: 4vh !important;
}

.msg{
	position:relative;
	width:90%;
	overflow:hidden;
	word-break: break-word;
	padding:20px;
	font-size:5vh;
	margin:0 auto;
	text-align:center;
}

.chtlarge{
	font-size: 5vw;
}

.englarge{
	font-size: 4vw;	
}

.msgENG{
	font-size:5vh;
}

.callingWidget:nth-of-type(1) .ticket_cht{
	font-size:1.7vh;
}

.callingWidget:nth-of-type(1) .ticket_eng{
	font-size:1.5vh;
}

.displayPanel{
	/*position:relative;*/
	margin: 0 auto;
	margin-bottom:5vh;
	margin-top: 2vh;
	text-align: center;
	width:90%;
	height:auto;
	background-color: #FF5800;
	border-radius: 10px;
	padding: 10px;
	padding-top: 3vh;
	padding-bottom: 3vh;
}

.displayContainer{
	display:flex;
	margin: 20px auto;
	width:90%;
	height:auto;
	flex-direction:row;
	/*flex-direction: column;*/
	justify-content: center;
	align-items: center;
}

.headerContainer{
	width: 100%;
	background-color: rgb(70,0,255);
}

.cell{
	width: 50%;
}

.headerCht, .headerEng{
	color: #ffffff;
}

.ticket, .counter, .location{
	font-size: 2rem;
	/*font-weight: bold;*/
}

.ticketRow{
	height: 9vh;
}

.header1{
	height:8vh;
}

.headerRow{
	height: 4vh;
}

.headerCht{
	font-size:1.1rem;
	line-height:30px;
}

.headerEng{
	font-size:0.9rem;
	line-height:25px;
}