
.text-widget {
    margin-top: 20px;
    padding: 18px 15px 22px;
    border: 1px solid #efefef;
    border-bottom: 6px solid #efefef;
    text-align: center;
}

.text-widget p {
    display: block;
    font-size: 16px;
    color: #666;
}

a.btn-opinion {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #0094da;
    text-decoration: none;
    border-radius: 2px;
    margin-top: 10px;
    outline: 0;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
}

.icon-sf-opinion:before {
    content: url(../images/icon-opinion.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

a.btn-opinion:hover {
    background: #087fb7;
}

.group-service {
    margin-top: 22px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #dfdfdf;
}

.group-service:first-child {
    margin-top: 0;
}

.group-service:after {
    content: '';
    display: block;
    clear: both;
}

.item-service {
    float: left;
    width: 270px;
    margin-right: 20px;
}

.item-service:last-child {
    margin-right: 0;
}

.item-service .div-image {
    width: 100%;
    height: 184px;
    position: relative;
    border-bottom: 4px solid #eeeeee; 
}

.item-service .div-image:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    border-bottom: 4px solid #EE235B;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.item-service:hover .div-image:after {
    width: 100%;
}

.item-service .div-image a {
    display: block;
    outline: 0;
}

.item-service .div-image img {
    width: 100%;
    /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* .item-service .div-image:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
} */

.item-service .div-caption{
    padding: 10px 0 0;
}
.item-service .by-name{
    height: 24px;
    overflow: hidden;
}
.item-service .by-name a{
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    outline: 0;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
}
.item-service .by-excerpt{
    height:82px;
    overflow: hidden;
    color: #666;
    font-size: 15px;
    display: block;
}
.item-service:hover .by-name a{
    color: #EE235B;
}


/*DETAL*/
.boxDetail  {}
.boxDetail .title { 
	font-family:"Times New Roman";
	font-size:14pt;
	font-weight:bold; 
	margin-bottom:5px;
	background:url(../images/hr.gif) bottom repeat-x;
	padding-bottom:7px;
}
.boxDetail .imgDetail_left {
	display:block;
	float:left;
	margin-right:7px;
}
.boxDetail .imgDetail_right {
	display:block;
	float:right;
	margin-left:7px;
}
.boxDetail .fDespic {
	font-size:9px;
	color:#999999;
	text-align:center;
}
.font_date{ font-family:Arial; padding:0px;margin:0px; color:#989a9b; font-weight:normal;font-size:10px;}

.tools {
	margin:10px 0px; 
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px; 
} 
.tools .plugin { 
	white-space: nowrap;
}
.tools img { vertical-align:middle;}
 
.tools ul {list-style:none; float:right;}
.tools li { 
	float:left;
	padding-left:20px;
}
.toots a {	 
	text-decoration:none;
	color:#ca0d00;
	display:block;
	line-height:18px;
	font-size:11px;
}
.tools li.feedback a { padding-left:20px; background:url(../images/icon_feedback.png) left no-repeat;}
.tools li.tellfriend a  { padding-left:20px; background:url(../images/icon_email.png) left no-repeat;}
.tools li.print a { padding-left:20px; background:url(../images/icon_print.png) left no-repeat;}
.tools li.bookmark a { padding-left:20px; background:url(../images/icon_bookmark.png) left no-repeat;}
.tools li.back a { padding-left:20px; background:url(../images/icon_back.png) left no-repeat;}
 


 
/*OTHER*/

.list_other { padding-top:20px;}
.list_other h3 {  font-size:11px;padding-left:0px; font-weight:bold; font-size:14px; margin-bottom:10px; text-transform:uppercase;}
.list_other ul { list-style:none;}
.list_other li { background:url(../images/icon_other_news.gif) 0 6px no-repeat ; padding-left:20px; line-height:18px; }
.list_other li a { text-decoration:none  }
.list_other li a:hover {  text-decoration:underline;}


/*----------------------*/
.sf_popup{
    padding: 0;
    width: 100%;
}

.div_note_feedback{
    width: 700px;
    padding-bottom: 25px;
    font-size: 17px;
    color: #666666;
    font-weight: normal;
    line-height: 1.5em;
}

.detail-popup{
    width: 600px;
    margin-right: 30px;
    padding-top: 40px;
    border-top: 1px dotted #cccdcd;
}



.detail-popup .div-input {
    margin-bottom: 20px;
    width: 100%;
}

.detail-popup .div-input:after {
    content: '';
    display: block;
    clear: both;
}

.detail-popup .div-input label {
    width: 150px;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0 0;
}

.detail-popup .div-input .form-control {
    float: left;
    font-size: 18px;
    border-radius: 0;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    box-shadow: none;
    padding: 0 10px;
    width: 440px;
    height: 36px;
}

.detail-popup .div-input .form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}



.detail-popup .div-input .form-control#s-content {
    height: 155px;
    padding: 10px;
}

.detail-popup .div-input input.form-control#h_code {
    width: 160px;
    margin-right: 14px;
}

.capcha-img {
    width: 120px;
    height: 36px;
    overflow: hidden;
}

.validate {position:relative;}
.validate label.checked {
  background:url("../images/icon_ok.gif") no-repeat 0px 0px;
}

.validate label { padding-bottom:2px; font-size:11px;}
.validate input.error {
    border:1px dotted #ff0000 !important;

} 
.validate textarea.error {
    border:1px dotted #ff0000 !important;

} 
.validate label.error { margin-left: -3px; padding: 5px;  color: #B70002; -moz-border-radius: 4px; -webkit-border-radius: 4px;  display:none !important; }

 
.validate label.checked {
  background:url("../images/icon_ok.gif") no-repeat 0px 0px;
} 

.validate  #filed_security_code label.error {
    left:100px !important;  
} 
