@charset 'UTF-8';
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	background: transparent
 }

html {font-size: 62.5%}

body {
	font-family:'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	font-size: 1.0rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;

 }

h1,h2,h3,h4,h5,h6 {font-weight: 400;clear:both}

blockquote {quotes: none}

blockquote:before,blockquote:after {content: '';content:none}

del {text-decoration: line-through}

table {border-spacing: 0;border-collapse:collapse}

a img {border: none}

.clearfix:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ' '
 }

.clearfix {display: inline-block}

* html .clearfix {height: 1%}

.clearfix {display: block}

a {outline: 0}

header,footer,article,section,nav,menu,hgroup {display: block}

#Input {
	font-size: 32px;
	font-size: 2rem;
	background: #edeef4;
 }
	#Input .questionBox {background: #181e29; }



		#Input .questionBox .inner {
			display: table;
			width: 700px;
			height: 91px;
			margin: 0 auto
		 }

		#Input .questionBox .arrow_box {
			position: relative;
			display: table-cell;
			width: 15%;
			text-align: center;
			vertical-align: middle;
			background: #417bcf
		 }

			#Input .questionBox .arrow_box:after {
				position: absolute;
				top: 50%;
				left: 100%;
				width: 0;
				height: 0;
				margin-top: -10px;
				content: ' ';
				pointer-events: none;
				border: solid transparent;
				border-width: 10px;
				border-color: rgba(136,183,213,0);
				border-left-color: #417bcf
			 }

		#Input .questionBox .question {
			font-size: 48px;
			font-size: 3rem;
			font-weight: 300;
			line-height: 1.2;
			display: table-cell;
			padding: 5px 0 5px 25px;
			vertical-align: top;
			vertical-align: middle;
			color: #fff
		 }

	#Input .InputScreen {
		width: 700px;
		margin: 0 auto;
		padding: 20px
	 }

		#Input .InputScreen .text {
			font-weight: 700;
			margin-bottom: 25px;
			padding: 10px;
			background: #f5f4d7
		 }

		#Input .InputScreen dl dt {
			line-height: 33px;
			margin-bottom: 4px;
			padding: 0 0 0 35px
		 }

			#Input .InputScreen dl dt.name {
				height: 33px;
				background-image: url(../images/sprite.png);
				background-position: 0 0
			 }

			#Input .InputScreen dl dt.properties {
				height: 33px;
				background-image: url(../images/sprite.png);
				background-position: 0 -86px
			 }

			#Input .InputScreen dl dt.youanswer {
				position: relative;
				height: 33px;
				background-image: url(../images/sprite.png);
				background-position: 0 -43px
			 }

				#Input .InputScreen dl dt.youanswer .textCounter {
					position: absolute;
					right: 0;
					text-align: right
				 }

				#Input .InputScreen dl dt.youanswer .maxReached {font-weight: 700;color:#f00}

		#Input .InputScreen dl dd {margin-bottom: 15px}

			#Input .InputScreen dl dd.answer {position: relative;min-height:150px}

		#Input .InputScreen .answerEntry,#Input .InputScreen .answerLook {
			font-size: 10pt;
			font-size: 48px;
			font-size: 3rem;
			position: absolute;
			z-index: 1000;
			top: 0;
			box-sizing: border-box;
			width: 100%;
			min-height: 150px;
			padding: 3px;
			word-break: break-all;
			border-radius: 5px;
			outline: none;
			background-color: 255,255,255,.1;
			box-shadow: #d5d6db 0 1px 0 0
		 }

		#Input .InputScreen .answerEntry:focus,#Input .InputScreen .answerLook:focus {border: solid 1px #20b2aa}

		#Input .InputScreen .answerLook {
			position: static;
			z-index: 0;
			color: #fff;
			background-color: #fff
		 }

			#Input .InputScreen .answerLook span {color: #ff6664;background:#ff6664}

		#Input .InputScreen .submitBtn {
			font-size: 16pt;
			font-weight: 900;
			width: 100%;
			margin-top: 25px;
			padding: 10px 0;
			cursor: pointer;
			color: #fff;
			border: none;
			border-radius: 5px;
			background: #36c;
			box-shadow: #003062 0 3px 0 0
		 }

			#Input .InputScreen .submitBtn:disabled {
				cursor: default;
				opacity: .4;
				filter: alpha(opacity=40);
				box-shadow: none
			 }

		#Input .InputScreen input[type=text] {
			font-size: 22pt;
			box-sizing: border-box;
			width: 100%;
			height: 40px;
			padding: 0 3px;
			border: #edeef4 1px solid;
			border-radius: 5px;
			box-shadow: #d5d6db 0 1px 0 0
		 }

			#Input .InputScreen input[type=text]:focus {border: solid 1px #20b2aa}

		#Input .InputScreen input[type=text],#Input .InputScreen select {outline: none}

	#Input .toast-cont {
		position: fixed;
		z-index: 999;
		top: 5px;
		width: 100%;
		text-align: center
	 }

	#Input .toast {
		font-size: 12px;
		z-index: 999;
		display: inline-block;
		padding: 5px 9px;
		color: #fff;
		border: none;
		border-radius: 4px;
		background: rgba(0,0,0,.6);
		box-shadow: 1px 1px 5px rgba(0,0,0,.2)
	 }

	#Input .numberSelect {
		line-height: 48px;
		width: 100%;
		width: 700px;
		height: 48px;
		height: 49px;
		padding: 0;
		background-image: url(../images/sprite.png);
		background-position: 0 -129px
	 }

		#Input .numberSelect.numberSelectHover {
			width: 700px;
			height: 49px;
			background-image: url(../images/sprite.png);
			background-position: 0 -129px
		 }

