@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Anton|Archivo+Black|Hind:400,500);
/*@import url("../fonts/styles.css");*/

@font-face {
    font-family: 'Fjalla One';
    src: url('../fonts/jallaone-regular-webfont.html');
    src: url('../fonts/fjallaone-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fjallaone-regular-webfont.woff2') format('woff2'),
         url('../fonts/fjallaone-regular-webfont.woff') format('woff'),
         url('../fonts/fjallaone-regular-webfont.ttf') format('truetype'),
         url('../fonts/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0px}
#head { width:100%; height:650px; background-image:url(../img/background_head.jpg); background-repeat:repeat-x;} 
#head #menu { width:100%; height:105px; margin-top:30px; background-color: #980100; float:left; position:absolute}
#head #menu .center{ width:1100px; margin:0 auto}
#head #menu #logo { width:179px; height:63px; margin:20px; float:left}
#head #menu #menulist { width:800px; float:right; height:30px; margin-top:10px}
#head #menu #menulist ul {display:inline; margin-top:10px; float:right} 
#head #menu ul li{ list-style: none; display: table-cell; width: 180px; padding: 20px 0px; text-align: center; font-family: 'Fjalla One'; font-size: 20px; cursor:pointer; color:#fff; font-weight:600; }
#head #menu ul li a{color:#fff; text-decoration:none}
#head #menu ul li i{ background-image:url(../img/arrow_menu.png); background-repeat:no-repeat; background-position:center; width: 100%; height: 10px; float: left;clear: both; margin-top:3px; z-index:2200}
#head #menu ul li.active, #head #menu ul li.active a, #head #menu ul li:hover, #head #menu ul li:hover a{ color:#000; }
#head #menu ul li:hover i, #head #menu ul li.active i{ background-image:url(../img/arrow_menu_black.png)}
#head #menu ul li ul li{ display:block; text-align:left; z-index:2000}
#head #menu ul li ul.sub{ margin-left:25px; margin-top:13px; background-color:#980100; float:left; position:absolute; display:none !important; padding-top:26px; padding-left:0px; padding-bottom:5px}
#head #menu ul li:hover ul.sub{ display:block !important;  z-index:2000 }
#head #menu ul li ul.sub li{ padding:10px 20px;  font-size:14px}
#head #menu ul li ul.sub li a{ text-decoration:none; color:#fff}
#head #menu ul li ul.sub li:hover{ background-color:#FFF; color:#980100;  font-size:14px} 
#head #menu ul li ul.sub li:hover a { text-decoration:none; color:#980100; } 


#head #slide{width:100%; height:430px; margin:0 auto; margin-top:110px; position:absolute; float:left}
#head #slide #box{width:1100px; height:430px;background-position:right bottom; background-repeat: no-repeat; z-index:1000; position:absolute; left:50%; margin-left:-550px; opacity:0 }
#head #slide #box.active{ opacity:1}
#head #slide #box.image1{ background-image:url(../slide/image1.png);}
#head #slide #box.image2{ background-image:url(../slide/image2.png); }
#head #slide #box.image3{ background-image:url(../slide/image3.png); }
#head #slide #box.image4{ background-image:url(../slide/image4.png); }
#head #slide #box #smalltext{width: 50%; margin-top: 130px; float: left; font-size: 51px; color: #666; font-family: 'Fjalla One', sans-serif; font-weight: bold; margin-left:20px; text-transform:uppercase}
#head #slide #box #bigtext{width: 100%; margin-top: 0px; float: left; font-size: 90px; color: #980100; font-family: 'Anton', sans-serif; margin-left:20px; line-height:70px; text-transform:uppercase}
#head #slide #box #text{width: 490px; margin-top: 15px; float: left; font-size: 16px; color: #b3b3b3; font-family: Arial, sans-serif; margin-left:20px}
#head #slide #caption {width: 1100px; z-index: 1100; margin-top: 100px; position: absolute; top: 325px; left: 50%; margin-left: -550px;} 
#head #slide #boxcap { width:250px; height:150px; float:left; background-color:#fff; margin-left:20px; margin-top:-60px; overflow:hidden; }
#head #slide #boxcap .mask{background-color: #980100; float: left; margin-top: -175px; width: 250px; height: 150px; opacity: 0.65; -webkit-transition: opacity .5s; transition: opacity .5s;}
#head #slide #boxcap .border{float: left; margin-top: -175px; width: 230px; height: 130px; border:solid 10px #980100; display:none; -webkit-transition: display 5s; transition: display 5s;}
#head #slide #boxcap:hover .mask{opacity: 0.2 !important;}
#head #slide #boxcap:hover .border{ display: block !important}

#footer { width:100%; height:75px; background-color:#333333; border-top: solid 10px #980100; float:left; position:relative;} 
#footer #centerfooter { width:1060px; margin: 0 auto; padding:15px 20px} 
#footer #centerfooter #logo{ width:120px; float:left}
#footer #centerfooter #copy { width:700px; margin:0 auto; color:#FFF; text-align:center; font-size:13px; font-family:"Arial Narrow", sans-serif; margin-top:30px}
#footer #centerfooter #link { color: #980100; font-size: 14px; font-family: "Arial Narrow", sans-serif; margin-top: -15px; float: right;} 
#footer #centerfooter #link a { color:#fff; text-decoration:none}

#boxcontent {width:100%; min-height:400px; margin-bottom:20px} 
#boxcontent #contentcenter { width:1060px; min-height:200px; margin:0 auto; padding:10px 20px;} 
#boxcontent #contentcenter #sidebar { width:250px; min-height:200px; float:left; margin-right:10px}
#boxcontent #contentcenter #content { width:800px; min-height:200px; float:left; }
#boxcontent #contentcenter #content h1{font-family: 'Anton', sans-serif; text-transform: uppercase; color: #980100; font-size: 28px; border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 9px;}
#boxcontent #contentcenter #content h3{font-family: 'Anton', sans-serif; text-transform: uppercase; color: #980100; font-size: 33px; margin-bottom: 20px; margin-top: -10px;}
#boxcontent #contentcenter #content #text{font-size: 14px; font-family: Arial; color: #666; text-align: justify;}
#boxcontent #contentcenter #content #text a { text-decoration:none; color:#980100; line-height:25px}
#boxcontent #contentcenter #content #text span {color: #666; font-weight: bold; font-size: 16px;}
#boxcontent #contentcenter #content #text table strong { margin: 10px 0px; float: left; width: 100%; }
#boxcontent #contentcenter #content #text table.glossary strong { width:auto; float:none; color:#980100}
#boxcontent #contentcenter #content #text table.glossary p { line-height:30px}
#boxcontent #contentcenter #content #text table a { color:#980100; text-decoration:none}
#boxcontent #contentcenter #content #li { width: 680px; margin-right: 10px; float: left; height: 190px; margin-top: -20px;}
#boxcontent #contentcenter #content #li ul{ padding-left:20px}
#boxcontent #contentcenter #content #li ul li{list-style-image: url(../img/arrow-mark.png); width: 220px; float: left; line-height: 29px; font-family: 'Hind', sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; }
#boxcontent #contentcenter #content #li ul li a{text-decoration:none; color:#666}

#boxcontent #contentcenter #sidebar #top{margin-top: 17px; background-color: #666;color: #fff; padding: 8px 10px;font-size: 15px;font-weight: bold; font-family:'Fjalla One',sans-serif}
#boxcontent #contentcenter #sidebar ul{ padding: 10px 35px; font-size: 13px; line-height: 30px; background-color:#f1f1f1; margin-top:2px }
#boxcontent #contentcenter #sidebar ul li{ list-style-image:url(../img/arrow-sidebar-li.png); text-transform:uppercase; font-family:'Fjalla One',} 
#boxcontent #contentcenter #sidebar ul li a { text-decoration:none; color:#999; font-family:'Fjalla One', sans-serif; font-weight:bold; }
#boxcontent #contentcenter #sidebar ul li.active a { text-decoration:none; color:#666}
#boxcontent #contentcenter #sidebar #bigtext {font-family: 'Anton', sans-serif; font-size: 35px; line-height: 35px; width: 330px;} 
#boxcontent #contentcenter #sidebar #redtext {font-family: 'Fjalla One', sans-serif; font-size: 17px; color: #980100; line-height: 55px; font-weight: 400; width: 330px;  text-align: left; }
#boxcontent #contentcenter #sidebar #graytext{font-family: 'Hind', sans-serif; font-size: 15px; text-align: justify; width: 320px; color:#777; line-height:18px}


#form div { clear:both; height:50px}
#form div label { width:200px; margin-left:100px; float:left}
#form div input{ border: 1px solid #C1C1C1; padding: 7px 10px; width: 350px; border-radius: 5px; color: #333; float:left; margin-top:-6px}
#form div select{ border: 1px solid #C1C1C1; padding: 7px 10px; width: 370px; border-radius: 5px; color: #333; float:left; margin-top:-6px}
#form div textarea{ border: 1px solid #C1C1C1; padding: 7px 10px; width: 350px; height:100px;border-radius: 5px; color: #333; float:left; margin-top:-6px}
#form div input.btn{float: right; width: 100px; margin-top: 20px; margin-right: 125px; background: #980100; color: #fff; border: none;} 

#botton{ width:100%; height:320px; background-color:#EAEDF2 }
#botton #centerbotton { width:1060px; margin: 0 auto; padding:25px 20px;}
#botton #centerbotton #box_botton{ width:250px; height:280px;  float:left;}
#botton #centerbotton #box_botton #tit{ padding:15px 0px; color:#980100; font-family: 'Fjalla One', sans-serif; font-size:20px} 
#botton #centerbotton #box_botton #textbotton {font-family: 'Hind', sans-serif; font-size: 14px; width: 220px; color: #777; line-height: 18px; height:120px; text-align:justify}
#botton #centerbotton #box_botton #read { font-size: 13px; font-family: 'Fjalla One'; color: #666;}
#botton #centerbotton #box_botton #read a {color: #666;}