.view-03, .tpl-cooperation {
	display:block;
	box-sizing: border-box;
	padding:0;
	margin:0;
}

/* baner */
.view-03 .ps-baner {
	display:block;
	box-sizing:border-box;
	width:100%;	
	padding:0;
	margin:0;
	background-color:#ffffff;
}

.view-03 .ps-baner .st-bleed{
	display:block;
	box-sizing:border-box;
	padding:0 20px;
	margin:0;
}

.view-03 .ps-baner .st-cnt {
	display:block;
	box-sizing:border-box;
	max-width:1360px;
	padding:0;
	margin:0 auto;
	position:relative;
}

.view-03 .ps-baner .main-cols {
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	max-width:1100px;
	padding: 0;
	margin: 0 auto;
}

.view-03 .ps-baner .main-cols .col-left {
	order:0;
	display:block;
	box-sizing:border-box;
	width:54%;
	padding:80px 40px 0 0;
	margin:0;
}

.view-03 .ps-baner .main-cols .col-left .description {
	display:block;
	box-sizing:border-box;
	max-width:460px;
	padding:0;
	margin:0 0 20px 0;
}

.view-03 .ps-baner .main-cols .col-left .description:last-child {
	margin:0;
}

.view-03 .ps-baner .main-cols .col-left .description .page-title {
	display:block;
	box-sizing:border-box;
	font-size:46px;
	font-weight:600;
	line-height:120%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 20px 0;	
}

.view-03 .ps-baner .main-cols .col-left .description .page-title:last-child {
	margin: 0;
}

.view-03 .ps-baner .main-cols .col-left .description p {
	display:block;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:140%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 20px 0;	
}

.view-03 .ps-baner .main-cols .col-left .description p:last-child {
	margin:0;
}

.view-03 .ps-baner .main-cols .col-right {
	order:0;
	display:block;
	box-sizing:border-box;
	width:46%;
	padding:0;
	margin:0;
}

.view-03 .ps-baner .main-cols .col-right .image {
	display:block;
	box-sizing:border-box;
	width:100%;
	height:580px;
	line-height:0;
	text-align:center;
	padding:0;
	margin:0;
	position:relative;
}

.view-03 .ps-baner .main-cols .col-right .image img {
	width:719px;
	max-width:none;
	height:300px;
	position:absolute;
	left:0;
	top:58%;
	transform:translateY(-50%);
}

@media only screen and (max-width: 960px) { 
	.view-03 .ps-baner .main-cols {
		flex-wrap: wrap;
	}

	.view-03 .ps-baner .main-cols .col-left {
		order:1;
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		align-items: stretch;
		width:100%;
		padding:60px 0 90px 0;
	}

	.view-03 .ps-baner .main-cols .col-left .description {
		max-width:none;
	}

	.view-03 .ps-baner .main-cols .col-right {
		order:0;
		width:100%;
		padding:120px 0 0 0;
	}

	.view-03 .ps-baner .main-cols .col-right .image {
		height:280px;
	}

	.view-03 .ps-baner .main-cols .col-right .image img {
		width:auto;
		max-width:none;
		height:100%;
		position:absolute;
		left:50%;
		top:0;
		transform:translateX(-50%);
	}		
}

@media only screen and (max-width: 768px) { 
	.view-03 .ps-baner .main-cols .col-left .description .page-title {
		font-size:40px;
	}

	.view-03 .ps-baner .main-cols .col-left .description p {
		font-size:14px;
	}
}

@media only screen and (max-width: 640px) { 

	.view-03 .ps-baner .main-cols .col-left {
		padding:60px 0 70px 0;
	}

	.view-03 .ps-baner .main-cols .col-right {
		padding:140px 0 0 0;
	}
}

@media only screen and (max-width: 480px) {
	.view-03 .ps-baner .main-cols .col-left .description .page-title {
		font-size:32px;
	}

	.view-03 .ps-baner .main-cols .col-right .image {
		height:180px;
	}	
}

/* about */
.view-03 .ps-about {
	display:block;
	box-sizing:border-box;	
	width:100%;	
	padding:0;
	margin:0;
	background-color:#e30045;
}

.view-03 .ps-about .st-bleed{
	display:block;
	box-sizing:border-box;
	padding:0 20px;
	margin:0;
}

