﻿*{margin:0;padding:0;border:0;}
body{margin:0; padding:0; width:100%;
     background-image:url(../Image/bg.gif);
     background-repeat:repeat-x; background-color:#87aec5; }
.clr{clear:both;}

.main{width:1000px; margin:0 auto; padding:0; font-size:12px;background:White; color:#256394; font-family:Tahoma;}
#top_1{width:1000px; height:30px;margin:0; padding:0; background-image:url(../Image/top_bg.jpg);}
#top_2{width:1000px; height:120px; margin:0; padding:0;}
#top_3{width:1000px; height:36px; margin:0; padding:0;background-image:url(../Image/menu_bg.gif);}
#top_4{width:1000px; height:36px; margin:0; padding:0;background-image:url(../Image/m2.jpg);}
#middle{width:1000px;margin:0; padding:0;}
#middle_left{ margin:2px;padding:0; width:200px; float:left; border:solid 1px #a2bcd3; }
#middle_right{ margin:2px 2px 2px -3px;padding:0; width:790px; float:right; }
#bottom{ width:1000px; height:90px; margin:0; padding:0; border-top:solid 2px #87aec5;}

#notice_img{float:left;width:20px;height:20px;margin-top:4px;margin-left:4px;padding:0; background: url(../Image/notice.png) no-repeat;}
#notice_text{float:left;width:966px;height:20px;margin-top:8px;margin-left:5px;padding:0;}
#cpyintro{ width:192px; margin:0;padding:4px; text-indent:16px; line-height:18px;}
#proheader{width:788px;margin:0; padding:0;float:left; height:30px; border-left: solid 1px #a2bcd3; border-right: solid 1px #a2bcd3; 
           border-top: solid 1px #a2bcd3;background-image:url(../Image/m3.gif); font-size:14px; font-weight:bold; line-height:30px;}
#products{width:788px;margin:0; padding:0; float:left; border-left:solid 1px #a2bcd3;border-right:solid 1px #a2bcd3;
          border-bottom:solid 1px #a2bcd3; font-size:14px;}
#contractus{ width:192px; margin:0;padding:4px;  line-height:18px;}
hr{margin-bottom:10px; margin-top:10px;padding:0; border: solid 1px #a2bcd3; width:90%; text-align:left;}

a{color:#256394;text-decoration: none;}
a:hover{text-decoration: underline;}
ul{margin:0; padding:0;}
li{margin:0; padding:0;}
#top_1 #ul1{ list-style:none; width:40%; height:30px; margin-left:30px; float:left;}
#top_1 #ul1 li{ float:left;}
#top_1 #ul2{ list-style:none; width:40%; height:30px; margin-right:30px;  float:right;}
#top_1 #ul2 li{ float:right;}
#top_1 #ul2 a{ font-weight:bold;}
#top_1 a{ background-image:url(../Image/dot1.gif); background-repeat:no-repeat; background-position:left; 
         padding-left:10px; padding-right:30px; line-height:30px;}
#top_1 a:hover{text-decoration:none;}
#top_3 ul{ list-style:none; width:100%; height:36px;  }
#top_3 li{ float:left; }
#top_3 a{ background-repeat:no-repeat; background-position:right;
          font-size:14px; font-weight:bold; color:White; line-height:36px; padding-left:30px; padding-right:30px;}
#top_3 a:hover{color:Yellow; text-decoration:none;}

select { border:1px solid Black; background:#e4eafa; font-size:12px; color:#256394; font-weight:bold;}
select option {margin-top:5px;}

.txtCss{margin:0; padding:0;border:solid 1px #a2bcd3;}
.btnCss{ border:none; margin:0; padding:5px 10px; font-size:14px; color:White; font-weight:bold; background:#256394;}
.clearbtnCss{ border:none; margin:0; padding:5px 10px; font-size:14px; color:White; font-weight:bold; background:Brown;}