/* Main
 * ========================================================================== */


/* Icons
 * -------------------------------------------------------------------------- */
 
@media screen and (min-width: 681px) { 
.one{ display:none;  } 
.two{ display:block;  } 
} 
@media screen and (max-width: 680px) { 
.one{ display:block;  } 
.two{ display:none;  } 
} 
 
 .fbtop {
word-wrap:break-word;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
		margin-left:10px;
		margin-right:12px; 
		margin-top:70px;
		margin-bottom:5px; 
}
 
.headera{
    position: fixed;
	z-index: 28900;
    width:100%;
    height:60px;
    margin:0 auto;
    top:0;
	background-repeat:repeat-x;background-position:center 0;
	padding:0 0 0 0;
	}
.headera a{color: #333333 ; text-decoration: none;}
.headera:link{color: #333333 ; text-decoration: none;} 
 
 
 .headerb{
    position: fixed;
	z-index: 28800;
    width:100%;
    height:60px;
	right:0;
    margin:0 auto;
    bottom:0;
	background-repeat:repeat-x;background-position:center 0;
	padding:0 0 0 0;
	}
.headerb a{color: #333333 ; text-decoration: none;}
.headerb:link{color: #333333 ; text-decoration: none;} 
 
 .topdb{
width: 100%;
height: 60px;
float: left;
line-height:40px;
background:url(/images/8040.png);
} 
 
 .headerc{
    position: absolute;
	width:100%;
    top: 0;
	}
 
  .headerd{
	width:100%;
	}
 
 
.dao1,.dao2,.dao3{
width: 33.33%;
height: 60px;
float: left;
}

.div_foot {
position: relative;
top:20px;
vertical-align: middle;
text-align: center;
 }

 .footfb {
position: relative;
top:0px;
vertical-align: middle;
text-align: center;
 }
 
 
 .toptop1{
width: 25%;
height: 40px;
float: left;
line-height:40px;
background-color: #FF6600 !important;
}
 .toptop2{
width: 5%;
height: 40px;
float: left;
line-height:40px;
background-color: #FF6600 !important;
}
 .toptop3{
width: 70%;
height: 40px;
float: left;
line-height:40px;
text-align: right;
color: #FFFFFF;
font-size:14px;
text-decoration:none;
background-color: #FF6600 !important;
} 
 .toptop3 a{
 color: #FFFFFF;
 font-size:14px;
 text-decoration:none;
 }
 .toptop3:link{
 color: #FFFFFF;
 font-size:14px;
 text-decoration:none;
 }
 .toptop3:visited{
 color: #FFFFFF;
 font-size:14px;
 text-decoration:none;
 } 
.inputnr{width:394px; height:58px; margin:5px 0 1px 0; padding:4px 2px; border:1px solid #aaa; font-size:12px; line-height:18px; overflow:hidden}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../assets/img/icons.png");
  vertical-align: middle;
}

        .a-fbfb {
            float: left;
            margin: 0px 10px 15px 10px;
        }


        .a-upload {
            float: left;
            padding:0px 10px 15px 10px;
            height: 30px;
            line-height: 30px;
            position: relative;
            cursor: pointer;
            color: white;
            background: #00b7ee;
            border: 1px solid #ddd;
            border-radius: 4px;
            overflow: hidden;
            display: inline-block;
            *display: inline;
            margin: 0px 10px 15px 10px;
            *zoom: 1;
        text-decoration: none;
        }
        .a-upload  input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer
        }
        .a-upload:hover {
            color: white;
            background: #00b7ee;
            border-color: #ccc;
            text-decoration: none
        }


.icon-move {
  background-position: 0 0;
}

.icon-crop {
  background-position: -30px 0;
}

.icon-zoom-in {
  background-position: -60px 0;
}

.icon-zoom-out {
  background-position: -90px 0;
}

.icon-rotate-left {
  background-position: -120px 0;
}

.icon-rotate-right {
  background-position: -150px 0;
}

.icon-lock {
  background-position: -180px 0;
}

.icon-unlock {
  background-position: -210px 0;
}

.icon-remove {
  background-position: -240px 0;
}

.icon-refresh {
  background-position: -270px 0;
}

.icon-upload {
  background-position: -300px 0;
}

.icon-off {
  background-position: -330px 0;
}

.icon-info {
  background-position: -360px 0;
}


/* Alerts
 * -------------------------------------------------------------------------- */

.docs-alert {
  display: none;
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  opacity: 0.9;
}

.docs-alert .message {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #aaa;
  color: #fff;
}

.docs-alert .primary {
  background-color: #0074d9;
}

.docs-alert .success {
  background-color: #2ecc40;
}

.docs-alert .info {
  background-color: #39cccc;
}

.docs-alert .warning {
  background-color: #ff851b;
}

.docs-alert .danger {
  background-color: #ff4136;
}

/* Button
 * -------------------------------------------------------------------------- */

.btn-primary {
  border-color: #FF6600; /* hsb(210, 100%, 45%) */
  background-color: #FF6600; /* hsb(210, 100%, 55%) */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover {
  border-color: #FF6600; /* hsb(208, 100%, 10%) */
  background-color: #FF6600; /* hsb(208, 100%, 40%) */
}


/* Basic style
 * -------------------------------------------------------------------------- */

body {
  overflow-x: hidden;
}


/* Header */

.docs-header {
  border-color: #FF6600;
  background-color: #FF6600;
  color: #fff;
}

.docs-header .navbar-brand {
  color: #eee;
}

.docs-header .navbar-toggle {
  border-color: #FF6600;
  background-color: #FF6600;
}

.docs-header .navbar-toggle:hover,
.docs-header .navbar-toggle:focus {
  border-color: #FF6600;
  background-color: #FF6600;
}

.docs-header .navbar-collapse {
  border-color: #FF6600;
}

.docs-header .navbar-text {
  color: #ddd;
}

.docs-header .navbar-nav > li > a {
  color: #eee;
}


/* Content */

.img-container,
.img-preview {
  background-color: #f7f7f7;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 480px;
  max-height: 480px;
}


.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -15px;
  margin-bottom: 10px;
}

.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  width: 263px;
  height: 148px;
}

.preview-md {
  width: 139px;
  height: 78px;
}

.preview-sm {
  width: 69px;
  height: 39px;
}

.preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}

.docs-data > .input-group {
  margin-bottom: 10px;
}

.docs-data > .input-group > label {
  min-width: 80px;
}

.docs-data > .input-group > span {
  min-width: 50px;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 10px;
}

.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner {
  white-space: nowrap;
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  padding: 3px 20px;
}

.docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

.modal-content{
	border:none;
	border-radius:0px;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.modal-body {
	padding:0px 15px;
}
.modal-footer {
	padding:0px;
	border-top:none;
}