@charset "utf-8";
/* CSS Document */


.BossWrapper { width:100%; height:auto; overflow:hidden;}
.BossWrapper .Boss { width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.BossWrapper .Boss > div { width:50%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.BossWrapper .Boss > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:justify; padding:0.25rem 0;}
.BossWrapper .Boss > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.BossWrapper .Boss > div.Text > *.Title:before { content:''; display:block; width:4.5rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:0; background:#1089d4;}
.BossWrapper .Boss:nth-child(2) > div.Text > *.Title:before { width:3rem;}

.FamilyWrapper { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.FamilyWrapper .Family { width:49%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.FamilyWrapper .Family > div { width:100%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.FamilyWrapper .Family > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.25rem; margin:0;}
.FamilyWrapper .Family > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.FamilyWrapper .Family > div.Text > *.Title:before { content:''; display:block; width:4rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-2rem; background:#1089d4;}

.TrafficWrapper { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.TrafficWrapper .Traffic { width:49%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.TrafficWrapper .Traffic > div { width:100%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.TrafficWrapper .Traffic > div.Photo { padding:0; position:relative; padding-bottom:56.25%; float:left;}
.TrafficWrapper .Traffic > div.Photo > iframe { position:absolute; width:100%; height:100%; top:0; left:0;}
.TrafficWrapper .Traffic > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.25rem; margin:0;}
.TrafficWrapper .Traffic > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.TrafficWrapper .Traffic > div.Text > *.Title:before { content:''; display:block; width:4rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-2rem; background:#1089d4;}

@media only screen and (min-width:0px) and (max-width:768px) {
.BossWrapper .Boss > div { width:100%;}
}

@media only screen and (min-width:0px) and (max-width:540px) {
.FamilyWrapper .Family { width:100%;}
.TrafficWrapper .Traffic { width:100%;}
}