/* and per se */
.sy32 .style01 .ph-box { }
.sy32 .style01 .copy { top: 75px !important;
 left: 73px !important;}
.sy32 .style01 .info-box { 
    top: 120px;
    left: 567px;
}
.sy32 .style01 .ph-txt { margin-top: 15px; }
.sy32 .style01 .item01 {     top: 16%;
    left: 26.5%; }
.sy32 .style01 .item02 {     top: 32%;
    left: 20%;}
.sy32 .style01 .item03 {     top: 47%;
    left: 30%;
 }
.sy32 .style01 .item04 { top: 64%;
    left: 28.5%; }
.sy32 .style01 .item05 { 
    top: 47%;
    left: 52%;
}
.sy32 .style01 .item06 {
    top: 21%;
    left: 50%;
}
.sy32 .style01 .item07 {     top: 91%;
    left: 46%;
 }
.sy32 .style01 .item08 { top: 59%; left: 37%; }
.sy32 .style01 .item09 { top: 44%; left: 36%; }
.sy32 .style01 .item10 { top: 32%; left: 49%; }
.sy32 .style01 .item11 { top: 42%; left: 52%; }

.sy32 .style02 .ph-box { }
.sy32 .style02 .copy { top: 66px !important;
 right: 107px !important;}
.sy32 .style02 .info-box { top: 212px;
    left: 135px;}
.sy32 .style02 .ph-txt { margin-top: 15px; }
.sy32 .style02 .item01 { top: -1.5%; left: 41%; }
.sy32 .style02 .item02 { top: 28%; left: 51%; }
.sy32 .style02 .item03 { top: 13.5%; left: 32.8%; }
.sy32 .style02 .item04 { top: 49%; left: 36%; }
.sy32 .style02 .item05 { top: 36.5%; left: 38%; }
/*.sy32 .style02 .item06 { top: 71%; left: 46%; }*/
.sy32 .style02 .item07 { top: 73%; left: 41.5%; }
.sy32 .style02 .item08 { top: 62%; left: 76%; }
.sy32 .style02 .item09 { top: 25%; left: 72%; }
.sy32 .style02 .item10 { top: 38%; left: 58%; }
.sy32 .style02 .item11 { top: 42%; left: 74%; }

.sy32 .style03 .ph-box { }
.sy32 .style03 .copy { top: 42px !important;
 left: 103px !important;}
.sy32 .style03 .info-box { top:50px;
 left: 528px;}
.sy32 .style03 .ph-txt { margin-top: 15px; }
.sy32 .style03 .item01 { 
    top: -1%;
    left: 37%;
}
.sy32 .style03 .item02 { 
    top: 16%;
    left: 49%;
 }
.sy32 .style03 .item03 { 
    top: 14%;
    left: 27%;
 }
.sy32 .style03 .item04 {
    top: 57%;
    left: 46%;
}
.sy32 .style03 .item05 {
    top: 43%;
    left: 47%;
}
.sy32 .style03 .item06 {    top: 41%;
    left: 38%;
}
.sy32 .style03 .item07 {    top: 86%;
    left: 31%;

}
.sy32 .style03 .item08 {
    top: 58%;
    left: 78%;

}
.sy32 .style03 .item09 {    top: 35%;
    left: 15%;

}
.sy32 .style03 .item10 {
    top: 32%;
    left: 64%;
}
.sy32 .style03 .item11 {top: 49%;
    left: 80%;
}

	
	
.sy32 .style04 .ph-box { }
.sy32 .style04 .copy {     top: 104px !important;
    right: 72px !important;}
.sy32 .style04 .info-box {     top: -12px;
    left: 99px;}
.sy32 .style04 .ph-txt { margin-top: 15px; }
.sy32 .style04 .item01 { top: -2%;left: 60.5%; }
.sy32 .style04 .item02 { top: 17%; left: 48.5%; }
.sy32 .style04 .item03 { top: 44.5%; left: 45%; }
.sy32 .style04 .item04 { top: 34.5%; left: 61%; }
.sy32 .style04 .item05 { top: 48.8%; left: 62%; }
.sy32 .style04 .item06 { top: 88%; left: 63%; }
.sy32 .style04 .item07 { top: 62.5%; left: 74.5%; }

.sy32 .style05 .ph-box { }
.sy32 .style05 .copy {    top: 30px !important;
	left: 68px !important;}
.sy32 .style05 .info-box {
top: 63px;
    left: 544px;
}
.sy32 .style05 .info-box2 { top: 460px; left: 179px; }
.sy32 .style05 .ph-txt { margin-top: 15px; }
.sy32 .style05 .item01 { top: 1%; left: 44%; }
.sy32 .style05 .item02 { top: 12.5%; left: 30%; }
.sy32 .style05 .item03 { top: 21%; left: 51%; }
.sy32 .style05 .item04 { 
    top: 56%;
    left: 28%;
}
.sy32 .style05 .item05 {     top: 42%;
    left: 26%;
 }
 .sy32 .style05 .item06 {     top: 42%;
    left: 51%;

 }
/*.sy32 .style05 .item06 { top: 54%; left: 27%; }*/
.sy32 .style05 .item07 { 
    top: 80.5%;
    left: 44.5%;
 }

.sy32 .style06 .ph-box { }
.sy32 .style06 .copy { top: 39px !important; }
.sy32 .style06 .info-box {    top: 247px;
    right: 570px; }
