/* RESET CSS */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
ol,
ul,
li,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
  /*  font-size: inherit; */
  vertical-align: baseline;
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

/*首頁-熱門主題/熱門回覆....:取消文章列表hover底線樣式*/
li a:hover {
  text-decoration: none;
  /* background: #5DC830 !important;*/
}

/* 指定中文預設字體為微軟正黑體*/
body {
  font-family: 'Helvetica', 'Apple LiGothic', 'Microsoft Jhenghei', 'Heiti TC';
  font-size: 14px;
  color: #555;
}

#wrapper {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

/*項目1-4首頁右上角:首頁註冊登入*/
#header a,
#header a:link {
  font-size: 1.1em;
  color: #4F7500;
}

/*項目1-4首頁右上角:首頁註冊登入*/
#header a:hover {
  color: #f47e00 !important;
}

a {
  color: #555;
  text-decoration: none;
}

a:hover {
  color: #000;
}

a,
i {
  cursor: pointer;
}

/* 首頁、內文:一般文字段落樣式預設*/
p {
  line-height: 176%;
  margin-bottom: 20px;
  text-align: justify;
  font-size: 0.95em;
  color: #676767;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 1.8em;
  color: #ffc000;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  font-weight: 600;
  line-height: 1.3em;
  margin-left: 0.1em;
  /*  float: left; */
  margin-top: -0.28em;
}

/*文章頁:標題、第一個tag起始距離*/
#postform h2,
#postform h2 span:nth-child(1) {
  margin-left: 0em !important;
}

h3 {
  color: #008095;
  margin: 5px 0;
  font-size: 1.2em
    /* !important */
  ;
  line-height: 1.6em;
  font-weight: 900;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
}

/*文章頁:tag樣式>>*/
span.topic_tag {
  padding: 5px 6px;
  font-size: 0.68em;
  /*  float: left; */
  border-radius: 3px;
  position: relative;
  margin-right: 0.5em !important;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  /*  color:#fff !important; 
  position: relative;
  top: 2.6em;
  margin-right: 9px;*/
}

#posting_editor>dl dt {
  display: none;
}

#posting_editor>dl dd {
  margin-left: 0;
}


/*文章區:標題樣式連結狀態*/
.topic_eudora,
.topic_eudora a:visited,
.topic_eudora a,
.topic_eudora a:hover,
.topic_eudora a:link {
  margin: 0 !important;
  font-size: 1.4em !important;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  font-weight: 600;
  line-height: 1.665em;
  text-decoration: none;
  color: #4F7500;
}

/*○回覆文章標題位移*/
.topic_eudora_reply {
  position: relative;
  top: 5em;
}

h4 {
  line-height: 130%;
  color: #56a317;
  font-size: 19px;
  letter-spacing: 1px;
}

/* 輸入框、選擇按鈕間距微調 */
input,
select,
textarea {
  padding: 0 10px;
  font-size: 13px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-top: 0.5em;
}

/* clearfix */
.i835_group:before,
.i835_group:after {
  content: "";
  display: table;
}

.i835_group:after {
  clear: both;
}

.i835_group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.i835_container {
  width: 1050px;
  margin: 0 auto;
}

/* button style class */
.btn {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  padding: 6px 15px;
  color: #fff;
  background: #56a317;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(border-radius.htc);
  /* for supporting IE border-radius */
}

.small {
  padding: 5px 10px;
}

.btn:hover {
  background: #498d11;
  color: #fff;
}

.pointer {
  cursor: pointer;
}

i {
  padding-right: 2px;
}

/*首頁右上角(首頁註冊登入):樣式微調(間距、字級、字型、粗細)*/
#header {
  text-align: right;
  padding: 10px 0 12.5px 0;
  font-size: 1em;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  font-weight: 600;
}

#header li {
  display: inline-block;
  margin-left: 10px;
}

a.home:hover {
  color: #ff0000;
}

a.signup:hover {
  color: #f47e00;
}

a.login:hover {
  color: #42860a;
}

a.fblogin:hover {
  color: #3b5998;
}

a.info:hover {
  color: #ffb400;
}

h1#logo {
  /*  width: 197px; 
    height:72px;
*/
  height: 140px;
  width: 140px;
  background: url('../images/menu_logo.png') no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  /*  top: 18px; */
  top: -8px;
  left: 155px;
}

.label {
  font-weight: 600;
  color: #111;
  font-size: 15px;
  padding-right: 5px;
}

/* menu */
#menu-wrapper {
  width: 100%;
  height: 60px;
  background: #56a317;
}

#menu {
  margin: -14px auto 22px;
  /*  position: relative; */
}

#menu ul.nav {
  height: 60px;
  background: #56a317;
  margin-left: 260px;
  border-left: 1px solid #85bc5f;
}

#menu .nav li {
  position: relative;
  display: block;
  float: left;
}

#menu .nav a {
  display: block;
  padding: 23px 30px;
  color: #fff;
  border-right: 1px solid #85bc5f;
}

#menu .nav a:hover {
  background: #4c9311;
}

#menu .nav .dropdown-menu {
  position: absolute;
  top: 45px;
  z-index: 1000;
  display: none;
}

#menu .nav .wider {
  width: 88px;
  left: 15px;
}

#menu .nav .dropdown-menu li {
  float: none;
}

#menu .nav .dropdown-menu a {
  border-right: none;
  border-bottom: 1px solid #9bba88;
  padding: 16px;
  float: left;
  background: url('../images/transgreen.png');
}

#menu .nav .dropdown-menu a:hover {
  color: #ffd800;
}

#menu .nav li.arrow {
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background: url('../images/arrow.png');
}

#content {
  margin-bottom: 20px;
  min-height: 490px;
}


/* index */
.banner {
  /*  height: 285px; */
  overflow: hidden;
  position: relative;
  text-align: center;

}

.banner li {
  list-style: none;
}

.banner ul li {
  float: left;
  /* min-height: 285px; */
}

.banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  margin: 5px 0;
  padding: 0;
}

.banner .dots li {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #56a317;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}

.banner .dots li.active {
  background: #56a317;
  opacity: 1;
}

/* ­º­¶«O³æ·j´M */
#index-search {
  min-height: 200px;
  margin: 10px auto;
  background: #efece8;
  padding-bottom: 10px;
}

#index-search .tit {
  float: left;
  width: 110px;
  padding: 30px;
}

#index-search h4 {
  margin: 15px 0 6px;
  width: 85px;
  border-bottom: 2px solid #56a317;
}

#index-search li {
  display: inline-block;
}

#index-search .identity {
  padding: 10px 10px 0;
}

#index-search .identity li {
  cursor: pointer;
  float: left;
  margin-right: 5px;
  position: relative;
}

#index-search .identity span {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 150px;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 5px 0;
  opacity: .85;
  display: none;
}

#index-search #more-setting {
  border: 1px solid #cbc9c7;
  font-size: 13px;
  width: 870px;
  padding: 15px 25px 5px;
  margin: 10px auto;
  display: none;
}

#index-search #more-setting form>ul {
  width: 905px;
  float: left;
}

#index-search #more-setting form>ul>li {
  width: 440px;
  height: 35px;
}

#index-search #more-setting .even {
  width: 325px;
  margin-left: 10px;
}

#index-search #more-setting .even label {
  display: inline-block;
  width: 115px;
}

#index-search #more-setting .btn {
  float: right;
  margin-top: -40px;
}

#search-set {
  cursor: pointer;
  position: relative;
  top: -20px;
  width: 150px;
  height: 20px;
  margin: 0 auto 40px;
  text-align: center;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #efece8;
}

/*首頁最新文章區(banner下方左區塊)寬度調整*/
.article {
  /*  position: relative; */
  float: left;
  width: 535px;
  padding: 6px 10px;
  float: left;
  background: #f4f4f4;
  margin: 20px 0;
}

.article .hover-section {
  position: relative;
}

/*首頁最新文章區(banner下方左區塊)圖片自動縮放*/
.article img {
  width: 100%;
  height: auto;
}

/*首頁最新文章區:區塊定義*/
.article div {
  line-height: 206% !important;
  font-size: 0.95em !important;
  color: #676767;
}

/*首頁最新文章區:內文字體*/
.article span {
  line-height: 200%;
  font-size: 16px;
}

/*首頁最新文章區:標題字*/
.hover-section a {
  font-size: 1.25em;
}

/*首頁最新文章區(banner下方左區塊)標題樣式調整*/
#hover-text {
  font-size: 1.3em;
  background: #000;
  color: #fff;
  position: absolute;
  top: 275px;
  height: 24px;
  width: 510px;
  padding: 10px 14px;
  opacity: 0.75;
  /*  display:none; */
  /*  margin: auto 0 auto -16px;*/
}

