@charset "UTF-8";
html {
	font-size: 16px;
}
.acca {
	color: transparent;
	margin-left: -12px;
}
.custom_accessibility {
	float: left;
	position: relative;
	z-index: 2;
}
.acca:hover, .acca:focus, .acca:active {
	color: #FFFFFF;
}
.contentarea .acca:hover, .contentarea  .acca:focus, .contentarea  .acca:active {
	color: #7c5f15;
}
header {
	background: url('../images/header_bg.png');
}
.header_inner {
	background: url('../images/voting_bg.png') no-repeat;
	background-position: center bottom;
}
.topmenu,
.topmenu a {
	color: #333;
}
.topmenu a:hover,
.topmenu a:focus {
	color: #777;
}
.topmenu ul li.separator {
	color: #fff;
}
.mainmenu {
}
.mainmenu,
.mainmenu ul.sf-menu a {
	color: #6f6e6e;
}
ul.sf-menu li ul {
	background: #f1a02b;
}
.mainmenu ul.sf-menu li.sfHover > a,
.mainmenu ul.sf-menu li > a:hover,
.mainmenu ul.sf-menu li > a:focus {
	color: #ec7f09;
	font-weight: bold;
}
.mainmenu ul.sf-menu li ul a {
	color: #000;
	font-weight: bold;
}
.mainmenu ul.sf-menu li ul a:hover,
.mainmenu ul.sf-menu li ul a:focus {
	color: #fff;
}
#open-mainmenu {
	cursor: pointer;
	background: #f3f3f3	;
	border-radius: 2px;
}
#open-mainmenu.active {
	background: #ffb848;
}
.mainmenu_nav {
	background: #f3f3f3;
	box-shadow: -5px 0px 10px -5px rgba(0,0,0,0.5) inset;
}
.mainmenu_nav a {
	color: rgba(0,0,0,0.7);
}
.mainmenu_nav li a:hover,
.mainmenu_nav li a:focus,
/*.mainmenu_nav li.active > a,*/
.mainmenu_nav span.active > a {
	background: #ffb848;
	color: #fff;
}
.mod_search input[type="text"] {
	background: #F7F7F7;
	color: #888;
	border-radius: 5px 0 0 5px;
}
.mod_search label[for="gsquery"] {
	display: none;
}
.mod_search input[type="submit"] {
	background: url('../images/search.png') #fd4239 no-repeat;
	background-position: center center;
	border-radius: 0 5px 5px 0;
	box-shadow: none;
}
/* ########## home_contnet ########## */
/* voting list */
.mod_voting_list .year {
	font-family: "Arial";
	color: #4e4d4d;
}
.mod_voting_list .year .leftarrow {
	background: url('../images/arrow_left_2.png') no-repeat;
	background-position: center center;
}
.mod_voting_list .year .leftarrow:hover {
	background: url('../images/arrow_left_3.png') no-repeat;
	background-position: center center;
}
.mod_voting_list .year .rightarrow {
	background: url('../images/arrow_right_2.png') no-repeat;
	background-position: center center;
}
.mod_voting_list .year .rightarrow:hover {
	background: url('../images/arrow_right_3.png') no-repeat;
	background-position: center center;
}
.mod_voting_list .month > div a {
	color: #333;
	background: #fff;
}
.mod_voting_list .month > div.active a,
.mod_voting_list .month > div a:hover,
.mod_voting_list .month > div a:focus {
	color: #fff;
	background: #333;
}
.mod_voting_list .vote_list .data .list_num {
	background: #fcab4c;
	color: #fff;
}
.mod_voting_list .vote_list .data .title,
.mod_voting_list .vote_list .data .title a {
	color: #013b47;
}
.mod_voting_list .vote_list .data .detail a {
	color: #fff;
	background: #39a8c5;
}
.mod_voting_list .vote_list .data .detail a:hover,
.mod_voting_list .vote_list .data .detail a:focus {
	text-decoration: underline;
}
.mod_voting_list .vote_list .more a {
	color: #fff;
	background: #fcab4c;
	border-radius: 5px 5px 0 0;
}
.mod_voting_list .vote_list .more a:hover,
.mod_voting_list .vote_list .more a:focus {
	text-shadow: 1px 1px 1px #444;
}
/* ########## tmpl ########## */
/*.contentarea.back {
	background: url('../images/header_shadow.png') no-repeat;
	background-position: center top; 
}
#content {
	background-color:rgba(0,0,0,0);
	background:linear-gradient(to bottom, rgba(0,0,0,0) 80%, rgba(255,255,255,1) 100%);
}
.com_surveyforce #content {
	background: none;
}*/