#Signage {
	font-size: 64px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.1;
	overflow: hidden;
	height: 1400px;
	background-color: #ddd
 }

	#Signage .container {
		width: 100%;
		height: 1400px;

	 }

	#Signage #bg1{
		background: url(../images/bg1.png) no-repeat 180px 0;
		background-size: cover;
	}

	#Signage #bg2{
		background: url(../images/bg2.png) no-repeat 180px 0;
		background-size: cover;
	}

	#Signage #bg3{
		background: url(../images/bg3.png) no-repeat 180px 0;
		background-size: cover;
	}

	#Signage #bg4{
		background: url(../images/bg4.png) no-repeat 180px 0;
		background-size: cover;
	}

	#Signage .quesBox {
		position: absolute;
		width: 180px;
		height: 100%;
		color: #fff;
		background: #1b2835;
		box-shadow: rgba(0,0,0,.2) 3px 0 3px 1px
	 }

		#Signage .quesBox .arrow_box {
			position: relative;
			display: table;
			width: 180px;
			height: 145px;
			background: #0084d0
		 }

		#Signage .quesBox img {display: table-cell;margin:35px auto}

		#Signage .quesBox .arrow_box:after {
			position: absolute;
			top: 50%;
			left: 100%;
			width: 0;
			height: 0;
			margin-top: -14px;
			content: ' ';
			pointer-events: none;
			border: solid transparent;
			border-width: 14px;
			border-color: rgba(136,183,213,0);
			border-left-color: #0084d0
		 }

		#Signage .quesBox .ques {
			line-height: 1.2;
			height: 895px;
			margin: 0 auto;
			padding: 30px 0;
			letter-spacing: .1em;
			word-break: break-all;
			-webkit-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
			-ms-writing-mode:tb-rl;
			-webkit-text-orientation: upright;
			text-orientation: upright;
			-webkit-word-break: break-all;
			-webkit-line-break: strict;
			line-break: strict
		 }

		 #Signage .QuestionNav {
		 	position: fixed;
		 	bottom: 0;
		 }

		 #Signage .innerNav{
			position: relative;
			display: table;
			width: 100%;
			opacity: .8;
		 }

		 #Signage .QuestionNav li{
		 	width: 90px;
		 	height: 90px;
		 	display: table-cell;
		 	border:solid 1px #384e64 ;
		 	background: linear-gradient(#384e64, #1b2835);
		 	box-sizing: border-box;
		 }

		#Signage .QuestionNav li a{
			display: block;
			height: 90px;
		 }

		#Signage .QuestionNav li a:hover{
		 	background: linear-gradient(#1b2835, #384e64);
		 }



		a#BeforeQuestion::before,
		a#BeforeQuestion::after
		 {
		position: absolute;
		top:40px;
		left: 32px;
		display: block;
		content: '';
		width: 24px;
		height: 6px;
		background-color: #FFF;
		/*border-radius: 16px;*/
	}
		a#NextQuestion::before,
		a#NextQuestion::after{
		position: absolute;
		top:40px;
		right: 32px;
		display: block;
		content: '';
		width: 24px;
		height: 6px;
		background-color: #FFF;

		}
		a#BeforeQuestion::before {
			margin-top: -6px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		a#BeforeQuestion::after {
			margin-top: 7px;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		a#NextQuestion::before {
			margin-top: -6px;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		a#NextQuestion::after {
			margin-top: 7px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}



	#Signage .content {display: table; padding:0 5% 0 10%; width:85%;}

		#Signage .content .block__element0,#Signage .content .block__element1,#Signage .content .block__element2,#Signage .content .block__element3 {
			display: table-cell;
			padding: 0 0 0 5%;
			vertical-align: top
		 }
		 #Signage .content .block__element0{
		 	width: 32%;
		 }

		 #Signage .content .block__element1,
		 #Signage .content .block__element2,
		 #Signage .content .block__element3{
		 	width: 16%;
		 }

		#Signage .content .block__element0 .slideThumbnail,#Signage .content .block__element1 .slideThumbnail,#Signage .content .block__element2 .slideThumbnail,#Signage .content .block__element3 .slideThumbnail {
			position: relative;
			top: 10px;
			float: left;
			width: 100%;
			list-style: none
		 }

		#Signage .content .block__element0 .slideThumbnail .slideCell,#Signage .content .block__element1 .slideThumbnail .slideCell,#Signage .content .block__element2 .slideThumbnail .slideCell,#Signage .content .block__element3 .slideThumbnail .slideCell {
			box-sizing: border-box;
			width: 100%;
			margin-bottom: 50px;
			padding-bottom: 10px;
			border-radius: 5px;
			background-color: rgba(255,255,255,.85);
			box-shadow: 0 0 7px 0 rgba(0,0,0,.4)
		 }

		#Signage .content .block__element0 .slideThumbnail .postingText,#Signage .content .block__element1 .slideThumbnail .postingText,#Signage .content .block__element2 .slideThumbnail .postingText,#Signage .content .block__element3 .slideThumbnail .postingText {
			font-weight: 900;
			padding: 30px;
			word-break: break-all
		 }

		#Signage .content .block__element0 .slideThumbnail .yellowPanel,#Signage .content .block__element1 .slideThumbnail .yellowPanel,#Signage .content .block__element2 .slideThumbnail .yellowPanel,#Signage .content .block__element3 .slideThumbnail .yellowPanel,#Signage .content .block__element0 .slideThumbnail .greenPanel,#Signage .content .block__element1 .slideThumbnail .greenPanel,#Signage .content .block__element2 .slideThumbnail .greenPanel,#Signage .content .block__element3 .slideThumbnail .greenPanel,#Signage .content .block__element0 .slideThumbnail .pinkPanel,#Signage .content .block__element1 .slideThumbnail .pinkPanel,#Signage .content .block__element2 .slideThumbnail .pinkPanel,#Signage .content .block__element3 .slideThumbnail .pinkPanel,#Signage .content .block__element0 .slideThumbnail .bluePanel,#Signage .content .block__element1 .slideThumbnail .bluePanel,#Signage .content .block__element2 .slideThumbnail .bluePanel,#Signage .content .block__element3 .slideThumbnail .bluePanel {color: #fff;background-color:rgba(255,204,0,.85)}

		#Signage .content .block__element0 .slideThumbnail .yellowPanel time,#Signage .content .block__element1 .slideThumbnail .yellowPanel time,#Signage .content .block__element2 .slideThumbnail .yellowPanel time,#Signage .content .block__element3 .slideThumbnail .yellowPanel time,#Signage .content .block__element0 .slideThumbnail .greenPanel time,#Signage .content .block__element1 .slideThumbnail .greenPanel time,#Signage .content .block__element2 .slideThumbnail .greenPanel time,#Signage .content .block__element3 .slideThumbnail .greenPanel time,#Signage .content .block__element0 .slideThumbnail .pinkPanel time,#Signage .content .block__element1 .slideThumbnail .pinkPanel time,#Signage .content .block__element2 .slideThumbnail .pinkPanel time,#Signage .content .block__element3 .slideThumbnail .pinkPanel time,#Signage .content .block__element0 .slideThumbnail .bluePanel time,#Signage .content .block__element1 .slideThumbnail .bluePanel time,#Signage .content .block__element2 .slideThumbnail .bluePanel time,#Signage .content .block__element3 .slideThumbnail .bluePanel time {color: #fff}

		#Signage .content .block__element0 .slideThumbnail .greenPanel,#Signage .content .block__element1 .slideThumbnail .greenPanel,#Signage .content .block__element2 .slideThumbnail .greenPanel,#Signage .content .block__element3 .slideThumbnail .greenPanel {background-color: rgba(102,204,0,.85)}

		#Signage .content .block__element0 .slideThumbnail .pinkPanel,#Signage .content .block__element1 .slideThumbnail .pinkPanel,#Signage .content .block__element2 .slideThumbnail .pinkPanel,#Signage .content .block__element3 .slideThumbnail .pinkPanel {background-color: rgba(255,102,255,.85)}

		#Signage .content .block__element0 .slideThumbnail .bluePanel,#Signage .content .block__element1 .slideThumbnail .bluePanel,#Signage .content .block__element2 .slideThumbnail .bluePanel,#Signage .content .block__element3 .slideThumbnail .bluePanel {background-color: rgba(0,153,255,.85)}

		#Signage .content .block__element0 .slideThumbnail .ft1,#Signage .content .block__element1 .slideThumbnail .ft1,#Signage .content .block__element2 .slideThumbnail .ft1,#Signage .content .block__element3 .slideThumbnail .ft1,#Signage .content .block__element0 .slideThumbnail .ft2,#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2,#Signage .content .block__element0 .slideThumbnail .ft3,#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3,#Signage .content .block__element0 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {
			font-size: 416px;
			font-size: 26rem;
			font-weight: 600;
			line-height: 1.0
		 }

		#Signage .content .block__element0 .slideThumbnail .ft2,#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2 {font-size: 320px;font-size:20rem}

		#Signage .content .block__element0 .slideThumbnail .ft3,#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3 {font-size: 224px;font-size:14rem}

		#Signage .content .block__element0 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {
			font-size: 160px;
			font-size: 10rem;
			font-weight: 900
		 }

		#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {font-size: 128px;font-size:8rem}




		#Signage .content .block__element1 .slideThumbnail,#Signage .content .block__element2 .slideThumbnail,#Signage .content .block__element3 .slideThumbnail {width: 100%}

		#Signage .content .block__element1 .slideThumbnail .ft1,#Signage .content .block__element2 .slideThumbnail .ft1,#Signage .content .block__element3 .slideThumbnail .ft1,#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2,#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3,#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {font-size: 288px;font-size:18rem}

		#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2 {font-size: 192px;font-size:12rem}

		#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3 {font-size: 128px;font-size:8rem}

		#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {font-size: 96px;font-size:6rem}

		#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {font-size: 72px;font-size:4.5rem}

		#Signage .content .industry {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/industryIcon.png);
		 }

		#Signage .content .yellowPanel .industry,
		#Signage .content .pinkPanel .industry,
		#Signage .content .bluePanel .industry,
		#Signage .content .greenPanel .industry {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/industryIcon_w.png);
		 }

		#Signage .content .construction {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/constructionIcon.png);
		 }

		#Signage .content .yellowPanel .construction,
		#Signage .content .pinkPanel .construction,
		#Signage .content .bluePanel .construction,
		#Signage .content .greenPanel .construction {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/constructionIcon_w.png);
		 }


		#Signage .content .information {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/informationIcon.png);
		 }

		#Signage .content .yellowPanel .information,
		#Signage .content .pinkPanel .information,
		#Signage .content .bluePanel .information,
		#Signage .content .greenPanel .information {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/informationIcon_w.png);
		 }


		#Signage .content .transportation {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/transportationIcon.png);
		 }

		#Signage .content .yellowPanel .transportation,
		#Signage .content .pinkPanel .transportation,
		#Signage .content .bluePanel .transportation,
		#Signage .content .greenPanel .transportation {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/transportationIcon_w.png);
		 }

		#Signage .content .wholesale {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/wholesaleIcon.png);
		 }

		#Signage .content .yellowPanel .wholesale,
		#Signage .content .pinkPanel .wholesale,
		#Signage .content .bluePanel .wholesale,
		#Signage .content .greenPanel .wholesale {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/wholesaleIcon_w.png);
		 }

		#Signage .content .banking {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/bankingIcon.png);
		 }

		#Signage .content .yellowPanel .banking,
		#Signage .content .pinkPanel .banking,
		#Signage .content .bluePanel .banking,
		#Signage .content .greenPanel .banking {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/bankingIcon_w.png);
		 }

		#Signage .content .estate {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/estateIcon.png);
		 }

		#Signage .content .yellowPanel .estate,
		#Signage .content .pinkPanel .estate,
		#Signage .content .bluePanel .estate,
		#Signage .content .greenPanel .estate {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/estateIcon_w.png);
		 }

		#Signage .content .medical {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/medicalIcon.png);
		 }

		#Signage .content .yellowPanel .medical,
		#Signage .content .pinkPanel .medical,
		#Signage .content .bluePanel .medical,
		#Signage .content .greenPanel .medical {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/medicalIcon_w.png);
		 }

		#Signage .content .education {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/educationIcon.png);
		 }

		#Signage .content .yellowPanel .education,
		#Signage .content .pinkPanel .education,
		#Signage .content .bluePanel .education,
		#Signage .content .greenPanel .education {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/educationIcon_w.png);
		 }

		#Signage .content .service {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/serviceIcon.png);
		 }

		#Signage .content .yellowPanel .service,
		#Signage .content .pinkPanel .service,
		#Signage .content .bluePanel .service,
		#Signage .content .greenPanel .service {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/serviceIcon_w.png);
		 }

		#Signage .content .university {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/universityIcon.png);
		 }

		#Signage .content .yellowPanel .university,
		#Signage .content .pinkPanel .university,
		#Signage .content .bluePanel .university,
		#Signage .content .greenPanel .university {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/universityIcon_w.png);
		 }

		#Signage .content .government {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/governmentIcon.png);
		 }

		#Signage .content .yellowPanel .government,
		#Signage .content .pinkPanel .government,
		#Signage .content .bluePanel .government,
		#Signage .content .greenPanel .government {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/governmentIcon_w.png);
		 }

		#Signage .content .other {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/otherIcon.png);
		 }

		#Signage .content .yellowPanel .other,
		#Signage .content .pinkPanel .other,
		#Signage .content .bluePanel .other,
		#Signage .content .greenPanel .other {
			display: inline-block;
			width: 75px;
			height: 65px;
			background-image: url(../images/otherIconIcon_w.png);
		 }

		#Signage .content .repletion {display: table;width:100%}

			#Signage .content .repletion .innerText {
				display: table-cell;
				text-align: right;
				vertical-align: middle
			 }

			#Signage .content .repletion .innerImg {display: table-cell}

			#Signage .content .repletion p {
				font-size: 25px;
				font-size: 1.6rem;
				font-weight: 600;
				margin-top: 5px
			 }

		#Signage .content time {
			font-size: 24px;
			font-size: 1.5rem;
			font-weight: 300;
			padding: 0 0 0 30px;
			color: #333
		 }

		.hit {
			color:#000 !important;
			z-index: 5;
			width: 100%;
			/*height: 100%;*/
			background: #D2F562;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D2F562), color-stop(100%, #0AAAFF));
			background: -webkit-linear-gradient(top, #D2F562 0%, #0AAAFF 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#D2F562), to(#0AAAFF));
			background: linear-gradient(to bottom, #D2F562 0%, #0AAAFF 100%);
			opacity: .85;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2F562', endColorstr='#0AAAFF', GradientType=0);
			-webkit-transition: opacity 1.5s;
			transition: opacity 2.5s;
}




@-webkit-keyframes huerotator {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(360deg);
  }
}


.hit {
-webkit-animation: huerotator 4s infinite alternate;
}

	@media screen and (max-width: 1400px) {
	 #Signage .content .block__element0 .slideThumbnail .ft1,#Signage .content .block__element1 .slideThumbnail .ft1,#Signage .content .block__element2 .slideThumbnail .ft1,#Signage .content .block__element3 .slideThumbnail .ft1,#Signage .content .block__element0 .slideThumbnail .ft2,#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2,#Signage .content .block__element0 .slideThumbnail .ft3,#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3,#Signage .content .block__element0 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {
			font-size: 224px;
			font-size:14rem;
			font-weight: 600;
			line-height: 1.0;
		 }

		#Signage .content .block__element0 .slideThumbnail .ft2,#Signage .content .block__element1 .slideThumbnail .ft2,#Signage .content .block__element2 .slideThumbnail .ft2,#Signage .content .block__element3 .slideThumbnail .ft2 {font-size: 160px;font-size:10rem}

		#Signage .content .block__element0 .slideThumbnail .ft3,#Signage .content .block__element1 .slideThumbnail .ft3,#Signage .content .block__element2 .slideThumbnail .ft3,#Signage .content .block__element3 .slideThumbnail .ft3 {font-size: 128px;
			font-size: 8rem;}

		#Signage .content .block__element0 .slideThumbnail .ft4,#Signage .content .block__element1 .slideThumbnail .ft4,#Signage .content .block__element2 .slideThumbnail .ft4,#Signage .content .block__element3 .slideThumbnail .ft4,#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {
			font-size: 85px;font-size:6rem;
			font-weight: 900
		 }

		#Signage .content .block__element0 .slideThumbnail .ft5,#Signage .content .block__element1 .slideThumbnail .ft5,#Signage .content .block__element2 .slideThumbnail .ft5,#Signage .content .block__element3 .slideThumbnail .ft5 {font-size: 72px;font-size:5rem}
}

.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert .icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .icon.error{border-color:#F27474}.sweet-alert .icon.error .x-mark{position:relative;display:block}.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .icon.error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .icon.error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .icon.warning{border-color:#F8BB86}.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .icon.info{border-color:#C9DAE1}.sweet-alert .icon.info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .icon.info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .icon.success{border-color:#A5DC86}.sweet-alert .icon.success::after,.sweet-alert .icon.success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .icon.success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.success .line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}