@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif; font-size:13px; margin:0px; background:url(../images/bg.jpg) repeat-x #fff; color:#000;}
img{border:0px;}
a{text-decoration:none; color:#000;}
p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea{padding:0px; margin:0px; list-style:none; font-weight:normal;}
div{display:block;}

.top{width:1240px; height:90px; margin:auto;  position:relative;}

.topsocial{width:132px; height:32px; position:absolute; top:45px; left:0px;}
.topsocial img{float:left; margin-right:5px;}

.logo{width:240px; height:58px; margin:auto; padding-top:16px;}

.call{font-size:13px; position:absolute; left:0px; top:47px;  color:#000; line-height:20px;}
.member{display:block; position:absolute; top:5px; right:5px;}

.nav{width:100%; height:48px; line-height:48px; background:#FFCC00; font-size:13px; text-transform:uppercase; color:#fff; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
.nav li{display:inline; font-weight:bold; position:relative; padding:0px 25px; }
.nav li a{color:#000; padding:16px 32px;}
.nav li:hover a{background:#614D00; color:#fff;}

.nav li ul{background:#DFB200; position:absolute; top:35px; left:0px; display:none; width:233px; z-index:1000000; }
.nav li:hover ul{display:block;}
.nav li ul li{width:233px; height:40px; display:block; padding:0px; margin:0px; line-height:40px; border-bottom:1px solid #B38300; text-align:left; font-size:13px;}
.nav li ul li a{display:block; padding:0px 10px; position:relative;}
.nav li ul li:hover a{background:#6BB206; color:#fff;}

.flashdiv{width:100%; position:relative; border-bottom:10px solid #FFCC00}
.innerdiv{width:100%; height:auto; margin:auto; overflow:hidden; position:relative; text-align:center; padding-top:130px;}


.wrapper{width:1240px; margin:auto; overflow:hidden;}
.wrappad{padding-top:30px;}

.bandiv{width:600px; height:auto; margin-right:40px; float:left;}
.bandiv:last-child{margin-right:0px;}


.homecontent{text-align:center;}
.webcontent h1{font-size:34px; color:#FFCC00;}
.webcontent h1 span{color:#5A5A5A; font-size:28px;}
.webcontent p{font-size:15px; line-height:24px; color:#000; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}

.webcontent li{list-style:none; margin:20px 0px; background:url(../images/right-icon.jpg) no-repeat 0px 5px; padding-left:25px;}
.webcontent h2{font-weight:bold;}

.webcontent fieldset{margin-top:20px; border:1px solid #C7C7C7; padding:10px 15px; overflow:hidden; text-align:justify;}
.webcontent fieldset img{float:right;}
.webcontent legend{font-size:22px; padding:10px; font-family:Georgia, "Times New Roman", Times, serif;}


.hadingbar{width:1220px; height:45px; line-height:45px; font-size:18px; padding:0px 10px; background:#FFCC00; margin:auto;}

.innerhading{font-size:25px; padding:10px 10px; width:1220px; margin:auto; border-bottom:1px solid #D7D7D7;}

.pdivcat{width:235px; height:30pxpx; margin:10px 5px; float:left; display:block; cursor:pointer; }
.pdivcat a:hover{color:#FFCC00; font-weight:bold;}

.pdiv{width:229px; height:303px; border:1px solid #BDBDBD; margin:20px 8px; float:left; display:block; cursor:pointer; }
.pimg{width:229px; height:216px; display:table-cell; vertical-align:middle; text-align:center;}
.pcontent{width:229px; height:87px; background:#F1F1F1; text-align:center; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.pcontent p{font-size:14px; font-weight:bold; padding:15px 0px;}
.pcontent input{width:107px; height:30px; background:#F5C500; line-height:30px; border:0px; outline:0px; color:#000; font-size:12px; font-weight:bold; cursor:pointer; border-radius:5px;}


.pdiv:hover{border:1px solid #FFCC00; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.pdiv:hover .pcontent{background:#FFCC00; -webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear}
.pdiv:hover .pcontent P a{color:#fff;}
.pdiv:hover .pcontent input{background:#fff; color:#000;}

.footer{background:#282828; width:100%; margin-top:30px;}
.foot1{background:#282828; width:1240px; margin:auto; padding:25px 0px; overflow:hidden;}

.colm1{width:310px; float:left; color:#a9a9a9;}
.colm1 h2{font-size:15px; color:#fff; font-weight:bold; margin-bottom:15px;}
.colm1 li{font-size:13px; color:#a9a9a9; line-height:25px;}
.colm1 li a{color:#a9a9a9;}
.colm1 li a:hover{color:#fff;}

.colm1 input{margin:10px 0px; width:280px; height:25px; line-height:25px; background:#262626; border:1px solid #8E8E8E; padding:0px 5px; font-size:12px; color:#8E8E8E;}

.addicon{background:url(../images/add-icon.jpg) no-repeat 0px 5px; padding-left:20px; padding-bottom:10px;}
.telicon{background:url(../images/tel-icon.jpg) no-repeat 0px 5px; padding-left:20px; padding-bottom:10px;}
.mailicon{background:url(../images/mailicon.jpg) no-repeat 0px 8px; padding-left:20px; padding-bottom:10px;}
.supporticon{background:url(../images/supporticon.jpg) no-repeat 0px 8px; padding-left:20px; padding-bottom:10px;}

.copyfoot{width:100%; background:#000;}
.copyright{padding:20px 0px; font-size:11px; color:#999999; text-transform:uppercase; text-align:center; line-height:20px;}
.copyright a{color:#999999;}
.copyright a:hover{color:#fff;}

.detailleft{width:500px; float:left; text-align:center;}
.bigimg{width:500px; text-align:center; padding:30px 0px;}

.otherview{width:115px; height:153px; border:1px solid #D7D7D7; margin:0px 10px; float:left;}
.otherviewimg{width:115px; height:85px; display:table-cell; vertical-align:middle; text-align:center;}

.detailright{width:700px; float:right;}
.detailright h1{font-size:32px;}
.detailright p{font-size:14px; line-height:30px; margin-top:20px;}

.youmay{font-size:25px; text-transform:uppercase; color:#2F2F2F; text-align:center; border-top:1px solid #D7D7D7; margin-top:50px; padding-top:30px;}


@media screen and (min-width:320px) {
.top{width:98%; height:125px;} 
.call{display:none;}
.topsocial{position:relative; top:auto; left:auto; margin:10px auto;}
.nav{display:none;}
.wrapper{width:98%;}
.flashdiv{border-top:10px solid #FFCC00;}

.member{display:none;}

.bandiv{width:100%; margin-right:0px; margin-bottom:10px; float:left;}
.bandiv img{width:100%;}
.bandiv:last-child{margin-right:0px;}

.hadingbar{width:98%; padding:0px 1%;}
.foot1{width:98%;}

.colm1{width:100%; margin-bottom:15px;}

.pdiv{width:229px; height:303px; margin:20px auto; float:none;}

.detailleft{width:100%;}
.bigimg{width:100%;}
.bigimg img{width:100%;}

.detailright{width:98%;}

.innerhading{padding:10px 2%; width:96%;}

}


@media screen and (min-width:480px) {
.colm1{width:50%; margin-bottom:15px;}
.pdiv{width:229px; height:303px; margin:20px 2px; float:left;}
}

@media screen and (min-width:640px) {
.pdiv{width:229px; height:303px; margin:20px 41px; float:left;}
}

@media screen and (min-width:768px) {
.bandiv{width:49%; margin-right:2%; margin-bottom:0px; float:left;}
.pdiv{width:229px; height:303px; margin:20px 8px; float:left;}

.detailleft{width:350px;}
.detailright{width:400px;}
}


@media screen and (min-width:1024px) {
.bandiv{width:49%; margin-right:2%; margin-bottom:0px; float:left;}
.colm1{width:23%; margin-bottom:0px;}

.detailleft{width:350px;}
.detailright{width:630px; float:right;}
}

@media screen and (min-width:1025px) {
.top{width:1240px; height:90px;}
.topsocial{position:absolute; top:5px; left:0px; margin:0px;}
.call{display:block;}
.member{display:block;}
.flashdiv{border-top:0px;}
.wrapper{width:1240px;}
.nav{display:block;}
.bandiv{width:49%; margin-right:2%; margin-bottom:0px; float:left;}
.colm1{width:23%; margin-bottom:15px;}

.hadingbar{width:1220px; padding:0px 10px;}

.foot1{width:1240px;}
.colm1{width:310px;}
}