html{color: #222;font-size: 1em;line-height: 1.4;}
::-moz-selection{background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video{vertical-align: middle;}
fieldset{border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/* ========================== Author's custom styles ============================= */
/* ================== Helper classes =========================================== */
.hidden{display: none !important;}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after{content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after{clear: both;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em)
{
}
@media print, (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi)
{
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print
{
*, *:before, *:after{
background: transparent !important;
color: #000 !important; /* Black prints faster:
		   http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited{text-decoration: underline;}
a[href]:after{content: " (" attr(href) ")";}
abbr[title]:after{content: " (" attr(title) ")";}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after, a[href^="javascript:"]:after{content: "";}
pre, blockquote{border: 1px solid #999;page-break-inside: avoid;}

/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead{display: table-header-group;}
tr, img{page-break-inside: avoid;}
img{max-width: 100% !important;}
p, h2, h3{orphans: 3;widows: 3;}
h2, h3{page-break-after: avoid;}
}

/* Preload images */
body:after{content: url(../img/icon/close.png) url(../img/icon/loading.gif) url(../img/icon/prev.png) url(../img/icon/next.png);display:none;}
body.lb-disable-scrolling {overflow: hidden;}
.lightboxOverlay{position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;max-width: inherit;border-radius: 3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;border-radius: 4px;}
.lb-outerContainer:after{content: "";display: table;clear: both;}
.lb-container{padding: 4px;}
.lb-loader{position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../img/icon/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav{left: 0;}
.lb-nav a{outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next{height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev{width: 34%;left: 0;float: left;background: url(../img/icon/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next{width: 64%;right: 0;float: right;background: url(../img/icon/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data{padding: 0 4px;color: #ccc;}
.lb-data .lb-details{width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption{font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number{display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}
.lb-data .lb-close{display: block;float: right;width: 30px;height: 30px;background: url(../img/icon/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover{cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

/*--------------------------------------- 13. Scroll To Top ----------------------------------------*/
#scrollUp{border-radius:2px;bottom:80px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);color: #fff;font-size: 28px;height: 45px;line-height: 40px;position: fixed;right: 15px;text-align: center;transition:all 0.3s ease 0s;width:45px;z-index:200;}
#scrollUp:hover{}
@-webkit-keyframes scroll-ani-to-top{
0% {
opacity: 0;
bottom: 0;
}
50% {
opacity: 1;
bottom: 50%;
}
100% {
opacity: 0;
bottom: 75%;
}
}
@-moz-keyframes scroll-ani-to-top {
0% {
opacity: 0;
bottom: 0;
}
50% {
opacity: 1;
bottom: 50%;
}
100% {
opacity: 0;
bottom: 75%;
}
}
@keyframes scroll-ani-to-top {
0% {
opacity: 0;
bottom: 0;
}
50% {
opacity: 1;
bottom: 50%;
}
100% {
opacity: 0;
bottom: 75%;
}
}
#scrollUp:hover i{animation:800ms linear 0s normal none infinite running scroll-ani-to-top;height: 100%;left: 0;margin-bottom: -25px;position: absolute;width: 100%;bottom: 0;}