/*------------ css for box ------------*/
.box {
	margin-bottom:30px
}
.box-title{
	font:bold 13px Arial, Helvetica, sans-serif;
	line-height:normal;
	color:#434343; text-transform:uppercase;
}
.box-title > span{ display:inline-block; border-bottom:2px solid #434343}
.box-title h2{ font-weight:normal}
.detail-title{ font:bold 18px/22px Arial, Helvetica, sans-serif; color:#fa6c1f}
.box-content{	padding-top:10px}
.box-mid {}
.box-mid.pd_custom{ padding:10px 15px}
.box-mid img{ max-width:100%}
.mid-title{font: bold 24px "Times New Roman", Times, serif; line-height:normal;	color:#e94347;  margin-bottom:20px; text-transform:uppercase; }
.mid-title span{ display:block;border-left:3px solid #5c9d06; padding-left:10px}
.mid-title  a{	color:#03a3df;}
.mid-content{	padding:10px 0 10px; overflow:hidden}
.mid-content .stitle{ color:#7b8487; font:bold 16px/18px Arial, Helvetica, sans-serif}
.content-title{ font:italic 18px Arial, Helvetica, sans-serif; color:#1b1b1; padding-bottom:10px}
.mid-title2,.mid-title3{ color:#cc2802; font:  30px "Times New Roman", Times, serif; position:absolute; top:50%; margin-top:-15px; left:0; background:url(../images/mid-title2-bg.png) right center no-repeat ; padding:10px 100px 10px 20px; text-transform:uppercase}
.mid-title3{ left:auto; right:0; background-image:url(../images/mid-title3-bg.png); background-position: left center; margin: 0; padding:10px 20px 10px 100px; transform: translateY(-50%);-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#banner-page{text-align:center}
/*block main*/
.block{ display:block; float:left; width:31%; margin-left:3.5%; overflow:hidden}
.block:first-child{ margin-left:0}
.block.block-welcome{ width:60%}
.block.block-news{ width:35%}
.block .bimage{ float:left; max-width:80px; margin-right:15px}
.block-content{ overflow:hidden}
.block-content h2{ font-size:18px}
.block-content .more{ font-weight:bold}
ul.list-history,ul.list-latest-post{ list-style:none}
ul.list-history li,ul.list-latest-post li{ display:block; overflow:hidden; padding-bottom:20px}
ul.list-history .year,ul.list-latest-post li .date-news{ background:url(../images/egg-bg.png) center no-repeat; color:#fff; text-align:center; font-weight:bold; width:45px; height:55px; display:block; line-height:55px; font-weight:bold; text-shadow:0 1px rgba(0,0,0,0.5); float:left; vertical-align:top; margin-right:15px}
ul.list-latest-post li .date-news{ background:#e94347; border-radius:50%; line-height:normal; width:40px; height:35px; padding:10px 5px 5px}
ul.list-latest-post li .date-news span{ display:block; line-height:normal}
.block-content .short{ overflow:hidden}
.block-history .more, .block-news .more{ padding-left:60px}

.block-gallery{ padding:30px 0 20px}
.gallery-title{ color:#b4b4b4; font:bold 18px Arial, Helvetica, sans-serif; padding-bottom:10px}
.gallery-title > span{ padding:0 5px}
.gallery-title > a{color:#b4b4b4;}
.gallery-title a.current{ color:#e94347;}
.gallery-content{background:url(../images/gallery-bg.png) top center no-repeat; padding:30px 60px 20px 45px; position:relative; background-size:1120px 144px}
ul.list-gallery{ list-style:none; height:94px; }
ul.list-gallery li{ display:block; float:left; width:174px; border:1px solid #ff8487; border-radius:5px; margin-left:25px; height:83px}
ul.list-gallery li img,ul.list-gallery li .img{ display:block; border-radius:5px}
.next ,.prev{ background:url(../images/next-prev.png) 0 0 no-repeat; position:absolute; width:17px; height:23px; top:50%; margin-top:-12px}
.prev{ background-position: 0 0; left:22px}
.next{ background-position: right center; right:25px; }
/*contact*/

.list-ic{ margin:0; padding:0; list-style:none}
.list-ic li{ padding:2px 0 5px 23px; background-position: 0 8px}
.list-ic li.ic-home{ background:url(../images/icon-home2.png) no-repeat;}
.list-ic li.ic-phone{ background:url(../images/icon-phone2.png) no-repeat}
.list-ic li.ic-email{ background:url(../images/icon-email2.png) no-repeat}
.form-contact{ width:315px; padding-top:30px}
.form-contact .row-input{ margin-bottom:15px}
.form-contact .row-input .textfiled{ width:100%}
.form-contact .row-input .textarea{ width:100%; height:92px}
.form-contact .row-input.button-send{ text-align:left}
.form-contact .row-input .button{ background:#96bf8c; color:#fff; text-transform:uppercase; height:30px; line-height:30px; padding:5px 20px; font:normal 16px Arial, Helvetica, sans-serif; border:0}
/*news page*/
.box-socical-plugin {  padding:15px 0 10px}
.news-item {
    border-bottom: 1px dotted #a2a1a1;
	float:left; width:47%; margin-left:6%;
    padding: 25px 0;}
.news-item:first-child{ margin-left:0}
.news-item .img {
    margin-right: 25px;
	margin-bottom:15px;
    width: 136px;
}
.news-item .title{ line-height:normal; margin-bottom:2px}
.news-item .title a{}
.news-item .img img{ display:block; border:3px solid #cfcaca}
.more_news {
	font-size:11px;
	color:#2c2c2c; padding-top:10px
}
.more_news a{ color:#2c2c2c}
.detail-page{ padding:20px 0}
.detail-page .detail-title{ font-size:18px; font-weight:bold; color:#e94347; margin-bottom:10px}

.box-relate-news{ margin-top:20px;border-top:1px solid #ccc; padding-top:20px}
.other-title {    color: #000000;    font: bold 14px Arial,Helvetica,sans-serif;    text-transform: uppercase;}
.relate-content {    color: #5D5D5D;    list-style: disc outside none;    margin-left: 20px;	padding-top:10px}
.relate-content li {    padding: 3px 0;}
.relate-content li a {    color: #000000;    display: inline-block;}
.relate-content li a:hover{ text-decoration:none; color:#e94347}
.other-date {    color: #9C9C9C;}
/*product*/
.category-products{ margin: 0 -15px 30px;}
.category-products2{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.category-item{ display:block; float:left; box-sizing: border-box;padding: 0 15px; width:20%; text-align:center;}
.category-item:nth-child(5n+1){ clear: left;}
.category-item > a,.category-item > .img{ display:block}
.category-item .img{ min-height: 142px; display: block; line-height: 142px; transition:all .3s; -moz-transition:all .3s; webkit-transition:all .3s; padding-bottom:15px; max-height:160px; overflow:hidden}
.category-item .img img{ line-height: 12px; vertical-align: middle;}
.category-item a.img:hover{ transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15);}
.category-item  .title-link{ text-transform:uppercase; font-size:13px; font-weight:bold}

.category-product-detail{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #c1c1c1}
.category-product-detail .category-item { border-right:5px solid #c1c1c1; margin-right:25px; width:auto; padding-right:25px}
.category-product-detail .category-item >a ,.category-product-detail .category-item > .img { display:inline-block; vertical-align:middle}

.mid-content.pdb{ padding-bottom:40px}
.row-product{ padding: 20px 0}
.product-item{ display:block; float:left; width:206px; margin-left:18px; text-align:center}
.product-item:first-child{ margin-left:0}
.product-item .img{ display:inline-block; text-align:center; border-radius:3px; max-height:284px; overflow:hidden;-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.4); margin-bottom:10px }
.product-item .img img{ display:block; padding:3px; max-width:196px;border-radius:3px; transition:all .3s; -moz-transition:all .3s; webkit-transition:all .3s;}
.product-item a.img:hover img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.product-item  .title-link{ text-transform:uppercase; font-size:13px; display:block}
.product-detail-detail{ font:bold 18px Arial, Helvetica, sans-serif; text-transform:uppercase}
.product-right{ overflow: hidden;}
ul.list-check{ list-style:none; overflow:hidden}
ul.list-check li{ background:url(../images/check.png) 0 5px no-repeat; padding:5px 0 5px 25px; font-weight:bold; color:#c33f42; font-style:italic}
.back{ text-align:right; padding-top:15px}
.back-link{ font:bold 12px Arial, Helvetica, sans-serif; color:#fff; background:#e94347; padding:5px 20px ; border-radius:5px}
.back-link:hover{ color:#fff; text-decoration:none}

.category-leading{ float:left; display:table; width:250px ; padding-right:25px; border-right:3px solid #c1c1c1}
.category-leading .img{ float:left; max-width:120px; padding-right:10px}
.leading-title{ display:table-cell; vertical-align:middle; text-transform:uppercase; font-size:13px; line-height:normal ;color:#282727}
.cat-item{ display:block; float:left; width:155px; margin-left:30px; text-align:center; border-radius:10px; border:1px solid #fff; padding:2px}
.cat-item.current{ background:url(../images/cat-item-active.gif) left top repeat-x #e4e4e4;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.7);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.7);}
.cat-item .img{ display:block; padding-bottom:8px; height: 95px}
.cat-item .img img{ max-height: 100% }
.cat-item a.title-link{ color:#5d5d5d}
.cat-item a.title-link:hover , .cat-item.current a.title-link{ color:red}
.img-detail{ max-width:230px; margin-bottom:30px}
/*contact*/
#contact{ margin-top:40px;/* background:url(../images/contact-bg.jpg) right center no-repeat; */padding-bottom:50px; position:relative; z-index:1}
.contact_bg{ position:absolute; z-index:2;background:url(../images/contact-bg.jpg) right center no-repeat; width:588px; height:571px; right:0; top:0}
.contact_bg > span{ position:absolute; background:url(../images/evimest-icon.png) center no-repeat; width:24px; height:27px; cursor:pointer; z-index:10}
.position1{ bottom: 90px;    right: 285px;}
.position5{ left: 323px;    bottom: 132px;}
.position4{right: 297px;    top: 95px;}
.position3{    right: 219px;    top: 456px;}
.position2{ bottom: 65px;    right: 268px;}
.position6{    right: 185px;    top: 355px;}
.position7{    right: 216px;    top: 370px;}
.position8{    right: 240px;    bottom: 84px;}
.position9{    right: 195px;    bottom: 239px;}
.position10{    right: 279px;    top: 116px;}
.position11{right: 310px;    top: 75px;}
.position12{    right: 270px;    top: 215px;}
.position13{    right: 250px;    bottom: 94px;}
.position14{ bottom: 90px;    right: 270px;}
.position15{    right: 210px;    top: 466px;}
.form-item{ display:none}
.form-item.active{ display:block}
.form-item:after{ content:''; position:absolute; background:url(../images/contact_arrR.png) right center no-repeat; pointer-events: none;width:45px; height:46px; right:-45px;  z-index:1}
#form-contact1.form-item:after{   background-size: 40px 20px;    width: 40px;    height: 20px;    right: -40px;}
#form-contact1.active:after{ top:390px}
#form-contact5.form-item:after{
	width: 100px; right: -100px ;background-size: 100px 25px;
}
#form-contact5.active:after{     bottom: 130px;}
#form-contact2.active:after{ top:414px}
#form-contact2.form-item:after{      background-size: 60px 25px;    width: 60px;    height: 25px;    right: -60px;}
#form-contact4.form-item:after{      background-size: 40px 20px;    height: 20px;    right: -40px;    width: 40px;}
#form-contact4.active:after{ top:33px}
#form-contact3.form-item:after{ background-size: 120px 26px;    width: 120px;    right: -120px;}
#form-contact3.active:after{ top:382px}
#form-contact6.form-item:after{
	width: 145px; right: -145px ;background-size: 145px 25px; top: 281px;
}
#form-contact7.form-item:after{
	width: 110px; right: -110px ;background-size: 110px 25px; top: 295px;
}
#form-contact8.form-item:after{
	width: 85px; right: -85px ;background-size: 85px 25px; top: 389px;
}
#form-contact9.form-item:after{
	width: 130px; right: -130px ;background-size: 130px 25px; top: 230px;
}
#form-contact10.form-item:after{
	width: 50px; right: -50px ;background-size: 50px 25px; top:44px;
}
#form-contact11.form-item:after{      background-size: 20px 10px;    height: 10px;    right: -20px;    width: 20px;}
#form-contact11.active:after{ top:15px;}
#form-contact12.form-item:after{
	width: 50px; right: -50px ;background-size: 50px 25px; top: 140px;
}
#form-contact13.form-item:after{
	width: 75px; right: -75px ; background-size: 75px 25px; top: 374px;
}
#form-contact14.form-item:after{   background-size: 50px 20px;    width: 50px;    height: 20px;    right: -50px; top: 390px;}
#form-contact15.form-item:after{ background-size: 120px 26px;    width: 120px;    right: -120px; top: 390px}
.contact-infomation{ float:left; width:342px; padding-right: 15px; }
.contact-infomation >h3{ font:bold 17px Arial, Helvetica, sans-serif; text-transform:uppercase}
.contact-infomation .hr{ margin:0 0 15px}
.social-plugin-ct{ padding:0 0 25px;}
.social-plugin-ct a{ margin-right:10px}
.contact-form { float:left; position:relative; z-index:3; background:#fff; margin-top:69px; width:380px; padding:25px; border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.contact-form .textarea,.contact-form .textfiled{ display:block; margin-bottom:15px; height:50px; line-height:50px; width:100%}
.contact-form .textarea{ line-height:20px; height:100px}
.contact-form  .button{ height:50px; line-height:50px; width:100%; display:block; padding:0; background:#e94347}
/*equiry*/
.enquiry-form{ margin-top:50px; padding:20px 25px 30px 25px; border-radius:5px; background:#dfdfdf}
.enquiry-title{ color:#e94347; font:bold 30px Arial, Helvetica, sans-serif; line-height:normal; padding-bottom:10px}
.enquiry-form .input , .input-large{ display:block; background:#fff; margin-bottom:20px; padding:10px; border:0; border-radius:3px; width:100%; box-sizing:border-box ; -moz-box-sizing:border-box; }
.input-large{ height:100px}
.enquiry-form .button{ display:block; width:100%}
/*gallery*/
.row-gallery{ margin-bottom:30px}
.gallery-item{ margin-left:25px; display:block; float:left; width:190px; padding:5px;}
.gallery-item:first-child{ margin-left:0}
.gallery-item > a:not(.title){ width:180px; height:140px; display:block; text-align:center; padding:5px;-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
.gallery-item > a img{ display:block; height:100%;}
.gallery-item .title{
	font-weight: bold; color: #333; display: block; text-align: center;
}
.gallery-item a.title:hover{ text-decoration: none; color: #e23e52}
.gallery-item .title{ padding:5px 0}
.video-content .gallery-item { width:188px; margin-left:29px}
.video-content .gallery-item:first-child{ margin-left:0}
.video-content .gallery-item > a{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; width:auto; height:168px; }
.video-content .gallery-item > a > img{ display:inline-block}
/*category*/
.box-category{ margin-top:65px; position:relative; z-index:999; border:3px solid #f6921e}
.box-category:before,.box-category:after{ content:''; position:absolute;}
.box-category:after{ background:url(../images/box-after.png) left top no-repeat; left:0; width:176px; height:33px; top:-33px; z-index:0}
.box-category:before{ background:url(../images/box-before.png) left top no-repeat; left:-198px; top:-80px; width:315px; height:427px; z-index:1}
ul.category { list-style:disc; margin-left:20px; padding:15px 10px}
.category li {	color:#f05a28; padding:7px 0; font-size:15px; position:relative; z-index:3}
.category li:hover, .category li.current { font-weight:bold; text-decoration:none}
.category li:hover a{ text-decoration:none}
.category li > a { display:block; color:#f05a28; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }

.box-category2{
	background:url(../images/category-bg1.gif) top center repeat-y
}
.category-wrapper{ background:url(../images/category-bg2.png) center bottom no-repeat;}
.category2{ list-style:disc;}
.category2 > li{  background:url(../images/cat-li.gif) left top repeat-x; display:block; position:relative; z-index:998}
.category2 > li:before{ content:''; display:block; position:absolute; background:url(../images/li-before.png) center no-repeat; width:7px;  height:7px; top:17px ; left:10px}
.category2 > li:first-child{ background:none}
.category2 > li > a{ display:block; color:#fff; font-size:15px ; font-family:sans-serif;padding:10px 10px 10px 25px;}
.category2 > li > a:hover,.category2 > li.current > a{ text-decoration:none; background:#ffa701}