@charset "UTF-8";
/* ========================================
	ucadvice
======================================== */
#bread {
	margin:6px 0 10px 0;
}
#contents #main {
	width:1120px;
	padding:20px;
}
/*mdl_report*/
#mdl_advice.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_advice .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_advice .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_advice .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_advice .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_advice .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_advice .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/* ========================================
	List
======================================== */
/*.adviceTitle {
	margin:0 0 20px 0;
	padding:2px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
}
.adviceTitle h2 {
	float:left;
	padding:0 53px 0 0;
	background:url(../img/advice/bg_advice_leadright.png) no-repeat right top;
}
.adviceTitle h2 span.bg {
	display:block;
	padding:0 0 0 15px;
	border-left:1px solid #ff0000;
	background:url(../img/advice/bg_advice_leadmid.png) repeat-x left top;
}
.adviceTitle h2 span.icon {
	display:block;
	padding:6px 0 6px 45px;
	background:url(../img/advice/icon_advice.png) no-repeat left center;
	color:#fff;
	font-size:24px;
	font-weight:bold;
}
*/
.image {
	position:relative;
	width:1160px;
	height:631px;
	margin:-20px 0 0 -20px;
	border-bottom:1px solid #535353;
	background:url(../img/advice/bg_image.jpg) no-repeat left top;
	background-size:100%;
}
.en .image {
	background:url(../img/advice/bg_image_gl.jpg) no-repeat left top;
	background-size:100%;
}
.image h2 {
	position:absolute;
	top:124px;
	left:42px;
}
.socialBtn {
	float:right;
	margin:10px 0 0 0;
}
.socialBtn li {
	float:left;
	margin:0 0 0 10px;
	width: 110px;
	border-radius:4px;
	line-height:20px;
	text-align:center;
}
.socialBtn li a {
	display:block;
}
.socialBtn li.tw {
	background:#0099e2;
	box-shadow:0px 3px 0 -1px #0274aa;
	-moz-box-shadow:0px 3px 0 -1px #0274aa;
	-webkit-box-shadow:0px 3px 0 -1px #0274aa;
}
.socialBtn li.fb {
	background:#1e6cb4;
	box-shadow:0px 3px 0 -1px #165187;
	-moz-box-shadow:0px 3px 0 -1px #165187;
	-webkit-box-shadow:0px 3px 0 -1px #165187;
}
.socialBtn li a span {
	padding:2px 0 2px 20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.socialBtn li.tw a span {
	background:url(../img/advice/icon_xw.png) no-repeat left center;
	background-size:14px;
}
.socialBtn li.fb a span {
	padding:2px 0 2px 10px;
	background:url(../img/advice/icon_fb.png) no-repeat left center;
	background-size:6px;
}
.adviceLead {
	position:absolute;
	top:381px;
	left:52px;
	color:#b5b5b5;
	font-size:16px;
	font-weight:bold;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.adviceLead span {
	color:#f29905;
}
.adviceList h3 {
	height:45px;
	margin:60px 0 10px 0;
	padding:5px 0 0 15px;
	border-left:5px solid #4a8989;
	background:rgba(0,17,17,0.6);
	color:#fff;
	font-size:31px;
	font-weight:bold;
}
.adviceList h3.feature {
	margin:70px 0 10px 0;
	border-left:5px solid #f29905;
}
.adviceList h3 span {
	padding:0 0 0 10px;
	font-size:15px;
}
.adviceList .bnr {
	position:relative;
	width:1098px;
	margin:25px 0 0 0;
}
.adviceList .bnr a {
	display:block;
}
.adviceList .bnr img {
	margin:0 0 10px 0;
}
.adviceList li {
	position:relative;
	float:left;
	width:344px;
	margin:0 11px 11px 0;
	padding:10px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
	background-size:8px,8px,8px,8px,1px;
	transition:border 0.5s,background 0.5s;
}
.adviceList.minList li {
	width:257px;
	margin:0 30px 20px 0;
	padding:0;
	border:none;
	background:none;
}
.adviceList li:hover {
	border:1px solid #408685;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,rgba(19,46,46,0.5);
	background-size:8px,8px,8px,8px,1px;
	transition:border 0.5s,background 0.5s;
}
.adviceList.minList li:hover {
	border:none;
	background:none;
}
.adviceList li.coming:hover {
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
	background-size:8px,8px,8px,8px,1px;
	transition:border 0.5s,background 0.5s;
}
.adviceList.minList li.coming:hover {
	border:none;
	background:none;
}
.adviceList.minList li.coming:hover .img {
	border:1px solid rgba(0,0,0,0);
}
.adviceList li:nth-of-type(3n) {
	margin:0 0 11px 0;
}
.adviceList.minList li:nth-of-type(3n) {
	margin:0 30px 20px 0;
}
.adviceList.minList li:nth-of-type(4n)  {
	margin:0 0 20px 0;
}
.adviceList li .img {
	height:192px;
	margin:0 0 15px 0;
	border:1px solid #555;
	overflow:hidden;
}
.adviceList.minList li .img {
	height:143px;
	margin:0 0 10px 0;
	border:1px solid rgba(0,0,0,0);
}
.adviceList.minList li:hover .img {
	border:1px solid #4a8989;
}
.adviceList li .date {
	float:left;
	margin:0 0 10px 0;
	color:#408685;
	font-size:14px;
	font-weight:bold;
}
.adviceList.minList li .date {
	margin:0 0 5px 0;
}
.adviceList .bnr .ref,
.adviceList li .ref {
	float:right;
	padding:1px 0 0 20px;
	background:url(../img/advice/icon_ref_col.png) no-repeat left top;
	background-size:15px;
	color:#e24d3b;
	font-size:14px;
	font-weight:bold;
}
.adviceList li .new {
	position:absolute;
	top:218px;
	left:90px;
	padding:0 11px;
	background:url(../img/advice/bg_new_right.png) no-repeat right top,url(../img/advice/bg_new_left.png) no-repeat left top;
}
.adviceList.minList li .new {
	top:-6px;
	left:10px;
}
p.new span {
	display:block;
	padding:4px 5px;
	border:none;
	background:url(../img/advice/bg_new_mid.png) repeat-x left top;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
}
.adviceList li dt {
	width:344px;
	height:50px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
}
.adviceList.minList li dt {
	width:250px;
	height:42px;
	font-size:14px;
	font-weight:normal;
}
.adviceList li dd {
	float:left;
	padding:2px 10px;
	border-radius:4px;
	border:1px solid #898989;
	color:#898989;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
/* ========================================
	detaile
======================================== */
.adviceDetail {
	position:relative;
	margin:0 0 10px 0;
	padding:35px 59px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
	background-size:8px,8px,8px,8px,1px;
}
.adviceDetail .date {
	margin:0 0 10px 0;
	color:#408685;
	font-size:16px;
	font-weight:bold;
}
.adviceDetail .category {
	position:absolute;
	top:33px;
	left:150px;
	min-width:80px;
	padding:2px 10px;
	border-radius:4px;
	border:1px solid #898989;
	color:#898989;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.adviceDetail h2 {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #535353;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
.adviceDetail div.textArea {
	width:1000px;
	margin:0 0 20px 0;
	padding:0 0 70px 0;
	border-bottom:1px solid #535353;
	overflow:hidden;
}
.adviceDetail div.textArea h3 {
	margin:0 0 24px 0;
	padding:0 0 5px 0;
	border-bottom:2px solid #235958;
	color:#b5b5b5;
	font-size:20px;
}
.adviceDetail div.textArea h4 {
	padding:0 0 5px 0;
	color:#f4a252;
	font-size:16px;
}
.adviceDetail div.textArea p {
	color:#a0a0a0;
	font-size:14px;
	line-height:27px;
}
.adviceDetail div.textArea p span {
	color:#f4a252;
}
/*textType-staet*/
.gray {
	color:#b5b5b5!important;
}
.red {
	color:#cc0000!important;
}
.blue {
	color:#26a7e2!important;
}
.orange {
	color:#f4a252!important;
}
.bold {
	font-weight:bold!important;
}
/*textType-end*/
.adviceDetail div.textArea hr {
	border-top:1px dotted #535353;
}
.adviceDetail div.textArea .anchor {
	width:600px;
	padding:10px 20px 5px 20px;
	border:1px solid #183f3e;
	background:rgba(27,66,65,0.5);
}
.adviceDetail div.textArea .anchor li {
	float:left;
	width:125px;
	margin:0 10px 5px 0;
	padding:0 0 0 15px;
	background:url(../img/common/arrow_open.png) no-repeat left center;
	font-weight:bold;
}
.adviceDetail div.textArea .anchor li:nth-of-type(5) {
	clear:both;
}
.adviceDetail div.textArea .typeTxt {
	position:relative;
	padding:0 0 0 30px;
}
.adviceDetail div.textArea .typeTxt span {
	display:block;
	position:absolute;
	top:2px;
	left:0;
	width:20px;
	height:21px;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.adviceDetail div.textArea .typeTxt span.icon_gr {
	background:#038c32;
}
.adviceDetail div.textArea .typeTxt span.icon_grL {
	background:#62dbb0;
}
.adviceDetail div.textArea .typeTxt span.icon_red {
	background:#ff4800;
}
.adviceDetail div.textArea .typeTxt span.icon_redL {
	background:#cc0000;
}
.adviceDetail div.textArea .typeTxt span.icon_redD {
	background:#950303;
}
.adviceDetail div.textArea .typeTxt span.icon_blue {
	background:#08698c;
}
.adviceDetail div.textArea .typeTxt span.double {
	top:23px;
}
.adviceDetail div.textArea img {
	display:block;
	margin:10px 0;
}
.adviceDetail div.textArea img.popIcon {
	display:none;
}
.adviceDetail div.textArea a {
	color:#408685;
	text-decoration:underline;
}
.adviceDetail div.textArea a:hover {
	text-decoration:none;
}
.adviceDetail div.textArea dt {
	margin:0 0 0 1em;
	color:#a0a0a0;
	font-size:12px;
	font-weight:bold;
	line-height:27px;
}
.adviceDetail div.textArea dd {
	margin:0 0 0 2em;
	color:#a0a0a0;
	line-height:27px;
}
.adviceDetail .linkList {
	margin:50px 0 0 0;
}
.adviceDetail .linkList.minMg {
	margin:20px 0 0 0;
}
.adviceDetail .linkList li {
	float:left;
	width:197px;
	margin:0 20px 0 0;
	text-align:center;
}
.adviceDetail .linkList li:last-child {
	margin:0;
}
.adviceDetail .linkList li a {
	color:#408685;
	font-size:12px;
}
.adviceDetail .linkList li a span.date {
	display:none;
}
.adviceDetail .linkList li img {
	width:195px;
	margin:0;
	border:1px solid rgba(0,0,0,0);
}
.adviceDetail .linkList li:hover img {
	border:1px solid #4a8989;
}
.adviceDetail .socialArea {
	padding:10px 0;
	border:1px solid #535353;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.adviceDetail .socialArea div.ref {
	float:left;
	width:470px;
	padding:0 20px;
	border-right:1px solid #535353;
}
.adviceDetail .socialArea p.txt {
	float:left;
	width:280px;
}
.adviceDetail .socialArea p.txt span {
	line-height:48px;
}
.adviceDetail .socialArea .comp p.txt span {
	line-height:1.5;
}
.adviceDetail .socialArea p.txt span:last-child {
	display:block;
}
.adviceDetail .socialArea p.compBtn {
	float:right;
	width:180px;
}
.adviceDetail .socialArea p.compBtn a {
	display:block;
	float:right;
	width:180px;
	border-radius:4px;
	background:#e24d3b;
	box-shadow:0px 3px 0 -1px #c33827;
	-moz-box-shadow:0px 3px 0 -1px #c33827;
	-webkit-box-shadow:0px 3px 0 -1px #c33827;
	text-align:center;
	transition:background 0.5s,box-shadow 0.5s;
}
.adviceDetail .socialArea p.compBtn  a span {
	padding:3px 0 3px 20px;
	background:url(../img/advice/icon_ref.png) no-repeat left center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
}
.adviceDetail .socialArea dl {
	float:left;
	width:445px;
	padding:0 20px;
}
.adviceDetail .socialArea dt {
	float:left;
	line-height:48px;
}
.adviceDetail .socialArea dd {
	float:right;
	margin:5px 0 0 0;
}
.adviceDetail .socialArea dd li {
	float:left;
	width:140px;
	margin:0 10px 0 0;
	border-radius:4px;
	line-height:38px;
	text-align:center;
}
.adviceDetail .socialArea dd li a {
	display:block;
}
.adviceDetail .socialArea dd li:last-child {
	margin:0;
}
.adviceDetail .socialArea dd li.tw {
	background:#0099e2;
	box-shadow:0px 3px 0 -1px #0274aa;
	-moz-box-shadow:0px 3px 0 -1px #0274aa;
	-webkit-box-shadow:0px 3px 0 -1px #0274aa;
}
.adviceDetail .socialArea dd li.fb {
	background:#1e6cb4;
	box-shadow:0px 3px 0 -1px #165187;
	-moz-box-shadow:0px 3px 0 -1px #165187;
	-webkit-box-shadow:0px 3px 0 -1px #165187;
}
.adviceDetail .socialArea dd li a span {
	padding:2px 0 2px 30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.adviceDetail .socialArea dd li.tw a span {
	background:url(../img/advice/icon_xw.png) no-repeat left center;
}
.adviceDetail .socialArea dd li.fb a span {
	padding:2px 0 2px 15px;
	background:url(../img/advice/icon_fb.png) no-repeat left center;
}
.btn {
	float:left;
	min-width:130px;
	padding:0 5px;
	border-radius:4px;
	border:1px solid #555;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	transition:background 0.5s;
}
.btn:hover {
	background:url(../img/common/bg_dots_green2.png) repeat left top;
	transition:background 0.5s;
}
.btn a {
	display:block;
	color:#aabfbd;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
}
.btn a span {
	padding:2px 0 2px 20px;
	background:url(../img/common/icon_backarrow.png) no-repeat left center;
}