html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
outline: 0;
padding: 0;
color:#333;
font-size: 14px;
font-family:Tahoma,Verdana,'Lucida Sans Unicode';
font-style: inherit;
font-weight: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
img {
border:0;
}
li,a{
overflow:hidden;
}
a{
color:black;
text-decoration:none;
}
li{
list-style-type:none;
float:left;
}
i {
font-style:normal;
}
.rotate-lead {
float:left;
}
/* S button-Group */
.btn-group {
position: relative;
display: inline-block;
font-size: 0px;
white-space: nowrap;
vertical-align: middle;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 2;
}
.btn-group > .btn {
font-size: 14px;
}
.btn-group > .btn:first-child {
margin-left: 0px;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.btn-group > .btn:last-child {
margin-right: 0px;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.btn-group > .btn {
position: relative;
border-radius: 0px 0px 0px 0px;
}
.btn:hover, .btn:focus {
color: rgb(51, 51, 51);
text-decoration: none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn[disabled] {
color: rgb(51, 51, 51);
background-color: rgb(230, 230, 230);
}
/* button */
input, button, select, textarea {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.btn {
display: inline-block;
*border-bottom: 0 none #b3b3b3;
display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
background-color: #f5f5f5;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left: 0em;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
**border-left-style: none;
border-left-color: inherit;
border-left-width: 0;
border-right-style: none;
border-right-color: inherit;
border-right-width: 0;
border-top-style: none;
border-top-color: inherit;
border-top-width: 0;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.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: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 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%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #0088cc, #0044cc);
border-left-color: #0044cc;
border-right-color: #0044cc;
border-top-color: #0044cc;
border-bottom-color: #002a80;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary[disabled] {
color: #FFF;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399;
}
.btn-warning {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #fbb450, #f89406);
border-left-color: #f89406;
border-right-color: #f89406;
border-top-color: #f89406;
border-bottom-color: #ad6704;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning[disabled] {
color: #FFF;
background-color: #f89406;
*background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c67605;
}
.btn-danger {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
border-left-color: #bd362f;
border-right-color: #bd362f;
border-top-color: #bd362f;
border-bottom-color: #802420;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger[disabled] {
color: #FFF;
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
background-color: #942a25;
}
.btn-success {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #62c462, #51a351);
border-left-color: #51a351;
border-right-color: #51a351;
border-top-color: #51a351;
border-bottom-color: #387038;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success[disabled] {
color: #FFF;
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
background-color: #408140;
}
.btn-info {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
border-left-color: #2f96b4;
border-right-color: #2f96b4;
border-top-color: #2f96b4;
border-bottom-color: #1f6377;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info[disabled] {
color: #FFF;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
background-color: #24748c;
}
.btn-inverse {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-image: linear-gradient(to bottom, #444444, #222222);
border-left-color: #222222;
border-right-color: #222222;
border-top-color: #222222;
border-bottom-color: #000000;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse[disabled] {
color: #FFF;
background-color: #222222;
*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808;
}
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 {
border-color: transparent;
cursor: pointer;
color: #0088cc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btn-link:hover,
.btn-link:focus {
color: #005580;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #333333;
text-decoration: none;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
}
.progress .bar{width:0%;height:100%;color:#FFF;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-repeat: repeat-x;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
background-image: linear-gradient(to bottom, #149bdf, #0480be);
}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
}
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar, .progress .bar-success {
background-color: #5eb95e;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #bd362f, #57a957);
}
.progress-success.progress-striped .bar, .progress-striped .bar-success {
background-color: #bd362f;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar, .progress .bar-info {
background-color: #4bb1cf;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.bs-docs-example .table, .bs-docs-example .progress, .bs-docs-example .well, .bs-docs-example .alert, .bs-docs-example .hero-unit, .bs-docs-example .pagination, .bs-docs-example .navbar, .bs-docs-example > .nav, .bs-docs-example blockquote {
margin-bottom: 5px;
}
/* Custom */
.btn-group .btn.login-btn {
width:121px;
height:53px;
color:#FFF;
font-size:14px;
font-weight:700;
background:#6D83A9;
}
.btn-group .btn.login-btn:nth-child(1) {
margin-right:1px;
}
.header .btn.btn-group {
float:right;
}
.btn-group .btn.login-btn:hover {
background:#819DC9;
}
.btn.dropdown-btn,.btn.search-btn {
min-width:115px;
height:35px;
border:1px solid #CCCCCC;
text-align:center;
padding-left:28px;
letter-spacing:1px;
border-radius:2px;
font-size:12px;
background:#FFF;
-webkit-box-shadow: 1px 0px 2px #FFF;
-moz-box-shadow:1px 0px 2px #FFF;
box-shadow: 0px 0px 1px #FFF;
}
.btn.dropdown-btn:hover {
background-color:#FFF;
background-color:rgba(252, 252, 250, 0.75);
}
.btn.dropdown-btn i {
width:7px;
height:9px;
display:inline-block;
margin-left:10px;
background:url(/static/image/homesite/cssimage/dropdownIcon.bmp) no-repeat left center;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/dropdownIcon.png) 1x,url(/static/image/homesite/cssimage/retina/dropdownIcon-2x.png) 2x);
}
.btn.search-btn {
width:162px;
color:#FFF;
border-radius:2px !important;
border:0;
font-size:16px;
font-weight:700;
margin-left:14px;
font-family:微软雅黑;
background:#4e6c9c url(/static/image/homesite/cssimage/searchIcon.png) no-repeat scroll 50px center;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/searchIcon.png) 1x,url(/static/image/homesite/cssimage/retina/searchIcon-2x.png) 2x);
}
.btn.search-btn:hover {
background-color:#F26522;
color:#F7F8F9;
}
.btn.wide-btn {
text-align:left;
padding-left:52px;
background-image:url(/static/image/homesite/cssimage/applybtn.png);
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/applybtn.png) 1x,url(/static/image/homesite/cssimage/retina/applybtn-2x.png) 2x);
background-position:19px center;
}
.btn.wide-btn,.btn.narrow-btn {
width:135px;
height:38px;
font-size:14px;
font-weight:700;
color:#FFF;
border:0;
background-color:#4A6693;
background-repeat:no-repeat;
}
.btn.wide-btn.disable {
color:#3E5D90;
background-color:#F4F4F3;
background-image:none;
padding-left:10px;
text-align:center;
cursor:default;
box-shadow:none;
}
.btn.wide-btn.disable:hover {
background-color:#F4F4F3 !important;
}
.btn.wide-btn.disable:active {
box-shadow:none;
}
.btn.narrow-btn {
width:100px;
color:#666;
font-size:12px;
background:#F2F2F2;
}
.btn.wide-btn:hover,
.btn.prevPage-btn:hover,.btn.nextPage-btn:hover {
background-color:#F26522;
}
.btn.prevPage-btn,.btn.nextPage-btn {
width:67px;
height:38px;
line-height:38px;
text-align:left;
font-size:12px;
border:0;
color:#FFF;
padding:0;
padding-left:38px;
display:inline-block;
background-color:#4A6693;
background-position:28px 16px;
background-repeat:no-repeat;
background-image:url(/static/image/homesite/cssimage/prevPageIcon.png);
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/prevPageIcon.png) 1x,url(/static/image/homesite/cssimage/retina/prevPageIcon-2x.png) 2x);
background-attachment:scroll;
}
.btn.prevPage-btn a, .btn.nextPage-btn a {
color:#FFF;
}
.btn.nextPage-btn {
width:75px;
padding-left:30px;
background-position:70px center;
background-image:url(/static/image/homesite/cssimage/nextpageIcon.png);
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/nextpageIcon.png) 1x,url(/static/image/homesite/cssimage/retina/nextpageIcon-2x.png) 2x);
}
/* S header */
.hang-header {
width:100%;
min-width:1034px;
height:42px;
background:#4A6693;
}
.header {
width:998px;
height:42px;
padding-top:0px;
margin:0 auto;
}
.header .logo {
width:96px;
height:31px;
float:left;
margin:6px 0 0 1px;
background:url(/static/image/homesite/cssimage/mainlogo.png) no-repeat 0 scroll;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/mainlogo.png) 1x,url(/static/image/homesite/cssimage/retina/mainlogo-2x.png) 2x);
background-position:0 0px;
}
.header .city {
float:left;
font-weight:700;
color:#FFF;
letter-spacing:1px;
padding:0 8px 0 15px;
line-height:40px;
cursor:default;
/* city switch be annotated */
/*padding-right:38px;*/
}
.header .city span {
color:#FFF;
cursor:pointer;
font-size:12px;
margin-left:2px;
}
.header .city span:hover {
text-decoration:underline;
}
.header .city:hover {
color:#FFF;
}
.header .tabBlock {
height:42px;
float:left;
margin-left:2px;
}
.header .tabBlock .tab {
width:84px;
height:42px;
line-height:42px;
font-weight:700;
text-align:center;
color:#FFF;
float:left;
}
.header .tabBlock.right {
float:right;
}
.header .tabBlock.right.single .tab {
padding-left:16px;
padding-right:16px;
}
.header .tabBlock.right.single .tab:hover {
text-decoration:underline;
background:#4A6693;
}
.header .tabBlock.right .tab {
padding-left:8px;
padding-right:8px;
}
.header .tabBlock.right .tab:hover {
color:#FFF;
background-color:#3E557C;
text-decoration:none;
}
.header .tab.fix {
line-height:40px;
background:url(/static/image/homesite/cssimage/smalltabBkg.png) no-repeat center bottom scroll;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/smalltabBkg.png) 1x,url(/static/image/homesite/cssimage/retina/smalltabBkg-2x.png) 2x);
}
.header .tabBlock .tab:hover {
color:#FFF;
background-color:#3E557C;
}
.header .tab.fix span{
display:block;
height:40px;
color:#FFF;
font-size:12px;
font-weight:normal;
line-height:40px;
margin-top:-28px;
}
.header .tabBlock span:hover {
color:#000000;
}
.header .btn-group {
margin-right:2px;
float:right;
}
.details {
width:998px;
margin:0 auto;
padding:0 18px;
}
/* S footer */
.hang-footer {
width:100%;
min-width:1034px;
float:left;
padding-top:35px;
padding-bottom:26px;
border-top:1px solid #EEE;
background:#F7F8F9;
-moz-border-box:0 1px 1px #FFF inset;
-webkit-border-box:0 1px 1px #FFF inset;
box-shadow:0 1px 1px #FFF inset;
}
.hang-footer a:hover {
color:#000 !important;
}
.hang-footer .main-body {
width:998px;
margin:0 auto;
}
.hang-footer .block {
width:100%;
color:#666;
float:left;
padding-top:25px;
font-size:12px;
line-height:22px;
border-top:1px solid #FFF;
border-bottom:1px solid #DDD;
}
.hang-footer .block a {
color:#666;
margin-left:6px;
}
.hang-footer .paddingB {
padding-bottom:25px;
}
.hang-footer .no-border {
border:0;
padding-top:28px;
line-height:18px;
}
.hang-footer .block a:hover {
text-decoration:underline;
}
.hang-footer .team-bank {
width:100%;
height:100px;
float:left;
padding-bottom:25px;
border-bottom:1px solid #DDD;
background:url(/static/image/homesite/cssimage/891273981273123.png) no-repeat left 26px;
}
.hang-footer .team-bank .text {
color:#787878;
line-height:12px;
font-size:12px;
}
.hang-footer .team-bank ul {
display: inline-block;
width:100px;
height:80px;
margin-top:5px;
padding-right:40px;
}
.hang-footer .team-bank li {
display:inline-block;
float:none;
width:100%;
height:22px;
margin-top:18px;
}
.hang-footer .team-bank li a {
display:inline-block;
width:100%;
height:100%;
}
.hang-footer .team-bank img {
max-height:22px;
}
.hang-footer.thin .paddingB {
padding-top:0;
border-top:none;
}
.hang-footer.thin .no-border {
padding-top:18px;
}
.hang-footer.thin {
padding-top:25px;
padding-bottom:8px;
}
.hang-footer.thiner {
display:inline-block;
width:100%;
text-align:center;
margin-bottom:-3px;
padding-top:32px;
padding-bottom:32px;
background:#F5F6F7 url(/static/image/homesite/cssimage/main-color.bmp) repeat 0 scroll;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/main-color.bmp) 1x,url(/static/image/homesite/cssimage/retina/main-color-2x.png) 2x);
box-shadow: inset 0 1px 1px #FFF;
}
.hang-footer.thiner a {
font-size:12px;
margin-left:15px;
}
.hang-footer.thiner .sernum {
color:#666;
font-size:12px;
margin-top:2px;
}
.hang-footer.thin .sernum {
color:#666;
font-size:12px;
margin-top:4px;
margin-bottom:2px;
}
.hang-footer.thiner .no-border {
padding-top:0;
}
/* S page Number */
.pageNum {
max-width:730px;
float:left;
margin-top:28px;
position:relative;
left:50%;
margin-left:-298px;
}
.pageNum .btn {
float:left;
}
.pageNum .btn.disable {
width:71px;
color:#375587;
font-family:'Microsoft YaHei';
padding-left:34px;
background-color:#EEE !important;
background-image:none;
box-shadow:none;
cursor:default;
}
.pageNum .btn.disable:active {
box-shadow:none;
}
.pageNum ul {
overflow:hidden;
max-height:40px;
margin:0 14px;
float:left;
-webkit-padding-left:0;
}
.pageNum a {
display:inline-block;
float:left;
}
.pageNum li {
height:38px;
padding:0 10px;
display:block;
text-align:center;
line-height:38px;
color:#4A6693;
font-size:18px;
margin:0 1px;
border-radius:3px;
}
.pageNum li:hover {
color:#FFF;
background-color:#F26522;
}
.pageNum li.fix,
.pageNum li.fix:hover {
cursor:default;
background-color:#f2f2f2;
color:#375587;
box-shadow:none;
}
/* head portrait */
.por-head {
width:64px;
height:64px;
float:left;
border:1px solid #EFEFEF;
border-radius:1px;
}
.por-head img {
width:64px;
height:64px;
}
.por-head .hide-border {
display:none;
width:62px;
height:62px;
margin-left:-2px;
margin-top:-2px;
position:absolute;
border:3px solid #4A6693;
}
.por-head .hide-border a {
width:62px;
height:62px;
display:block;
}
.por-head.fix .hide-border {
display:block;
}
.g-close {
box-sizing:border-box;
width:20px;
height:20px;
color:#000;
line-height:19px;
text-align:center;
font-size:14px;
font-weight:700;
padding:0;
/*padding:2px 0px 4px;*/
padding-right:0.6px;
background:#FFF;
cursor:pointer;
border-radius:100%;
font-family:'Microsoft YaHei';
}
.hide_global {
display:none;
}
#conditionForm {
display:none;
}
.colorful {
color:#F26522 !important;
}
/* detail crumbs */
.details .crumbs {
height:38px;
line-height:38px;
letter-spacing:0.5px;
}
.details .crumbs a {
color:#646464;
font-size:12px;
margin-left:3px;
padding-right:9px;
background:url(/static/image/homesite/cssimage/crumbs.png) no-repeat right center;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/crumbs.png) 1x,url(/static/image/homesite/cssimage/retina/crumbs-2x.png) 2x);
}
.details .crumbs a:last-child {
background:none;
}
.details .crumbs a:hover {
text-decoration:underline;
}
.no-border {
border:0 !important;
}
.linkage-block {
display:none;
float:left;
}
/* common bottom */
.common-bottom-handle {
display:none;
position:fixed;
bottom:0;
right:0;
padding-right:3px;
overflow:visible;
z-index:10001;
}
.common-bottom-handle .dxmHandle-bar {
width:278px;
height:31px;
float:left;
cursor:pointer;
padding-top:8px;
}
.common-bottom-handle .dxmHandle-bar .dxm-grace {
width:260px;
height:34px;
position:absolute;
line-height:32px;
padding-left:18px;
border-top-left-radius:5px;
border-top-right-radius:5px;
color:#FFF;
font-size:12px;
background:#F26522;
z-index:10002;
}
.common-bottom-handle .dxmHandle-bar .dxm-grace i {
margin-left:10px;
font-weight:700;
}
.common-bottom-handle .dxmHandle-bar .dxm-grace .sil-er {
height:34px;
font-size:12px;
color:#FFF;
float:right;
padding-left:15px;
padding-right:14px;
border-top-right-radius:5px;
background:#F5844E;
}
.common-bottom-handle .dxm-grace .sil-er:hover {
background:#FF905D;
}
.common-bottom-handle .dxm-grace .sil-er i {
display:inline-block;
width:5px;
height:8px;
margin-left:4px;
background:url(/static/image/homesite/cssimage/nextpageIcon.png) no-repeat scroll center;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/nextpageIcon.png) 1x,url(/static/image/homesite/cssimage/retina/nextpageIcon-2x.png) 2x);
}
.common-bottom-handle .dxmHandle-bar .dxm-apart {
width:276px;
height:40px;
position:absolute;
margin-top:-3px;
border:1px solid #D6D6D6;
border-radius:3px;
background:#F2F2F2 url(/static/image/homesite/cssimage/asmallbarbkg.png) repeat scroll left top;
z-index:999;
}
.common-bottom-handle .dxmHandle-bar .dxm-apart i {
width:10px;
height:6px;
margin:3px auto;
background:url(/static/image/homesite/cssimage/T1aT0KFg4gXXXhuK.h-284-210.png) no-repeat scroll;
background-position:-274px -81px;
}
.common-bottom-handle .dxmHandle-bar input {
margin:3px 3px 3px 4px;
}
.common-bottom-handle .dxmHandle-bar .dxm-product {
width:278px;
position:absolute;
margin-top:-2px;
border-top:1px solid #E0E0E0;
background:#F5F5F5;
z-index:999;
-webkit-box-shadow:#DDD 0px 0px 2px;
-moz-box-shadow:#DDD 0px 0px 2px;
box-shadow:#DDD 0px 0px 2px;
}
.common-bottom-handle .dxmHandle-bar .dxm-product ul {
width:278px;
max-height:440px;
float:left;
cursor:default;
overflow-y:auto;
overflow-x:hidden;
overflow:overlay;
}
.common-bottom-handle .dxmHandle-bar .dxm-product li,
.common-bottom-handle .dxm-product .control {
width:269px;
height:60px;
padding-left:7px;
padding-top:14px;
border-width:1px;
border-style:solid;
border-color:#DDD;
border-top-color:#FFF;
border-bottom:1px #C2C2C2 dashed;
}
.common-bottom-handle .dxm-product li .por-head ,
.common-bottom-handle .dxm-product li .por-head img {
width:42px;
height:42px;
}
.common-bottom-handle .dxm-product li .por-head {
margin-left:5px;
}
.common-bottom-handle .dxm-product li .tool {
float:left;
margin-top:12px;
}
.common-bottom-handle .dxm-product li .info-block {
width:175px;
float:left;
padding-top:2px;
margin-left:8px;
}
.common-bottom-handle .dxm-product .info-block .title a {
display:inline-block;
max-width:175px;
height:18px;
margin-top:-1px;
margin-bottom:1px;
font-size:14px;
color:#375587;
font-family:'Microsoft YaHei';
}
.common-bottom-handle .dxm-product .info-block p {
font-size:12px;
margin-top:2px;
}
.common-bottom-handle .dxm-product .control {
height:36px;
padding-top:5px;
cursor:default;
background:#ECECEC;
}
.common-bottom-handle .dxm-product .control .tool {
margin-top:6px;
float:left;
}
.common-bottom-handle .dxm-product .control label {
font-size:12px;
line-height:12px;
padding-left:4px;
padding:6px 0 6px 4px;
}
.common-bottom-handle .dxm-product .control input {
float:left;
}
.common-bottom-handle .dxm-product .simple-btn {
width:85px;
height:30px;
font-size:12px;
padding:0;
color:#B4B4B4;
float:right;
margin-right:6px;
background:#FFF;
border:1px solid #E2E2E2;
border-bottom-color:#D3D3D3;
box-shadow:0 1px 1px #DDD;
}
.common-bottom-handle .dxm-product .simple-btn.fix {
color:#F26522;
}
.common-bottom-handle .dxm-product li.padding-bottom {
height:44px;
}
.common-bottom-handle .dxm-product .a-goods.fix {
background:#E5E5E5;
}
.dxm-product .a-goods .g-close {
display:none;
float:right;
margin-top:-28px;
margin-left:165px;
position:absolute;
}
.dxm-product .a-goods.fix .g-close {
display:block;
}
.dxm-product.scroll .a-goods.fix .g-close {
margin-top:-28px;
margin-left:154px;
}
.dxm-product .a-goods .load {
display:none;
width:20px;
height:20px;
position:absolute;
margin-top:-28px;
margin-left:165px;
background:url(/static/image/homesite/cssimage/loadingTime.gif) no-repeat center scroll;
}
/*.dxmHandle-bar .dxm-apart.nothing {
margin-top:-34px;
}*/
/* =========== - cut up line - ========== */
.common-bottom-handle .dxmHandle-bar .dxm-apart {
display: block;
}
.common-bottom-handle .dxmHandle-bar .dxm-apart i {
display: none;
}
.common-bottom-handle .dxmHandle-bar:hover .dxm-apart i {
display:block;
}
.dxmHandle-bar .dxm-apart .remark {
display:none;
margin-top:5px;
padding-left:70px;
}
.dxmHandle-bar .dxm-apart.nothing .remark,
.dxmHandle-bar .dxm-apart.nothing i {
display:block;
}
.common-bottom-handle .dxmHandle-bar .dxm-product {
display: none;
}
/* city window */
.city .windows {
display:none;
min-width:68px;
padding:8px 20px 6px 20px;
position:absolute;
margin-top:-10px;
margin-left:28px;
font-weight:500;
font-family:'Microsoft YaHei';
letter-spacing:1px;
border-bottom:3px solid #4A6693;
border-radius:0px;
background:#FFF;
-webkit-box-shadow:#666 0 1px 4px;
-moz-box-shadow:#666 0 1px 6px;
box-shadow:#b9b9b9 1px 1px 4px;
z-index:999;
cursor:default;
}
.city .windows a:hover {
/*text-decoration:underline;*/
}
.city .windows p {
line-height:28px;
}
.city .windows .colorful {
margin-top:5px;
line-height:20px;
}
.city .windows .big-font {
color:#4A6693;
}
.city .windows .big-font:hover {
color:#F26522;
}
.city .windows .disable {
line-height:26px;
}
.city .windows .disable a {
color:#939393;
cursor:default;
}
.ns-iedebug .main-bkg {
margin-top:141px;
}
.ns-iemain {
height:133px;
padding-top:8px;
padding-left:16px;
font-weight:700;
background:#F0F0F0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ns-iemain h2,
.ns-iemain h4 {
font-size:18px;
line-height:26px;
}
.ns-iemain h4 {
line-height:66px;
}
.ns-iemain ul {
margin-top:-60px;
margin-left:354px;
}
.ns-iemain li {
margin-left:18px;
}
.ns-iemain li img {
width:58px;
}
.ns-iemain .g-close {
display:inline-block;
position:absolute;
background:none;
font-size:18px;
margin-left:188px;
}
.header .logo.for_cn {
background:url(/static/image/homesite/cssimage/for.cn/mainlogo.png) no-repeat 0 scroll;
background-image: -webkit-image-set(url(/static/image/homesite/cssimage/for.cn/mainlogo.png) 1x,url(/static/image/homesite/cssimage/for.cn/mainlogo-2x.png) 2x);
background-position:0 0px;
}
.banner .dots {
position: absolute;
left: 0px;
right: 0px;
bottom: 20px;
padding-left:474px;
}
.banner .dots li {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 100%;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .arrows {
position: absolute;
bottom: 20px;
right: 20px;
color: #fff;
}
.banner .arrow {
display: inline;
padding-left: 10px;
cursor: pointer;
}
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }