/* ----------filter---------- */
	.partner_filter{
		margin-bottom: 10px;
	}
	.partner_filter a{
		display: inline-block;
		cursor: pointer;
		padding-left: 15px;
		-webkit-transition: color .25s ease;
		   -moz-transition: color .25s ease;
		    -ms-transition: color .25s ease;
		     -o-transition: color .25s ease;
		        transition: color .25s ease;
		position: relative;
	}
	.partner_filter a:hover,
	.partner_filter .active a	{
		color:#cc0033;
	}
	.partner_filter a:after{
		content:'';
		display: block;
		width: 0;
		height: 1px;
		background-color: #cc0033;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -5px;
		margin:0 auto;
		-webkit-transition: width .25s ease;
		   -moz-transition: width .25s ease;
		    -ms-transition: width .25s ease;
		     -o-transition: width .25s ease;
		        transition: width .25s ease;
	}
	.partner_filter .active a:after{
		width: 100%;
	}
	.w600{
		width: 90%;
		max-width: 1300px;
		position: relative;
		margin:0 auto;
		padding:80px 0 0;
		display: none;
	}
	.w600.active{
		display: block;
		-webkit-animation: showContent .5s forwards;
		-o-animation: showContent .5s forwards;
		animation: showContent .5s forwards;
	}
	.iframes{
		margin: 0 auto;
		float: none;
		max-width:600px; 
	}
	
	.sec-iframes{
		max-width: unset;
		display: flex;
	}
	
	iframe{
		width: 100%;
		height: 600px;
		display: block;
		margin:0;
		overflow: visible;
	}
	
	.notes h5 {
		color: #cc0033;
		margin: 0 0 10px 0;
	}
	
	.notesarea {
		margin: 15px 0;
	}
	
	.col-1x { width:8.33%; }
	.col-2x { width:16.66% }
	.col-3x { width:24.99%; }
	.col-4x { width:33.32% }
	.col-5x { width:41.65%; }
	.col-6x { width:49.98% }
	.col-7x { width:58.31%; }
	.col-8x { width:66.64%; }
	.col-9x { width:74.97% }
	.col-10x{ width:83.33%; }
	.col-11x{ width:91.66%; }
	.col-12x{ width:100%; }
	
	.col-1x,.col-2x,.col-3x,.col-4x,.col-5x,.col-6x,.col-7x,.col-8x,.col-9x,.col-10x,.col-11x,.col-12x{
		/*float: left;
		position: relative;*/

	}
	
	
/* .sec_main */
	#partners .sec_main{
		background-image: none;
	}

/* international(intro) */
	#numberOne{
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 80px;
	}
	#numberOne span{
		font-size: 70px;
		line-height: 50px;
	}

	.inter_progress{
		margin:30px auto 80px;
	}
	.inter_progress li{
		position: relative;
		text-indent: 0;
		padding-left: 20px;
	}
	.inter_progress li:not(:last-child):after{
		content:'';
		display: block;
		width: 20px;
		height: 36px;
		background: url(../img/icon/arrow-b.png) 0 0 no-repeat;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin:auto 0;
	}
	
  
	@media screen and (max-width: 1023px) {
		.inter_progress{
			margin:30px auto 30px;
		}
		.inter_progress li{
			display: block;
			margin-left: 0;
			width: 100%;
			padding-bottom: 40px;
		}
		.inter_progress li > img,
		.inter_progress li > p{
			display: inline-block;
			vertical-align: middle;
			padding:0 10px;
		}
		.inter_progress li > img{
			width: 40%;
			max-width: 90px;
		}
		.inter_progress li > p{
			width: 30%;
			margin-left: -5px;
			text-align: left;
			text-align-last: left;
		}
		.inter_progress li:not(:last-child):after{
			-webkit-transform: rotate(90deg);
			   -moz-transform: rotate(90deg);
			    -ms-transform: rotate(90deg);
			     -o-transform: rotate(90deg);
			        transform: rotate(90deg);
			top: auto;
			bottom: 0;
			right: 0;
			left: 0;
			margin:0 auto;
		}
	}
	@media screen and (max-width: 768px) {
		
		.sec-iframes{
			/*max-width: unset;*/
			display:block;
		}
		.w600{
			width: 100%;
			padding:50px 0 0;
		}

		#numberOne{
			font-size: 30px;
			line-height: 30px;
			margin-bottom: 50px;
		}
		#numberOne span{
			font-size: 50px;
			line-height: 30px;
		}
		.inter_progress li > img{
			width: 50%;
		}

		.inter_progress li > p{
			width: 50%;
		}
		
		.col-1x,.col-2x,.col-3x,.col-4x,.col-5x,.col-6x,.col-7x,.col-8x,.col-9x,.col-10x,.col-11x,.col-12x{
			/*float: left;*/
			position: relative;
			width:100%;
			-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
		}
	}
	@media screen and (max-width: 480px){
		#partners .sec_main img + h5{
			letter-spacing: 2px;
		}
		#numberOne{
			font-size: 24px;
			line-height: 24px;
			margin-bottom: 30px;
			letter-spacing: 2px;
		}
		#numberOne span{
			font-size: 36px;
			line-height: 24px;
		}

		.inter_progress li{
			padding:20px 0;
		}
		.inter_progress li:not(:last-child):after{
			bottom: -10px;
		}
		.inter_progress li > img{
			width: 40%;
			padding-left: 0;
		}
		.inter_progress li > p{
			width: 60%;
			padding-right: 0;
		}
	}