/* ­º­¶°Q½?°?¶ô */
/*首頁熱門文章(banner下方右區塊)區塊調整*/
#discuss {
  width: 450px;
  height: 442px;
  float: right;
  /* margin: 30px 0 0 20px; */
  /* border-bottom: 2px solid #56a317;*/
}

#discuss ul.navbar {
  border-bottom: 2px solid #56a317;
  height: 25px;
  text-align: right;
  /*  width:440px; */
}

/*首頁熱門文章(banner下方右區塊)tab樣式調整*/
#discuss ul.navbar li {
  float: left;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  font-size: 1.05em;
}

/*首頁熱門文章(banner下方右區塊)tab樣式調整*/
#discuss ul.navbar a {
  background: #85bd58;
  color: #fff;
  padding: 9px 23px;
}

#discuss ul.navbar a.active {
  background: #56a317;
}

#discuss ul.discuss-title {
  padding: 8px 0;
  font-size: 1.1em;
}

/*首頁熱門文章(banner下方右區塊)文章列表字體調整*/
#discuss ul.discuss-title li {
  border-bottom: 1px solid #eee;
  line-height: 253.8%;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  text-indent: 0.72em;
}

/*首頁熱門文章(banner下方右區塊)區塊、文章列表字體調整*/
#discuss ul.discuss-title li a:hover {
  background: #F7F7F7 !important;
  display: block;
  padding: 0;
  margin: 0;
}

#discuss .btn {
  float: right;
}

/* ±?¦W°?¶ô */
#insurance-rank,
#sales-rank {
  content: ".";
  clear: both;
  padding: 60px 0;
  border-bottom: 2px solid #56a317;
}

#insurance-rank {
  padding: 0 10px;
}

.title-card {
  width: 100%;
  height: 36px;
  border-bottom: 2px solid #56a317;
  margin-bottom: 10px;
}

.title-card h2 {
  float: left;
  padding-top: 5px;
}

.title-card ul {
  float: right;
}

.title-card ul li {
  display: inline-block;
  float: left;
  background: #85bd58;
  padding: 9px 20px;
  margin: 0;
}

.title-card ul li.active {
  background: #56a317;
}

.title-card ul li.nav-left {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-right: 1px solid #ace083;
}

.title-card ul li.nav-right {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 1px solid #ace083;
}

.title-card ul .nav-left,
.title-card ul .nav-right {
  padding: 7px 15px;
}

.title-card ul a {
  color: #fff;
}

.ranks {
  clear: both;
}

.ranks .rank {
  display: block;
  float: left;
  background: #56a317;
  color: #fff;
}

.ranks ul {
  float: left;
}

.ranks li:hover {
  background: #f4f3f0;
}

.ranks a {
  color: #56a317;
}

.ranks a:hover {
  color: #498d11;
}

.ranks .top3 {
  margin-right: 30px;
}

.ranks .top3 span {
  line-height: 210%;
  font-size: 15px;
  display: inline-block;
}

.ranks .top3 li {
  display: block;
  width: 440px;
  height: 75px;
  margin-bottom: 13px;
  clear: both;
}

.ranks .top3 .rank {
  padding: 23px 5px;
  margin-right: 5px;
}

.ranks .top3 h4 {
  float: left;
  font-size: 16px;
  line-height: 180%;
}

.ranks .top3 .company {
  margin-right: 15px;
}

.ranks .top3 .type {
  margin-right: 80px;
}

.ranks .top3 .sale-date {
  color: #929292;
}

.ranks .top10 li {
  position: relative;
  width: 470px;
  font-size: 13px;
  height: 38px;
}

.ranks .top10 .rank {
  text-align: center;
  width: 20px;
  height: 14px;
  padding: 8px 0;
  margin-right: 5px;
}

.ranks .top10 h4 {
  font-size: 14px;
}

.ranks .top10 .company {
  margin-right: 8px;
}

.ranks .top10 .sale-date {
  position: absolute;
  top: 5px;
  right: -85px;
  background: #000;
  color: #fff;
  padding: 5px;
  opacity: .78;
  display: none;
}

.ranks .top-sales .rank {
  text-align: center;
  width: 15px;
  font-size: 13px;
  height: 20px;
  padding: 34px 3px;
}

.ranks .top-sales li {
  /*  width: 188px; */
  width: 15%;
  height: 90px;
  display: inline-block;
  /*  float: left; */
  /*  background: #f4f3f0; */
  background: #fff;
  /*  margin: 2px; */
}

.ranks .top-sales img {
  width: 88px;
  height: 88px;
  float: left;
  /*  padding-right: 4px; */
}

.ranks .top-sales .sales {
  display: block;
  line-height: 180%;
}

.ranks .top-sales .company {
  margin-top: 8px;
  width: 53px;
}

.ranks .top-sales .sales,
.ranks .top-sales .company {
  float: left;
  font-size: 13px;
}

.ranks .company {
  color: #ff9c00;
}

.ranks .type {
  color: #56a317;
}

.fan-page-widget {
  margin-top: 20px;
}

#footer-wrapper {
  /*  width: 100%; */
  background: #ebebeb;
}

#footer {
  clear: both;
  /*頁尾字體樣式微調:字級縮小、增加行高*/
  font-size: 0.6em;
  line-height: 1.2em;

  /*  text-align: right; */
  text-align: center;
  padding: 20px;
}

/* search page */
#compare {
  width: 350px;
  position: fixed;
  top: 100px;
  right: -316px;
  overflow-y: auto;
  height: 400px;
}

#compareBtn {
  float: left;
  width: 22px;
  height: 72px;
  padding: 12px 0 10px 12px;
  background: url('../images/compare-btn.png') no-repeat;
  color: #ffd200;
  opacity: .9;
}

#compareBtn span {
  font-size: 14px;
  display: block;
  width: 20px;
  line-height: 125%;
}

#compareContent {
  float: left;
  color: #fff;
  width: 280px;
  padding: 10px;
  background: url('../images/black-opacity.png');
  opacity: .9;
}

.cgroup {
  margin-bottom: 15px;
}

.groupNo {
  float: left;
  background: #ffd200;
  color: #000;
  padding: 4px;
  font-weight: bolder;
}

#compareContent ul {
  float: right;
  width: 262px;
  border: 1px solid #ccc;
  border-bottom: none;
}

#compareContent li {
  padding: 6px;
  border-bottom: 1px solid #ccc;
}

#compareContent .icon-remove {
  cursor: pointer;
  float: right;
}

.compareTit {
  display: block;
  width: 230px;
  color: #ffd200;
  margin-bottom: 5px;
}

#startCompare {
  text-align: center;
  clear: both;
  width: 80px;
  margin: 10px auto;
  display: block;
  padding: 10px;
  border: 1px solid #ffd200;
  color: #ffd200;
  opacity: .8;
}

#startCompare:hover {
  opacity: 1;
}

.sidebar #startCompare {
  font-size: 15px;
  color: #56a317;
  border: 2px solid #56a317;
}

/* sidebar */
.sidebar {
  float: left;
  font-size: 13px;
  width: 230px;
  background: #f7f7f7;
  padding: 0 0 5px;
  margin: 20px 0;
}

#searchBar a {
  display: block;
  width: 90px;
  margin: 10px auto;
}

#searchBar input,
#searchBar select {
  width: auto;
  margin: 10px 8px 15px;
  max-width: 165px;
}

li.multi-option {

  padding-bottom: 30px;
}

.multi-option select {
  margin: 5px 0 !important;

}

.multi-option li {
  clear: both;
}

.sidebar h2 {
  padding: 5px;
  font-size: 16px;
  color: #fff;
}

#searchBar label {
  display: block;
  padding: 10px;
  width: 52px;
  float: left;
}

#searchBar li {
  cursor: pointer;
}

#searchBar li>div {
  display: none;
}

label[for=Job] {
  height: 42px;
}

#result,
#content-inner {
  width: 710px;
  padding: 20px 5px;
  min-height: 450px;
  margin-left: 10px;
  float: left;
}

.notice {
  background: #f4f3f0;
  padding: 10px;
  margin-bottom: 15px;
}

.notice i {
  color: #000;
}

.notice a,
.sort a {
  color: #2ba6cb;
}

.notice a:hover {
  text-decoration: underline;
}

.search-tags a {
  display: inline-block;
  color: #fff;
  background: #56a317;
  padding: 4px 8px;
}

.sort {
  margin: 15px 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #56a317;
}

.sort ul {
  float: right;
}

.sort li {
  display: inline-block;
  margin: 0 6px;
}

.resultData,
.requestData {
  background: #f4f4f4;
  overflow: auto;
  padding-bottom: 10px;
  margin-top: 10px;
}

