/* ---------- MAIN SETTINGS ---------- */
	#hdau *{
		box-sizing: border-box;
	}
	#hdau h2 {
		font-weight: 300;
		font-size: 38px;
		color: #C7CFDD;
		text-transform: capitalize;
		letter-spacing: 0.5px;
		padding:0 20px;
	}
	#hdau h3 {
		font-size: 1.5em;
		font-weight: 500;
	}
	#hdau h4 {
		font-size: 1.75em;
		font-weight: 500;
	}
	#hdau p {
		font-size: 1em;
		font-weight: 400;
		line-height: 1.5em;
		margin: 0;
	}
	#hdau .hd_link{
		color:#c8d0de;
	}
	#hdau .hdau_split{
	    display: block;
	    width: 615px;
	    height: 2px;
	    margin: 20px auto 30px;
	    background: rgba(199, 207, 221, .5);
	    background: -webkit-linear-gradient(left, red, yellow, #00CB07, #07A9FF, #1044FF, #1B2F7F, #D92F7F);
	    background: -o-linear-gradient(left, red, yellow, #00CB07, #07A9FF, #1044FF, #1B2F7F, #D92F7F);
	    background: -moz-linear-gradient(left, red, yellow, #00CB07, #07A9FF, #1044FF, #1B2F7F, #D92F7F);
	    background: linear-gradient(to right, red, yellow, #00CB07, #07A9FF, #1044FF, #1B2F7F, #D92F7F);
	}
/* ---------- sec_simple ---------- */
	#hdau #sec_simple {
		padding:80px 0;
	}
	#hdau #sec_simple .container{
		width: 90%;
		max-width: 1300px;
		margin:0 auto;
	}
	#hdau #sec_simple .left{
		display: inline-block;
		vertical-align: middle;
		width: 40%;
		text-align: right;
	}
	#hdau #sec_simple .left img{
		max-width: 100%;
	}
	#hdau #sec_simple .right{
		display: inline-block;
		vertical-align: middle;
		width: 60%;
		margin-left: -10px;
		padding-left: 50px;
	}
	#hdau #sec_simple .right p{
		text-align: left;
	}
/* ---------- SEC_TOP ---------- */
	/*#hdau #sec_top .container{
		width: 90%;
		max-width: 1300px;
		margin:0 auto;
		text-align: center;
		position: relative;
	}
	#hdau #sec_top img{
		display: block;
		margin:0 auto;
		max-width: 100%;
	}
	#hdau .kv_feature{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin:0 auto;
	}
	#hdau .kv_feature li{
		position: absolute;
		width: 140px;
		font-size: 20px;
		font-family: "Myriad Pro", "Myriad", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#hdau .kv_feature li:nth-child(1){
		text-align: right;
		top: 20%;
		left: 19%;
	}
	#hdau .kv_feature li:nth-child(2){
		text-align: right;
		top: 19%;
		left: 72%;		
	}
	#hdau .kv_feature li:nth-child(3){
		text-align: left;
		top: 67%;
		left: 18%;		
	}
	#hdau .kv_feature li:nth-child(4){
		text-align: left;
		top: 67%;
		left: 73%;		
	}*/
/* ---------- SEC_visualization ---------- */
	/*#hdau #sec_visualization{
		background-color: #141414;
		padding:90px 0;
	}
	#hdau #sec_visualization p{
		width: 90%;
		max-width: 1300px;
		margin:0 auto;
	}*/
/* ---------- SEC_sec_program ---------- */
	#hdau #sec_program{
		padding:0 0 140px;
	}
	#hdau #prog_filter{
		width: 100%;
		margin-top: 30px;
		height: 210px;
		position: relative;
		background-image: url('../img/sdk/step-01.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% 210px;
		white-space: nowrap;
		-webkit-transition: background .25s ease;
		   -moz-transition: background .25s ease;
		    -ms-transition: background .25s ease;
		     -o-transition: background .25s ease;
		        transition: background .25s ease;
	}
	#hdau #prog_filter.filter-1{
		background-image: url('../img/sdk/step-01.png');
	}
	#hdau #prog_filter.filter-2{
		background-image: url('../img/sdk/step-02.png');
	}
	#hdau #prog_filter.filter-3{
		background-image: url('../img/sdk/step-03.png');
	}
	#hdau #prog_filter:before{
		content:'';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		width: 0;
	}
	#hdau #prog_filter li{
		display: inline-block;
		vertical-align: middle;
		width: 32.5%;
		margin:0;
		margin-left: -5px;
		padding:10px;
		cursor: pointer;
	}
	#hdau #prog_filter li img,
	#hdau #prog_filter li h3{
		display: inline-block;
		vertical-align: middle;
	}
	#hdau #prog_filter li h3{
		margin-left: 20px;
	}
	#hdau #sec_program .content div{
		padding:70px 15px;
		display: none;
	}
	#hdau #sec_program .content div.active{
		display: block;
	}
	#hdau #sec_program .content h2{
		margin-bottom: 50px;
	}
	#hdau #sec_program .hd_link{
		font-weight: 600;
	}
	
	#content_down{
		text-align: center;
	}
	#content_down li{
		display: inline-block;
		vertical-align: middle;
		width: 238px;
		height: 252px;
		background-image: url(../img/sdk/btn.png);
		background-position: center top;
		background-size: contain;
		position: relative;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#content_down li:hover{
		background-image: url(../img/sdk/btn-active.png);
	}
	#content_down li:active{
		background-image: url(../img/sdk/btn-active.png);
		-webkit-transform: translateY(2px);
		   -moz-transform: translateY(2px);
		    -ms-transform: translateY(2px);
		     -o-transform: translateY(2px);
		        transform: translateY(2px);
	}
	#content_down li a{
		display: block;
		text-decoration: none;
		padding:65px 10px;
	}
	#content_down li img{
		margin-bottom: 10px;
	}
