@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/10/5, 上午 10:26:48
    Author     : NtnuITCAdminUser
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/1/8, 09:47:34
    Author     : NtnuITCAdminUser
*/
/*$color-vote-icon:$color-dark-cerulean;*/
/*$color-vote-icon:#22AED1;*/
/*$color-vote-icon:#0e6bff;*/
/*$color-vote-icon:#0E6BFF;*/
/*$color-vote-icon:#4087EA;*/
/*$color-vote-icon-first:#0E6BFF;*/
/*$color-vote-icon-second:#6007C2;*/
/*$color-vote-icon-second:#1ED1B8;*/
/*$color-vote-icon-second:#533ce1;*/
/*$menu-color-purple:#5133AB;
$menu-color-red:#AC193D;
$menu-color-green:#00A600;
$menu-color-green2:#82b440;
$menu-color-yellow:#FCC900;
$menu-color-blue:#2672EC;
$menu-color-orange:#DC572E;*/
/*$menu-color-red:#AC193D;*/
/*$menu-color-green:#00A600;*/
/*$menu-color-green2:#82b440;*/
/*$menu-color-blue:#2672EC;*/
/*琴房配色*/
/*投票配色*/
/*$menu-color-purple:#76BB9F;
$menu-color-red:#FBA714;
$menu-color-green:#F08080;
$menu-color-green2:#79BECB;
$menu-color-yellow:#A4B662;
$menu-color-blue:#D18EAA;
$menu-color-orange:#A78366;

$menu-color-other1:#DB7C7C;
$menu-color-other2:#9B7286;
$menu-color-other3:#669807;*/
/*$menu-color-yellow:#FBA714;*/
/*問卷配色*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/10/13, 上午 11:05:53
    Author     : NtnuITCAdminUser
*/
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("./../fonts/glyphicons-halflings-regular.eot");
  src: url("./../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("./../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("./../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
@font-face {
  font-family: 'FontAwesome';
  src: url("./../fonts/FontAwesome.otf") format("opentype");
  src: url("./../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype");
  src: url("./../fonts/fontawesome-webfont.svg") format("svg");
  src: url("./../fonts/fontawesome-webfont.ttf") format("truetype");
  src: url("./../fonts/fontawesome-webfont.woff") format("woff");
  src: url("./../fonts/fontawesome-webfont.woff2") format("woff2"); }
@font-face {
  font-family: 'BootstrapTableFont';
  src: url("themes/bootstrap-table/fonts/bootstrap-table.woff2") format("woff2"), url("themes/bootstrap-table/fonts/bootstrap-table.woff") format("woff"), url("themes/bootstrap-table/fonts/bootstrap-table.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*body{
    position: relative;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    width:auto;
    color:#000;
    overflow-x: hidden;
    background:#F2F2F2;
    -webkit-tap-highlight-color: transparent;
}*/
.box {
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  border: solid 1px #C7C7C7;
  width: 100%;
  min-width: 320px;
  max-width: 540px;
  height: auto;
  /*    display: flex;*/
  /*    flex-direction: column;*/
  border-radius: 10px;
  /*width:auto;*/ }

.box-heading {
  min-width: 320px;
  max-width: 520px;
  height: 43px; }
  .box-heading span {
    font-family: Microsoft JhengHei;
    font-weight: bold;
    font-size: 14px; }

.box-body {
  min-width: 320px;
  max-width: 520px;
  flex: 1 1 auto;
  height: auto; }

.box-body input {
  margin: 5px; }

.box-body button {
  margin-left: 5px; }

.btn-login {
  color: #fff;
  background-color: #FF4500;
  border-radius: 30px !important; }
  .btn-login:hover {
    color: #e6e6e6;
    background: #53acbd; }

.box-footer {
  min-width: 320px;
  max-width: 520px;
  flex: 1 1 auto;
  height: 100px; }

div.ui-dialog {
  border-top: solid 7px #FF4500 !important;
  position: fixed !important;
  top: 30% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: auto !important; }

button.ui-button, input.text {
  border-radius: 15px !important; }

.fresh-table {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: solid 1px #C7C7C7;
  width: 100%;
  height: auto; }
  .fresh-table fieldset legend {
    border-radius: 15px;
    background: #36AFEC;
    background: -moz-radial-gradient(center, ellipse cover, #2D7CE7 0%, #36AFEC 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2D7CE7), color-stop(100%, #36AFEC));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #2D7CE7 0%, #36AFEC 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #2D7CE7 0%, #36AFEC 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #2D7CE7 0%, #36AFEC 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #2D7CE7 0%, #36AFEC 100%);
    /* W3C */
    background-size: 250% 250%; }

.operation {
  color: #C7C7C7; }

body {
  font-family: Arial, sans-serif;
  background: #f9f9f9;
  padding: 20px; }

.container {
  max-width: 600px;
  margin: auto;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

h1, h2 {
  text-align: center;
  color: #003865; }

form {
  display: flex;
  flex-direction: column; }

label {
  margin-top: 15px;
  font-weight: bold; }

input, textarea {
  padding: 10px;
  font-size: 16px;
  margin-top: 5px;
  border-radius: 4px;
  border: 1px solid #ccc; }

button {
  margin-top: 20px;
  padding: 10px;
  background-color: #FF4500;
  /*background: $primary-gradient;//#FF4500;*/
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer; }

button:hover {
  /*background: linear-gradient(15deg, #FFD700, #FF4500);*/
  background-color: #cc3700; }

.sd-body__navigation .sd-btn {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  background-color: #FF4500; }

.sd-btn--action:hover {
  /*  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));*/
  background-color: #cc3700; }

.hidden {
  display: none; }

#shortUrlDisplay {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  word-break: break-all; }

#aiSuggestions ul {
  list-style-type: none;
  padding: 0; }

#aiSuggestions li {
  background: #e8f4ff;
  margin: 5px 0;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer; }

.password-toggle {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px; }

/* ===== 全域設定 ===== */
* {
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  background-color: #F5F5F5;
  color: #6E6E6E;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden; }

/* ===== 頁首與頁尾 ===== */
header {
  background-color: #5B0417;
  color: #fff;
  height: 60px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0 1rem;
  display: flex;
  align-items: center; }

.header-content {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

/* === Logo 左邊區塊 === */
.logo img {
  height: 40px;
  width: auto;
  display: block; }

/* === 中間標題區塊 === */
.site-title {
  text-align: center;
  flex-grow: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2; }

.site-title h1 {
  font-size: 1.4rem;
  margin: 0;
  white-space: nowrap;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

.site-title span {
  font-size: 0.85rem;
  color: #ddd; }

/* === 主題切換器（右側）=== */
.theme-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem; }

button#logoutButton {
  /*    color: $def-tabs-a-color;
      background-color: $color-white;*/
  margin-top: 0px;
  padding: 0.3rem 0.5rem;
  font-size: 0.9rem;
  border-radius: 5px;
  border: none; }

.theme-selector label {
  font-size: 0.9rem;
  color: #fff; }

.theme-selector select {
  padding: 0.3rem 0.5rem;
  font-size: 0.9rem;
  border-radius: 4px;
  border: none; }

@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    height: auto;
    gap: 0.5rem; }

  .site-title {
    position: static;
    transform: none; }

  header {
    height: auto;
    /*justify-content: center;      水平置中 */
    padding: 0.5rem; } }
header h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 0; }

/* ===== 主容器（aside + main） ===== */
.container {
  display: flex;
  flex: 1;
  flex-direction: row; }

/* ===== tab ===== */
/*new tab style start*/
/* ---------------------------
   通用 Tabs 樣式（Bootstrap + 自訂）
---------------------------- */
/* ✅ 外層容器：可支援 .tabs 或 .nav.nav-tabs */
.nav-tabs {
  border-bottom: 1px solid #ccc; }
  .nav-tabs .nav-link {
    color: #003865;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: -1px;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s, color 0.3s; }
    .nav-tabs .nav-link:hover {
      background-color: #eee; }
    .nav-tabs .nav-link.active {
      background-color: #283044;
      color: #fff;
      border-color: #ccc #ccc #283044; }

.nav-tabs {
  border-bottom: 1px solid #ccc; }
  .nav-tabs .nav-link {
    color: #003865;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: -1px;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s, color 0.3s; }
    .nav-tabs .nav-link:hover {
      background-color: #eee; }
    .nav-tabs .nav-link.active {
      background-color: #283044;
      color: #fff;
      border-color: #ccc #ccc #283044; }

.tab-content {
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  clear: both; }
  .tab-content .tab-pane {
    display: none; }
    .tab-content .tab-pane.show.active {
      display: block; }

@media (max-width: 768px) {
  .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    border-bottom: none;
    background-color: #283044;
    border-radius: 5px; }
    .nav-tabs .nav-link {
      flex: 1 1 auto;
      text-align: center;
      border-radius: 5px;
      padding: 0.75rem;
      border: none;
      border-bottom: 2px solid transparent;
      color: #fff; }
      .nav-tabs .nav-link:hover {
        background-color: #3a4452; }
      .nav-tabs .nav-link.active {
        background-color: #1e2530;
        color: #ffcc00; } }
.nav-tabs {
  border-bottom: 1px solid #ccc; }
  .nav-tabs .nav-item {
    display: flex;
    align-items: center;
    height: auto;
    max-height: 60px;
    padding: 0; }
  .nav-tabs .nav-link {
    padding: 0.5rem 1rem;
    color: #003865;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: -1px;
    transition: background-color 0.3s, color 0.3s;
    white-space: normal;
    word-break: break-word; }
    .nav-tabs .nav-link:hover {
      background-color: #eee; }
    .nav-tabs .nav-link.active {
      background-color: #283044;
      color: #fff;
      border-color: #ccc #ccc #283044; }

@media (max-width: 768px) {
  .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    border-bottom: none;
    background-color: #283044;
    border-radius: 5px; }
    .nav-tabs .nav-link {
      flex: 1 1 auto;
      text-align: center;
      border-radius: 5px;
      padding: 0.75rem;
      border: none;
      border-bottom: 2px solid transparent;
      color: #fff; }
      .nav-tabs .nav-link:hover {
        background-color: #3a4452; }
      .nav-tabs .nav-link.active {
        background-color: #1e2530;
        color: #ffcc00; } }
.tabs, .container {
  display: block;
  /* 或 display: flex; flex-direction: column; */ }

.nav-tabs .nav-link {
  display: block;
  /* inline-block 改成 block */
  float: none;
  /* 避免被浮動 */ }

.tab-content {
  display: block;
  /* 預設 block */
  width: 100%;
  /* 撐滿父容器 */
  clear: both;
  /* 避免 float 干擾 */
  margin-top: 0.5rem; }

/*new tab style end*/
/* 清除 SurveyJS 固定高度 + 捲軸 */
.sd-root-modern,
.sv-scroll__wrapper,
.sv-scroll__scroller,
.sv-scroll__container {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important; }

/* 頁面內容正常排版即可 */
html, body {
  margin: 0;
  padding: 0; }

.page-wrapper {
  display: block; }

.container {
  width: 100%; }

/* 防止橫向 scroll */
body {
  overflow-x: hidden;
  width: 100%; }

body.theme-default {
  --primary: #FF4500;
  --sjs-primary-backcolor: rgba(255, 69, 0, 0.5);
  --sjs-shadow-inner: inset 0 1px 2px rgba(91, 4, 23, 0.25); }

main {
  /*max-width: 960px;      或 800px、1200px 視你的設計 */
  width: 100%;
  margin: 0 auto;
  /*左右置中 */
  padding: 0 20px;
  /* 防止螢幕太小時緊貼邊緣 */
  box-sizing: border-box; }

.custom-button {
  display: block;
  margin: 10px auto;
  /* 上下間距10px，水平居中 */
  padding: 10px 20px;
  border-radius: 5px; }

.custom-disabled-button {
  display: block;
  margin: 10px auto;
  /* 上下間距 10px，水平居中 */
  padding: 10px 20px;
  font-size: 16px;
  color: #aaa;
  /* 灰色文字 */
  background-color: #f5f5f5;
  /* 淺灰背景 */
  border: 1px solid #ddd;
  cursor: not-allowed;
  /* 禁用狀態的滑鼠樣式 */
  max-width: 100%;
  /*確保按鈕不會超出容器*/
  width: auto;
  /*自動調整寬度 */
  text-align: center;
  /*文字居中   */
  white-space: wrap;
  /*文字換行 */
  box-sizing: border-box;
  /*包含內邊距和邊框*/ }

.custom-disabled-button:hover {
  color: #aaa;
  /* 灰色文字 */
  background-color: gainsboro;
  /* 淺灰背景 */ }

.copy-container {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0 16px; }

.copy-target {
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
  display: block;
  max-width: 100%;
  margin-bottom: 12px;
  font-size: 18px; }

@media (max-width: 480px) {
  .copy-target {
    font-size: 14px; } }
.sd-container-modern,
.sd-body {
  overflow-x: hidden; }

.buttonGroup {
  display: flex;
  justify-content: center;
  /* 水平置中 */
  margin-top: 10px;
  /* 可選：給一點上方空間 */ }

.buttonGroup button {
  margin: 0 5px; }

.copy-button, .refresh-button {
  display: block;
  padding: 10px 24px;
  background-color: #FF4500 !important;
  border-radius: 5px !important;
  color: #fff !important;
  white-space: nowrap;
  /* 👈 防止文字換行 */ }

.copy-button:hover,
.refresh-button:hover {
  background-color: #cc3700 !important; }

.jconfirm .jconfirm-box {
  border-top: solid 7px #FF4500; }

div.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
  border-top: solid 7px #FF4500; }

/*解決彈窗偏右、大小不正確*/
.jconfirm-box-container {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important; }

/*彈窗內容自動隨內容調整大小*/
.jconfirm-box {
  width: auto !important;
  max-width: 90vw;
  height: auto !important;
  max-height: 90vh;
  overflow: auto; }

.jc-bs3-container,
.jc-bs3-row {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%; }

.jc-bs3-container .jconfirm-box-container {
  margin: 0 auto;
  float: none; }

.detail-icon {
  color: #FF4500 !important; }

footer {
  background-color: #5B0417;
  color: #fff;
  min-height: 50px;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: auto;
  z-index: 1051;
  bottom: 0;
  left: 0; }

/*.fixed-table-body {
    padding-bottom: 70px;  高於 footer 的高度 
}*/
/*.fixed-table-body {
  max-height: calc(100vh - 150px);  扣掉 header 和 footer 的空間 
  overflow-y: auto;
}*/
.fixed-table-body {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important; }

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
  vertical-align: middle;
  color: #FFA800 !important; }

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle; }

.wrap-url {
  font-family: monospace;
  /* 網址更易讀 */
  font-size: 0.9rem;
  line-height: 1.4;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  display: block !important;
  white-space: normal !important;
  /* 確保不是 pre 或 nowrap */ }

.submit-btn {
  background-color: #004E98 !important;
  color: #fff !important; }
  .submit-btn:hover {
    color: #e6e6e6 !important;
    background: #003465 !important; }

.copyLinkBtn {
  color: #fff !important; }

.fa-exclamation-triangle::before {
  color: #FFA800 !important; }

#notifyLogout .modal-header {
  border-top: solid 7px #FF4500 !important; }

#notifyLogout .modal-header .btn-close {
  background-color: #fff !important; }

button#logoff {
  background-color: #FF4500 !important;
  color: #fff !important;
  border: none; }
  button#logoff:hover {
    color: #e6e6e6 !important;
    background: #cc3700 !important; }

button#countdownbtn {
  background-color: #003865;
  color: #fff !important;
  border: none; }
  button#countdownbtn:hover {
    color: #e6e6e6 !important;
    background: #001c32 !important; }

.jconfirm-content {
  word-break: break-all;
  overflow-wrap: break-word;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.5em; }

.custom-modal .modal-dialog .modal-content {
  border-top: solid 7px #FF4500 !important;
  height: auto !important;
  max-width: 600px;
  /*min-width:65%;*/ }

.editWhiteListBtn, .editUrlListBtn {
  color: white !important; }

.editBtn {
  color: white !important; }

main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }

/*
.container.mt-3 {
  width: 100%;              // 撐滿 main
  padding-left: 0;          // 去掉 container 原本左右 padding
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
*/
.nav-tabs {
  width: 100%;
  flex: 0 0 auto; }

.tab-content {
  width: 100%;
  flex: 1 1 auto;
  overflow-y: auto; }

/*手機版調整*/
@media (max-width: 768px) {
  .nav-tabs {
    /*flex-wrap: wrap;        // 多行文字換行*/ }

  .nav-tabs .nav-link {
    text-align: center;
    white-space: normal;
    word-break: break-word; } }
/* icon baseline 修正 */
.fixed-table-toolbar .btn-sm i {
  line-height: 1 !important; }

div.columns.columns-right.btn-group.float-right {
  height: 32px !important; }

button.btn.btn-secondary.btn-sm {
  height: 32px !important; }

/* 固定高度（兩個元素一致） */
.fixed-table-toolbar .form-control-sm,
.fixed-table-toolbar .btn.btn-sm {
  height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  /* 讓文字與 icon 垂直置中 */ }

/* search 與 refresh 的外層也要垂直置中 */
.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
  display: flex;
  align-items: center; }

/* 因為要讓兩個元素保持同一行，加這個 */
.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
  float: right !important;
  /* 保持在右邊 */
  margin-left: 5px;
  /* search 和 refresh 的間距 */ }

/* 防止整個 toolbar 自己斷行 */
.fixed-table-toolbar {
  overflow: hidden;
  /* 保持一行，避免浮動造成掉下去 */
  padding-top: 5px;
  /* 補回原本 bootstrap-table 的間距 */ }

/* 讓 refresh 按鈕整個往上移 1px */
.fixed-table-toolbar .columns .btn-sm {
  position: relative;
  top: -3px; }

/*
* {
  outline: 1px solid rgba(255,0,0,0.2);
}*/

/*# sourceMappingURL=style.css.map */