<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


body {
  overflow-y: Scroll;
  font-family:'微軟正黑體';
}
h1,h2,h3,h4,h5{
  font-family:"微軟正黑體";
}
.main-header .sidebar-toggle {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}

  
ul{
  padding-left:0px; 
  margin:10px
};

li.disabled {
  opacity: 0.5;
}

li.sortable-placeholder {
  border: 1px dashed #CCC;
  background: #EEE;
}

/*fixed chuju 20200801 防破版*/
dd, dt{
  line-height: 2.4;
}

td.wrap{
  word-wrap: break-word;
  word-break: break-all;

}
td.nowrap,th.nowrap{
  word-wrap: normal;
  word-break: normal;

}

/** data picker*/
.dropdown-menu{
  background:#FFF9E1;
  
  border:1px #767676 solid;
  -webkit-box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
  -moz-box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
  box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
}
.datepicker th.clear{
  background:  #FFD966;
}

.datepicker table tr td.disabled{
  background: #F0F0F0;
  color:#C0C0C0;
}

.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover {
  background: #FF9000;
  color:white;
}

.datepicker-switch{
  background:  #FFD966;
}


.datepicker table tr td.day{
  font-weight: 900;
}

.datepicker-dropdown{
  background:#FFF9E1;
  
}


.datepicker-dropdown:before{
  border-bottom-color:#767676;

  
}
.datepicker-dropdown:after{
  border-bottom:10px solid #FFF9E1;

}
 
.select2-results__options{
  -webkit-box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
  -moz-box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
  box-shadow: 9px 10px 10px -8px rgba(0,0,0,0.7);
  border:2px #C0C0C0 solid;
  border:1px #767676 solid;
  
  /*background:#E5F6FD;*/
}
 

/* GA dashboard*/
.DateRangeSelector-item{
  display: inline-block;
  margin-right:20px;
  margin-bottom:10px;
}


/* google search page preview*/
.google_menu{  /* 假裝 google 網站頭*/
  width:100%;
  height:auto;
  border-bottom:1px solid #eeeeee ;
}

.google_logo{
  margin:10px 0 0 10px; 
}

.mobile.google_logo{
  float:center;
  
}  
.clear{
  clear:both;
 
}



.gs_card {
  float:left;
  display: inline-block;
  background-color: #ffffff;
  padding: 20px;
  width: 600px;
  
}

.desktop .gs_card {  /* 桌機預覽寬 */
  margin-bottom: 29.7px;

}

.mobile .gs_card {    /* 手機預覽寬 */
  padding: 12px 16px;
  width: 380px;
  border: solid 1px #0000001f;
  border-radius: 8px;

}

.div_mobile{
  display:inline-block;
}

.div_desktop{
  border: solid 1px #0000001f;
  padding: 12px 16px;
  width: calc(a00%-412px);
  display:inline-block;
  min-height:378px;
  margin-top:15px;
  margin-left:15px;
}
.gs_mobile{  /* 手機寬 */
  border: solid 1px #0000001f;
  padding: 12px 16px;
  width: 412px;
  display:inline-block;
  min-height:378px;
  margin-top:15px;
  margin-left:15px;  
}


.mobile .shadow,.mobile .google_menu{
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);  
}


.gs_url {
  color:rgb(32, 33, 36);
  cursor:pointer;
  display:inline;
  font-family:arial, sans-serif, '新細明體';
  font-size:12px;
  height:auto;
  line-height:20px;
  text-size-adjust:100%;
  white-space:nowrap;
  width:auto;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0.1);
  overflow:hidden;
  text_overflow:ellipsis;
  white-space:nowrap;
  width:300px;
}  
.mobile .gs_url &gt; img{
  display:inline-block;;margin-right: 12px;vertical-align: middle;width: 16px;height: 16px;display:inline;
  
}

.desktop .gs_urlpath{
  width:500px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;  
  font-family:arial, sans-serif;
}

.mobile .gs_urlpath{
  vertical-align: middle;
  display:inline-block;
  width:200px;
  overflow: hidden;
  text-overflow:ellipsis;
  color: #3C4043;
  white-space: nowrap;
  font-size: 12px;
  font-family: arial, sans-serif;
  font-weight: inherit;line-height: 20px;
  font-family:Roboto, HelveticaNeue, Arial, sans-serif;
}


