a{
    text-decoration: none;
}
a:hover,a:active,.a:focus{
    color: #7B9D3B;
    text-decoration: none;
}
b, strong{
    font-family: 'SegoeBold';
    font-weight: normal;
}
@font-face {
    font-family: 'Segoe';
    src: url('fonts/segoe.eot'); /* IE9 Compat Modes */
    src: url('fonts/segoe.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/segoe.woff') format('woff'),
    url('fonts/segoe.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/Segoe.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/segoe.svg#segoe') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'SegoeBold';
    src: url('fonts/SegoeBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/SegoeBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/SegoeBold.woff') format('woff'),
    url('fonts/SegoeBold.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/SegoeBold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/SegoeBold.svg#SegoeBold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/glyphicons-halflings-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/glyphicons-halflings-regular.svg#segoe') format('svg'); /* Legacy iOS */
}
body{
    font-size: 15px;
    font-family:Segoe,Arial, Helvetica, sans-serif;
}

ul{
    list-style: none;
}
input:focus,textarea:focus,button:focus{
    outline: none;
}
.mybody{
    margin-bottom: 30px;
}
/*@media start*/

@media only screen and (min-width:1680px) {
    .index-hot{
        margin-top: 100px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 80px;
    }
    .index-bocbox{
        height: 150px;
    }
    .index-boc-p{
        text-align: justify;
    }
    .scrollUl li{
        width: 50%;
    }

}

@media only screen and (min-width:1000px) and (max-width:1440px) {
    .index-hot{
        margin-top: 100px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 80px;
    }
    .index-bocbox{
        height: 150px;
    }
    .index-boc-p{
        text-align: justify;
    }
    .scrollUl li{
        width: 50%;
    }
}
@media only screen and (min-width:1000px) {
    .index-boc{
        margin: 80px 0;
    }
    .index-title{
        font-size: 30px;
        line-height: 37px;
    }
    .index-hot{
        margin-top: 80px;
        height: 360px;
        padding-top: 30px;

    }
    .index-ihot{
        padding: 0;
        margin-bottom: 80px;
    }
    .boc-left{
        margin-top: 85px;
    }

    .boc-inquiry {
        margin:40px 0 20px 0;
        text-align: right;
    }
    .boc-breadcrumb{
        margin: 6px 0;
    }
    .index-bocbox{
        height: 150px;
    }

    .index-boc-p{
        text-align: justify;
    }
    .scrollUl li{
        width: 50%;
    }
    .modal-header .boc-close{
        font-size: 35px;
    }
    .PriceInquiryModal .modal-dialog{
        width: 450px;
    }
    .index-bgone{
        padding:80px 0 50px 0;
    }
}
@media only screen and (max-width:1000px) {
    .index-hot{
        margin-top: 50px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 50px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 80px;
    }
    .modal-header .boc-close{
        font-size: 30px;
    }
    .index-bgone{
        padding: 50px 0;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .index-boc{
        margin: 50px 0;
    }
    .index-title{
        font-size: 25px;
    }
    .index-hot{
        margin-top: 80px;
        height: 400px;
        padding-top: 10px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 50px;
    }
    .boc-inquiry {
        margin:20px 0 20px 0;
    }
    .boc-left{
        margin-top: 75px;
    }
    .boc-breadcrumb{
        margin: 6px 0;
    }
    .index-bocbox{
        height: 130px;
    }
    .scrollUl li{
        width: 50%;
    }


}
@media only screen and (min-width:480px) and (max-width:768px) {
    .index-boc{
        margin: 50px 0;
    }
    .index-title{
        font-size: 23px;
    }
    .index-hot-xs1{
        margin-top: 80px;
    }
    .index-hot-xs2{
        margin-top:10px;
    }
    .index-ihot{
        padding: 0;
        margin-bottom: 70px;
    }

    .boc-inquiry {
        margin:20px 0 20px 0;
    }
    .boc-breadcrumb{
        margin: 6px 0;
    }
    .index-bocbox{
        height: 120px;
    }


    .indicators-xs{
        bottom: 0;
    }
    .indicators-xs li{
        width: 7px;
        height: 7px;
    }
    .indicators-xs .active{
        width:8px;
        height:8px;
    }
    .scrollUl li{
        width: 100%;
    }

}
@media only screen and (min-width:320px) and (max-width:480px) {
    .index-boc{
        margin: 50px 0;
    }
    .index-title{
        font-size: 26px;
        line-height: 30px;
    }
    .index-hot-xs1{
        margin-top: 60px;

    }
    .index-ihot{
        padding: 0;
        margin-bottom: 70px;
    }
    .index-hot-xs2{
        margin-top:0;
    }

    .boc-inquiry {
        margin:15px 0 20px 0;
    }
    .boc-breadcrumb{
        margin:  0;
    }

    .indicators-xs{
        bottom: -2px;
    }
    .indicators-xs li{
        width: 5px;
        height: 5px;
    }
    .indicators-xs .active{
        width:7px;
        height:7px;
    }
    .scrollUl li{
        width: 100%;
    }
}
/*@media end*/


.indicators-xs li{
    background: #7B9D3B;
    margin-right: 10px;
    opacity: 0.8;
    filter: alpha(opacity:80);

}
.indicators-xs li.active{
    background: #7B9D3B;
    opacity: 1;
    margin-right: 10px;
}
.index-title{
    font-weight: bold;
    margin: 0 0 10px 0;
    font-family: 'SegoeBold';
    color:#7B9D3B;
}
.index-hr{
    border-top: 3px solid #7B9D3B;
    width: 60px;
}
.index-boc-p{
    line-height: 23px;
    padding: 0;
}


/* ------------------------------------------------------------------------------
	 Works
-------------------------------------------------------------------------------*/
.work {
    overflow: hidden;
    position: relative;
    padding: 0;
}
.work img {
    width: 100%;
    height: 100%;
}

.work-box:hover .overlay {
    opacity: 1;
}
.work img {
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
}


.work-box:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}



