@charset "utf-8";
/* CSS Document */

/* body */

::selection { background:#18a5de; color:#ffffff } 

::-moz-selection { background:#18a5de; color:#ffffff } 
code::selection { background:#18a5de; color:#ffffff } 
code::-moz-selection { background:#18a5de; color:#ffffff } 
pre::selection { background:#18a5de; color:#ffffff } 
pre::-moz-selection { background:#18a5de; color:#ffffff } 
img { border:0 }

h1, h2, h3, h4, h5, h6 {padding:0px;margin:0px;top:0px;}


body {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	height:auto;
	background: url(images/bg2.jpg)  repeat scroll 0% 0% transparent;
	background-size:cover;
	background-attachment:fixed;

	
}

@font-face {
    font-family:'Roboto-Bold';
    src: url(fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family:'Roboto-Regular';
    src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family:'Roboto-Thin';
    src: url(fonts/Roboto-Thin.ttf);
}
@font-face {
    font-family:'Roboto-Light';
    src: url(fonts/Roboto-Light.ttf);
}


a,a:active,a:visited {
    color: #0d6c96;
    text-decoration: none;
}

a:hover {
	color: #003f59;
	text-decoration: none;
}


h1 {
    font-family:'Roboto-Bold';
	font-size:24px;
	color:#FFF;
	text-shadow:1px 1px #000000;
	font-weight:normal;
}

h2 {
    font-family:'Roboto-Regular';
	font-size:14px;
	color:#3d3d3d;
	text-shadow:1px 1px #FFF;
	font-weight:normal;
}
h3 {
    font-family:'Roboto-Regular';
	font-size:14px;
	color:#3d3d3d;
	text-shadow:1px 1px #FFF;
	text-align:left;
	font-weight:normal;
}

h4 {
    font-family:'Roboto-Bold';
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	margin-top:7px;
	background-color:#e19702;
	text-align:left;
}
h5 {
    font-family:'Roboto-Bold';
	font-size:20px;
	font-weight:normal;
	text-align:center;
	margin-top:25px;
}


.bg_menu {
	position:absolute;
	float:left;
	width:1000px;
	height:50px;
	margin-top:20px;
}


	

.top {
	position:fixed;
	
	width:100%;
	height:100px;
	box-shadow:0 0 10px #000;
	z-index:100;
	background-image:url(images/bg_top.png);
	margin-bottom:50px;
	
	
}
.name_black {
	float:left;
	margin-left:15px;
	width:352px;
	height:50px;
	line-height:50px;
	background-color:#363636;
}


.blue {
	float:left;
	width:625px;
	height:50px;
	background-color:#0d6c96;
	border-right:solid 7px #8cc63e;
}

.logo {
	float:left;
	width:76px;
	height:76px;
	position: relative;
	background-image:url(images/logo.png);
	margin-left:-3px;
	-webkit-transition:all 0.5s ease;  
	-moz-transition:all 0.5s ease;  
	-o-transition:all 0.5s ease;  
	transition:all 0.5s ease;
	border:none;
	z-index:300;
	margin-top:8px;
}

.logo:hover {
	
	-webkit-transform:rotate(-19deg);
	-moz-transform:rotate(-19deg);
	-o-transform:rotate(-19deg);
	transform:rotate(-19deg);
}




.center {
	width:1000px;
	height:auto;
	
}
.banner {
	width: 1000px;
	height: 525px;
	position: relative;
	top: 100px;
}
.index_about {
	
	min-height:210px;
	background-image:url(images/bg_line.jpg);
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.index_about_c {
	width:880px;
	min-height:150px;
	margin-top:10px;
}
.t_about, .t_prod, .t_brand {
	float:left;
	width:1000px;
	height:30px;
	line-height:30px;
	font-family:'Roboto-Bold';
	font-size:30px;
	color:#363636;
	
	margin-bottom:20px;
}
.more {
	width:80px;
	line-height:20px;
	background-color:#8cc63e;
	font-family:'Roboto-Regular';
	font-size:12px;
	color:#FFF;
	padding:5px;
	border: solid 1px #FFFFFF;
	margin-top:20px;
}
.more:hover {
	border: solid 1px #363636;
	-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;
}
.index_product {
	float:left;
	height:500px;
	background-image:url(images/bg_blue.jpg);
	border-bottom:3px solid #7adbfb;
	border-top: solid 1px #7adbfb;
}
.main_pic_big {
	float:left;
	width:400px;
	height:331px;
	border:solid 6px #7adbfb;
	background-color:#acebff;
	 -moz-box-shadow: 0 0 5px #1d7998;
	  -webkit-box-shadow:0 0 5px #1d7998;
	  box-shadow:     0 0 5px #1d7998;
}
.pic1 {
	float:left;
	width:250px;
	height:343px;
	margin:-6px;
	background-color:#FFF;
}
.pic1:hover , .pic2:hover {
	opacity:0.8;
}
.pic_p {
	float:left;
	width:258px;
	height:331px;
	border:solid 6px #7adbfb;
	background-color:#acebff;
	-moz-box-shadow:   0 0 5px #1d7998;
	-webkit-box-shadow:0 0 5px #1d7998;
	box-shadow:        0 0 5px #1d7998;
	margin-left:24px;
}
.pic2 {
	float:left;
	width:255px;
	height:180px;
	margin:-6px;
	background-color:#FFF;
}
.p1_c {
	float:right;
	width:130px;
	height:331px;	
}
.title_p1 {
	float:left;
	width:130px;
	height:50px;
	line-height:50px;
	font-family:'Roboto-Bold';
	font-size:14px;
	color:#3d3d3d;
	text-shadow: 0 1px #d7f5ff;
}
.p2_c {
	float:left;
	width:259px;
	height:157px;
	background-color:#FFF;
}
.title_p2 {
	float:left;
	width:259px;
	height:50px;
	line-height:50px;
	font-family:'Roboto-Bold';
	font-size:14px;
	color:#3d3d3d;
	text-shadow: 0 1px #d7f5ff;
}
.our_brand {
	min-height:210px;
	background-image:url(images/white_bg.png);
}
.bran_logo {
	float:left;
	width:500px;
	height:86px;
	margin-bottom:30px;
	margin-left:300px;
	
}
.evo {
	float:left;
	width:167px;
	height:86px;
	background-image: url(images/evo.png);
}
.nitec {
	float:right;
	width:189px;
	height:86px;
	background-image:url(images/nitec.png);
}
.nitec:hover, .evo:hover {
	opacity: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;
}
.footer {
	float:left;
	height:174px;
	background-color:#acacac;
	border-top:solid 1px #FFF;
	bottom:0;
}
.msg_box {
	float:left;
	width:99px;
	height:104px;
	background-image:url(images/msg.png);
}
.left_footer, .right_footer {
	float:left;
	width:300px;
	height: auto;
	margin-top:32px;
}
.footer_center {
	float:left;
	width:400px;
	height:140px;
	border-top: solid 6px #035aa8;
	margin-top:-7px;
	background-color:#fff000;
	border-bottom:35px solid #979797;
}
.getintouch {
	float:left;
	width:400px;
	height:38px;
	line-height:35px;
	font-family:'Roboto-Bold';
	font-size:24px;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
	background-color:#666;
	border-bottom:solid 1px #ACACAC;
}
.sosmed {
	float:left;
	width:400px;
	height:81px;
	text-align:center;
	
}
.f_logo {
	float:left;
	width:73px;
	height:73px;
	background-image:url(images/footer_logo.png);
}
.footer_t {
	float:left;
	width:179px;
	height: auto;
	font-family:'Roboto-Bold';
	font-size:18px;
	color:#424242;
	font-weight:normal;
	margin-left:25px;
}

.tw {
	float:left;
	width:45px;
	height:45px;
	position: relative;
	background-image: url(images/tw.png);
	margin-left:10px;
	-webkit-transition:all 0.5s ease;  
	-moz-transition:all 0.5s ease;  
	-o-transition:all 0.5s ease;  
	transition:all 0.5s ease;
	border:none;
	z-index:300;
	margin-top:8px;
}

.tw:hover {
	background-image: url(images/tw_h.png);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

.fb {
	float:left;
	width:45px;
	height:45px;
	position: relative;
	background-image: url(images/fb.png);
	margin-left:50px;
	-webkit-transition:all 0.5s ease;  
	-moz-transition:all 0.5s ease;  
	-o-transition:all 0.5s ease;  
	transition:all 0.5s ease;
	border:none;
	z-index:300;
	margin-top:8px;
}

.fb:hover {
	background-image: url(images/fb_h.png);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
.ym_bar {
	float:left;
	width:200px;
	height:18px;
	font-family:'Roboto-Regular';
	font-size:12px;
	color:#3d3d3d;
	font-weight:normal;
	margin-top:10px;
	margin-left:50px;
}

.ym_icon {
	
	width: auto;
	height:18px;
	
}

.ym_titik {
	float:left;
	width:40px;
	line-height:18px;
	text-align:center;
	
}

.ym_id {
	float:left;
	width:80px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	
}
.tab_footer {
	float: left;
	width:280px;
	height:30px;
	margin-left:25px;

}
.tlp, .email, .fax {
	float: left;
	width:200px;
	height:30px;
	font-family:'Roboto-Regular';
	font-size:14px;
	color:#3d3d3d;
	font-weight:normal;
	text-align:left;
	line-height:30px;
	margin-left:5px;
}

.icon_f {
	float:left;
	width:50px;
	height:30px;
	font-family:'Roboto-Bold';
	font-size:14px;
	color:#3d3d3d;
	font-weight:normal;
	text-align: right;
	line-height:30px;
}
.copyright {
	float:left;
	width:430px;
	height:10px;
	font-family:'Roboto-Regular';
	font-size:10px;
	color:#c8c5c5;
	font-weight:normal;
	margin-top:10px;
}
.title_page {
	width:1000px;
	height:300px;
	font-family:'Roboto-Bold';
	font-size:40px;
	color:#FFF;
	line-height:80px;
	font-weight:normal;
	text-align: left;
	border-bottom:solid 1px #8cc63e;
	margin-bottom:1px;
}

.title_page_min {
	width:1000px;
	height:80px;
	font-family:'Roboto-Bold';
	font-size:40px;
	color:rgb(54, 54, 54);
	line-height:80px;
	font-weight:normal;
	text-shadow: 0 1px #b9b9b9;
	text-align: left;
	border-bottom:solid 1px #8cc63e;
	margin-bottom:1px;
}

/*-------------------------about---------------------*/

.about_us_tab {
	float:left;
	height:auto;
	background-image:url(images/bg_line.jpg);
	border-top:solid 1px #FFF;
	margin: 0 auto;
	padding: 0px;
}
.white {
	float:left;
	width:958px;
	height:auto;
	background-image:url(images/about_bg.png);
	padding:20px;
	margin-top:1px;
}
.pic_pp_old {
	float:left;
	width:220px;
	height:170px;
	background-color:#FFF;
	border:5px solid #f0f0f0;
	-moz-box-shadow:   0 0 5px #b2b2b2;
	-webkit-box-shadow:0 0 5px #b2b2b2;
	box-shadow:        0 0 5px #b2b2b2;
	margin:5px;
	
}
.pic_pp {
	float:left;
	width:220px;
	height:385px;
	background-color:#FFF;
	border:5px solid #f0f0f0;
	-moz-box-shadow:   0 0 5px #b2b2b2;
	-webkit-box-shadow:0 0 5px #b2b2b2;
	box-shadow:        0 0 5px #b2b2b2;
	margin:4px;
	
}
.pic_in {
	float:left;
	width:220px;
	height:170px;
	background-color:#999;
}
.pic_in:hover {
	opacity:1;
}
.pic_in_c {
	float:left;
	width:220px;
	height:34px;
	font-family:'Roboto-Regular';
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-top:-34px;
	background-image:url(images/blackbg.png);
	margin-bottom:10px;
}
.pic-name {
	font-family:'Roboto-Regular';
	font-size:13px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	line-height:30px;
}
.name_prod {
	float:left;
	width:950px;
	height:40px;
	line-height:50px;
	font-family:'Roboto-Bold';
	font-size:14px;
	text-align:left;
	margin-left:5px;
	color:#3d3d3d;
	text-shadow:0 1px #FFFFFF;
	font-weight:normal;
	border-bottom:solid 1px #a6a1a1;
}
.more_p {
	float:right;
	width:80px;
	height:20px;
	line-height:20px;
	background-color:#0d6c96;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	margin-right:5px;
	
	border: solid 1px #FFFFFF;
	margin-top:-25px;
	
}
.more_p:hover {
	border: solid 1px #363636;
	-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;
}
/*-------paging---------*/

.pagging-bar-long {
	width:auto;
	float:right;
	margin-bottom:20px;
	margin-top:10px;
	margin-right:-5px;
}

.pagging-active-r {
	min-width:15px;
	height:15px;
	line-height:15px;
	float:left;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:5px;
	font-family:'Roboto-Regular';
	margin-right:10px;
	background:#18a5de;
}

a .pagging-r {
	min-width:13px;
	height:13px;
	line-height:13px;
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#4b4b4b;
	padding:5px;
	font-family:'Roboto-Regular';
	margin-right:10px;
	border:solid 1px #4b4b4b;

}

a:hover .pagging-r {
	color:#fff;
	border:solid 1px #FFF;
	background:#18a5de;

}
.p_detail {
	float:left;
	width:400px;
	height:350px;
	-moz-box-shadow:   0 0 5px #b2b2b2;
	-webkit-box-shadow:0 0 5px #b2b2b2;
	box-shadow:        0 0 5px #b2b2b2;
	margin-right:20px;
	border:solid 6px #eeeeee;
	
}
.prod_detail_center {
	float:left;
	width:955px;
	height:auto;
	margin-top:20px;
	margin-left:5px;
}
.back {
	float:right;
	width:120px;
	height:30px;
	background-color:#18a5de;
	border:solid 1px #FFFFFF;
	margin-bottom:10px;
	margin-top:35px;
	font-family:'Roboto-Regular'; 
	font-size:13px;
	font-weight: normal;
	color: #4c4c4c;
	list-style:none;
	text-align: center;
	text-decoration:none;
	line-height:30px;
}
.back:hover {
	border:solid 1px #744080;
}
.news {
	float:left;
	width:1000px;
	height:78px;
	padding:10px;

}
.news_c {
	float:left;
	width:771px;
	height:78px;
	
}
.news_c:hover {
	background-color:#cfd3d4;
}
.news_pic {
	float:left;
	width:128px;
	height:78px;
}
.date {
	float:right;
	width:98px;
	height:76px;
	
	border: dotted 1px #999999;	
}
.news_t {
	float:left;
	width:720px;
	height:25px;
	line-height:20px;
	border-bottom:solid 1px #ecf0f1;
	font-family:'Roboto-Bold';
	font-size:14px;
	text-align:left;
	margin-left:10px;
	color:#434343;
	margin-bottom:5px;
}
.newspromo {
	float:left;
	width:720px;
	height:50px;
	font-family:'Roboto-Regular'; 
	font-size:12px;
	font-weight: normal;
	color: #4c4c4c;
	list-style:none;
	text-align: left;
	margin-left:10px;
}
.time {
	float:left;
	width:98px;
	height:25px;
	font-family:'Roboto-Light';
	font-size:13px;
	color:#598527;
	font-weight:normal;
	line-height:25px;
	text-align:center;
}
.prod_name {
	float:left;
	width:515px;
	height:30px;
	line-height:30px;
	border-bottom:solid 1px #a6a1a1;
	font-family:'Roboto-Bold';
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	
	color:#434343;
}
.time_news {
	float:left;
	width:950px;
	height:40px;
	line-height:50px;
	font-family:'Roboto-Light';
	font-size:14px;
	text-align:left;
	margin-left:5px;
	color:#598527;
	font-weight:normal;
	border-bottom:solid 1px #a6a1a1;
}


#contact-form {
	background-image:url(images/grid_3.jpg);
	width:465px;
	padding:15px;	
	border: 1px solid #96a822;
	position:relative;
	margin-top:60px;
}


#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:15px;
	margin-bottom:2px;
	
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:300px;
	border: 1px solid #9aa061;
	margin-bottom:20px;
	padding:4px;
	background-color:#586e09;
	color:#fff;
	float:left;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #9aa061;
	background-color: #96a822;
	color:#fff;
}

#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}

#contact-form .required {
	color:#586e09;	
}

#contact-form #submit-button {
	width: 100px;
	color:#fff;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:6px;
	background-color:#333300;
	-moz-border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #9aa061;
	color:#fff;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	float:left;
	border:solid 1px #ffcc00;
	padding:10px;
	margin:25px 0px;
	margin-top:0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#292929 url(images/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	float:left;
	border:solid 1px #ffcc00;
	padding:25px 10px;
	margin:25px 0px;
	margin-top:0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#292929 url(images/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}
	
	
.clear{
	clear:both;
}
.notfound{
	font-family:'Roboto-Regular';
	font-size:16px;
	font-weight:normal;
	color:#EF5023;
	line-height: 23px;
}

/*-----------------8/25/14-----------------*/

.arrow {
	width:30px;
	height:30px;
	float:right;
	background-image:url(images/arrw.png);
	margin:2px;
}
.arrow:hover {
	background-image:url(images/arrw2.png);
}

.prodtable {
    width: 100%;
    font-size: 11px;
    color: #666;
    margin-top: 20px;
	border: solid 1px #a4a4a4;
	
}

.prodtable th, .prodtable td {
    width: 50%;
	border-left:solid 1px #f4f4f4;
}
.prodtable th, .prodtable td:first-child {
    text-align: center;
    vertical-align: middle;
}
.prodtable .row_gray {
    background-color: #f4f4f4;
}

.bold {
	font-weight: normal;
	font-size:12px;
	color:#fff;
	background-color:#18a5de;
}
@media only screen and (max-width:1024px){
	.footer {
		width: auto;
	}
	.about_us_tab {
		width: auto;
	}
	.index_product {
		width: auto;
	}
}
@media only screen and (min-width:1039px){
	.footer {
		width:100%;
	}
	.about_us_tab {
		width: 100%;
	}
	.index_product {
		width: 100%;
	}
}