.resultData h1,
.requestData h1 {
  font-size: 15px;
  background: #f8df34;
  padding: 6px;
  margin: 10px 5px;
  float: left;
  width: 575px;
}

.resultData .data {
  width: 570px;
  padding: 0 10px;
  float: left;
}

.requestData .data {
  width: 688px;
  padding: 0 10px;
}

.salesData {
  width: 710px;
  margin-bottom: 10px;
  background: #f4f4f4;
}

.salesData .data {
  padding: 3px 15px;
  float: left;
}

.salesData .data>li {
  margin: 10px 0;
}

.salesData img {
  width: 100px;
  height: auto;
  float: left;
}

.requestData .data>li {
  display: inline-block;
  margin: 5px 10px;
}

.requestData p {
  margin: 0 10px 0 20px;
}

#result ul.tag {
  display: inline-block;
}

#result .tag li {
  display: inline-block;
  color: #000;
  padding: 4px 8px;
}

.requestData .tag li {
  background: #c1f4ec;
}

.salesData .tag li {
  background: #d1e6f4;
}

.resultData .data li {
  display: inline-block;
  width: 160px;
  margin: 5px 0;
}

.resultData .data li.short {
  width: 74px;
}

.resultData table {
  width: 580px;
  margin: 0 auto 10px;
  border: 1px solid #bbb;
  border-collapse: collapse;
  background: #fff;
}

.resultData td {
  padding: 5px 3px;
  border: 1px solid #bbb;
}

.resultData p {
  margin: 0;
  padding: 0 10px;
}

.orange h2 {
  background: #eda02b;
  border-bottom: 2px solid #cd760f;
}

.green h2 {
  background: #27b59e;
  border-bottom: 2px solid #1c9a85;
}

.green h1 {
  background: #99e3d7;
  color: #003f35;
  width: 688px;
}

.blue h2 {
  background: #3498db;
  border-bottom: 2px solid #2181c1;
}

.blue h1 {
  background: #9acbec;
  color: #0a45a6;
  width: 590px;
  padding: 10px;
  float: left;
}

.insureCompare {
  float: right;
  width: 110px;
  background: #eee;
  text-align: center;
}

.insureCompare li:hover {
  background: #ddd;
}

.insureCompare li {
  padding: 6px 10px;
}

.insureCompare li.first,
.insureCompare li.first:hover {
  background: #34495e;
  color: #fff;
}

#result .notes {
  padding: 10px;
  background: #e4e4e4;
}

#pager {
  text-align: center;
  margin: 20px 0;
}

#pager li {
  display: inline-block;
}

#pager li a {
  display: block;
  padding: 5px 6px;
}

#pager li a:hover {
  background: #56a317;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* compare-page */
.page h1 {
  position: relative;
  color: #000;
  font-size: 16px;
  padding: 0em 1em 1em 19.5em;
  border-bottom: 2px solid #56a317;
  margin: 40px 0 5px;
  clear: both;
}

.compare-page h4,
.suggest-page h4 {
  margin: 4px 0;
  padding: 5px 55px;
  background: #f3f3f3;
}

.grouplist ul {
  margin-bottom: 5px;
}

.parent-list {
  margin-top: 5px;
}

.compare-page li,
.suggest-page li {
  display: inline-block;
  margin-right: 40px;
  padding: 8px;
  line-height: 130%;
}

.compare-list {
  position: relative;
}

.compare-list li {
  position: relative;
  display: table-cell;
  width: 144px;
  border: 1px solid #ddd;

}

.insure li {
  padding-bottom: 24px;
}

.compare-list li .adjust {
  width: 145px;
  position: absolute;
  bottom: 2px;
  color: #56a317;
  font-weight: bolder;
  text-align: center;
  border-top: 1px dotted #56a317;
  padding-top: 2px;
}

.compare-list:hover {
  background: #ffec81;
}

.child-list {
  display: none;
  margin-top: 0 !important;
}

.child-list .item-title {
  background: #f5f5f5 !important;
}

.child-list li {
  border-top: none !important;
  font-size: 14px;
}

.child-list h5 {
  font-weight: bolder;
  padding-bottom: 6px;
}

.compare-page .item-title,
.suggest-page .item-title {
  width: 132px;
  background: #eee;
  text-align: center;
  font-size: 13px;
}

.remove-insure {
  position: absolute;
  top: 0;
  right: 2px;
}

.group-name {
  background: #ffd800;
  color: #000;
}

.group-name li {
  background: none !important;
  border-color: transparent;
  border-right-color: #eee;
  text-align: center;
}

#select-list {
  margin: 10px 0;
}

#select-list label {
  display: inline-block;
  width: 132px;
  padding: 9px;
  margin-right: 20px;
  background: #eee;
  text-align: center;
  font-size: 12px;
}

.list-name li {
  border: none;
  background: none !important;
  text-align: center;
}

.modal {
  position: relative;
  background-color: #fff;
  display: none;
  padding: 25px 10px 5px;
  text-align: left;
  opacity: 0.9;
  border: 2px solid #aaa;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  z-index: 99999;
}

.modal i {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 2px;
  top: 3px;
}

.modal>div {
  width: 920px;
  height: 545px;
  overflow: auto;
  line-height: 130%;
}

.rule-list {
  width: 925px;
  height: 550px;
}

.rule-list td {
  border: 1px solid #eee;
  width: 17%;
  padding: 5px;
  vertical-align: top;
  font-size: 14px;
}

.rule-list h3 {
  font-size: 1.2em;
  font-weight: bold;
}

.parent-list li {
  position: relative;
}

.tooltip {
  margin-top: 8px;
  display: none;
}

.tooltip-text {
  overflow: auto;
  color: #56a317;
  width: 290px;
  height: 160px;
  padding: 20px 2px 0 5px;
  position: absolute;
  bottom: -167px;
  left: 4px;
  background: #eee;
  border: 1px solid #ccc;
  opacity: .9;
  z-index: 10000;
  display: none;
  clear: both;
  color: #555;
  line-height: 140%;
}

.tooltip-text a.close {
  position: absolute;
  top: 0;
  right: 0;
}

.tooltip .stars {
  text-align: right;
  color: #888;
}

.tooltip .stars i {
  padding-right: 0 !important;
}

.red {
  color: #a81313 !important;
}

.yellow {
  color: #f5d000 !important;
}

.black {
  color: #000;
}

/* register page */
.register-page ul.list {
  margin-bottom: 30px;
  clear: both;
}

.register-page .list li {
  display: table-cell;
  float: left;
  width: 450px;
  height: 25px;
  padding: 10px 5px;
  border-bottom: 1px solid #e1e1e1;
  margin: 5px;
}

.register-page .list li label {
  display: inline-block;
  width: 95px;
}

div.panes div {
  display: none;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  clear: both;
  padding: 10px 0;
}

.panes table {
  width: 75%;
  float: left;
  margin-bottom: 10px;
}

.tabs {
  margin: 5px 0;
}

.register-page .tabs li a {
  display: block;
  float: left;
  width: 45px;
  text-align: center;
  border-bottom: 1px solid #41810c;
  padding: 10px;
  background: #56a317;
  color: #eee;
}

.tabs a.current {
  background: #498d11;
  color: #fff;
}

.page h1 button {
  font-size: 13px;
  padding: 4px 15px;
}

.page h1>div {
  position: absolute;
  left: 70px;
  bottom: 1px;
}

.page h1 span {
  font-size: 12px;
  color: #555;
}

h1 input {
  padding: 2px 4px;
}

.cover input {
  margin-right: 50px;
}

.parent-insure label {
  display: inline-block;
  margin: 0 10px 0 80px;
}

#send-form {
  clear: both;
  margin: 30px 0;
  text-align: center;
}

/* request page */
.request-page {
  font-size: 13px;
}

.request-page label {
  display: inline-block;
  margin: 5px 2px 15px 40px;
  color: #000;
  font-weight: bold;
  font-size: 15px;
}

#area-list select {
  width: 90px;
  float: left;
  margin: 0 10px;
}

.area-input,
#area-list label {
  float: left;
}

.area-input input {
  cursor: pointer;
  background: #eee;
  color: #000;
}

.area-input input:hover {
  background: #56a317;
  color: #fff;
}

#area-list {
  margin: 15px 0;
}

#request-list select {
  width: 120px;
  margin-right: 10px;
}

.insure-list li,
.existed-insure li {
  display: table-cell;
  margin-right: 10px;
  width: 170px;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}

li.insure-type {
  width: 95px;
}

li.insure-name {
  width: 350px;
}

.user-photo {
  text-align: center;
  line-height: 150%;
}

.user-photo a {
  padding: 4px 15px;
}

.profile {
  margin: 20px;
}

.edit-profile {
  float: left;
  margin: 0 30px;
}

