body { margin:0px;  font-family:Calibri;
}

.header_top{ width:100%; height:auto; float:left; background-color:#cc3431;}
.header_top_center{ width:999px; height:auto; float:none; background-color:#cc3431; }
.header_top_left_content{ width:500px; height:auto; float:left; padding-top:10px; margin-left: -109px;
}
.header_top_left_content1{ width:150px; height:auto; float:left;}
.header_top_icon{ width:16px; height:16px; float:left;}
.header_top_no{ width:120px; height:auto; float:left; margin-left:10px; font-size:14px; color:White;}

.follow_us_content_back{ width:123px; height:auto; float:right;}

ul.flipboard{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 10000px;
-o-perspective: 10000px;
perspective: 10000px;
background-color:#cc3431;
}

ul.flipboard li{
display: inline-block;
width: 41px; /* dimensions of buttons. Do not add padding/margins inside this rule */
height: 37px;
 /* spacing between buttons */
background-color: #cc3431;
font: bold 24px Arial; /* font size */
text-transform: uppercase;
text-align: center;
cursor: pointer;
float:left
}

ul.flipboard li a{
display:block;
width: 100%;
height: 100%;
color: black;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a img{
border-width: 0; background-color:#cc3431
}

ul.flipboard li:hover a{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background-color: #cc3431; /* background color of button onmouseover */
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 0 5px #cc3431 inset;
-moz-box-shadow:0 0 5px #cc3431 inset;
box-shadow:0 0 5px #cc3431 inset;
}

ul.flipboard li:hover a span{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background-color:#cc3431;
}





.header{ width:100%; height:142px; float:left; background-color:White; margin-left: 31px;}
.header_center{height:142px; float:none; background-color:White;}
.logo{ width:443px; height:142px; float:left;}
.nevigation{ width:500px; height:auto; float:right; margin-top:50px;}
.banner_content_all_back{ width:100%; height:auto; float:left; background:url(images/bg.png); 
 box-shadow: inset 0px 3px 5px #afadad;
-moz-box-shadow: inset 0px 3px 5px #afadad;
-webkit-box-shadow: inset 0px 3px 5px #afadad;}
.banner_center_back{ width:999px; height:auto; float:none; background:url(images/bg.png);}
.banner{ width:999px; height:auto; float:left; margin:10px 0px;}
.banner_bottom_content_back{ width:100%; height:auto; float:left; background-color:#f14141;}
.banner_bottom_content{ width:999px; height:auto; float:none; padding:40px  0px; line-height:24px; text-align:center; color:White;}
.content_all_back{ width:100%; height:auto; float:left; background-color:White;}
.content_center{ width:999px; height:auto; float:none; padding:30px 0px; background-color:White;}
.welcome_header_content{ width:999px; height:auto; float:left; padding-top:10px; border-bottom:1px solid #e8e8e8;}
.welcome_header{ width:525px; height:auto; float:left; }
.welcome_tittle{ width:auto; height:auto; font-size:18px; float:left; padding:10px 20px; text-align:left; color:White; background-color:#f14141}
.welcome_main_content_cover{ width:999px; height:auto; float:left; padding:20px 0px;}
.welcome_content{ width:525px; height:auto; float:left; line-height:20px; text-align:justify; font-size:14px;}
.welcome_image{ width:160px; height:100px; float:left; margin:0px 15px 2px 0px; box-shadow: 0px 0px 3px #444444;
	-moz-box-shadow: 0px 0px 3px #444444;
	-webkit-box-shadow: 0px 0px 3px #444444;}
	
.welcome_img{ width:150px; height:90px; float:left; margin:5px;}	
	
	
	
.news_content_header_back{ width:390px; height:auto; float:right;}	
.news_content_back{ width:390px; height:auto; float:right;}
.news_content{ width:390px; height:auto; float:left; margin-bottom:10px; padding:10px 0px; border-bottom:1px solid #e8e8e8;}	
.news_icon{ width:70px; height:62px; float:left; }
.news_content1{ width:300px; height:auto; float:right; text-align:left; font-size:14px; line-height:20px;}
	
.principal_message{ width:999px; height:auto; float:left; padding:10px 0px;}
.principal_message_tittle{ width:979px; height:auto; float:left; font-size:18px; padding-bottom:10px; text-align:left; color:#cc3431; padding-left:10px;}
.principal_message_icon{ width:20px; height:24px; float:left; margin-left:80px;}
.principal_message_content_back{ width:969px; height:auto; float:left; background-color:#cc3431; color:White; padding:15px;}
.principal_message_image_back{ width:190px; height:120px; float:left; background-color:White;}
.principal_message_image_in{ width:180px; height:110px; float:left; margin:5px;}
.principal_message_content{ width:740px; height:auto; float:left; margin-left:20px; font-size:14px; line-height:20px; text-align:left; }
.contact_form_content_back{ width:100%; height:auto; margin-top:20px; float:left; background:url(images/map-bottom.png); padding:20px 0px;}
.contact_form_center{ width:999px; height:auto; float:none;}
.contact_form_tittle{  width:155px; height:auto; color:White; margin-left:450px; text-align:center; font-size:16px; float:left; padding:10px 20px; background-color:#f14141;}
.text_box{ width:310px; height:25px; float:none; padding:7px;}
.multibox{ width:979px; height:60px; float:left; padding:10px;}

.button{ width:100px; height:45px; padding:10px; float:left; background-color:#cc3431; border:none; color:White;}
.button:hover{ background-color:#f14141}

.footer_all_back{ width:100%; height:auto; float:left; margin-top:10px; background-color:#cc3431;}
.footer_center_back{ width:999px; height:auto; float:none; background-color:#cc3431; color:White;margin-top: 16px;}