.view-03 .ps-about .st-cnt {
	display:block;
	box-sizing:border-box;
	max-width:1100px;
	padding:0;
	margin:0 auto;
	position:relative;
}

.view-03 .ps-about .description {
	display:block;
	box-sizing:border-box;
	width:42%;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:50px;
}

.view-03 .ps-about .description .name {
	display:block;
	box-sizing:border-box;
	font-size:46px;
	font-weight:600;
	line-height:120%;
	text-align:left;
	color:#fff;
	padding:0;
	margin:0;	
}

.view-03 .ps-about .main-cols {
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;	
	max-width:1100px;
	height:580px;
	padding:0;
	margin: 0 auto;
}

.view-03 .ps-about .main-cols .col-left {
	order:0;
	display:block;
	box-sizing:border-box;
	width:42%;
	height:100%;
	padding:0;
	margin:0;
}

.view-03 .ps-about .main-cols .col-left .image {
	display:block;
	box-sizing:border-box;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
}

.view-03 .ps-about .main-cols .col-left .image .phone-small {
	display:block;
	box-sizing:border-box;
	width:160px;
	max-width:none;
	height:260px;
	position:absolute;
	left:0;
	bottom:0;
	background-image: url(../images/pages/cooperation/htc_phone_small.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	z-index:20;
}

.view-03 .ps-about .main-cols .col-left .image .phone-big {
	display:block;
	box-sizing:border-box;
	width:240px;
	max-width:none;
	height:430px;
	position:absolute;
	left:105px;
	bottom:-140px;
	background-image: url(../images/pages/cooperation/htc_phone_big.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	z-index:30;
}

.view-03 .ps-about .main-cols .col-right {
	order:1;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	box-sizing:border-box;
	width:58%;
	height:100%;
	padding:0;
	margin:0;
}

.view-03 .ps-about .main-cols .col-right ul.features {
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.view-03 .ps-about .main-cols .col-right ul.features:last-child {
	margin:0;
}

.view-03 .ps-about .main-cols .col-right ul.features li.item {
	display:block;
	box-sizing:border-box;
	padding:0 0 0 45px;
	margin:0 0 30px 0;
	position:relative;
}

.view-03 .ps-about .main-cols .col-right ul.features li.item:last-child {
	margin:0;
}

.view-03 .ps-about .main-cols .col-right ul.features li.item:before {
	content:'';
	display:block;
	box-sizing:border-box;
	width:18px;
	height:18px;
	padding:0;
	margin:0;
	background-image: url(../images/svg/checkbox_white.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	position:absolute;
	left:0;
	top:2px;
}

.view-03 .ps-about .main-cols .col-right ul.features li.item p {
	display:block;
	box-sizing:border-box;
	font-size:20px;
	font-weight:700;
	line-height:150%;
	text-align:left;
	color:#fff;
	padding:0;
	margin:0 0 15px 0;	
}

.view-03 .ps-about .main-cols .col-right ul.features li.item p:last-child {
	margin:0;
}

@media only screen and (max-width: 1152px) { 

	.view-03 .ps-about .main-cols .col-right ul.features li.item p {
		font-size:18px;
	}
}

@media only screen and (max-width: 960px) { 

	.view-03 .ps-about .st-cnt {
		max-width:1100px;
		padding:50px 0 0 0;
	}

	.view-03 .ps-about .description {
		width:100%;
		margin:0 0 20px 0;
		position:static;
		left:auto;
		top:auto;
	}

	.view-03 .ps-about .description .name br {
		display:none;
	}	

	.view-03 .ps-about .main-cols {
		flex-wrap: wrap;
		justify-content: center;
		height:auto;
	}

	.view-03 .ps-about .main-cols .col-left {
		order:1;
		width:100%;
		height:auto;
	}

	.view-03 .ps-about .main-cols .col-left .image {
		height:280px;
		width:100%;
	}

	.view-03 .ps-about .main-cols .col-left .image .phone-small {
		width:130px;
		height:210px;
		left:auto;
		right:200px;
	}

	.view-03 .ps-about .main-cols .col-left .image .phone-big {
		width:190px;
		height:340px;
		left:auto;
		right:60px;
		bottom:-100px;
	}

	.view-03 .ps-about .main-cols .col-right {
		order:0;
		display:block;
		width:100%;
		height:auto;
	}

	.view-03 .ps-about .main-cols .col-right ul.features li.item {
		padding:0 0 0 40px;
	}

	.view-03 .ps-about .main-cols .col-right ul.features li.item p {
		font-size:16px;
	}		
}

@media only screen and (max-width: 768px) { 

	.view-03 .ps-about .description .name {
		font-size:40px;
	}

	.view-03 .ps-about .main-cols .col-right ul.features li.item {
		padding:0 0 0 35px;
	}

	.view-03 .ps-about .main-cols .col-right ul.features li.item:before {
		width:16px;
		height:16px;
		top:0;
	}

	.view-03 .ps-about .main-cols .col-right ul.features li.item p {
		font-size:14px;
		font-weight:400;
	}
}

@media only screen and (max-width: 640px) { 

	.view-03 .ps-about .main-cols .col-left .image .phone-small {
		right:160px;
	}

	.view-03 .ps-about .main-cols .col-left .image .phone-big {
		right:20px;
	}
}

@media only screen and (max-width: 480px) { 

	.view-03 .ps-about .description .name {
		font-size:32px;
	}

	.view-03 .ps-about .main-cols .col-left .image .phone-small {
		right:120px;
	}

	.view-03 .ps-about .main-cols .col-left .image .phone-big {
		right:0;
	}	
}

/* app */
.view-03 .ps-app {
	display:block;
	box-sizing:border-box;	
	padding:0;
	margin:0;
	background-color:#fff;
}

.view-03 .ps-app .st-bleed{
	display:block;
	box-sizing:border-box;
	padding:0 20px;
	margin:0;
}

.view-03 .ps-app .st-cnt {
	display:block;
	box-sizing:border-box;
	max-width:1100px;
	height:160px;
	padding:0;
	margin:0 auto;
}

.view-03 .ps-app .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-03 .ps-app .main-cols .col-left {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 30px 0 0;
}

.view-03 .ps-app .main-cols .col-right {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.view-03 .ps-app .description {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.view-03 .ps-app .description .icon-arrow {
	display: block;
	box-sizing: border-box;
	width: 42px;
	height: 42px;
	padding: 0;
	margin: 0 24px 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;		
	background-image:url(../images/svg/arrow_down_in_black_circle.svg);
}

.view-03 .ps-app .description .text {
	display: block;
	box-sizing: border-box;	
	font-size:20px;
	font-weight:700;
	line-height:100%;
	text-align:left;
	white-space: nowrap;
	color:#000;
	padding: 4px 0 0 0;
	margin: 0;
}

.view-03 .ps-app .store-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.view-03 .ps-app .store-buttons .item {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 30px 0 0;
}

.view-03 .ps-app .store-buttons .item:last-child {
	margin:0;
}

.view-03 .ps-app .store-buttons .item .btn {
	display: block;
	box-sizing: border-box;
	width:160px;
	height:48px;
	line-height:0;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;	
}

.view-03 .ps-app .store-buttons .item .btn.app-store {
	background-image:url(../images/svg/app_store_black.svg);
}

.view-03 .ps-app .store-buttons .item .btn.google-play {
	background-image:url(../images/svg/google_play_black.svg);
}

@media only screen and (max-width: 1152px) { 

	.view-03 .ps-app .st-cnt {
		height:200px;
	}

	.view-03 .ps-app .main-cols {
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
	}

	.view-03 .ps-app .main-cols .col-left {
		margin: 0 0 20px 0;
	}

	.view-03 .ps-app .description .icon-arrow {
		width: 32px;
		height: 32px;
		margin: 0 20px 0 0;
	}	
}

@media only screen and (max-width: 960px) {

	.view-03 .ps-app .main-cols {
		align-items: flex-start;
	}
}

@media only screen and (max-width: 768px) {

	.view-03 .ps-app .st-cnt {
		height:240px;
		padding:40px 0 0 0;
	}
}

@media only screen and (max-width: 480px) {

	.view-03 .ps-app .st-cnt {
		height:auto;
		padding:120px 0 50px 0;
	}

	.view-03 .ps-app .main-cols {
		align-items: center;
		height: auto;
	}

	.view-03 .ps-app .description .text {
		font-size:18px;
	}

	.view-03 .ps-app .store-buttons {
		flex-direction: column;
		justify-content: center;
	}

	.view-03 .ps-app .store-buttons .item {
		margin: 0 0 20px 0;
	}			
}