<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.ctr-index .p-index .w1280 {
height:auto;	
box-sizing:border-box;
}


.ctr-index .p-index .icon img {
max-width:100%;	
max-height:auto;
height:auto;
aspect-ratio: 1 / 1;
}

#cami_patrol_tool img {
aspect-ratio: 1 / 1;	
}






/*page inside*/
.p-room .t100,.p-page .t100{
	max-width:100%;	
	max-height:100%;
	height:auto;
	aspect-ratio: 1280 / 384;
}

.col3-1{
	max-width:100%;	
	aspect-ratio: 1 / 1;	
}


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

.islider {
	width:100vw;
	aspect-ratio: 1280 / 384;
}




} /*end w1280*/


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




} /*end w1200*/
@media screen  and (max-width: 1080px) {

.ctr-index .p-index .w1280 {
min-height:auto;
}



} /*end w1080*/

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



} /*end w960*/

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

.ctr-index .p-index .icon img {
max-height:20px;
}

} /*end w800*/
@media screen  and (max-width: 640px) {



.islider {
	width:100vw;
	aspect-ratio: 640 / 440;
}
.p-room .t100,.p-page .t100{
	height:auto;
	aspect-ratio: 660 / 440;
}

.ctr-index .p-index .icon img {
max-height:60px;
}


}
/*end w640*/
@media screen  and (max-width: 480px) {



} /*end w480*/
@media screen  and (max-width: 320px) {


} /*end w320*/
</pre></body></html>