@font-face {
	font-family: 'frutiger';
	src: url('../fonts/frutigerltpro-bold.otf');
	src: url('../fonts/frutigerltpro-bold.eot') format('embedded-opentype');
	src: url('../fonts/frutigerltpro-bold.woff') format('woff');
	src: url('../fonts/frutigerltpro-bold.ttf') format("truetype");
	src: url('../fonts/frutigerltpro-bold.svg') format('svg');
}
.post- {
    overflow:hidden;
    padding: 0;
    margin: 0;
}
#post-wrapper {
    width:800px;
    padding-top:15px;
}
#microsite #wrapper {
	font-family: 'frutiger', sans-serif; 
	font-weight: bold;
	background: #f4f4f4;
	width:800px;
	height:380px;
	-webkit-user-select: none;        
    -moz-user-select: none; 
    -ms-user-select: none; 
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}
#microsite #tabs {
	height:60px;
	width:100%;
	font-size:0;
    padding-bottom: 2px;
    line-height: normal;
}
#microsite img#init {
    margin: 0 auto;
    margin-top: 70px;
}
#microsite #tabs .tab {
	width:200px;
	box-sizing: border-box;
	height:112%;
	vertical-align: top;
	cursor:pointer;
	display: inline-block;
	position: relative;
	color:#fff;
	pointer-events: none;
}
#microsite #tabs .tab span{
	pointer-events: auto;
	line-height: normal;
}
#microsite #tabs .tab.top {
	color:#002957;
}
#microsite #tabs .tab.top.active {
	color:#fff;
}
#microsite #tabs .tab span {
	font-size: 17px;
    left: 23%;
    right: 23%;
    text-align: center;
    margin: 0 auto;
    margin-top: 12px;
    display: block;
    position: absolute;
    top: 64px;
    z-index: 999;
    opacity: 0;
}
#microsite #tabs #tab-1.active {
	background:#ef9224;
	color:#fff;
}
#microsite #tabs #tab-2.active {
	background:#d53409;
	color:#fff;
}
#microsite #tabs #tab-3.active {
	background:#4aa930;
	color:#fff;
}
#microsite #tabs #tab-4.active {
	background:#0096e8;
	color:#fff;
}
#microsite #main {
	height:320px;
	width:100%;
	font-size: 0;
	position: relative;
	margin: 0;
}
#microsite .pane {
	box-sizing: border-box;
	position: absolute;
	width:200px;
	height:100%;
	z-index:1;
	opacity:0;
}
#microsite .pane .title {
	font-size: 17px;
    color: #fff;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 11px;
    cursor: pointer;
    line-height: 25px;
}
#microsite .pane .more {
	font-size:16px;
	font-weight: normal;
	background:#fff;
	cursor: pointer;
	padding:10px 0;
	position: absolute;
	bottom:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:green;
	border: 2px solid #378000;
	left:44px;
	right:44px;
	text-align: center;
}
#microsite .pane .main {
	text-align: center;
	width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
}
#microsite #section-1 {
	background:url('../images/1_bg.png');
	background-position:left;
	left:0;
}
#microsite #section-1 .jig-piece {
	display:none;
	position: absolute;
}
#microsite #section-1 #blue-jig {
	left:-175px;	
	top: -175px;
	-ms-transform: rotate(85deg); 
    -webkit-transform: rotate(85deg); 
    transform: rotate(85deg);
}
#microsite #section-1 #brown-jig {
	left:223px;
	top: -200px;
	-ms-transform: rotate(-115deg); 
    -webkit-transform: rotate(-115deg); 
    transform: rotate(-115deg);
}
#microsite #section-1 #green-jig {
	left:380px;
	top: 500px;
	-ms-transform: rotate(-75deg); 
    -webkit-transform: rotate(-75deg); 
    transform: rotate(-75deg);
}
#microsite #section-1 #purple-jig {
	left:1000px;
	top: 60px;
	-ms-transform: rotate(-75deg); 
    -webkit-transform: rotate(-75deg); 
    transform: rotate(-75deg);
}
#microsite #section-2 {
	background:url('../images/2_bg.png');
	background-position:center;
	left:200px;
}
#microsite #section-2 .main img#init {
    margin-top: 25px;
    margin-top: 96px;
}
#microsite #section-2 #circle-bg {
	position:absolute;	
	left: 258px;
    top: 10px;
    opacity:0;
}
#microsite #section-2 #man {
	position:absolute;
	left: 294px;
    bottom: 0;
    opacity:0;
    z-index: 10;
}
#microsite #section-2 #pile-1 {
	position:absolute;
	bottom:-180px;
	left:10px;
}
#microsite #section-2 #pile-2 {
	position:absolute;
	bottom:-180px;
	left:153px;
}
#microsite #section-2 #pile-3 {
	position:absolute;
	bottom:-180px;
	left: 548px;
}
#microsite #section-2 #pile-4 {
	position:absolute;
	bottom:-180px;
	left:691px;
}
#microsite #section-2 .paper {
	position: absolute;
}
#microsite #section-2 #paper-1 {
    left: 20px;
    top:-140px;
    -ms-transform: rotate(-27deg); 
    -webkit-transform: rotate(-27deg); 
    transform: rotate(-27deg);
}
#microsite #section-2 #paper-2 {
    left: 150px;
    top:-140px;
    -ms-transform: rotate(-7deg); 
    -webkit-transform: rotate(-7deg); 
    transform: rotate(-7deg);
}
#microsite #section-2 #paper-3 {
    left: 300px;
    top:-140px;
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);
}
#microsite #section-2 #paper-4 {
    left: 500px;
    top:-140px;
    -ms-transform: rotate(-7deg); 
    -webkit-transform: rotate(-7deg); 
    transform: rotate(-7deg);
}
#microsite #section-2 #paper-5 {
    left: 600px;
    top:-140px;
    -ms-transform: rotate(-40deg); 
    -webkit-transform: rotate(-40deg); 
    transform: rotate(-40deg);
}
#microsite #section-2 #paper-6 {
    left: 700px;
    top:-140px;
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);
}
#microsite #section-2 #paper-7 {
    left: 20px;
    top:-140px;
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);
    z-index:-10;
    opacity:0.5;
    width:60px;
}
#microsite #section-2 #paper-8 {
    left: 150px;
    top:-140px;
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);
    z-index:-10;
    opacity:0.5;
    width:90px;
}
#microsite #section-2 #paper-9 {
    left: 350px;
    top:-140px;
    -ms-transform: rotate(75deg); 
    -webkit-transform: rotate(75deg); 
    transform: rotate(75deg);
    z-index:-10;
    opacity:0.5;
    width:80px;
}
#microsite #section-2 #paper-10 {
    left: 520px;
    top:-140px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
    z-index:-10;
    opacity:0.5;
    width:70px;
}
#microsite #section-2 #paper-11 {
    left: 600px;
    top:-140px;
    -ms-transform: rotate(23deg); 
    -webkit-transform: rotate(23deg); 
    transform: rotate(23deg);
    z-index:-10;
    opacity:0.5;
    width:95px;
}
#microsite #section-2 #paper-12 {
    left: 70px;
    top:-140px;
    -ms-transform: rotate(8deg); 
    -webkit-transform: rotate(8deg); 
    transform: rotate(8deg);
    z-index:-10;
    opacity:0.5;
    width:85px;
}
#microsite #section-3 {
	background:url('../images/3_bg.png');
	background-position:center;
	left:400px;
}
#microsite #section-3 #arrow {
    top: 0;
    position: absolute;
    left: 242px;
    opacity: 0;
}
#microsite #section-3 .cog {
    position: absolute;
    opacity: 0;
}
#microsite #section-3 #cog-5 {
    top: 93px;
    left: 462px;
}
#microsite #section-3 #cog-4 {
    top: 213px;
    left: 340px;
}
#microsite #section-3 #cog-3 {
    top: 55px;
    left: 449px;
}
#microsite #section-3 #cog-2 {
    top: 40px;
    left: 328px;
}
#microsite #section-3 #cog-1 {
    top: 113px;
    left: 357px;
}
#microsite #section-3 #pile-papers {
	position: absolute;
	opacity: 0;
	left: 81px;
    top: 75px;
    z-index: -2;
}
#microsite #section-3 #pen {
	position: absolute;
	opacity: 0;
	left: 177px;
    top: 15px;
}
#microsite #section-3 #moving-paper-1 {
	position: absolute;
    left: 93px;
    top: 70px;
    z-index: -1;
    opacity: 0;
}
#microsite #section-3 #moving-paper-2 {
	position: absolute;
    left: 93px;
    top: 70px;
    z-index: -1;
    opacity: 0;
}
#microsite #section-3 #ticked-paper-1 {
	position: absolute;
	opacity: 0;
	top: 70px;
	left: 370px;
	z-index: -1;
}
#microsite #section-3 #ticked-paper-2 {
	position: absolute;
	opacity: 0;
	top: 70px;
	left: 370px;
	z-index: -1;
}
#microsite #section-4 {
	background:url('../images/4_bg.png');
	background-position:right;
	left:600px;
}
#microsite #section-4 #circle-bg {
	position:absolute;	
	left: 241px;
    top: 10px;
    opacity:0;
    z-index: -12;
}
#microsite #section-4 #woman {
	position:absolute;
	left: 294px;
    bottom: 0;
    opacity:0;
    z-index: 10;
}
#microsite #section-4 .icon {
	position:absolute;
}
#microsite #section-4 #icon-1 {
    top: -200px;
    left: 443px;
    z-index:-1;
}
#microsite #section-4 #icon-2 {
    top: -200px;
    left: 546px;
    z-index:-2;
}
#microsite #section-4 #icon-3 {
    top: -200px;
    left: 165px;
    z-index:-3;
}
#microsite #section-4 #icon-4 {
    left: 40px;
    top: -200px;
    z-index:-4;
}
#microsite #section-4 #icon-5 {
    top: -200px;
    left: 158px;
    z-index:-5;
}
#microsite #section-4 #icon-6 {
    top: -200px;
    left: 659px;
    z-index:-6;
}
#microsite #section-4 #icon-7 {
    left: 22px;
    top: -200px;
    z-index:-7;
}
#microsite #section-4 #icon-8 {
    top: -200px;
    left: 549px;
    z-index:-8;
}
#microsite #section-4 #icon-9 {
    left: 515px;
    top: -200px;
    z-index:-9;
}
#microsite #section-4 #icon-10 {
    left: 127px;
    top: -200px;
    z-index:-10;
}

div.cf-viewport { overflow: visible !important; }