body {
	font-family: "微軟正黑體", Lucida Sans Unicode, Verdana, Geneva,
		sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "微軟正黑體", Lucida Sans Unicode, Verdana, Geneva,
		sans-serif !important;
}

@media ( max-width : 767px) {
	.text-center-xs {
		text-align: center;
	}
	.no-mg-t-xs {
		margin-top: 0 !important;
	}
	marquee.header {
		right: 255px;
		left: 60px;
	}
}

@media ( min-width : 768px) {
	.img-responsive-sm {
		display: block;
		height: auto;
		max-width: 100%;
		width: inherit;
	}
	.modal-lg {
		width: 80%;
	}
	.modal-sm {
		width: 30%;
	}
}

@media ( max-width : 992px) and (min-width: 768px) {
	marquee.header {
		/* 				right: 345px; */
		right: 400px;
		left: 60px;
	}
}

/** 平板以下解析度 **/
@media ( max-width : 992px) {
	.exe-width {
		width: 50px;
	}
	.box .box-content.box-double-padding {
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 30px;
		/* 		padding-bottom: 20px; */
	}
	.box .box-content {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -15px;
		border: 0px solid #dddddd;
	}
	.igrone-fluidbox-overlay .box-content {
		margin-left: -10px !important;
		margin-right: -10px !important;
		margin-top: -10px !important;
	}
	#footer {
		margin-top: -20px;
	}
	.box-statistic, .box-border {
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		border: 1px solid #dddddd !important;
	}
}

@media ( min-width : 993px) {
	.exe-width {
		/* 		width: 126px; */
		width: 90px;
	}
	/**修正105年期末KPI的tab顯示用*/
	.title-tab {
		margin-bottom: -21px;
	}
	marquee.header {
		/* 				right: 345px; */
		right: 400px;
		left: 250px;
	}
}

marquee.header {
	position: fixed;
	/* 	right: 345px; */
	width: auto;
	background-color: #ffffff;
	border: 1px solid #00acec;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0px 0px 5px #00acec;
	-webkit-box-shadow: inset 0px 0px 5px #00acec;
	box-shadow: inset 0px 0px 5px #00acec;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
	z-index: 1032;
	overflow: -webkit-marquee;
	white-space: nowrap;
}

.form-control {
	padding: 6px !important;
}

.seq-width {
	width: 53px !important;
}

.word4-width {
	width: 90px;
}

.no-mg-t {
	margin-top: 0 !important;
}

.no-mg-b {
	margin-bottom: 0 !important;
}

.center-block {
	margin-left: auto;
	margin-right: auto;
}

#stats-chart1, #stats-chart2, #stats-chart3, #stats-chart7,
	#stats-chart8 {
	height: 200px;
}

.color-settings .color-title {
	font-weight: bold;
	padding-left: 10px;
}

.wysihtml5-sandbox {
	box-sizing: border-box;
}

input.right {
	text-align: right;
	align: right;
}

a:hover {
	color: #3d579d;
	/* 	 text-decoration:none; */
}

/* line 133, ../../webapp/css/sass/main.scss */
input.center {
	text-align: center;
	align: center;
}

/* line 138, ../../webapp/css/sass/main.scss */
input.left {
	text-align: left;
	align: left;
}

th {
	text-align: center;
}

/* line 35, ../../webapp/css/sass/main.scss */
.keepRight, td.right {
	text-align: right;
}

td p.right {
	margin: 0 0 0 0px;
	text-align: right;
}

td.center {
	text-align: center;
}

label.click {
	display: block;
	vertical-align: middle;
}

label.click:hover, label.click input[type=radio]:hover, label.click input[type=checkbox]:hover
	{
	cursor: pointer;
}

label.click-inline {
	display: inline;
	vertical-align: middle;
}

label.click-inline:hover, label.click-inline input[type=radio]:hover,
	label.click-inline input[type=checkbox]:hover {
	cursor: pointer;
}

label.valid {
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	font-weight: bold;
	color: red;
}

.popover-content {
	color: #3d579d;
}

tr.delete {
	text-decoration: line-through;
}

.table-excel input {
	width: 100%;
}

.table-excel input[type=checkbox], .table-excel input[type=radio] {
	width: auto;
}