.index-ti{
    font-size: 16px;
    font-weight: bold;
    font-family: 'SegoeBold';
    color: #7B9D3B;
}

.index-box{
    padding: 0;
    margin-bottom: 30px;
}
.index-bocbox{
    padding-bottom: 20px;
    background: #f5f5f5;
    color: #444;
}
.index-bocbox:hover{
    background: #7B9D3B;
    color: #ffffff;
    transition: all ease 0.5s;
}
.index-bocbox:hover .index-ti{
    color: #ffffff;
}

.index-bgone{
    background: #EFEFEF;
}

#scrollUlTest1 {
    height:400px;
}
.scrollUl {
    overflow:hidden;
    position:relative;
    height:400px;
}

.scrollUl ul, .scrollUl li {
    margin:0;
    padding:0;
}
.scrollUl ul {
    position:absolute;
}
.scrollUl li {
    float: left;
    height: 95px
}
.scrollUl li a{
    color: #101010;
}
.scrollUl li a:hover{
    color:#7B9D3B;
}
.scrollUl p{
    margin-bottom: 2px;
    width: 100%;
    height: 21px;
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.index-more{
    margin: 30px 0;
}
.index-more a{
    color: #101010;
    font-weight: bold;
}
.index-more a:hover{
    color: #7B9D3B;
}
.index-special{
    color: #e9a218;
}
.scroll-w{
    display: inline-block;
    width: 50px;
}
.index-probox{
    margin-top: 20px;
}
.index-hot{
    background: #ffffff;
}
.index-re{
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 10px;
    font-family: SegoeBold;
    color: #7B9D3B;
}
.index-hr-small{
    border-top: 3px solid #7B9D3B;
    margin-bottom: 10px;
}
.index-hot ul.index-publication  li{
    padding: 7px 0;
}
.index-hot ul.index-publication li a{
    color: #444;
    font-size: 16px;
}

.form-horizontal .control-label{
    margin-bottom: 5px;
    padding-top: 0;
}


.index-sp{
    color: #7B9D3B;
    background: none;
    outline: none;
    border: none;
    padding: 0;
    font-weight: bold;
    font-family: 'SegoeBold';
}
.index-sp:hover,.index-hot ul li a:hover{
    color: #444;
}
.index-bgtwo{
    background: #EFEFEF;
    padding: 100px 0;
}
.red-star{
    color: red;
}
.form-box input,.form-box textarea,.form-box button{
    border-radius: 0;
    padding:10px;
    box-shadow: none;
    outline: none;
}
.form-box input,.form-box textarea{
    border: 1px solid #ffffff;
}
.form-box .index-control:hover,.form-box .index-control:focus{
   background: none;
    border: 1px solid #ffffff;
    box-shadow: none;
    transition: all ease 0.5s;
}
.boc-submit{
    background: #7B9D3B;
    color: #ffffff;
    font-size: 16px;
    margin-top: 5px;
    font-weight: bold;
}
.boc-submit:hover{
    background: #8CA84E;
    color: #ffffff;
    transition: all ease 0.6s;
}
.boc-bg{
    background: #7B9D3B;
    color: #ffffff;
}
.boc-breadcrumb{
    background: none;
    border: none;
    font-size: 14px;
    padding: 6px 0;
}
.boc-breadcrumb>.active{
    color: #f5f5f5;

}
.boc-breadcrumb li a{
    color: #ffffff;

}
.boc-breadcrumb li a:hover{
    color:#f5f5f5;
}
.boc-breadcrumb>li+li:before{
    content: "\f105";
    font-family: FontAwesome;
    color: #ffffff;
}
.boc-left ul{
    padding: 0;
}
ul.boc-left-one li{
    padding: 4px 0;
}
.boc-left ul li a{
    color: #101010;
    font-size: 16px;
}
.boc-left ul li a span.one-boc,.boc-left ul li a:hover{
    color: #7B9D3B;
}
.one-title{
    font-size: 20px;
    font-weight: bold;
    font-family: 'SegoeBold';
    padding: 0 0 5px 15px;
    margin-top: 0;
}

.two-title{
    font-size: 18px;
    font-weight: bold;
    font-family: 'SegoeBold';
    padding: 15px 0 15px 10px;
    margin: 0;
    border-bottom: 2px solid #7b9d3b;
}

.boc-right-title{
    font-size: 26px;
    font-weight: bold;
    margin:35px 0 20px 0;
    font-family: 'SegoeBold';
}

.boc-inquiry button,.boc-inquiry a{
    background:#7b9d3b ;
    color: #ffffff;
    padding: 10px 20px;
    font-weight: bold;
    border: 1px solid #7b9d3b;
    font-family: 'SegoeBold';
    outline: none;
    border-radius: 0;
}
.boc-inquiry button:hover,.boc-inquiry button:focus,.boc-inquiry a:hover{
    background:#8CA84E ;
    color: #ffffff;
    border: 1px solid #7b9d3b;
    transition: all ease 0.4s;
    outline: none;
    border-radius: 0;
}


.selectItems {
	background-color:#fff;  
	text-align:center;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding:0;
	z-index:10000000;
	position:absolute;
    left: 0;
    top:35px;
}
.selectItems ul {
	list-style:none;
	font-size:0.85em;
	padding:0px;
	margin:0px;
}
.selectItems ul li {
	height:28px;
	line-height:28px;
	color:#666;
	cursor:pointer;
	text-align:left;
	padding-left:12px;
    overflow:hidden;
    text-overflow: ellipsis;
	display:block;
	white-space:nowrap ;
	padding-right:15px;
}
.selectItems ul li:hover {
	color:#f60;
}
.selectItems ul li.curr {
	color:#f60;
	background-color:#efefef;
}
.modal-open{
     overflow: visible;
}

.PriceInquiryModal input[type=submit]{
    width: 100%;
    margin-top: 5px;
    font-weight: bold;
}
.successinfo{padding-left:15px;line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px;}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#7b9d3c;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#7b9d3c; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}



/* FAQ */
.panel-group .panel-title-technical{
    box-shadow: none;
    border-radius: 0;
    border: none;
}

.panel-title-technical:hover{
    cursor: pointer;
}


.panel-title-technical .panel-heading.collapsed  a:before {
    float: right !important;
    content: "\f055";
    color: #9ebb67;
}

.panel-title-technical .panel-heading a:before{
    float: right !important;
    font-family: FontAwesome;
    content: "\f056";
    color: #9ebb67;
}

.panel-group .panel.panel-title-technical{
    border-bottom:1px dashed #7b9d3c;
}
.panel-group .panel.panel-title-technical+.panel{
    margin-top: 1px;
}
.panel-title-technical>.panel-heading{
    border-radius: 0;
    color: #7b9d3c;
    background: #f9f9f9;
    padding: 12px 10px;
    font-weight: bold;
}

.panel-title-technical>.panel-heading a:hover{
    color: #7b9d3c;
}
.panel-title-technical>.panel-heading+.panel-collapse .panel-body{
    border: none;
    padding: 10px 0;
}
.boc-right .panel-title-technical ul{
    padding: 0;
    list-style: none;
}
.panel-title-technical ul li a{
    display: block;
    padding: 5px 10px;
    color: #4a4949;
}
.panel-title-technical ul li a:hover{
    background: #7b9d3c;
    color: #fff;
}
.boc-left ul.area-part a{
    display: block;
    padding: 8px 10px ;
    border-bottom: 1px dashed #7b9d3c;
    background: #f9f9f9;
}
.boc-left ul.area-part a:hover{
    background: #7b9d3c;
    color: #ffffff;
}
/* FAQ */


.featurebox>a{
    display: block;
    cursor: text;
    padding-bottom: 10px ;
    color: #444;
    font-size: 16px;
}

.featurebox ul{
    padding: 0;
}
.featurebox ul li{
    padding-bottom: 10px;
}
.featurebox ul li a{
    font-weight: 600;
    color: #7b9d3c;
}
.submit-subscribe{
    color: #B3B3B3;
    margin-top: 15px;
}
.submit-subscribe label.control-label{
    font-weight: normal;
    padding-right: 0;
    text-align: left;
}
.submit-subscribe .form-group{
    margin-bottom: 15px;
}
.submit-subscribe .form-control,.submit-subscribe .form-control:focus{
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border: none;
    height: 32px;
    background: rgba(255,255,255,0.95);
}
.submit-subscribe button{
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border: none;
    height: 32px;
    background: #7b9d3c;
    color: #ffffff;
}
.submit-subscribe .form-control:hover{
    background: #ffffff;

}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
    margin: auto;
}
.seconde-title{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #666;
}
.three-part{
    margin:70px 0
}