body {margin:0px; padding:0px; font-size:14px; font-family:arial; color:#333; background:#fff;}
* {box-sizing:border-box; line-height:150%;}
h1, h2, h3, h4, h5, h6, p, i, u {margin:0px; padding:0px; width:auto;}
h2 {border-bottom:5px solid #f44029; padding-bottom:5px; display:inline-block;}
span {margin:0px; padding:0px;}
input, select, textarea  {margin:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0px; padding:5px; line-height:auto;}
span.error {color:#f44029;}
span.success {color:#6e8c08;}
hr {width:100%; height:0px; background:transparent; color:transparent; line-height:0px; display:block; border:0px; border-bottom:1px dotted #aaa;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
img {border:0px;}
.img {background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}

#menu a {float:left; padding:25px 20px; color:#333; font-weight:bold; text-transform:uppercase;}
#menu a:hover, #menu a#selected1 {color:#f44029;}

/* Colors: #f44029; #ffd180; #aaa; #888; #333; #fff; */
/* Font size: 14px; 16px; 20px; 22px; */

.fixed {float:left; width:100%; z-index:49;}
.clear {float:left; width:100%;}
.clear2 {float:left; width:100%; height:264px;}
#head, #menu, #banner, #zone3, #content, #toparticles, #footer {float:left; width:100%; min-width:1200px;}
.limit {width:1200px; min-width:1200px; margin:0 auto;}

#head {padding:0px 0 20px 0; background:url('images/head.gif'); text-align:center; transition:all 0.3s;}
#zone1 {float:left; width:1200px; color:#fff; font-size:16px; text-align:left; position:relative; top:10px;  transition:all 0.3s;}
#zone1 a {color:#fff; }
a#logo {display:inline-block; margin-top:0px;  transition:all 0.3s;}
a#logo img {width:275px;  transition:all 0.3s;}

#menu {background: #ddd;  background: -webkit-linear-gradient(#fff, #ddd); background: -o-linear-gradient(#fff, #ddd);  background: -moz-linear-gradient(#fff, #ddd);  background: linear-gradient(#fff, #ddd); border-bottom:1px solid #888; }
#menu ul, #menu ul li {float:left; margin:0px; padding:0px; list-style:none;}
#menu b {float:left; width:2px; background:url('images/separator.gif'); height:71px;}

#menu b.right {float:right; margin-left:20px;}
#menu form {float:right;}
#menu form select {display:none;}
#menu form input {float:right; margin:12px 0 0 10px; width:280px; background:url('images/search.png') no-repeat left center transparent;  padding:13px 20px 13px 35px; font-size:14px; }
#menu form input.sendbutton {width:auto; background:#333; color:#ffd180; cursor:pointer; font-weight:bold; text-transform:uppercase;  padding:13px 20px; }



.activeh {float:left; width:100%; position:fixed; top:0px; left:0px; right:0px; height:139px; z-index:49;}
.activeh #head { padding: 0;}
.activeh a#logo {margin-top:0px; position:relative; margin-top:-20px;}
.activeh a#logo img {width:150px;}
.activeh #menu b {height:51px;}
.activeh #menu a {padding:15px 20px;}
.activeh #menu form input.sendbutton  {padding:5px 15px;}
.activeh #menu form input {padding:5px 20px 5px 35px; margin:10px 0 0 10px; }

#fancybox-wrap, #fancybox-wrap * {box-sizing:initial!important;}

.theme-default .nivo-controlNav {margin-top:-42px; display:none!important; position:relative; background:rgba(0,0,0,0.5); padding:10px 0!important; z-index:40;}
.theme-default .nivoSlider {box-shadow:none!important; margin-bottom:0px!important;}

#zone3 {padding:50px 0; background:#eee; -webkit-box-shadow: inset 0px -15px 30px -15px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -15px 30px -15px rgba(0,0,0,0.25); box-shadow: inset 0px -15px 30px -15px rgba(0,0,0,0.25);}
#zone3 table {background:#fff; border:1px solid #ddd;}
#content {padding:20px 0 50px 0;}

#toparticles {padding:50px 0; background:#eee; border-top:1px solid #ddd; text-align:center;}
#toparticles img#icon {position:relative; margin-top:-35px; top:-35px; clear:both; display:inline-block;}
#toparticles h2 {font-size:22px; text-transform:uppercase; width:100%; text-align:center; color:#f44029; font-weight:bold; border-bottom:0px; padding:0px;}
#toparticles p {float:left; width:100%; text-align:center; color:#333; margin-top:10px;}
#topart-content {float:left; width:100%; margin-top:30px;}
#topart-content .article {width:277px; float:left; padding:10px; background:#fff; margin-right:30px; }
#topart-content .article .artpic {width:257px; float:left; height:200px; background:#fff; overflow:hidden;}
#topart-content .article .img {width:277px; height:200px;}
#topart-content .article:hover .img {width:304px; height:220px; position:relative; margin-top:-10px; margin-left:-14px;}
#topart-content .article h1 {float:left; font-size:16px; width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; margin-top:10px; text-align:left;}
#topart-content .article p {font-size:14px; float:left; width:100%; margin-top:10px; color:#888; height:63px; overflow:hidden; text-align:left;}
#topart-content .article .details {padding:10px 15px; background:#f44029; text-transform:uppercase; color:#ffd180; margin:20px 0 10px 0; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#topart-content .article .details:hover {background:#e33018;}
#topart-content .article:last-child {margin-right:0px;}

#footer {background:url('images/footer.gif'); padding:50px 0; -webkit-box-shadow: inset 0px 15px 30px -15px rgba(0,0,0,0.65); -moz-box-shadow: inset 0px 15px 30px -15px rgba(0,0,0,0.65); box-shadow: inset 0px 15px 30px -15px rgba(0,0,0,0.65); }

#zone4 {float:left; width:500px; margin-right:50px; color:#aaa;}
#zone5 strong, #zone5 b {color:#fff;}
#zone5 {width:325px; float:left; margin-right:50px; color:#aaa;}
#fmenu {width:275px; float:left; color:#aaa;}

#zone5 h3, #fmenu h3 {float:left; color:#fff; font-size:20px; text-transform:uppercase; border-bottom:4px solid #f44029; clear:both; display:inline-block;}
#fmenu ul, #fmenu ul li {margin:0px; padding:0px; list-style:none; width:100%; float:left;}
#fmenu ul {margin-top:20px!important; }
#fmenu ul li a {float:left; padding:13px 0 13px 25px; color:#aaa; border-bottom:1px dotted #888; width:100%; background:url('images/dot.png') no-repeat left center;}
#fmenu ul li a:hover, #fmenu ul li a#selected1 {background:url('images/dot-hover.png') no-repeat left center; color:#ffd180;}


#databox {margin-top:30px; float:left; width:100%;}

#contact {float:left; width:1200px; padding:20px 0 0 0;  margin-top:30px; }
#contact .cpart {float:left; width:400px;}
#contact .cpart2 {float:left; width:800px;}
#contact .row {float:left; width:100%; padding:3px;}
#contact .row strong {float:left; font-size:13px; font-weight:normal;  width:120px; color:#333; position:relative; top:6px;}
#contact .row input {padding:6px 10px; background:#eee; border:1px solid #ddd; color:#333; float:left; width:250px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row textarea {padding:6px 10px; background:#eee; border:1px solid #ddd; color:#333; float:left; width:668px; height:198px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row input.sendbutton {background:#f44029; color:#ffd180; border:1px solid #f44029; cursor:pointer; width:auto; padding:8px 10px;}
#contact .row img {float:left; width:100px; height:30px; background:#f5f5f5;}

#data-gallery {float:left; margin-top:30px;}
#data-gallery a {float:left; margin:0; width:133px; height:120px; padding:10px; overflow:hidden;  border:1px solid #ddd; position:relative; margin-left:-1px; left:1px;}
#data-gallery .img {width:113px; height:100px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} 
#data-gallery a:hover .img {width:119px; height:106px; position:relative; margin-top:-4px; margin-left:-4px;}
#data-gallery .paging {float:left; width:100%; clear:both;}
#data-gallery .paging a {color:#333; float:left; background:#eee; border:1px solid #ddd; width:auto; height:auto; margin:0 0; padding:8px 12px; position:relative; margin-left:-1px; left:1px; margin-top:-1px;}
#data-gallery .paging a:hover, #data-gallery .paging a#selected3 {background:#ffd180; border:1px solid #ffd180; color:#f44029;}



.big-image img {float:left; width:100%; border:2px solid #ddd;}

#big_image { width: 100%; padding-bottom: 10px; float: left;}
#big_image img {width: 100%;height: auto;}

#gallery_right a{ float:left; background:#333; color:#fff; font-weight:bold; padding:87px 8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#gallery_left a {float:left; background:#333; color:#fff;   font-weight:bold; padding:87px 8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#gallery_scroll{width: 1148px; height: 200px; border:10px solid #fff; border-top:0px; border-bottom:0px; color:#fff; overflow: hidden; float:left;}
#gallery_slide{height: 250px;float: left;}
#gallery_slide a {width:250px; height:200px; float:left; overflow:hidden; margin: 0px 10px 0px 0px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#gallery_slide a .img{ width:250px; height:200px; float:left;}
#gallery_slide a .img:hover {width:275px; height:220px;}

#data-gallery2 {margin-top:30px; float:left; width:100%;}
#data-gallery2 #gallery_slide a.pic {margin-top:0px;}

#detail-left #gallery_slide .img {margin-right:10px!important;} 
#detail-left #gallery_scroll, #detail-left #gallery_right a, #detail-left #gallery_left a {margin-top:10px;}
#detail #gallery_scroll {width:507px;}


#data-articles {float:left; width:100%; text-align:center;}
#data-articles .articles {width:277px; float:left; padding:10px; background:#fff; margin:30px 30px 0 0; border:1px solid #ddd; }
#data-articles .articles .artpic {width:257px; float:left; height:200px; background:#fff; overflow:hidden;}
#data-articles .articles .img {width:277px; height:200px;}
#data-articles .articles:hover .img {width:304px; height:220px; position:relative; margin-top:-10px; margin-left:-14px;}
#data-articles .articles h1 {float:left; font-size:16px; width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; margin-top:10px; text-align:left;}
#data-articles .articles p {font-size:14px; float:left; width:100%; margin-top:10px; color:#888; height:63px; overflow:hidden; text-align:left;}
#data-articles .articles .details {padding:10px 15px; background:#f44029; text-transform:uppercase; color:#ffd180; margin:20px 0 10px 0; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#data-articles .articles .details:hover {background:#e33018;}
#data-articles .articles:nth-child(6), #data-articles .articles:nth-child(10), #data-articles .articles:nth-child(14), #data-articles .articles:nth-child(18), #data-articles .articles:nth-child(22), #data-articles .articles:nth-child(26), #data-articles .articles:nth-child(32)  {margin-right:0px;}


#detail {float:left; width:100%; margin-top:30px;}
#detail #title {float:left; width:100%; padding-bottom:20px; border-bottom:1px solid #ddd;}
#detail #title h1 {color:#333; font-size:20px; text-transform:uppercase; width:900px; float:left;}
#detail #title #share {float:right; width:240px;}

#dleft {width:532px; float:left; margin-top:20px;}
.big-image {width:529px; float:left;}
.big-image  img {width:100%; border:1px solid #ddd;}
#dleft #data-gallery {margin-top:-1px; position:relative;}


#dright {float:right; width:650px; margin-top:20px;}
#dright #databox {float:left; width:100%; margin-top:0px;}

a.back {background:#333; color:#ffd180; cursor:pointer; font-weight:bold; text-transform:uppercase;  padding:13px 20px; float:left; margin-top:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}



#detail .at-share-btn {background:#f44029!important;}