/* ########## section title ########## */
.mod_section_title {
	color: #000;
}
/* ########## blog ########## */
.blog .item .page-header a {
	color: #e2353b;
}
.blog .item .intro {
	color: #505050;
}
.blog .item .read_inner {
	background: #ba4045;
}
.blog .item .read_inner a {
	color: #f5e4e4;
}
/* ########## datatable ########## */
.datatable thead th {
	background: #000;
	color: #fff;
}
.datatable tbody,
.datatable tbody a {
	color: #525252;
}
.datatable tbody tr.tr2 {
	background: #f9f9f9;
}
.datatable tbody td.rtitle {
	font-weight: bold;
}
.datatable.link a:hover {
	color: #e71f19;
}
/* ########## votetable ########## */
.votetable {
	background: #fff;
	color: #343434;
}
.votetable th {
	background: #0088CC;
	color: #fff;
	font-weight: bold;
}
.votetable tbody,
.votetable tbody a {
	color: #525252;
}
.votetable tbody tr.tr2 {
	background: #f9f9f9;
}
.votetable tbody td.rtitle {
	font-weight: bold;
}

/* ########## com_surveyforce ########## */
.menu-list a {
	background: rgba(204,204,204,0.4);
	border-radius: 10px 10px 0 0;
}
.menu-list a.active,
.menu-list a:hover,
.menu-list a:focus {
	background-color:#ececec;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ececec, endColorstr=#ffffff);
	background:linear-gradient(to bottom, #ececec 0%, #ffffff 15%);
	box-shadow: 0px -1px 4px 2px #ccc;
}
.menu-list a .image img {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.menu-list a.voting.active .image img,
.menu-list a.voting:hover .image img,
.menu-list a.voting:focus .image img,
.menu-list a.soon.active .image img,
.menu-list a.soon:hover .image img,
.menu-list a.soon:focus .image img,
.menu-list a.completed.active .image img,
.menu-list a.completed:hover .image img,
.menu-list a.completed:focus .image img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.menu-list a .title {
	color: #666;
}
.menu-list a.voting.active .title,
.menu-list a.voting:hover .title,
.menu-list a.voting:focus .title {
	color: #e52d43;
}
.menu-list a.soon.active .title,
.menu-list a.soon:hover .title,
.menu-list a.soon:focus .title {
	color: #b52bce;
}
.menu-list a.completed.active .title,
.menu-list a.completed:hover .title,
.menu-list a.completed:focus .title {
	color: #2dabe5;
}
.menu-list a .num,
.menu-list a:hover .num,
.menu-list a:focus .num {
	color: #fd4239;
}
.category-content .nodata {
	color: #353535;
}
/*  -- issues --  */
.category-content {
	background-color:rgba(0,0,0,0.1);
	background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 30%);
}
.issue {
	background-color:rgba(0,0,0,0);
	background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(255,255,255,1) 100%);
}
.issue_inner {
	background-color:#fcfcfc;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfcfc, endColorstr=#e6e6e6);
	background:linear-gradient(to bottom, #fcfcfc 50%, #e6e6e6 100%);
	border-radius: 10px;
}
.issue .title a {
	font-weight: bold;
	color: #333;
}
.issue .title a:hover,
.issue .title a:focus {
	color: #2C4457;
}
.issue .description {
	color: #2d2d2d;
}
.issue .info {
	color: #333;
	font-weight: bold;
	height: 54px;
}
.issue .info span {
	color: #bd0505;
}
.issue .more a {
}
.issue .more a:hover,
.issue .more a:focus {
	font-weight: normal;
	text-decoration: underline;
}
/*  -- survey --  */
.survey .survey_banner img {
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.3);
}
/* -- survey_statement -- */
.statement_area {
	border-radius: 10px;
	background: #fff;
}
/* -- survey_question -- */
.survey_question .welcome {
	color: #bd0404;
}
.survey_question div.title {
	height: 150px;
	overflow: hidden;
	font-size: 0;
}
.survey_question .title,
.survey_verify .title {
	color: #015fa1;
	word-break: break-all;
}

