﻿html {
	width:100%;
	margin:0 auto;
	
}
a {
	color: #BD0144;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #000;
}

body {
	font-family:Arial;
	font-size:13px;
	color:#333333;
	margin:0 auto;
	background-color:#ffffff;
	background-image:url(../images/type.png);
	background-repeat:repeat;
	text-align:justify;
	line-height:1.6;
	
}
#header
{
    width:100%;
    margin:0 auto;
    height:135px;
    background: #F7BE0D;
}
.hmen
{
     width:100%;
    margin:0 auto;
    height:50px;
    background: #638BD3;
    background-image:url(../images/diamond-eyes.png);
     -webkit-box-shadow: 0 5px 3px -3px #333333;
	   -moz-box-shadow: 0 5px 3px -3px #333333;
	        box-shadow: 0 5px 3px -3px #333333;
}
    
#sub_head
{
    width:1000px;
    margin:0 auto;
    height:35px;
    padding-top:7px;
}


.logo
{
    width:1000px;
    margin:0 auto;
    margin-top:5px;
    height:75px;
}

#bannar
{
    width:100%;
    height:550px;
}


#main
{
    width:100%;
    margin-bottom:20px;
    margin-top:25px;
   
}  
#main_m
{
    width:100%;
    margin-bottom:20px;
    margin-top:150px;
   
}  

#cat_main
{
    width:980px;
    margin:0 auto;
    
}
#cat_sub
{
    width:980px;
    margin:0 auto;
    padding:10px;
     position:relative;
     overflow:auto;
}
.about
{
    width:100%;
    height:300px;
    background-color:#D2E7D5;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
   margin-top:20px;
    color:#333333;
    
}

.cir
{
    width:100%;
    height:300px;
    background-color:#FFA94F;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
    color:#333333;
    
}

.bt
{
    width:100%;
    height:300px;
    background-color:#5B87D5;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
   
    color:#333333;
    margin-top:20px;
}
.c_l
{
    width:460px;
    height:280px;
    padding:10px;
    float:left;
}
.c_m
{
    width:20px;
    height:300px;
    float:left;
    text-align: center;
    vertical-align:middle;
}

.c_r
{
    width:460px;
    height:280px;
    padding:10px;
    float:right;
}




.bk_img
{
   width:100%;
    border-bottom:2px dotted #999999;
    height:200px;
}    

.bk_main2
{
   width:100%;
    border-bottom:2px dotted #999999;
  
    height:250px;
} 


#footer
{
    width:100%;
    background: #333333;
    background-image:url(../images/foot.JPG);
    background-repeat:repeat-x;
    height:75px;
    position:relative;
    clear:both;
    margin-top:15px;
}  

#footer_sub
{
    width:990px;
    height:50px;
    margin:0 auto;
    padding-top:10px;
    
}

#footer_sub a {
	color: #800707;
	outline: none;
	text-decoration: none;
}

#footer_sub a:hover {
	color: #ffffff;
}

.bk_man_l
{
    width:200px;
    float:left;
    position:relative;
   background-color:#5B87D5;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
    margin-bottom:20px;
    
    
    
}
.bk_man_r
{
    width:750px;
    float:right;
    position:relative;
    background-color:#D2E7D5;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
    margin-bottom:20px;
}

.mas_h
{
width:98.8%;
  background-color:#CC6600;
  height:35px;
  color:#ffffff;
  padding:5px;
  font-size:24px;
  font-family:Narkisim;

 background-image:url(../images/dark-dot.png); 
}

.mas_h_ad
{
    width:99%;
 background-color:#CC6600;
  height:35px;
  color:#ffffff;
  padding:5px;
  font-size:24px;
  font-family:Narkisim;
  background-image:url(../images/dark-dot.png); 
}

.bk_con1
{
    width:460px;
    height:270px;
    float:left;
    margin-left:17px;
    margin-bottom:15px;
}
.p_main
{
 background-color:#D2E7D5;
    -moz-box-shadow:0px 0px 1px 0px #333333; 
    -webkit-box-shadow:0px 0px 1px 0px #333333;
    margin-bottom:20px;
    width:100%;
}


.image:hover {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
.image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}