.transparent-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    zoom: 1;
}


body#pageBody {
    background: url(../img/bg/bgimg01.jpg);
    background-size: 100%;
}

@media (max-width: 1360px) {
    body#pageBody { 
        background-size: 140%;
    }
}

@media (max-width: 979px) {
    body#pageBody { 
        background-size: 200%;
    }
}

@media (max-width: 768px) {
    body#pageBody { 
        background-size: 340%;
    }
}

.navbar-static-top {
    margin: 0 !important;
}

/*div#alertBox {font-family:DFKai-sb; position:fixed; z-index:99999; opacity:0.95; font-size:16px; background: #3D527C; border:5px outset white; }"
div#alertBox > div#alertHeader { position: absolute; overflow: hidden; border-left-width: 0; border-right-width: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: white; text-shadow: 0 2px 0 black; font-weight: bold; }
div#alertBox > div#alertContent {font-size:20px; font-family:DFKai-sb; color: white; text-shadow: 0 1px 0 black; }
div#alertBox button { font-family:DFKai-sb;}
.my-ui-corner-top {-moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; border-top-left-radius: .5em; -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; border-top-right-radius: .5em; }
.my-ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; text-align:center; border-top: 1px solid white; border-color: rgba(255, 255, 255, .3); }
div#alertBox > div#alertContent button { display: inline-block; text-align: center; cursor: pointer; position: relative; margin: .5em 5px; padding: 0; -moz-box-shadow: 0 1px 4px MidnightBlue; -webkit-box-shadow: 0 1px 4px MidnightBlue; box-shadow: 0 1px 4px MidnightBlue; text-decoration: none; border: 1px solid #7D829C; background: #A0A7CA; font-weight: bold; color: white; text-shadow: 0 1px 0 black; background-image: -webkit-gradient(linear,left top,left bottom,from(#70758B),to(#A0A7CA)); background-image: -webkit-linear-gradient(#70758B,#A0A7CA); background-image: -moz-linear-gradient(#70758B,#A0A7CA); background-image: -ms-linear-gradient(#70758B,#A0A7CA); background-image: -o-linear-gradient(#70758B,#A0A7CA); background-image: linear-gradient(#70758B,#A0A7CA); -webkit-box-align: center; text-align: center; box-sizing: border-box; font: -webkit-small-control; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; -webkit-appearance: button; }
.alertBGGradient { background: white; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover,  white 0%, rgba(0,0,0,1) 90%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,white), color-stop(90%,rgba(0,0,0,1))); background: -webkit-radial-gradient(center, ellipse cover,  white 0%,rgba(0,0,0,1) 90%); background: -o-radial-gradient(center, ellipse cover,  white 0%,rgba(0,0,0,1) 90%); background: -ms-radial-gradient(center, ellipse cover,  white 0%,rgba(0,0,0,1) 90%); background: radial-gradient(ellipse at center,  white 0%,rgba(0,0,0,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=1 ); }*/