.gs_title {
  color: rgb(21, 88, 214);
  font-size: 20px;
  line-height: 1.3;
  /* width: 592px; */
  height: 1.3em;
  padding-top: 0px;
  margin-bottom: 3px;
  font-family:arial, sans-serif;
  display: block;
  margin-top:12px ;
  word-break:break-all;

}
.desktop .gs_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis; 
  display:block; 
}
.mobile .gs_title {
  clear:both;
  height:auto;
  font-size: 18px;
  font-family:Roboto, HelveticaNeue, Arial, sans-serif;
  
}

.gs_description {
  color: #3C4043;
  font-size: 14px;
  line-height: 1.57;
  font-family:arial, sans-serif;
}

.mobile.gs_description {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp:5;    
    -webkit-box-orient: vertical;  
    font-family:Roboto, HelveticaNeue, Arial, sans-serif;
}

.gs_thumbnail{
  float:right;
  position: relative;
  top:0;
  overflow: hidden;
  margin-bottom: .5rem;
  width:104px;
  height:104px;
  border-radius:10px;
    
}
.gs_thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;

}

.amp_mark {
  margin-left: 12px;
  margin-right: 0;
  background-size: 100% 100%;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-bottom: -2px;
  opacity: 0.46;
  margin-right: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABr0lEQVR4AbWWJYCUURhFD04Zi7hrLzgFd4nzV9x6wKHinmYb7g4zq71gIw2LWBnZ3Q8df/fh96Tn/t2HVIw4CVKk+fSFNCkSxInxW1pFkhLmoMRjVvFLmkEX5ocuZuBVPw5jv8hh+iEU5QEmuMK+prz7RN3dPMMEGQYzxpH/lGjzou5jgl7mAvOdZfcbF+jbm3MAbFZ7VX9SJnlL1D8UMyjLe+BrAYDb+jJUr59JrlNWRtcqX9GkrPCR4QBAf4qYJAkQoyQrbKKs8RiaEjEI0GvvQ1mLMC9xaBFFBaZS1TbMSwJSomg39erDF+TxpCCNOXjGQJTCvG6qn4ZPzkcxA61Tjhaf4KMj+6Q3XvW6Lopraa8IozRQxIi0a7NXorULc5JyHX/3F3q+0PsFYytVTaGgjz/AvCyiegE69IUsPxHNBMpa738i6tGWlzkAABjKe/+j9YeRHGVd9oWRnwe2ewDASp/L/UqoPQ5AmFeYZMavBP8dAJz0GWWDHQlzXApMdz4KYUfKICcxkKeOfGmQyrIPcgE9m+g/+kT812/Nr3+0kqzitxQjoKXh6xfor99nlEdFjyvH15gAAAAASUVORK5CYII=);
}


.gs_container{
  overflow: hidden;
  
}
    
.mobile_des{
  margin-right: 0px;
 

}

.gs-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gs-cat.gs-active {
    border-style: solid;
    border-width: 0 0 3px 0;
    border-color: #1A73E8;
    color: #1A73E8;
    font-weight: bold;
}

.gs-cat {
    padding: 16px 12px 12px 10px;
    color: #5f6368;
    font-size: 13px;
    line-height: 16px;
    margin: 11px 1px 0;
}

/*SEO 燈號*/
.circle_green,.circle_orange,.circle_red,.circle_gray{
  width:12px;
  height:12px;
  margin:2px;
  margin-bottom:0;
  border-radius:50%;
  display:inline-block;
} 

.circle_red{
  background:#dc3232;
}
.circle_orange{
  background:#ee7c1b;
}
.circle_green{
  background:#7ad03a;

}
.circle_gray{
  background:rgb(160,165,170);
}




/*fixed chuju 20200730 防破版*/
.box{
  overflow-x:auto;
}

.overflow-x{
  overflow-x:scroll !important;
}

.typeTag {
  font-size: 18px;
  border-bottom: 4px solid #fff000;
}

.border_gray_l {
  border-left: 4px solid #b3b3b3;
  padding-left: 11px;
}