/*◎註冊頁-select間距微調*/
.edit-profile select {
  margin-right: 2px;
  margin-left: 2px;
}

/*◎註冊頁-項目間距微調*/
.edit-profile select,
.edit-profile input {
  margin-top: -2px !important;
}

/*◎註冊頁-項目間距微調*/
.edit-profile li {
  display: table-cell;
  padding: 5px 40px 15px 0;
  width: 310px;
  height: 20px;
  border-bottom: 1px solid #ccc;
}

.edit-profile li.colspan {
  width: 660px;
}

.tabs1 {
  border-bottom: 2px solid #56a317;
}

.tabs1 li {
  display: inline-block;
  padding: 8px 0;
}

.tabs1 li a {
  color: #fff;
  background: #56a317;
  padding: 8px 15px;
}

.tabs1 li a:hover {
  background: #498d11;
}

.abgne_tab table {
  width: 100%;
}

.abgne_tab td {
  background: #f8fbed;
}

.share-info {
  margin-top: 40px;
  border: 1px solid #ccc;
  padding: 15px;
}

.share-action {
  padding: 8px;
  background: #eee;
}

.share-action h2 {
  font-size: 17px;
  color: #56a317;
  display: inline-block;
  margin-right: 10px;
}

.share-action .btn {
  margin: 0 2px;
  padding: 4px 15px;
}

.edit-rule {
  opacity: .95;
  background: #555;
  width: 650px;
  height: 350px;
  padding: 20px;
  text-align: center;
}

/* request-detail page*/
.details {
  width: 740px;
  float: left;
}

.request-detail-page i {
  cursor: auto;
}

.request-form-submit {
  width: 140px;
  float: right;
  text-align: center;
  padding: 40px 0 0;
}

.count {
  background: #444;
  padding: 20px;
  margin-bottom: 20px;
  color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(border-radius.htc);
}

.count b {
  font-size: 1.5em;
  font-family: Helvetica;
  padding: 0 3px;
}

.request-form-submit button,
.sales-info button {
  width: 140px;
  height: 35px;
  margin-top: 5px;
}

.request-form-submit h4 {
  color: #444;
  font-size: 5em;
  display: inline-block;
  font-family: Helvetica;
}

.detail-tit {
  margin-bottom: 5px;
  background: url('../images/title.png') no-repeat;
  height: 35px;
  color: #5b1c10;
  padding: 6px 20px 30px;
  margin: 30px 0;
  border-bottom: 2px solid #468b0e;
}

.detail-tit h6 {
  float: left;
  font-size: 16px;
  line-height: 2.9;
}

.detail-tit p {
  line-height: 1.4;
  margin: 0;
}

.detail-tit em {
  font-style: normal;
  font-size: 1.4em;
  padding: 0 3px;
}

.request-detail-page h2 {
  font-size: 20px;
  margin: 0 0 15px;
  color: #fff;
  font-weight: bold;
  background: #468b0e;
  padding: 10px 0;
  text-align: center;
}

.request-detail-page h5 {
  display: inline-block;
  padding-right: 20px;
}

.request-detail-page h1 i {
  padding-left: 20px;
}

.request-detail-page li,
.sales-detail-page li {
  padding-bottom: 12px;
}

.request-note {
  clear: both;
  padding: 15px 50px 0 20px;
}

.request-data li {
  display: inline-block;
  padding-right: 40px;
}

/* .request-detail-page .pull-right {
   margin-top: 14px;
} */

.request-detail-page .two-col {
  width: 340px;
  float: left;
  padding: 0 0 20px;
  background: #f7f7f7;
  margin: 5px 12px 15px;
  line-height: 130%;
  border: 2px solid #468b0e;
}

.two-col article {
  padding: 5px 15px;
}

.two-col span {
  display: inline-block;
  padding: 3px 8px;
  background: #e0d9d7;
  margin-right: 5px;
  color: #111;
}

.two-col table {
  border-spacing: 0;
  border-collapse: collapse;
}

.two-col table td {
  vertical-align: text-top;
  padding-bottom: 10px;
}

.two-col .detail-item {
  width: 70px;
}

.col {
  border-top: 2px solid #468b0e;
  border-bottom: 2px solid #468b0e;
  margin: 0 0 30px;
  clear: both;
  padding: 25px 0;
}

/* sales-detail-page  */
.sales-detail-page h2 {
  font-size: 20px;
  margin: 0 0 15px;
  color: #fff;
  font-weight: bold;
  background: #27c1bf;
  padding: 10px 0;
  text-align: center;
}

.sales-detail-page .two-col {
  width: 354px;
  height: 270px;
  float: left;
  padding: 0 0 20px;
  background: #f7f7f7;
  margin: 5px 24px 0 0;
  line-height: 130%;
  border: 2px solid #27c1bf;
}

.two-col.even {
  margin: 5px 0 !important;
}

.sales-detail-page .two-col article {
  height: 225px;
  overflow: auto;
}

.sales-detail-page .detail-tit {
  border-bottom: 2px solid #27c1bf;
}

.two-col article img {
  width: 120px;
  height: auto;
  float: right;
}

.two-col article ul,
.two-col article table {
  float: left;
}

.sales-detail-page .col {
  border-top: none;
  border-bottom: 2px solid #27c1bf;
}

.sales-detail-page #discuss {
  width: 100%;
  height: auto;
  margin: 0;
  border-bottom: 2px solid #27c1bf;
}

.sales-detail-page #discuss ul.navbar {
  border-bottom: 2px solid #27c1bf;
  height: 25px;
  text-align: right;
}

.sales-detail-page #discuss ul.navbar a {
  background: #27c1bf;
  color: #fff;
  padding: 10px 18px;
}

.sales-detail-page #discuss ul.navbar a.active {
  background: #15a19f;
}

.sales-detail-page #pager {
  width: 100%;
  margin: 0;
  text-align: center;
}

.sales-detail-page table#discuss-list {
  border-collapse: collapse;
  border: 1px solid #27c1bf;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

#discuss-list th {
  background: #27c1bf;
  color: #fff;
  padding: 5px;
}

#discuss-list td {
  border: 1px solid #27c1bf;
  padding: 5px;
}

#discuss-list td.discuss-tit {
  font-weight: bold;
}

table#sales-rating {
  border-collapse: separate;
  text-align: center;
  margin-bottom: 30px;
}

table#sales-rating th {
  font-size: 13px;
  width: 42px;
  padding: 8px 3px;
  margin: 2px;
  font-weight: normal;
}

table#sales-rating td {
  padding: 15px 3px;
  background: #f9f9f9;
  margin: 2px;
  font-weight: bold;
}

table#sales-rating td.period {
  font-weight: normal;
  width: 55px;
  font-size: 13px;
}

.sales-info {
  width: 205px;
  float: right;
  text-align: center;
  padding: 30px 0 0;
}

.sales-info h6 {
  text-align: center;
  border-bottom: 2px solid #27c1bf;
  color: #27c1bf;
  font-size: 1.3em;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.grade1 {
  color: #09c816;
}

.grade3 {
  color: #d54208;
}

.sales-detail-page .msg {
  width: 100%;
  padding: 10px 0;
}

.sales-detail-page .msg-content {
  width: 670px;
}

.msg-content article {
  min-height: 45px;
}

.sales-detail-page .avatar {
  height: auto;
}

.msg-title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 5px;
  background: #eee;
  color: #000;
  margin-bottom: 5px;
}

.msg-title span {
  color: #666;
}

.msg-title h5 {
  margin-left: 10px;
  font-size: 1.2em;
  display: inline-block;
}

/* message page*/
.message .sidebar {
  padding-bottom: 10px;
}

.message .sidebar h1 {
  text-align: center;
  font-size: 18px;
  padding: 6px;
  background: #eda02b;
  color: #fff;
  margin-bottom: 8px;
}

.message-sales .sidebar h1 {
  background: #3498db;
}

.message #setup img {
  width: 50px;
}

.message .sidebar table#setup {
  width: 210px;
  margin: 0 auto;
  line-height: 160%;
}

#setup td {
  vertical-align: top;
  padding-right: 6px;
}

#setup h4 {
  display: inline-block;
  padding-right: 6px;
}

#setup strong {
  color: #000;
}

#setup .endtime {
  text-align: center;
  background: #e2e2e2;
  padding: 4px 0;
  color: #111;
}

.sidebar .btn {
  display: block;
  width: 130px;
  padding: 5px 10px;
  margin: 10px auto 30px;
}

#self-plan td.group-tit {
  position: relative;
  border-bottom: 1px solid #aaa;
  line-height: 140%;
}