.survey_question div.title::before {
	content: '';
	width: 0;
	height: 150px;
	display: inline-block;
	vertical-align: middle;
}
.survey_question div.title .title_text{
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
}
.survey_question .info {
	background: #fff;
	color: #4c4c4c;
}
.survey_question .info .stamp.active {
	background: url('../images/vote_stamp.png') no-repeat;
	background-position: center center;
}
.survey_question .info a.fancybox, .survey_question .info a.fancybox_iframe, .survey_question .info a.fancybox_zoom {
	background: url('../images/magnifier.png') no-repeat;
	background-position: 5px center;
	color: #4c4c4c;
}
.survey_question .info .attached a {
	color: #4c4c4c;
}
.survey_question .info a.fancybox:hover,
.survey_question .info a.fancybox:focus,
.survey_question .info a.fancybox_iframe:hover,
.survey_question .info a.fancybox_iframe:focus,
.survey_question .info a.fancybox_zoom:hover,
.survey_question .info a.fancybox_zoom:focus,
.survey_question .info .attached a:hover,
.survey_question .info .attached a:focus {
	text-decoration: underline;
}
.survey_question .question_option .option_notice {
	color: #d10101;
}
/* ########## sitemap ########## */
.sitemap_content ul li.lvo_1 > span a {
	color: #e18002;
	font-weight: bold;
}

