body{background-color:#f3f3f3}.opinion_form .note{color:gray;font-size:85%;line-height:95%}.opinion_items{max-width:1170px;margin:0 auto}.opinion_items tr td{position:relative;padding:15px 0}.opinion_items p{text-align:justify;margin:0 0 6px}.opinion_items .arrow{content:'';display:block;position:absolute;top:40px;left:0;border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.opinion_items .body{margin-left:7px;padding:11px 14px;background-color:#fff;border-radius:4px;box-shadow:0 0 15px #ebebeb;-moz-box-shadow:0 0 15px #ebebeb;-webkit-box-shadow:0 0 15px #ebebeb}.opinion_items .thumb{width:60px;font-size:12px;text-align:center;text-align-last:center;padding-right:10px}.opinion_items .thumb a{display:block;width:60px;height:60px;overflow:hidden;line-height:0;font-size:0;margin-bottom:3px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}.opinion_items img{display:inline;width:100%;height:auto}.opinion_items time{color:#888}.opinion_items .author{display:block;color:#DE3135;margin-bottom:5px}.opinion_items .rating{padding:10px 0;margin:auto;width:50px}.opinion_items .rating .star{float:left;width:10px;height:10px}.opinion_items .rating .star .z,.opinion_items .rating .star .z:after,.opinion_items .rating .star .z:before{position:absolute;display:block;width:0;height:0;content:'';border-bottom:3px solid #888;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);-o-transition:all 100ms linear;-moz-transition:all 100ms linear;-webkit-transition:all 100ms linear;transition:all 100ms linear}.opinion_items .rating .star .z{margin:-4px 0;position:relative;-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg)}.opinion_items .rating .star .z:before{border-bottom:4px solid #888;border-left:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0);top:-3px;left:-3px;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg)}.opinion_items .rating .star .z:after{top:0;left:-5px;-webkit-transform:rotate(-70deg);-moz-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-o-transform:rotate(-70deg)}.opinion_items .rating .active .z,.opinion_items .rating .active .z:after,.opinion_items .rating .active .z:before{border-bottom-color:#f3d211}.opinion_comments{margin-top:5px}.opinion_comments .item{display:flex;border-top:2px solid #f2f2f2;padding:10px 0}.opinion_comments .item > div:last-child{margin-left:15px}.opinion_comments .item .author{display:inline-block;margin-right:10px}.opinion_comments .item time{font-size:12px}.opinion_comments a img{display:block;width:40px}.opinion_comments .container{padding-bottom:0}.opinion_comments button{margin-top:5px;padding:10px 30px;background-color:#fdb913}.opinion_comments textarea{width:100%;min-height:40px;font-size:14px;line-height:normal;padding:4px;border:1px solid #888;border-radius:4px}.opinion_items .items{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.opinion_items .items .item{margin:0 8px 8px 0;width:50px;height:50px;background:#fdb913;text-align:center;overflow:hidden;border-radius:4px}.opinion_items .items .none{display:none}.opinion_items .items .item span{display:flex;font-size:15px;height:50px;width:50px;color:#222;align-items:center;justify-content:center;text-transform:uppercase;line-height:normal}.opinion_items .items .item img{width:50px;min-height:50px;height:auto;opacity:0;filter:alpha(opacity=0)}.opinion_items .items .item img.show{opacity:1;filter:alpha(opacity=100);-o-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.opinion_items .items .item:hover img{opacity:.8;filter:alpha(opacity=80);-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}form.opinion_form input{width:100%}form.opinion_form table td{padding:0 0 8px}form.opinion_form .thumb{float:left;width:75px}form.opinion_form .thumb img{float:left;width:100%}form.opinion_form table td.label{padding:6px;text-align:right}form.opinion_form textarea{resize:none;width:100%;height:60px}form.opinion_form .notice{text-align:center;padding:0 0 20px}


/* begin style opinion */
.opinion_form {
	max-width: 1170px;
    margin: 0 auto;
}
.opinion_form .warning {
	position: relative;
	padding: 12px;
	background: #f7efd4;
	font-size: 90%;
	border-radius: 10px;
	margin: 0 10px;
}
.opinion_form .warning:after {
	display: block;
    content: '';
    position: absolute;
    z-index: 1;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #f7efd4;
}
.opinion_form .note {
	color: #808080;
	font-size: 85%;
	line-height: 95%;
}

.opinion_interface {
	display: flex;
}
.opinion_interface .upload button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.opinion_interface .upload svg {
	fill: #fff;
}
.opinion_interface .upload input {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 9em;
	width: 999rem;
}
.opinion_form .attaches {
	display: flex;
	margin-right: auto;
}
.opinion_form .attaches > div,
.opinion_interface .upload button {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #fdb913;
	border-radius: 3px;
	margin: 0 5px 5px 0;
}
.opinion_form .attaches > div img {
	display: block;
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 900px) {
  .opinion_form .warning {
    font-size: 80%;
	line-height: 1.2;
  }
}
@media only screen and (max-width: 600px) {
  .opinion_form .warning {
    font-size: 70%;
	line-height: 1.2;
  }
}