div.modern .table-hover>tbody>tr>td {
  border-top: 2px solid #dfe9f3 !important;
}
div.modern .table-hover>tbody>tr:hover>td {
	background-color: #cfe0f1 !important;
	border-top: 2px solid #dfe9f3 !important;
	border-bottom: 2px solid #dfe9f3 !important;
}
div.modern table.table tbody tr:nth-child(2n+1){
  background-color:#F3FAFF;
}

.table-layou-fixed table {
	table-layout: fixed;
}

.td-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.td-overflow  ul {
	list-style-position: inside;
}

.td-overflow  ol {
	list-style-position: inside;
}

.td-overflow  * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.span-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

body, html {
	/* 	font-size: 100%; */
	padding: 0;
	margin: 0;
}

.portlet-placeholder {
	border: 1px dotted gray;
	/* 	background-color: #eeeeea; */
	margin: 1px;
	height: 2em;
}

.item {
	background-color: white;
	height: 2em;
}

.noscroll {
	position: fixed !important;
	width: 100%;
	height: 100%;
}

label.radio, label.checkbox, label span.beautify-radioInput {
	cursor: pointer;
}

span.txt {
	border: 0px;
	background-color: white;
}

.tooltip-inner {
	text-align: left;
}

#fluidbox-overlay {
	/* 	z-index: 100; */
	z-index: 902;
}

#wrapper .igrone-fluidbox-overlay {
	/* 	position: relative; */
	/* 	z-index: 101; */
	z-index: 903;
	border: 1px solid darkgray;
	/* 	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); */
	/* 	-moz-border-radius: 0px 0px 5px rgba(0, 0, 0, 0.5); */
	/* 	-webkit-border-radius: 0px 0px 5px rgba(0, 0, 0, 0.5); */
	/* 	background: #fbfbfb; */
	/* 	border: 1px dashed black; */
}

#wrapper .igrone-fluidbox-overlay .box-content {
	/* 	border: 1px solid darkgray; */
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	right: 100%;
	left: -100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

#Menu {
	font-size: 16px;
	font-weight: bold;
}

.control-label .required {
	background-color: red;
}

.control-label .required:before {
	border-right: 8px solid red;
}

.box .box-content {
	background-image: url(/img/bg/coa-bg.gif );
	background-repeat: repeat;
}

.box .row {
	border-bottom: 1px dashed #ECECFF;
	margin-bottom: 5px;
}

.sidr .box .box-content {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
	border: 1px solid #dddddd !important;
}

.footer-wrapper {
	font-size: 13px;
}

.font-bold {
	font-weight: bold;
}

a:hover>i {
	text-decoration: none;
}

.hover-pointer {
	cursor: pointer;
}

#menuInfo {
	position: fixed;
	width: 251px;
	bottom: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	/* 	margin: 25px; */
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	background: #fff;
	z-index: 901;
	text-align:center; 
	vertical-align:middle;
}

.menuHeight {
	position: absolute;
	top: 0px;
	bottom: 97px;
}

.menuTable {
	width: 100%;
}

.menuTable tr td span {
	font-size:10px !important;
	white-space:nowrap;
}