/* ########## footer ########## */
footer {
	background: rgba(109,143,217,1);
	background: -moz-linear-gradient(top, rgba(109,143,217,1) 0%, rgba(143,170,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,143,217,1)), color-stop(100%, rgba(143,170,226,1)));
	background: -webkit-linear-gradient(top, rgba(109,143,217,1) 0%, rgba(143,170,226,1) 100%);
	background: -o-linear-gradient(top, rgba(109,143,217,1) 0%, rgba(143,170,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(109,143,217,1) 0%, rgba(143,170,226,1) 100%);
	background: linear-gradient(to bottom, rgba(109,143,217,1) 0%, rgba(143,170,226,1) 100%);
}
footer,
footer a {
	color: #fff;
}
footer .menu a:hover,
footer .menu a:focus {
	text-decoration: underline;
}
/* ########## tooltip 提示氣泡框 ########## */
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
/* ########## icon ########## */
@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	/* width: 14px;
	height: 14px; */
	/* *margin-right: .3em; */
	/* line-height: 14px; */
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-ban-circle:before,
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-remove:before,
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-stack:before {
	content: "\e242";
}
.icon-tree:before {
	content: "\e243";
}
.icon-tree-2:before {
	content: "\e244";
}
.icon-paragraph-left:before {
	content: "\e246";
}
.icon-paragraph-center:before {
	content: "\e247";
}
.icon-paragraph-right:before {
	content: "\e248";
}
.icon-paragraph-justify:before {
	content: "\e249";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-home:before {
	content: "\21";
}
.icon-home-2:before {
	content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
	content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
	content: "\e251";
}
.icon-link:before {
	content: "\e252";
}
.icon-picture:before,
.icon-image:before {
	content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
	content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera:before {
	content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
	content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-user:before {
	content: "\22";
}
.icon-users:before {
	content: "\e01f";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-address:before {
	content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-enter:before {
	content: "\e257";
}
.icon-exit:before {
	content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
	content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
	content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
	content: "\e259";
}
.icon-phone:before {
	content: "\e260";
}
.icon-phone-2:before {
	content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-tag:before {
	content: "\e262";
}
.icon-tag-2:before {
	content: "\e263";
}
.icon-tags:before {
	content: "\e264";
}
.icon-tags-2:before {
	content: "\e265";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-cogs:before {
	content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
	content: "\36";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-switch:before {
	content: "\e266";
}
.icon-filter:before {
	content: "\54";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-unlock:before {
	content: "\e267";
}
.icon-key:before {
	content: "\5f";
}
.icon-support:before {
	content: "\46";
}
.icon-database:before {
	content: "\62";
}
.icon-scissors:before {
	content: "\e268";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
	content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
	content: "\e269";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
	content: "\e01b";
}
.icon-book:before {
	content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
	content: "\79";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-calendar-3:before {
	content: "\e273";
}
.icon-pie:before {
	content: "\77";
}
.icon-bars:before {
	content: "\76";
}
.icon-chart:before {
	content: "\75";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
	content: "\72";
}
.icon-lamp:before {
	content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
	content: "\73";
}
.icon-location:before {
	content: "\63";
}
.icon-shield:before {
	content: "\e274";
}
.icon-flag:before {
	content: "\35";
}
.icon-flag-3:before {
	content: "\e275";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-bookmark-2:before {
	content: "\e276";
}
.icon-heart:before {
	content: "\e277";
}
.icon-heart-2:before {
	content: "\e278";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
	content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
	content: "\e280";
}
.icon-smiley-sad:before {
	content: "\e281";
}
.icon-smiley-sad-2:before {
	content: "\e282";
}
.icon-smiley-neutral:before {
	content: "\e283";
}
.icon-smiley-neutral-2:before {
	content: "\e284";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-credit:before {
	content: "\e286";
}
.icon-credit-2:before {
	content: "\e287";
}
.icon-expired:before {
	content: "\4b";
}
/* ########## alert ########## */
#system-message-container {
	/*margin: 5px 0;*/
	padding: 5px 0;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #FCEC98;
	border: 1px solid #C9BC79;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #8D703D;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	line-height: 18px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
.alert-message div p {
	/*color: #f00;*/
	font-size: 15px;
}
a.gs-title {
	color: #2626FF !important;
}
html.no-js .scrollup, html.no-js .scrollbottom {
	display: none;
}
/* 投票結果頁圓餅圖下面的文字 */
.InP{
	text-align: center;
	width: 100%;
	z-index: 99;
}
/* 長條圖 */
/* svg[class^=chart] .legend {
	fill: black;
	font: 14px sans-serif;
	text-anchor: start;
	font-size: 18px;
}
svg[class^=chart] text {
	fill: white;
	font: 18px sans-serif;
	text-anchor: end;
}
svg[class^=chart] .label {
	fill: black;
	font: 18px sans-serif;
	text-anchor: end;
}
.bar:hover {
	fill: brown;
}
.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}*/
rect.bar[width='0']{
	width: 20px;
} 

/*投票流程說明*/
.votingflow {
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.view-article .votingflow {
	background-image: url(../images/people.png);
	padding-bottom: 300px;
}
.com_knowus .votingflow {
	background-size: contain;
	background-image: url(../images/intro00.jpg);
	padding-bottom: 45%;
}
.view-article .votingflow .flowbtn,
.com_knowus .votingflow .flowbtn {
	display: inline-block;
	padding: 0.3rem 3.25rem;
	line-height: 1.8;
	border-radius: 5px;
	color: #FFFFFF !important;
	background-color: #ff5252 !important;
	border: 2px solid #ff5252 !important;
	font-weight: bold;
	font-size: 1.875rem;
	text-decoration: none !important;
}
.view-article .votingflow .flowbtn {
	margin: 80px 50px;
}
.com_knowus .votingflow .flowbtn {
	margin: 20px 50px 80px;
}
.view-article .votingflow .flowbtn:hover, 
.com_knowus .votingflow .flowbtn:hover, 
.view-article .votingflow .flowbtn:focus, 
.com_knowus .votingflow .flowbtn:focus, 
.view-article .votingflow .flowbtn:active,
.com_knowus .votingflow .flowbtn:active {
	background-color: #ffffff !important;
	color: #ff5252 !important;
}
/*fancybox 3*/
.fancybox-toolbar {
	top: calc(100% - 125px) !important;
	left: calc(50% - 44px);
}
.fancybox-button--fullscreen,
.fancybox-button--thumbs {
	display: none !important;
}
.other_desc .list_title::after {
	content: '：';
}
/*非公開投票*/
.un_public_layout header .back > div,
.un_public_layout .path,
.un_public_layout .return,
.un_public_layout .foot_content {
	display: none;
}
.layout1 .header_inner {
	height: 92px;
	padding-top: 0;
}
.un_public_layout .survey .survey_banner {
	position: relative;
}
.un_public_layout .survey .survey_banner::before {
	content: "";
	position: absolute;
	bottom: 0;
}
.un_public_layout .survey .survey_banner img {
	box-shadow: 0px 0px 0px 1px rgba(99, 99, 99, 0.5);
	border: 8px solid #fff;
}
.un_public_layout .list_title {
	width: 150px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;
}
.un_public_layout .survey .desc {
	border-top: 0;
	border-bottom: 0;
	padding: 1rem 1.5rem;
	box-sizing: border-box;
	text-indent: 2rem;
	font-size: 1.1rem;
}
.un_public_layout .survey .other_desc {
	padding: 1rem;
	box-sizing: border-box;
}
.un_public_layout .other_desc .list_title::after{
	content: '';
}
.un_public_layout .list_title {
	color: #FFFFFF;
}
.un_public_layout .list_desc {
	display: inline-block;
	padding-left: 1rem;
	box-sizing: border-box;
	width: calc( 100% - 150px);
	vertical-align: top;
}
.un_public_layout .verifylevel_intro {
	padding-left: 0.8rem;
}
/*layout1*/
.layout1 header {
	background: url('../images/layout1_header_bg.png') repeat-x 0 0;
}
.layout1 .header_inner {
	background: url('../images/layout1_voting_bg.png') no-repeat center bottom;
}
.layout1 .survey .survey_banner {
	text-align: right;
}
.layout1 .survey .survey_banner img {
	border-radius: 50px;
	width: 662px;
	max-width: 100%;
	display: initial;
	margin-right: 1rem;
}
.layout1 .survey .survey_banner::before {
	left: 0;
	background: url('../images/layout1_img_decoration.png') 0 0 no-repeat;
	width: 321px;
	height: 296px;
}
.layout1 .intro .title {
	background-color: #FFFFFF;
	border-radius: 500px 0 0 500px;
	width: calc( 100% - 1rem);
	margin-left: 1rem;
	text-align: left;
	padding: 0.5rem 2rem;
	box-sizing: border-box;
}
.layout1 .intro .description {
	padding-top: 97px;
	margin-top: -97px;
	border: 1px solid #bce8f1;
	background-color: #d9edf7;
	color: #3a87ad;
	margin-bottom: 1rem;
}
.layout1 .survey .desc a {
	color: #3a87ad;
}
.layout1 .survey .other_desc {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
}
.layout1 .list_title {
	background-color: #4ca3d9;
}
/*layout1 end*/
/*layout2*/
.layout2 header {
	background: url('../images/layout2_header_bg.png') repeat-x 0 0;
}
.layout2 .header_inner {
	background: url('../images/layout2_voting_bg.png') no-repeat center bottom;
}
.layout2 .survey .survey_banner {
	padding-bottom: 120px;
	margin-bottom: 0;
}
.layout2 .survey .survey_banner::before {
	left: 0;
	background: url('../images/people.png') center 0 no-repeat;
	width: 100%;
	height: 215px;
}
.layout2 .intro .title {
	color: #017c7c;
}
.layout2 .intro {
	background-color:rgba(0,0,0,0.1);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%);
	border-top: 2px solid #909090;
	position: relative;
}
.layout2 .intro:before {
    content: "";
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    top: -10px;
    background: rgba(0, 0, 0, 0.08);
}
.layout2 .survey .other_desc {
	background: linear-gradient(to right, rgba(54,139,138,1) 0%, rgba(62,171,170,1) 100%);
	color: #FFFFFF;
}
.layout2 .list_title {
	background-color: #017c7c;
	text-align: right;
}
/*layout2 end*/

/* 修改不公開投票說明頁超連結顏色 */

.un_public_layout .list_desc a {
	color: #ffe500;
}
.un_public_layout .list_desc a:hover,
.un_public_layout .list_desc a:focus,
.un_public_layout .list_desc a:active {
	color: #ffca2d;
	text-decoration: underline;
}



.blockchain {
	text-align: center;
	height: 100%;
}

.loading_dots {
	position: relative;
	margin: 20px;
	display: inline-block;
}

.loading_dots span {
	display: block;
	width: 12px;
	height: 12px;
	background: #4285f4;
	border-radius: 50%;
	position: absolute;
	top: 0px;
}

.loading_dots span:nth-child(1) {
	left: -48px;
	-webkit-animation: bounce 1s ease-in-out infinite;
	animation: bounce 1s ease-in-out infinite;
}

.loading_dots span:nth-child(2) {
	left: -24px;
	-webkit-animation: bounce 1s ease-in-out 0.2s infinite;
	animation: bounce 1s ease-in-out 0.2s infinite;
}

.loading_dots span:nth-child(3) {
	left: 0px;
	-webkit-animation: bounce 1s ease-in-out 0.4s infinite;
	animation: bounce 1s ease-in-out 0.4s infinite;
}

.loading_dots span:nth-child(4) {
	left: 24px;
	-webkit-animation: bounce 1s ease-in-out 0.6s infinite;
	animation: bounce 1s ease-in-out 0.6s infinite;
}

.loading_dots span:nth-child(5) {
	left: 48px;
	-webkit-animation: bounce 1s ease-in-out 0.8s infinite;
	animation: bounce 1s ease-in-out 0.8s infinite;
}

@-webkit-keyframes bounce {
	0%, 75%, 100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 0.5;
	}
	25% {
		-webkit-transform: translateY(-24px);
		transform: translateY(-24px);
		opacity: 1;
	}
}

@keyframes bounce {
	0%, 75%, 100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 0.5;
	}
	25% {
		-webkit-transform: translateY(-24px);
		transform: translateY(-24px);
		opacity: 1;
	}
}