/* CSS Document */ .header-menu-fix { position:fixed; top:-2px; width:100%; opacity:.8; } .text{ font-size:12px; font-weight:400; color:#666; line-height:20px; font-family:Open Sans, sans-serif; } .nav li a { color:#FFFFFF; } .nav li a:hover { color:#666666; background-color:#ffffff; border-radius:0px 0px 0px 0px; } .dropdown-menu li a { color:#F3F3F3; margin-top:10px; margin-bottom:10px; } .dropdown-menu li a:hover { background-color:#000099; } #gallery:hover{ box-shadow:0px 0px 10px 0px #ddd; -webkit-filter: grayscale(100%); cursor:pointer; } .rounded { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; border:0px ridge; box-shadow:0px 0px 2px 0px; margin-top:2px; border-radius: 10%; } .rounded:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); cursor:pointer; } .go-top { display:none; width:40px; height:40px; line-height:35px; text-align:center; font-size:36px; position:fixed; bottom:-40px; right:20px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; color:#ffffff; border-radius:5px; } .go-top.show { bottom:20px; } .go-top:hover { background-color:#5DBA9D; color:#FFFFFF; } .pic { border:5px dotted; text-align:center; -webkit-transform:skew(5deg); -moz-transform:skew(5deg); -o-transform:skew(5deg); box-shadow:0px 0px 10px 0px; } .button-group{ width:100%; background-color:#ddd; color:#888; height:50px; font-weight:bold; margin-top:5px; } .button-group button{ float:left; height:50px; border-left:1px solid #eee; } .button-group button:hover{ background-color:#ddd; } .thumb { border:1px solid #ddd; } .h4c{ color:#0066FF; text-align:left; } .image{overflow: hidden; } .image li{height: 110px; width: 198px; font-size: 30px; text-align: center; float: left;} .block-hdnews li a, p{ color:#000000 !important; width:100%; font-size:12px; margin-top:0px; } .block-hdnews li:hover{ background-color:#ECECEC; } .block-hdnews h4{ color:#0066FF; text-align:center; font-size:14px; margin-top:0px; } /*Header Slider*/ .captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; } .captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0.6); } .captionBlack { font-size:16px; background: #000; background-color: rgba(0, 0, 0, 0.4); } a.captionOrange, A.captionOrange:active, A.captionOrange:visited { color: #ffffff; text-decoration: none; } a.captionOrange:hover { color: #eb5100; text-decoration: underline; background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } .bricon { background: url(../img/browser-icons.png); } /* jssor slider bullet navigator skin 01 css */ /* .jssorb01 div (normal) .jssorb01 div:hover (normal mouseover) .jssorb01 .av (active) .jssorb01 .av:hover (active mouseover) .jssorb01 .dn (mousedown) */ .jssorb01 { position: absolute; } .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { position: absolute; /* size of bullet elment */ width: 12px; height: 12px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid; } .jssorb01 div { background-color: gray; } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; } .jssorb01 .av { background-color: #fff; } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; } /*Header Slider End /*Gallery Slider*/ /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05l.jssora05ldn (mousedown) .jssora05r.jssora05rdn (mousedown) */ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url(../img/a17.png) no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } /* jssor slider thumbnail navigator skin 01 css */ /* .jssort01 .p (normal) .jssort01 .p:hover (normal mouseover) .jssort01 .p.pav (active) .jssort01 .p.pdn (mousedown) */ .jssort01 { position: absolute; /* size of thumbnail navigator container */ width: 800px; height: 100px; } .jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px; } .jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box; background: url(../img/t01.png) -800px -800px no-repeat; _background: none; } .jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%; } .jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%; } .jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid; } * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px; }