figure {
  font-size: 0;
  margin: 0; }
  figure img {
    max-width:150px;
    width: 100%;
    height: auto; }
  figure figcaption {
    font-size: 16px;
    color: #9e9e9f;
    padding: 0.5em 0;
    display: block;
    font-style: italic; }
  @media screen and (max-width: 768px) {
    figure figcaption {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    figure figcaption {
      font-size: 12px; } 
} 

/*fixed chuju 20200724 調整左邊選單寬*/
.main-sidebar, .right-side, .main-footer {
  width:126px;
}

@media (min-width: 768px){
	.content-wrapper{
	   margin-left:126px ;
	}

}
@media (max-width: 767px){
	.content-wrapper {
		margin-left:0px;
	}	
	.sidebar-open .content-wrapper {
		margin-left: -126px;
	}
}

/*fixed chuju 20200511 修正手機板右上登出鈕無底色*/
@media (max-width: 991px) {
  .main-header .navbar-custom-menu a.btn-info,
  .main-header .navbar-right a.btn-info {
    color: inherit;
    background: #00C0EF;
  }
}

/*fixed chuju 20200511  修正右上user訊息 ip太長破版*/
.navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header {
  height:auto;
  white-space:nowrap;
}
.navbar-nav &gt; .user-menu &gt; .dropdown-menu {
 width : auto;
 min-width:280px;
} 

/*fixed chuju 20200713  修正上方過濾輸入、下拉區塊 縮小視窗上下會黏住*/
@media (min-width: 768px){
  .form-group {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
  }

}

/*fixed chuju 20200713  修正輸入關鍵字區塊 縮小視窗上下會黏住*/
@media (max-width: 767px){
  .input-group{
     margin-top: 10px !important;
    
  }
  
} 


/*左上角LOGO*/

.logo-lg{
  font-family:"微軟正黑體";
  line-height:12px;
  vertical-align:middle;
  float:left;
  margin-top:15px;
  white-space: nowrap
} 
.logo-mini{
  float:center;
  vertical-align:middle;
  display:inline-block;
  margin-top:6px;
}


/*fixed chuju 20200713 START*/
/*左選單 選中的顏色*/
 .sidebar-menu&gt;li.active_li&gt;a{
  border-left:3px solid #00C0EF;
  color:#00C0EF !important;
}
.treeview-menu&gt;li&gt;a{
  padding-left:35px !important;
}



/*左選單 次項選中的顏色*/
.sidebar-menu .treeview-menu&gt;li.active&gt;a{
  color:#00C0EF;
}

/*左選單 li 區隔的顏色*/
.sidebar-menu&gt;li.header{
  color:#7A8FB8;
  background:#E9ECF3;
}
/*fixed chuju 20200713 END*/

/* 右邊主內容底色*/
.content-wrapper,
.right-side {

  background-color:#F3F3F4;
 
}

/*表格頭底色*/
.table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; tbody &gt; tr &gt; th{
  background-color:#F5F5F6;

}
/*表格 字色 底色*/
.table-bordered  &gt; tbody &gt; tr &gt; td{
  color:#676A6C;
  border-bottom: 1px solid #e7eaec;
}
/*表格 條紋色*/
.table-striped&gt;tbody&gt;tr:nth-of-type(odd){
  background-color:#F7F7F7;
}

/* box footer 上方不要線*/
.box-footer {
  border-top:0px;
}

.badge_h18{
  display: inline-block;
  font-size: 14px;
  margin: 0;
  line-height: 1;
  vertical-align:top;
  color:black;
}

/*login page*/
.login-page,
.register-page {
  background: #F8F8F8;
}
.login-box-body {
    background-color: #FFF;  
    /* just in case there no content*/
    border: 1px solid #e3e3e3;
    margin: 0 auto 25px;
    margin-top: 0px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  
    padding-bottom:50px;
}
.login-box {
  margin-bottom: 10px;
}
.login-user{
  background:#E1E1E1 url(../../images/user_blank.png);
  width:110px;
  height:110px;
  background-size:cover;
  border-radius:158px;
  margin-top:20px;
  margin-bottom:40px;
}
@media (max-width: 768px) {
  .login-user{
    background:none;
    width:0px;
    height:0px;
    margin-top:0px;
    margin-bottom:0px;
  }
  .login-box-body{
    padding-bottom:20px;
  }
  .login-logo{
    margin-top:-20px;
    margin-bottom:5px;
  }

}
.login-logo{
  padding-top:20px;
}


/*拖曳*/ 
.sortable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.sortable img{
  cursor:Pointer;
}

.sortable .box-header{
  cursor:Pointer;
}


.sortable li {
  list-style: none;
  border: 1px solid #CCC;
  background: #FFFFF9;
  color: #1C94C4;
  margin: 6px 0px;
  min-height: 46px;
  
  background: #fffff9; /* Old browsers */
  background: -moz-linear-gradient(top, #fffff9 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fffff9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffff9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

/*把手頭*/
.sortable.list li {
  border-left:6px solid #17B7B7;
  cursor:pointer;
}



.sortable.gallery , .sortable.photo{
  overflow: hidden;
 
}

.sortable.gallery i.fa-times, .sortable.photo i.fa-times{

color:white; background:black;padding:1px; margin-right:-6px

}
.fa-search-plus{
  cursor:pointer;
}


/* 相簿*/
.sortable.gallery li {
  
  float: left;
  text-align: left;
  display:list-item;
  width:300px;
  height:300px;  
  margin: 0px 5px 10px 5px;
  /*border: 1px solid #CCC;*/
}

.sortable.gallery .picture{
  width:280px;
  height:220px; 
  pointer-events: none;
}


.sortable.gallery.ba li {
  margin: 0px 5px 40px 5px;
  width:300px;
  height:300px;  
}
  
.sortable.gallery.ba .picture{
  width:280px;
  height:220px;  
  pointer-events: none;
}


.sortable.gallery li img{
  width:100%;
  height: 100%;
  object-fit:cover;
  pointer-events: none;
  
}

.sortable.photo li {
  height:85px;
}

/* 相片敘述文字*/
.wording{
  position:absolute;
  font-size:15px;
  color:#000;
  right:10px;
  bottom:10px;

}
.wording.ba{
  position:absoulte; 
  right:0px;
  bottom:-5px;
  margin-top:5px;
  font-size:18px;
  font-weight:bold;
} 

.even{
  color:#FFBB66;  /*右文字*/
}
.odd{
  color:#17B7B7; /*左文字*/
}

.sortable.grid li:nth-child(even) {
  /*border-left:6px solid #FFBB66;*/
  color:#FFBB66;
} 



/* 自訂非覆蓋*/

.checkbox-inline{
  margin-left:0 !important;
  margin-right:15px !important;
  
}

.txt18{
  font-size:18px;
}


.fa::after,.halfspace::after{
  content:" "; /*半形空白 */
}
.fullspace::after{
  content:"　"; /*全形空白 */
  font-family:"Arial";
  line-height:1;  
}

.100p{
  width:100%;
}
.w100{
  width:100px;
}
.w250{
  width:250px;
}
.w200{
  width:200px;
}
.m10l{
  margin-left:10px;
}
.m10t{
  margin-top:10px;
}
.m10r{
  margin-right:10px;
}
.m10b{
  margin-bottom:10px;
}
.m10{
  margin:10px;
}
.p10{
  padding:10px;
}
.m0{
  margin:0 !important;
}
.p0{
  padding:0 !important;
}

.none{
  display:none;
}
.text_left{
  text-align:left !important;
}


/* 黃色漸層標籤*/
.label-yellow-0{
  background:#FFF0C1;
  color:#FF8E1E;
}
.label-yellow-1{
  background:#FFDEBD;
  color:#EA7500;
}
.label-yellow-2{
  background:#ffa64c;
  color:#FFF;
}
.label-yellow-3{
  background:#ff8000;
  color:#FFF;
}
.label-yellow-4{
  background:#767777;
  color:#FFF;
}
.label-yellow-5{
  background:#767777;
  color:#FFF;
}


/* 藍色漸層標籤*/
.label-blue-0{
  background:#98D4DA;
  color:#FFF;
}
.label-blue-1{
  background:#00B0C9;
  color:#FFF;
}
.label-blue-2{
  background:#00B0C9;
  color:#FFF;
}
.label-blue-3{
  background:#00B0C9;
  color:#FFF;
}
.label-blue-4{
  background:#1071A1;
  color:#FFF;
}
.label-blue-5{
  background:#767777;
  color:#FFF;
}
.label-blue-6{
  background:#767777;
  color:#FFF;
}
.label-blue-7{
  background:#767777;
  color:#FFF;
}
.label-blue-8{
  background:#767777;
  color:#FFF;
}

/* 綠色漸層標籤*/
.label-green-0{
  background:#C3D066;
  color:#FFF;
}
.label-green-1{
  background:#8DB028;
  color:#FFF;
}
.label-green-2{
  background:#767777;
  color:#FFF;
}


/* 紫色漸層標籤*/
.label-purple-0{
  background:#EAABCC;
  color:#FFF;
}
.label-purple-1{
  background:#CA669A5;
  color:#FFF;
}
.label-purple-2{
  background:#A4317D;
  color:#FFF;
}
.label-purple-3{
  background:#767777;
  color:#FFF;
}


</pre></body></html>