html{
font-family: Arial, Helvetica, sans-serif;
}
body{
background:#efefef ;
margin-top:0px;
padding:0px;
//opacity: 0.9;
margin:0px; padding:0px;
font-size:13px;
}
img{
border:0px;
}
#wrapper{
width:1080px;
padding:0px;
margin:0px auto;
margin-top:15px;
margin-bottom:30px;
//-webkit-border-radius: 20px;
//-moz-border-radius: 20px;
//border-radius: 20px;
//-webkit-box-shadow: 0px 0px 10px -2px rgba(82,82,82,1);
//-moz-box-shadow: 0px 0px 10px -2px rgba(82,82,82,1);
//box-shadow: 0px 0px 10px -2px rgba(82,82,82,1);
}
.radius5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#head, #content-wrapper, #foot{
width:100%;
}
#head{
background:#fff;
height:120px;
padding-top:20px;
margin-bottom:15px;
//border:1px solid #f7f5f5;
}
#head .logo,#head .topmenu{
vertical-align:top;
display:inline-block;
}
#head .logo{
cursor:pointer;
margin-left:25px;
margin-top:10px;
width:245px;
}
#head .topmenu{
width:780px;
text-align:right;
}
#head .topmenu ul{
list-style:none;
padding:0px; margin:30px 0px 0px 0px;
}
#head .topmenu ul li{
display:inline-block;
margin:10px 10px 10px 10px;
text-align:left;
}
#head .topmenu ul li em{
line-height:22px;
display: block;
font-size: 0.7em;
color: #767676;
font-weight: normal;
}
#head .topmenu ul li a
{
color:#172962;
font-weight: bold;
font-size: 1.2em;
cursor:pointer;
text-decoration:none;
}
#head .topmenu ul li a:hover
{
color: #3e7bae;
border-bottom:3px solid #fbb800;
//text-decoration:underline;
}
#bottom-info{
background:#fff;
margin-top:15px;
}
.quickcontact .phone{
background:url(/assets/img/phone-18.png) no-repeat left;
padding:5px 5px 5px 20px;
color:#172962;
font-size:12px;
}
.business-area, .our-partner, .contact-us, .follow-us{
width:20%;
padding:5px;
margin-left:20px;
display:inline-table;
}
.featurebox h1{
font-size:18px;
color:#172962;
}
.splitter{
border-bottom:1px solid #cce7f2;
height:1px;
width:100%;
margin:20px 0 20px 0;
}
img{
border:0px;
}
.box-title{
color:#e57a49;
font-weight:normal;
padding:10px 0 0 15px;
margin:0px;
}
#content-wrapper{
//-webkit-box-shadow: -1px 0px 28px 0px rgba(0,0,0,0.75);
//-moz-box-shadow: -1px 0px 28px 0px rgba(0,0,0,0.75);
//box-shadow: -1px 0px 28px 0px rgba(0,0,0,0.75);
//-webkit-border-radius: 10px;
//-moz-border-radius: 10px;
//border-radius: 10px;
//margin-bottom:50px;
background:#fff;
padding:0px;
}
.featuredesc {
display:inline-block;
width:37%;
margin-bottom:15px;
padding-left:75px;
}
.featuredesc p{
margin:5px 0px 0px 0px;
}
.vision{
background:url(/assets/img/ico_vision.png) no-repeat 0px 27px;
}
.mission{
background:url(/assets/img/ico_mission.png) no-repeat 0px 27px;
margin-left:10px;
}
.quality{
background:url(/assets/img/ico_quality.png) no-repeat 0px 27px;
}
.service{
background:url(/assets/img/ico_service.png) no-repeat 0px 27px;
margin-left:10px;
}
.featuredesc .title{
background:none;
padding:0px;
margin:0px;
}
h2.vision{
color:#be3020;
}
h2.mission{
color:#007aa5;
}
h2.quality{
color:#40a30a;
}
h2.service{
color:#dab049;
}
#content{
}
#content .left, #content .right{
display:inline-block;
vertical-align:top;
margin-top:13px;
}
#content .left{
width:160px;
font-family:arial;
padding:13px 0 0 20px;
}
#content .right{
//border:1px solid #ccc;
width:850px;
}
#content .left .submenu{
margin-top:10px;
}
#content .left .submenu h3.title{
padding:0px 0px 7px 0px;
margin:0px;
border-bottom:1px solid #efefef;
}
#content .left .submenu ul{
list-style:none;
padding:0px;
margin:10px 0px 0px 0px;
}
#content .left .submenu ul li{
line-height:20px;
}
#content .left .submenu ul li a{
text-decoration:none;
color:#7a555a;
}
#content .left .submenu ul li a:hover{
text-decoration:underline;
color:#7a555a;
}
.page-title{
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
color: #172962;
padding:0px 0px 10px 0px;
margin:0px 0px 13px 0px;
font-size:34px;
border-bottom:1px solid #cce7f2;
}
.page-content{
padding:10px 10px 10px 15px;
}
#content .right{
padding:0px 20px 20px 20px;
}
#foot{
height:170px;
background:#1a6572;
padding-top:15px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.menubottom{
width:17%;
display:inline-table;
padding:0 0 0 10px;
margin-left:15px;
}
.menubottom .title{
padding:0px;
margin:0 0 0 0;
color:#7fd0df;
}
.menubottom ul{
list-style:none;
padding:0px;
margin:0px;
}
.menubottom ul li{
color:#fff;
font-size:13px;
line-height:20px;
}
.menubottom ul li a{
color:#fff;
text-decoration:none;
}
.menubottom ul li a:hover{
text-decoration:underline;
}
#copyright{
text-align:center;
width:920px;
margin:0px auto;
}
#copyright .copyright{
color:#7fd0df;
font-size:14px;
font-weight:bold;
}
.line-bottom{
border:0px;
background:#248391;
height:1px;
margin-top:20px;
}
.follow a{
width:50px;
height:50px;
display:inline-block;
}
.follow_facebook{
background:url(/assets/img/follow.png) no-repeat 0px -50px;
}
.follow_facebook:hover{
background:url(/assets/img/follow.png) no-repeat 0px 0px;
}
.follow_tweeter{
background:url(/assets/img/follow.png) no-repeat -60px -50px;
}
.follow_tweeter:hover{
background:url(/assets/img/follow.png) no-repeat -60px 0px;
}
.follow_youtube{
background:url(/assets/img/follow.png) no-repeat -120px -50px;
}
.follow_youtube:hover{
background:url(/assets/img/follow.png) no-repeat -120px 0px;
}
.follow_instagrame{
background:url(/assets/img/follow.png) no-repeat -180px -50px;
}
.follow_instagrame:hover{
background:url(/assets/img/follow.png) no-repeat -180px 0px;
}
.product-list{
padding:15px;
}
.product-list .product {
display:inline-table;
margin-right:25px;
width:236px;
text-align:center;
border-right:1px solid #cce7f2;
}
.product-list .product img{
width:170px;
}
.product-list .lastitem{
margin-right:0px;
border-right:0px;
}
.product-list .product .producttitle{
font-size: 24px;
font-weight: normal;
line-height: 1.25;
font-family: 'Varela Round',Arial;
color: #81c341;
text-transform: lowercase;
}
.product-list .buttom-detail {
background: #81c341;
background-image: -webkit-linear-gradient(top, #81c341, #81c341);
background-image: -moz-linear-gradient(top, #81c341, #81c341);
background-image: -ms-linear-gradient(top, #81c341, #81c341);
background-image: -o-linear-gradient(top, #81c341, #81c341);
background-image: linear-gradient(to bottom, #81c341, #81c341);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: 'Varela Round',Arial;
color: #ffffff;
font-size: 13px;
padding: 5px 20px 5px 20px;
text-decoration: none;
}
.product-list .buttom-detail:hover {
background: #4e7826;
background-image: -webkit-linear-gradient(top, #4e7826, #4e7826);
background-image: -moz-linear-gradient(top, #4e7826, #4e7826);
background-image: -ms-linear-gradient(top, #4e7826, #4e7826);
background-image: -o-linear-gradient(top, #4e7826, #4e7826);
background-image: linear-gradient(to bottom, #4e7826, #4e7826);
text-decoration: none;
}