/* BASIC css start */
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px;margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; }

.bbs-tit strong{font-weight: bold; color: #777; font-size: 30px;}
.bbs-hd .link li a{background-color: #f5f5f5; color: #6b6b6b; border: 1px solid #eaeaea; padding: 10px 15px; margin: 10px 5px 0 0;}
.bbs-hd .link li a:hover{ background-color: #777; color:#fff;}
.bbs-hd .link li.last a{ background-color: #777; color:#fff;}
.write_text01{background-color: #777; color: #fff; padding: 10px 15px; }
.write_text02{background-color: #f5f5f5; color: #6b6b6b; padding: 10px 15px; margin-left:5px }
.table-bd01{border: 1px solid #ccc;}

/* ÅǸ޴º */
.customer {font-size:15px; background: none repeat scroll 0 0 #FFFFFF; border-top: 0px solid #BEC6D4; clear:both; margin: 80px 0;}
.customer table {width:100%;border-bottom: 1px solid #DFDFDF;}
.customer th {width:80%;text-align:left;}
.customer td {width:20%;text-align:right;}
.customer span.txt1 {color:#000000;font-size:1em;}
.customer span.txt2 {color:#E57D54;font-size:1em;}
.customer span.bt {display:inline-block; height:20px;line-height:20px;padding:0.5em 0.5em;border:1px solid #B4E8D6; ;background:#FFFFFF; font-size:11px; letter-spacing:-1px; color:#1A9D68;}
.customer .ic {-webkit-border-radius:5px; display:inline-block; margin:10px 0 0 5px; padding:0 0.8em; height:20px;line-height:20px;border:1px solid #000000; ;background:#989898; font-size:11px; font-weight:bold; letter-spacing:-1px; color:#FFFFFF;}/
.customer a {display:block; color:#000; padding: 5px 5px 5px 5px;}
.customer_info {clear: both; overflow: hidden; position: relative;}
.tab_type {background: url("../img/bg_bar.gif") repeat-x scroll 0 34px #F8F8F8; border-top: 2px solid #777; height: 35px; line-height: 34px;overflow: hidden; position: relative; text-align: center; font-size:13px; width: 100%;}
.tab_type li {float:left;}
.tab_type .link {background: url("../img/bg_bar.gif") no-repeat scroll 0 11px #F8F8F8; color: #666666; display: block; height: 100%;line-height: 35px; }
.tab_type .on {background: none repeat scroll 0 0 #FFFFFF;border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; color: #00b079;font-weight: bold; height: 35px; line-height: 35px; margin: 0 -1px; position: relative;}
.tab_type .t1 .link {background-image: none;}
.tab_type .t1 .on {background: none repeat scroll 0 0 #FFFFFF;}

#imgDiv {width:160px;height: 210px;position:relative;border: 2px solid #13458b; cursor: pointer;float: left;margin-left: 10px;}
#imgDiv img {width:150px;height: 200px;position:absolute;left:50%;top:50%;margin-left:-75px;margin-top:-100px;}
#imgDiv > #funny {opacity:0;transition: opacity 1s}
#imgDiv:hover > #funny {opacity:1;}

.tab_type .link:hover{color:#00b079}
/* BASIC css end */