@charset "utf-8";

/* index */
.area { width:89%; margin:0 auto; }
 .box .hd { position:relative; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:150%; }
.box .intro span,.box .bd span { position:relative; padding:0 20px; color:#fff; background:#716bbe; font-size:3rem; line-height:180%; }
.box .bd span { line-height:150%; }
.box .intro span:after { position:absolute; left:30px; bottom:-20px; display:block; width:0; height:0; content:''; overflow:hidden; border-width:10px; border-style:solid; border-color:#716bbe #fff #fff; }
.box .intro em,.box .bd em { display:inline; color:#db004a; }
.box h4 { font-size:3rem; text-align:center; line-height:150%; }

.tit { font-size:3rem; color:#fff; text-align:center; }
.tit dt { float:left; width:8%; color:#716bbe; background:#d4d1ff; }
.tit dd { float:left; width:65%; background:#716bbe; }
.col2 li p { display:block; padding:10px 0; text-align:left; line-height:125%; }

.box .intro dt { width:22%; text-align:center; background:#716bbe; color:#fff; }
.box .intro dd { width:76%; word-break:break-all; text-align:justify; }

.box1 .intro dt,.box1 .intro span,.box3 .intro dt,.box5 .intro dt { background:#fa699a; }
.box1 .intro span:after { border-color:#fa699a #fff #fff;}

.box2,.box5,.box6 { background:#e6e4ff; }
.box2 .intro em,.box4 em,.box6 .intro em,.box9 .bd p em { color:#716bbe; }


.box7 p { word-break:break-all; text-align:justify; }

#showsPic { position:relative; }
#showsPic .parHd { position:absolute; right:20px; bottom:10px; }
#showsPic .parHd ul { float:right; }
#showsPic .parHd li { float:left; width:10px; height:10px; margin:0 2px; border-radius:100%; background:#fff; text-indent:-999em; overflow:hidden; }
#showsPic .parHd li.on { background:#ee0324; }

@media (min-width:320px) and  (max-width:639px){
	.box .intro span,.box .bd span { padding:0 10px; }
	.col2 li p { padding:5px 0; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .intro span,.box .bd span { padding:0 15px; }
	.col2 li p { padding:7px 0; }
}