html, body {
	color : #002E40 ;
	background-color : #DDDDDD ; 
	min-height : 100% ;
	width : 100% ;
	align-content : center ;
	text-decoration : none ;
	font-family : source-sans-pro, "Open Sans", "Dorid Sans", Tahoma, sans-serif, AppleGothic ;
	font-style : normal ;
	font-weight : 400 ;
}
body {
	overflow-y : auto ;
	overflow-x : hidden ;
}
a, a:hover, a:visited, a:link, a:active { 
	text-decoration : none !important ;
	color : #002E40 ; 
}
a:-webkit-any-link {
	text-decoration : none !important ;
	color : #002E40 ; 
}
* {
	text-decoration : none !important ;
	margin : 0px ;
	padding : 0px ;
}
#top {
	width : 100vw ;
	height : 2.5vw ;
	-webkit-touch-callout : none ;
	-webkit-user-select : none ;
	-khtml-user-select : none ;
	-moz-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
	position : fixed ;
	background-color : #ACD58A ;
	display : none ;
}
#top a {
	height : 2.5vw ;
	margin : 0.25vw ;
	border : 0.5vw solid #ACD58A ;
	vertical-align : middle ;
	align-content : center ;
	font-size : 1.5vw ;
}#top a:hover { 
	height : 2.5vw ;
	margin : 0.25vw ;
	border : 0.5vw solid #B5B5B5 ;
	background-color : #B5B5B5 ;
	vertical-align : middle ;
	align-content : center ;
	font-size : 1.5vw ;
}
.bg_dot_centre {
	position : absolute ;
	top : 50% ;
	margin-top : -1.75% ;
	left : 50% ;
	margin-left : -2.5% ;
	width : 5% ;
	height : 3.5% ;
	background-image : url(../rig_images/dot_bg.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	z-index : -40 ;
}
.bg_dot_lc {
	position : absolute ;
	top : 0% ;
	margin-top : -1.75% ;
	left : 50% ;
	margin-left : -2.5% ;
	width : 5% ;
	height : 3.5% ;
	background-image : url(../rig_images/dot_bg.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	z-index : -40 ;
}
.bg_dot_etc_script {
	position : absolute ;
	top : 30% ;
	margin-top : -1.75% ;
	left : 50% ;
	margin-left : -2.5% ;
	width : 5% ;
	height : 3.5% ;
	background-image : url(../rig_images/dot_bg.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	z-index : -40 ;
}
.bg_dot_contact {
	position : absolute ;
	top : 50% ;
	margin-top : -1.75% ;
	left : 50% ;
	margin-left : -2.5% ;
	width : 5% ;
	height : 3.5% ;
	background-image : url(../rig_images/dot_bg.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	z-index : -40 ;
}
.bg_3_dot {
	position : absolute ;
	top : 90% ;
	margin-top : -1.75% ;
	left : 50% ;
	margin-left : -4.35% ;
	width : 8.7% ;
	height : 3.5% ;
	background-image : url(../rig_images/3_dot.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	z-index : -40 ;
}
.bg_centre_bar_1_1 {
	position : absolute ;
	width : 0.5% ;
	bottom : 0% ;
	left : 50% ;
	margin-left : -0.25% ;
	background-color : #FA9600 ;
	z-index : -50 ;
	top: 0% ;
}
.bg_centre_bar_1_2 {
	position : absolute ;
	width : 0.5% ;
	top : 0% ;
	bottom : 0% ;
	left : 50% ;
	margin-left : -0.25% ;
	background-color : #FA9600 ;
	z-index : -50 ;
}
.bg_centre_bar_1_3 {
	position : absolute ;
	width : 0.5% ;
	top : 0% ;
	bottom : 20% ;
	left : 50% ;
	margin-left : -0.25% ;
	background-color : #FA9600 ;
	border-bottom-left-radius : 50% 1.1% ;
	border-bottom-right-radius : 50% 1.1% ;
	z-index : -50 ;
}
.c_banner {
	position : absolute ;
	top : 43.2% ;
	left : 52% ;
	height : 5.6% ;
	width : auto ;
}
.c_play {
	position : absolute ;
	left : 52% ;
	bottom : 43.2% ;
	height : 6% ;
}
.c_web {
	position : absolute ;
	left : 57% ;
	bottom : 43.2% ;
	height : 6% ;
}
.c_linkedin {
	position : absolute ;
	left : 62% ;
	bottom : 43.2% ;
	height : 6% ;
}
.c_mail {
	position : absolute ;
	left : 67% ;
	bottom : 43.2% ;
	height : 6% ;
}
.cw_banner_small {
	position : absolute ;
	top : 100% ;
	margin-top : -1.4% ;
	left : 52% ;
	height : 2.8% ;
	width : auto ;
}
.cw_banner {
	position : absolute ;
	top : 26.8% ;
	left : 52% ;
	height : 38.4% ;
	width : auto ;
}
.cw_play {
	position : absolute ;
	left : 52% ;
	bottom : 26.8% ;
	height : 6% ;
}
.f_joint_banner {
	position : absolute ;
	top : 43.2% ;
	left : 52% ;
	height : 5.6% ;
	width : auto ;
}
.rubiks_cube_banner {
	position : absolute ;
	top : 43.2% ;
	left : 52% ;
	height : 6.7% ;
	width : auto ;
}
.all_download {
	position : absolute ;
	left : 52% ;
	bottom : 43.2% ;
	height: 5% ;
	z-index: -500 ;
}
.all_download_c {
	position : absolute ;
	left : 52% ;
	bottom : 43.2% ;
	height: 5% ;
	width: auto ;
	z-index: 60 ;
}
.all_install {
	position : absolute ;
	left: 65% ;
	bottom : 43.2% ;
	height: 5% ;
}
.all_use {
	position : absolute ;
	left: 82.5% ;
	bottom : 43.2% ;
	height: 5% ;
}
.all_download_label {
	position : absolute ;
	left: 55.5% ;
	bottom : 44.2% ;
	height: 3% ;
	z-index: -500 ;
}
.all_download_c_label {
	position : absolute ;
	left: 55.5% ;
	bottom : 44.2% ;
	height: 3% ;
	width: auto ;
	z-index: 60 ;
}
.all_install_label {
	position : absolute ;
	left: 68.5% ;
	bottom : 44.2% ;
	height: 3% ;
}
.all_use_label {
	position : absolute ;
	left: 86% ;
	bottom : 44.2% ;
	height: 3% ;
}
.ex_banner_1 {
	position : absolute;
	top : 30%;
	margin-top: -2%;
	left : 52%;
	height : 4%;
	width : auto;
}
.ex_banner_2 {
	position : absolute;
	top : 50%;
	margin-top: -1.5%;
	left : 52%;
	height : 3%;
	width : auto;
}
.bg_empty_layer {
	width : 50vw ;
	height : inherit ;
	position : fixed ;
	left : 0 ;
	top : 0 ;
	z-index : 1 ;
	background-image : url(../rig_images/blank.gif) ;
	float : left ;
}
.left_layout {
	display: table-cell ;
	vertical-align: middle ;
}
.left_content {
	margin-left: auto ;
	margin-right: auto ; 
	width : 40% ;
}
.left_logo {
	width : 100% ;
	height : auto ;
}
#check_css {
	width : 50vw ;
}
.top_menu.open {
	max-height: 40vh ;
	-webkit-transition: max-height 0.5s ease-in ;
	transition: max-height 0.5s ease-in ;
}
.top_menu h2 b {
	font-weight: 500 ;
}
.top_menu ul li:hover {
	background: #ACD58A ;
}
.top_menu ul li:hover a {
	text-decoration: none ;
}
.top_menu ul li:active {
	background: #ACD58A ;
}
.top_menu_toggle span {
	position: absolute ;
	left: 0 ;
	right: 0 ;
	height: auto ;
	width: auto ;
	opacity: 1 ;
	background: #67884B ;
	-webkit-transform: rotate(0deg) ;
	-moz-transform: rotate(0deg) ;
	-o-transform: rotate(0deg) ;
	transform: rotate(0deg) ;
	-webkit-transition: .25s ease-in-out ;
	-moz-transition: .25s ease-in-out ;
	-o-transition: .25s ease-in-out ;
	transition: .25s ease-in-out ;
}
.top_menu_toggle.open {
	background-image:url(../rig_images/cross.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : auto 100% ;
	-webkit-transition: .5s ease-in-out ;
	-moz-transition: .5s ease-in-out ;
	-o-transition: .5s ease-in-out ;
	transition: .5s ease-in-out ;
	-webkit-transform: rotate(-45deg) ;
	-moz-transform: rotate(-45deg) ;
	-o-transform: rotate(-45deg) ;
	transform: rotate(-45deg) ;
}

.top_menu_toggle span {
	position: absolute ;
	left: 0 ;
	right: 0 ;
	height: auto ;
	width: auto ;
	opacity: 1 ;
	background: #67884B ;
	-webkit-transform: rotate(0deg) ;
	-moz-transform: rotate(0deg) ;
	-o-transform: rotate(0deg) ;
	transform: rotate(0deg) ;
}

.top_menu_toggle .menu_btn {	
	position:absolute ;
	width : 100% ;
	height : 100% ;
	top : 0% ;
	bottom : 0% ;
	right : 0% ;
	left : 0% ;
	background-image:url(../rig_images/hamburg.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : 100% ;
	-webkit-transform: translate(0, 0) ;
	transform: translate(0, 0%) ;
	-moz-transition : 0.2s ease all ; 
	-webkit-transition : 0.2s ease all ;
	transition : 0.2s ease all ; 
}
.top_menu_toggle.open .menu_btn {
	width : 80% ;
	height : 10% ;
	top : 45% ;
	bottom : 45% ;
	right : 10% ;
	left : 10% ;
	background-image:url(../rig_images/orange_btn.png) ;
	kground-repeat : no-repeat ;
	background-position : center center ;
	background-size : 100% ;
	-moz-transition : 600 ease all ; 
	-webkit-transition : 600 ease all ; 
	transition : 600 ease all ; 
}