#self-plan section,
.suggest-list-item section {
  display: none;
  z-index: 5;
  position: absolute;
  background: #000;
  color: #fff;
  width: 450px;
  opacity: .85;
  padding: 10px;
}

#self-plan section {
  top: -5px;
  left: 130px;
}

.suggest-list-item section {
  bottom: -50px;
  left: 103px;
}

#self-plan .group-num {
  font-size: 20px;
  color: #498d11;
  font-weight: 800;
  width: 5%;
}

#self-plan .group-edit {
  width: 35%;
}

.suggest-list-item {
  width: 100px;
  float: left;
  margin: 0 7px 10px;
  position: relative;
}

.checkboxes td {
  border: 1px solid #aaa;
  padding: 8px 5px;
  line-height: 160%;
}

/*.suggest-list-item img, */
.msg img {
  width: 100px;
}

.suggest-list-item>div {
  padding: 5px 16px;
  position: absolute;
  bottom: 2px;
  right: 0px;
  z-index: 1;
  background: #000;
  color: #fff;
  opacity: .75;
  font-size: 12px;
}

.suggest-list-item h1 {
  background: #333 !important;
}

.message h5 {
  background: #ccc;
  color: #000;
  padding: 3px 0;
  text-align: center;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #d7f1aa;
  position: absolute;
  right: -9px;
  top: 15px;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #d6dde1;
  position: absolute;
  left: -9px;
  top: 15px;
}

.sidebar .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #000;
  position: absolute;
  left: -10px;
  top: 4px;
}

.msg {
  width: 680px;
  padding: 0 10px;
  overflow: auto;
  border: 1px solid #eee;
  margin-bottom: 10px;
}

div.sales {
  padding: 10px;
  background: #f8df34;
  color: #333;
  margin: 0 -10px 5px;
  font-weight: bolder;
  font-size: 1.1em;
}

.avatar {
  width: 60px;
  height: 130px;
  text-align: center;
  float: left;
}

.avatar img {
  width: 60px;
  height: auto;
}

.open-status {
  float: right;
  margin: 5px 0;
}

.msg-content {
  width: 610px;
  float: left;
  padding: 15px 0 0 10px;
  background: #fff;
  min-height: 40px;
}

.expand {
  text-align: center;
}

.msg .stars {
  float: right;
}

.sidebar .stars {
  text-align: center;
  width: 100px;
  display: block;
  background: #ccc;
}

.msg-date {
  text-align: right;
}

.msg .btn {
  padding: 5px 20px;
}

.reply {
  clear: both;
  padding-top: 10px;
  position: relative;
}

.reply textarea {
  width: 655px;
}

.reply button {
  margin: 5px 0 25px;
  float: right;
  display: none;
}

.online {
  color: #629c44;
}

.offline {
  color: #888;
}

#conversation {
  display: none;
  padding-bottom: 5px;
}

#conversation img {
  width: 40px;
  height: auto;
}

#conversation .me img {
  float: right;
  padding-left: 5px;
}

#conversation .sales-reply img {
  float: left;
  padding-right: 5px;
}

#conversation .conv {
  position: relative;
  width: 600px;
  margin: 5px 0 10px;
  float: left;
  padding: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #000;
  line-height: 130%;
}

.sales-reply,
.me {
  clear: both;
  margin-top: 10px;
}

.me .conv {
  background: #d7f1aa;
}

.sales-reply .conv {
  background: #d6dde1;
  margin-left: 14px !important;
}

.modify-date {
  color: #ffd200;
}

.self-plan-table {
  width: 100%;
  margin-top: 8px;
}

.self-plan-table td,
.self-plan-table th {
  border-bottom: 1px solid #555;
}

.td1,
.td2,
.td3 {
  color: #ffd200;
}

.td1 {
  width: 60px;
}

.td2 {
  width: 50px;
}

/* message for sales  */
#request-block {
  z-index: 999;
  position: fixed;
  right: 50%;
  top: 120px;
}

#request-block .close {
  position: absolute;
  top: -8px;
  right: -8px;
}

#request-block .details {
  position: relative;
  left: 50%;
  background: #fff;
  padding: 20px;
}

#request-block .detail-tit {
  background: none;
}

.new-msg {
  background: #9a1212;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 3px 5px;
  font-weight: normal;
}

#open-status {
  background: #ddd;
  padding: 8px 10px;
  width: 680px;
}

.memo {
  padding: 10px 0;
}

.memo textarea {
  width: 620px;
  display: inline-block;
}

div.insure-list {
  z-index: 998;
  position: fixed;
  padding: 10px 6px;
  left: 0;
  top: 110px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  width: 280px;
  font-size: .9em;
}

.insure-list h5 {
  font-size: 16px;
  color: #eee;
  background: rgba(55, 55, 55, 0.85);
  margin-top: 8px;
  text-align: left;

  padding: 8px;
}

.insure-list table {
  text-align: center;
}

.insure-list tr {
  position: relative;
}

.insure-list section {
  z-index: 2;
  color: #fff;
  position: absolute;
  top: 25px;
  left: 282px;
  padding: 13px;
  width: 500px;
  background: rgba(88, 88, 88, 0.98);
  line-height: 1.2;
}

.insure-list .arrow-left {
  left: -10px;
  border-right: 10px solid rgba(88, 88, 88, 0.98);
}

.insure-list section th {
  border-bottom: 1px solid #aaa;
}

.insure-list td {
  padding: 5px;
}

.insure-list th {
  color: #ffd200;
  padding-bottom: 6px;
}

.i-summary {
  position: relative;
}

.i-summary ul {
  display: flex;
}

.i-summary .summary-title {
  color: #ffd200;
  font-weight: bolder;
}

.i-summary li {
  margin: 0;
  padding: 8px 3px;
  border-bottom-color: #888;
}

.insure-list .i-code {
  width: 34px;
}

.insure-list .i-name {
  width: 171px;
  margin: 0 2px;
}

.insure-list .i-quota {
  width: 57px;
}

.insure-list-button {
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  right: -27px;
  top: 0;
  width: 15px;
  padding: 12px 6px;
  line-height: 1.3;
}

/* certify page */
.certify h1 {
  width: 100%;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 2px solid #56a317;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#certify-list {
  padding: 30px 15px;
  font-size: 1.2em;
  vertical-align: text-bottom;
}

#certify-list li a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

#certify-list li a:hover {
  background: #56a317;
  border-bottom: 1px solid #56a317;
  color: #fff;
}

#certify-list img {
  margin-left: 10px;
}

#certify-list i {
  display: inline-block;
  width: 21px;
  padding-right: 5px;
  text-align: center;
}

.icon-yahoo {
  height: 16px;
  background: url('../images/certify/yahoo.png') no-repeat;
}

.certify table {
  width: 700px;
  margin: 0 auto;
  border-collapse: collapse;
  background: #fff;
}

.certify-tit {
  width: 90px;
  color: #396587;
  font-weight: bolder;

}

.certify td {
  border-bottom: 1px solid #bbb;
  padding: 10px;
}

.certify .panes .certify-item>li {
  padding-bottom: 50px;
}

.certify .panes .certify-item>ul.certify-notice li {
  list-style: decimal;
  margin-left: 30px;
  padding: 5px 0;
}

.certify-notice {
  clear: both;
  padding-top: 15px;
}

.certify-flow li {
  background: #56a317;
  display: block;
  float: left;
  padding: 10px;
  color: #fff;
}

.certify-arrow {
  width: 25px;
  height: 29px;
  padding: 0 !important;
  background: url('../images/right-arrow.png') no-repeat bottom left !important;
  margin: 0 10px;
}

.certify-card li {
  padding: 5px 0;
}

.certify-card label {
  display: inline-block;
  width: 100px;

}

.status-tit {
  background: url('../images/certify/status.png') no-repeat;
}

.re-certify-tit {
  background: url('../images/certify/re-certify.png') no-repeat;
}

.notice-tit {
  background: url('../images/certify/notice.png') no-repeat;
}

.type-certify {
  background: url('../images/certify/type-certify.png') no-repeat;
}

.enter-certify {
  background: url('../images/certify/certify.png') no-repeat;
}

#login-signup {
  position: relative;
  margin: 20px 0 10px;
}

#login-signup legend {
  font-size: 16px;
}

#login-signup fieldset,
#signup-action {
  display: inline-block;
  width: 230px;
}

#login-signup fieldset {
  border: 1px solid #eee;
  padding: 15px 20px;
  vertical-align: top;
}

#login-signup p {
  margin: 6px 0;
  color: #666;
  font-size: .8em
}

#login {
  margin: 0 68px;
}

#login-signup input.input-text {
  width: 208px;
  margin-bottom: 15px
}

#login-signup input.checkbox {
  display: inline;
  float: left;
}

#login-signup label,
#forgot-password label {
  line-height: 20px;
  color: #777;
}

