﻿@charset "utf-8";
/* CSS Document */

.character_box {padding:0 15px; margin-top:20px;}
.basicInfo {height:182px; position: relative;}
.basicInfo div.photo {width:132px; height:182px; position: absolute; left:0; top:0; background:#ccc; text-align: center; overflow:hidden;}
.basicInfo div.photo img {width:100%;}
.basicInfo div.photo:before {content:''; position: absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.03; filter:alpha(opacity=3);}
.basicInfo div.infoTable {margin-left:154px;}
.basicInfo div.infoTable table {width:100%; position: relative;}
.basicInfo div.infoTable table:before {content:''; width:100%; height:1px; position: absolute; left:0; top:0; background:#fff;}
.basicInfo div.infoTable table:after {content:''; width:1px; height:182px; position: absolute; left:0; top:0; background:#fff;}
.basicInfo div.infoTable table td {height:60px; padding-left:16px; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; font-size:14px; color:#999;}
.basicInfo div.infoTable table td:first-child {padding:0;}
.basicInfo div.infoTable table td.black {color:#333;}

.detailInfo {margin-top:20px; border-top:1px solid #f2f2f2;}
.detailInfo ul.tab_list {padding:40px 0 30px 0; text-align: center; font-size:0;}
.detailInfo ul.tab_list li {width:128px; height:38px; line-height:38px; position: relative; margin:0 8px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; border:1px solid #ebebeb; border-radius:1000px; background:#f7f7f7; font-size:14px; color:#666; cursor:pointer;}
.detailInfo ul.tab_list li.current_style {background:#fff; border:1px solid #2a70e1; color:#2a70e1;}
.detailInfo ul.tab_list li.current_style:after {content:''; width:25px; height:16px; position: absolute; left:50%; bottom:-42px; margin-left:-12px;}

.tab_listBox>li {line-height:28px; padding:16px 20px; background:#fafafa; border:1px solid #ededed; font-size:14px; color:#333; overflow:auto;}