/* BASIC css start */
 
.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d }
.bbs-table-view hr { display: block; }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }

.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}

.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px }
.prd-tinfo dd ul li .tit { font-weight:bold }
 
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }

.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }


.notice-board .board-content {
	padding-left: 0 !important;
}


.floatR{float:right !important}
.floatL{float:left !important}
.mr0{margin-right:0 !important}


















.sonatural_comment {
	margin-top: 10px;
} 
.sonatural_comment .comment_inner li {
	position:relative;
	border: 1px solid #ddd;
	color: #535353;
	width: 998px;
	margin: 10px auto;
}
.sonatural_comment .comment_inner li:first-child {
	margin-top: 0;
}
.sonatural_comment .comment_inner li .info { 
	padding: 10px;
	border-bottom:1px solid #f2f2f2;
	background: #f7f7f7;
}
.sonatural_comment .comment_inner li .info .name {
	display: inline-block;
	vertical-align: middle;
        font-weight:bold;
}
.sonatural_comment .comment_inner li .info .date {
	margin: 0 15px;
	font-size:11px;
	display: inline-block;
	vertical-align: middle;
} 
.sonatural_comment .comment_inner li .button {
	position:absolute;
	top:7px;
	right:10px;
} 
.sonatural_comment .comment_inner li .comment {
	padding: 15px 10px;
	word-break:break-all;
} 
.comment_write {
	padding: 25px 10px;
	background-color: #f7f7f7;
	width: 1000px;
	margin: 30px auto 0;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
}  
.comment_write input[type=text], .comment_write input[type=password] {
	width: 140px;
	margin: 0 10px;
	border: 1px solid #ddd;
	height: 22px;
	vertical-align: middle;
	line-height: 22px;
} 

.comment_write textarea {
	width:100%;
	height: 75px;
	padding: 10px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.comment_write .submit {
	position:relative;
	margin:10px 0 0;
	padding:0 95px 0 0;
} 
.comment_write .submit .CSSbuttonBlack {
	position: absolute;
	right: 0;
	top: 0;
	width: 94px;
	height: 73px;
	line-height: 73px;
	font-size: 13px;
	border: 1px solid #ddd;
	background: #ddd;
	color: #535353;
} 



.comment_write .submit .CSSbuttonBlack:hover {
    color: #535353;
    background: #fff;
}

.sonatural_comment .comment_inner li .button .CSSbuttonMin {
    border: 1px solid #ddd;
    background: #ddd;
    color: #535353;
}

.sonatural_comment .comment_inner li .button .CSSbuttonMin:hover {
    color: #535353;
    background: #fff;
}



.data-bd-cont img {
    width: auto !important;
    max-width: 100%;
}
/* BASIC css end */

