@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?aczrsz');
  src:  url('../fonts/icomoon.eot?aczrsz#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?aczrsz') format('truetype'),
        url('../fonts/icomoon.woff?aczrsz') format('woff'),
        url('../fonts/icomoon.svg?aczrsz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-size: 14px;
  font-family: 'icomoon' !important;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  vertical-align:middle;
  text-align: center;
  width: 1.25em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.fa-lg   { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; }
.fa-xss  { font-size: .5em; }
.fa-xs   { font-size: .75em; }
.fa-sm   { font-size: .875em; }
.fa-1x   { font-size:   1em; }
.fa-1-5x { font-size: 1.5em; }
.fa-2x   { font-size:   2em; }
.fa-3x   { font-size:   3em; }
.fa-4x   { font-size:   4em; }
.fa-5x   { font-size:   5em; }
.fa-6x   { font-size:   6em; }
.fa-7x   { font-size:   7em; }
.fa-8x   { font-size:   8em; }
.fa-9x   { font-size:   9em; }
.fa-10x  { font-size:  10em; }

.fa-fw { text-align: center; width: 1.25em; }

.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }
.fa-ul > li { position: relative; }

.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }

.fa-pull-left  { float: left; }
.fa-pull-right { float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.fa-rotate-90  { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both { -webkit-filter: none; filter: none; }

.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

.icon-search1:before                { content: "\f002"; }
.icon-heart1:before                 { content: "\f004"; }
.icon-star:before                   { content: "\f005"; }
.icon-user1:before                  { content: "\f007"; }
.icon-check:before                  { content: "\f00c"; }
.icon-times:before                  { content: "\f00d"; }
.icon-power-off:before              { content: "\f011"; }
.icon-cog1:before                   { content: "\f013"; }
.icon-home1:before                  { content: "\f015"; }
.icon-lock1:before                  { content: "\f023"; }
.icon-bold1:before                  { content: "\f032"; }
.icon-italic1:before                { content: "\f033"; }
.icon-edit:before                   { content: "\f044"; }
.icon-step-backward:before          { content: "\f048"; }
.icon-fast-backward:before          { content: "\f049"; }
.icon-backward:before               { content: "\f04a"; }
.icon-play1:before                  { content: "\f04b"; }
.icon-pause:before                  { content: "\f04c"; }
.icon-stop:before                   { content: "\f04d"; }
.icon-forward1:before               { content: "\f04e"; }
.icon-fast-forward:before           { content: "\f050"; }
.icon-step-forward:before           { content: "\f051"; }
.icon-eject:before                  { content: "\f052"; }
.icon-chevron-left:before           { content: "\f053"; }
.icon-chevron-right:before          { content: "\f054"; }
.icon-plus-circle:before            { content: "\f055"; }
.icon-minus-circle:before           { content: "\f056"; }
.icon-times-circle:before           { content: "\f057"; }
.icon-check-circle:before           { content: "\f058"; }
.icon-question-circle:before        { content: "\f059"; }
.icon-info-circle:before            { content: "\f05a"; }
.icon-arrow-left1:before            { content: "\f060"; }
.icon-arrow-right1:before           { content: "\f061"; }
.icon-arrow-up1:before              { content: "\f062"; }
.icon-arrow-down1:before            { content: "\f063"; }
.icon-plus:before                   { content: "\f067"; }
.icon-minus:before                  { content: "\f068"; }
.icon-exclamation-circle:before     { content: "\f06a"; }
.icon-eye1:before                   { content: "\f06e"; }
.icon-eye-slash:before              { content: "\f070"; }
.icon-exclamation-triangle:before   { content: "\f071"; }
.icon-chevron-up:before             { content: "\f077"; }
.icon-chevron-down:before           { content: "\f078"; }
.icon-camera-retro:before           { content: "\f083"; }
.icon-key1:before                   { content: "\f084"; }
.icon-phone1:before                 { content: "\f095"; }
.icon-unlock:before                 { content: "\f09c"; }
.icon-arrow-circle-left:before      { content: "\f0a8"; }
.icon-arrow-circle-right:before     { content: "\f0a9"; }
.icon-arrow-circle-up:before        { content: "\f0aa"; }
.icon-arrow-circle-down:before      { content: "\f0ab"; }
.icon-users1:before                 { content: "\f0c0"; }
.icon-link1:before                  { content: "\f0c1"; }
.icon-cut:before                    { content: "\f0c4"; }
.icon-copy:before                   { content: "\f0c5"; }
.icon-paperclip:before              { content: "\f0c6"; }
.icon-bars:before                   { content: "\f0c9"; }
.icon-underline1:before             { content: "\f0cd"; }
.icon-caret-down:before             { content: "\f0d7"; }
.icon-caret-up:before               { content: "\f0d8"; }
.icon-caret-left:before             { content: "\f0d9"; }
.icon-caret-right:before            { content: "\f0da"; }
.icon-envelope:before               { content: "\f0e0"; }
.icon-sitemap:before                { content: "\f0e8"; }
.icon-lightbulb:before              { content: "\f0eb"; }
.icon-fighter-jet:before            { content: "\f0fb"; }
.icon-angle-double-left:before      { content: "\f100"; }
.icon-angle-double-right:before     { content: "\f101"; }
.icon-angle-double-up:before        { content: "\f102"; }
.icon-angle-double-down:before      { content: "\f103"; }
.icon-angle-left:before             { content: "\f104"; }
.icon-angle-right:before            { content: "\f105"; }
.icon-angle-up:before               { content: "\f106"; }
.icon-angle-down:before             { content: "\f107"; }
.icon-quote-left:before             { content: "\f10d"; }
.icon-quote-right:before            { content: "\f10e"; }
.icon-question:before               { content: "\f128"; }
.icon-info1:before                  { content: "\f129"; }
.icon-exclamation:before            { content: "\f12a"; }
.icon-chevron-circle-left:before    { content: "\f137"; }
.icon-chevron-circle-right:before   { content: "\f138"; }
.icon-chevron-circle-up:before      { content: "\f139"; }
.icon-chevron-circle-down:before    { content: "\f13a"; }
.icon-unlock-alt:before             { content: "\f13e"; }
.icon-play-circle:before            { content: "\f144"; }
.icon-minus-square:before           { content: "\f146"; }
.icon-check-square:before           { content: "\f14a"; }
.icon-pen-square:before             { content: "\f14b"; }
.icon-caret-square-down:before      { content: "\f150"; }
.icon-caret-square-up:before        { content: "\f151"; }
.icon-caret-square-right:before     { content: "\f152"; }
.icon-space-shuttle:before          { content: "\f197"; }
.icon-venus:before                  { content: "\f221"; }
.icon-mars:before                   { content: "\f222"; }
.icon-user-plus1:before             { content: "\f234"; }
.icon-user-times:before             { content: "\f235"; }
.icon-phone-volume:before           { content: "\f2a0"; }
.icon-address-card:before           { content: "\f2bb"; }
.icon-user-circle:before            { content: "\f2bd"; }
.icon-trash-alt:before              { content: "\f2ed"; }
.icon-sync-alt:before               { content: "\f2f1"; }
.icon-sign-out-alt:before           { content: "\f2f5"; }
.icon-sign-in-alt:before            { content: "\f2f6"; }
.icon-pencil-alt:before             { content: "\f303"; }
.icon-arrow-alt-circle-down:before  { content: "\f358"; }
.icon-arrow-alt-circle-left:before  { content: "\f359"; }
.icon-arrow-alt-circle-right:before { content: "\f35a"; }
.icon-arrow-alt-circle-up:before    { content: "\f35b"; }
.icon-exchange-alt:before           { content: "\f362"; }
.icon-map-marker-alt:before         { content: "\f3c5"; }
.icon-mobile-alt:before             { content: "\f3cd"; }
.icon-user-alt:before               { content: "\f406"; }
.icon-comment-dots:before           { content: "\f4ad"; }
.icon-dove:before                   { content: "\f4ba"; }
.icon-user-alt-slash:before         { content: "\f4fa"; }
.icon-user-check1:before            { content: "\f4fc"; }
.icon-user-cog:before               { content: "\f4fe"; }
.icon-user-edit:before              { content: "\f4ff"; }
.icon-user-friends:before           { content: "\f500"; }
.icon-user-lock:before              { content: "\f502"; }
.icon-user-minus1:before            { content: "\f503"; }
.icon-user-ninja:before             { content: "\f504"; }
.icon-user-shield:before            { content: "\f505"; }
.icon-user-tag:before               { content: "\f507"; }
.icon-sms:before                    { content: "\f7cd"; }
.icon-tools:before                  { content: "\f7d9"; }
.icon-phone-alt:before              { content: "\f879"; }
.icon-phone-square-alt:before       { content: "\f87b"; }
.icon-sort-amount-down-alt:before   { content: "\f884"; }
.icon-sort-amount-up-alt:before     { content: "\f885"; }
.icon-sort-numeric-down-alt:before  { content: "\f886"; }
.icon-sort-numeric-up-alt:before    { content: "\f887"; }
.icon-facebook-square:before        { content: "\f082"; }
.icon-facebook1:before              { content: "\f09a"; }
.icon-youtube1:before               { content: "\f167"; }
.icon-wpforms:before                { content: "\f298"; }
.icon-line:before                   { content: "\f3c0"; }
.icon-periscope:before              { content: "\f3da"; }
.icon-sistrix:before                { content: "\f3ee"; }
.icon-whmcs:before                  { content: "\f40d"; }
.icon-youtube-square:before         { content: "\f431"; }
.icon-home:before                   { content: "\e900"; }
.icon-home2:before                  { content: "\e901"; }
.icon-pencil:before                 { content: "\e905"; }
.icon-image:before                  { content: "\e90d"; }
.icon-images:before                 { content: "\e90e"; }
.icon-play:before                   { content: "\e912"; }
.icon-file-text:before              { content: "\e922"; }
.icon-profile:before                { content: "\e923"; }
.icon-file-empty:before             { content: "\e924"; }
.icon-files-empty:before            { content: "\e925"; }
.icon-file-text2:before             { content: "\e926"; }
.icon-file-picture:before           { content: "\e927"; }
.icon-file-zip:before               { content: "\e92b"; }
.icon-folder:before                 { content: "\e92f"; }
.icon-folder-open:before            { content: "\e930"; }
.icon-price-tag:before              { content: "\e935"; }
.icon-price-tags:before             { content: "\e936"; }
.icon-phone:before                  { content: "\e942"; }
.icon-location:before               { content: "\e947"; }
.icon-location2:before              { content: "\e948"; }
.icon-clock:before                  { content: "\e94e"; }
.icon-alarm:before                  { content: "\e950"; }
.icon-mobile:before                 { content: "\e958"; }
.icon-mobile2:before                { content: "\e959"; }
.icon-undo2:before                  { content: "\e967"; }
.icon-redo2:before                  { content: "\e968"; }
.icon-forward:before                { content: "\e969"; }
.icon-reply:before                  { content: "\e96a"; }
.icon-bubble:before                 { content: "\e96b"; }
.icon-user:before                   { content: "\e971"; }
.icon-users:before                  { content: "\e972"; }
.icon-user-plus:before              { content: "\e973"; }
.icon-user-minus:before             { content: "\e974"; }
.icon-user-check:before             { content: "\e975"; }
.icon-user-tie:before               { content: "\e976"; }
.icon-quotes-left:before            { content: "\e977"; }
.icon-quotes-right:before           { content: "\e978"; }
.icon-spinner:before                { content: "\e97a"; }
.icon-spinner3:before               { content: "\e97c"; }
.icon-spinner6:before               { content: "\e97f"; }
.icon-search:before                 { content: "\e986"; }
.icon-key:before                    { content: "\e98d"; }
.icon-key2:before                   { content: "\e98e"; }
.icon-lock:before                   { content: "\e98f"; }
.icon-unlocked:before               { content: "\e990"; }
.icon-cog:before                    { content: "\e994"; }
.icon-cogs:before                   { content: "\e995"; }
.icon-bin:before                    { content: "\e9ac"; }
.icon-switch:before                 { content: "\e9b6"; }
.icon-clipboard:before              { content: "\e9b8"; }
.icon-download2:before              { content: "\e9c5"; }
.icon-upload2:before                { content: "\e9c6"; }
.icon-download3:before              { content: "\e9c7"; }
.icon-upload3:before                { content: "\e9c8"; }
.icon-link:before                   { content: "\e9cb"; }
.icon-attachment:before             { content: "\e9cd"; }
.icon-eye:before                    { content: "\e9ce"; }
.icon-eye-plus:before               { content: "\e9cf"; }
.icon-eye-minus:before              { content: "\e9d0"; }
.icon-eye-blocked:before            { content: "\e9d1"; }
.icon-star-full:before              { content: "\e9d9"; }
.icon-heart:before                  { content: "\e9da"; }
.icon-info:before                   { content: "\ea0c"; }
.icon-cancel-circle:before          { content: "\ea0d"; }
.icon-play3:before                  { content: "\ea1c"; }
.icon-pause2:before                 { content: "\ea1d"; }
.icon-stop2:before                  { content: "\ea1e"; }
.icon-backward2:before              { content: "\ea1f"; }
.icon-forward3:before               { content: "\ea20"; }
.icon-first:before                  { content: "\ea21"; }
.icon-last:before                   { content: "\ea22"; }
.icon-previous2:before              { content: "\ea23"; }
.icon-next2:before                  { content: "\ea24"; }
.icon-loop:before                   { content: "\ea2d"; }
.icon-arrow-up-left:before          { content: "\ea31"; }
.icon-arrow-up:before               { content: "\ea32"; }
.icon-arrow-up-right:before         { content: "\ea33"; }
.icon-arrow-right:before            { content: "\ea34"; }
.icon-arrow-down-right:before       { content: "\ea35"; }
.icon-arrow-down:before             { content: "\ea36"; }
.icon-arrow-down-left:before        { content: "\ea37"; }
.icon-arrow-left:before             { content: "\ea38"; }
.icon-circle-left:before            { content: "\ea44"; }
.icon-tab:before                    { content: "\ea45"; }
.icon-scissors:before               { content: "\ea5a"; }
.icon-bold:before                   { content: "\ea62"; }
.icon-underline:before              { content: "\ea63"; }
.icon-italic:before                 { content: "\ea64"; }
.icon-paragraph-justify:before      { content: "\ea7a"; }
.icon-indent-increase:before        { content: "\ea7b"; }
.icon-indent-decrease:before        { content: "\ea7c"; }
.icon-facebook:before               { content: "\ea90"; }
.icon-facebook2:before              { content: "\ea91"; }
.icon-youtube:before                { content: "\ea9d"; }
.icon-youtube2:before               { content: "\ea9e"; }

/******* 論壇專用 *******/

.icon-forum_read:before             { content: "\f0eb"; color:#99c6f2; text-shadow:1px 2px 4px #333; }  /*沒有未閱讀文章*/
.icon-forum_unread:before           { content: "\f0eb"; color:#ff0; text-shadow:1px 2px 4px #333; }  /*有未閱讀文章*/

.icon-edit { text-align:right; }
}