@charset "UTF-8";
/* ========================================
	tips
======================================== */
#contents #main {
	width:1120px;
	padding:20px;
}
/*mdl_report*/
#mdl_tips.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:10px 0 0 0;
	background:url(../img/overview/mdl_comment_top.png) no-repeat center top;
	z-index:1200;
}
#mdl_tips .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_tips .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_tips .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_tips .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_tips .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_tips .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/* ========================================
	List
======================================== */
#main h2 {
	margin:20px 0 40px 0;
	background:url(../img/tips/line_tit.png) no-repeat center top;
}
#main h2 span {
	display:block;
	background:url(../img/tips/line_tit.png) no-repeat center bottom;
	color:#c9c9c9;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:60px;
}
/*.ptfSelect {
}
.ptfSelect dt {
	margin:14px 5px 20px 0;
	padding:0 0 0 10px;
	border-left:4px solid #939393;
	color:#a0a0a0;
	font-size:14px;
	font-weight:bold;
	line-height:1;
}
.ptfSelect li {
	position:relative;
	float:left;
	width:350px;
	margin:0 10px 10px 0;
	cursor:pointer;
}
.ptfSelect li.current {
	width:350px;
	padding:0 0 12px 0;
	background:url(../img/tips/tips_navbtm.png) no-repeat center bottom;
	cursor:default;
}
.ptfSelect li div {
	width:346px;
	margin:1px 0 0 1px;
	padding:24px 0;
	border:1px solid #408685;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
	text-align:center;
}
.ptfSelect li div:hover {
	border:1px solid #ee7700;
}
.ptfSelect li div img {
	width:auto;
	height:18px;
}
.ptfSelect li.current div {
	margin:0;
	border:2px solid #ee7700;
	border-bottom:none;
	box-shadow:0px 0px 55px 0px #613815 inset;
	-moz-box-shadow:0px 0px 55px 0px #613815 inset;
	-webkit-box-shadow:0px 0px 55px 0px #613815 inset;
}
.ptfSelect li span {
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
}
.ptfSelect li:hover span,
.ptfSelect li.current span {
	text-shadow: 0px 0px 10px rgba(238, 119, 0, 1);
}*/
.tipsList dl {
	margin:0 0 10px 0;
	padding:0 10px;
	border-radius:4px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
	background:rgba(0,0,0,0.5);
	transition:border 0.5s,background 0.5s;
}
.tipsList dl.open {
	border:1px solid #235958;
	background:url(../img/tips/bg_dots_green5.png) repeat left top;
	background:rgba(12,31,31,0.5);
	transition:border 0.5s,background 0.5s;
}
.tipsList dt {
	padding:0 0 0 40px;
	background:url(../img/tips/arrow_tips.png) no-repeat 10px center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:70px;
	cursor:pointer;
	transition:color 0.5s,background 0.5s;
}
.tipsList .open dt {
	margin:0 0 20px 0;
	border-bottom:1px dotted #408685;
	background:url(../img/tips/arrow_tips_on.png) no-repeat 10px center;
	color:#408685;
	transition:color 0.5s,background 0.5s;
}
.tipsList dd {
	display:none;
	overflow:hidden;
}
.tipsList li {
	margin:0 30px 20px 30px;
	padding:0 0 0 20px;
	background:url(../img/tips/icon_light.png) no-repeat left center;
	color:#b5b5b5;
	font-size:14px;
}