/* Minification failed. Returning unminified contents.
(6708,92): run-time error CSS1030: Expected identifier, found ','
(6708,104): run-time error CSS1031: Expected selector, found ')'
(6708,104): run-time error CSS1025: Expected comma or open brace, found ')'
(6715,101): run-time error CSS1030: Expected identifier, found ','
(6715,113): run-time error CSS1031: Expected selector, found ')'
(6715,113): run-time error CSS1025: Expected comma or open brace, found ')'
*/
.commment-data .media-body p, .review-content .media-body p, .t_fsz, .message-box .content-text, .comments .list li > .reply-box .content, .forward-note-note, .forward-note-titlem, .mes-req-info .message, .tab-word-break {
word-wrap: break-word !important;
display: table;
width: 100%;
table-layout: fixed;
}
.background {
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-size: cover !important;
background-color: transparent;
background-image: url("../Images/sign_icon/PA-bg-icon.gif");
}
.dis-table > *.ver-top, .dis-td.ver-top, .dis-table.ver-top > * {
vertical-align: top !Important;
}
.dis-table > *.ver-bot, .dis-td.ver-bot, .dis-table.ver-bot > * {
vertical-align: bottom !Important;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a {
background: transparent;
}
a:active, a:hover {
outline: 0;
}
/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
.form-select label {
font-weight: normal;
cursor: pointer;
font-size: 0;
}
.form-select input[type="radio"], .form-select input[type="checkbox"] {
display: none;
}
.form-select input + .iconfont {
text-align: center;
font-size: 12px;
line-height: 22px;
display: inline-block;
width: 22px;
height: 22px;
margin-right: 8px;
border: 1px solid #CCC;
border-radius: 2px;
color: transparent;
background: #FAFAFA;
}
.form-select input[type="radio"] + .iconfont {
border-radius: 50%;
}
.form-select input:checked + .iconfont {
background: #394F75;
color: #FFF;
border-color: #394F75 !important;
}
.form-select label:hover .iconfont {
border-color: #394F75;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
overflow: auto;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
min-height: 25px;
min-width: 25px;
}
::-webkit-scrollbar-track {
background-color: #f7f7f7;
border: 1px solid #efefef;
}
::-webkit-scrollbar-track-piece {
background-color: #f1f0f0;
}
html {
height: 100%;
-ms-overflow-style: scrollbar;
}
body {
-ms-overflow-style: scrollbar;
}
body.lock {
overflow: hidden;
}
pre {
white-space: normal;
}
input::-ms-clear {
color: #666;
width: 24px;
cursor: pointer;
}
.dis-table-col {
display: table;
width: 100%;
}
.dis-table-col > * {
display: table-cell;
vertical-align: middle;
float: none;
}
.dis-table {
display: table;
width: 100%;
}
.dis-table > * {
display: table-cell;
vertical-align: middle;
}
.dis-td, .dis-tbody > *, .dis-thead > * {
display: table-cell;
vertical-align: middle;
}
.dis-thead {
display: table-header-group;
}
.dis-tbody {
display: table-row-group;
}
.div-fix {
position: relative;
z-index: 100;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear;
}
.cke_dialog_background_cover {
opacity: 0.1 !important;
}
body {
overflow-x: hidden;
font-family: Helvetica,Arial,Microsoft YaHei,STHeiti,sans-serif;
background-color: #F7FAFF;
}
body.menu-open {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
button[disabled], html input[disabled] {
background: #fafafa;
}
.modal-footer {
padding: 10px 15px;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
background-image: url("../images/sign_icon/sel-opt-icon.png") !important;
background-position: right center !important;
background-repeat: no-repeat !important;
padding-right: 20px !Important;
padding-right: 0 \9 \0 !Important;
}
select::-ms-expand {
display: none;
}
#TopicList .topic_right .introduction, #TopicList .comment dd .com .txt {
word-wrap: break-word !important;
display: table;
width: 100%;
table-layout: fixed;
}
.electionStatistics > ul > li, .element-photo {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}
.modal-header {
position: relative;
background-color: #fcfcfc;
box-shadow: 0 1px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
border: none;
}
.modal-footer {
position: relative;
box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
border: none;
}
.modal .modal-dialog {
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
}
.modal.fade .modal-dialog {
transform: translate(-50%, -75%);
-moz-transform: translate(-50%, -75%);
-webkit-transform: translate(-50%, -75%);
-o-transform: translate(-50%, -75%);
-ms-transform: translate(-50%, -75%);
}
.modal.in .modal-dialog {
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.modal.ver-top .modal-dialog {
position: relative;
top: auto;
left: auto;
margin: 25px auto;
}
.modal.fade.ver-top .modal-dialog {
transform: translate(0, -25%);
-moz-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
}
.modal.in.ver-top .modal-dialog {
transform: translate(0, 0);
-moz-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.icon-s_wechat {
color: #11dd1a !important;
}
.icon-s_facebook {
color: #3b589c !important;
}
.icon-s_twitter {
color: #1ab2e8 !important;
}
.icon-s_yahoo {
color: #2d1152 !important;
}
.icon-s_yahoo:before {
background: none !important;
box-shadow: none !important;
}
.icon-s_EBrite {
color: #f26832 !important;
}
.icon-s_google {
color: #520c0c !important;
}
[class*=icon-s_] {
text-shadow: none !important;
}
.background {
background-image: url("../images/PA_bg3.jpg") !important;
position: fixed;
width: 100%;
height: 100%;
transition: all linear .2s;
z-index: -1;
bottom: 0;
}
.can_signTip, .can_nocantip {
text-align: center;
font-size: 18px;
height: 485px;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 485px;
background-color: rgba(32,110,122,0.1);
}
.navbar-inverse .navbar-nav > li > a {
color: #ddd;
}
.mmlogin > a {
line-height: 56px !Important;
padding: 0 10px 0 20px !Important;
position: relative;
}
.mmSignwith {
position: absolute;
top: 0;
right: 100%;
background-color: #394F75;
white-space: nowrap;
}
.mmSignwith > a {
display: inline-block !important;
clear: none !important;
padding: 2px 12px !important;
}
.SignIn a, .SignUp_red a {
line-height: 60px !Important;
padding: 0 10px !Important;
}
.SignIn a.iconfont {
font-size: 22px;
position: relative;
padding: 0 7px !important;
}
.mmSignwith > a.iconfont {
font-size: 20px;
}
.SignIn a.iconfont:before, .form-signwith > a:before, .sign_icon a.iconfont:before {
position: relative;
z-index: 10;
border-radius: 50%;
}
.SignIn a.iconfont:after, .form-signwith > a:after, .sign_icon a.iconfont:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
border-radius: 50%;
width: 18px;
height: 18px;
margin: -10px 0 0 -9px;
z-index: 1;
}
.SignIn a.iconfont:hover, .sign_icon a.iconfont:hover {
text-shadow: 0 0 5px #fff;
}
.SignIn a.icon-s_yahoo, .sign_icon a.icon-s_yahoo {
font-size: 28px;
}
.page-return i {
position: relative;
}
.page-return a {
color: #ddd;
display: block;
padding: 5px 10px;
font-size: 18px;
cursor: pointer;
margin-bottom: 15px;
position: relative;
}
.page-return a:before {
content: "";
position: absolute;
top: 9px;
right: -4px;
width: 2px;
background: rgba(0,0,0,0.2);
height: 17px;
}
.page-return a:hover {
color: #94d6ff;
background: rgba(0,0,0,0.02);
}
a:focus {
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.left {
float: left;
}
.right {
float: right;
}
td {
position: relative;
}
ul, ol {
list-style: none;
padding: 0;
margin: 0;
}
.main_body {
position: relative;
}
.generic_body {
padding-top: 80px;
margin: 0 auto;
width: 100%;
*zoom: 1;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear;
}
.generic_body:after {
content: "";
display: table;
clear: both;
}
.generic_body.slide-left {
-moz-transform: translate3d(-240px, 0, 0);
-ms-transform: translate3d(-240px, 0, 0);
-o-transform: translate3d(-240px, 0, 0);
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}
.generic_body.slide-left #container-content {
box-shadow: 1px 0 3px rgba(0,0,0,0.4);
z-index: 101;
}
.generic_body #container-content {
position: relative;
}
.generic_body > .cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.3);
cursor: pointer;
z-index: 1000;
}
.generic_body > .navbar-collapse {
position: absolute;
top: 50px;
bottom: 0;
left: 100%;
width: 240px;
background: #253145;
overflow-y: auto;
border: none;
box-shadow: none;
z-index: 100;
padding: 0;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear;
}
.generic_body > .navbar-collapse .navbar-nav {
margin: 0;
}
.generic_body > .navbar-collapse .navbar-nav > li.active a {
border-left: 4px solid #26a5b4;
color: #26a5b4;
padding-left: 16px;
font-weight: 700;
}
.generic_body > .navbar-collapse .navbar-nav a {
text-transform: uppercase;
color: #ccc;
font-size: 16px;
padding: 12px 20px;
}
.generic_body > .navbar-collapse .navbar-nav a:hover, .generic_body > .navbar-collapse .navbar-nav a:focus {
color: #fff;
background: #21324F;
}
.generic_body > .navbar-collapse .navbar-nav a.profile {
background: #21324f;
}
.generic_body > .navbar-collapse .navbar-nav li {
border-bottom: 1px solid rgba(19,18,18,0.48);
border-top: 1px solid rgba(13,13,13,0.23);
}
.generic_body > .navbar-collapse .dropdown > a {
background: #111;
color: #fff;
}
.generic_body > .navbar-collapse .dropdown-menu {
display: block;
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.generic_body > .navbar-collapse .dropdown-menu a {
padding: 10px 10px 10px 30px !important;
white-space: normal;
line-height: 24px;
font-size: 14px;
}
.header, .generic_body {
position: relative;
}
.answer-button::after, .issue-haveDone a::after, .candidate-toolTip:after, #profileInfo .dropdown-menu > li a:hover:after, .islands_tip:after, .sidebar-icon a:before, .QRcode:before, .tool-titTip:before, .myPosition-tab li:before, .tagsHelp:before, .Errors:before, .forward-photo > div:before, .heard .kjnav.active > a:after, .PAGroup-members .member-tool .member-tool-list:after, .chat-his-dropmenu .dropdown-menu li.active a:after, .chatroom-tipwords:before, .live-list .media-left:before, .chatroom-chatWord:before, .pseudo-icon:before, .pseudo-after-icon:after, .chatroom-chatBlock.fix-pos .chatroom-chatWord:after, .video-lists-items .media-left span:before, .sear-condition #member.input:before, .dashboard-left li.expand .menuSpan:before, .space-profile .photo:after {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.issue-order button, .issue-total, .viewDecide {
font-family: "Footlight MT Light";
}
.most-answered span {
font-family: "Franklin Gothic heavy";
color: #fff;
font-weight: 700;
}
.userphoto {
position: relative;
display: block;
width: 80px;
height: 80px;
overflow: hidden;
margin: 0 1em 0.5em 0;
border: 1px #ccc solid;
cursor: pointer;
border-radius: 4px;
}
.search {
position: relative;
padding: 11px 0;
margin-right: 10px;
}
.friends-left .search input:focus {
outline: none;
background: none;
color: #fff;
border-color: rgba(255,255,255,0.3);
}
.search > i {
position: absolute;
top: 17px;
right: 8px;
color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
}
.search-signout > i {
line-height: 1.7;
}
.icon-Notice sup {
position: absolute !important;
top: 10px;
right: 8px;
width: 10px;
height: 10px;
background: #db4453;
border: 1px solid #ddd;
}
.usercard {
position: relative;
}
.usercard:hover > .card {
display: block;
}
.card:hover {
display: block;
}
.navbar-nav > li {
height: 60px;
}
.card {
z-index: 10;
color: #fff;
padding: 30px 10px 5px;
background: #fafafa url(/Images/mypmin.png) no-repeat left top;
display: none;
width: 370px;
height: 100px;
position: absolute;
border: 1px solid #888;
left: 75px;
top: 0px;
}
#_usercard {
position: absolute;
z-index: 2000;
padding: 12px;
left: 0;
top: 0;
display: none;
visibility: hidden;
}
#_usercard:hover {
display: block;
visibility: visible;
}
#_usercard .content {
position: relative;
width: 380px;
height: 200px;
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 10px;
}
#_usercard #arrow {
left: 50%;
position: absolute;
width: 0px;
height: 0px;
margin-left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
}
#_usercard #arrow2 {
left: 50%;
margin-left: -13px;
position: absolute;
width: 0px;
height: 0px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
}
#_usercard #arrow.bottom {
bottom: 0px;
border-top: 13px solid #ccc;
left: 100px;
}
#_usercard #arrow2.bottom {
bottom: 1px;
border-top: 13px solid #fafafa;
left: 100px;
}
#_usercard #arrow.top {
top: 0;
border-bottom: 13px solid #ccc;
left: 100px;
}
#_usercard #arrow2.top {
top: 1px;
border-bottom: 13px solid #fafafa;
left: 100px;
}
#_usercard .content .mini {
position: relative;
display: block;
overflow: hidden;
border: 1px #ccc solid;
border-radius: 5px;
cursor: pointer;
width: 50px;
height: 50px;
}
#_usercard .content .mini > img {
width: 100%;
height: 100%;
}
#_usercard .content .mz {
margin-left: 60px;
text-align: center;
}
#_usercard .content .Following {
margin-left: -19px;
}
#_usercard .content .name {
font-size: 16px;
font-weight: bold;
text-align: left;
}
#_usercard .content .address {
text-align: left;
}
#_usercard .content .bottom {
text-align: center;
position: absolute;
bottom: 0px;
height: 100px;
margin: 0px -10px;
width: 100%;
line-height: 100px;
text-align: right;
padding: 10px;
}
#_usercard .content .bottom .circle {
background: #b4daf0;
width: 70px;
height: 70px;
}
#_usercard .content .bottom .circle .pie_left, #_usercard .content .bottom .circle .pie_right {
width: 70px;
height: 70px;
}
#_usercard .content .bottom .circle .pie_left .circle-left, #_usercard .content .bottom .circle .pie_right .circle-right {
width: 70px;
height: 70px;
transition: none;
}
#_usercard .content .bottom .circle .pie_left {
clip: rect(0, 35px, auto, 0);
animation: circle-left 1s 0s linear 1 forwards;
transition: none;
}
#_usercard .content .bottom .circle .pie_left .circle-left {
clip: rect(0, 35px, auto, 0);
animation: circle-left 1s 0s linear 1 forwards;
transition: none;
}
#_usercard .content .bottom .circle .pie_right {
clip: rect(0, auto, auto, 35px);
animation: circle-right 0.5s 0s linear 1 forwards;
transition: none;
}
#_usercard .content .bottom .circle .pie_right .circle-right {
clip: rect(0, auto, auto, 35px);
animation: circle-right 0.5s 0s linear 1 forwards;
transition: none;
}
#_usercard .content .bottom .circle .mask {
width: 50px;
height: 50px;
border-radius: 50%;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: #fff;
position: absolute;
line-height: 50px;
text-align: center;
font-size: 20px;
}
#_usercard .content .bottom .circle .mask:after {
font-size: 12px;
}
#_usercard:hover .content {
display: block;
visibility: visible;
}
@keyframes circle-right {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(100%);
}
}
@keyframes circle-left {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(100%);
}
}
.userphoto > img {
width: 100%;
height: 100%;
}
ul.listview {
overflow: hidden;
margin-bottom: 2em;
padding: 5px;
}
ul.listview a {
color: #fff;
font-weight: 700;
}
ul.listview li {
position: relative;
display: block;
padding: 10px 15px;
border-top: 1px solid rgba(255,255,255,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
ul.listview li.read a {
color: #ddd;
font-weight: 500;
}
ul.listview li:first-child {
border-top: none;
}
ul.listview li:last-child {
border-bottom: none;
}
.message-nomessage {
line-height: 250px;
text-align: center;
font-size: 18px;
text-shadow: 0 2px 10px #333;
}
.hover-edit > a {
margin-right: 5px;
}
.message-btn .icon-edit {
display: none;
margin-right: 10px;
}
#_alert .modal-dialog {
min-width: 300px;
}
#_alert .modal-title {
font-size: 24px;
}
#_alert .modal-body {
font-size: 16px;
}
#_alert .modal-footer.alert {
margin: 0;
}
#_alert #mes_ok {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
min-width: 100px;
}
#_alert #mes_yes {
margin-left: 5px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
min-width: 50px;
}
#_alert #mes_no {
color: #333;
background-color: #fff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
margin-left: 5px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
min-width: 44px;
}
.checkbox {
border-radius: 50px;
border: 1px solid #dcdcdc;
background: #fff;
padding: 4px;
color: #fff;
font-size: 12px;
position: relative;
cursor: pointer;
line-height: 1;
font-style: normal;
display: inline-block;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
}
.checkbox.checked {
background-color: #5cb85c;
border-color: #4cae4c;
}
.checkbox::before {
content: "\e013";
}
.header {
position: fixed;
top: 0;
width: 100%;
background-color: transparent;
transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transition: transform ease-out .4s;
-ms-transition: -ms-transform ease-out .4s;
-webkit-transition: -webkit-transform ease-out .4s;
z-index: 1001;
}
.head-unpinned {
transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
}
.navActive {
background: rgba(255,255,255,0.2) !important;
}
.navbar {
border-radius: 0 !important;
transition: background-color linear .3s;
z-index: 1020;
}
.navbar-inverse {
background: #21324F !important;
border: none;
margin-bottom: 0;
}
.navbar-nav {
position: relative;
}
.nav-top > .cur_state {
position: absolute !important;
top: 0;
border-right: 0 !important;
display: none;
height: auto;
overflow: hidden;
transition: ease all .2s;
box-shadow: 0 -4px 4px rgba(0,0,0,0.56);
}
.cur_state div {
height: 50px !important;
display: table-cell;
}
.cur_state div.cur_state_C {
min-width: 50px;
background: url("/images/cur_state_C.png") bottom repeat-x;
transition: ease all .2s;
}
.topnav_bar > a > div.iconfont {
display: none;
line-height: 35px;
font-size: 22px;
}
.topnav_bar .redmessage {
border-radius: 50%;
width: 15px;
height: 15px;
background: #f00;
color: #fff;
position: absolute;
line-height: 15px;
text-align: center;
right: 5px;
top: 12px;
font-size: 10px;
}
.navActive > div.iconfont {
color: #fff !important;
}
.navbar-inverse .nav-top > li > a {
color: #7B96C4;
padding-top: 0;
padding-bottom: 0;
text-align: center;
line-height: 60px;
font-size: 16px;
padding: 0 22px;
}
.navbar-inverse .nav-top > li.active > a {
background: #394F75 !important;
color: #f2f2f2;
}
.navbar-inverse .nav-top > li > a:hover {
background: #324464;
color: #f2f2f2;
}
.header-PA .nav-top > li.open > a {
background: #324464;
}
.header-PA .nav-top > li > a:hover {
background-color: #324464 !important;
}
.profile {
overflow: hidden;
display: table;
}
.profile img {
float: left;
display: table-cell;
border-radius: 5px;
}
.username {
color: #fff;
height: 30px;
overflow: hidden;
line-height: 14px;
word-break: break-all;
position: relative;
left: 6px;
display: table-cell;
vertical-align: middle;
font-size: 12px;
white-space: nowrap;
max-width: 55px;
text-overflow: ellipsis;
overflow: hidden;
}
.navbar-inverse .navbar-nav > .active > a:focus {
background: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background: none;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 450px;
border-color: rgba(0,0,0,0.4);
}
header .navbar-toggle {
background: none !important;
border: none !important;
top: 0 !important;
padding: 0 13px;
margin: 0 5px 0;
height: 50px;
}
header .navbar-toggle:hover .icon-bar, header .navbar-toggle:focus .icon-bar {
background: #26a5b4 !important;
opacity: 1;
}
header .navbar-toggle .icon-bar {
width: 24px;
height: 3px;
border-radius: 0;
background: #fff;
opacity: .8;
position: relative;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear;
}
header .navbar-toggle .icon-bar:first-child {
top: 4px;
-moz-transform: rotate(45deg) translateZ(0);
-ms-transform: rotate(45deg) translateZ(0);
-o-transform: rotate(45deg) translateZ(0);
-webkit-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0);
}
header .navbar-toggle .icon-bar:nth-child(2) {
display: none;
}
header .navbar-toggle .icon-bar:last-child {
top: -3px;
-moz-transform: rotate(-45deg) translateZ(0);
-ms-transform: rotate(-45deg) translateZ(0);
-o-transform: rotate(-45deg) translateZ(0);
-webkit-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0);
}
header .navbar-toggle.collapsed .icon-bar {
display: block;
top: 0;
-moz-transform: rotate(0deg) translateZ(0);
-ms-transform: rotate(0deg) translateZ(0);
-o-transform: rotate(0deg) translateZ(0);
-webkit-transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
}
.navbar-brand {
padding: 0 15px;
margin-right: 30px;
}
.navbar-brand > img {
display: inline-block;
}
.navbar-brand::after {
display: inline-block;
font-family: "Franklin Gothic Book";
color: #fff;
font-size: 22px;
position: absolute;
top: 16px;
left: 75px;
}
.navbar-brand > img {
height: 50px;
position: relative;
top: 3px;
}
#profileInfo .dropdown-menu {
height: auto !important;
background-color: #394F75;
border-radius: 0 0 5px 5px;
margin-top: -1px !Important;
padding-bottom: 0;
}
.mmlogin {
display: none !important;
}
.mmlogin .dropdown-menu {
right: 0;
left: auto !important;
text-align: center;
min-width: 85px;
}
.login {
padding: 15px 25px !important;
font-size: 20px;
}
.navbar-nav > li > .dropdown-menu {
padding: 0;
background-color: #394F75;
border-bottom: 2px solid #21324F;
}
#profileInfo .dropdown-menu {
border-bottom: 2px solid #21324F;
}
.showResults {
width: 100% !important;
background-color: #394F75;
border-right: none !important;
}
.showResults > a {
color: #fff !important;
}
.dropdown-menu > li > a {
color: #f2f2f2;
padding: 10px 15px;
line-height: normal;
}
.dropdown-menu > li > a > i {
margin-right: 10px;
margin-top: -4px;
display: inline-block;
position: relative;
top: 1px;
}
.dropdown-menu > li:first-child > a {
border: none;
box-shadow: none;
}
.navbar-nav .dropdown-menu > li > a:hover {
color: #fff;
background-color: rgba(0,0,0,0.2);
}
#profileInfo .dropdown-menu > li > a:hover {
color: #f2f2f2;
background: rgba(0,0,0,0.2);
}
.breadcrumb {
line-height: 17px;
padding: 12px 0px 5px 0;
width: 100%;
font-size: 0.9em;
*border-bottom: 1px solid #f2f2f2;
margin-bottom: 10px;
background: none;
}
a.pseudo-after-icon:after {
content: "\e631";
position: relative;
vertical-align: top;
color: #999;
padding: 0 2px 0 5px;
font-size: 12px;
}
.home-bread[title="Home"] {
position: relative;
float: left;
}
.home-bread[title="Home"]:after {
content: "ยท";
font-size: 22px;
font-family: serif, monospace;
vertical-align: top;
}
.title {
font-size: 24px;
font-weight: 700;
}
.category {
margin-top: 5px;
color: #808080;
font-size: 14px;
font-weight: normal;
}
.total {
font-weight: bold;
position: relative;
top: 7px;
color: rgba(0,0,0,0.8);
font-size: 12px;
}
.control-label {
text-align: right;
line-height: 28px;
margin-bottom: 0;
padding: 0 10px;
}
.list-filter .control-label {
padding: 5px 0 0;
border-bottom: 1px solid rgba(49,196,251,0.3);
width: 100%;
text-align: left;
color: #94d6ff;
}
.form-group-sm select.form-control {
height: 34px;
}
.icon-FocusSelected {
color: #c90 !important;
}
.icon-IdealSelected {
color: #c33 !important;
}
#Comments {
margin-bottom: 20px;
color: #333;
box-shadow: 0 1px 3px #074c56;
background: #fff;
}
.commment-data-news #Comments {
background-color: #fff;
}
.review-content #Comments {
box-shadow: none;
}
.common-icon {
display: inline-block;
padding: 0 10px;
min-width: 48px;
border-radius: 2px;
text-align: left;
}
.common-icon .badge {
color: #333;
top: 6px;
border-radius: initial;
background-color: transparent;
margin: 0;
}
.common-icon i {
color: #fff;
width: 20px;
line-height: 30px;
}
.common-icon span {
margin-left: 5px;
font-size: 12px;
color: #fff;
}
.common-icon i.icon-Thumbsup {
font-size: 19px;
cursor: pointer;
}
.common-icon i.icon-Comment, .common-icon i.icon-Answer {
font-size: 16px;
}
.common-icon a {
display: inline-block;
}
.icon-select {
color: #c33 !important;
}
.icon-Black.icon-select {
color: #000 !important;
}
.entry-content p img {
display: block;
margin: 5px auto;
max-width: 100%;
}
#carousel-example-generic .item img {
width: 100%;
}
.carousel-inner > .item {
max-height: 408px;
}
.carousel-caption {
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-color: rgba(0,0,0,0.5);
padding: 5px 10px;
line-height: 24px;
}
#carousel-example-generic p {
display: inline;
}
#carousel-example-generic p span {
display: block;
text-align: center;
}
.white-blank {
margin: 0;
height: 25px;
}
.content-list .media, .content-datablock .media {
border-radius: 1px;
overflow: visible;
border-bottom: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset;
margin-top: 0;
padding: 10px 0;
}
.content-list .media:last-of-type {
box-shadow: none;
border: none;
}
.media .media-body {
position: relative;
padding-left: 10px;
overflow: visible;
}
.media .media-body div.news-time {
color: #e5e5e5;
margin-right: 20px;
line-height: 30px;
}
.news-bottom > div, .news-party a {
line-height: 30px;
}
.media .news-source {
color: #e5e5e5;
}
.content-list .media-left a {
width: 120px;
height: 70px;
display: inline-block;
}
.candidate-blockbg .content-list .media-left a {
border-color: #ddd;
}
.candidate-blockbg .content-list .media {
border-bottom: 1px solid #ebebeb;
}
.candidate-blockbg .news-list .media-heading > a {
color: #333;
line-height: 26px;
}
.candidate-blockbg .debates-list .media-heading > a {
color: #333;
}
.candidate-blockbg .news-list .media-heading > a:hover {
color: #00859a !important;
}
.debates-list .media-heading > a:hover {
color: #00859a !important;
}
.candidate-blockbg .news-list .media-body .newsAbstract {
color: #666;
}
.candidate-blockbg .news-bottom > div {
color: #999 !Important;
}
.content-list .media-left img {
height: 100%;
width: 100%;
vertical-align: middle;
}
.media-left, .media > .pull-left {
padding-left: 10px;
padding-right: 0;
}
.media-heading {
line-height: 16px;
display: block;
overflow: hidden;
margin-bottom: 0;
}
.media-heading a {
font-weight: 400;
color: #fff;
}
.maxwidth {
font-weight: 400;
color: #fff;
}
.news-category a {
color: #e5e5e5;
}
.news-bottom {
position: initial;
bottom: 0;
right: 0;
display: inline-block;
}
.news-bottom > div {
display: inline-block;
height: 25px;
line-height: 16px;
}
.news-party {
float: left;
margin-right: 20px;
border-radius: 2px;
color: #333;
height: 28px;
display: inline-block;
line-height: 28px;
text-align: center;
font-weight: 700;
}
.news-DEM {
color: #363688;
}
.news-REP {
color: #b2162e;
}
.news-Other {
color: #555;
}
.maxwidth .left {
color: #333;
}
.newsphoto {
display: block;
max-width: 517px;
}
.newsphoto img {
max-width: 517px;
}
.quiz-left {
padding: 10px 20px;
margin-bottom: 20px;
}
.pagination {
margin: 0;
position: relative;
top: 1px;
}
.commment-data-news .page-pagination .pagination {
box-shadow: 0 1px 1px #17535d;
}
.commment-data-news .page-pagination .form-group .form-control, .commment-data-news .page-pagination .form-group button {
box-shadow: 0 1px 1px #17535d;
}
.pages_darkbg .page-pagination .pagination {
box-shadow: 0 1px 1px #17535d;
}
.pages_darkbg .page-pagination .form-group .form-control, .pages_darkbg .page-pagination .form-group button {
box-shadow: 0 1px 1px #17535d;
}
#friendpage .pagination {
box-shadow: 0 1px 1px #17535d;
}
#friendpage .form-group .form-control, #friendpage .form-group button {
box-shadow: 0 1px 1px #17535d;
}
.quiz-block {
width: 100%;
max-width: 790px;
margin: 0 auto;
}
.quiz-categorylist {
position: relative;
margin-bottom: 20px;
}
.main-content {
padding: 0;
padding-bottom: 20px;
}
.page-head {
position: relative;
line-height: 40px;
margin-bottom: 10px;
}
.person-infor {
position: relative;
min-height: 35px;
}
.candidate-homeTool {
position: absolute;
bottom: 0;
right: 0;
top: 0;
}
.candidate-homeHead .page-head {
padding: 15px 0 10px;
margin-bottom: 0;
overflow: visible;
min-height: 130px;
background-color: transparent;
background: url("/images/PA_bg3.jpg") bottom no-repeat;
}
.sign-tip {
text-align: center;
color: #94d6ff !important;
}
.sign-tip > a {
color: #94d6ff;
text-decoration: underline;
}
.head-close {
font-size: 11px;
color: #db4453;
font-weight: 100;
margin-left: 15px;
cursor: pointer;
}
.head-close:hover {
color: #942073;
}
.quiz-body, .operation-container.active .operation-bottom {
max-width: 980px;
width: 100%;
margin: 0 auto;
}
.content-head {
margin-top: 10px;
}
.content-head > span {
color: #fff;
font: 24px/24px Arial, SimHei;
}
.content-title {
color: #fff;
font: 24px/24px Arial, SimHei;
}
.content-title a {
color: #fff;
font: 24px/24px Arial, SimHei;
}
.content-title a:hover {
text-decoration: underline;
color: #00859a !important;
}
.content-datablock {
background: rgba(0,0,0,0.4);
border: 1px solid rgba(49,196,251,0.3);
overflow: visible;
border-radius: 5px;
color: #fff;
}
.candidate-homeContent .media a {
font-size: 14px;
color: #94d6ff;
}
.content-datablock .media .topicSource .author {
color: #f2f2f2 !important;
}
.content-datablock .media .newsCategory a {
color: #97f077 !important;
}
.content-datablock .media .topicSource li {
color: #fff;
}
.data-tip {
line-height: 24px;
font-size: 14px;
margin-bottom: 20px;
padding: 15px 10px;
}
ul li.quiz-listblock {
position: relative;
overflow: visible;
}
ul li.quiz-listblock:last-child {
border-bottom: none;
}
.issue-importance {
float: right;
position: relative;
width: 120px;
color: #e5e5e5;
top: 5px;
}
.survey-subject .issue-importance {
color: #666;
}
.quiz-category, .issue-state {
position: absolute;
background: #206e7a;
border: 1px solid #00859a;
white-space: nowrap;
padding: 0 2px 0 10px;
}
.quiz-category {
top: 7px;
right: 100%;
color: #fff;
font: 16px/30px "Franklin Gothic heavy", "franklin-gothic-urw", Arial, SimHei;
padding-left: 10px;
border-right: none;
border-radius: 50px 0 0 50px;
}
.issue-state {
top: 2px;
left: 100%;
width: 26px;
height: 40px;
border-left: none;
border-radius: 0 50px 50px 0;
}
.issue-state > img {
position: absolute;
}
dt.issue-state {
border-radius: 50px 50px 0 0;
width: 40px;
height: 26px;
top: auto;
bottom: 100%;
left: auto;
right: 10px;
border-bottom: none;
}
.quiz-answered {
position: absolute;
top: 0;
right: 0;
border-top: none !important;
border-right: none !important;
line-height: 25px;
}
.issue-toolbar {
position: absolute;
top: 0;
right: 0;
border-top: none !important;
border-right: none !important;
line-height: 25px;
}
.issue-toolbar > ul {
overflow: hidden;
}
.issue-toolbar li {
float: left;
margin-right: 10px;
padding: 10px 5px;
}
.issue-toolbar li a {
color: #e5e5e5;
font-family: inherit;
font-size: 14px;
line-height: 18px;
text-decoration: none !important;
}
.issue-toolbar li i {
font-size: 18px;
line-height: 18px;
color: #e5e5e5;
cursor: pointer;
}
.quiz-answered {
padding: 0 5px;
color: #ccc;
right: 5px;
}
.quiz-answered span {
color: #fff;
line-height: 44px;
margin-right: 5px;
font-weight: 700;
}
.quiz-answeredDetail {
position: relative;
width: 100%;
left: 0;
font-size: 14px;
background: #fff;
padding: 5px 10px;
border: 1px solid #12a125;
z-index: 100;
line-height: 18px;
color: #333;
}
.quiz-body .quiz-answeredDetail {
bottom: 48%;
color: #333;
}
.survey-subject .quiz-answeredDetail {
margin-top: 10px;
}
.quiz-answereTip {
font-size: 18px;
line-height: 36px;
border-color: rgba(0,0,0,0.4);
background-color: rgba(255,255,255,0.2);
border-radius: 5px;
color: #ddd !important;
bottom: 70% !important;
transition: all linear .1s;
transform-origin: center center;
}
@-moz-keyframes shake-horizontal {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
2% {
transform: translate(-7px, 0px) rotate(0deg);
}
4% {
transform: translate(7px, 0px) rotate(0deg);
}
6% {
transform: translate(5px, 0px) rotate(0deg);
}
8% {
transform: translate(9px, 0px) rotate(0deg);
}
10% {
transform: translate(9px, 0px) rotate(0deg);
}
12% {
transform: translate(3px, 0px) rotate(0deg);
}
14% {
transform: translate(9px, 0px) rotate(0deg);
}
16% {
transform: translate(-6px, 0px) rotate(0deg);
}
18% {
transform: translate(8px, 0px) rotate(0deg);
}
20% {
transform: translate(-2px, 0px) rotate(0deg);
}
22% {
transform: translate(-1px, 0px) rotate(0deg);
}
24% {
transform: translate(0px, 0px) rotate(0deg);
}
26% {
transform: translate(-6px, 0px) rotate(0deg);
}
28% {
transform: translate(-5px, 0px) rotate(0deg);
}
30% {
transform: translate(-4px, 0px) rotate(0deg);
}
32% {
transform: translate(-10px, 0px) rotate(0deg);
}
34% {
transform: translate(9px, 0px) rotate(0deg);
}
36% {
transform: translate(4px, 0px) rotate(0deg);
}
38% {
transform: translate(-1px, 0px) rotate(0deg);
}
40% {
transform: translate(2px, 0px) rotate(0deg);
}
42% {
transform: translate(2px, 0px) rotate(0deg);
}
44% {
transform: translate(-4px, 0px) rotate(0deg);
}
46% {
transform: translate(8px, 0px) rotate(0deg);
}
48% {
transform: translate(-6px, 0px) rotate(0deg);
}
50% {
transform: translate(4px, 0px) rotate(0deg);
}
52% {
transform: translate(-5px, 0px) rotate(0deg);
}
54% {
transform: translate(6px, 0px) rotate(0deg);
}
56% {
transform: translate(-5px, 0px) rotate(0deg);
}
58% {
transform: translate(0px, 0px) rotate(0deg);
}
60% {
transform: translate(3px, 0px) rotate(0deg);
}
62% {
transform: translate(5px, 0px) rotate(0deg);
}
64% {
transform: translate(-4px, 0px) rotate(0deg);
}
66% {
transform: translate(-8px, 0px) rotate(0deg);
}
68% {
transform: translate(4px, 0px) rotate(0deg);
}
70% {
transform: translate(-5px, 0px) rotate(0deg);
}
72% {
transform: translate(7px, 0px) rotate(0deg);
}
74% {
transform: translate(-5px, 0px) rotate(0deg);
}
76% {
transform: translate(1px, 0px) rotate(0deg);
}
78% {
transform: translate(8px, 0px) rotate(0deg);
}
80% {
transform: translate(8px, 0px) rotate(0deg);
}
82% {
transform: translate(7px, 0px) rotate(0deg);
}
84% {
transform: translate(-10px, 0px) rotate(0deg);
}
86% {
transform: translate(9px, 0px) rotate(0deg);
}
88% {
transform: translate(-1px, 0px) rotate(0deg);
}
90% {
transform: translate(0px, 0px) rotate(0deg);
}
92% {
transform: translate(-2px, 0px) rotate(0deg);
}
94% {
transform: translate(5px, 0px) rotate(0deg);
}
96% {
transform: translate(5px, 0px) rotate(0deg);
}
98% {
transform: translate(-8px, 0px) rotate(0deg);
}
}
@-o-keyframes shake-horizontal {
0%;
{
transform: translate(0px, 0px) rotate(0deg);
}
2% {
transform: translate(-7px, 0px) rotate(0deg);
}
4% {
transform: translate(7px, 0px) rotate(0deg);
}
6% {
transform: translate(5px, 0px) rotate(0deg);
}
8% {
transform: translate(9px, 0px) rotate(0deg);
}
10% {
transform: translate(9px, 0px) rotate(0deg);
}
12% {
transform: translate(3px, 0px) rotate(0deg);
}
14% {
transform: translate(9px, 0px) rotate(0deg);
}
16% {
transform: translate(-6px, 0px) rotate(0deg);
}
18% {
transform: translate(8px, 0px) rotate(0deg);
}
20% {
transform: translate(-2px, 0px) rotate(0deg);
}
22% {
transform: translate(-1px, 0px) rotate(0deg);
}
24% {
transform: translate(0px, 0px) rotate(0deg);
}
26% {
transform: translate(-6px, 0px) rotate(0deg);
}
28% {
transform: translate(-5px, 0px) rotate(0deg);
}
30% {
transform: translate(-4px, 0px) rotate(0deg);
}
32% {
transform: translate(-10px, 0px) rotate(0deg);
}
34% {
transform: translate(9px, 0px) rotate(0deg);
}
36% {
transform: translate(4px, 0px) rotate(0deg);
}
38% {
transform: translate(-1px, 0px) rotate(0deg);
}
40% {
transform: translate(2px, 0px) rotate(0deg);
}
42% {
transform: translate(2px, 0px) rotate(0deg);
}
44% {
transform: translate(-4px, 0px) rotate(0deg);
}
46% {
transform: translate(8px, 0px) rotate(0deg);
}
48% {
transform: translate(-6px, 0px) rotate(0deg);
}
50% {
transform: translate(4px, 0px) rotate(0deg);
}
52% {
transform: translate(-5px, 0px) rotate(0deg);
}
54% {
transform: translate(6px, 0px) rotate(0deg);
}
56% {
transform: translate(-5px, 0px) rotate(0deg);
}
58% {
transform: translate(0px, 0px) rotate(0deg);
}
60% {
transform: translate(3px, 0px) rotate(0deg);
}
62% {
transform: translate(5px, 0px) rotate(0deg);
}
64% {
transform: translate(-4px, 0px) rotate(0deg);
}
66% {
transform: translate(-8px, 0px) rotate(0deg);
}
68% {
transform: translate(4px, 0px) rotate(0deg);
}
70% {
transform: translate(-5px, 0px) rotate(0deg);
}
72% {
transform: translate(7px, 0px) rotate(0deg);
}
74% {
transform: translate(-5px, 0px) rotate(0deg);
}
76% {
transform: translate(1px, 0px) rotate(0deg);
}
78% {
transform: translate(8px, 0px) rotate(0deg);
}
80% {
transform: translate(8px, 0px) rotate(0deg);
}
82% {
transform: translate(7px, 0px) rotate(0deg);
}
84% {
transform: translate(-10px, 0px) rotate(0deg);
}
86% {
transform: translate(9px, 0px) rotate(0deg);
}
88% {
transform: translate(-1px, 0px) rotate(0deg);
}
90% {
transform: translate(0px, 0px) rotate(0deg);
}
92% {
transform: translate(-2px, 0px) rotate(0deg);
}
94% {
transform: translate(5px, 0px) rotate(0deg);
}
96% {
transform: translate(5px, 0px) rotate(0deg);
}
98% {
transform: translate(-8px, 0px) rotate(0deg);
}
}
@-webkit-keyframes shake-horizontal {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
2% {
transform: translate(-7px, 0px) rotate(0deg);
}
4% {
transform: translate(7px, 0px) rotate(0deg);
}
6% {
transform: translate(5px, 0px) rotate(0deg);
}
8% {
transform: translate(9px, 0px) rotate(0deg);
}
10% {
transform: translate(9px, 0px) rotate(0deg);
}
12% {
transform: translate(3px, 0px) rotate(0deg);
}
14% {
transform: translate(9px, 0px) rotate(0deg);
}
16% {
transform: translate(-6px, 0px) rotate(0deg);
}
18% {
transform: translate(8px, 0px) rotate(0deg);
}
20% {
transform: translate(-2px, 0px) rotate(0deg);
}
22% {
transform: translate(-1px, 0px) rotate(0deg);
}
24% {
transform: translate(0px, 0px) rotate(0deg);
}
26% {
transform: translate(-6px, 0px) rotate(0deg);
}
28% {
transform: translate(-5px, 0px) rotate(0deg);
}
30% {
transform: translate(-4px, 0px) rotate(0deg);
}
32% {
transform: translate(-10px, 0px) rotate(0deg);
}
34% {
transform: translate(9px, 0px) rotate(0deg);
}
36% {
transform: translate(4px, 0px) rotate(0deg);
}
38% {
transform: translate(-1px, 0px) rotate(0deg);
}
40% {
transform: translate(2px, 0px) rotate(0deg);
}
42% {
transform: translate(2px, 0px) rotate(0deg);
}
44% {
transform: translate(-4px, 0px) rotate(0deg);
}
46% {
transform: translate(8px, 0px) rotate(0deg);
}
48% {
transform: translate(-6px, 0px) rotate(0deg);
}
50% {
transform: translate(4px, 0px) rotate(0deg);
}
52% {
transform: translate(-5px, 0px) rotate(0deg);
}
54% {
transform: translate(6px, 0px) rotate(0deg);
}
56% {
transform: translate(-5px, 0px) rotate(0deg);
}
58% {
transform: translate(0px, 0px) rotate(0deg);
}
60% {
transform: translate(3px, 0px) rotate(0deg);
}
62% {
transform: translate(5px, 0px) rotate(0deg);
}
64% {
transform: translate(-4px, 0px) rotate(0deg);
}
66% {
transform: translate(-8px, 0px) rotate(0deg);
}
68% {
transform: translate(4px, 0px) rotate(0deg);
}
70% {
transform: translate(-5px, 0px) rotate(0deg);
}
72% {
transform: translate(7px, 0px) rotate(0deg);
}
74% {
transform: translate(-5px, 0px) rotate(0deg);
}
76% {
transform: translate(1px, 0px) rotate(0deg);
}
78% {
transform: translate(8px, 0px) rotate(0deg);
}
80% {
transform: translate(8px, 0px) rotate(0deg);
}
82% {
transform: translate(7px, 0px) rotate(0deg);
}
84% {
transform: translate(-10px, 0px) rotate(0deg);
}
86% {
transform: translate(9px, 0px) rotate(0deg);
}
88% {
transform: translate(-1px, 0px) rotate(0deg);
}
90% {
transform: translate(0px, 0px) rotate(0deg);
}
92% {
transform: translate(-2px, 0px) rotate(0deg);
}
94% {
transform: translate(5px, 0px) rotate(0deg);
}
96% {
transform: translate(5px, 0px) rotate(0deg);
}
98% {
transform: translate(-8px, 0px) rotate(0deg);
}
}
@keyframes shake-horizontal {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
2% {
transform: translate(-7px, 0px) rotate(0deg);
}
4% {
transform: translate(7px, 0px) rotate(0deg);
}
6% {
transform: translate(5px, 0px) rotate(0deg);
}
8% {
transform: translate(9px, 0px) rotate(0deg);
}
10% {
transform: translate(9px, 0px) rotate(0deg);
}
12% {
transform: translate(3px, 0px) rotate(0deg);
}
14% {
transform: translate(9px, 0px) rotate(0deg);
}
16% {
transform: translate(-6px, 0px) rotate(0deg);
}
18% {
transform: translate(8px, 0px) rotate(0deg);
}
20% {
transform: translate(-2px, 0px) rotate(0deg);
}
22% {
transform: translate(-1px, 0px) rotate(0deg);
}
24% {
transform: translate(0px, 0px) rotate(0deg);
}
26% {
transform: translate(-6px, 0px) rotate(0deg);
}
28% {
transform: translate(-5px, 0px) rotate(0deg);
}
30% {
transform: translate(-4px, 0px) rotate(0deg);
}
32% {
transform: translate(-10px, 0px) rotate(0deg);
}
34% {
transform: translate(9px, 0px) rotate(0deg);
}
36% {
transform: translate(4px, 0px) rotate(0deg);
}
38% {
transform: translate(-1px, 0px) rotate(0deg);
}
40% {
transform: translate(2px, 0px) rotate(0deg);
}
42% {
transform: translate(2px, 0px) rotate(0deg);
}
44% {
transform: translate(-4px, 0px) rotate(0deg);
}
46% {
transform: translate(8px, 0px) rotate(0deg);
}
48% {
transform: translate(-6px, 0px) rotate(0deg);
}
50% {
transform: translate(4px, 0px) rotate(0deg);
}
52% {
transform: translate(-5px, 0px) rotate(0deg);
}
54% {
transform: translate(6px, 0px) rotate(0deg);
}
56% {
transform: translate(-5px, 0px) rotate(0deg);
}
58% {
transform: translate(0px, 0px) rotate(0deg);
}
60% {
transform: translate(3px, 0px) rotate(0deg);
}
62% {
transform: translate(5px, 0px) rotate(0deg);
}
64% {
transform: translate(-4px, 0px) rotate(0deg);
}
66% {
transform: translate(-8px, 0px) rotate(0deg);
}
68% {
transform: translate(4px, 0px) rotate(0deg);
}
70% {
transform: translate(-5px, 0px) rotate(0deg);
}
72% {
transform: translate(7px, 0px) rotate(0deg);
}
74% {
transform: translate(-5px, 0px) rotate(0deg);
}
76% {
transform: translate(1px, 0px) rotate(0deg);
}
78% {
transform: translate(8px, 0px) rotate(0deg);
}
80% {
transform: translate(8px, 0px) rotate(0deg);
}
82% {
transform: translate(7px, 0px) rotate(0deg);
}
84% {
transform: translate(-10px, 0px) rotate(0deg);
}
86% {
transform: translate(9px, 0px) rotate(0deg);
}
88% {
transform: translate(-1px, 0px) rotate(0deg);
}
90% {
transform: translate(0px, 0px) rotate(0deg);
}
92% {
transform: translate(-2px, 0px) rotate(0deg);
}
94% {
transform: translate(5px, 0px) rotate(0deg);
}
96% {
transform: translate(5px, 0px) rotate(0deg);
}
98% {
transform: translate(-8px, 0px) rotate(0deg);
}
}
.tip-noPerson, .review-rate-tip.active, .cke_1.cke_chrome.active {
-moz-animation-name: shake-horizontal;
-o-animation-name: shake-horizontal;
-webkit-animation-name: shake-horizontal;
animation-name: shake-horizontal;
-moz-animation-duration: 60ms;
-o-animation-duration: 60ms;
-webkit-animation-duration: 60ms;
animation-duration: 60ms;
-moz-animation-iteration-count: 4;
-o-animation-iteration-count: 4;
-webkit-animation-iteration-count: 4;
animation-iteration-count: 4;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-moz-animation-delay: 0;
-o-animation-delay: 0;
-webkit-animation-delay: 0;
animation-delay: 0;
-moz-animation-play-state: running;
-o-animation-play-state: running;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.cke_1.cke_chrome.active {
border-color: #800000 !important;
}
.review-rate-tip.active {
background: #800000;
}
.review-rate-tip.active i {
color: #800000;
}
.cke_1.cke_chrome.cke_focus {
border-color: #e1e1e1 !important;
}
.quiz-answereTip i {
position: absolute;
top: 100%;
line-height: 1;
margin-top: -6px;
left: 47%;
color: rgba(0,0,0,0.4);
font-size: 24px;
}
.quiz-answereWarn i {
color: #b2162e;
}
.state-detail-SO {
border-color: #a01237;
}
.state-detail-O {
border-color: #c4496a;
}
.state-detail-N {
border-color: #9c9695;
}
.state-detail-S {
border-color: #49c459;
}
.state-detail-SS {
border-color: #12a125;
}
.issue-body .quiz-answeredDetail {
bottom: 75%;
position: absolute;
}
.quiz-title a {
display: inline-block;
font: 24px/43px "Footlight MT Light";
color: #b6e5aa;
}
.quiz-title a:hover {
color: #fff;
text-decoration: underline;
}
.quiz-listblock .question-title {
position: relative;
}
.question-title-block {
width: 100%;
box-shadow: 0 0px 2px rgba(0,0,0,0.4),inset 0 0 80px rgba(22,210,239,0.3);
border-bottom: 1px solid #00859a;
background: #167382;
background: rgba(0,108,125,0.8);
padding: 0 10px;
position: relative;
overflow: hidden;
color: #fff;
}
.question-title a {
display: inline-block;
font: 20px/28px "Footlight MT Light";
color: #d6f7cd;
padding: 4px 46px 4px 5px;
}
.quiz-content {
padding: 5px 20px 8px;
}
ul.progress-node li {
position: absolute;
width: 17px;
height: 17px;
top: 50%;
background: #ddd;
z-index: 100;
margin-top: -9px;
box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
}
ul.progress-node li.node-1 {
left: 0;
}
ul.progress-node li.node-2 {
left: 50%;
margin-left: -8.5px;
background-color: #e5e5e5;
}
ul.progress-node li.node-3 {
right: 0;
}
.survey-subject ul.progress-node li {
box-shadow: none;
}
.progress-direction {
overflow: hidden;
margin-top: 8px;
}
.progress-direction li {
width: 50%;
color: #fff;
}
.progress-direction li i {
color: rgba(0,0,0,0.6);
position: relative;
top: 2px;
}
.survey-subject .progress-direction li {
color: #666;
font-size: 12px;
}
.quiz-result {
margin-top: 30px;
overflow: hidden;
padding-bottom: 10px;
}
.progress-answer {
font-size: 18px;
}
.quiz-result .progress-answer {
float: left;
}
.answer-tag {
width: 14px;
height: 14px;
display: inline-block;
position: relative;
top: 2px;
}
.quiz-title-importance {
text-align: center;
}
.quiz-title-importance > span {
font-weight: 100;
font-size: 12px;
}
.quiz-title-importance > span > span {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
max-width: 150px;
}
.quiz-importance {
line-height: 20px;
top: 3px;
position: relative;
}
.quiz-importance > span {
font-size: 16px;
display: inline;
float: left;
line-height: 19px;
font-weight: 700;
}
.quiz-importance label {
font-weight: normal;
margin-right: 10px;
margin-left: 5px;
font-family: Arial;
}
.quiz-importance label:last-child {
margin-right: 0;
}
.quiz-importance label:hover {
cursor: pointer;
text-shadow: 0 1px 0 #666;
}
.quiz-importance input {
margin-top: 0 !important;
position: relative;
top: 2px;
}
.importance {
width: 40px;
height: 10px;
background-color: #e5e5e5;
border-radius: 8px;
margin-bottom: 3px;
cursor: pointer;
}
.importance span {
margin-left: 47px;
margin-top: -5px;
float: left;
padding: 0 !Important;
}
.importance_selected_1 {
background-color: #a2f880;
}
.importance_selected_2 {
background-color: #70f855;
}
.importance_selected_3 {
background-color: #10c610;
}
.importance_selected_4 {
background-color: #2a9f2a;
}
.importance_selected_5 {
background-color: green;
}
.state-strOppose > .answer-tag {
background: #a01237;
}
.slider-strOppose {
background-color: #a01237 !important;
}
.state-oppose > .answer-tag {
background: #c4496a;
}
.slider-oppose {
background-color: #c4496a !important;
}
.state-nooppion > .answer-tag {
background: #9c9695;
}
.slider-nooppion {
background-color: #9c9695 !important;
}
.state-support > .answer-tag {
background: #49c459;
}
.slider-support {
background-color: #49c459 !important;
}
.state-strSupport > .answer-tag {
background: #12a125;
}
.slider-strSupoort {
background-color: #12a125 !important;
}
.state-none > .answer-tag {
background: none;
}
.quiz-resultAnswer {
display: inline-block;
font-size: 16px;
color: #fff;
}
.survey-subject .slider-strOppose {
border-color: #a01237 !important;
}
.survey-subject .slider-strOppose > span {
color: #a01237 !important;
}
.survey-subject .slider-strOppose:after {
background: #a01237 !important;
}
.survey-subject .slider-oppose {
border-color: #c4496a !important;
}
.survey-subject .slider-oppose > span {
color: #c4496a !important;
}
.survey-subject .slider-oppose:after {
background: #c4496a !important;
}
.survey-subject .slider-nooppion {
border-color: #9c9695 !important;
}
.survey-subject .slider-nooppion > span {
color: #9c9695 !important;
}
.survey-subject .slider-nooppion:after {
background: #9c9695 !important;
}
.survey-subject .slider-support {
border-color: #49c459 !important;
}
.survey-subject .slider-support > span {
color: #49c459 !important;
}
.survey-subject .slider-support:after {
background: #49c459 !important;
}
.survey-subject .slider-strSupport {
border-color: #12a125 !important;
}
.survey-subject .slider-strSupport > span {
color: #12a125 !important;
}
.survey-subject .slider-strSupport:after {
background: #12a125 !important;
}
.showResults a:hover {
background: #00859a !important;
}
ul.quiz-save {
margin: 15px auto;
}
ul.quiz-save > li {
display: inline-block;
}
ul.quiz-save li button {
line-height: 40px;
padding: 0 15px;
border: none;
color: #fff;
background: #206e7a;
background: rgba(32,110,122,0.9);
box-shadow: 0 1px 1px rgba(0,0,0,0.4);
border-radius: 5px;
}
ul.quiz-save li button:hover {
background: rgba(22,210,239,0.6);
box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
ul.quiz-save li:first-child {
padding-right: 5%;
}
ul.quiz-save li:last-child {
padding-left: 5%;
}
.quiz-btnShow {
background: #008000 !important;
color: #fff !important;
}
.quiz-btnShow:hover {
background: #09ac09 !important;
}
.operation-btn button {
display: block;
margin: 21px auto 20px;
font-size: 14px;
color: #fff;
background: #30646d;
border: none;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
border-radius: 5px;
height: 35px;
padding: 0 15px;
}
.operation-btn button:hover {
background: #2ea7bd;
box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.operation-bottom {
position: absolute;
background: #fff;
left: 20px;
right: 20px;
bottom: 0;
padding: 12px 0;
border-top: 1px solid #e5e5e5;
}
.operation-bottom:after {
content: "";
float: none;
clear: both;
display: block;
}
.operation-bottom button {
height: 36px;
margin-right: 5px;
position: relative;
z-index: 10;
}
.operation-bottom button .iconfont {
font-size: 14px;
}
.operation-bottom button.btn-default {
background: #f2f2f2;
border-color: #ddd;
}
.operation-bottom button + .dropdown-menu {
z-index: 1003;
padding: 0;
}
.operation-bottom button + .dropdown-menu a {
color: #333;
}
.quiz-leftQues {
float: right;
position: relative;
top: 10px;
}
.quiz-leftQues a {
font-weight: 700;
color: #149d21;
}
.operation-share {
position: absolute;
bottom: 100%;
z-index: 1000;
left: 0;
width: 100%;
}
.operation-container.active {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.operation-container.active .operation-bottom {
position: relative;
margin: 0 auto;
bottom: 0;
left: 0;
right: 0;
padding: 7px 20px 5px !Important;
box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
border: none;
}
.operation-container.active .operation-history-bottom {
background: #fff;
}
.operation-container.active #btnSendNewChat {
display: none;
}
.operation-container .operation-history-bottom {
position: relative;
background: none;
padding: 12px 10px;
left: 0;
right: 0;
}
.quiz-right {
padding-left: 0;
top: 20px;
}
.most-issueTitle dt {
border-top-left-radius: 0 !important;
}
.most-issue {
margin-bottom: 20px;
}
.shareTitle {
font-weight: 700;
line-height: 28px;
}
.most-issueTitle {
font-weight: 700;
line-height: 28px;
color: #fff;
}
.shareicon {
margin: 5px 0 10px;
line-height: 37px;
background: #fafafa;
}
.shareicon > div {
padding: 0;
}
.shareicon > div > a {
display: inline-block;
line-height: 18px;
width: 100%;
border-right: 1px solid #d9d9d9;
color: #ccc;
}
.shareicon > div > a:hover {
color: #94d6ff !important;
}
.common-share a:hover > i, .common-share:hover > a > i {
color: #94d6ff !important;
}
.common-icon i.icon-Comment:hover, .news-category a:hover, ul.listview a:hover, .content-datablock .media a:hover, .Apply a:hover {
color: #94d6ff !important;
}
.shareicon > div:last-child > a {
border-right: none;
}
ul.most-issueList {
padding-left: 38px;
margin-top: 8px;
padding-top: 5px;
}
ul.most-issueList .most-answered {
text-align: right;
}
ul.most-issueList > li {
list-style: initial;
margin-bottom: 3px;
border-bottom: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset;
padding-bottom: 3px;
}
ul.most-issueList > li:last-child {
border-bottom: none;
box-shadow: none;
}
ul.most-issueList > li > a {
color: #fff;
}
ul.most-newsList {
margin-top: 0;
border-top-left-radius: 0;
min-height: 415px;
border-bottom-left-radius: 0;
}
ul.most-newsList > li {
list-style: decimal;
font-size: 14px;
}
.topicsBlock .media-left {
padding-left: 0;
padding-right: 10px;
}
.topicsBlock .media-body {
padding-left: 0;
}
.topicSource {
overflow: hidden;
}
.topicSource .author {
float: left;
margin-left: 0;
}
.topicSource li {
float: right;
margin-left: 20px;
color: #666;
position: relative;
line-height: 30px;
}
.topicSource li > i {
font-size: 14px;
}
.topicSource li > span {
font-size: 12px;
position: absolute;
bottom: 0;
left: 18px;
line-height: 18px;
}
.topicsBlock .media-heading {
margin-bottom: 10px;
display: block;
}
.topicsBlock .media-heading > span > a {
font-size: 18px;
color: #036;
font-weight: 700;
}
.topicsBlock .media-heading > a {
font-size: 18px;
line-height: 18px;
font-weight: 500;
}
.topicsBlock .media .media-left {
margin: 0;
}
.topicsBlock .media .media-left > a {
width: 36px;
height: 36px;
display: block;
overflow: hidden;
border: 2px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.topicsBlock .media .media-left > a img {
width: 100%;
}
li.personPhoto, .personBtn, .issueCollect, .icon-Notice sup {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.topicsBlock {
overflow: visible;
}
.quiz-pic {
position: relative;
background: #fafafa;
width: 220px;
height: 183px;
overflow: hidden;
margin: 0 auto;
border: 1px solid #00859a;
}
.quiz-pic img {
width: 100%;
}
.issue-home {
max-width: 1150px;
width: 98%;
margin: 0 auto;
}
.issue-order {
position: relative;
top: -2px;
}
.issue-order button {
border: none !important;
background: none !important;
box-shadow: none !important;
font-size: 30px;
padding: 0;
color: #fff;
line-height: 28px;
}
.issue-order button:hover, .issue-order button:focus {
color: #97f077 !important;
}
.pull-right > .dropdown-menu {
z-index: 1000;
}
.issue-order .dropdown-menu {
padding: 0;
min-width: 200px;
left: -15px;
border-radius: 0 0 4px 0;
overflow: hidden;
}
.issue-order .dropdown-menu > li {
float: left;
border-top: none;
width: 25%;
text-align: center;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.issue-order .dropdown-menu > li > a {
color: #333;
border-top: none;
}
.issue-order .open > .dropdown-toggle.btn-default:focus, .issue-order.open > .dropdown-toggle.btn-default:hover {
border: none !important;
background: none !important;
box-shadow: none !important;
}
.issue-datablock {
padding-bottom: 10px;
}
.issue-datablock .quiz-title {
border-bottom: none !important;
}
.issue-datablock-head {
background: rgba(0,0,0,0.4);
}
.issue-category {
padding: 0 15px;
font-family: "Franklin Gothic heavy" !important;
left: 0;
right: auto;
border-radius: 0 50px 50px 0;
top: 0;
border: none;
height: 41px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
line-height: 40px;
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#394F75', endColorstr = '#21324F')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#394F75', endColorstr = '#21324F')";
background-image: linear-gradient(to bottom,#394F75,#21324F);
background-image: -webkit-gradient(linear, center top, center bottom, from(#394F75), to(#21324F));
background-image: -webkit-linear-gradient(top,#394F75,#21324F);
background-image: -moz-linear-gradient(top,#394F75,#21324F);
background-image: -ms-linear-gradient(top,#394F75,#21324F);
background-image: -o-linear-gradient(top,#394F75,#21324F);
}
.issue-title {
position: relative;
font: 24px/40px "Footlight MT Light";
width: 80%;
margin: 0 auto;
color: #94d6ff;
}
.issue-body {
margin-top: 20px;
max-width: 900px;
overflow: hidden;
}
.quiz-listblock .quiz-title {
position: relative;
}
.quiz-title-block, .modal-header {
width: 100%;
background: #394F75;
padding: 0 10px;
position: relative;
overflow: hidden;
color: #fff;
}
#Cids button {
margin: 2px auto;
}
.modal-content {
overflow: hidden;
}
.modal-header {
height: 40px;
padding: 0;
padding-left: 10px;
border-bottom: none;
background: #394F75;
box-shadow: none;
}
.modal-title {
font-size: 18px;
line-height: 40px;
}
.modal-title i {
font-size: 19px;
}
.modal-header .close {
line-height: 40px;
margin-top: 0;
width: 40px;
color: #fff;
opacity: .8;
}
.modal-header .close:hover {
background: #c33;
opacity: 1;
}
.quiz-listblock:first-child .quiz-title-block {
border-radius: 5px 5px 0 0;
}
.issue-body > div {
width: 100%;
}
.issue-body > .pull-left {
max-width: 220px;
}
.issue-body > .pull-right {
max-width: 630px;
}
.issue-body .pull-right .Option-bar {
position: relative;
top: 60px;
}
.survey-subject .Option-bar {
float: left;
width: 74%;
top: 12px;
position: relative;
}
.answer-button, .learnMore {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.answer-button {
line-height: 35px;
padding: 0 15px;
border: none;
box-shadow: 0 2px 1px rgba(0,0,0,0.2);
width: auto;
height: auto;
color: #fff;
text-shadow: 0 1px 0 #666;
}
.issue-body .quiz-result {
margin-bottom: 10px;
}
.issue-body .quiz-result .quiz-importance {
margin-bottom: 15px;
}
span[class^="issue-toogle"] {
position: absolute;
top: 50%;
font-size: 30px;
color: #ccc;
cursor: pointer;
padding-bottom: 4px;
}
span[class^="issue-toogle"]:hover {
color: #fff;
background: #00859a;
}
span[class^="issue-toogle"]:before {
position: relative;
top: 2px;
}
span.issue-toogleL {
left: 3%;
border-radius: 50px 0 0 50px;
}
span.issue-toogleR {
right: 3%;
border-radius: 0 50px 50px 0;
}
.learnMore {
position: relative;
display: inline-block;
border: 1px solid #e5e5e5;
background: #fafafa;
font-size: 14px;
padding: 0 8px;
cursor: pointer;
font-family: inherit;
color: #333;
top: -3px;
line-height: 24px;
}
.learnMore > i {
position: relative;
color: #999;
top: 2px;
}
.learnMore:hover {
border-color: #ccc;
}
.learnMore-active {
border-color: #ccc;
background-color: #eee;
}
.learnMore-active i {
color: #333;
font-weight: 700;
}
.issue-total {
font-size: 18px;
color: #fff !important;
}
.issue-haveDone a {
background: #eaeff5;
background: rgba(51,102,153,0.1);
}
.viewDecide {
font-size: 24px;
color: #fff;
line-height: 47px;
padding-left: 10px;
}
.issue-stands {
margin-top: 20px;
}
.candidate-party {
color: #fff;
width: 18px;
height: 18px;
display: inline-block;
text-align: center;
line-height: 18px;
}
.candidate-party:hover {
color: #fff;
}
.party-R, .party-RH {
background-color: #b2162e !important;
}
.party-D {
background-color: #363688 !important;
}
.party-I {
background-color: #63258c !important;
}
.party-G {
background-color: #4bb64b !important;
}
.party-L {
background-color: #f4c22f !important;
}
.party-OTH {
width: 40px;
background-color: #999 !important;
}
.candidate-party.party-R:before {
content: "R";
}
.candidate-party.party-D:before {
content: "D";
}
.candidate-party.party-I:before {
content: "I";
}
.candidate-party.party-G:before {
content: "G";
}
.candidate-party.party-L:before {
content: "L";
}
.candidate-party.party-OTH:before {
content: "OTH";
}
.candidate-party.party-RH:before {
content: "ยปยช";
visibility: hidden;
}
.party-RH {
background-image: url("../images/asian_icon.png");
background-size: 90%;
background-repeat: no-repeat;
background-position: center;
}
.party-RWord {
color: #b2162e !important;
}
.party-DWord {
color: #363688 !important;
}
.party-IWord {
color: #63258c !important;
}
.party-GWord {
color: #4bb64b !important;
}
.party-LWord {
color: #363688 !important;
}
.candidate-name {
font-size: 14px;
font-weight: 700 !important;
color: #fff;
color: #94d6ff;
}
.candidate-title {
display: inline-block;
margin-bottom: 14px;
}
.issue-stands {
padding-top: 10px;
}
.issue-stands .media {
padding: 10px 0 3px;
margin: 0 20px;
}
.commment-data .media {
padding: 10px 0 3px;
margin: 0 20px;
}
.issue-stands .media > div, .commment-data .media > div {
padding: 0;
}
.issue-stands .media-body p, .commment-data .media-body p, .review-content .media-body p {
margin-bottom: 6px;
line-height: 18px;
word-break: normal;
}
.commment-data .media {
border-top: 1px solid #e5e5e5;
box-shadow: none;
border-bottom: none;
}
.candidate-time {
color: #666;
}
.viewMore {
background: none;
margin: 15px auto;
display: block;
padding: 5px 8px;
border: none;
border-radius: 50%;
outline: none;
transition: all linear .2s;
width: 60px;
height: 40px;
}
.viewMore:hover {
background: rgba(255,255,255,0.2);
color: #333;
}
.comment-sort {
display: block;
overflow: hidden;
padding: 6px 18px 6px 5px;
}
.review-content .comment-sort {
padding: 10px 18px 5px 5px !important;
margin-bottom: 10px;
border-bottom-color: #ddd !important;
box-shadow: none !important;
background: none;
color: #333;
}
.comment-sort li {
float: left;
}
.comment-sort li a {
color: #e5e5e5;
color: rgba(255,255,255,0.8);
padding: 0 10px;
border-right: 1px solid #ddd;
cursor: pointer;
}
.sort-active a {
font-weight: 700;
color: #97f077 !important;
}
.comment-sort li a:hover {
color: #97f077 !important;
}
.reply-toolbar {
position: absolute;
width: 100%;
bottom: 6px;
height: 20px;
color: #666;
}
.reply-toolbar li {
width: auto !important;
border: none !important;
margin-left: 20px;
padding-bottom: 0 !important;
}
.reply-toolbar li:first-child {
margin-left: 0;
}
.reply-toolbar li i {
cursor: pointer;
}
.newsComm-tip {
padding-left: 10px;
font-family: "Footlight MT Light";
font-size: 18px;
}
.newsComm-tip i {
color: #7B96C4;
position: relative;
cursor: default;
}
.comment-count {
font-size: 18px;
margin-right: 2px;
color: #fff;
}
.data-category {
font-size: 24px;
padding: 0px 5px;
font-family: "Franklin Gothic heavy" !important;
color: #fff;
}
.PieChart {
padding: 5px 10px !important;
overflow: hidden;
position: relative;
}
.PieChart .data-category {
border-bottom: 1px solid #333;
border-bottom: 1px solid rgba(0,0,0,0.3);
box-shadow: 0 1px 0 #666;
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.issue-candidate .data-category, .issue-news .data-category, .comment-sort, .news-tool, .friends-list > ul > li {
border-bottom: 1px solid #333;
border-bottom: 1px solid rgba(0,0,0,0.3);
box-shadow: 0 1px 0 #666;
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.BillChrat {
padding: 0 !important;
text-align: center;
}
.BillChrat .issue-title {
color: #fff;
margin-bottom: 20px;
line-height: 28px;
padding: 10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.issue-candidate {
padding: 10px;
}
.issue-candidate .issue-category {
border-top: 1px solid #333;
border-top: 1px solid rgba(0,0,0,0.3);
box-shadow: inset 0 1px 0 #666;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
margin: 0 30px;
padding: 10px 0;
}
.issue-background {
border-top: 1px solid #333;
border-top: 1px solid rgba(0,0,0,0.3);
box-shadow: inset 0 1px 0 #666;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
margin: 0 30px;
padding: 10px 0;
margin-top: 17px;
padding-bottom: 0;
}
.issue-background dl {
margin-bottom: 10px;
}
.issue-background dl dd {
padding: 5px;
color: #f2f2f2;
max-height: 95px;
overflow: hidden;
line-height: 18px;
}
.issue-background dl dt {
padding-top: 0;
}
.issue-source {
height: auto !important;
color: #ccc !important;
font-size: 14px !important;
}
.issue-source span {
color: #f2f2f2 !important;
}
.issue-source i {
color: #c90;
margin-right: 5px;
}
.issue-backgroundMore {
margin: 5px auto;
padding: 5px 8px;
}
dl.issue-Choice {
margin-bottom: 12px;
}
dl.issue-Choice dt {
line-height: 30px;
font-weight: 100;
position: relative;
margin-bottom: 5px;
}
dl.issue-Choice > dd {
position: relative;
margin-top: 5px;
float: left;
}
dl.issue-Choice > dd:nth-child(odd) {
float: right;
}
dl.issue-Choice > dd > a {
border: 1px solid #c90;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
margin: 0 auto;
}
dl.issue-Choice > dd a img {
width: 100%;
}
dl.issue-Choice:last-child {
margin-bottom: 0;
border-bottom: none;
}
ul.issue-introduce {
position: absolute;
top: 100%;
background: #fff;
border: 1px solid #e5e5e5;
z-index: 1000;
box-shadow: 0 2px 5px #ccc;
padding: 5px 10px;
width: 100%;
display: none;
}
td > .issue-introduce {
width: 150%;
}
.issue-introduceChange {
top: auto !important;
bottom: 100%;
}
td > span.learnMore {
top: 1px;
}
.issue-introContent {
font-size: 16px;
line-height: 24px;
padding-left: 22px;
}
.issue-introTitle {
line-height: 24px;
}
.issue-introTitle .quiz-resultAnswer {
font-weight: 700;
}
.issue-introduce > li {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
}
.issue-introduce > li:last-child {
border-bottom: none;
}
.candidate-toolTip {
position: absolute;
text-align: center;
bottom: 60px;
background-color: #394F75;
border: 1px solid #21324F;
border-radius: 5px;
width: 180px;
left: -70px;
padding: 5px 0;
font-weight: 700;
box-shadow: 0 1px 2px #999;
color: #fff;
}
.candidate-toolTip:after {
content: "\e605";
position: absolute;
bottom: -13px;
left: 50%;
margin-left: -8px;
color: #394F75;
text-shadow: 0 3px 0 #63636b;
}
.issue-candidateSpool {
position: relative;
margin: 45px auto 0;
background-color: #ccc;
width: 80%;
height: 3px;
}
.issue-candidateSpool > dl {
padding-top: 0;
float: left;
width: 86px;
position: relative;
}
.issue-candidateSpool > dl:first-child {
margin-left: -43px !important;
}
.issue-candidateSpool > dl > dt {
margin-top: -10px;
}
.issue-candidateSpool > dl > dt span {
display: block;
}
.issue-candidateSpool > dl > dt span.answer-tag {
width: 20px;
height: 20px;
margin: 0 auto;
}
.issue-candidateSpool > dl > dt span.quiz-resultAnswer {
position: absolute;
width: 130px;
bottom: 100%;
text-align: center;
left: 50%;
margin-left: -65px;
}
.ele_clear {
width: 40px;
margin-left: 20px;
}
.answer-thead {
width: 100%;
margin: 5px auto;
height: 34px;
}
.answer-thead .form-group {
margin-bottom: 0;
}
.answer-thead select {
height: 26px !important;
line-height: 24px !important;
padding: 0 !important;
}
.news {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 0 10px;
}
.news h1 {
font: 700 17px/19px helvetica, arial, sans-serif;
}
.news h2 {
font: 700 15px/17px helvetica, arial, sans-serif;
}
.news .author {
line-height: 14px;
color: #666;
}
.news .author b {
font-weight: 700;
}
.new {
color: #f60;
font-weight: bolder;
font-style: italic;
}
.news p, .news div ul li {
font: 14px/18px arial, sans-serif;
}
.p_cen {
width: 100%;
text-align: center;
}
.news img {
width: 100%;
border: 1px solid #cacaca;
padding: 2px;
display: inline !important;
vertical-align: middle;
}
.news-list .media-body .newsAbstract {
color: #f2f2f2;
}
.news-list .media-body p {
margin: 0;
}
.focus-content {
margin-top: 20px;
}
.focus-content > div {
padding: 5px 10px;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 5px;
}
#Comments > ul > li {
display: table;
padding-bottom: 1em;
border: 1px solid #dcdcdc;
width: 100%;
border-bottom: none;
}
#Comments > ul > li:last-child {
border-bottom: 1px solid #dcdcdc;
}
#Comments > ul > li .leftcontent {
background-color: #fafbfc;
float: left;
width: 120px;
}
#Comments > ul > li .leftcontent .userphoto {
width: 80px;
height: 80px;
margin: 10px 20px;
border-radius: 0;
}
#Comments > ul > li .rightcontent {
margin: 15px 5px 10px 120px;
position: relative;
min-height: 68px;
padding: 0 0 8px 20px;
float: inherit;
}
#Comments > ul > li .reply {
display: none;
padding: 10px 20px 8px 20px;
background-color: #f7f8fa;
margin: 40px 0 0 180px;
border: 1px solid #ddd;
margin-right: 10px;
}
#Comments .reply {
display: none;
padding: 10px 20px 8px 20px;
background-color: #f7f8fa;
margin: 40px 0 0 180px;
border: 1px solid #ddd;
margin-right: 10px;
margin: 5px 0 10px 90px;
color: #333;
}
#Comments .reply a {
color: #333 !important;
font-weight: 700;
}
#Comments .reply a:hover {
color: #97f077 !important;
text-decoration: underline;
cursor: pointer;
}
#Comments .media .reply .userphoto {
width: 35px;
height: 35px;
float: left;
}
#Comments .media .icon {
float: right;
}
#Comments .media .icon .nav {
background-color: #f7f8fa;
border: 1px solid #ddd;
border-bottom: none;
padding-bottom: 2px;
}
#Comments .media .icon .nav i {
color: #4a8ee8;
}
#Comments .reply dd {
border-bottom: 1px dotted #d7d7d7;
display: table;
width: 100%;
margin-bottom: 1em;
}
#Comments .reply .icon {
font-size: 12px;
}
#Comments .reply .icon .common-icon {
margin: 0;
}
#Comments .reply .icon i {
font-size: 12px;
color: #666;
}
#Comments .media .reply .more {
text-align: center;
border: none;
display: none;
}
#Comments .reply .submit {
text-align: right;
}
#Comments .reply .submit div {
margin-top: 1em;
display: none;
}
#Comments .reply .submit textarea {
resize: none;
height: 40px;
width: 100%;
padding: 5px 2px 0px 6px;
}
.content-datablock #Comments .media .media-body {
padding-bottom: 30px;
}
#Comments .media .media-body p:empty {
display: none;
}
#Comments .media .media-body img {
max-width: 100%;
}
.ttContent {
display: block;
margin: 0 auto !important;
overflow: hidden;
padding-left: 10px;
}
.form-group {
position: relative;
}
.replytBtn {
position: absolute;
bottom: 1px;
overflow: hidden;
height: 36px;
z-index: 1000;
}
.replytBtn button {
border-radius: 0;
border-top: none !important;
border-bottom: none !important;
line-height: 24px;
}
.cke_bottom {
height: 28px !important;
}
.candidatephoto {
margin: 4px 0.5em 0.5em 0;
padding-right: 10px;
width: 70px;
height: 70px;
}
.candidatephoto img {
width: 70px;
height: 70px;
}
.candidatedetailphoto {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
width: 90px;
height: 90px;
border: 1px #ccc solid;
float: left;
margin: 0 10px 5px 0;
overflow: hidden;
}
.candidatedetailphoto img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 100%;
padding: 1px;
}
.Similarity {
text-align: center;
font-weight: 700;
line-height: 70px;
font-size: 25px;
width: 100px;
float: left;
}
.CoverageEndDate {
line-height: 70px;
}
.TotalReceipts {
line-height: 70px;
font-size: 20px;
}
.news-count {
margin-left: 7px;
line-height: 40px;
}
.StronglyOppose {
height: 13px;
width: 13px;
border: 2px #f33 solid;
margin-right: 10px;
display: inline-block;
}
.Oppose {
height: 13px;
width: 13px;
border: 2px #e5672f solid;
margin-right: 10px;
display: inline-block;
}
.NoOpinoin {
height: 13px;
width: 13px;
border: 2px #e9a416 solid;
margin-right: 10px;
display: inline-block;
}
.Support {
height: 13px;
width: 13px;
border: 2px #5cb85c solid;
margin-right: 10px;
display: inline-block;
}
.StronglySupport {
height: 13px;
width: 13px;
border: 2px #06f solid;
margin-right: 10px;
display: inline-block;
}
.StronglyOpposePercent {
display: inline-block;
color: #f33;
}
.OpposePercent {
display: inline-block;
color: #e5672f;
}
.NoOpinoinPercent {
display: inline-block;
color: #e9a416;
}
.SupportPercent {
display: inline-block;
color: #5cb85c;
}
.StronglySupportPercent {
display: inline-block;
color: #06f;
}
.issuephoto {
display: block;
width: 280px;
height: 200px;
}
.issuephoto img {
width: 280px;
height: 200px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
dl.quiz-list, .focus-list, .candi-list {
-webkit-box-shadow: 0px 1px 2px rgba(43,59,93,0.29);
-moz-box-shadow: 0px 1px 2px rgba(43,59,93,0.29);
box-shadow: 0px 1px 2px rgba(43,59,93,0.29);
}
dl.quiz-list dt, .focus-list .title {
background: #edf0f9;
line-height: 28px;
font-weight: bold;
padding: 0 5px;
color: #000;
border-bottom: 1px solid rgba(0,0,0,0.07);
}
dl.quiz-list dd ul li {
position: relative;
padding: 5px 10px 0 10px;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
}
dl.quiz-list dd ul li:last-child {
border: none;
padding-bottom: 3px;
}
dl.quiz-list .news-comment {
margin: 0 5px;
width: 40px;
text-align: center;
margin: 0 !important;
}
dl.quiz-list .news-comment i {
color: #555;
}
dl.quiz-list .follow {
width: 25px;
}
.quiz-bottom, .candi-bottom {
text-align: right;
margin-top: 8px;
overflow: hidden;
}
.quiz-bottom .news-comment span {
display: inline-block;
}
ul.progress-node li, .slider-bar, dl.issue-Choice > dd a, .issue-candidateSpool > dl > dt .answer-tag {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.slider-bar {
display: block;
z-index: 100;
width: 28px;
position: relative;
box-shadow: 0 0 2px #333;
height: 28px;
color: transparent;
top: -12px;
background-color: #1ea112;
cursor: pointer;
cursor: -webkit-grab;
-moz-transform: transform 0.1s linear;
-ms-transform: transform 0.1s linear;
-o-transform: transform 0.1s linear;
-webkit-transform: transform 0.1s linear;
transform: transform 0.1s linear;
}
.slider-bar:hover, .slider-bar:active {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
box-shadow: 0 0 0 2px rgba(0,0,0,0.2) !important;
}
.slider-bar > span {
position: absolute;
top: 2px;
color: #fff;
color: rgba(255,255,255,0.8);
line-height: 1.6;
}
.slider-bar > span[class~="icon-ArrowLeft"] {
left: 0;
}
.slider-bar > span[class~="icon-ArrowRight"] {
right: 0;
}
.survey-subject .slider-bar {
box-shadow: none;
border: 2px solid #ddd;
background: #f2f2f2 !important;
}
.survey-subject .slider-bar > span {
color: #aaa;
top: -4px;
}
.survey-subject .slider-bar > span[class~="icon-ArrowLeft"] {
left: -7px;
}
.survey-subject .slider-bar > span[class~="icon-ArrowRight"] {
right: -7px;
}
.survey-subject .slider-bar:after {
content: "";
position: absolute;
width: 1px;
height: 38px;
background: #ddd;
left: 50%;
top: 100%;
}
.progress-bar {
background-color: transparent !important;
background-image: none !important;
}
.progress {
position: relative;
width: 100%;
margin-top: 5px !important;
margin-bottom: 5px !important;
overflow: visible;
clear: both;
z-index: 1;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.progress-cover, .candidate-homeTips {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.progress-cover {
position: absolute;
z-index: 100;
width: 100%;
box-shadow: 0px 0px 3px rgba(0,0,0,0.4) inset;
background: none;
height: 100%;
background-color: #fff;
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#4c4c4c', endColorstr = '#fff')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#4c4c4c', endColorstr = '#fff')";
background-image: linear-gradient(to bottom,#4c4c4c,#fff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4c4c4c), to(#fff));
background-image: -webkit-linear-gradient(top,#4c4c4c,#fff);
background-image: -moz-linear-gradient(top,#4c4c4c,#fff);
background-image: -ms-linear-gradient(top,#4c4c4c,#fff);
background-image: -o-linear-gradient(top,#4c4c4c,#fff);
}
.survey-subject .progress-cover {
background-image: none;
background: #eee;
box-shadow: none;
transition: all linear 0.2s;
}
.survey-subject .quiz-content:hover .progress-cover {
background: #ddd;
}
input[type="radio"] {
margin-top: -10px;
}
.progress-bar-danger {
background-color: #85aecc;
border-radius: 50px 0 0 50px;
-moz-border-radius: 50px 0 0 50px;
-webkit-border-radius: 50px 0 0 50px;
text-align: left;
padding-left: 10px;
}
.progress-bar-success {
background-color: #85aecc;
}
.progress-bar-info {
background-color: #85aecc;
border-radius: 0 50px 50px 0;
-moz-border-radius: 0 50px 50px 0;
-webkit-border-radius: 0 50px 50px 0;
text-align: right;
background: none !important;
height: 4px;
}
.progress-bar-success, .progress-bar-warning, .progress-bar-danger, .slider {
background: none !important;
height: 4px;
}
.progressยฃยฌ div[class^="progress-bar-"] {
height: 4px;
}
.progress-bar-info span {
width: 200px;
right: 10px;
}
div[class^="progress-bar-"] {
position: relative;
width: 25%;
float: left;
pointer-events: none;
}
div[class^="progress-bar-"] span {
color: #fff;
display: inline-block;
font-size: 1.2rem;
line-height: 30px;
position: absolute;
white-space: nowrap;
text-shadow: 0 1px 0px #666;
z-index: 100;
}
.pValue {
position: absolute;
top: 0;
}
div.pValue {
left: 0;
z-index: 10;
color: #fff;
width: 100%;
height: 100%;
line-height: 30px;
text-align: center;
-webkit-transform: scale(0.85);
}
span.pValue {
left: 20px;
font-size: 1.2rem;
line-height: 25px;
color: #c03434;
}
.slider-bar i {
position: absolute;
left: 0;
color: #666;
width: 30px;
text-align: center;
display: none;
}
.slider-bar i.top {
top: -22px;
}
.slider-bar i.bot {
bottom: -22px;
}
.category-title {
margin-top: -34px;
text-align: center;
color: red;
}
.HotTopicList {
margin-bottom: 3em;
}
.HotTopicList li {
padding: 10px 15px;
position: relative;
min-height: 60px;
overflow: inherit;
}
.HotTopicList li .title a {
display: block;
font-size: 16px;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.HotTopicList li div {
margin: 3px 0;
}
.footer {
position: relative;
background: #21324F;
z-index: 1000 !important;
}
.footer .copyright {
float: left;
margin-left: 0;
color: #96b4dc;
}
.footer > ul {
width: 100%;
max-width: 1200px;
overflow: hidden;
margin: 0 auto;
padding: 0 5px;
}
.footer > ul > li {
float: right;
margin-left: 10px;
line-height: 40px;
}
.footer > ul > li > a {
line-height: 28px;
display: inline-block;
padding: 0 10px;
color: #96b4dc;
}
.footer > ul > li > a:hover {
text-decoration: underline;
color: #fff;
}
.footer-white {
background: none;
}
.footer-white ul {
border-top: 1px solid #eee;
}
.footer-white ul li a {
color: #7B96C4 !important;
}
.footer-white ul .copyright {
color: #888;
}
.SecondaryMenu {
position: fixed;
bottom: 40px;
width: 100%;
z-index: 100;
}
.SecondaryMenu ul {
position: relative;
background: #4d8b95;
background: rgba(32,110,122,0.9);
display: table;
margin: 0 auto;
}
.SecondaryMenu ul li {
display: table-cell;
white-space: nowrap;
position: relative;
border-right: 1px solid rgba(0,0,0,0.3);
box-shadow: 1px 0 0 rgba(255,255,255,0.2);
}
.SecondaryMenu ul li a {
color: #fff;
font-family: Arial;
display: block;
padding: 5px 10px;
position: relative;
z-index: 100;
border-radius: 0;
border: none;
margin-right: 0;
}
.SecondaryMenu ul li a:hover {
background: none;
box-shadow: inset 0 0 20px #00dafc !important;
}
.SecondaryMenu ul li.active {
background: none;
box-shadow: inset 0 0 20px #00dafc !important;
}
.SecondaryMenu ul li a:focus {
background: none;
box-shadow: none;
}
.SecondaryMenu ul li.active {
box-shadow: none !important;
}
li.menu_corner_li a:hover {
box-shadow: none !important;
}
.last_menu {
border-right: none !important;
}
.first_menu a {
padding-left: 0 !important;
}
.last_menu a {
padding-right: 0 !important;
}
.SecondaryMenu ul li.first_menu a:hover, .SecondaryMenu ul li.last_menu a:hover {
box-shadow: none !important;
}
.menu_corner {
position: absolute;
bottom: 0;
width: 26px;
height: 34px;
z-index: 10;
}
.cur_state > div, .menu_corner {
background: url("../images/cornerbg_icon.png") no-repeat;
}
li.menu_corner_li a:hover, .SecondaryMenu ul li.active a {
background: url("../images/cornerMid_bg.png") 0 repeat-x !important;
color: #fff !important;
margin: 0;
border: none !important;
}
.cornerRight_l, .cornerLeft_r {
opacity: 0.6;
display: none;
}
.cornerRight_l {
right: 0;
}
.cornerLeft_r {
left: 0;
}
li.menu_corner_li:hover .cornerRight_l, .SecondaryMenu ul li.active .cornerRight_l {
background-position: -71px 3px;
display: block;
}
li.menu_corner_li:hover .cornerLeft_r, .SecondaryMenu ul li.active .cornerLeft_r {
background-position: -108px 3px;
display: block;
}
.corner_l {
right: 100%;
background-position: 1px 3px;
}
.corner_r {
left: 100%;
background-position: -181px 3px;
}
li.menu_corner_li a:hover + .corner_l, .SecondaryMenu ul li.active a + .corner_l {
background-position: -36px 3px;
}
li.menu_corner_li a:hover + .corner_r, .SecondaryMenu ul li.active a + .corner_r {
background-position: -144px 3px;
}
.corner_l:hover + .cornerRight_l, .corner_r:hover + .cornerLeft_r {
display: none !important;
}
.SecondaryMenu .active .menu_corner {
display: block !important;
}
.candidateList {
overflow: hidden;
margin-top: 10px;
border-radius: 5px !important;
color: #fff;
padding: 0 !important;
}
.candidateList a {
color: #fff;
}
.candidateList > dl {
padding: 0;
margin-bottom: 0;
}
.candidateList > dl > dt {
display: block;
padding: 0;
margin: 0;
height: 40px;
font-size: 16px;
border-bottom: 1px solid #333;
}
thead.quiz-title-block th {
padding: 0;
margin: 0;
height: 40px;
font-size: 16px;
border-bottom: 1px solid #333;
}
.candidateList > dl > dt > ul {
overflow: hidden;
height: 100%;
}
.candidateList > dl > dt > ul > li {
overflow: hidden;
height: 100%;
}
.candidateList-content > ul > li {
overflow: hidden;
height: 100%;
}
.candidateList > dl > dd > ul {
overflow: hidden;
height: 100%;
}
.candidateList > dl > dt > ul > li {
line-height: 36px;
text-align: center;
border-left: 1px solid rgba(49,196,251,0.1) !important;
border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.candidateList-content > ul > li, table.wrapBlock-content > tbody > tr > td, thead.quiz-title-block th, .match-issueList dt > span {
border-left: 1px solid rgba(49,196,251,0.1) !important;
border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.candidateList-content {
position: relative;
}
.candidateList-content > ul {
display: table;
width: 100%;
}
.candidateList-content > ul > li {
display: table-cell;
vertical-align: middle;
float: none;
}
thead.quiz-title-block {
background: #394F75;
}
thead.quiz-title-block th {
border-bottom: 1px solid #333 !important;
}
.candidateList > dl > dt > ul > li:first-child, .candidateList-content > ul > li:first-child, .table.wrapBlock-content > tbody > tr > td:first-child {
border-left: none;
}
.candidateList > dl > dt > ul > li:last-child, .candidateList-content > ul > li:last-child, .table.wrapBlock-content > tbody > tr > td:last-child {
border-right: none;
}
.candidateList > dl > dt button {
border: none;
padding: 0;
background: none;
}
.candidateList > dl > dt .dropdown-menu > li > a {
color: #666;
}
.candidateList > dl > dd {
overflow: hidden;
height: 95px;
padding: 0;
border-bottom: 1px solid #ccc !important;
border-bottom: 1px solid rgba(0,0,0,0.2) !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.table.wrapBlock-content > tbody > tr > td {
border-bottom: 1px solid #ccc !important;
border-bottom: 1px solid rgba(0,0,0,0.2) !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.table.wrapBlock-content > tbody > tr > td .survey-subject {
margin: 5px auto;
}
.table.wrapBlock-content > tbody > tr > td .survey-subject dd.check {
white-space: nowrap;
margin-left: 0;
}
.table.wrapBlock-content > tbody > tr > td .survey-subject dd.check img {
margin-right: 5px;
}
.table.wrapBlock-content > tbody > tr > td .survey-subject dd.check span {
display: inline-block;
color: #f2f2f2;
background: none;
white-space: normal;
max-width: 475px;
}
.candidateList > dl > dd:first-child {
border-top: none;
}
.candidateList > dl > dd:nth-child(odd) {
background: rgba(0,0,0,0.1);
}
.table-striped > tbody > tr:nth-of-type(odd) {
background: rgba(0,0,0,0.1);
}
.table-striped > tbody > tr:hover td {
background: rgba(0,0,0,0.02);
}
.candidateList-content > ul > li {
padding: 8px 10px;
}
.CandidateInformation {
color: #ddd;
max-width: 250px;
}
.CandidateInformation > a {
font-weight: 700;
}
.candidateList-Lblock {
line-height: 70px;
font-size: 24px;
}
.candidateList-Lblock:after {
content: " %";
font-size: 12px;
font-weight: 700;
}
.candidateList-toolbar li {
line-height: 35px;
}
.candidateList-toolbar li > i {
cursor: pointer;
font-size: 18px;
}
i[class~="icon-Email"]:hover {
color: #194dbe;
}
.candidate-blockbg, .chatrooms-blockbg, .forums-blockbg, .topics-blockbg {
background-color: #fff;
box-shadow: none;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
border-radius: 2px;
overflow: hidden;
}
.candidate-homeHead {
margin-bottom: 10px;
border-radius: 2px;
overflow: visible;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.candidate-homeHead > ul {
overflow: hidden;
}
.candidate-homeHead > ul > li {
position: relative;
}
.candidate-homeHead > ul > li.col-md-9 {
padding-left: 25px;
}
.canblock-table {
display: table;
margin-bottom: 10px;
width: 100%;
}
.canblock-table > div {
display: table-cell;
vertical-align: top;
}
.canblock-left, .canblock-right {
min-width: 280px;
}
.candidate-homeCrumbs {
margin: 10px 0;
}
.candidate-homeCrumbs > span {
color: #94d6ff !important;
}
.candidate-homeCrumbs > span a {
color: #94d6ff !important;
}
.candidate-homeTips {
position: absolute;
top: 10%;
left: 0;
height: 80%;
line-height: 20px;
padding: 14px 0 0 72px;
z-index: 100;
font-size: 16px;
line-height: 20px;
border: 1px solid #fff;
width: 285%;
text-align: center;
background-color: #ededed;
box-shadow: -1px -1px 0 1px #fff inset,1px 1px 1px rgba(0,0,0,0.2);
}
#tab_Biography .listnone {
margin-bottom: 20px;
}
.circle, .circle-left, .circle-right, .pie_left, .pie_right {
width: 86px;
height: 86px;
}
.similarity-title {
font-size: 18px;
}
.circle {
position: relative;
display: block;
border-radius: 50%;
margin: 0 auto;
z-index: 1000;
}
.pie_left, .pie_right {
position: absolute;
top: 0;
left: 0;
}
.circle-left, .circle-right {
background: #f2f2f2;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.pie_right, .circle-right {
transition: all linear .5s;
clip: rect(0, auto, auto, 43px);
}
.pie_left, .circle-left {
transition: all ease-out .5s;
transition-delay: .5s;
clip: rect(0, 43px, auto, 0);
}
.mask {
width: 62px;
height: 62px;
border-radius: 50%;
left: 12px;
top: 12px;
background: #fff;
position: absolute;
text-align: center;
line-height: 64px;
font-size: 32px;
}
.mask span {
display: inline !important;
}
ul.issue-home .circle {
box-shadow: 1px 0 0px #333;
}
ul.issue-home.party-RCircle .circle {
background: #b2162e !important;
}
ul.issue-home.party-DCircle .circle {
background-color: #363688 !important;
}
ul.issue-home.party-ICircle .circle {
background-color: #63258c !important;
}
ul.issue-home.party-GCircle .circle {
background-color: #4bb64b !important;
}
ul.issue-home.party-LCircle .circle {
background-color: #363688 !important;
}
ul.issue-home.party-OTHCircle .circle {
background-color: #999 !important;
}
ul.issue-home.party-RCircle .mask {
color: #b2162e !important;
}
ul.issue-home.party-DCircle .mask {
color: #363688 !important;
}
ul.issue-home.party-ICircle .mask {
color: #63258c !important;
}
ul.issue-home.party-GCircle .mask {
color: #4bb64b !important;
}
ul.issue-home.party-LCircle .mask {
color: #363688 !important;
}
ul.issue-home.party-OTHCircle .mask {
color: #999 !important;
}
ul.issue-home.party-RCircle .candidate-homeTips {
border-color: #b2162e !important;
color: #b2162e !important;
}
ul.issue-home.party-DCircle .candidate-homeTips {
border-color: #363688 !important;
color: #363688 !important;
}
ul.issue-home.party-ICircle .candidate-homeTips {
border-color: #63258c !important;
color: #63258c !important;
}
ul.issue-home.party-GCircle .candidate-homeTips {
border-color: #4bb64b !important;
color: #4bb64b !important;
}
ul.issue-home.party-LCircle .candidate-homeTips {
border-color: #363688 !important;
color: #363688 !important;
}
ul.issue-home.party-OTHCircle .candidate-homeTips {
border-color: #999 !important;
color: #999 !important;
}
i.sum {
display: none;
}
.mask:after {
font-size: 16px;
content: "%";
}
.candidate-homePhoto {
position: absolute;
bottom: -20px;
width: 100px;
height: 100px;
border: 1px solid #e5e5e5;
overflow: hidden;
left: 60px;
padding: 2px;
background-color: #fafafa;
}
.candidate-homePhoto img {
width: 100%;
}
.candidate-homeDetail {
color: #fff;
left: 175px;
position: absolute;
top: -33px;
float: left;
}
.candidate-homeDetail .candidate-name {
font: 24px/24px "Franklin Gothic heavy";
}
.candidate-homeDetail .candidate-party {
position: relative;
bottom: 3px;
left: 2px;
}
.candidate-scoreBlock {
overflow: hidden;
color: #333;
font-weight: bold;
}
.candidate-scoreBlock > * {
float: left;
margin-bottom: 5px;
}
.candidate-reviews {
margin-left: 8px;
position: relative;
top: 2px;
}
.candidate-score {
margin-right: 8px;
position: relative;
font-size: 18px;
}
.candidate-scoreIconblock {
position: relative;
width: 120px;
height: 20px;
}
.candidate-scoreIcon {
overflow: hidden;
position: absolute;
}
.candidate-scoreIcon-def {
overflow: hidden;
position: absolute;
clip: rect(0px, 0px, 200px, 0px);
transition: all linear .5s;
}
.candidate-scoreIcon > li, .candidate-scoreIcon-def > li {
float: left;
position: relative;
margin: 0 2px;
width: 20px;
height: 20px;
text-align: center;
font-size: 12px;
color: #666;
top: 2px;
line-height: 1.5;
}
.candidate-scoreIcon > li {
background: #ddd;
}
.candidate-scoreIcon-def > li {
background: #c90;
color: #fff;
}
.canblock-left > *, .canblock-right > * {
margin-bottom: 10px;
}
.candidate-homeTool {
display: inline-block;
}
.newscomment-tool {
display: inline-block;
color: #fff;
overflow: hidden;
border-radius: 5px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 -1px 1px #ccc inset;
box-shadow: 0 -1px 1px rgba(255,255,255,0.2) inset;
}
.newscomment-tool > div {
line-height: 40px;
padding: 0 19px;
border-left: 1px solid #00859a !important;
border-left: 1px solid rgba(0,133,154,0.8) !important;
border-right: 1px solid #999 !important;
border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.candidate-homeTool li, .newscomment-tool > div {
float: left;
cursor: pointer;
}
.candidate-homeTool li {
line-height: 34px;
padding: 0 18px;
border-left: 1px solid rgba(0,0,0,0.15);
border-bottom: none;
border-top: none;
position: relative;
}
.candidate-homeTool li:hover > .common-iconShare {
display: block;
}
.candidate-homeTool li .common-iconShare {
background: #ecf5fc;
min-width: 100%;
border-color: rgba(123,150,196,0.3);
right: 0;
padding: 0;
margin: 0;
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.candidate-homeTool li .common-iconShare > a {
border-bottom: 1px solid rgba(123,150,196,0.3);
margin: 0 auto;
line-height: 40px;
color: #394F75;
font-size: 12px;
padding: 0 10px;
white-space: nowrap;
}
.candidate-homeTool li .common-iconShare > a:last-child {
border-bottom: none;
}
.candidate-homeTool .icon-Black.icon-select {
background: #e5e5e5;
border-bottom-color: #000;
}
.candidate-homeTool li:hover {
background: #ecf5fc;
}
.candidate-homeTool li .common-iconShare > a:hover {
background: rgba(0,0,0,0.05);
}
.candidate-homeTool li:active {
background: rgba(0,0,0,0.1);
}
.candidate-homeTool li:hover .iconfont {
color: #394F75;
font-weight: 300;
}
.candidate-blockbg > dd, .chatrooms-blockbg > dd, .forums-blockbg > dd, .topics-blockbg > dd {
padding: 8px 15px 0;
overflow: hidden;
border-bottom: 1px solid rgba(123,150,196,0.15);
font-size: 12px;
word-wrap: break-word;
line-height: 20px;
}
.candidate-blockbg > dd:first-child, .chatrooms-blockbg > dd:first-child, .forums-blockbg > dd:first-child, .topics-blockbg > dd:first-child {
border-top: none;
}
.candidate-blockbg > dd span.item_word, .chatrooms-blockbg > dd span.item_word, .forums-blockbg > dd span.item_word, .topics-blockbg > dd span.item_word {
display: inline-block;
vertical-align: top;
width: 230px;
}
.candidate-blockbg > dd span b, .chatrooms-blockbg > dd span b, .forums-blockbg > dd span b, .topics-blockbg > dd span b {
margin-right: 5px;
position: relative;
top: -1px;
}
.candidate-blockbg > dd i, .chatrooms-blockbg > dd i, .forums-blockbg > dd i, .topics-blockbg > dd i {
margin-right: 4px;
position: relative;
top: -3px;
color: #666;
font-weight: 500;
}
.canblock-right .candidate-blockbg > dd, .canblock-right .chatrooms-blockbg > dd, .canblock-right .forums-blockbg > dd, .canblock-right .topics-blockbg > dd {
padding: 8px 15px;
}
.chatrooms-blockbg > dt, .forums-blockbg > dt, .topics-blockbg > dt {
font-weight: 700;
padding: 5px 10px;
line-height: 25px;
min-height: 30px;
border-bottom: 1px solid rgba(123,150,196,0.3);
color: #394F75;
}
.candidate-blockbg > dt i, .chatrooms-blockbg > dt i, .forums-blockbg > dt i, .topics-blockbg > dt i {
font-weight: 500;
}
.candidate-blockbg > dt a, .chatrooms-blockbg > dt a, .forums-blockbg > dt a, .topics-blockbg > dt a {
color: #394F75;
}
.Campaign-media {
padding: 0 !important;
}
.Campaign-media-cate {
margin-bottom: 0;
border-bottom: 1px solid #ddd;
padding: 7px 16px;
}
.Campaign-media-cate dt {
line-height: 24px;
}
.Campaign-media-web .iconfont {
border-radius: 50%;
color: #fff;
padding: 4px;
font-size: 12px;
}
.Campaign-media-web .icon-Facebook {
background-color: #3b589c;
}
.Campaign-media-web .icon-Twitter {
background-color: #1ab2e8;
}
.Campaign-media-web dd {
display: inline-block;
margin: 12px 35px 5px 0;
}
.homeblock-btn {
padding: 0 !important;
font-size: 14px !Important;
line-height: 32px !important;
margin-top: 3px;
text-align: center;
border-top: 1.5px solid #ddd !important;
background-color: #f2f8fd;
height: auto !important;
}
.homeblock-btn a {
position: relative !Important;
top: 0 !Important;
left: 0 !Important;
right: 0 !Important;
bottom: 0 !Important;
color: #666;
display: block;
}
.homeblock-btn a i {
margin-left: 4px;
top: 0 !important;
color: #333 !important;
}
.homeblock-btn:hover a {
background: #e9eff3;
color: #000;
}
.candidate-homeDonate {
position: absolute;
bottom: 40px;
right: 10px;
}
.candidate-homeDonate > li {
padding: 0 0 10px;
display: inline-block;
}
.candidate-homeDonate > li > a {
padding: 0 20px;
font: 18px/35px "Arial";
display: block;
color: #fff;
background: #e5e5e5;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
width: auto !important;
height: auto !important;
}
.candidate-homeDonate > li > a.party-R:hover {
background: #8f1326 !important;
}
.candidate-homeDonate > li:hover {
background: none !important;
box-shadow: none;
}
.candidate-homeContent {
padding: 20px 25px 0;
margin-bottom: 20px;
}
.nav-tabs {
border-bottom: 1px solid rgba(49,196,251,0.8);
}
.candidate-homeContent .nav-tabs > li > a {
border: none;
border-bottom: 4px solid transparent;
margin-right: 20px;
padding: 5px;
font-size: 18px;
color: #e5e5e5;
background: none;
}
.PA-tabs {
margin-bottom: 20px;
}
.PA-tabs > li > a {
border: none;
border-bottom: 4px solid transparent;
margin-right: 20px;
padding: 5px;
font-size: 18px;
color: #e5e5e5;
background: none;
padding: 5px !important;
}
.candidate-homeContent .nav-tabs > li.active > a {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.candidate-homeContent .nav-tabs > li.active > a:focus, .candidate-homeContent .nav-tabs > li.active > a:hover {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.candidate-homeContent .nav-tabs > li a:hover {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.PA-tabs > li.active > a {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.PA-tabs > li.active > a:focus, .PA-tabs > li.active > a:hover {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.PA-tabs > li > a:hover {
border: none;
border-bottom: 4px solid rgba(49,196,251,0.8);
color: #94d6ff;
background: none;
}
.candidate-blockbg .nav-tabs, .PA-tabs {
border-color: rgba(49,196,251,0.8);
}
.candidate-blockbg .nav-tabs > li > a, .PA-tabs > li > a {
color: #81bbe0;
}
.candidate-blockbg .nav-tabs > li.active > a, .candidate-blockbg .nav-tabs > li > a:hover {
border-color: rgba(49,196,251,0.8);
color: #94d6ff;
}
.PA-tabs > li.active > a, .PA-tabs > li > a:hover {
border-color: rgba(49,196,251,0.8);
color: #94d6ff;
}
.statePoint {
position: absolute;
top: 0;
right: 0;
}
.statePoint .quiz-resultAnswer {
font-size: 14px;
}
.statePoint > ul > li {
float: left;
margin: 0 20px;
}
.statePercent > li {
margin: 5px 0px;
width: 75px;
display: inline-block;
}
.statePercent > li span {
font-size: 14px;
}
.statePercent > li .answer-tag {
width: 12px;
height: 12px;
top: 0;
}
.candidate-homeTitle > a {
color: #333;
}
.candidate-homeTitle > a:hover {
color: #194dbe;
}
.PieChart-information {
position: relative;
line-height: 30px;
display: inline-block;
text-align: left;
max-width: 700px;
vertical-align: middle;
}
.bill-candidate {
display: inline-block;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 5px;
border: 1px solid #ccc;
}
.bill-candidate img {
width: 100%;
}
.issue-candidate {
overflow: hidden;
padding-bottom: 0;
}
.issue-news {
margin-top: 20px;
overflow: hidden;
padding: 5px 15px;
}
.issue-candidate > ul {
overflow: hidden;
}
.issue-candidate > ul a {
color: #fff;
}
.issue-candidate > ul > li.bill-importantCan {
float: left;
width: 100px;
height: 120px;
margin: 5px;
overflow: hidden;
}
.issue-candidate > ul > li.bill-importantCan > span {
position: relative;
top: -20px;
font-size: 18px;
}
.issue-candidate > ul > li.bill-noInformation {
float: left;
width: 100px;
margin: 5px;
overflow: hidden;
}
.vote-Nay {
color: #f33;
}
.vote-Yea {
color: #5cb85c;
}
.vote-NotVoting {
color: #e9a416;
}
.content-datablock-news {
margin-bottom: 10px;
border-color: rgba(49,196,251,0.3);
}
.newsBlock-bot {
background-color: #fff;
color: #333 !IMPORTANT;
padding: 20px 10px 10px;
overflow: hidden;
}
.newsBlock-bot p {
color: #333 !IMPORTANT;
}
.newsBlock-bot ol, .newsBlock-bot ul {
padding-left: 40px;
margin-bottom: 10px;
}
.newsBlock-bot ol {
list-style: decimal;
}
.newsBlock-bot ul {
list-style: disc;
}
.news-body {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.news-list .media-heading > a, .debates-list .media-heading > a {
font-size: 18px;
color: #fff;
font-weight: 700;
}
.news-list .media-heading > a:hover, .debates-list .media-heading > a:hover, ul.most-issueList > li > a:hover, a.candidate-name:hover, .issue-toolbar li i:hover, .media-heading a:hover, .maxwidth:hover, .candidate-homeCompare a:hover, .friends-list-module > li a:hover, .candidateList a:hover, table.wrapBlock-content a:hover, .issue-candidate > ul a:hover, .ele-list ul > li a:hover {
color: #90d6ff;
text-decoration: underline;
cursor: pointer;
}
.reply-toolbar li i:hover, .issue-toolbar li i:hover {
text-decoration: none;
}
.reply-toolbar li i:hover {
color: #056d7d;
}
.common-iconShare {
position: absolute;
top: 100%;
background: #394F75;
border: 1px solid rgba(49,196,251,0.3);
padding: 0 10px;
margin-left: -10px;
display: none;
z-index: 1000;
}
.common-iconShare > a {
display: block;
margin: 5px auto;
}
.common-iconShare > a .iconfont {
font-size: 16px;
}
.common-share:hover > .common-iconShare, .common-iconShare:hover {
display: block;
}
.newscomment-tool {
overflow: visible;
position: relative;
bottom: 3px;
}
.newscomment-tool > div {
line-height: 30px;
}
.dot-container {
height: 35px;
position: relative;
margin-top: -2px;
}
.list-item .dot-container {
margin-top: 0;
}
.dot-bar {
background: #121212;
border: none;
height: 2px;
margin: 0;
padding: 0;
position: absolute;
top: 17px;
width: 100%;
z-index: 2;
background: #bfbfbf;
height: 3px;
}
.dot {
background: #636363;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
display: block;
height: 13px;
position: absolute;
top: 11px;
width: 13px;
z-index: 3;
text-align: center;
font-family: "proxima-nova", Gotham, Helvetica, sans-serif;
font-weight: 600;
}
.dot.badge {
color: #fff !important;
}
.dot-empty {
width: 2px;
border-width: 0;
background: #121212;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 8px;
top: 14px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 9px;
width: 9px;
background: #a7a7a7;
}
.dot-mid {
left: 50%;
margin-left: -4px;
background: #f5f5f5 !important;
border: solid 3px #a7a7a7;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 9px;
width: 9px;
top: 14px;
}
.dot-right {
right: 0;
}
.dot-photo {
width: 6px;
height: 6px;
margin-left: -2px;
margin-top: 2px;
border: 2px solid #a7a7a7;
background: #f5f5f5;
}
.dot-container-conservative .dot-left {
display: none;
}
.dot-container-conservative .dot-mid {
left: 0;
}
.badge.dot-average {
padding: 2px;
line-height: 13px;
width: 12px;
text-align: center;
font-family: "proxima-nova", Gotham, Helvetica, sans-serif;
font-weight: 600;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.badge.dot-average .average-bar {
display: block;
width: 2px;
height: 49px;
background: #b41430;
position: absolute;
right: 7px;
top: -16px;
z-index: -1;
}
.dot-average-left {
background: #36328e;
}
.dot-average-left .average-bar {
background: #36328e !important;
}
.dot-average-right {
background: #b41430;
}
.dot-highlight {
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
text-align: center;
z-index: 4;
top: 3px;
height: 30px;
width: 30px;
margin-left: -15px;
border: 1px solid #b7b0b0;
}
.dot-highlight-border {
border: 2px solid #b2162e !important;
}
.dot-highlight span {
margin-top: -20px;
font-size: 11px;
margin-left: -125px;
width: 250px;
text-align: left;
position: absolute;
left: 50%;
text-align: center;
white-space: nowrap;
}
.dot-score {
color: #fff;
font-size: 11px;
line-height: 34px;
}
.dot-highlight-hovered {
height: 32px;
width: 32px;
top: 2px;
margin-left: -8px;
}
.dot-highlight-hovered span {
display: block;
}
.dot-highlight-bordered {
border: solid 2px #fff;
top: 0;
}
.dot-no-score {
border: solid 2px #a7a7a7;
background: #fff;
height: 20px !important;
width: 20px !important;
left: 50%;
margin-left: -10px !important;
top: 6px !important;
}
.dot-no-score span {
line-height: 21px !important;
color: #a7a7a7;
font-size: 12px;
display: block;
}
.dot-highlight-smaller {
height: 22px;
width: 22px;
}
.dot-highlight-smaller span {
line-height: 22px;
font-size: 8px;
}
.scale-issue:hover .dot-highlight, .dot-container:hover > .dot-highlight:not(.dot-candidate,.dot-avatar) {
height: 32px;
width: 32px;
top: 2px;
margin-left: -8px;
}
.scale-issue:hover .dot-highlight span, .dot-container:hover > .dot-highlight:not(.dot-candidate,.dot-avatar) span {
display: block;
}
.selections-section-detail .dot-highlight, .election-module-ideological .list-item:hover .dot-highlight {
height: 32px;
width: 32px;
top: 2px;
margin-left: -8px;
}
.selections-section-detail .dot-highlight span, .election-module-ideological .list-item:hover .dot-highlight span {
display: block;
}
.selections-section-detail {
padding: 0 0 0 32px;
}
.selections-section-detail.selections-section-shared {
padding-left: 0;
}
.candidate-selections-hover {
float: left;
padding: 8px 5px 8px 0;
}
.no-touch .candidate-non-hover:hover {
color: #ff4814;
}
.dot-container .tooltip.top {
margin-top: 0;
}
.dot-container .tooltip-inner {
background: none !important;
border-radius: 0;
color: #fff;
font-weight: bold;
width: 120px;
left: 0;
padding: 0;
text-align: left;
}
.dot-container .tooltip-inner i {
position: relative;
top: 2px;
}
.match-spool .list-item {
margin-top: 20px;
}
.match-spool .tooltip-inner {
color: #333;
}
.wrapBlock {
overflow: hidden;
color: #fff;
}
.wrapBlock h4 {
position: relative;
padding-left: 10px;
margin: 0;
font-size: 24px;
}
.wrapBlock h4 hr {
position: absolute;
top: 2px;
left: 0;
width: 4px;
height: 19px;
background-color: #c90;
margin: 0;
}
.tab-left, .tab-right {
background: url("../images/tabRight.png") no-repeat;
position: absolute;
top: -1px;
width: 22px;
height: 32px;
}
.tab-left {
right: 100%;
}
.tab-right {
left: 100%;
background-position: -22px 0;
}
.Community-name {
font-size: 18px;
color: #036;
font-weight: 700;
}
.wrapBlock-title {
position: relative;
}
.wrapBlock-title > dl {
margin-bottom: 0;
}
.wrapBlock-title > dl > dt {
position: relative;
background: #21324F;
border-radius: 5px 0 0 0;
border-top: 1px solid rgba(49,196,251,0.5);
border-left: 1px solid rgba(49,196,251,0.5);
font-size: 14px;
z-index: 10;
float: left;
line-height: 32px;
padding: 0 10px;
padding-right: 0;
height: 32px;
}
.title-right > li {
float: left;
line-height: 32px;
padding: 0 10px;
padding-right: 0;
height: 32px;
}
.wrapBlock-title:after {
content: "";
display: table;
width: 0;
height: 0;
float: none;
clear: both;
}
.title-right {
background: #439db2;
background: rgba(0,122,140,0.6);
border: 1px solid #00859a;
border-bottom: none;
border-radius: 5px 5px 0 0;
}
.title-right > li {
padding: 0 10px;
border-left: 1px solid rgba(0,0,0,0.2);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.2);
cursor: pointer;
}
.title-right > li:first-child {
box-shadow: none;
border: none;
}
.title-right > li:hover, .title-right > li.active {
background: #287988;
box-shadow: inset 0 0 16px #16d2ef;
}
.wrapBlock-content {
border: 1px solid rgba(49,196,251,0.3);
border-radius: 0 5px 5px 5px;
background: rgba(33,50,79,0.8);
overflow: hidden;
padding: 20px 20px;
box-shadow: inset 0 0 79px rgba(33,50,79,0.5),0 2px 0 #21324F;
margin-bottom: 15px;
position: relative;
}
.elementWrap {
position: relative;
}
.elementList {
padding: 0 24px 10px;
position: relative;
text-align: center;
}
.elementList > li {
display: block;
vertical-align: top;
position: relative;
width: 50%;
overflow: hidden;
float: left;
}
.element-photo {
text-align: center;
min-height: 155px;
margin-bottom: 0;
padding-bottom: 5px;
border: 1px solid transparent;
}
.element-photorot {
perspective: 400;
-webkit-perspective: 400;
-moz-perspective: 400;
}
.element-photo img {
width: 100%;
transition: transform linear .2s;
border-radius: 5px;
}
.element-photo img + img {
position: fixed !important;
width: 120px !important;
height: 120px !important;
z-index: 1000;
}
.element-photo dt {
height: 100px;
width: 100px;
border-radius: 5px;
overflow: hidden;
position: relative;
background: rgba(255,255,255,0.5);
transition: all linear .2s;
display: inline-block;
}
.element-photo dt.refer_example {
background: url("../images/refer_example.jpg") no-repeat;
border: 2px solid #394f75;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
background-size: 100%;
position: relative;
}
.element-photo dt.refer_example .photo {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.element-photo dt:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.element-photo:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.element-photo-declined dt:before, .element-photo-suspended dt:before, .element-photo-droppedout dt:before {
width: 100%;
background: rgba(33,50,79,0.77);
top: 0;
right: 0;
color: #eee;
padding: 5px 0;
line-height: 16px;
z-index: 10;
font-size: 9px;
position: absolute;
white-space: nowrap;
}
.element-photo-declined dt:before {
content: "Declined to run";
}
.element-photo-suspended dt:before {
content: "Campaign Suspended";
}
.element-photo-droppedout dt:before {
content: "Dropped Out";
}
.wrapBlock-can .elementList > li {
padding: 0 12px;
display: inline-block;
vertical-align: top;
position: relative;
width: auto;
float: none;
}
.wrapBlock-can .element-photo dt {
display: block;
margin: 0 auto;
}
.rotate-box {
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: 1s ease;
-webkit-transition: 1s ease;
}
.matchphoto {
position: absolute;
width: 100%;
height: 100%;
top: 0;
transform: rotateY(180deg) translateZ(1px);
-webkit-transform: rotateY(180deg) translateZ(1px);
opacity: 0;
}
.ico_Required {
color: #f00;
font: 15px Georgia, "Times New Roman", Times, serif;
vertical-align: bottom;
padding: 0px 1px;
}
.feedback_body {
margin: 0px auto;
min-height: 800px;
padding: 0;
background: #fff;
font: normal 15px/100% Arial, sans-serif;
color: #333;
}
.contactUs_body {
margin: 0px auto;
min-height: 800px;
padding: 0;
background: #fff;
font: normal 15px/100% Arial, sans-serif;
color: #333;
min-height: 650px;
}
.content_feedback {
margin: 0px auto;
padding: 25px 14% 45px;
clear: both;
}
.content_feedback h1 {
font: 100 36px/50px Georgia, "Times New Roman", Times, serif;
text-align: center;
}
.content_feedback hr {
background: #ccc;
color: #ccc;
height: 1px;
width: 100%;
display: block;
border: 0;
*border: 1px solid #ccc;
clear: both;
}
.content_feedback .msg {
color: #7f8c8d;
color: #333;
line-height: 1.4em;
margin: 5px auto 20px;
width: 90%;
text-align: center;
}
b.r1 {
margin: 0 5px;
}
b.r2 {
margin: 0 3px;
}
b.r3 {
margin: 0 2px;
}
.autoDiv_content .feedbackBox {
padding-top: 17px;
}
.autoDiv_content .feedbackBox div {
padding: 6px;
padding: 10px;
}
.autoDiv_content .feedbackBox div > div.Tip {
padding-left: 25.5%;
color: red;
display: none;
font-size: 14px;
}
.content_feedback .feedbackBox div > span {
width: 25%;
padding-right: 10px;
text-align: right;
display: block;
float: left;
font-weight: 100;
line-height: 100%;
}
.content_feedback .feedbackBox div * {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 2px;
}
.autoDiv_content .feedbackBox div input[type=text] {
color: #aaa;
padding: 4px 2px 4px 4px;
font-size: 15px;
}
.autoDiv_content .feedbackBox div input.all {
width: 62%;
}
.autoDiv_content .feedbackBox div input.partial {
width: 25%;
}
.autoDiv_content .feedbackBox div select {
font-size: 15px;
}
.autoDiv_content .feedbackBox div textarea {
width: 62%;
font: normal 15px/100% Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
}
input.button {
display: inline-block;
float: left;
color: #fff;
cursor: pointer;
font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif;
background-color: #124589;
text-decoration: none;
width: auto;
border: 0;
margin: 0;
line-height: 25px;
padding: 0 10px;
border-radius: 6px;
}
a.button_forgetpassword {
display: inline-block;
text-align: center;
line-height: 20px;
float: left;
}
.content_feedback .feedbackBox div *.feedback_post, a.feedback_post {
display: inline-block;
color: #fff;
cursor: pointer;
font: 700 18px/145% Verdana, Arial, Helvetica, sans-serif;
background-color: #124589;
text-decoration: none;
border: 0;
margin: 0 auto;
padding: 6px 28px;
white-space: nowrap;
border-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
outline: none;
box-shadow: none;
-webkit-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
-moz-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
-ms-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
}
.content_feedback .feedbackBox div input.button {
display: inline-block;
color: #fff;
cursor: pointer;
font: 700 18px/145% Verdana, Arial, Helvetica, sans-serif;
background-color: #124589;
text-decoration: none;
border: 0;
margin: 0 auto;
padding: 6px 28px;
white-space: nowrap;
border-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
outline: none;
box-shadow: none;
-webkit-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
-moz-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
-ms-transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1),border-color 100ms linear,color 100ms linear;
}
.content_feedback .feedbackBox div *.feedback_post:hover {
background-color: #1960b0;
}
a.feedback_post:hover, .content_feedback .feedbackBox div input.button:hover {
background-color: #1960b0;
}
.center_feedback {
text-align: center;
}
.coming_soon {
padding: 50px;
width: 60%;
height: 500px;
margin: 0 auto;
background: url(/images/coming_soon.jpg) no-repeat 46% 50%;
}
.match_example {
background: url("../images/match_example.png") center 110px no-repeat;
}
.statistics-title {
display: none;
}
.match_example + .statistics {
bottom: 260px;
}
.match_example + .statistics > .statistics-title {
display: block;
}
.element-photo dd {
width: 120px;
line-height: 16px;
padding-top: 3px;
font-size: 12px;
display: inline-block;
height: 50px;
overflow: hidden;
}
.element-photo dd a {
color: #d9d9d9;
font-family: Arial;
font-size: 12px;
}
.element-photo dd a:hover {
text-decoration: underline;
}
.navbar-right {
margin-right: 0 !important;
}
.cadidates-view .main_body {
margin-top: 40px;
}
.cadidateBlock {
padding-right: 0;
margin-bottom: 15px;
}
.cadidateBlock .elementList {
padding: 15px 0 0;
text-align: center;
overflow: hidden;
}
.cadidateBlock-items > li {
width: 31%;
float: left;
margin-right: 2%;
margin-bottom: 15px;
background: rgba(0,0,0,0.4);
border: 1px solid rgba(49,196,251,0.3);
border-radius: 5px;
}
.cadidateBlock-items .elementWrap {
height: 448px;
}
.cadidateList .element-photo dt > span, .friends-invite-list > li > dl > dt > span, .match-candidate .element-photo dt > span {
position: absolute;
bottom: 0;
min-width: 22px;
min-height: 22px;
line-height: 22px;
cursor: pointer;
transition: all linear .2s;
}
.cadidateList .element-photo dt span.matchBox-add {
display: none;
top: 0;
left: 0;
bottom: auto;
border-radius: 0 0 5px 0;
background: #21324F;
border-right: 1px solid rgba(49,196,251,0.1);
border-bottom: 1px solid rgba(49,196,251,0.1);
cursor: pointer;
font-weight: 300;
font-size: 14px;
}
.box-selected {
color: #fff;
}
.cadidateList .element-photo dt span.compare, .friends-invite-list > li > dl > dt > span.compare, .match-candidate .element-photo dt span.compare {
height: 23px;
width: 30px;
right: 0;
border-radius: 5px 0 0 0;
background: rgba(0,0,0,0.4);
font-size: 12px;
overflow: hidden;
line-height: 24px;
border-right: none;
border-bottom: none;
color: #eee;
}
.cadidateList .element-photo dt span.compare a {
font-size: 14px;
display: block;
color: #fff;
text-decoration: underline;
}
.cadidateList .element-photo dt span.compare .percent:after {
content: "%";
font-size: 12px;
}
.friends-invite-list > li > dl > dt > span.compare:after {
content: "%";
font-size: 12px;
}
.match-candidate .element-photo dt span.compare .percent:after {
content: "%";
font-size: 12px;
}
.match-candidate dt {
display: block;
margin: 0 auto;
}
.cadidateList .element-photo dt:hover span.matchBox-add, .box-selected {
display: block;
}
.matchBox {
width: 150px;
overflow: visible;
}
.matchBox .wrapBlock-title {
overflow: visible;
}
.matchBox .wrapBlock-title dt {
padding: 0 15px 0 8px !important;
color: #94d6ff;
}
.matchBox .wrapBlock-title dt i {
position: absolute;
top: 0;
right: -6px;
color: rgba(148,214,255,0.43);
font-size: 14px;
z-index: 10;
line-height: 32px;
}
.matchBox .wrapBlock-content {
padding: 0;
text-align: center;
position: relative;
z-index: 100;
top: -2px;
}
.reference {
text-align: center;
padding: 5px 0;
}
.matchBox-tool > div, .reference {
box-shadow: inset 0 0 1px rgba(49,196,251,0.5);
background: #21324f;
}
.matchBox-tool > div:hover {
background: #21324F !important;
}
.matchBox-photo {
margin-bottom: 0;
}
.matchBox-photo > dd {
position: relative;
padding-bottom: 62px;
}
.reference .element-photo, .matchBox-obj > li .element-photo {
position: relative;
margin-top: 0;
display: inline-block;
height: auto;
}
.reference .element-photo > dt, .matchBox-obj > li .element-photo > dt {
width: 90px;
height: 90px;
}
.reference .element-photo > dd, .cadidateList .element-photo dt > span.candidate-party, .friends-invite-list > li > dl > dt > span {
border-radius: 0 5px 0 5px;
bottom: 0;
left: 0;
}
.reference .element-photo > dd {
position: absolute;
width: 25px;
height: 25px;
cursor: pointer;
}
.matchBox-obj > li .element-photo > dd {
position: absolute;
width: 25px;
height: 25px;
cursor: pointer;
display: none;
top: 0;
right: 0;
left: auto;
width: 20px;
height: 20px;
border-radius: 0 5px 0 5px;
background: #a92840;
font-size: 12px;
line-height: 14px;
}
.reference .element-photo > dd[title=clear] {
display: none;
top: 0;
right: 0;
left: auto;
width: 20px;
height: 20px;
border-radius: 0 5px 0 5px;
background: #a92840;
font-size: 12px;
line-height: 14px;
}
.refer_example:empty ~ dd[title=clear] {
display: none !important;
}
.reference .element-photo, .matchBox-obj > li .element-photo, .match-vsBox > li > dl {
min-height: 0;
padding-bottom: 0;
}
.can_noAnswer, .refer_empty:empty, .tip-noPerson:empty {
border: 1px solid #db4453 !important;
background-color: rgba(255,255,255,0.05) !important;
box-shadow: inset 0 0 9px #db4453;
}
.can_noAnswer:after {
content: "No Answer";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #800000;
height: 20%;
vertical-align: middle;
background: rgba(255,255,255,0.8);
}
.refer_empty:empty {
box-shadow: 0 0 5px #800000 !important;
}
.refer_empty:empty:after {
content: "Choose one Avatar";
display: inline-block;
position: relative;
color: #800000;
padding: 24px 0;
height: 90px;
font-size: 13px;
}
.tip-noPerson:empty:after {
content: "Choose one Avatar";
display: inline-block;
position: relative;
color: #800000;
padding: 24px 0;
height: 90px;
font-size: 13px;
top: 236px;
height: auto;
padding: 0;
font-size: 14px;
}
.match-active {
position: relative;
border-bottom: 1px solid #394F75;
background: #394f75 !important;
}
.match-active:active {
box-shadow: inset 0 0 1px #ddd, 0 1px 1px #666 !important;
background: rgba(0,133,154,0.2) !important;
}
.refer_switch {
background: url("../images/icon_toggle.png") #394F75 center no-repeat;
background-size: 82% !important;
}
.refer_switch:after {
content: attr(data-title);
background: #ddd;
white-space: nowrap;
position: absolute;
color: #333;
font-size: 12px;
bottom: 36px;
width: 80px;
left: 50%;
margin-left: -40px;
line-height: 18px;
border-radius: 5px;
border: 1px solid #ccc;
background: rgba(255,255,255,0.8);
transition: all linear .1s;
opacity: 0;
visibility: hidden;
font-family: Arial;
}
.matchBox .wrapBlock-title dt i:after {
content: attr(data-title);
background: #ddd;
white-space: nowrap;
position: absolute;
color: #333;
font-size: 12px;
bottom: 36px;
width: 80px;
left: 50%;
margin-left: -40px;
line-height: 18px;
border-radius: 5px;
border: 1px solid #ccc;
background: rgba(255,255,255,0.8);
transition: all linear .1s;
opacity: 0;
visibility: hidden;
font-family: Arial;
right: -35px;
left: auto;
margin-left: 0;
white-space: normal;
width: 150px;
padding: 2px 5px;
line-height: 16px;
}
.matchBox .wrapBlock-title dt i:hover {
color: rgba(0,0,0,0.6);
}
.refer_switch:hover:after, .matchBox .wrapBlock-title dt i:hover:after {
opacity: 1;
bottom: 26px;
visibility: visible;
}
.matchBox-obj > li .element-photo:hover > dd {
display: block;
}
.reference .element-photo {
font-size: 0;
}
.reference .element-photo:hover > dd {
display: block;
}
.matchBox-tool, .statistics {
position: absolute;
bottom: 0;
width: 100%;
}
.matchBox-tool > div {
line-height: 30px;
cursor: pointer;
}
.matchBox-clear {
background: rgba(255,255,255,0.4) !important;
color: #a13f45;
}
.matchBox-obj {
padding-top: 10px;
height: 280px;
overflow-y: auto;
transition: all linear .2s;
}
.matchBox-zoom {
padding-top: 20px;
}
.matchBox-zoom li {
display: inline-block;
padding: 0 3px;
}
.matchBox-zoom li dl dt {
width: 65px !important;
height: 65px !important;
}
.statistics {
transition: linear bottom .3s;
bottom: 70px;
text-shadow: 0 0px 3px #000, 0 0px 7px #000, 0 0px 15px #000;
}
.statistics > span {
font-size: 24px;
}
.list-filter {
padding: 0 10px;
overflow: hidden;
}
.list-filter > ul {
overflow: hidden;
}
.list-filter > ul > li {
float: left;
}
.list-filter select {
background: rgba(255,255,255,0.5);
border: 1px solid #206e7a;
padding: 0;
height: 24px;
}
.list-filter a {
color: #94d6ff;
font-weight: 300;
font-size: 12px;
}
.list-filter a:hover {
color: #77abcc;
}
.list-filter a .iconfont {
position: relative;
top: 1px;
font-size: 12px;
}
.content-search {
position: relative;
overflow: hidden;
border-radius: 5px;
margin-bottom: 20px;
}
.content-search > form > input {
color: #fff;
height: 40px;
border: 2px solid transparent;
box-shadow: none;
border-radius: 50px;
background: rgba(255,255,255,0.1);
}
.content-search input {
color: #fff;
height: 40px;
border: 2px solid transparent;
box-shadow: none;
border-radius: 50px;
background: rgba(255,255,255,0.1);
padding: 0px 50px 0 10px;
}
.content-search input:focus {
box-shadow: none;
border-color: rgba(255,255,255,0.3);
background: none;
}
.content-search .content-search-btn {
position: absolute;
top: 0;
right: 0;
height: 100%;
border-radius: 0;
line-height: 20px;
}
.content-search .content-search-btn button {
height: 100%;
border-radius: 0;
line-height: 20px;
color: #fff;
outline: none !important;
box-shadow: none;
}
.content-search-block {
width: 70%;
margin: 20px auto;
}
.cadidate-pagetitle, .friends-title {
float: left;
line-height: 40px;
margin-right: 20px;
font-size: 18px;
font-family: "Franklin Gothic heavy", "franklin-gothic-urw", Arial, SimHei;
}
.page-pagination {
margin: 20px 0 0;
padding-right: 20px;
}
.pagination > .active > a {
background-color: #394F75;
border-color: rgba(49,196,251,0.1);
}
.pagination > .active > a:focus, .pagination > .active > a:hover {
background-color: #394F75;
border-color: rgba(49,196,251,0.1);
}
.pagination > .active > span {
background-color: #394F75;
border-color: rgba(49,196,251,0.1);
}
.pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: #394F75;
border-color: rgba(49,196,251,0.1);
}
.friends-block {
width: 100%;
max-width: 982px;
overflow: hidden;
margin: 0 auto;
}
.friends-title {
color: #fff;
line-height: 32px;
}
.friends-left {
max-width: 834px;
border-top-left-radius: 5px;
padding: 0;
}
.friends-left .quiz-title-block {
min-height: 40px;
padding: 3px 20px;
z-index: 100;
}
.friends-right {
top: 40px;
}
.friends-right .wrapBlock-title > dl > dt {
border-radius: 0;
}
.friends-left .search {
padding: 0;
max-width: 600px;
margin: 20px auto;
float: none;
width: 100%;
}
.friends-left .search input {
height: 36px;
padding: 0 10px;
position: relative;
border-radius: 50px;
background: rgba(255,255,255,0.1);
border: 2px solid transparent;
}
.forums-search input {
position: relative;
border-radius: 50px;
background: rgba(255,255,255,0.1);
border: 2px solid transparent;
}
.friends-left .search > i {
top: 6px;
font-size: 16px;
right: 11px;
}
.friends-invite {
float: right;
cursor: pointer;
color: #fff;
line-height: 30px;
padding: 0 10px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 -1px 1px #ccc inset;
box-shadow: 0 -1px 1px rgba(255,255,255,0.2) inset;
border-radius: 5px;
font-weight: 700;
}
.friends-invite > i.icon-Addfriends {
font-size: 18px;
font-weight: 100;
position: relative;
left: 5px;
}
.friends-invite:hover {
background: #21324F !important;
color: #fff;
}
.newscomment-tool > div:hover {
background: #21324F !important;
color: #fff;
}
.friends-invite {
background: none !important;
}
.friends-invite:active {
background: none !important;
}
.newscomment-tool > div:active {
background: none !important;
}
.friends-invite:active, .newscomment-tool > div:active {
box-shadow: 0 1px 1px rgba(255,255,255,0.1) inset;
border-color: rgba(0,0,0,0.15);
}
.friends-list {
color: #fff;
overflow: hidden;
}
.friends-list > div {
padding: 15px 15px 20px;
}
.friends-list > ul > li:last-child {
border-bottom: none;
box-shadow: none;
}
.friends-list-module {
position: relative;
padding: 5px 0;
}
.friends-list-module .media-left {
padding-left: 5px;
}
.friends-list-module > li {
min-height: 74px;
text-align: center;
}
.friends-list-module > li > a {
color: #fff;
}
.friends-list-module > li.middle {
line-height: 74px;
}
.friends-list-module > li.friends-Similarity {
padding: 13px 0;
font-size: 18px;
}
.friends-list-module > li.friends-Similarity > div:after {
content: " %";
font-size: 14px;
display: inline;
}
.friends-list-module .media-body {
text-align: left;
}
.friends-list-module .media-body label {
font-weight: 500;
cursor: pointer;
}
.friends-list-module .media-body input {
position: relative;
top: 2px;
margin-right: 3px;
}
.friends-list-module .media-left > a {
width: 74px;
height: 74px;
border-radius: 5px;
overflow: hidden;
border: 1px solid rgba(49,196,251,0.1);
display: block;
}
.friends-invite-list > li dt > a {
border-radius: 5px;
overflow: hidden;
border: 1px solid rgba(49,196,251,0.1);
display: block;
}
.friends-list img {
width: 100%;
}
.friends-list-name > a {
color: #fff;
font-size: 16px;
margin-bottom: 5px;
display: inline-block;
}
.friends-list-name + div {
font-size: 12px;
}
.friends-list-tool > span {
border-radius: 50%;
border: 1px solid #177217;
background: #33a433;
box-shadow: 0 0 1px #022a02, inset 0 0 1px #fafafa;
width: 32px;
height: 32px;
line-height: 30px;
display: inline-block;
cursor: pointer;
transition: all linear .2s;
}
.friends-list-tool > span:hover {
background: #00859a;
}
.friends-list-tool > span.icon-Trash {
background-color: rgba(0,0,0,0.2);
color: rgba(255,255,255,0.4);
}
.friends-list-tool > span.icon-Trash :before {
position: relative;
top: 1px;
}
.friends-list-tool > span.icon-Trash:hover {
background: #821c1c;
color: #fff;
}
.friends-invite-block {
position: absolute;
left: 0;
bottom: -131px;
width: 100%;
text-align: center;
transition: linear bottom .25s;
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#206e7a')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#206e7a')";
background-image: linear-gradient(to bottom,transparent,#206e7a);
background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#206e7a));
background-image: -webkit-linear-gradient(top,transparent,#206e7a);
background-image: -moz-linear-gradient(top,transparent,#206e7a);
background-image: -ms-linear-gradient(top,transparent,#206e7a);
background-image: -o-linear-gradient(top,transparent,#206e7a);
}
.friends-invite-block:hover {
bottom: 0;
}
.friends-invite-title, .friends-invite-list {
background: #206e7a;
background: rgba(32,110,122,0.9);
}
.friends-invite-title {
position: relative;
max-width: 330px;
margin: 0 auto;
padding: 5px 0;
}
.friends-invite-title > i {
position: absolute;
top: 0;
line-height: 30px;
cursor: pointer;
}
.friends-invite-title > i:first-child {
left: 10px;
}
.friends-invite-title > i:last-child {
right: 10px;
}
.friends-invite-list, .friends-invite-title {
border: 1px solid #333;
border: 1px solid rgba(0,0,0,0.65);
box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px rgba(255,255,255,0.8) inset;
border-radius: 5px 5px 0 0;
border-bottom: none;
}
.friends-invite-list {
overflow: hidden;
max-width: 530px;
margin: 0 auto;
padding: 8px 12px;
}
.friends-invite-list > li {
float: left;
width: 25%;
}
.friends-invite-list > li > dl > dt {
display: inline-block;
position: relative;
}
.friends-invite-list > li > dl > dd {
line-height: 14px;
}
.friends-invite-block {
margin-bottom: 0;
}
.friends-invite-block dl {
margin-bottom: 0;
}
.friends-invite-list > li dt > a {
width: 95px;
height: 95px;
}
.friends-invite-list > li > dl > dt > span {
background: #009a36;
}
.friends-invite-list > li > dl > dt > span.compare {
left: auto;
}
.friends-list-message, .friends-list-unfriend {
position: absolute;
top: 40px;
left: 0;
bottom: 0;
right: 0;
background-color: transparent;
z-index: 10;
display: none;
border-radius: 0;
margin-bottom: 0;
}
.friends-list-message > dl, .friends-list-unfriend > div {
position: relative;
padding: 0;
max-width: 610px;
margin: 0 auto;
margin-top: 10%;
border-top-left-radius: 5px;
border: none;
box-shadow: 0 0 20px #000;
border-bottom: 2px solid #df9185;
overflow: visible;
}
.friends-list-message > dl > dd {
height: 280px;
overflow: hidden;
}
.friends-list-message > dl > dt {
position: relative;
padding-left: 10px !important;
border-top-left-radius: 5px;
}
.friends-list-message > dl > dt > span {
display: block;
font-size: 18px;
font-weight: 500;
}
.friends-list-message > dl > dt > span b {
margin-left: 5px;
}
.friends-list-message > dl > dt > span:first-child {
margin-bottom: 10px;
}
.friends-list-message > dl > dt > span.iconfont {
position: absolute;
width: 30px;
height: 30px;
top: -13px;
right: -13px;
cursor: pointer;
font-size: 14px;
line-height: 28px;
border-radius: 50%;
background: #206e7a;
text-align: center;
border: 1px solid #00859a;
}
.friends-list-message > dl > dt > span.iconfont:hover {
background: #cc2929;
}
.friends-list-message > dl > dt > .friends-invite {
position: absolute;
bottom: 5px;
right: 20px;
}
.message-content textarea {
resize: none;
width: 100%;
height: 100%;
max-height: 100%;
background: #0f353b;
border: none;
padding: 10px;
transition: linear background .3s;
}
.message-content textarea:focus {
background: #fafafa;
color: #000;
}
.friends-list-unfriend > div {
border-radius: 5px;
max-width: 260px;
padding: 10px 0 !important;
font-size: 16px;
margin-top: 20%;
}
.unfriend-name {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.friends-list-unfriend .operation-btn button {
display: inline-block;
height: 28px;
line-height: 28px;
width: 52px;
padding: 0 10px;
margin: 15px 10px;
}
.searchfriends-result {
max-height: 490px;
}
.myResult-block {
float: right;
border: 1px solid rgba(49,196,251,0.3);
border-radius: 5px 5px 0 0;
background: #439db2;
background: #394F75;
border-bottom: none;
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
.myResult-block > li {
float: left;
border-right: 1px solid rgba(0,0,0,0.3);
box-shadow: 1px 0 0 rgba(255,255,255,0.2);
}
.myResult-block > li > a {
color: #fff;
line-height: 40px;
display: block;
padding: 0 20px;
}
.tab-content, .myResult-block {
position: relative;
z-index: 100;
}
.tab-content .candidateList {
margin-top: 0;
border-top-right-radius: 0 !important;
}
.myResult-block > li.active > a {
background: #00859a;
box-shadow: inset 0 0 20px #00dafc !important;
}
.myResult-block > li > a:hover {
box-shadow: inset 0 0 20px #00dafc !important;
}
.profile-block {
position: relative;
overflow: visible;
color: #fff;
margin-top: 80px;
padding-top: 70px;
border-top-left-radius: 5px;
border-top-right-radius: 0;
}
.profile-block-title {
position: absolute;
bottom: 100%;
right: 0;
line-height: 30px;
padding: 0 20px;
font-size: 18px;
}
.profile-content > li {
margin-bottom: 20px;
}
.profile-userphoto {
left: 0px;
position: relative;
float: left;
height: 140px;
top: -140px;
}
.profile-formTitle {
border-bottom: 1px solid #98d089;
overflow: hidden;
margin-bottom: 20px;
}
.profile-formTitle > li:first-child {
border-bottom: 4px solid #98d089;
float: left;
font-family: "Franklin Gothic Heavy";
font-size: 16px;
padding-bottom: 2px;
}
.profile-tip {
position: relative;
top: 8px;
float: right;
font-size: 12px;
}
.profile-formTitle label {
margin-bottom: 0;
}
.profile-form {
overflow: hidden;
}
.profile-form > li {
overflow: hidden;
margin-bottom: 15px;
}
.profile-form > li span {
font-size: 18px;
font-weight: 700;
}
.profile-form label {
text-align: right;
max-width: 140px;
min-width: 108px;
margin-right: 5px;
font-size: 14px;
color: #e5e5e5;
font-weight: 100;
}
.profile-form input {
width: 74px;
min-height: 30px;
line-height: 30px;
background: #ccc;
background: rgba(255,255,255,0.2);
border: 1px solid #333;
border: 1px solid rgba(0,0,0,0.4);
border-radius: 5px;
padding-left: 5px;
}
select {
width: 74px;
min-height: 30px;
line-height: 30px;
background: #ccc;
background: rgba(255,255,255,0.2);
border: 1px solid #333;
border: 1px solid rgba(0,0,0,0.4);
border-radius: 5px;
padding-left: 5px;
}
.profile-form select option {
padding: 5px 0;
}
.profile-form input:focus {
outline: none;
background: rgba(255,255,255,0.9);
color: #333;
}
select:focus {
outline: none;
background: rgba(255,255,255,0.9);
color: #333;
}
.profile-form-basic input, select {
width: 234px;
}
.profile-private input {
width: 15px !important;
height: 15px;
position: relative;
top: 4px;
}
.profile-private label {
width: auto;
cursor: pointer;
font-size: 12px;
}
.profile-private label:after {
content: "" !important;
}
.profile-btn-edit {
position: absolute;
top: 20px;
right: 20px;
color: #e5e5e5;
}
.profile-btn-edit button {
display: inline-block;
line-height: 28px;
height: 30px;
margin-left: 10px;
background: none;
}
.profile-btn-edit button:focus {
outline: none;
}
.profile-editPage {
display: none;
}
.profile-display .profile-form label:after {
content: " :";
}
.btn-cancel {
background: rgba(255,255,255,0.1) !important;
}
.btn-cancel:hover {
background: rgba(0,0,0,0.1) !important;
}
.profile-name {
position: absolute;
left: 150px;
font-size: 18px;
bottom: 42px;
white-space: nowrap;
font-weight: 700;
}
.message-block {
min-height: 400px;
padding: 25px;
}
.match-vsBox {
position: relative;
text-align: center;
font-size: 0;
overflow: hidden;
bottom: -3px;
z-index: 10;
}
.match-refernce > dl {
position: relative;
top: 50%;
margin-top: -65px !important;
}
.match-refernce > dl > * {
float: left;
}
.match-refernce > dl > dd {
text-align: left;
padding-left: 10px;
width: auto !important;
max-width: 215px;
}
.match-refernce > dl > dd .profile-name {
position: relative;
top: 0;
left: 0;
color: #333;
}
.match-refernce > dl > dd ul li {
margin-bottom: 5px;
}
.match-vsBox > li {
width: 100%;
max-width: 470px;
height: 280px;
vertical-align: top;
font-size: 14px;
background: #fafafa;
background: #fff;
}
.match-vsBox-icon i {
font-size: 32px;
color: #d60f0f;
}
.match-vsBox > li > dl {
height: 130px;
padding: 10px 15px;
margin-top: 0;
vertical-align: top;
}
.vsboxMid {
position: relative !important;
top: 50%;
margin-top: -65px !important;
}
.match-vsBox > li {
display: inline-block;
}
.match-vsBox > li > dl {
display: inline-block;
}
.match-vsBox > li > dl > dt {
width: 88px;
height: 88px;
}
.match-vsBox-icon {
position: absolute;
width: 46px !important;
height: 46px !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
font-size: 30px !important;
color: #206e7a;
line-height: 40px;
font-family: "Franklin Gothic Heavy";
top: 50%;
left: 50%;
margin-top: -23px;
margin-left: -23px;
text-align: center;
}
.match-vsBox-icon:before {
position: absolute;
top: 50%;
left: 50%;
width: 140px;
height: 66px;
text-align: center;
font-size: 180px;
margin-left: -101px;
margin-top: -20px;
color: #ccc;
color: rgba(0,0,0,0.4);
text-shadow: 0 0 20px rgba(0,0,0,0.4);
z-index: -1;
}
.match-vsBox > li {
border: 1px solid rgba(49,196,251,0.3);
border-radius: 5px;
}
.match-compass {
border: 1px solid rgba(49,196,251,0.3);
border-radius: 5px;
background: #fafafa;
position: relative;
z-index: 100;
padding: 45px 30px 10px;
}
.match-compass > li {
padding: 30px 40px 10px;
border-top: 1px solid #394F75;
position: relative;
overflow: visible;
}
.match-compass > li:before {
content: attr(data-title);
position: absolute;
bottom: 100%;
left: 0;
border-bottom: 4px solid #394F75;
font-size: 18px;
color: #394F75;
}
.match-compass .media .media-body {
padding-left: 90px;
padding-top: 5px;
}
.match-compass .media .media-body p {
font-size: 18px;
}
.match-compass .media .media-left > a {
width: 346px;
height: 346px;
display: block;
background: #fafafa;
border: 1px solid #e5e5e5;
border-radius: 5px;
overflow: hidden;
}
.match-compass .media .media-left > a.active {
box-shadow: 0 0 10px rgba(57,79,117,0.6);
position: relative;
transition: all linear .2s;
border-color: rgba(57,79,117,0.3);
}
.match-axis-select {
border-top: 1px solid #ddd !important;
}
.match-axis-select .media-left {
position: relative;
z-index: 100;
}
.match-axis-select .media-body {
padding-top: 40px !important;
}
.match-axis {
font-size: 14px;
margin-top: 35px;
}
.match-axis > li {
margin-bottom: 15px;
}
.match-axis label {
width: 100%;
margin-bottom: 5px;
}
.match-axis select {
height: 25px;
width: 388px;
}
.match-axis button {
font-weight: 700;
background: #394F75;
box-shadow: none;
position: relative;
}
.match-axis button:hover {
background: #21324F;
box-shadow: none;
}
.match-axis button:focus {
background: #21324F;
box-shadow: none;
outline: none;
}
.match-axis button i {
margin-right: 5px;
}
.match-axis button:before {
content: "";
position: absolute;
width: 360px;
height: 2px;
background: #e5e5e5;
top: 50%;
right: 100%;
}
.match-axis button > span {
position: absolute;
width: 1px;
height: 2px;
background: #394F75;
top: 50%;
right: 100%;
transition: all linear .3s;
}
.match-axis button.active > span {
width: 360px;
}
.match-issueList tbody td {
text-align: left !important;
}
.match-issueList .table.wrapBlock-content > tbody > tr > td:first-child {
border-left: none !important;
font-weight: 500 !important;
}
.pointLeft > span, .pointRight > span {
position: absolute;
width: 130px;
color: #666;
font-size: 12px;
}
.pointLeft:hover > span, .pointRight:hover > span {
color: #000;
}
.pointLeft > span {
left: -60px;
}
.pointRight > span {
right: -60px;
}
.digitalTop {
bottom: 100%;
}
.digitalBot {
top: 100%;
}
.digitalExplain {
position: absolute;
top: 20px;
left: 50%;
width: 100%;
margin-left: -50%;
text-align: center;
}
.digitalExplain > span {
font-weight: 700;
width: 38%;
display: inline-block;
font-size: 16px;
}
.candi-card {
display: none;
padding: 0;
color: #fff;
border-top-left-radius: 5px;
position: absolute;
z-index: 100;
min-width: 390px;
overflow: visible;
}
.candi-card .candi-name {
white-space: nowrap;
font-size: 18px;
line-height: 30px;
text-align: center;
}
.candi-card-content {
overflow: hidden;
padding: 10px 20px;
}
.candi-card-content > li {
float: left;
}
.candi-cardIcon {
position: absolute;
color: #1c6e8e;
line-height: 14px;
font-size: 24px;
left: 88px;
}
.candi-card .icon-Solidup {
bottom: 100%;
margin-bottom: 1px;
}
.candi-card .icon-SolidDown {
display: none;
top: 100%;
}
.candi-card-top .icon-SolidDown {
display: block;
}
.candi-card-top .icon-Solidup {
display: none;
}
.candi-cardProfile {
padding-left: 20px;
text-align: left;
max-width: 275px;
}
.candi-card-content .circle, .candi-card-content .circle-left, .candi-card-content .circle-right, .candi-card-content .pie_left, .candi-card-content .pie_right {
width: 70px;
height: 70px;
}
.candi-card-content .pie_left, .candi-card-content .circle-left {
clip: rect(0, 35px, auto, 0);
}
.candi-card-content .pie_right, .candi-card-content .circle-right {
clip: rect(0, auto, auto, 35px);
}
.candi-card-content .mask {
width: 50px;
height: 50px;
left: 10px;
top: 10px;
line-height: 52px;
font-size: 20px;
}
.candi-cardTool > li {
float: left;
overflow: hidden;
margin: 0 6px;
font-size: 18px;
height: 32px;
}
.candi-cardBot {
padding: 5px;
}
.btn-create {
background: #394F75;
color: #fff !important;
font-weight: 700;
outline: none !important;
}
.btn-create:hover {
background: #21324F;
}
.btn-create:active {
background: #394F75;
color: #fff !important;
font-weight: 700;
outline: none !important;
}
.btn-create i {
font-size: 20px;
line-height: 16px;
font-weight: 100;
position: relative;
top: 3px;
}
.poll-body {
display: table;
margin-top: 15px;
}
.poll-left, .poll-right {
vertical-align: top;
}
.poll-left {
display: table-cell;
min-width: 240px;
top: 0;
}
.ele-preinstall {
position: relative;
bottom: 0;
max-height: 420px;
overflow-y: auto;
}
.ele-list {
list-style: none !important;
border-bottom: none !important;
margin-bottom: 0 !important;
transition: all linear .15s;
display: none;
}
.ele-list ul > li {
margin: 0 auto;
padding: 6px 10px;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.ele-list ul > li.active, .ele-list ul > li:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr = 'transparent', endColorstr = '#01a9c3')";
filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr = 'transparent', endColorstr = '#01a9c3')";
background-image: linear-gradient(to right,transparent,#01a9c3);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#01a9c3));
background-image: -webkit-linear-gradient(left,transparent,#01a9c3);
background-image: -moz-linear-gradient(left,transparent,#01a9c3);
background-image: -ms-linear-gradient(left,transparent,#01a9c3);
background-image: -o-linear-gradient(left,transparent,#01a9c3);
}
.ele-list ul > li:last-child {
border-bottom: none;
}
.ele-list ul > li i {
font-size: 12px;
margin-right: 2px;
}
.ele-list ul > li a {
color: #fff;
}
.ele-list ul > li a span {
color: #ddd;
font-size: 12px;
}
.ele-list.active {
display: block;
}
.ele-more {
display: none;
}
.poll-left dl > dt > span {
font-size: 14px;
}
.poll-left .content-datablock {
position: relative;
border-bottom: 2px solid #df9185;
}
.poll-left dl > dt {
line-height: 35px;
font-size: 18px;
font-weight: 500;
}
.poll-left dl > dt i {
font-weight: 100;
font-size: 18px;
margin-right: 5px;
}
.poll-leftContent {
background: rgba(28,86,95,0.9);
overflow: hidden;
}
.poll-leftContent > ul {
padding: 0;
position: relative;
}
.poll-right {
max-width: 100%;
display: table-cell;
padding-left: 15px;
}
.poll-right .content-datablock {
min-height: 500px;
background: rgba(28,86,95,0.9);
}
.poll-body .quiz-content {
padding: 10px 35px;
box-shadow: 0 0 93px rgba(255,255,255,0.1) inset;
}
.poll-select {
margin: 3px auto;
}
.poll-select label {
font-weight: 500;
cursor: pointer;
color: #f2f2f2;
}
.poll-select label:hover {
color: #fff;
}
.poll-select input {
margin-right: 4px;
position: relative;
top: 2px;
}
.poll-titile {
position: absolute;
bottom: 100%;
width: 100%;
}
.poll-titile-block {
line-height: 34px;
}
.poll-titile-block i {
font-weight: 500;
line-height: 1;
}
.poll-titile-block i.icon-HasDone {
font-size: 12px;
}
.poll-Category {
border-radius: 5px 0 0 0;
border-right: none;
background: #206e7a;
border-right: 1px solid rgba(0,0,0,0.15);
cursor: pointer;
transition: all linear .1s;
}
.poll-Category i {
font-size: 18px;
position: relative;
top: 2px;
display: inline-block;
transition: all linear .2s;
}
.poll-Category:hover {
background: #00859a;
color: #e5e5e5;
}
.poll-Category:hover i {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.poll-toggletab {
overflow: hidden;
padding: 6px 10px !Important;
background: #00859a;
}
.poll-pageState {
float: right;
cursor: pointer;
}
.poll-pageState span {
width: 18px;
height: 18px;
background: #fff;
color: #333;
text-align: center;
display: inline-block;
border-radius: 50%;
margin: 0 4px;
vertical-align: middle;
font-size: 12px;
line-height: 18px;
}
.poll-pageState span.active, .poll-pageState span:hover {
background: #df9185;
color: #fff;
}
.poll-pageBtn {
float: right;
cursor: pointer;
}
.poll-pageBtn span {
font-size: 14px;
}
.poll-pageBtn span:hover {
color: #df9185;
}
.poll-tip {
min-height: 0 !important;
line-height: 18px;
font-size: 14px;
padding-bottom: 0;
margin-bottom: 15px;
}
.sidebar {
position: fixed;
bottom: 0;
top: 0;
right: 0;
height: 100%;
z-index: 101;
width: 40px;
display: none;
background-color: rgba(57,79,117,0.4);
}
.siderbar-voter {
position: fixed;
bottom: 80px;
}
.sidebar-icon {
position: relative;
top: 45%;
margin-top: -196px;
}
.sidebar-icon li {
position: relative;
line-height: 40px;
margin: 4px 0;
transition: all linear .2s;
}
.sidebar-icon a {
display: block;
}
.sidebar-icon i {
display: block;
position: relative;
padding-left: 10px;
font-size: 20px;
z-index: 10;
color: #51ccd1 !important;
transition: all ease .3s;
line-height: 40px !important;
top: 0;
}
.sidebar-icon i:hover {
background: rgba(67,104,156,0.5);
}
.sidebar-icon span.sidebar-content:hover + i {
background: rgba(67,104,156,0.8);
}
.sidebar-icon .icon-FocusSelected:before {
position: relative;
left: 1px;
}
.sidebar-icon .icon-IdealSelected:before {
position: relative;
top: 2px;
}
.sidebar-icon li span {
visibility: hidden;
}
.sidebar-icon span.sidebar-content {
position: absolute;
top: 0;
right: 100%;
z-index: 0;
overflow: hidden;
}
.sidebar-icon span.sidebar-content span {
padding: 0 10px;
background: rgba(67,104,156,0.8);
white-space: nowrap;
visibility: hidden;
transition: all ease .2s;
color: #fff;
font-weight: 700;
display: block;
transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.sidebar-icon li:hover i {
color: #fff !important;
}
.sidebar-bot:hover {
color: #fff !important;
}
.sidebar-icon li:hover span {
visibility: visible;
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
}
.sidebar-icon li:hover a:before {
color: #fafafa !important;
}
.sidebar-top, .sidebar-bot {
position: absolute;
margin-top: 0;
}
.sidebar-top {
top: 80px;
right: 0;
left: 0;
}
.sidebar-bot {
width: 40px !important;
top: auto;
font-size: 22px;
text-align: center;
cursor: pointer;
color: #5e7190;
position: relative;
}
.wechat_chatrooms:hover > a {
color: #fff;
}
.wechat_chatrooms:hover > a + ul.chatrooms {
opacity: 1;
visibility: visible;
}
.wechat_chatrooms:hover .list-represent {
border-top-left-radius: 0;
}
.chatrooms {
border: 4px solid #206e7a;
background-color: #fafafa;
width: 240px;
font-size: 12px;
position: absolute;
right: 39px;
white-space: nowrap;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all ease .2s;
z-index: 1000;
max-height: 300px;
}
.chatrooms li {
padding: 2px 5px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.chatrooms li:hover {
background: #e5e5e5;
}
.chatrooms li img {
width: 30px;
margin-right: 4px;
border: 1px solid #ddd;
border-radius: 2px;
}
.chatrooms li a {
color: #333;
font-weight: 700;
display: block;
}
.chatrooms li a span {
width: 160px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: top;
right: auto !Important;
position: relative;
background: none;
border: none;
box-shadow: none;
}
.chatrooms li a::before {
content: "";
}
.chatrooms li:last-child {
border-bottom: none;
}
.list-represent {
position: absolute;
float: none !important;
top: 0 !important;
left: -41px;
height: 40px;
display: inline-block;
width: 40px;
font-size: 16px;
border-radius: 50% 0 0 50%;
display: table-cell;
vertical-align: middle;
}
.list-represent span {
border-radius: 50%;
border: 2px solid #ddd;
background: #ddd;
width: 24px;
height: 24px;
display: inline-block;
line-height: 22px;
font-weight: 700;
}
.list-represent.party-D span {
color: #363688;
}
.list-represent.party-R span {
color: #b2162e;
}
.electionStatistics {
position: relative;
line-height: 30px;
cursor: pointer;
margin-bottom: 5px;
}
.electionStatistics > a {
display: block;
text-align: left;
position: relative;
display: table;
}
.list-content {
background: #fff;
width: 40px;
height: 40px;
text-align: center;
font-size: 12px;
line-height: 14px;
color: #000;
padding-top: 7px;
display: table-cell;
}
.electionStatistics:first-child a {
border-left: none;
}
.electionStatistics.leftBorder {
border-left: 1px solid #888;
}
.electionStatistics:hover > a {
color: #fff;
}
.electionStatistics:hover > a + ul.election-canlist {
bottom: 100%;
opacity: 1;
visibility: visible;
}
.electionStatistics:hover .list-represent {
border-top-left-radius: 0;
}
.electionStatistics:first-child:hover > a + ul.election-canlist {
border-color: #b2162e;
}
.electionStatistics:last-child:hover > a + ul.election-canlist {
border-color: #363688;
}
.election-canlist {
border: 4px solid #aaa;
background-color: #fafafa;
width: 240px;
font-size: 12px;
position: absolute;
right: 40px;
white-space: nowrap;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all ease .2s;
z-index: 1000;
}
.election-canlist li {
padding: 2px 5px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.election-canlist li:hover {
background: #e5e5e5;
}
.election-canlist li img {
width: 30px;
margin-right: 4px;
border: 1px solid #ddd;
border-radius: 2px;
}
.canlist-R .election-canlist li.own {
background: #b2162e;
border-bottom-color: #b2162e;
}
.canlist-R .election-canlist li.own a {
color: #fff;
}
.canlist-D .election-canlist li.own {
background: #363688;
border-bottom-color: #363688;
}
.canlist-D .election-canlist li.own a {
color: #fff;
}
.election-canlist li a {
color: #333;
font-weight: 700;
display: block;
}
.election-canlist li a span {
width: 160px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.voteNum {
float: right;
background: #ddd none repeat scroll 0% 0%;
border-radius: 5px;
line-height: 16px;
text-align: center;
position: absolute;
top: 9px;
border: 1px solid #ccc;
color: #000;
padding: 0px 5px;
right: 4px;
}
.voteTitle {
background-color: #edebeb;
font-size: 12px;
padding: 3px 0;
font-weight: 700;
}
.myVote_D, .myVote_R {
width: 32px !important;
height: 32px !important;
position: relative;
top: 4px;
}
.myVote_D img, .myVote_R img {
width: 100%;
border-radius: 50%;
}
.list-represent-party {
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
}
#SubmitComment {
position: relative;
box-shadow: none;
outline: none;
}
#SubmitComment:active {
background: #ddd;
}
#SubmitComment:before {
content: "Comments can't be blank.";
position: absolute;
top: 0px;
right: 100%;
color: #800000;
line-height: 40px;
font-size: 14px;
margin-right: 20px;
opacity: 0;
visibility: hidden;
transition: all linear .2s;
}
#SubmitComment.active:before {
visibility: visible;
opacity: 1;
top: 0;
}
.botInstro_body {
padding: 30px 50px;
font-size: 14px;
line-height: 20px;
color: #262626;
border-radius: 2px;
border: 1px solid #f2f2f2;
}
.botInstro_body .title {
font: 100 36px/50px Georgia, "Times New Roman", Times, serif;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
margin-bottom: 35px;
text-align: center;
}
.botInstro_body .about-list {
padding-left: 40px;
margin: 15px 0 20px;
}
.botInstro_body .about-list li {
list-style-type: disc;
margin-bottom: 7px;
}
.botInstro_body ol li {
list-style-type: decimal !important;
}
.botInstro_body h4 {
margin: 20px 0 10px;
}
.survey-title {
line-height: 51px;
margin-bottom: 0;
font-weight: 700;
}
.survey-subject dt {
position: relative;
background-color: #f2f2f2;
margin: 20px auto 10px;
display: table;
width: 100%;
vertical-align: top;
}
.survey-subject dd {
margin-left: 32px;
}
.survey-subject dd img {
height: 30px;
width: 30px;
border-radius: 18px;
}
.survey-subject dd label {
cursor: pointer;
display: block;
position: relative;
padding-left: 5px;
margin-bottom: 0;
font-weight: 500;
}
.survey-subject dd label .answer-sel {
border-radius: 4px;
}
.survey-subject dd label:hover {
background: #fafafa;
}
.survey-subject dd label input {
position: relative;
top: 2px;
opacity: .6;
outline: none;
}
.survey-subject dd label:hover input {
opacity: 1;
}
.survey-subject dd label:hover .answer-sel {
background-color: #ddd;
}
.survey-subject dt span:first-child {
position: relative;
padding: 12px 10px;
color: #000;
font-size: 22px;
line-height: 18px;
width: 32px;
}
.survey-subject dt span:first-child b {
position: relative;
z-index: 1;
}
.survey-subject dt span:first-child:after {
content: "";
width: 100%;
position: absolute;
top: -3px;
bottom: -3px;
background-color: #e6e6e6;
left: 0;
}
.survey-subject dt span:last-child {
padding: 10px;
}
.survey-subject-title {
padding: 10px;
}
.survey-subject-title a {
color: #394F75;
font-size: 16px;
}
.survey-subject-title a:hover {
color: #21324F;
text-decoration: underline;
}
.survey-subject-resultAnswer {
width: 120px;
color: #333;
white-space: nowrap;
position: absolute;
bottom: 100%;
left: 50%;
margin: 0 0 8px -60px;
text-align: center;
display: none;
}
.survey-subject .survey-subject-resultAnswer {
display: block;
}
.survey-subject-member:after {
content: "Answered";
margin-left: 8px;
color: #666;
font-weight: 500;
font-size: 12px;
}
.survey-subject span {
display: table-cell;
vertical-align: middle;
}
.survey-subject dd span {
padding: 5px 6px;
}
.survey-subject dd.check {
background-color: #f9f9f9;
color: #000;
}
.survey-subject dd.check span.answer-sel {
background: #a12437;
color: #fff;
}
.position-filter {
overflow: hidden;
margin: 0 20px;
padding: 2px 0;
border-bottom: 1px solid #ccc;
}
.media.compass {
padding: 20px 0;
border-bottom: 1px solid #ddd;
margin: 0 40px;
}
.media.compass > * {
vertical-align: middle;
padding: 0 50px;
font-size: 16px;
}
.compass-intro h4, .compass-intro-title {
position: relative;
}
.compass-intro h4:before {
content: "";
position: absolute;
top: 3px;
right: 100%;
width: 10px;
height: 10px;
background: #54abb8;
margin-right: 9px;
}
.compass-intro-title {
text-align: center;
margin-bottom: 20px;
}
.compass-intro-title:before {
content: "";
position: absolute;
top: 3px;
right: 100%;
width: 10px;
height: 10px;
background: #54abb8;
margin-right: 9px;
position: relative;
display: inline-block;
top: 0;
right: 0;
}
.position-filter label {
padding: 0;
font-size: 16px;
font-weight: 500;
}
.compass-date {
position: relative;
top: 11px;
}
.compass-date .category {
font-size: 12px;
}
.position-filter select {
cursor: pointer;
height: auto;
}
.position-filter select:hover {
background: #f2f2f2;
}
.search-signout > i {
background: #394F75;
border-radius: 50px;
border: 1px solid #2d3f5e;
height: 30px;
width: 30px;
text-align: center;
padding-top: 4px;
top: 15px;
}
.candidate-blockbg-title {
line-height: 18px;
font-size: 14px;
padding: 5px;
border-bottom: 1px solid #ddd;
}
table.wrapBlock-content {
border-radius: 5px;
border-collapse: separate;
padding: 0;
overflow: visible;
color: #fff;
}
table.wrapBlock-content a {
color: #fff;
}
.table-bordered > tbody > tr > td {
vertical-align: middle;
}
.table > thead > tr > th {
white-space: nowrap;
text-align: center;
}
.media-review {
margin: 0;
max-height: 131px;
}
.media-review .media-left {
width: 54px;
padding: 0;
}
.media-review .media-left img {
width: 100%;
outline: 2px solid #ddd;
}
.media-review .media-right {
max-height: 50px;
overflow: hidden;
}
.media-review .media-right img {
max-width: 100%;
}
.media-review .media-right .media-heading {
color: #000;
}
.media-review .media-right .candidate-score {
font-size: 14px;
margin-left: 4px;
}
.media-review .media-right .media-heading span {
width: 14px;
height: 14px;
line-height: 14px;
}
.media-review .media-right .candidate-scoreBlock {
position: relative;
top: 2px;
}
.review-box .candidate-scoreIcon-def {
transition: all linear .05s;
}
.review-box > div {
margin: 5px auto;
}
.review-box-tip {
font-size: 18px;
margin: 18px 0 18px !important;
}
.review-box-tip b {
font-size: 20px;
}
.review-rate .candidate-scoreIconblock {
width: auto;
}
.review-rate .candidate-scoreIcon {
position: relative;
}
.review-rate .candidate-scoreIcon > li {
float: right;
transition: all linear .05s;
}
.review-rate .candidate-scoreIcon > li.active {
background: #c90;
color: #fff;
}
.review-box-edit {
overflow: hidden;
}
.review-box-edit textarea {
width: 100%;
outline: none !Important;
resize: none;
min-height: 50px;
max-height: 100px;
padding: 5px 10px;
}
.review-box-edit button {
float: right;
width: auto;
}
.canblock-right .comment-sort {
padding: 0;
margin-left: 0;
margin-right: 0;
}
.canblock-right .comment-sort li a {
color: #333;
}
.canblock-right .comment-sort li.sort-active a, .canblock-right .comment-sort li a:hover {
color: #56719f !important;
}
.canblock-right .reply-toolbar li i:hover, .canblock-right .reply-toolbar li i.active {
color: #56719f !important;
}
.canblock-right .comment-count {
color: #333;
}
.canblock-right #Comments {
margin-bottom: 0;
}
.canblock-right #Comments .media {
border-bottom: 1px solid #e5e5e5;
}
.canblock-right #Comments .media:last-child {
border-bottom: none;
}
.canblock-right #Comments .media .media-left {
padding-left: 10px;
}
.canblock-right #Comments .media .media-body {
padding: 0 10px 30px 0;
}
.canblock-right #Comments .media .media-body .candidate-scoreBlock {
position: absolute;
right: 4px;
top: 0;
}
.canblock-right #Comments .reply.active {
display: block;
}
.canblock-right #Comments .reply.active .submit div {
display: block;
}
.canblock-right .candidate-title {
margin-bottom: 5px;
}
.canblock-right .reply-toolbar > li {
color: #666 !Important;
}
.canblock-right .reply-toolbar .candidate-time {
color: #999 !Important;
}
.review-rate-tip {
font-weight: 500;
position: relative;
left: 10px;
font-size: 12px;
color: #fff;
padding: 0 5px;
line-height: 20px;
border-radius: 2px;
background-color: #206e7a;
margin-bottom: 0;
}
.review-rate-tip i {
position: absolute;
right: 100%;
color: #206e7a;
margin-right: -6px;
}
.wrapBlock-tip {
margin: 0 2px 0 5px;
position: relative;
}
.wrapBlock-tip i {
color: rgba(0,0,0,0.4);
cursor: pointer;
}
.wrapBlock-tip-content {
visibility: hidden;
opacity: 0;
top: 137%;
width: 0;
left: 50%;
margin-left: -1px;
padding: 0;
display: block;
text-align: center;
position: absolute;
border-radius: 5px;
background: #206e7a;
background: rgba(0,0,0,0.8);
box-shadow: 1px 1px 1px #333;
border: 1px solid #b2162e;
transition: all ease .2s;
z-index: 100;
}
.wrapBlock-tip-content i {
position: absolute;
bottom: 100%;
line-height: 1;
left: 50%;
margin-left: -8px;
}
.wrapBlock-tip-content img {
width: 100%;
}
.wrapBlock-tip.active i, .wrapBlock-tip i:hover {
color: #b2162e;
}
.form-input div.iconfont.active, .form-input div.iconfont:hover {
color: #b2162e;
}
.wrapBlock-tip-content button, .form-input div.iconfont .wrapBlock-tip-content button, .wechatId-tip-pic button {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
padding: 0 89px;
box-shadow: 0 1px 1px #666,0 -1px 0 rgba(255,255,255,0.3) inset;
margin: 10px auto 20px !important;
}
.wrapBlock-tip.active .wrapBlock-tip-content, .form-input div.iconfont.active .wrapBlock-tip-content {
visibility: visible;
width: 500px;
margin-left: -250px;
padding: 20px 20px 0;
opacity: 1;
}
.scroll-gray .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .scroll-gray .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0,0,0,0.4);
}
.scroll-gray .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(0,0,0,0.05);
}
.tip-matching, .wechatId-tip, .wechatId-tip-cover {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tip-matching {
position: fixed;
background: rgba(0,0,0,0.6);
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
}
.wechatId-tip {
position: fixed;
background: rgba(0,0,0,0.6);
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
height: 100%;
}
.wechatId-tip > div {
text-align: center;
vertical-align: middle;
}
.wechatId-tip img {
width: 100%;
}
.wechatId-tip-cover {
position: absolute;
}
.wechatId-tip-pic {
max-width: 596px;
display: inline-block;
position: relative;
z-index: 10;
}
.wechatId-tip-pic button {
height: 35px;
border: none;
width: 275px;
background: #1161ed;
color: #fff;
box-shadow: none;
border-radius: 50px;
outline: none;
}
.wechatId-tip > div {
transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
}
.tip-matchcont {
transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
position: absolute;
background: rgba(255,255,255,0.95);
width: 50%;
box-shadow: 13px 13px 16px rgba(0,0,0,0.3);
left: 50%;
margin-left: -25%;
min-height: 200px;
top: 50%;
margin-top: -130px;
border-radius: 4px;
font-size: 32px;
font-weight: 700;
padding: 2.8% 6% 0;
color: #3d3d3d;
text-shadow: 1px 1px 0 #fff;
text-align: center;
overflow: hidden;
}
.tip-matching.active, .wechatId-tip.active {
opacity: 1;
visibility: visible;
}
.tip-matching.active .tip-matchcont, .wechatId-tip.active > div {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.tip-matchcont img {
display: block;
margin: 10px auto;
position: relative;
top: 10px;
}
.tip-matchcont hr {
border-top: 4px solid #b2162e;
position: absolute;
top: 0;
width: 50%;
left: 0;
margin: 0;
}
.tip-matchcont hr.right {
left: auto;
right: 0;
border-color: #363688;
}
.tip-matchcont:before, .tip-matchcont:after {
position: absolute;
top: 50%;
margin-top: -66px;
opacity: .4;
transition: all ease-out 1s;
-webkit-transition: all ease-out 1s;
}
.tip-matchcont:before {
content: url(../images/party_donkey.png);
right: 0;
transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.tip-matchcont:after {
content: url(../images/party_elephant.png);
left: 0;
transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.tip-matching.active .tip-matchcont:before {
transform: translateX(30%);
-ms-transform: translateX(30%);
-webkit-transform: translateX(30%);
}
.tip-matching.active .tip-matchcont:after {
transform: translateX(-30%);
-ms-transform: translateX(-30%);
-webkit-transform: translateX(-30%);
}
.help-table {
background: #fff;
padding: 0;
}
.help-left {
position: relative;
width: 270px;
background: #f3f8fc;
border-right: 1px solid #ddd;
vertical-align: top;
}
.help-left dl {
margin-bottom: 0;
}
.help-left dt, .help-left dd {
border-bottom: 1px solid #eee;
}
.help-left dt {
font-size: 16px;
color: #3c3a3a;
background: #fff;
padding: 10px 20px;
}
.help-left dd {
font-size: 14px;
position: relative;
}
.help-left dd a {
display: block;
padding: 8px 20px 8px 30px;
text-decoration: none;
color: #333;
}
.help-left dd.active {
box-shadow: 3px 0 0 #206e7a inset !Important;
color: #fff;
background: #f2f2f2 !Important;
}
.help-left dd.active a {
color: #333;
}
.help-left dd:hover {
background: #fafafa;
box-shadow: 3px 0 0 #ddd inset;
}
.help-right {
vertical-align: top;
padding: 10px 20px;
overflow-x: hidden;
overflow-y: auto;
}
.help-title {
text-align: center;
padding: 15px 0;
font-size: 18px;
border-bottom: 1px solid #eee;
font-weight: 700;
color: #626565;
text-shadow: 0 1px 0 #fff;
}
.help-block {
color: #333;
}
.help-block h3 {
text-align: center;
margin-bottom: 40px;
}
.help-right h3 {
margin: 6px 0 15px 0;
font-weight: 700;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
font-size: 20px;
}
.help-block h4 {
margin: 6px 0 15px 0;
font-weight: 700;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
font-size: 20px;
font-weight: 500;
font-size: 18px;
}
dl.help-step {
counter-reset: step;
padding-bottom: 20px;
margin-bottom: 20px;
}
.help-step dt {
margin-bottom: 10px;
counter-increment: step;
font-size: 16px;
font-weight: 500;
}
.help-step dt:before {
content: "Step" counter(step) ": ";
border-left: 4px solid #206e7a;
padding-left: 6px;
}
.help-step dd {
padding-left: 20px;
margin-bottom: 40px;
}
.help-step dd img {
max-width: 100%;
cursor: default;
vertical-align: top;
}
.help-step dd p {
margin: 10px 0;
}
.help-method {
display: inline-block;
padding: 5px 10px;
background: #f2f2f2;
border-radius: 5px;
margin-bottom: 15px;
font-weight: 700;
}
.help-left-block {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
dl.help-step:last-child dd:last-child {
margin-bottom: 0;
}
.myFriends-list li > label {
width: 100%;
cursor: pointer;
border-bottom: 1px solid #eee;
margin-bottom: 0;
padding: 5px 10px;
}
.myFriends-list li > label:hover {
background: #f2f2f2;
}
.myFriends-list li > label input {
float: right;
position: relative;
top: 10px;
}
.myFriends-list li > label img {
width: 40px;
margin-right: 5px;
min-height: 40px;
border: 1px solid #f2f2f2;
}
.myFriends-list li:last-child > label {
border-bottom: none;
}
.cadidateBlock-items.column-2 > li {
width: 48%;
}
.cadidateBlock-items.column-2 > li:first-child .elementWrap {
height: 448px !important;
}
.cadidateBlock-items.column-2 > li .elementWrap {
height: 199px;
}
.cadidateBlock-items.column-2 .elementList > li {
width: 33.33333%;
}
ins.alt, span.alt {
color: #337ab7;
text-decoration: none;
}
.progroam-nav {
border-color: #56719f !Important;
}
.progroam-nav > li a {
color: #666 !Important;
}
.progroam-nav > li.active a, .progroam-nav > li a:hover {
color: #56719f !Important;
border-color: #56719f !Important;
}
ul.mod-sub-nav {
height: 34px;
margin: 0 auto 12px;
line-height: 34px;
background: #f7f7f7 none repeat scroll 0% 0%;
color: #666;
font-size: 16px;
}
ul.mod-sub-nav li {
text-align: center;
width: 33.333%;
height: 34px;
line-height: 34px;
margin-left: -16px;
float: left;
position: relative;
background: transparent url("/Images/mod_appeal_nav.png") no-repeat scroll right top;
}
ul.mod-sub-nav li span {
margin-left: 20px;
}
ul.mod-sub-nav li.active {
background-color: #8dffb4;
color: #206e7a;
background-position-y: -68px;
}
ul.mod-sub-nav li.active::after {
content: '';
background: transparent url("/Images/mod_appeal_nav.png") no-repeat scroll right -34px;
display: block;
width: 17px;
height: 34px;
float: left;
}
ul.mod-sub-nav li:last-child {
background-image: none;
}
ul.mod-sub-nav li:first-child {
margin-left: 0;
}
ul.mod-sub-nav li:first-child::after {
background-image: none;
}
ul.mod-sub-nav li.active span {
margin-right: 16px;
}
#TopicList ul.topiclist {
word-break: break-all;
margin-bottom: 2em;
}
#TopicList ul.topiclist li {
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
border-radius: 2px;
background: #fff;
border-bottom: 1px solid #e5e5e5;
margin: 0px 0px 10px 0px;
position: relative;
}
#TopicList ul.topiclist li .top {
padding: 10px 16px 10px 10px;
min-height: 160px;
}
#TopicList ul.topiclist li .userphoto {
width: 50px;
height: 50px;
border: none;
padding: 0;
}
#TopicList .topic_right {
margin-left: 60px;
}
#TopicList .topic_right h2 {
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 0;
padding: 0;
}
#TopicList .topic_right .category {
margin: 5px 0;
}
#TopicList .topic_right .introduction {
margin: 5px 0 10px 5px;
}
#TopicList .topic_right .introduction a {
color: #333;
}
#TopicList .topic_right .introduction img {
max-width: 100%;
}
#TopicList .topic_right .support {
margin-left: -58px;
margin-top: 15px;
float: left;
}
#TopicList .topic_right .support .supportinfo {
display: none;
position: absolute;
top: 75px;
}
#TopicList .topic_right .support button {
display: block;
color: #698ebf;
height: 24px;
line-height: 24px;
width: 38px;
border-radius: 3px;
border: 0px none;
cursor: pointer;
background: #eff6fa none repeat scroll 0% 0%;
font-weight: 500;
position: relative;
}
#TopicList .topic_right .support button.active {
background: #698ebf none repeat scroll 0% 0%;
color: #fff;
}
#TopicList .topic_right .support .up {
height: 44px;
line-height: 20px;
}
#TopicList .topic_right .support .down {
margin-top: 5px;
}
#TopicList .topiclist .footer {
border-top: 1px solid #f2f2f5;
box-shadow: inset 0 1px 0 #f2f2f5;
background: #fff;
}
#TopicList .topiclist .footer .col-xs-3, #TopicList .topiclist .footer .col-xs-4 {
margin: 0;
padding: 0;
}
#TopicList .topiclist .footer .common-iconShare {
background: #fff;
border-color: #dadada;
left: 50%;
margin-left: -20px;
}
#TopicList .topiclist .footer .common-iconShare a {
margin: 5px 0;
}
#TopicList .topiclist .footer a {
color: #808080;
display: block;
margin: 0px 0px 0px 1px;
padding: 1px 0px;
text-align: center;
}
#TopicList .topiclist .footer a .pos {
display: block;
margin-left: -2px;
}
#TopicList .topiclist .footer a .pos .line {
margin: 7px 0px;
border-left: 1px solid #d9d9d9;
display: block;
height: 22px;
line-height: 22px;
}
#TopicList .comments {
background-color: #fafafa;
border-top: 1px solid #d9d9d9;
padding: 20px 30px 20px 10px;
}
#TopicList .iconfont + .badge {
color: #333;
top: 6px;
border-radius: initial;
background-color: transparent;
margin: 0;
}
#TopicList .comments .userphoto {
width: 30px !important;
height: 30px !important;
float: left;
margin: 0 12px;
}
#TopicList .LoadMore {
text-align: center;
cursor: pointer;
background: #f2f2f2;
border: 1px solid #e5e5e5;
width: 50%;
margin: 10px auto;
line-height: 30px;
padding: 0;
list-style: none;
text-decoration: none;
}
#TopicList .LoadMore:hover {
background: #fafafa;
}
#TopicList .LoadMore a {
text-decoration: none !important;
color: #333;
}
#TopicList .comment {
margin-left: 60px;
}
#TopicList .comment textarea {
resize: none;
height: 30px;
width: 100%;
padding: 5px 2px 0px 6px;
}
#TopicList .comment dt {
position: relative;
text-align: right;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
#TopicList .comment dd {
min-height: 50px;
margin: 0px 0px -1px;
padding: 5px 0px 7px;
border-bottom: 1px solid #e5e5e5;
}
#TopicList .comment dd .userphoto {
margin: 0;
}
#TopicList .comment dd .com {
margin-left: 45px;
}
#TopicList .comment dd .com .txt {
margin-bottom: 5px;
}
#TopicList .comment dd .com .bottom {
color: #808080;
font-size: 12px;
}
#TopicList .comment dd .com .bottom .reply {
float: right;
}
#TopicList .comment dd .com .bottom .reply .rep {
padding: 0 5px;
border-right: 1px solid #d9d9d9;
margin-right: 5px;
}
#TopicList .comment dd .com .bottom .reply .common-icon {
padding: 0;
margin: 0;
margin-left: 5px;
}
#TopicList .comment dd .com .bottom .time {
line-height: 20px;
}
#TopicList .comment dd .com .bottom .iconfont {
font-size: 12px;
color: #555;
}
#TopicList .comment dd .com .jsreply {
text-align: right;
}
#TopicList .iconcomment .sj {
display: none;
position: absolute;
top: 24px;
left: 50%;
margin-left: -7px;
}
#TopicList .iconcomment .sj .border {
border-right-color: transparent;
border-top-color: transparent;
border-left-color: transparent;
width: 0px;
height: 0px;
border-width: 7px;
overflow: hidden;
font-size: 0px;
line-height: 0;
vertical-align: top;
display: inline-block;
border-style: solid;
position: relative;
}
#TopicList .iconcomment .sj i {
border-color: #d9d9d9;
}
#TopicList .iconcomment + .sj {
display: none;
position: absolute;
top: 24px;
left: 50%;
margin-left: -7px;
}
#TopicList .iconcomment + .sj .border {
border-right-color: transparent;
border-top-color: transparent;
border-left-color: transparent;
width: 0px;
height: 0px;
border-width: 7px;
overflow: hidden;
font-size: 0px;
line-height: 0;
vertical-align: top;
display: inline-block;
border-style: solid;
position: relative;
}
#TopicList .iconcomment + .sj i {
border-color: #d9d9d9;
}
#TopicList .iconcomment + .sj em {
margin: 1px 0px 0px -17px;
border-color: #f2f2f5;
}
.downloadApp, .helpLink {
color: #fff;
height: 40px !important;
line-height: 40px;
padding: 0 10px;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
margin: 8px 8px 10px 15px;
}
.downloadApp:hover, .helpLink:hover {
background-color: rgba(0,0,0,0.1);
}
.downloadApp > span {
position: relative;
left: 2px;
top: 2px;
}
.helpLink {
margin: 10px 0 10px 0;
padding: 0;
line-height: 30px;
font-size: 14px;
}
.helpLink .iconfont {
font-size: 14px;
margin-right: 5px;
}
.QRcode {
background: #394F75;
border-radius: 4px;
text-align: center;
position: absolute;
white-space: nowrap;
padding: 10px 5px;
top: 100%;
left: -50%;
margin-top: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
visibility: hidden;
opacity: 0;
transition: all 200ms ease-out;
transform: translateY(10%);
-ms-transform: translateY(10%);
-webkit-transform: translateY(10%);
}
.QRcode:before {
content: "\e606";
position: absolute;
top: -11px;
line-height: 1;
font-size: 21px;
font-weight: 700;
left: 50%;
margin-left: -10px;
color: #394F75;
}
.QRcode > li {
display: inline-block;
margin: 0 5px;
}
.downloadApp:hover > .QRcode {
display: block;
visibility: visible;
opacity: 1;
cursor: default;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.candiTip-none {
position: absolute;
font-size: 18px;
font-weight: 700;
color: #c0c0c0;
text-align: center;
width: 100%;
line-height: 1.1;
top: 56px;
}
.candiTip-none .iconfont {
font-size: 169px;
color: #f5f5f5;
}
button.disabled {
background: #f2f2f2 !important;
color: #666 !Important;
box-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
outline: none !Important;
cursor: default;
}
button.disabled:hover {
background: #f2f2f2 !important;
color: #666 !Important;
box-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
outline: none !Important;
cursor: default;
}
#topcontrol {
line-height: 40px;
background: rgba(0,0,0,0.2);
border-radius: 50%;
}
.wechat_quoteImg, .messphoto, .list-photo {
width: 60px;
}
.wechat_quoteImg img, .messphoto img, .list-photo img {
width: 50px;
}
.messtip-quote-block {
padding-left: 60px;
}
.message-alertBox {
position: fixed;
bottom: 40px;
right: 40px;
min-height: 100px;
border: 1px solid #394F75;
background: #fff;
border-radius: 2px 0 0 2px;
z-index: 99999;
}
.mes-alert-head {
line-height: 40px;
font-size: 14px;
white-space: nowrap;
border-bottom: 1px solid #394F75;
background: #394F75;
color: #fff;
}
.mes-alert-head b.iconfont {
width: 30px;
display: inline-block;
font-size: 24px;
font-weight: 300;
text-align: right;
color: #394F75;
margin-top: -4px;
position: relative;
top: 4px;
color: #fff;
}
.mes-alert-body {
max-height: 300px;
}
.mes-req-pic {
width: 60px;
}
.mes-req-pic a {
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
overflow: hidden;
}
.mes-req-pic img {
width: 100%;
}
.mes-alert-close {
position: absolute;
top: 0;
right: 0;
color: #db4453;
margin-left: 40px;
cursor: pointer;
width: 40px;
text-align: center;
transition: all linear .1s;
}
.mes-alert-close:hover {
background: rgba(255,255,255,0.1);
}
.mes-req-op {
text-align: right;
}
.mes-alert-body ul {
border-bottom: 1px solid #d9d9d9;
padding: 8px 20px 8px 10px;
}
.mes-alert-body ul:last-child {
border-bottom: none;
}
.mes-req-time {
font-size: 12px;
color: #666;
text-align: right;
margin-bottom: 5px;
}
.mes-req-op a, .mes-req-op button {
border: 1px solid #ddd;
background: #ecf5fc;
padding: 2px 8px;
border-radius: 2px;
margin-left: 4px;
font-size: 12px;
}
.mes-req-op a {
background: #4b6188;
display: inline-block;
color: #fff;
border-color: #4b6188;
}
.mes-req-name {
max-width: 220px;
}
.mes-req-name div {
font-size: 12px;
margin-top: 4px;
line-height: 16px;
}
.input-group-addon, .bulge-gray, .bulge-gray-block {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2') !Important";
background-image: -moz-linear-gradient(top, #fff, #f2f2f2) !important;
background-image: -ms-linear-gradient(top, #fff, #f2f2f2) !important;
background-image: -o-linear-gradient(top, #fff, #f2f2f2) !important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f2f2f2)) !important;
background-image: -webkit-linear-gradient(top, #fff, #f2f2f2) !important;
background-image: linear-gradient(to bottom, #ffffff,#f2f2f2) !important;
}
.input-group-addon:hover, .bulge-gray:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fafafa', endColorstr = '#e5e5e5') !Important";
background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5) !important;
background-image: -ms-linear-gradient(top, #fafafa, #e5e5e5) !important;
background-image: -o-linear-gradient(top, #fafafa, #e5e5e5) !important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#e5e5e5)) !important;
background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5) !important;
background-image: linear-gradient(to bottom, #fafafa,#e5e5e5) !important;
}
.input-group-addon:active, .bulge-gray:active {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f2f2f2', endColorstr = '#ffffff') !Important";
background-image: -moz-linear-gradient(top, #f2f2f2, #fff) !important;
background-image: -ms-linear-gradient(top, #f2f2f2, #fff) !important;
background-image: -o-linear-gradient(top, #f2f2f2, #fff) !important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f2f2), to(#fff)) !important;
background-image: -webkit-linear-gradient(top, #f2f2f2, #fff) !important;
background-image: linear-gradient(to bottom, #f2f2f2,#ffffff) !important;
}
.bulge-blue, .bulge-blue-block {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#ecf5fc')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#ecf5fc')";
background-image: linear-gradient(to bottom,#fff,#ecf5fc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ecf5fc));
background-image: -webkit-linear-gradient(top,#fff,#ecf5fc);
background-image: -moz-linear-gradient(top,#fff,#ecf5fc);
background-image: -ms-linear-gradient(top,#fff,#ecf5fc);
background-image: -o-linear-gradient(top,#fff,#ecf5fc);
}
.bulge-blue:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e6eef4')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e6eef4')";
background-image: linear-gradient(to bottom,#fff,#e6eef4);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e6eef4));
background-image: -webkit-linear-gradient(top,#fff,#e6eef4);
background-image: -moz-linear-gradient(top,#fff,#e6eef4);
background-image: -ms-linear-gradient(top,#fff,#e6eef4);
background-image: -o-linear-gradient(top,#fff,#e6eef4);
}
.bulge-blue:active {
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e6eef4', endColorstr = '#fff')";
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#e6eef4', endColorstr = '#fff')";
background-image: linear-gradient(to bottom,#e6eef4,#fff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e6eef4), to(#fff));
background-image: -webkit-linear-gradient(top,#e6eef4,#fff);
background-image: -moz-linear-gradient(top,#e6eef4,#fff);
background-image: -ms-linear-gradient(top,#e6eef4,#fff);
background-image: -o-linear-gradient(top,#e6eef4,#fff);
}
.bulge-down{ background:#4276b0; color:#fff;}
.datepicker, .datetimepicker {
padding: 0 !important;
}
.datepicker td.new {
font-style: normal;
font-weight: normal;
}
.datetimepicker td.new, .datetimepicker td.old {
font-style: normal;
font-weight: normal;
}
.datepicker td.old {
font-style: normal;
font-weight: normal;
}
.datepicker table {
margin-bottom: 0 !Important;
}
.datepicker.datepicker-orient-top:before, .datepicker.datepicker-orient-top:after {
border-bottom: none !important;
}
.datetimepicker table {
margin-bottom: 0 !Important;
}
.datepicker-days td, .datepicker th, .datetimepicker-days td, .datetimepicker th {
padding: 6px 8px !important;
border-radius: 0 !Important;
width: 38px !Important;
visibility: visible !Important;
}
.datepicker td, .datetimepicker-days td {
padding: 9px 8px !important;
border-radius: 50% !Important;
font-weight: 600;
}
.datepicker table thead, .datetimepicker table thead {
background: #335584;
color: #fff;
}
.datepicker table tfoot, .datetimepicker table tfoot {
border-top: 1px solid #ddd;
}
.datepicker table tfoot th, .datetimepicker table tfoot th {
padding: 8px !important;
}
.datepicker-dropdown:before, .datetimepicker-dropdown-bottom-right:before {
border-bottom: 7px solid #335584 !important;
border-bottom-color: #335584 !important;
}
.datepicker-dropdown:after, [class*=" datetimepicker-dropdown"]:after {
border-bottom: 6px solid #335584 !important;
border-bottom-color: #335584 !important;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover {
background: rgba(255,255,255,0.15) !important;
}
.datetimepicker thead tr:first-child th:hover, .datepicker thead tr:first-child th:hover {
background: rgba(255,255,255,0.15) !important;
}
.datetimepicker-hours td, .datepicker-hours td, .datetimepicker-minutes td, .datepicker-minutes td, .datetimepicker-months td, .datepicker-months td, .datepicker-years td, .datetimepicker-years td, .datepicker-decades td, .datetimepicker-decades td, .datepicker-centuries td, .datetimepicker-centuries td {
width: 266px !important;
}
.datepicker table tr td.active {
background: #5bb65a !important;
color: #fff !important;
}
.datetimepicker table tr td.active, .datetimepicker table tr td span.active.active {
background: #5bb65a !important;
color: #fff !important;
}
.datepicker table tr td span.active.active {
background: #5bb65a !important;
color: #fff !important;
}
.datepicker table tr td.today {
background: rgba(51,85,132,0.3) !important;
color: #fff !important;
}
.datetimepicker table tr td.today {
background: rgba(51,85,132,0.3) !important;
color: #fff !important;
}
.photorotate {
animation: rotate 1s 0s linear 1 forwards;
-webkit-animation: rotate 1s 0s linear 1 forwards;
}
.photorotate .matchphoto {
animation: matchphoto 1s 0s linear 1 forwards;
-webkit-animation: matchphoto 1s 0s linear 1 forwards;
}
._photorotate {
animation: rotate2 1s 0s linear 1 forwards;
-webkit-animation: rotate2 1s 0s linear 1 forwards;
}
._photorotate .matchphoto {
animation: myphoto2 1s 0s linear 1 forwards;
-webkit-animation: myphoto2 1s 0s linear 1 forwards;
}
#loading-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ccc url(/Content/icon-fonts/loading.svg) no-repeat center !important;
}
@keyframes rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(180deg);
}
}
@keyframes rotate2 {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0deg);
}
}
@keyframes matchphoto {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes myphoto2 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(180deg);
}
}
@-webkit-keyframes rotate2 {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0deg);
}
}
@-webkit-keyframes matchphoto {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes myphoto2 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.page-error-container {
max-width: 548px;
padding-bottom: 20px;
margin: 0 auto;
}
.page-error-container > .iconfont {
font-size: 120px;
color: #b4b4b8;
margin: 20px auto;
display: block;
}
.page-error-container .title {
font-size: 30px;
color: #21324F;
margin: 0 0 15px;
text-transform: uppercase;
}
.page-error-container .subtitle {
line-height: 30px;
}
.page-error-container a {
display: block;
font-size: 18px;
color: #21324F;
}
.page-error-container a:hover {
text-decoration: underline;
}
.page-error-container a.btn-blue {
margin: 50px auto 10px;
display: inline-block;
background: #7e8da7;
color: #fff;
border-radius: 50px;
}
.page-error-container a.btn-blue:hover {
background: #324464;
text-decoration: none;
}
.hearder-tip {
margin-top: -6px !important;
}
.hearder-tip .tooltip-arrow {
border-bottom-color: #ecf5fc !important;
top: 1px !important;
}
.hearder-tip .tooltip-inner {
background-color: #ecf5fc;
color: #333;
border-radius: 2px;
border: 1px solid rgba(123,150,196,0.6);
border-top-color: #21324F;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
padding: 5px 8px;
}
/*# sourceMappingURL=Main.css.map */
@media (min-width: 769px){.container{max-width:850px}.navbar-toggle{padding:15px 10px}.navbar-brand{height:60px}.profile{margin-top:15px}}@media (min-width: 981px){.scollRFix{position:fixed;top:80px}.quiz-right{z-index:1}.cadidateBlock-right{padding-top:1px;padding-left:0;z-index:1}}@media (min-width: 992px){.container{max-width:970px;width:100%}.search input{min-width:200px;position:absolute;right:0}.notice{margin-right:5px}.search input:focus{min-width:210px}.profile{height:30px;padding-top:0 !important}.username{width:56px}.navbar-nav .caret{position:absolute;bottom:-10px;left:50%;margin-left:-4px;display:none}.navbar-nav>li:hover .caret{display:block}.navbar-nav>li>a{line-height:40px}}@media (min-width: 1100px){.y1{left:-18% !important;top:-18% !important}.avatarName::after{content:url("../images/avatar_name.png");position:absolute;top:-50px;left:50%;margin-left:-200px}}@media (min-width: 1200px){.container{max-width:1170px;width:100%}.nav>li>a{padding:0 15px}.nav-hr{height:20px !important;top:20px;border-left:1px solid rgba(0,0,0,0.2);width:2px;margin:0 3px}.search input:focus{min-width:250px}.search-signout{margin-right:0}.search-signout input{min-width:0;width:35px !important;padding:0;box-shadow:none;display:none}}@media (min-width: 768px) and (max-width: 1024px){.ban_bg3 .ban-title{line-height:30px;font-size:30px}}@media (min-width: 1024px){.generic_body,.operation-container.active{padding-right:40px}.sidebar{display:block}}@media (max-width: 1200px){span.ban-title{font-size:36px}}@media (min-width: 1024px) and (max-width: 1200px){span.issue-toogleR{right:1.5%}span.issue-toogleL{left:1.5%}.ban_bg3>div{padding-left:5%}.ban_bg3 .ban-title{padding-top:30px;line-height:40px !important}}@media (min-width: 993px) and (max-width: 1200px){.SignIn,.SignUp_red{display:none !important}.mmlogin{display:block !important}.nav>li>a{padding:0 15px 0}}@media (max-width: 1023px){.tip-matchcont{line-height:39px;padding-top:20px !important}.candidate-homeContent{padding:0}.slide-wrapper>div{background-size:50%;min-height:300px !important}.ban_bg3 .ban-title{line-height:40px}.ban-tips{margin:12px 0;font-size:16px;line-height:20px}.ban_bg1{background-position:bottom center}span.ban-title{font-size:34px;line-height:46px;padding-top:20px}a.ban-btn{margin-top:165px;color:#fff}.content-title{font-size:20px}.content-title a{font-size:20px}.cadidates-view{width:auto !Important}.cadidates-view .main_body{margin-top:50px}.cadidateBlock-items>li{width:48%}.cadidateBlock-items>li:first-child .elementWrap{height:448px !important}.cadidateBlock-items>li .elementWrap{height:199px}.cadidateBlock-items .elementList>li{width:33.33333%}}@media (max-width: 1100px){.zfxw,.zfx{width:200px !important;height:200px !important}}@media only screen and (max-width: 991px){.generic_body{padding:70px 10px 0}.container{width:100%}.media{border-right:0 !important;height:auto !important}.profile-form-basic input{width:480px}.profile-form>li>div:first-child{margin-bottom:20px}.profile-form-basic .profile-private{float:right;margin-right:85px}.search{width:80% !important;margin:0 auto}.friends-list-tool>span{margin:0}.notice{display:none !important}.quiz-body,.operation-container.active .operation-bottom{width:100%}.cur_state{display:none !important}.navbar-nav>li{height:auto !important}.navbar-inverse .navbar-nav>li>a{margin-top:0}.search-signout{display:none !important}.navbar-nav .open .dropdown-menu>li>a{line-height:28px;text-align:center}.navbar-nav .open .dropdown-menu>li>a:hover{background-color:rgba(255,255,255,0.1) !important;color:#fff}.header-PA .navbar-nav .open .dropdown-menu>li>a{text-align:left !important}.navbar-inverse .navbar-nav>.open>a{background-color:rgba(255,255,255,0.1) !important}.candidate-homePhoto{bottom:0 !important;left:10px}.candidate-homePhoto canvas{width:80px !important;height:80px !important}.candidate-homeDetail{left:105px !important}.footer .copyright{float:none;text-align:center}.header_index .navbar-brand{margin-right:0}.header-PA .navbar-brand{margin-right:0;padding-left:5px}.header-PA .navbar-inverse .nav-top>li>a{padding:0 10px;font-size:14px}.navbar-brand>img{height:40px;top:9px}.survey-subject dd{margin-bottom:10px}}@media (max-width: 980px){.quiz-body{padding:0 5px;width:100%}.quiz-left,.quiz-right,.operation-container.active .operation-bottom{width:100%}.quiz-left{padding-right:0;border-right:none}.quiz-right{padding-left:0;width:95% !important;margin:0 auto}}@media (max-width: 767px){.generic_body{padding-top:60px}.forum-block.dis-table,.forum-block>*{display:block}.SignIn a,.SignUp_red a{line-height:50px !Important;padding:0 15px !important}.SignIn a .sr-only,.SignUp_red a .sr-only{font-family:arial;font-size:14px;line-height:normal;position:relative;top:-2px;width:auto;height:auto;margin:0;clip:auto;color:#eee}.generic_body>.navbar-collapse .navbar-nav li.nav-hr{display:none}.generic_body .SignIn a.iconfont{font-size:22px;padding-left:15px !important}.topnav_bar>a>div.iconfont{position:absolute;top:0;right:15px;opacity:.6;line-height:54px;display:none}.topnav_bar>a>div.iconfont:focus{opacity:1}#profileInfo .dropdown-menu{padding-top:0 !important;z-index:10000;position:relative !important;background:none !important;border-radius:0;float:none;border-bottom:none}#profileInfo .dropdown-menu>li a:hover{background:rgba(255,255,255,0.1) !important;color:#fff !important}#profileInfo .dropdown-menu>li a:hover:after{content:"\e631";float:right;position:absolute;right:20px}.generic_body .dropdown-menu{display:block !important}.navbar-brand>img{height:40px}.issue-candidateSpool>dl{width:40px}.issue-candidateSpool>dl:first-child{margin-left:-20px !important}.ele_clear{margin-left:0}.ban_bg3 .ban-title{text-align:center;padding-right:0}.ban-tips{text-align:center;margin:0 auto;display:block;background-image:none;padding:10px 0;background-color:rgba(255,255,255,0.5);width:70%;margin-top:20px}.ban_bg3 .ban-btn{float:none;margin:20px auto !important}#topcontrol{bottom:20px !important;right:20px !important}}@media (max-width: 760px){.slide-wrapper>div{min-height:240px !important}ul.es-pager{bottom:0 !important}a.ban-btn{margin-top:126px !important;margin-bottom:34px}}@media (max-width: 740px){span.ban-title{font-size:24px}}@media (max-width: 650px){.progress-answer,.quiz-importance{width:100%;float:none;margin-bottom:10px}ul li.quiz-listblock{padding-bottom:0;margin-bottom:0}.quiz-result{padding-bottom:0;margin-bottom:0;margin-top:20px}span.ban-title{font-size:24px}.slide-wrapper>div{min-height:240px !important}a.ban-btn{margin-top:125px !important;padding-left:0;padding-right:0;font-size:14px}.ban_bg1 a.ban-btn{width:120px !important}.ban_bg2 a.ban-btn{width:150px !important}.ban_bg3 a.ban-btn{width:180px !important}}@media (max-width: 560px){.slide-wrapper>div{min-height:280px !important}a.ban-btn{margin-top:10px !important}}@media (max-width: 400px){.slide-wrapper>div{min-height:240px !important}.ban_bg3{background-size:57% !important}.ban_bg3 .ban-title{font-size:22px;line-height:24px}.ban-tips{width:80%}}@media screen and (orientation: portrait){body:before{background-size:auto 100%}.PA_world_bg:before{background-size:auto 100% !important}}
/*# sourceMappingURL=Main_adaption.css.map */
.bm_title img {
width: 24px;
height: 24px;
border-radius: 2px;
background-color: white;
margin-right: 4px;
position: relative;
bottom: 1px;
}
.manager-btn {
color: #333;
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
cursor: pointer;
padding: 4px 5px;
border-radius: 4px;
box-shadow: 0px 0px 2px rgba(0,0,0,.4);
background-color: rgba(255,255,255,.6);
opacity: .6;
transition: all linear .1s;
border: 1px solid transparent;
}
.manager-btn.right {
position: absolute;
top: 6px;
right: 0px;
}
.remark p {
margin: 0px;
}
.modal-title .imgBox {
position: relative;
top: 4px;
display: inline-block;
overflow: hidden;
}
.modal-title .imgBox, #forumDetail .modal-title img {
width: 30px;
height: 30px;
border: 1px solid #165059;
background-color: white;
border-radius: 4px;
}
.modal-title .imgBox img {
width: 100%;
vertical-align: top;
}
.change_image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
font-size: 9px;
opacity: 0;
transition: all linear .1s;
cursor: pointer;
z-index: 1;
box-shadow: 0 0 0 0 rgba(32, 110, 122, .8) inset;
line-height: 1.8;
}
.change_image:hover {
opacity: 1;
box-shadow: 0 0 0 50px rgba(32, 110, 122, .8) inset;
}
.change_image i {
font-size: 16px;
padding-top: 10px;
color: white;
}
#shwoimg {
width: 300px;
height: 300px;
border: 1px solid #dcdcdc;
margin: 0 auto;
}
.img-circle {
border-radius: 50%;
}
.img-preview {
border: 1px solid #dcdcdc;
overflow: hidden;
width: 150px;
height: 150px;
}
.manager-box:hover .manager-btn {
opacity: 1;
border-color: #1F6974;
}
.manager-btn:hover {
background: #fff;
opacity: 1;
}
.manager-btn:before {
margin-right: 4px;
padding-right: 0;
}
.manager-btn:first-of-type {
margin-left: 60px;
}
.manager-boxList {
position: relative;
}
.manager-boxList .manager-btn {
opacity: 0;
border-color:transparent !Important;
}
.manager-boxList .manager-btn:hover {
border-color: #1F6974 !Important;
}
.manager-boxTool {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.boxTool-table {
display: table;
}
.boxTool-cell {
display: table-cell;
vertical-align: middle;
padding-right: 10px;
}
.boxTool-table, .boxTool-cell {
height: 100%;
width: 100%;
}
.modal-header .header {
background: none;
line-height: 40px;
font-size: 18px;
}
.manager-btn.top-right {
position: absolute;
top: -10px;
right: -18px;
}
#TopicStatus .header {
font-size: 28px;
color: purple;
text-shadow: 0px 0px 10px white;
padding: 5px;
border:0px;
background-color: rgba(255,255,255,0);
}
.datepick-popup {
z-index:99999;
}
.datepick-month-year {
min-height:10px;
}
/*editor*/
.edui-container .edui-toolbar, .edui-container {
box-shadow: none !Important;
}
#forumTypeDetail_Description {
padding: 5px 10px;
height: 100px;
max-height: 100px;
overflow: auto;
}
/*editor end*/