.input-tip {
  display: inline;
  float: right;
  line-height: 20px
}

#login button {
  width: 230px;
  padding: 10px;
  margin-top: 6px;
}

#signup-action .btn {
  margin-left: 5px;
  background: #f47e00;
}

#signup-action span {
  padding-top: 4px;
}

.fb-login fieldset {
  display: block !important;
  width: 203px;
  margin: 23px auto;
}

/*login only with facebook*/

/* maintain.php */
.maintain {
  position: relative;
}

#maintain-title {
  border-bottom: none;
  background: #367204;
  padding: 10px;
  color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.maintain h1 em {
  font-style: normal;
  padding-right: 15px;
}

.maintain h1 i {
  padding-right: 4px;
  color: #4f911a;
  font-weight: normal;
  cursor: default;
}

.maintain table {
  border-collapse: collapse;
  width: 100%;
}

.maintain th {
  background: #56a317;
  color: #fff;
}

.maintain th,
.maintain td {
  padding: 5px 10px;
  text-align: center;
}

.maintain td {
  border-bottom: 1px solid #ddd;
}

#ma-compare tr>td:first-child {
  background: #eee;
  color: #000;
}

#ma-compare td table td {
  background: none !important;
  border: none;
  border-bottom: 1px solid #ddd;
}

#ma-compare td table th {
  background: #DDD;
  color: #444;
}

.maintain tr:hover td {
  background: #ffec81 !important;
}

#maintain-history .check {
  width: 35px;
}

#maintain-history .ma-time {
  width: 135px;
}

#maintain-history .ma-author {
  width: 100px;
}

#maintain-history .ma-ip {
  width: 90px;
}

.maintain-btn {
  background: #eee;
  text-align: right !important;
}

.maintain .right {
  float: right;
  position: relative;
  top: -4px;
}

#maintaince-notice {
  z-index: 999;
  position: absolute;
  top: -136px;
  right: 0px;
  width: 665px;
  height: 50px;
  line-height: 1.4;
  padding: 20px;
  background: rgba(233, 233, 233, 0.9);
}

.ma-notice-button {
  position: absolute;
  top: 90px;
  right: 0;
  padding: 10px;
  background: rgba(233, 233, 233, 0.9);
}

.ma-title {
  width: 85px;
}

.ma-value {
  width: 310px;
}

#ma-compare {
  text-align: left;
}

#ma-compare td,
#ma-compare th {
  border: 1px solid #ddd;
}

#ma-compare .i835_group {
  margin-bottom: 0;
}

#ma-compare .inline-table {
  padding: 0;
}

table.agreement {
  width: 423px;
  line-height: 1.2;
  color: #000;
}

table.agreement td:first-child {
  width: 40px;
}

.agreement td {
  text-align: left;
}

/* suggest.php */
#sale-list {
  float: left;
  margin: 0 30px 30px 0;
}

#sale-list li {
  padding: 2px;
  margin: 0;
}

#sale-list img {
  width: 40px;
  height: auto;
}

#sale-list .active-sale img {
  width: 50px;
}

.suggest-page #setup {
  width: 540px;
}

.setup-title {
  width: 30px;
  padding-bottom: 5px;
}

.suggest-page .compare-profile {
  position: relative;
}

.suggest-page .compare-profile .btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.suggest-page #conversation {
  display: block;
  overflow-y: auto;
  height: 150px;
}

.suggest-page #conversation .conv {
  width: 820px;
}

.suggest-page .compare-list textarea {
  width: 121px;
  resize: vertical;
}

.suggest-page .notes-textarea .btn {
  float: right;
}

.suggest-page .right {
  float: right;
}

.suggest-item {
  padding: 15px;
  background: #f3f3f3;
  margin-top: 5px;
}

.suggest-page .insure-list a.btn {
  display: block;
  margin: 20px auto 0;
  width: 100px;
  height: 15px;
}

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: 'FontAwesome';
  src: url('//netdna.bootstrapcdn.com/font-awesome/5.12.1/font/fontawesome-webfont.eot?v=5.12.1');
  src: url('//netdna.bootstrapcdn.com/font-awesome/5.12.1/font/fontawesome-webfont.eot?#iefix&v=5.12.1') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/font-awesome/5.12.1/font/fontawesome-webfont.woff?v=5.12.1') format('woff'), url('//netdna.bootstrapcdn.com/font-awesome/5.12.1/font/fontawesome-webfont.ttf?v=5.12.1') format('truetype'), url('//netdna.bootstrapcdn.com/font-awesome/5.12.1/font/fontawesome-webfont.svg#fontawesomeregular?v=5.12.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}

.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}

.icons-ul>li {
  position: relative;
}

.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: #ffffff;
}