.navbar {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

chat .box, .btn-bar-color {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.parseHtml a {
	color: red;
	font-weight: bold;
}

.editorDiv {
	position: relative;
}

.editorContent {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: double 3px lightgray;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	overflow: auto;
	border-radius: 4px;
}

.editorContent img {
	height: 15px;
	width: 15px;
	margin-bottom: 3px;
}

.editorEdit:hover .editorContent {
	border-color: #007799;
	cursor: pointer;
}

.editorSpan {
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 5px;
	background-color: lightgray;
	color: white;
	border-bottom-left-radius: 4px;
}

.editorEdit:hover .editorSpan {
	background-color: #009FCC;
	cursor: pointer;
	border-bottom:1px solid #007799;
	border-left:1px solid #007799;
}

.editorSpan1 {
	position: absolute;
	bottom: 0px;
	left: 5px;
	padding: 5px;
}

.editorSpan2 {
	position: absolute;
	bottom: 0px;
	right: 15px;
	padding: 5px;
}

.editorSpan3 {
	position: absolute;
	bottom: 5px;
	right: 0px;
	padding: 5px;
}

.editorDiv span.cke_resizer {
	display: none;
}

.editorDiv span.cke_reset_all {
	height:20px;
}

input.no-form-control {
	height: 35px;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 1.42857;
	color: #555555;
	vertical-align: middle;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow
		ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.no-form-control[disabled], .no-form-control[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
}

.col-center-block {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row div.center {
	text-align: center;
	align: center;
}

.fix-scoll {
	position: fixed;
	padding: 40px;
	background-image: url(/img/bg/coa-bg.gif );
	background-repeat: repeat;
	border: 1px solid lightgray;
	top: 124px;
	left: 250px;
	right: 0px;
	bottom: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

.fix-scoll .row {
	border-bottom: 1px dashed #ECECFF;
	margin-bottom: 5px;
}

#main-nav {
	overflow-y: auto;
	overflow-x: hidden;
}

@media ( max-width : 992px) {
	.menuHeight {
		border-right: 1px solid darkgray;
		background-color: #f4f4f4;
		-webkit-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.055);
		-moz-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.055);
		box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.055);
	}
	.main-nav-opened #content {
		margin-left: 0;
	}
	.main-nav-opened #menu-overlay {
		display: inline;
	}
	#menuInfo {
		display: none;
		border-right: 1px solid darkgray;
		-webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.055);
		-moz-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.055);
		box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.055);
	}
}

#menu-overlay {
	z-index: 55;
	display: none;
	background: rgba(20%, 20%, 20%, 0.2);
}

.main-nav-opened #menuInfo {
	width: 251px;
	display: inline;
}

.main-nav-closed #menuInfo {
	display: none;
}

h1 small {
	font-size: 16px;
}

.text-dark-green {
	color: 	#227700;
}

.text-label-color {
	color: 	#4682B4;
}


label.has-error {
	border: 1px solid #b94a48;;
}

input.has-error {
	border: 1px solid #b94a48;;
}

/* .main-nav-opened #li_exit { */
/* 	position: fixed; */
/* 	bottom: 0px; */
/* 	width: 250px; */
/* 	display: inline; */
/* 	z-index: 57; */
/* } */

/* .main-nav-closed li #li_exit { */
/* 	display: none; */
/* } */
.menuInfo #li_exit {
	color: red;
	list-style: none;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.menuInfo #li_exit i {
	color: green;
}

.menuInfo #li_exit a {
	text-decoration: none
}

#footerButtomBar {
	position: fixed;
	display: none;
	right: 0px;
	bottom: 5px;
	z-index: 9999;
	-moz-box-shadow: 0px 0px 5px #00acec;
	-webkit-box-shadow: 0px 0px 5px #00acec;
	box-shadow: 0px 0px 5px #00acec;
	border-radius: 4px;
}

#menu-overlay {
	background: #aaaaaa url("/img/bg/overlay-4x4.png") 50% 50% repeat;
	opacity: .5;
}

.modal-backdrop.in {
	background: #aaaaaa url("/img/bg/overlay-4x4.png") 50% 50% repeat;
	opacity: .5;
}

button.btn {
	heigth: 35px !important;
}

.input-group-btn button {
	height: 35px !important;
}

.btn-group button {
	height: 35px !important;
}

/* hide date */
input.date:disabled+span.input-group-addon.hover-pointer {
	display: none;
}

input.date[readonly]+span.input-group-addon.hover-pointer {
	display: none;
}

.beautify-radio {
	/* 	display: none; */
	opacity: 0;
	filter: 'alpha(opacity=0)';
	z-index: -1;
}

.beautify-radioInput {
	background-color: #fff;
	border: 1px solid gray;
	border-radius: 100%;
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	margin-top: -1px;
	margin-left: -15px;
	vertical-align: middle;
	width: 16px;
	line-height: 1
}

.beautify-radio:checked+.beautify-radioInput:after {
	background-color: #00acec;
	border-radius: 100%;
	content: "";
	display: inline-block;
	height: 10px;
	margin: 2px;
	margin-left: 2px;
	width: 10px
}

.beautify-checkbox.beautify-radioInput, .beautify-radio:checked+.beautify-checkbox.beautify-radioInput:after
	{
	border-radius: 0;
}