/* ---------- END MAIN SETTINGS ---------- */
/* ---------- RWD ---------- */
	/*@media screen and (max-width: 1440px) {
		#hdau .kv_feature li:nth-child(1){
			left: auto;
			right: 78%;
		}
		#hdau .kv_feature li:nth-child(2){
			left: 78%;		
		}
		#hdau .kv_feature li:nth-child(3){
			left: auto;
			right: 80%;
		}
		#hdau .kv_feature li:nth-child(4){
			left: 78%;		
		}
	}*/
	@media screen and (max-width: 1024px) {
		/*#hdau .kv_feature li:nth-child(1),
		#hdau .kv_feature li:nth-child(2){
			top: 19%;		
		}
		#hdau .kv_feature li:nth-child(3),
		#hdau .kv_feature li:nth-child(4){
			top: 66%;		
		}*/

		/*#hdau #sec_visualization,*/
		#hdau #sec_program,
		#hdau #sec_program .content div.active{
			padding:50px 0;
		}
		#hdau #sec_program .content div.active{
			padding-bottom: 0;
		}

		#hdau #prog_filter li img{
			width: 35px;
		}
		#hdau #sec_program .content h2{
			margin-bottom: 30px;
		}
	}
	@media screen and (max-width: 768px) {
	    #hdau .hdau_split{
	        width: 90%;
	        margin: 10px auto 20px;
	    }

		#hdau #sec_simple .left{
			text-align: center;
		}
		#hdau #sec_simple .right{
			padding-left: 20px;
		}
		/*#hdau .kv_feature li{
			font-size: 1rem;
		}
		#hdau .kv_feature li:nth-child(1){
			text-align: left;
			top: 17%;
			right: auto;
			left: 0;
		}
		#hdau .kv_feature li:nth-child(2){
			text-align: right;
			top: 17%;
			left: auto;
			right: 0;
		}
		#hdau .kv_feature li:nth-child(3){
			text-align: left;
			top: 65%;
			right: auto;
			left: 0;
		}
		#hdau .kv_feature li:nth-child(4){
			text-align: right;
			top: 65%;
			left: auto;
			right: 0;		
		}*/

		#hdau #prog_filter{
			margin-top: 20px;
			height: 120px;
			background-size: 100% 120px;
		}
		#hdau #prog_filter li h3{
			font-size: 1.25em;
			margin-left: 5px;
		}
	}
	@media screen and (max-width: 480px) {
		#hdau h2 {
			font-size: 30px;
		}
		#hdau h4{
			font-size: 20px;
		}
		
		#hdau #sec_simple {
			padding:0 0 30px;
		}
		#hdau #sec_simple .left{
			display: block;
			width: 100%;
		}
		#hdau #sec_simple .right{
			display: block;
			width: 100%;
			padding-left: 0;
			margin-left: 0;
		}
		#hdau #sec_simple .right p{
			text-align: center;
		}

		/*#hdau .kv_feature li{
			font-size:.75rem;
		}
		#hdau .kv_feature li:nth-child(1){
			top: 15%;
		}
		#hdau .kv_feature li:nth-child(2){
			top: 15%;	
		}
		#hdau .kv_feature li:nth-child(3){
			top: 76%;
		}
		#hdau .kv_feature li:nth-child(4){
			top: 76%;	
		}*/

		#hdau #prog_filter,
		#hdau #prog_filter.filter-1,
		#hdau #prog_filter.filter-2,
		#hdau #prog_filter.filter-3{
			height: auto;
			background:none;
		}
		#hdau #prog_filter:before{
			display: none;
		}
		#hdau #prog_filter li{
			display: block;
			width: 100%;
			margin:0;
			height: 80px;
			padding:6% 10px;
			background-size: 280% 80px;
			margin-bottom: -15px;
			text-align: left;
			padding-left: 20%;
		}
		#hdau #prog_filter li:nth-child(1){
			background-image: url(../img/sdk/step-03.png);
			background-position: 205% top;
		}
		#hdau #prog_filter li:nth-child(2){
			background-image: url(../img/sdk/step-01.png);
			background-position: 100% top;
		}
		#hdau #prog_filter li:nth-child(3){
			background-image: url(../img/sdk/step-03.png);
			background-position: 0 top;
		}

		#hdau #prog_filter.filter-1  li:nth-child(1){
			background-image: url(../img/sdk/step-01.png);
			background-position: 0 top;
		}
		#hdau #prog_filter.filter-2  li:nth-child(2){
			background-image: url(../img/sdk/step-02.png);
			background-position: 205% top;
		}
		#hdau #prog_filter.filter-3  li:nth-child(3){
			background-image: url(../img/sdk/step-03.png);
			background-position: 100% top;
		}
		
		#hdau #sec_program .content h2{
			margin-bottom: 50px;
		}
		#content_down li{
			margin-top: -50px;
		}


	}
/* ---------- END RWD ----------