.sy32 .style06 .info-box2 { top: 545px; right: 132px; }
.sy32 .style06 .ph-txt { margin-top: 15px; }
.sy32 .style06 .item01 { top: -2%; left: 60.5%; }
.sy32 .style06 .item02 { top: 20%; left: 43.5%; }
.sy32 .style06 .item03 { top: 12.5%; left: 63%; }
.sy32 .style06 .item04 { top: 50%; left: 43%; }
.sy32 .style06 .item05 { top: 36%; left: 48%; }
.sy32 .style06 .item06 { top: 43.5%; left: 55%; }
.sy32 .style06 .item07 { top: 84.5%; left: 40.5%; }
.sy32 .style06 .item08 { top: 53%; left: 70%; }

.sy32 .style07 .ph-box { }
.sy32 .style07 .copy {
    top: 93px !important;
    left: 108px !important;
 }
.sy32 .style07 .info-box {    top: 219px;
    left: 544px;}
.sy32 .style07 .info-box2 { top: 460px; left: 179px; }
.sy32 .style07 .ph-txt { margin-top: 15px; }
.sy32 .style07 .item01 { top: -2.8%; left: 39.5%; }
.sy32 .style07 .item02 { 
    top: 11.5%;
    left: 42.5%;
}
.sy32 .style07 .item03 {     top: 11.5%;
    left: 42.5%;}
.sy32 .style07 .item04 {
    top: 14%;
    left: 28%;
}
.sy32 .style07 .item05 { 
    top: 58%;
    left: 49%;
}
.sy32 .style07 .item06 {
    top: 44%;
    left: 46.5%;
}
.sy32 .style07 .item07 {
    top: 79.2%;
    left: 45.5%;
}
.sy32 .style07 .item08 {top: 85%;
    left: 17.5%; }
	
	.sy32 .style07 .item09 {top: 30%;
    left: 21%; }


.sy32 .style08 .ph-box { }
.sy32 .style08 .copy {     top: 45px !important;
    right: 93px !important;}
.sy32 .style08 .info-box {    top: 229px;
    right: 541px;}
.sy32 .style08 .info-box2 { top: 545px; right: 132px; }
.sy32 .style08 .ph-txt { margin-top: 15px; }
.sy32 .style08 .item01 { top: 0.5%; left: 66.2%; }
.sy32 .style08 .item02 { top: 16%; left: 46%; }
.sy32 .style08 .item03 { top: 13%; left: 66%; }
.sy32 .style08 .item04 { top: 53%; left: 47%; }
/*.sy32 .style08 .item05 { top: 47.5%; left: 63.7%; }*/
.sy32 .style08 .item06 { top: 89%; left: 49%; }
.sy32 .style08 .item07 { top: 34%; left: 55%; }

/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
/* and per se */
.sy32 .style01 .ph-box { margin: 0 -30vw 0 0vw; }
.sy32 .style01 .copy {    top: 11vw !important;
    left: 8vw !important;}
.sy32 .style01 .info-box { top: inherit; left: inherit; }
.sy32 .style01 .ph-txt { margin-top: 0; }

.sy32 .style02 .ph-box { margin:5vw 3vw 0 -33vw; }
.sy32 .style02 .copy { top: 16vw !important;
 right: 13vw !important; }
.sy32 .style02 .info-box { top: inherit; left: inherit; }
.sy32 .style02 .ph-txt { margin-top: 0; }
.sy32 .style02 .info-box .point-ph img { }

.sy32 .style03 .ph-box { margin:5vw -30vw 0 0vw; }
.sy32 .style03 .copy {      top: 10vw !important;
    left: 11vw !important;}
.sy32 .style03 .info-box { top: inherit; left: inherit; }
.sy32 .style03 .ph-txt { margin-top: 0; }

.sy32 .style04 .ph-box { margin:5vw 0vw 0 -30vw; }
.sy32 .style04 .copy {     top: 15vw !important;
    right: 10vw!important;

}
.sy32 .style04 .info-box { top: inherit; left: inherit; }
.sy32 .style04 .ph-txt { margin-top: 0; }

.sy32 .style05 .ph-box { margin:5vw -30vw 0 0vw; }
.sy32 .style05 .copy {     top: 10vw !important;
    left: 4vw !important;}
.sy32 .style05 .info-box,.sy32 .style05 .info-box2 { top: inherit; left: inherit; }
.sy32 .style05 .ph-txt { margin-top: 0; }

.sy32 .style06 .ph-box { margin:5vw -7vw 0 -23vw; }
.sy32 .style06 .copy { top: 13vw !important;
 right: 11vw !important;}
.sy32 .style06 .info-box,.sy32 .style06 .info-box2 { top: inherit; right: inherit; }
.sy32 .style06 .ph-txt { margin-top: 0; }
.sy32 .style06 .info-box .point-ph img { }
.sy32 .style06 .info-box2 .point-ph img {}

.sy32 .style07 .ph-box { margin:5vw -32vw 0 2vw; }
.sy32 .style07 .copy { top: 26vw !important;
 left: 11vw !important;}
.sy32 .style07 .info-box,.sy32 .style07 .info-box2 { top: inherit; left: inherit; }
.sy32 .style07 .ph-txt { margin-top: 0; }

.sy32 .style08 .ph-box { margin:5vw -2vw 0 -28vw; }
.sy32 .style08 .copy { top: 32vw !important;
 right: 11vw! important;}
.sy32 .style08 .info-box,.sy32 .style08 .info-box2 { top: inherit; right: inherit; }
.sy32 .style08 .ph-txt { margin-top: 0; }
.sy32 .style08 .info-box .point-ph img { }
}

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