.beautify-checkbox.beautify-radioInput, .beautify-radio:checked+.beautify-checkbox.beautify-radioInput:after
	{
	background-color: #fff;
	content: "\2714";
	color: #00acec;
	position: relative;
	bottom: 2px;
}

.beautify-radio:disabled+.beautify-radioInput:after {
	background-color: gray !important;
}

.beautify-radio:disabled.beautify-checkbox.beautify-radioInput,
	.beautify-radio:disabled.beautify-radio:checked+.beautify-checkbox.beautify-radioInput:after
	{
	background-color: #fff !important;
	color: gray;
}

.beautify-radio:disabled.beautify-checkbox.beautify-radioInput,
	.beautify-radio:disabled.beautify-radio:checked+.beautify-checkbox.beautify-radioInput:after
	{
	background-color: #fff !important;
	color: gray;
}

.beautify-radio.ng-hide+.beautify-radioInput {
	display: none;
}

ul.subInfo>li {
	list-style: none;
	margin-left: -40px;
}

ul.subInfo2 {
	list-style: none;
	margin-left: -40px;
}

ul.subInfo2>li {
	display: inline-block; /* 水平排列 */
	/* 	margin-right: 30px; */
}

/* ul.subInfo2 li+li:before { */
/* 	content: "　"; */
/* } */
ul.subInfo2>li:not (:last-child ):after {
	content: "　";
}

ul.subToolbar li {
	display: inline-block;
	list-style: none;
}

ul.subToolbar li+li:before {
	content: " | ";
}

ul.subToolbar a {
	text-decoration: none;
	text-shadow: 3px 3px 3px #cccccc;
}

.font85 {
	font-size: 85%;
}

.font90 {
	font-size: 90%;
}

.font110 {
	font-size: 110%;
}

.fontred {
	font-color: #ff0000;
}

.font125 {
	font-size: 125%;
}

.font150 {
	font-size: 150%;
}

div.block {
	width: 100%;
	display: table;
	word-break: break-word;/*修正英文過長*/
}

div.toolbar {
	margin-bottom: -15px;
}

.pagination {
	margin: 0px !important;
}

.table tr:last-child {
	border-bottom: 1px solid #ddd;
}

.nowrap {
	/* 	overflow: hidden; 超過範圍隱藏 */
	white-space: nowrap; /* 不斷行 */
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

div.alert-success {
	display: none;
}

div.alert-more {
	display: none;
}

.modal-footer {
	padding: 10px 20px 10px !important;
}

.text-shadow {
	text-shadow: 1px 1px 1px #cccccc;
}

ul.subToolbar {
	text-align: right;
}

.text-white {
	color: #ffffff !important;
}

.panel-group .panel {
	overflow: visible;
}

.ban-resize {
	resize: none;
}

span.area-words {
	position: absolute;
	bottom: 5px;
	right: 20px;
}

dt.dt-toolong{
	overflow: visible;
}

.toastr-div.toast-top-center > div,
.toastr-div.toast-bottom-center > div {
  width: 34% !important;
  min-width:300px !important;
  margin: auto !important;
}

.footer-wrapper img, .footer img {
	padding-bottom: 4px;
}

div.execute * {
	font-weight: bold;
}

.label-nowrap {
	white-space:nowrap;
    text-overflow: clip;
    -o-text-overflow: clip;
    overflow: hidden;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

@media ( min-width : 993px) {
	#editorSidrPage.sidr {
		width:80%;
	}
	#questAnswerSidrPage.sidr {
		width:80%;
	}
}
@media ( max-width : 992px) {
	#editorSidrPage.sidr {
		width:100%;
	}
	#questAnswerSidrPage.sidr {
		width:100%;
	}
}

.tag1 {
	margin-bottom: 10px;
	border-top: 1px dashed #F8F8FF;
	border-bottom: 1px dashed #F8F8FF;
}

tag1 {
	color: #FF5511 !important;
	font-weight: bold;
}

tag2 {
	color: #FF6511 !important;
	font-weight: bold;
}

.font-obvious {
	color: #545454 !important;
}

h1 {
	color: #A42D00 !important;
}

#main-nav .navigation>.nav>li>a i.addIconCircle {
	width:30px;
	height:30px;
	padding-top:4px;
	border-radius:999em;
	border-width:1px;
	border-color:#3c3c3c;
	border-style:solid;
}

