* {box-sizing: border-box;}
.login-container {  margin-top: 200px;  }
#login-box, .widget-body, .widget-main {border-radius: 5px; }
.input-icon{border-radius: 3px;}
.btn{border-radius: 3px!important;}
.breadcrumbs{padding-right: 0px;border-bottom:2px solid #79b0ce;}
.admin_sea { height: 30px;}
.lbl{line-height: 30px;}

.rigbg{background-color: #fff;}
.tnav .rigbg a{color: #bb3f2b;font-weight: bold;}
.tnav{list-style: none;margin: 0px;}
.tnav a{text-decoration: none;}
.tnav li{display: inline-block; float: left;text-align: center;padding: 0px 15px;border-right: 1px solid #ddd;}
.tnav li a{display: block;height: 100%;width: 100%;}
.font12 a{color: #000;}

.help-inline{padding-left: 0px;}
.highmsg {color: #F00;}
.middle {line-height: 34px;}
.main-container{padding-top:45px;z-index:999999;}
.maintop { width: 100%; padding-bottom: 10px;}
.col-select{padding: 5px;height: 34px;}

#dynamic-table .list_order {width: 50px;border: #FC6 solid 1px;padding: 0px 5px;text-align: center;}
#simple-table .input-text-c{width: 50px;border: #FC6 solid 1px;padding: 0px 5px;text-align: center;}
input, textarea, select {border-radius: 3px;}
.rule{width: 120px;}
.rule, .wh50, .wh30,.wh10,.wh20,.wh40,.wh60,.wh70,.wh80,.wh90{border: #CCCCCC solid 1px;height: 30px;}

.ruleadd { height: 30px; margin-bottom: 3px;}
#thumb_pic{width: 129px;}

.page .pagination{margin: 0px;}
.wh10{width: 10px;}
.wh20{width: 20px;}
.wh30{width: 30px;}
.wh40{width: 40px;}
.wh50{width: 50px;}
.wh60{width: 60px;}
.wh70{width: 70px;}
.wh80{width: 80px;}
.wh90{width: 90px;}
@media (min-width: 992px){
    .breadcrumbs-fixed+.page-content {
        padding-top: 50px;
    }
}
@media (max-width: 479px){
    .login-container {  margin-top: 20px;  }
    .main-container{padding-top:90px}
}
@media screen and (max-width: 767px){
    .all-btn { margin-left: 12px;}
    .btn-xs{margin-top: 5px;}
    .btm-input{margin-top: 0px;}
    .btn-sespan{padding-top: 5px;}
    .infobox{width: 100%;}
    #news_titleshort{margin-left: 0px;margin-top: 10px;}
    .collapse_btn{display: block;visibility:inherit;}
    .collapse_btn ul li{float: left;margin: 5px 10px 5px 10px;}
}

.colorimg {float: left;  margin-top: 3px;  margin-left: 5px;}
.thumb_box {
    display: inline-block;
    padding: 8px 0px;
    text-align: center;
}
#banner_pic{width: 120px;}
.glyphicon-ok{color: #69aa46;}
.glyphicon-remove{color:#f00;}
.upimg{width: 100%;text-align: center;height: 180px;padding:5px;margin-bottom:5px;border: 1px solid #ededed;}
.upimg img{max-width: 100%;max-height: 170px;}
.upimgs{margin-bottom: 15px;border: 1px solid #ddd;padding: 5px;}
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;}
body{min-width:1190px;background-color:#000002;}
a{text-decoration: none;}
img{border:none;}
.w{width:700px;}
.h{height:700px;}
.compass-main{
    width:100%;
    height:800px;
    background-color:#000002;

}
.compassdiv{
    /*width:1190px;*/
    /*height:800px;*/
    width: 100%;
    height: 100%;
    margin:0 auto;
    /*background-size:100% 100%;*/
    background: url("images/compass/c-a-bj1.jpg") no-repeat;
    /*overflow: hidden;*/
    position:absolute;

    /*background-attachment:fixed;*/
    /*margin-left: -5%;*/
}
.compassdiv .compass-c{
    width:1190px;
    height:800px;
    background-size:100% 100%;
    /*background-image: url("images/compass/c-a-c.png");*/
    margin-top: 10%;
    position:absolute;top:0px;left:0px;
    z-index:100;
}
@-moz-keyframes rotate{
    100%{
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    100%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}
@keyframes rotate{
    100%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
.compassdiv .compass{
    background-image: url("images/compass/c-a-0.png");
    position:absolute;top:0px;left:160px;
    z-index:1;
}
.compassdiv .compass .compass-1{
    position:absolute;
    top:0px;left:0px;
    z-index:2;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    background: no-repeat url("images/compass/c-a-1.png") left top;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
    -moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}
.compassdiv .compass .compass-2{
    position:absolute;
    top:0px;left:0px;
    z-index:3;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    background: no-repeat url("images/compass/c-a-2.png") left top;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    transition:all .5s;
    -moz-animation:rotate 5s infinite linear;
    -webkit-animation:rotate 5s infinite linear;
    animation:rotate 5s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-3{
    background-image: url("images/compass/c-a-3.png");
    position:absolute;
    z-index:4;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
    -moz-animation:rotate 25s infinite linear;
    -webkit-animation:rotate 25s infinite linear;
    animation:rotate 25s infinite linear;
}
.compassdiv .compass .compass-4{
    background-image: url("images/compass/c-a-4.png");
    position:absolute;
    z-index:5;
}
.compassdiv .compass .compass-5{
    background-image: url("images/compass/c-a-5.png");
    position:absolute;
    z-index:5;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .55s;
    -webkit-transition:all .55s;
    transition:all .55s;
    -moz-animation:rotate 55s infinite linear;
    -webkit-animation:rotate 55s infinite linear;
    animation:rotate 55s infinite linear;
}
.compassdiv .compass .compass-6{
    background-image: url("images/compass/c-a-6.png");
    position:absolute;
    z-index:6;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .55s;
    -webkit-transition:all .55s;
    transition:all .55s;
    -moz-animation:rotate 55s infinite linear;
    -webkit-animation:rotate 55s infinite linear;
    animation:rotate 55s infinite linear;
}
.compassdiv .compass .compass-7{
    background-image: url("images/compass/c-a-7.png");
    position:absolute;
    z-index:7;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
    -moz-animation:rotate 35s infinite linear;
    -webkit-animation:rotate 35s infinite linear;
    animation:rotate 35s infinite linear;
}
.compassdiv .compass .compass-8{
    background-image: url("images/compass/c-a-8.png");
    position:absolute;
    z-index:8;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
    -moz-animation:rotate 25s infinite linear;
    -webkit-animation:rotate 25s infinite linear;
    animation:rotate 25s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-9{
    background-image: url("images/compass/c-a-9.png");
    position:absolute;
    z-index:9;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .45s;
    -webkit-transition:all .45s;
    transition:all .45s;
    -moz-animation:rotate 45s infinite linear;
    -webkit-animation:rotate 45s infinite linear;
    animation:rotate 45s infinite linear;
}
.compassdiv .compass .compass-10{
    background-image: url("images/compass/c-a-10.png");
    position:absolute;
    z-index:10;
}
.compassdiv .compass .compass-11{
    background-image: url("images/compass/c-a-11.png");
    position:absolute;
    z-index:11;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .55s;
    -webkit-transition:all .55s;
    transition:all .55s;
    -moz-animation:rotate 55s infinite linear;
    -webkit-animation:rotate 55s infinite linear;
    animation:rotate 55s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-12{
    background-image: url("images/compass/c-a-12.png");
    position:absolute;
    z-index:12;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .45s;
    -webkit-transition:all .45s;
    transition:all .45s;
    -moz-animation:rotate 45s infinite linear;
    -webkit-animation:rotate 45s infinite linear;
    animation:rotate 45s infinite linear;
}
.compassdiv .compass .compass-13{
    background-image: url("images/compass/c-a-13.png");
    position:absolute;
    z-index:13;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
    -moz-animation:rotate 35s infinite linear;
    -webkit-animation:rotate 35s infinite linear;
    animation:rotate 35s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-14{
    background-image: url("images/compass/c-a-14.png");
    position:absolute;
    z-index:14;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
    -moz-animation:rotate 25s infinite linear;
    -webkit-animation:rotate 25s infinite linear;
    animation:rotate 25s infinite linear;
}
.compassdiv .compass .compass-15{
    background-image: url("images/compass/c-a-15.png");
    position:absolute;
    z-index:15;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    -moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear;
    animation:rotate 3s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-16{
    background-image: url("images/compass/c-a-16.png");
    position:absolute;
    z-index:16;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
    -moz-animation:rotate 35s infinite linear;
    -webkit-animation:rotate 35s infinite linear;
    animation:rotate 35s infinite linear;
}
.compassdiv .compass .compass-17{
    background-image: url("images/compass/c-a-17.png");
    position:absolute;
    z-index:17;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .15s;
    -webkit-transition:all .15s;
    transition:all .15s;
    -moz-animation:rotate 15s infinite linear;
    -webkit-animation:rotate 15s infinite linear;
    animation:rotate 15s infinite linear;
}
.compassdiv .compass .compass-18{
    background-image: url("images/compass/c-a-18.png");
    width:100%;
    height: 100%;
    position:absolute;
    z-index:18;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
    -moz-animation:rotate 25s infinite linear;
    -webkit-animation:rotate 25s infinite linear;
    animation:rotate 25s infinite linear;
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    -o-transform: rotateZ(720deg);
    -ms-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.compassdiv .compass .compass-19{
    background-image: url("images/compass/c-a-19.png");
    position:absolute;
    z-index:19;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-background-size: 700px 350px;
    -moz-background-size: 700px 350px;
    background-size: 700px 700px;
    -webkit-border-radius: 350px;
    border-radius: 350px;
    -moz-transition:all .20s;
    -webkit-transition:all .20s;
    transition:all .20s;
    -moz-animation:rotate 20s infinite linear;
    -webkit-animation:rotate 20s infinite linear;
    animation:rotate 20s infinite linear;

}

.backgroound{
    width: 100%;
    height: 100%;
    background: url("images/compass/c-a-c.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 11;
}