.icon-dark {
  color: #333333;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}

/*◎文章頁-小標粗體*/
.content span {
  font-weight: 600;
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-alt:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-user {
  cursor: default !important;
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-web-home:before {
  content: "\f015";
}

.icon-file-alt:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward: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-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-calendar-alt:before {
  content: "\f073";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up-alt:before {
  content: "\f087";
}

.icon-thumbs-down-alt:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.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-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-alt:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-food:before {
  content: "\f0f5";
}

.icon-file-text-alt:before {
  content: "\f0f6";
}

.icon-building:before {
  content: "\f0f7";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-sign:before {
  content: "\f0fd";
}

.icon-plus-sign-alt:before {
  content: "\f0fe";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

.icon-double-angle-up:before {
  content: "\f102";
}

.icon-double-angle-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-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-close-alt:before {
  content: "\f114";
}

.icon-folder-open-alt:before {
  content: "\f115";
}

.icon-expand-alt:before {
  content: "\f116";
}

.icon-collapse-alt:before {
  content: "\f117";
}

.icon-smile:before {
  content: "\f118";
}

.icon-frown:before {
  content: "\f119";
}

.icon-meh:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard:before {
  content: "\f11c";
}

.icon-flag-alt:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-reply-all:before {
  content: "\f122";
}

.icon-mail-reply-all:before {
  content: "\f122";
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-question:before {
  content: "\f128";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-empty:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-sign-left:before {
  content: "\f137";
}

.icon-chevron-sign-right:before {
  content: "\f138";
}

.icon-chevron-sign-up:before {
  content: "\f139";
}

.icon-chevron-sign-down:before {
  content: "\f13a";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-horizontal:before {
  content: "\f141";
}

.icon-ellipsis-vertical:before {
  content: "\f142";
}

.icon-rss-sign:before {
  content: "\f143";
}

.icon-play-sign:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-sign-alt:before {
  content: "\f146";
}

.icon-check-minus:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-sign:before {
  content: "\f14a";
}

.icon-edit-sign:before {
  content: "\f14b";
}

.icon-external-link-sign:before {
  content: "\f14c";
}

.icon-share-sign:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-collapse:before {
  content: "\f150";
}

.icon-collapse-top:before {
  content: "\f151";
}

.icon-expand:before {
  content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}

.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}

.icon-won:before,
.icon-krw:before {
  content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-by-alphabet:before {
  content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}

.icon-sort-by-attributes:before {
  content: "\f160";
}

.icon-sort-by-attributes-alt:before {
  content: "\f161";
}

.icon-sort-by-order:before {
  content: "\f162";
}

.icon-sort-by-order-alt:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-sign:before {
  content: "\f166";
}


/* viewtopic-request-page page*/
.viewtopic-request-page-details {
  width: 740px;
  float: left;
}

.viewtopic-request-page h2 {
  font-size: 16px;
  margin: 0 0 0px;
  color: #fff;
  font-weight: bold;
  /*  background: #468b0e; */
  background: #f78850;
  padding: 5px 0;
  text-align: center;
}

.viewtopic-request-page h5 {
  display: inline-block;
  padding-right: 20px;
}

.viewtopic-request-page li {
  padding-bottom: 12px;
}

.two-column {
  /*  width: 340px; */
  float: left;
  padding: 0 0 0px;
  /*  background: #f7f7f7; */
  background: #FFFFFF;
  margin: 5px 12px 15px;
  line-height: 130%;
  /*  border: 2px solid #468b0e; */
  border: 2px solid #f5bb9b;
}

.two-column .even {
  margin: 5px 0 !important;
}

.two-column article {
  padding: 5px 15px;
}

.two-column span {
  display: inline-block;
  padding: 3px 8px;
  background: #e0d9d7;
  margin-right: 5px;
  color: #111;
}

.two-column table {
  border-spacing: 0;
  border-collapse: collapse;
}

.two-column table td {
  vertical-align: text-top;
  padding-bottom: 10px;
}

.viewtopic-request-page .one-column {
  /*  width: 710px; */
  float: left;
  padding: 0 0 0px;
  /*  background: #f7f7f7; */
  background: #FFFFFF;
  margin: 5px 12px 15px;
  line-height: 130%;
  /*  border: 2px solid #468b0e; */
  border: 2px solid #f5bb9b;
}

.title-name {
  background: #ffec81;
  color: #000;
}

.title-name li {
  background: none !important;
  border-color: transparent;
  border-right-color: #eee;
  text-align: center;

  position: relative;
  display: table-cell;
  width: 144px;
  border: 1px solid #ffffff;
}

.insure-name {
  background: #f7f7f7;
  color: #000;
}

.insure-name li {
  background: none !important;
  border-color: transparent;
  border-right-color: #eee;
  text-align: center;

  position: relative;
  display: table-cell;
  width: 144px;
  border: 1px solid #ffffff;
}

.insure-name:hover {
  background: #fdf0d5;
}

.item:hover {
  background: #f4f4f4;
}

.item a:hover {
  text-decoration: none;
}

/*－◎橫幅下方第二行綠色橫條區*(討論區首頁/管理團隊....等)
--刪除此段--
}
◎－首頁:banner下方區塊高度定位調整
p.right,#page-body ul.linklist>li {
  height: 0.5em;
}
*/
/*首頁-卡片式文章區"左方直式版面名稱*/
.item_title {
  width: 1.13em !important;
  padding: 0.5em !important;
  display: block !important;
  background: #6B9D06;
  height: 11.4em !important;
  padding-top: 4em !important;
}

/*首頁-卡片式文章區"左方直式版面名稱*/
.item_title a {
  font-size: 1.1em !important;
  color: #fff !important;
  font-family: Microsoft JhengHei !important;
  line-height: 1.41em !important;
  margin: auto 0;
}

/*首頁-卡片式文章區"左方直式版面名稱*/
.item_title a:hover {
  text-decoration: none;
}

/*首頁-卡片式文章區"區塊定義*/
.item {
  width: 300px !important;
  height: 19.3em;
  padding: 0.6em !important;
  margin-bottom: 0.5em !important;
}

/*首頁-卡片式文章區:圖片*/
.item img {
  /*
  width: 100% !important;
  height: auto !important;
*/
  width: 300px !important;
  height: 157px !important;
}

/*首頁-版面列表:儲存格*/
dl.icon>dd {
  text-align: center;
}


/*文章頁:文章區塊*/
.post {
  padding: 2em 2em !important;
  margin-bottom: 0;
  /*  margin-bottom: 1.5em;*/
  /*  width: 51.8em; */
  /*  width:725px; */
}

/*文章頁:文章區塊*/
/*
.postbody {
  width:100% !important;
}
*/

.postbody h3 {
  margin-right: 4em !important;
  min-height: 5em;
}

/*項目1-9、2-13:文章頁表頭區(文章作者)*/
p.author {
  margin: 2em 0 0 0;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  text-align: right !important;
  font-size: 0.97em;
}

/*項目1-9、2-13:文章頁表頭區(文章作者)*/
p.author a {
  color: #676767 !important;
  font-weight: normal;
}

/*文章頁:文章區塊*/
.content {
  font-size: 1.17em !important;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  margin-top: 2em;
}


/*項目1-9、2-13:文章頁表頭區(頭貼)*/
/*
.postprofile {
  display: inline;
  border: none !important;
  margin: 0.3em 0 0em 0em;
}
*/

/*項目1-9、2-13:文章頁表頭區*/
/*
.postprofile dd{	  
  margin-left: 0 !important;
  line-height: 1.8em !important;	  
}
*/

/*文章頁表頭區:頭貼*/
.postprofile a:link,
.postprofile a:active,
.postprofile a:visited,
.postprofile dt.author a {
  color: #4F7929 !important;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  text-decoration: none;
}

/*   
.postprofile dt{
   text-align:right;   
}
*/

/*項目1-9、2-13:文章頁表頭區(頭貼)*/
.postprofile img {
  border: 1px solid #ccc;
  /*  background-color: #fff; */
  width: 6em;
  height: 6em;
}

.postprofile span.post_name {
  color: #676767;
}

/*文章頁:X篇文章.第一頁(共X頁)*/
.pagination {
  font-size: 0.75em !important;
  margin: 0.9em !important;
  padding: 0.4em 0.3em !important;
  border: none !important;
  background: none !important;
}


/*項目1-7:綠色按鈕樣式*/
.buttons {
  float: right !important;
  font-weight: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #74b807;
  padding: 8px;
  text-decoration: none;
  background: -moz-linear-gradient(center top, #89c403 5%, #77a809 100%);
  background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809));
  background-color: #89c403;
  color: #ffffff !important;
  text-shadow: 1px 1px 0px #528009;
  -webkit-box-shadow: inset 1px 1px 0px 0px #a4e271;
  -moz-box-shadow: inset 1px 1px 0px 0px #a4e271;
  box-shadow: inset 1px 1px 0px 0px #a4e271;
  /*項目1-7:綠色按鈕樣式*/
}

.buttons:hover {
  color: #ffffff !important;
  background: -moz-linear-gradient(center top, #77a809 5%, #89c403 100%);
  background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403));
  background-color: #77a809;
  text-decoration: none;
}

/*項目1-7:綠色按鈕樣式*/
.buttons:active {
  color: #ffffff !important;
  position: relative;
  top: 1px;
  text-decoration: none;
}

/*項目1-7:綠色按鈕樣式*/
.buttons a {
  color: #fff !important;
  text-decoration: none;
}

/*首頁:banner下方第一行路徑列*/
/*
 ul.linklist.navlinks a {
  font-size: 1em;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
} 
*/

/*首頁:banner下方第一行路徑列*/
/*
ul.linklist {
  overflow: initial !important;
}
*/

/*首頁:banner下方第一行路徑列*/
/*
ul.linklist.navlinks {
  border-bottom: none!important;
}
*/

/*搜尋區塊*/
form#topic-search fieldset {
  font-size: 0.9em;
  margin-top: 1.1em;
  margin-left: -10.4em;
}

/*6/8BUG 搜尋版主題:移除.search-box form#topic-search fieldset 設定值*/
.postlink {
  border-bottom-color: #4F7500 !important;
}

/*6/8BUG 搜尋版主題*/
#forum-search {
  margin-left: -5.2em !important;
}

/*6/8BUG 搜尋版主題*/
#topic-search {
  margin-left: 9em !important;
  margin-top: -1em !important;
}

/*頁尾版權"Powered by phpBBR..."樣式定義*/
.copyright {
  color: #555555;
  font-size: 0.6em;
  line-height: 2em;
}


/*6/8BUG 搜尋版主題:移除#search-box設定值*/
ul.topiclist li {
  padding: 0.3em 0.1em;
  line-height: 1.95em;
}

/*文章列表:主題名稱、首頁-版面列表:版面名稱*/
a.topictitle,
a.forumtitle {
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  font-size: 1.3em !important;
  font-weight: 600;
  margin-right: 0.7em;
}

/*首頁-版面列表:版面名稱*/
a.forumtitle {
  line-height: 3.3em;
}

/*項目2-3:tag樣式*/
ul.topiclist dt span {
  font-size: 1.2em !important;
  font-family: 'Microsoft JhengHei', 'PMingLiU' !important;
  padding: 0.04em 0.3em;
  border-radius: 4px;
  margin-right: 0.2em;
}

/*文章列表:每列文字樣式調整*/
li.row dl.icon {
  font-size: 0.85em;
  font-weight: normal;
  color: #666 !important;
}

/*項目1-9:列表作者名稱加底線粗體*/
.row a.username-coloured {
  color: #666 !important;
  font-weight: bold;
  text-decoration: underline;
}

/*文章列表:每列文字樣式調整*/
dl.icon {
  background-image: none !important;
}

/*文章列表:每列內容定位調整*/
dl.icon dt {
  padding-left: 10px !important;
}

/*文章列表:"最後發表"欄位寬度調整*/
dd.lastpost {
  width: 18%;
}

/*文章列表:"回覆"、"觀看"欄位寬度調整*/
dd.posts,
dd.topics,
dd.views {
  width: 6%;
}

/*文章列表:"主題"欄位寬度調整*/
ul.topiclist dt,
li.header dl.icon dt {
  width: 67%;
}

/*文章列表:表頭每欄內容對齊調整*/
.header dl.icon dt {
  padding-right: 0 !important;
}

/*文章列表:取消hover時的表格寬線*/
ul.topiclist dd {
  border: none !important;
}

/*文章列表:調整列高*/
dd.views,
dd.posts,
dd.topics {
  line-height: 3.5em;
}

/*文章列表:調整列高*/
dd.lastpost a,
dd.lastpost br {
  line-height: 2em;
}

/*文章列表:調整表頭間距、列高、文字樣式*/
li.header dl.icon {
  min-height: 0;
  font-size: 0.95em !important;
  font-weight: normal;
  margin-left: -0.08em;
  padding: 0.3em 0;
}

/*文章列表-最後發表欄:隱藏小圖示*/
dd.lastpost img {
  visibility: hidden;
  width: 0;
  margin-right: -9px;
}

/*文章列表:欄位邊距調整*/
ul.topiclist li.row dl {
  padding: 0;
}

/*註冊頁:定義寬度、邊距、預設字型樣式*/
form#form1 {
  width: 996px !important;
  margin: auto !important;
  font-family: Microsoft Jhenghei !important;
  font-size: 0.98em !important;
}

/*註冊頁:調整下半部物件之間的距離*/
#Photo_File_Name {
  font-size: 0.98em !important;
  line-height: 2.5em !important;
}

/*◎○項目1-30:投票區字體樣式*/
fieldset.polls {
  font-size: 0.9em;
  margin: 1em 0.5em 1em 0.5em;
}

/*◎○項目1-30:投票區列間距*/
fieldset.polls dl {
  line-height: 1.6em;
  border-bottom: 1px solid #e2e2e2 !important;
  border-top: none !important;
}

/*◎○項目1-30:投票區的標題樣式*/
h2.poll_title {
  color: #D11A4E;
  border-bottom: none !important;
  font-size: 1.4em !important;
  font-weight: 600;
  line-height: 1.665em;
}

/*項目1-1:首頁廣告*/
#adverstime {
  margin: auto !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
}

/*項目1-11:文章區廣告*/
#ad-article {
  width: 160px;
  height: 600px;
  background-color: #ccc;
  color: #000;
  position: absolute;
  margin: -28px 0 0 59.5em;
}

