.travel_photo_16_9{
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.travel_photo_16_9 img{
	max-height: auto;
	max-width: 100%;
}

.travel_photo_9_16{
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

.travel_photo_9_16 img{
	max-width: 56%;
	max-height: auto;
}

.travel_photo_4_3{
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.travel_photo_4_3 img{
	max-height: auto;
	max-width: 100%;
}

.travel_photo_3_4{
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

.travel_photo_3_4 img{
	max-width: 75%;
	max-height: auto;
}

.travel_photo_3_2{
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.travel_photo_3_2 img{
	max-height: auto;
	max-width: 100%;
}

.photo_7_5{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.photo_7_5 img{
	max-height: auto;
	max-width: 100%;
}

.dev_photo{
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.dev_photo img{
	max-height: auto;
	max-width: 50%;
}


.dev_photo_show_desktop{
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
}

.dev_photo_show_desktop img{
	max-height: auto;
	max-width: 100%;
}

.dev_photo_show_phone{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 40%;
}

.dev_photo_show_phone img{
	max-height: auto;
	max-width: 40%;
}

.index_photo{
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

.index_photo img{
	height: auto;
	max-width: 50%;
}

.video{
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: relative;
}

.video img{
	max-width: 100%;
	vertical-align: middle;
}

.video object{
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}

#youkuplayer{
	width: auto;
	height: auto
}

.photo_iot{
	text-align: center;
	vertical-align: middle;
	max-height: auto;
	max-width: 100%;
}

.photo_iot img{
	max-height: auto;
	max-width: 40%;
}

.photo_iot_large{
	text-align: center;
	vertical-align: middle;
	height: auto;
}

.photo_iot_large img{
	max-height: auto;
	max-width: 90%;
}

.camera_detail{
	text-align: center;
}

.photo_address{
	text-align: center;
	vertical-align: middle;
	height: auto;
}

.photo_address img{
	max-height: auto;
	max-width: 40%;
}

.photo_code{
	text-align: center;
	vertical-align: middle;
	height: auto;
}

.photo_code img{
	max-height: auto;
	max-width: 70%;
}

.img_coin{
	text-align: center;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

.img_coin img{
	max-height: auto;
	max-width: 30%;
}

#output canvas{
	max-width: 175px;
	max-height: 175px;
}

.bank_logo{
	text-align: center;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

.bank_logo img{
	max-height: auto;
	max-width: 30%;
}


@media screen and (max-device-width: 400px) {
	.photo_iot{
		text-align: center;
		vertical-align: middle;
		height: auto;
		width: 100%;
	}
	
	.photo_iot img{
		max-height: auto;
		max-width: 90%;
	}
	
	.photo_address{
		text-align: center;
		vertical-align: middle;
		height: auto;
	}
	
	.photo_address img{
		max-height: auto;
		max-width: 90%;
	}
	
	.img_coin{
		text-align: center;
		vertical-align: middle;
		height: auto;
		max-width: 100%;
	}
	
	.img_coin img{
		max-height: auto;
		max-width: 70%;
	}
}

@media screen and (min-device-width: 400px) and (max-device-width: 600px){
	.photo_iot{
		text-align: center;
		vertical-align: middle;
		height: auto;
		width: 100%;
	}
	
	.photo_iot img{
		max-height: auto;
		max-width: 90%;
	}
	
	.photo_address{
		text-align: center;
		vertical-align: middle;
		height: auto;
	}
	
	.photo_address img{
		max-height: auto;
		max-width: 90%;
	}
	
	.img_coin{
		text-align: center;
		vertical-align: middle;
		height: auto;
		max-width: 100%;
	}
	
	.img_coin img{
		max-height: auto;
		max-width: 70%;
	}
}