#body.section2.teching .pg-padding-top-bottom { overflow:hidden; }

	#body.section2.package1 .pack-title .pt-bg { background-color: #f89367; padding:10px 20px 0 20px; margin-bottom:0; color: #fff;
												 display: flex; align-items: flex-start;
	 										 -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;}


	#body.section2.package2 .pack-title .pt-bg { background-color: #ffb14e; padding:10px 20px 0 20px; margin-bottom:0; color: #fff;
												 display: flex; align-items: flex-start;
	 										 -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;}


	.pack-title 	{ border-bottom:1px solid #ececec }
    .pack-title .pt-bg img 					{ margin-right:15px; width:140px; height:auto; }
    .pack-title .pt-bg .pt-title 			{ float:left; font-size:30px; font-weight:normal; line-height:1.2; top:20px;  padding-left:20px; }
    .pack-title .pt-bg .pt-title .pt-class 	{ font-size:16px; font-weight:light; }
	#body.section2.teching span.circle 		{ width:45px; line-height:45px; font-weight:normal; margin-left:5px; }


	.pack { margin-bottom:100px; }

	/* flex */
	.flex-container 	{ padding:0; margin:0; list-style:none;  width:calc(100% + 10px); margin-left:-5px;
							  -ms-box-orient: horizontal;
							  		 display: -webkit-box;
							  		 display: -moz-box;
							         display: -ms-flexbox;
							  		 display: -moz-flex;
							  		 display: -webkit-flex;
							  		 display: flex; }

	.nowrap  	{ 	-webkit-flex-wrap: nowrap;
	  					    flex-wrap: nowrap;}

	.wrap    	{   -webkit-flex-wrap: wrap;
	  						flex-wrap: wrap; }  
	
	.wrap li 	{  background:#ececec;}

	.wrap-reverse         	{  -webkit-flex-wrap: wrap-reverse;
	  								   flex-wrap: wrap-reverse;}  
	.wrap-reverse li 	   {		  background: deepskyblue; }

	.flex-item 	{ width:calc(20% - 10px); margin:5px; cursor:pointer;}


	/* level label */
	.triangle-top-right { display:inline-block; width:0; height:0;
							border-style: solid;
						    border-width: 0 55px 55px 0;
						    border-color: transparent #bd7fc6 transparent transparent;}

	.triangle-lable,
	.triangle-lable-txt { width:55px; height:55px}

	.triangle-lable 	{ position:absolute; right: 0; top: 0; }
	.triangle-lable-txt { padding-right:5px; line-height:normal; padding-top:9px; color:#fff; font-size:15px; font-weight:bold; text-align:right;}

	/* package content */
	.pc-item 		{ padding:15px; height:100px; }
	.pc-item p 		{ font-size:80%; font-weight:bold; font-style:italic; }
	

	/* package image */
	.flex-item:hover .img-container .overlay { opacity: 1;}
	.img-cover 		{ display:block; width:100%; height:auto;}
	.overlay 		{ position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:0; background-color: #008CBA; transition: .5s ease;}
	.img-hover 		{ position:absolute; top:0; left:0;}


	/* theme */
	#body.section2 .general .pc-item h5 { margin:0; margin-top:10px; padding:0; }
	#body.section2.package1 .general .pc-item h5 	{ color:#bf6236;}
	#body.section2.package2 .general .pc-item h5 	{ color:#c97f21;}

	#body.section2.teching span.circle 					{ width:45px; line-height:45px; font-weight:normal; margin-left:5px; }
	#body.section2.teching.package2 span.circle 		{ background-color:#c97f21; }

	/* ==========================================================================
		Media
	============================================================================= */
	@media only screen and (max-width: 1600px) {
	.flex-item 	{ width:calc(25% - 10px)}
	}

	@media only screen and (max-width: 1400px) {
	.flex-item 	{ width:calc(33.3% - 10px)}
	}

	@media only screen and (max-width: 1100px) {
	.flex-item 	{ width:calc(50% - 10px)}
	}

	@media only screen and (max-width: 767px) {
	.flex-item 	{ width:100%; margin-bottom:20px;}
    .pack-title .pt-bg img 						{ display:none; }
	.pc-item { height:auto; margin-bottom:10px; }
    #body.section2.package1 .pack-title .pt-bg,
    #body.section2.package2 .pack-title .pt-bg 	{ padding-bottom:10px; }
    .pack-title .pt-bg .pt-title 				{ font-size:25px; top:0px; padding-left:0px;}
	#body.section2.teching span.circle 			{ width:40px; line-height:40px; }

	.pack.no-margin-m { margin-bottom:0px; }


	}