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

.character_box {padding:32px 0;}
.character_boxTop {height:150px; position: relative;}
.character_image {width:110px; height:150px; position: absolute; left:0; top:0; background:#ccc; text-align: center; overflow:hidden;}
.character_image img {width:100%;}
.character_image:before {content:''; position: absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:.03;}
.character_table {margin-left:128px;}
.character_table table {width:100%; position: relative;}
.character_table table:before {content:''; width:100%; height:1px; position: absolute; left:0; top:0; background:#fff;}
.character_table table:after {content:''; width:1px; height:182px; position: absolute; left:0; top:0; background:#fff;}
.character_table table td {height:49px; padding-left:12px; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; font-size:14px; color:#998a7f;}
.character_table table td:first-child {padding:0;}
.character_table table td.block {color:#333;}

.character_boxDown {margin-top:20px; border-top:1px solid #f2f2f2;}
.four_type {padding:30px 0; text-align: center; font-size:0;}
.four_type li {width:110px; height:38px; line-height:38px; position: relative; margin:0 12px; display:inline-block; vertical-align:top; border:1px solid #ebebeb; border-radius:1000px; background:#f7f7f7; font-size:14px; color:#595959; cursor:pointer;}
.four_type li.current_style {background:#1d71d1; border:1px solid #1d71d1; color:#fff;}

.four_typeBox li {height:300px; line-height:28px; padding:16px 20px; background:#fafafa; border:1px solid #ededed; font-size:14px; color:#595959; overflow:auto;}