#menuInfo>a.menuItem {
	pading-left:10px;
}

#menuInfo>a.menuItem i.icon-home:before {
	width:30px;
}

#menuInfo>a.menuItem i.icon-home {
	padding-top:5px;
	padding-bottom:5px;
	border-radius:999em;
	border-width:1px;
	border-color:white;
	border-style:solid;
}


div.support {
	position:fixed;
	bottom:20px;
	right:10px;
	font-size:25px;
	color:#99BBFF;
	z-index:903;
}

div.support:hover {
	color:#0044BB;
	cursor: pointer;
}

div.row-cancel-dashed {
	border-bottom:none !important;
	margin-left: 0px !important;
    margin-right: 0px !important;
}

/*----契約書用-----*/
.accordion.accordion-color-z.panel-group .panel-heading{
	background-color: #cbeff4;
	width: 100%
}
.accordion-color-z.panel-group .panel{
	border-color: #cbeff4;
}
.accordion.accordion-color-z.panel-group .panel-heading .accordion-toggle{
	font-size: 17px;
    color: #243035;
    padding: 10px 15px;
    display: block;
}
.accordion.accordion-color-z.panel-group .panel>.panel-heading+.panel-collapse .panel-body{
	border-top: 2px solid #cbeff4;
}
.autoexpand {
	overflow-y: hidden;
	border: 1px solid #f1f1f1 !important;
}

.panel-box {
	margin: 5px 5px !important;
	padding: 10px 0px;
	background-color: #f6f6f6;
}

.panel-box-title {
	font-size: 17px;
	padding-left: 0px;
    padding-right: 0px;
}

.remove-box {
	font-size: 13px;
}

.remove-box i {
	color: #444444;
}

.lamp-notpass {
	color: rgb(223, 30, 16);
}

.lamp-pass {
	color: rgb(17, 194, 90);
}

span.no-background.input-group-addon{
	background-color: transparent;
	border: none;
}

.accordion-color-z .radio-inline{
	vertical-align: initial;/*修正radio跟文字差太多*/
}
/*----契約書用end-----*/

ul.nav-tabs>li:hover {
	cursor: pointer;
}

div.input-group>p.form-control-static+div.input-group-btn .btn:first-child,
div.input-group>label+div.input-group-btn .btn:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.img-block a:hover img {
	border-radius:999em;
	border-width:1px;
	border-color:white;
	border-style:solid;
	box-shadow: 3px 3px 3px #cccccc;
}

.img-block a:hover div.menuData {
	text-shadow: 3px 3px 3px #cccccc;
}

.button-row {
	background-color: #F8F8FF;
	border-bottom:none !important;
}

.data-has-change {
	border:1px dashed red !important;
}

.cke_button__sign .cke_button_label { 
	display : inline !important; 
}

.cke_button__training .cke_button_label { 
	display : inline !important; 
}


 .farm-helper{
	position:fixed;
	z-index: 999;
	right:0px;
	bottom:40px;
	height:150px;
	width:47px;
	background: url(../img/helper.png) no-repeat;
	background-position: 100% 100%;
	transition:.5s all;
 }
 .farm-helper:hover{
	 background-color:rgba(255,255,255,.7);
 }
 .farm-helper div img{
	cursor:pointer;
	position: absolute;
	transition:.5s all;
	transform: scale(0);
 }

 .farm-helper-service{
	right:0px;
	bottom:-110px;
 }
 .farm-helper-QA{
	right:0px;
	bottom:-100px;
 }
 .farm-helper:hover{
	 width:155px;
	 height:150px;
 }
 .farm-helper:hover div img{
	transform: scale(1);
 }
 .farm-helper:hover .farm-helper-service{
	right:51px;
	bottom:-67px;
 }
 .farm-helper:hover .farm-helper-QA{
	right:45px;
	bottom:-155px;
 }
 .farm-helper-service:hover,.farm-helper-QA:hover{
	 opacity:.85;
 }
 .farm-helper button{ position: absolute;right: 8px;bottom: -3px;padding: 2px 6px;font-size: 10px;border-radius: 50%;color:red;background:#ffffff;border-color:red !important;font-weight: bold;}
 .farm-helper button:hover{background-color:red !important;color:white !important;}