.short-intro	{ padding-bottom: 0px; }
	#scope			{ padding-top: 0px; }
	.figure 		{ /*margin:50px 0*/ }
	.figure .f-year	{ background-color:rgba(0, 150, 57, 1); color:#fff; padding:10px; text-align:center; font-size:40px; line-height:1;
						-webkit-border-top-left-radius: 10px;
					   -webkit-border-top-right-radius: 10px;
							-moz-border-radius-topleft: 10px;
						   -moz-border-radius-topright: 10px;
							    border-top-left-radius: 10px;
							   border-top-right-radius: 10px; }

	.t-scope 				{ width:100%; background-color:rgba(0, 150, 57, 0.1); border-collapse:collapse; border:none;
							  -webkit-border-bottom-right-radius: 10px;
							   -webkit-border-bottom-left-radius: 10px;
  								  -moz-border-radius-bottomright: 10px;
								   -moz-border-radius-bottomleft: 10px;
									  border-bottom-right-radius: 10px;
									   border-bottom-left-radius: 10px;}
	.t-scope>tbody>tr>td 	{ width:calc(100% / 3); text-align:left; padding:40px 50px; text-align:left; vertical-align:top; }
	.t-scope>tbody>tr>td:nth-child(2) { border-left:1px solid #fff; border-right:1px solid #fff }


	.t-scope-item 	{ width:100%; border-collapse:collapse; border:none; }
	.t-scope-item>tbody>tr>td:nth-child(2) { border:none }
	.t-scope-item>tbody>tr>td { padding:0; width:auto; text-align:left; vertical-align:top; }
	.t-scope-item>tbody>tr>td.t-scope-icon { width:80px; }
	.t-scope-item>tbody>tr>td.t-scope-icon>img { width:60px; height:auto; }
	.txt-scope		{ font-weight:bold; text-transform:uppercase; line-height:normal; color:rgba(0, 46, 109, 1);}
	.txt-scope-no   { font-size:40px; line-height:normal; color:rgba(0, 46, 109, 1); }
	.txt-caption 	{ line-height:normal; color:rgba(0, 46, 109, 1); }
	.general img.img-for-ipad-p { display:none; }

	.arrow-container 		{ width:60px; height:60px; border:none } 
	.arrow-container:hover  { border:none }
	.arrow-container.ac-l 	{ position:absolute; top:0; left:0 }
	.arrow-container.ac-r 	{ position:absolute; top:0; right:0 }
	div.arrow 		 		{ width:20px; height:20px; }
	div.right				{ margin-top:-3px; }
  	.arrow-container:hover div.arrow::after,
  	.arrow-container:hover div.arrow::before,
  	div.arrow::before 	{ border-color:#fff;}


  	.port-figure 				{ padding:0; border-top:1px solid #ececec;  }
  	.port-figure:last-child 	{ border-bottom:1px solid #ececec;  }
  	.pf-terminal 				{ padding:10px 20px 5px 20px; font-weight:bold; }
  	.pf-caption 				{ padding:0px 20px 10px 20px; }
  	.pf-caption>span 			{ font-size:90%; color:#666; padding-right:50px; }
  	.pf-caption>span:last-child { padding-right:0px; }
  	.pf-detail 					{ padding:10px 20px; }
  	.pf-detail>span 			{ display:inline-block; padding-right:50px; }
  	.pf-detail>span:last-child 	{ padding-right:none; }
  	.pf-detail .pf-no 			{ line-height:normal;}
  	.pf-detail .pf-scope:first-child   { display: none; }
  	.pf-detail .pf-scope        { line-height:normal; font-size:12px; padding-bottom:2px;}
  	.port-figure:hover  		{ background-color:rgba(154, 202, 235,0.5); cursor:pointer; transition: all 0.3s ease-out;}
  	.port-figure.pf-curret:hover 		{ background-color:#fff; cursor:default; }
  	.port-figure.pf-curret .pf-caption  { display:none; }

	/* ==========================================================================
		Media
	============================================================================= */
	@media only screen and (max-width: 1280px) {
	.t-scope>tbody>tr>td 	{ padding:40px }
	}

	@media only screen and (max-width: 1100px) {
	.txt-scope-no   		{ font-size:38px;}
	.t-scope>tbody>tr>td 	{ padding:35px }
	
	.t-scope-item>tbody>tr:nth-child(1)>td:nth-child(1),
	.t-scope-item>tbody>tr:nth-child(2)>td:nth-child(1) { display:none; }
	.general img.img-for-ipad-p { width:auto; height:50px; margin-bottom:10px; display:block; }
	}


	@media only screen and (max-width: 767px) {	
	.t-scope>tbody>tr>td 	{ padding:20px 30px;}
	.t-scope>tbody>tr>td:nth-child(2) { border-left:none; border-right:none; border-top:1px solid #fff; border-bottom:1px solid #fff; }

	.t-scope,
	.t-scope>tbody,
	.t-scope>tbody>tr,
	.t-scope>tbody>tr>td,
	.t-scope>tbody>tr>td:nth-child(2) { width:100%; display:block; }

	.t-scope-item>tbody>tr:nth-child(1)>td:nth-child(1),
	.t-scope-item>tbody>tr:nth-child(2)>td:nth-child(1) { display:table-cell }
	.general img.img-for-ipad-p { display:none; }

	.pf-caption>span 		{ display:block; padding-right:0;}
	.pf-terminal 			{ padding:10px 15px 5px 15px; }
  	.pf-caption 			{ padding:0px 15px 10px 15px; }
  	.pf-detail         		{ width:100%; display:block; }
  	.pf-detail>span 		{ padding-right:0; width:100%; display:block; padding-bottom:15px;}
  	.pf-detail>span:last-child { padding-bottom:0; }
	.divTableHeading { display: none;}
  	.pf-detail .port   { font-weight: bold; color:rgba(0, 46, 109, 1); }
  	.pf-detail .pf-scope:first-child   { display: block; }
	}


	@media only screen and (max-width: 360px) {	
	.figure .f-year	{ font-size:36px;}
	.txt-scope-no   { font-size:30px;}
	.arrow-container 		{ width:50px; height:50px; border:none } 
	div.arrow 		 		{ width:10px; height:10px; }
	.arrow-container.ac-l 	{ position:absolute; top:2px; left:0 }
	.arrow-container.ac-r 	{ position:absolute; top:2px; right:0 }
	}


	@media only screen and (max-width: 280px) {	
	.figure .f-year		{ font-size:30px;}
	.txt-scope-no   	{ font-size:28px;}
	.t-scope-item>tbody>tr>td.t-scope-icon 		{ width:60px; }
	.t-scope-item>tbody>tr>td.t-scope-icon>img  { width:40px; height:auto;}
	.t-scope>tbody>tr>td 	 { padding:20px;}
	.txt-scope, .txt-caption { font-size:14px; }
	}