/*◎○項目1-3:各版註解不跨行*/
.forums_name br {
  display: none;
}

/*◎○文章區:頁尾篩選排序列(顯示文章/排序/GO)"*/
.list_option {
  margin: 1em 1em !important;
}

/*發文/回文:"發表主題"、"發表回覆"區間距調整*/
#postingbox {
  background: none !important;
  border: none !important;
}

/*發文/回文:標題輸入框、確認代碼區塊調整(背景空白、邊距設定)*/
#postingbox2 {
  background: none !important;
  padding: 0 !important;
  width: auto !important;
}

/*○發新文章編輯器位移調整*/
/*
.post_new{
  margin-top: 4em;
}
*/

/*
textarea#message {
  margin-top: -2.6em;
}
*/

/*發文/回文:Editor*/
#message-box #message {
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  border-radius: 0px;
  width: 124% !important;
  margin: 0;
  padding: 0;
  border: 0;
  /*
  width: 120.3% !important; 
  padding: 1em !important;
  height: 22.3em !important;
  position: relative;
  left: 1px;
  margin-top: -2.6em;
  margin-left: -0.05em;  
  margin-bottom: -0.2em;
*/
}

/*發文/回文:Editor*/
/*
#smiley-box {
  width: auto !important;
  margin: -5.8em 0em auto 25em;
  position: absolute;
  color: #fff !important;
}
*/
/*發文/回文:Editor*/
/* #smiley-box a {
  //  color: #fff !important;
} */

/*◎○Editor"顯示文字色盤"按鈕文字*/
input#bbpalette {
  font-size: 0.6em;
}

/*發文回文:取消區塊灰色背景與邊框*/
#postform .panel.bg2 {
  background: none;
  border: none;
}


/*發文回文下方"選項"、投票區*/
#poll-panel {
  background-color: #EEEEEA;
  padding: 0.9em 1em;
  font-size: 0.85em;
  margin-bottom: 4em;
}

/*發文/回文:下方"選項/上傳附加檔案"邊距調整*/
#postform #tabs {
  margin: 2em 0 -0.1em 0 !important;
}

/*發文/回文:主題輸入框樣式定義*/
input#subject {
  margin-top: 0em;
  /*  margin-left: -12.5em; */
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.2em 0.5em;
  font-family: 'Microsoft JhengHei', 'PMingLiU';
  /*
  position: relative;
  top: 5em;
  left: -29.7em;
*/
  line-height: 1.8em;
  width: 42em !important;
}

/*發文回文:"發表新主題"、"發表回覆"定位*/

/*◎○-發文/回文:新增主題特性的tag定位*/
/* 
.edit_tag span {
  top: 0;
  position: relative;
}
*/

/*◎○-發文/回文:新增主題特性的核取方塊定位*/
/*
.edit_tag input[type="checkbox"] {
  top: -3px;
  position: relative;
}
*/

dd.edit_tag>br {
  display: none;
}

/*◎○項目1-30:投票區寬度設定*/
fieldset.polls dt {
  width: 45% !important;
}

/*◎○項目1-30:投票區總寬度設定*/
.poll_panel {
  /*  width: 48.45em; */
  width: 706px;
}

/*◎○項目1-30:投票區寬度設定*/
fieldset.polls dd.resultbar {
  width: 25% !important;
}

/*◎○發文/回文:Editor 右上區塊*/
/*
fieldset.fields1 dl:nth-child(2) > dd:last-of-type{
  font-size: 0.5em;
  color: #808080;
  margin: 0.5em 0em -112px 27.2em !important;
}
*/

/*◎○發文/回文:Editor 驗證碼區*/
.edit_set_r {
  display: inline;
  position: relative;
  top: -6em;
  left: 35em;
}

/*◎○發文/回文:Editor 驗證碼區*/
.edit_set_r_c {
  margin-left: 19.5em !important;
}

/*◎○發文/回文:Editor*/
.edit_set_sub {
  margin: 1em 0em 1em -0.7em;
}

/*◎發文/回文:Editor*/
fieldset.fields1 dl dd input#confirm_code {
  width: 15em;
  /*  margin-left: -2.4em; */
}

/*◎○發文/回文:選取/移除主題特性*/
/*
.edit_tag_in input.button1, .edit_tag_in input.button2,
.edit_set_r_c input.button1, .edit_set_r_c input.button2{
  margin-top: 1.5em;
  font-size: 0.75em; 
}
*/

/*
.edit_tag_in input.button2 {
  margin-left: 1em;
}
.edit_tag_in input.button1 {
  margin-left: 11em;
}
*/
/*◎○發文/回文:新增主題特性的tag強制同行*/
/* .edit_topic_tag dd br {
   display: none;
} */

/*◎○發文/回文:Editor右上角按鈕定位*/
.edit_set_r_c input.button1,
.edit_set_r_c input.button2 {
  margin-top: 2.5em;
  font-size: 0.75em;
  position: absolute;
  margin-top: 9.15em;
}

/*◎○發文/回文:Editor右上角按鈕定位*/
.edit_set_r_c input.button2 {
  margin-top: 2.5em;
  font-size: 0.75em;
}

/*◎○發文/回文:Editor右上角按鈕定位*/
.edit_set_r_c input.button1 {
  margin-left: 7.7em;
}

/*◎○發文/回文:新增主題特性的tag定位*/
.edit_topic_tag dd span {
  top: 6.6em !important;
  float: left;
  margin-left: 1em;
  left: -65.3em;
  width: 4em;
  text-align: left;
}

/*◎○發文/回文:新增主題特性的核取方塊定位*/
.edit_topic_tag dd input[type="checkbox"] {
  top: 7.5em !important;
  float: left;
  left: -83.5em;
}

/*◎○發文/回文:Editor*/
.edit_set_r_c select {
  width: 9em;
  margin: 2em 0px 0 -5.3em;
  height: 2em;
  font-size: 0.9em;
}

/*◎○發文回文:"發表新主題"、"發表回覆"定位*/
#postform .inner h3 {
  /*  margin-top: 3em !important; */
  margin-left: -0.5em !important;
}

/*◎文章頁:大頭貼位置定義*/
ul.profile-icons {
  margin: -1.5em -1.75em -1em 0;
  float: right;
}

/*◎發文回文:版面名稱上方間距*/
/*
ul.linklist.leftside {
  margin: 0 0 3em 0;
}
*/
/*發文回文:版面名稱*/
/*
form#postform h2 {
  margin-top: 5.3em;
  position: absolute;
}
*/
/*項目1-11:文章廣告區*/
div#artcle_ad {
  background-color: #ccc;
  width: 225px;
  height: 400px;
}

/* 在私訊、po文皆會影響
div#preview div.content img {
  width:100%;
}
*/

/* 220916修正使用者圖片，在plan/plan及plan/plan_info破版問題 */
.insured-block #user_avatar>img,
#insured_block #user_avatar>img {
  max-width: 100%;
  max-height: 100%;
}