/* ----------- Comment Page ----------- */
#pdtcm_path {
	width: 100%;
	height: 58px;
	line-height: 58px;
	font-family: Tahoma;
	font-size: 1.1em;
	color: #302e2e;
	border-bottom: #dddddd solid 1px;
	margin-bottom: 10px;
	overflow:hidden;
}

#pdtcm_path a {
	font-family: Tahoma;
	font-size: 1em;
	color: #302e2e;
	text-decoration:none;
}

#ment_pdt_name {
	display:inline-block;
	line-height:32px;
	margin-top:20px;
	margin-bottom:10px;	
	padding-bottom:10px;
	border-bottom:#cccccc dotted 1px;
	vertical-align:middle;
}

#ment_pdt_name a {
	font-family: thaisansneue,Tahoma;
    	font-size: 2.6em;
	text-decoration:none;
}

#pdtd_path a {
	font-family:Tahoma;
	font-size:1em;
	color:#302e2e;
}

#pdtd_path span {
	font-family:Tahoma;
	font-size:1em;
	color:#eb5589;
}

#ment_summary {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:#dddddd solid 1px;
}

#ment_pdt_1 {
	float: left;
	width: 340px;
	vertical-align: top;
	padding-bottom: 30px;
}

@media only screen and (max-width:715px) {

	#ment_pdt_1 {
		width: 100%;
	}
	
}

#ment_pdt_1 img {
	max-width:100%;	
}

#ment_pdt_2 {
	float: left;
	padding-bottom: 30px;
	margin-right: 40px;
}



#ment_pdt_21 {
	font-family: thaisansneue,Tahoma;
    font-size: 1.9em;
	height:40px;
}

#ment_pdt_22 {
	padding-top: 30px;
}

#ment_star {
	float:left;	
}

#ment_total {
	float:left;
	padding-left:20px;
	font-family:Tahoma;
	font-size:1em;
}

#ment_totalrate {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	font-family:Tahoma;
	font-size:1em;
}

#ment_rate {
	clear: both;
	width: 215px;
}


.ment_chart {
	width: 215px;
	height: 21px;
}

.ment_chart a {
	width: 100%;
	height: 21px;
	color:#3466d4;
	text-decoration:none;
}

.ment_chart a:visited {
	color:#3466d4;
}

.ment_chart a:hover {
	color:#c45500;
	text-decoration:underline;
}

.ment_bars_1 {
	float:left;
	width:42px;
	height:17px;
	line-height:17px;
	font-family:Tahoma;
	font-size:1em;
}

.ment_meterbar {
	float:left;
	width:122px;
	background:url(../../template/0000/images/bg_bar.png);	
}

.ment_meter {
	height:17px;
	box-sizing:border-box;
	background:url(../../template/0000/images/bg_bar_chart.png);
	border:#bf8600 solid 1px;
}

.ment_bars_2 {
	float: left;
	padding-left: 7px;
	width: 44px;
	height: 17px;
	line-height: 17px;
	font-family: Tahoma;
	font-size: 1em;
}



#ment_content {
	width:100%;
	padding-bottom:150px;	
}

#mentre_topic {
	margin-top:20px;
	margin-bottom:30px;
	max-width:300px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: thaisansneue,Tahoma;
    font-size: 1.9em;
	border-bottom:#cccccc dotted 1px;
}

.mentre_star {
	display:inline;
	width:100%;
	font-family: thaisansneue,Tahoma;
    font-size: 1.6em;
}

.mentre_time {
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	font-family:Tahoma;
	font-size:1em;
	color:#666666;	
}

.mentre_time i {
	font-size:1.2em;
}

.mentre_content {
	width:100%;
	font-family:Tahoma;
	font-size:1em;
	word-wrap:break-word;	
	padding-bottom:20px;
	border-bottom:#cccccc dotted 1px;
	margin-bottom:30px;
}

#ment_pdt3 {
	float: left;
	width: 220px;
	height: 70px;
}

.bttn_ment {
	width:210px;
  	font-family: Tahoma;
	font-weight:bold;
	height:60px;
	line-height:60px;
	background:#ffffff;
	color:#666666;
	cursor:pointer;
	border:1px solid #cccccc;
	border-radius: 6px;
	box-sizing: border-box;
	text-align:center;
	transition: background-color 0.3s ease;
}

.bttn_ment:hover {
  	color:#ffffff;
	background-color:#000000;
	border:#444444 solid 1px;
  }

.bttn_ment:active {
	position:relative;
	top:1px;
}

.bttn_ment i {
	vertical-align:middle;
	font-size:2.5em;
	padding-right:10px;
}

#mentre_loadmore {
	width:100%;
	padding-top:10px;
	padding-bottom:40px;
}

#mentre_loadmore span {
	font-family:Tahoma;
	font-size:1.1em;
	font-weight:bold;
	color:#18a77b;
	cursor:pointer;
}

#mentre_loadmore span:hover {
	color:#ffa500;
	text-decoration:underline;
}

.bttnDelMent {
	float:right;
	width:20px;
	height:20px;
	background:url(../../template/0000/images/remove-01-20.png);
	cursor:pointer;
	transition: background-color 0.4s ease;
}

.bttnDelMent:hover {
	background-color:#000000;
}

.noment {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	font-family:Tahoma;
	font-size:1.1em;
}

.noment i {
	font-size:1.5em;
}