/* # Form elements
================================================== */

fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }

/*===== Fluid grid =====*/

.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"] { display: block; float: left; width: 100%; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; }

.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }


/*±íµ¥*/
.textarea,.input-text{
	border: 1px solid #bac7d2;
	background: #f7fcfe;/* #f7fcfe #f3fafd*/
	border-radius: 2px;
	box-shadow: 2px 2px 2px #e7f1f7 inset;
}
.input-text{padding-left:5px; height: 28px;}
.textarea{ padding-left:5px; width: 380px;height: 90px;}

/*===== Login =====*/

.login { width: 340px;  }
.login .control-group { padding: 16px 16px 0 16px; border: none; }
.login-btn { margin: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.login .control-group input[type=text] { padding-right: 28px; background: #fff url(../img/elements/interface/login_username.png) no-repeat 278px 8px; }
.login .control-group input[type=password] { padding-right: 28px; background: #fff url(../img/elements/interface/login_password.png) no-repeat 278px 8px; }

/*===== Wells =====*/

[class^="well"], [class*=" well"] { background: #fefefe; border: 1px solid #004eb9; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
[class^="well"] blockquote, [class*=" well"] blockquote { border-color: rgba(0, 0, 0, 0.15); }
.well-white { background: #ffffff; border: 1px solid #d5d5d5; position: relative;text-align: center; }
.well-smoke { font-size: 14px; background: #004eb9; border: 1px solid #004eb9;text-align: center;}
.well-large > .body, .well-large.body { padding: 24px; }
.well-small > .body, .well-small.body { padding: 9px; }

.well .tab-content { background: #ffffff; }
.right-aligned-tabs > li { float: right; }
.right-aligned-tabs > li > a { border-left: 1px solid #E1E1E1; border-right: 0; }
.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }
.tab-content > .active, .pill-content > .active { display: block; }
.tabs-below > .tab-content { margin-top: 0; margin-bottom: 1px; }

/*===== Buttons =====*/

.btn { font-size: 11px; text-align: center; color: #555; font-weight: bold; display: inline-block; margin: 2px 0; padding: 8px 12px 7px 12px; line-height: 13px; border: 1px solid #d5d5d5; 
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;

  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; color: #606060; }
.btn-primary:hover, .btn-info:hover, .btn-warning:hover, .btn-success:hover, .btn-danger:hover, .btn-inverse:hover { color: #ffffff; }
.btn:active { background: #fafafa; color: #777; }
.btn > b, .modal-footer i { margin-right: 6px; font-size: 12px; }
.btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #fefefe; }
.btn:first-child { *margin-left: 0; }
.btn:focus { outline: 0; }
.btn.active, .btn:active { background-image: none; outline: 0;
  -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; color: #999; opacity: 0.65; filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-danger.disabled,
.btn-danger[disabled],
.btn-info.disabled,
.btn-info[disabled],
.btn-success.disabled,
.btn-success[disabled],
.btn-warning.disabled,
.btn-warning[disabled],
.btn-inverse.disabled,
.btn-inverse[disabled] 
{ color: #fff; }

.btn-large { padding: 9px 14px 9px 14px; height: auto; font-size: 13px; }
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; }
.btn-small { padding: 7px 10px 6px 10px; height: auto; font-size: 11px; }
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; }
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 6px 8px 5px 8px; height: auto; font-size: 11px; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
a.btn { line-height: 13px; }

.btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #004eb9;
  background: -moz-linear-gradient(top, #004eb9, #004eb9);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#004eb9), to(#004eb9));
  background: -webkit-linear-gradient(top, #004eb9, #004eb9);
  background: -o-linear-gradient(top, #004eb9, #004eb9);
  background: linear-gradient(to bottom, #004eb9, #004eb9);
  border-color: #004eb9;
}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background: #4194c8; color: #fff; }

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #c9823c;
  background: -moz-linear-gradient(top, #e49a4d, #c9823c);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e49a4d), to(#c9823c));
  background: -webkit-linear-gradient(top, #e49a4d, #c9823c);
  background: -o-linear-gradient(top, #e49a4d, #c9823c);
  background: linear-gradient(to bottom, #e49a4d, #c9823c);
  border-color: #c9823c;
}
.btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background: #d6944e; color: #fff; }

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #c05343;
  background: -moz-linear-gradient(top, #d65f4d, #cb4131);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d65f4d), to(#c05343));
  background: -webkit-linear-gradient(top, #d65f4d, #c05343);
  background: -o-linear-gradient(top, #d65f4d, #c05343);
  background: linear-gradient(to bottom, #d65f4d, #c05343);
  border-color: #c05343;
}
.btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background: #cc5949; color: #fff; }

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #4ca15b;
  background: -moz-linear-gradient(top, #69b076, #4ca15b);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#69b076), to(#4ca15b));
  background: -webkit-linear-gradient(top, #69b076, #4ca15b);
  background: -o-linear-gradient(top, #69b076, #4ca15b);
  background: linear-gradient(to bottom, #69b076, #4ca15b);
  border-color: #4ca15b;
}
.btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background: #51a351; color: #fff; }

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #389ebc;
  background: -moz-linear-gradient(top, #53b8d6, #389ebc);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#53b8d6), to(#389ebc));
  background: -webkit-linear-gradient(top, #53b8d6, #389ebc);
  background: -o-linear-gradient(top, #53b8d6, #389ebc);
  background: linear-gradient(to bottom, #53b8d6, #389ebc);
  border-color: #389ebc;
}
.btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #46abc9; color: #fff; }

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #4a4a4a;
  background: -moz-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#4a4a4a));
  background: -webkit-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: -o-linear-gradient(top, #5e5e5e, #4a4a4a);
  background: linear-gradient(to bottom, #5e5e5e, #4a4a4a);
  border-color: #4a4a4a;
}
.btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #545454; color: #fff; }

button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; }
button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; }
.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-link { color: #0088cc; cursor: pointer; border-color: transparent; }
.btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover { color: #333333; text-decoration: none; }

#XueXi-Container{
    width:320px;
    margin:0 auto;
    background:#FFF;
}
#XueXi-Content{
    height:106px;
    margin-top:10px;
    margin-bottom:10px;
    background:#FFF;
     
}
#XueXi-Content-Left{
    height:30px;
    width:150px;
    margin-right:5px;
	margin-bottom:8px;
    float:left;
    background:#FFF;
}

#XueXi-Content-Right{
    height:30px;
    width:150px;
    float:right;
	margin-bottom:8px;
    background:#FFF;
}

#XueXi-Content-Center{
    height:30px;
    width:320px;
    float:left;
    background:#FFF;
}
.XueXiClear{
    clear:both;
}