@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{line-height:1;font:16px/1.5 Arial,Verdana,Helvetica,sans-serif;background-image:url(images/bk.jpg); background-repeat:repeat-x; background-position:top; background-color:#695d4c;}
a{color:#333; text-decoration:underline;}
a:hover{background-color:#CCC;}
a:focus{outline: #333333 dashed 1px;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1, h2, h3, h3, h4, h5, h6 {color:#444; font-family:Georgia,"Times New Roman",Times,serif; font-variant: normal;}
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px;}
.bx_12{margin-left:auto;margin-right:auto;width:960px;}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
.bx_12 .col_1{width:60px;}
.bx_12 .col_2{width:140px;}
.bx_12 .col_3{width:220px;}
.bx_12 .col_4{width:300px;}
.bx_12 .col_5{width:380px;}
.bx_12 .col_6{width:460px;}
.bx_12 .col_7{width:540px;}
.bx_12 .col_8{width:620px;}
.bx_12 .col_9{width:700px;}
.bx_12 .col_10{width:780px;}
.bx_12 .col_11{width:860px;}
.bx_12 .col_12{width:940px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
/* * html .clearfix{height:1%;} */
.clearfix{display:block;}

#footer {width:960px; color:#FFF;}
#footer p{padding-left:10px;}
#footer a{color:#FFF;}
#footer a:hover{color:#000; background-color:#FFF;}
.fr{float:right;}
.fl{float:left;}
.frb{clear:both;float:right;}
.flb{clear:both;float:left;}
.frp{float:right;padding-left:10px;}
.flp{float:left; padding-right:10px;}
.frpp{float:right; padding:0 10px;}
.frbp{clear:both;float:right;padding-left:10px;}
.flbp{clear:both;float:left; padding-right:10px;}
.spread{line-height:2.2em;}
.p10{padding:10px;}
.mo{padding-left:20px;}
.over{padding-left:10px;font-size:14px;}
.cb{clear:both;}
pre{font-size:14px; font-weight:bold;}

.white{background-color:#EFF2F3; margin:0; padding:0; width:960px; border-left:1px #222 solid; border-right:1px #222 solid;}
.formbox{width:580px; margin:30px 0 0 36px; background-color:#D2D2D2; padding:20px;}
.formbox td{padding:4px 0 4px 0;}
.formbox tr.d0 td{background-color:#D6E2E9;}
.formbox tr.d1 td{background-color:#b4c9fc;}
.formbox h3, .formbox p{padding:8px;}

.box1{float:right; background-color:#DDE9FF; border:#CCC solid 1px; width:400px; margin:10px; padding:10px;}
.box1 td{margin:6px; padding:6px;}
.box1 tr.d0 td{background-color:#a9c3ff;}
.box1 tr.d1 td{background-color:#b4c9fc;}

.box2{background-color:#d8e0f0; margin-top:10px;}
.box2 h3{padding-left:8px;margin-bottom:8px;} 
.box2 p{padding:0 4px 9px 12px; color:#666;margin-bottom:8px; font-size:1.1em;}
.box3{background:url(images/box.jpg) repeat-x top; margin:10px 4px 30px 4px; padding:12px 4px 4px 6px; border:#98B6E7 solid 1px;}
.box3 p{padding:0 4px 9px 12px; color:#444;margin-bottom:8px; font-size:1.2em;}

#mainbutton {clear:both; float:right; width:185px; height:200px; padding:0; margin:100px 0 0 0;}
#mainbutton ul, #mainbutton li {list-style: none;margin: 0;padding: 0;}
#quote {width: 185px;}
#quote li a {height:200px; overflow:hidden; text-decoration: none;}
#quote li a span {display:none;}
#quote li a:link, #quote li a:visited {display: block; width: 185px;background: url(images/contact.jpg);}
#quote li a:hover {color:#EEE; background: url(images/contact.jpg) 0 -200px;}

.contit {display: block; width: 600px; margin: 10px; padding: 25px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius:15px; -webkit-border-radius:15px; }
.contit label {display: inline-block; float: left; height: 26px; line-height: 26px; width: 255px; font-size: 1.5em; }
.contit input, .contit textarea, .contit select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
.contit input:focus, .contit textarea:focus, .contit select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit {cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.contit input.submit:hover {background:#444; }
.contit fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.contit legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.contit span.required{font-size: 13px; color: #ff0000;}

.box-round{margin: 5px 0px 0px 0px;background:#fff url(box/leftside.gif) repeat-y left top;}
.box-top {width:100%;height:20px;background:url(box/top.gif) no-repeat left top;}
.box-top span {display:block;position:relative;height:20px;background:url(box/top-right.gif) no-repeat right top;}
#upper-block .content{background: url(box/rightside.gif) repeat-y right top;padding:1px 15px 0px 15px;}
#search-middle .content{background: url(box/rightside.gif) repeat-y right top;padding:1px 15px 0px 15px;}
#hot-topics .content{background: url(box/rightside.gif) repeat-y right top;padding: 0px 5px 0px 5px;}
.bottom_white {height:20px;background:url(box/bottom_upper.gif) no-repeat left bottom;}
.bottom_white span {display:block;position:relative;height:20px;background:url(box/bottom-upper-right.gif) no-repeat right top;}
.box-center {position:relative;z-index: 40;background:url(box/rightside.gif) repeat-y right top;padding:1px 15px 10px 15px;margin:-1px 0 -50px 0;}
.box-bottom {height:60px; width: 100%;background:url(box/bottom.gif) no-repeat left bottom;}
.box-bottom span {display:block;position:relative;width: 25px;float: right;z-index: 50; height:60px;background:url(box/bottom-right.gif) no-repeat right top;}

.box-center h1{text-align:center; display: inline-block; font:26px/1.0 Georgia,"Times New Roman",Times,serif; color: #444;}
.box-center h3{text-align: left; display: block; font:20px/1.0 Georgia,"Times New Roman",Times,serif; color: #444;}
.box-center h5{text-align: left; display: block; font:16px/1.0 Georgia,"Times New Roman",Times,serif; color: #444;}
.box-center p{display:inline-block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;margin: 4px 10px;padding: 2px 10px;}
.box-center ul{display: inline-block; margin:4px 4px 4px 20px; padding:6px;}
.box-center li{list-style: inside;margin: 4px 0px;padding: 2px 0px;border-bottom: 1px dotted #ccc;clear: left;}
.box-center img{float: left; margin: 2px 5px 2px 0px;}
#boxtypea{width: 580px;}

#gal {margin:10px 10px 10px 40px; padding:30px; width:496px; border: 1px solid #ccc; background-color:#EBEEF3; -moz-border-radius: 15px; -webkit-border-radius:15px;}
.boxel ul li{list-style: none; background: url(images/dot.gif) top left no-repeat; padding:0 0 6px 20px; margin:4px; }
.notes{margin:8px 20px 10px 50px; padding:20px; color:#666; background-color:#FFCFB9; border:#CC6600 1px solid; -moz-border-radius: 15px; -webkit-border-radius:15px;}

/* box 4 300px */
.box4{background:url(images/box4.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box4 ul {margin:12px 0 0 0; padding:0;}
.box4 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box4 h3, .box4 p {margin:30px 30px 0 30px; padding:0;}
.box4bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images/box4.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 5 380px */
.box5{background:url(images/box5.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box5 ul {margin:12px 0 0 0; padding:0;}
.box5 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box5 h1, .box5 h3, .box5 p {margin:30px 30px 0 30px; padding:0;}
.box5 p { font-size:16px;}
.box5bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images/box5.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 6 460px */
.box6{background:url(images/box6.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box6 ul {margin:12px 0 0 0; padding:0;}
.box6 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box6 h1, .box6 h3, .box6 p {margin:30px 30px 0 30px; padding:0;}
.box6 p { font-size:16px;}
.box6bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images/box6.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 7 540px */
.box7{background:url(images/box7.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box7 ul {margin:12px 0 0 0; padding:0;}
.box7 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box7 h1, .box7 h3, .box7 h5, .box7 p {margin:30px 30px 0 30px; padding:0;}
.box7 p {font-size:16px;}
.box7bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images/box7.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 8 620px */
.box8{background:url(images/box8.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box8 ul {margin:12px 0 0 0; padding:0;}
.box8 ul li{ display:block; margin: 8px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box8 h1, .box8 h5, .box8 p {margin:10px 30px 0 30px; padding:0;}
.box8 h3 {background:url(images/check.jpg) #fff no-repeat top left; margin:10px 30px 0 30px; padding:10px 10px 4px 40px;}
.box8 p {font-size:16px;}
.box8bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images/box8.jpg) #EFF2F3 no-repeat  bottom center;}
.head1{font-family: "Times New Roman", Times, serif; font-size:44px; padding-left:30px;}
.head2{font-family: "Times New Roman", Times, serif; font-size:30px; padding-left:50px;}
.head3{font-family: "Times New Roman", Times, serif; font-size:36px; padding-left:20px;}
.product{float:left; width:430px; min-height:220px; margin:20px 4px; padding:10px; background-color:#fff; border:1px #CCCCCC solid; -moz-border-radius: 15px; -webkit-border-radius:15px;}
.product img { float:left; padding:20px;}
.product2{float:left; width:430px; min-height:400px; margin:20px 4px; padding:10px; background-color:#fff; border:1px #CCCCCC solid; -moz-border-radius: 15px; -webkit-border-radius:15px;}
.product2 img {float:left; padding:20px;}

#menu{width:960px; border:none; margin:0; padding:0; font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#8e8e8e;}
#menu ul{background:url(images/menu-bg.gif) top left repeat-x;height:43px;list-style:none;margin:0;padding:0;}
#menu li{margin:0;display:block; float:left;padding:0 8px;}
#menu li a{margin:0;color:#666666;display:block;font-weight:bold;line-height:43px;padding:0px 14px;text-align:center;text-decoration:none;}
#menu li a:hover{color:#000;}
#menu li ul{margin:0;background:#e0e0e0;border-left:2px solid #f68618; border-right:2px solid #f68618; border-bottom:2px solid #f68618;display:none; height:auto; filter:alpha(opacity=85); opacity:0.85; position:absolute; width:225px; z-index:200;}
#menu li:hover ul{display:block;}
#menu li li{display:block;float:none;margin:0;padding:0; width:225px;}
#menu li ul a{display:block;font-size:12px;font-style:normal;margin:0;padding:0px 6px 0px 10px;text-align:left;}
#menu li ul a:hover{margin:0;background:#949494; color:#000; opacity:1.0; filter:alpha(opacity=100);}
#menu p{clear:left;}	
#menu #current{background:url(images/current-bg.gif) top left repeat-x; color:#fff;}

.btn{border:3px solid #EFF2F3; background:none; margin:0; padding:4px 0 0 0;}
.btn a{background:none; text-decoration:none;}
.btn:hover{border:3px solid #627484;}