.main_sec
	{
		position: absolute;
		width: 100%;
	}

	.slide_out_ctn
	{
		display: block;
		float: left;
		width: 100%;

		padding:3VH;
		background: url(../img/mobile/bk25.jpg);
	    background-size:100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;
	    background-repeat: no-repeat;

	    border-bottom: 1VH solid white;
	}

	.slide_in_ctn
	{
		width: 100%;
		height: 100%;
		padding: 8VH;
		padding-top: 6VH;
	}

	.slide_img_ctn
	{
		width: 100%;
		height: 100%;
	}

	.slide_img
	{
		margin: auto;	
	}

	.come_join_ctn
	{
		display: block;
		float: left;
		width: 100%;

		background: url(../img/mobile/a5.jpg);
	    background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;	
	}

@keyframes leftright {
    0% {margin-left: 0;}
    50% {margin-left: 2VH;}
    100% {margin-left: 0;}
}

@media all and (orientation:portrait) {

	.img_title
	{
		position: absolute;
		bottom:0VH;
		right: 0VH;

		font-size: 2.5VH;
		padding: 1.5VH;
		border: 0.4VH solid white;
		border-radius: 1VH;

		background: rgba(0,0,0,0.6);
		color: white;
	}

	.upper_layer
	{
		display: none;
		position: absolute;
		top:0VH;
		left: 0VH;
		border-radius: 1VH;
		background: rgba(0,0,0,0.6);
		color: white;
	}

	.close_btn
	{
		font-size: 3VH;
		padding: 1VH;
		color: white;
	}

	.see_btn
	{
		font-size: 3VH;
		padding: 1VH;
		background: rgba(255,255,255,1);
		color: black;
	}

	.see_btn:hover i
	{
		animation-name: leftright;
    	animation-duration: 0.5s;
    	animation-iteration-count: infinite;
	}

	.num_pro_info
	{
		font-size: 2VH;
		padding: 1VH;
		background: rgba(37,170,226,0.6);
		color: white;
	}

	.proinfo
	{	
		display: block;
		float: left;
		width: 100%;
		background: url(../img/mobile/bk2.jpg);
	    background-attachment: fixed;
	    background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;
	    border-bottom: 1VH solid white;
	}

	.sec1_main_title
	{
		padding: 1VH;
		font-size: 4VH;
		background: rgba(0,0,0,0.6);
	    color: white;
	}

	.sec1_content_ctn
	{
		padding: 2VH;
		margin-top: 2VH;
	}

	.sec1_one_item_ctn
	{
		display: block;
		float: left;
		width: 94%;
		margin: 3%;
		border: 1VW solid rgba(0, 0, 0, 0);

		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.sec1_one_item_icon
	{
		display: block;
		float: left;
		width: 20%;
		padding: 2VH;
	}

	.sec1_one_item_icon i
	{
		font-size: 5VH;
		font-weight: 600;
		color: black;
		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.sec1_one_item_text
	{
		display: block;
		float: left;
		width: 80%;
		padding: 2VH;
		font-size: 4VH;
		font-weight: 700;
		color: black;
	}

	.sec1_one_item_ctn:hover
	{
		border: 1VH solid black;
		background: rgba(255,255,255,0.5);
		border-radius: 5VH;
	}

	.sec1_one_item_ctn:hover .sec1_one_item_icon i
	{
	    -ms-transform: rotate(360deg); /* IE 9 */
	    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	    transform: rotate(360deg);
	}

	.brand_patner
	{
		display: block;
		float: left;
		width: 100%;
		background: rgba(255,255,255,0.9);
	}

	.sec2_main_title
	{
		padding: 1VH;
		font-size: 4VH;
		background: rgba(11,149,114,1);
	    color: white;		
	}

	.sec2_content_ctn
	{
		padding: 2VH;
		margin-top: 1VH;
	}

	.sec2_one_item_ctn
	{
		display: block;
		float: left;
		width: 40%;
		margin: 5%;
		padding: 2VH;
		box-shadow: 0 0 1VH rgba(125,125,125,1);
		border-radius: 1VH;

		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.bp_img
	{
		width: 100%;
		height: 100%;
		border-radius: 1VH;
	}

	.other_info
	{
		display: block;
		float: left;
		width: 100%;
		margin-top: 1VH;
		border-bottom: 1VH solid white;
	}

	.info_cat,.info_pro
	{
		display: block;
		float: left;
		width: 100%;

		font-size: 4VH;
		padding: 1VH;
		margin-bottom: 1VH;
		font-weight: 600;

		background: rgba(37,170,226,1);
		color: white;
	}

	.grow_img
	{
		display: block;
		float: left;
		width: 100%;

		background: url(../img/mobile/a1.png);
	    background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;	
	}

	.grow_img_title
	{
		font-size: 4VH;
		padding: 1VH;
		font-weight: 700;

		background: rgba(0,0,0,0.8);
		color: white;
	}

	.text_cj
	{
		font-size: 4VH;
		color: white;
		padding: 1VH;
		margin-top: 2VH;
		background: rgba(0,0,0,0.6);
	}

	.cj1:hover i
	{
		animation-name: leftright;
    	animation-duration: 0.5s;
    	animation-iteration-count: infinite;
	}

	.gimg_ctn
	{
		width: 30%;
		height: 20%;
		margin: auto;
		padding: 1VH;
		margin-top: 10VH;
		background: rgba(255,255,255,0.7);
		border-radius: 2VH;

		-webkit-transition: all 0.3s; /* Safari */
    	transition: all 0.3s;		
	}

	.cj2:hover ~ .gimg_ctn
	{		
		background: rgba(255,255,255,1);
    	-ms-transform: scale(1.5,1.5); /* IE 9 */
    	-webkit-transform: scale(1.5,1.5); /* Safari */
    	transform: scale(1.5,1.5); /* Standard syntax */
	}

	.gimg
	{
		width: 100%;
		height: 100%;

		padding: 1VH;
	}

}

@media all and (orientation:landscape) {

	.img_title
	{
		position: absolute;
		bottom:0VW;
		right: 0VW;

		font-size: 2.5VW;
		padding: 1.5VW;
		border: 0.4VW solid white;
		border-radius: 1VW;

		background: rgba(0,0,0,0.6);
		color: white;
	}

	.upper_layer
	{
		display: none;
		position: absolute;
		top:0VW;
		left: 0VW;
		border-radius: 1VW;
		background: rgba(0,0,0,0.6);
		color: white;
	}

	.close_btn
	{
		font-size: 3VW;
		padding: 1VW;
		color: white;
	}

	.see_btn
	{
		font-size: 3VW;
		padding: 1VW;
		background: rgba(255,255,255,1);
		color: black;
	}

	.see_btn:hover i
	{
		animation-name: leftright;
    	animation-duration: 0.5s;
    	animation-iteration-count: infinite;
	}

	.num_pro_info
	{
		font-size: 2VW;
		padding: 1VW;
		background: rgba(37,170,226,0.6);
		color: white;
	}

	.proinfo
	{	
		display: block;
		float: left;
		width: 100%;
		background: url(../img/mobile/bk2.jpg);
	    background-attachment: fixed;
	    background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;
	   	border-bottom: 1VH solid white;
	}

	.sec1_main_title
	{
		padding: 1VW;
		font-size: 4VW;
		background: rgba(0,0,0,0.6);
	    color: white;
	}

	.sec1_content_ctn
	{
		padding: 2VW;
		margin-top: 2VW;
		margin: auto;
	}

	.sec1_one_item_ctn
	{
		display: block;
		float: left;
		width: 44%;
		margin: 3%;
		border: 1VW solid rgba(0, 0, 0, 0);
		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.sec1_one_item_icon
	{
		display: block;
		float: left;
		width: 20%;
		padding: 2VW;
	}

	.sec1_one_item_icon i
	{
		font-size: 5VW;
		font-weight: 600;
		color: black;
		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.sec1_one_item_text
	{
		display: block;
		float: left;
		width: 80%;
		padding: 2VW;
		font-size: 4VW;
		font-weight: 700;
		color: black;
	}

	.sec1_one_item_ctn:hover
	{
		border: 1VW solid black;
		background: rgba(255,255,255,0.5);
		border-radius: 5VW;
	}

	.sec1_one_item_ctn:hover .sec1_one_item_icon i
	{
	    -ms-transform: rotate(360deg); /* IE 9 */
	    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	    transform: rotate(360deg);
	}

	.brand_patner
	{
		display: block;
		float: left;
		width: 100%;
		background: rgba(255,255,255,0.9);
	}

	.sec2_main_title
	{
		padding: 1VW;
		font-size: 4VW;
		background: rgba(11,149,114,1);
	    color: white;		
	}

	.sec2_content_ctn
	{
		padding: 2VW;
		margin-top: 1VW;
	}

	.sec2_one_item_ctn
	{
		display: block;
		float: left;
		width: 25%;
		margin: 4%;
		padding: 2VW;
		box-shadow: 0 0 1VW rgba(125,125,125,1);
		border-radius: 1VW;

		-webkit-transition: all 0.3s; /* Safari */
	    transition: all 0.3s;
	}

	.bp_img
	{
		width: 100%;
		height: 100%;
		border-radius: 1VW;
	}

	.other_info
	{
		display: block;
		float: left;
		width: 100%;
		margin-top: 1VW;
		border-bottom: 1VW solid white;
	}

	.info_cat,.info_pro
	{
		display: block;
		float: left;
		width: 100%;

		font-size: 4VW;
		padding: 1VW;
		margin-bottom: 1VW;
		font-weight: 600;

		background: rgba(37,170,226,1);
		color: white;
	}

	.grow_img
	{
		display: block;
		float: left;
		width: 100%;

		background: url(../img/mobile/a1.png);
	    background-size: 100% 100%;
	    -webkit-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
	    -o-background-size: 100% 100%;
	    -ms-background-size: 100% 100%;	
	}

	.grow_img_title
	{
		font-size: 4VW;
		padding: 1VW;
		font-weight: 700;

		background: rgba(0,0,0,0.8);
		color: white;
	}


	.text_cj
	{
		font-size: 4VW;
		color: white;
		padding: 1VW;
		margin-top: 2VW;
		background: rgba(0,0,0,0.6);
	}

	.cj1:hover i
	{
		animation-name: leftright;
    	animation-duration: 0.5s;
    	animation-iteration-count: infinite;
	}

	.cj2
	{
		-webkit-transition: all 0.3s; /* Safari */
    	transition: all 0.3s;
	}

	.gimg_ctn
	{
		width: 13%;
		margin: auto;
		padding: 1.5VW;
		background: rgba(255,255,255,0.7);
		border-radius: 2VW;
		margin-top: 0.2VW;
		-webkit-transition: all 0.3s; /* Safari */
    	transition: all 0.3s;		
	}

	.cj2:hover
	{
		background: white;
		color: black;
	}

	.cj2:hover ~ .gimg_ctn
	{		
		background: rgba(255,255,255,1);
    	-ms-transform: scale(1.2,1.2); /* IE 9 */
    	-webkit-transform: scale(1.2,1.2); /* Safari */
    	transform: scale(1.2,1.2); /* Standard syntax */
	}

	.gimg
	{
		width: 100%;
		height: 100%;
	}

}