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


/*全域 *****************************************************/
.donate-area {
	background:#3f76e6;
}
#donate {
	position:relative;
}
 .donate-link{
   
     width:100%;height: 500px; position: absolute; top:0px;float: left;
}
.featured-jobs-m {
	margin-bottom:15px;
}
.title-area h1.title {
	position:relative;
	font-weight:600;
	font-size:17px;
	color:#fff;
	margin:5px 8px 8px 8px;
}
.title-area h1.title:after {
	background:#1f3a75;
	width:40px;
	height:3px;
	content:"";
	position:absolute;
	top:130%;
	left:calc(50% - 20px);
	display:none;
}
.title-area h1.title a {
	font-family: "Myriad Set Pro","SF Pro Icons","PingFang TC","Helvetica Neue", "微軟正黑體";
	color:#fff;
}
.point-btn {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:200;
	font-size:14px;
	/*padding:7px 18px 7px 18px;*/
	border:1px solid #282828;
	border-radius:25px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.point-btn a { 
	color:#282828;
}
.point-btn img {
	position:absolute;
	top:5px;
	left:6px;
}
.point-btn .fa-bars {
	font-size:17px;
	position:relative;
}
.hidden-screen {
	display:block!important;
}
.hidden-mobile {
	display:none;!important;
}
.more-btn {
	font-size:19px;
}
.title-area {
	text-align:center;
	margin: 0px 10px 10px 10px;
	padding:5px 0px;
	background:#3f73ed;
}
.title-area.sub-section {
	margin:0 0 10px 0;
	background:#48A9E9;
}
h3.title.mail-title {
	margin:15px 0 20px 0;
}
.feedback {
  position: absolute;
  width: 360px;
  height: 360px;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 0;
  border-radius: 50%;
  margin-left: -180px;
  margin-top: -180px;
  -webkit-transform: scaleX(0) scaleY(0);
          transform: scaleX(0) scaleY(0);
}
.post-ad-wrap .table { font-size: 16px; }
.post-ad-wrap .rwd-table &gt; tbody &gt; tr &gt; th {
    display: block;
    padding:15px 0px;
}
.post-ad-wrap .rwd-table &gt; tbody &gt; tr .rwd-table-title { display: none; }
.rwd-table tr th:before{
    content: attr(data-td);
}

/*手機廣告位置*/
.banner-mobile {
	padding:0 10px;
	overflow:hidden;
	margin: 20px 0 25px 0;
}
.banner-mobile &gt; div {
	float:left;
	width:50%;
	border:1px solid #ededed;
}
/*全域背景*/
.box-bg {
	padding:20px 15px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	background:#fff;
	margin:0 10px 40px 10px;
	display:block;
}
.box-bg ul li {
	margin-bottom:15px;
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
}
.box-bg p {
	color:#595a5b;
	transition:0.3s;
}
.box-bg a:hover p{
	color:#1f3a75;
}

.box-bg.featured-schools-area {
	background:none;
	box-shadow:none;
	padding:30px 0px;
	width:80%;
	margin:0 auto;
}
.box-bg.featured-schools-area article {
	overflow:hidden;
	border-bottom:none;
}
.box-bg.featured-schools-area article span {
	float:left;
	width:calc(50% - 14px);
	box-sizing:border-box;
	margin:0 7px 14px 7px;
}
.box-bg.featured-schools-area h2 {
	margin:0 0 18px 7px;
}

.header-mobile {
	display:block;
	height:80px;
	background:#3f73ed;
	z-index:800;
}
.header-mobile #logo {
	width:150px;
	position:relative;
	top:15px;
	margin:0 auto;
}
.header-mobile .my-account-btn {
	position:absolute;
	top:16px;
	left:15px;
}
.header-mobile .my-account-btn i {
	font-size:28px;
	color:#fff;
}
.header-mobile .language-btn {
	position:absolute;
	top:10px;
	right:15px;
	font-size:16px;
}
.header-mobile .language-btn span, .header-mobile .top-icon-area span {
	margin-left:6px;
	position:relative;
}
.header-mobile .language-btn a, .header-mobile .top-icon-area a {
	color:#fff;
}
.header-mobile .top-icon-area {
	top:44px;
	position:absolute;
	right:15px;
	font-size:16px;
}
.header-mobile .top-icon-area i {
	font-size:20px;
}
.header-mobile .top-icon-area .green-color:before {
	background:#80ff90!important;
}
.header-mobile span {
	position:absolute;
	top:18px;
}
.header-mobile span i {
	font-size:24px;
	color:#fff;
}
.header-mobile .logout-btn, .header-mobile .my-account-btn {
	left:10px;
}
.header-mobile .top-post-btn {
	left:55px;
}
.header-mobile .top-favs-btn {
	right:55px;
}
.header-mobile .hamburger-btn {
	right:10px;
}

.header {
	z-index:800;
	height:80px;
	margin-bottom:10px;
}

.header #logo {
	left:15px;
	top:5px;
	width:32px;
}
.header #logo img {
	width:100%;
}

.header .sign-btn, .header .my-account-btn, .header .language-btn { display:none; }

/*nav 選單列 *****************************************************/
.nav {
	display:none;
}
.header .mobile-menu {
	display:block;
	position:relative;
	top:10px;
	text-align:left;
	margin-bottom:0px;
	width:94%;
	left:3%;
}
.mobile-menu li {
	float:left;
	margin-right:20px;
	font-size:18px;
	position:relative;
}
.mobile-menu li.curr a {
	color:#a1e2ff;
}
.mobile-menu li:last-child {
	margin-right:0px;
}
.mobile-menu li a {
	color:#fff;
	transition:0.3s;
	position:relative;
	/*font-family:'San Francisco', 'FF DIN', 'Roboto', 'Helvetica', 'Arial';*/
	font-family:'Helvetica', 'Arial';
}
.mobile-menu li a:hover {
	color:#a1e2ff;
}
.mobile-menu li a:hover:before, .header-mobile a:hover:before, .has-line:hover:before {
	width:100%;
}
.mobile-menu li a.is-active {
	color:#a1e2ff;
}
.mobile-menu li a:before, .header-mobile a:before, .has-line:before {
	position:absolute;
	content:"";
	background:#a1e2ff;
	width:0%;
	height:2px;
	top:100%;
	left:0px;
	transition:0.2s ease-out;
}
.mobile-menu li .fa-bars {
	font-size:20px;
	top:0px;
	position:relative;
}
.header-mobile #logo a:before {
	background:none;
	opacity:0;
}
/*.hamburger {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	color:#fff;
	padding:10px 10px;
}
.hamburger-box {
	width:24px;
	height:24px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	height:3px;
	width:22px;
}
.hamburger--spring .hamburger-inner::before {
	top:8px;
}
.hamburger--spring .hamburger-inner::after {
	top:16px;
}*/

.nav-mobile {
	position:fixed;
	z-index:999;
	background:rgba(255,255,255,1);
	width:85%;
	top:0px;
	right:-85%;
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);
	overflow:scroll;
	height:100vh;
	max-width:500px;
	display:block;
	border-top:6px solid #3d3d3d;
	border-bottom:6px solid #3d3d3d;
}
.nav-mobile header {
	height:100px;
	width:85%;
	border-bottom:1px solid #ededed;
	width:85%;
	margin:0 auto 20px auto;
}
.nav-mobile a {
	font-size:14px;
}
.nav-mobile .top-area {
	margin: 0 auto 20px auto;
	border-bottom:1px solid #ededed;
	width:85%;
	text-align:center;
}
.nav-mobile .top-area li {
	display:inline-block;
	padding-left:15px;
}
.nav-mobile .top-area li:nth-child(1){
	padding-left:0px;
}
.nav-mobile .top-area li:nth-child(1) a:before{
	left:0px;
}
.nav-mobile .top-area li a:before {
	left:15px;
}
.nav-mobile .inner-wrap ul {
	width:85%;
	margin:0 auto 20px auto;
	border-bottom:1px solid #ededed;
	overflow:hidden;
}
.nav-mobile .inner-wrap li {
	float:left;
	width:50%;
}
.nav-mobile .inner-wrap li:nth-child(even){
	margin-right:3%;
}
.nav-mobile .inner-wrap li:nth-child(odd){
	width:47%;
}
.nav-mobile li {
	position:relative;
	margin-bottom:15px;
  -webkit-user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nav-mobile li a {
	cursor:pointer;
}
.nav-mobile li &gt; a:before {
	position:absolute;
	content:"";
	background:#3d3d3d;
	width:0%;
	height:1px;
	top:100%;
	left:0px;
	transition:0.2s ease-out;
}
.nav-mobile li &gt; a:hover:before {
	width:90%;
}

.nav-mobile li:hover, .nav-mobile li:hover a {
	color:#a1e2ff;
}
.nav-mobile li.subject:hover {
	color:#3d3d3d;
}
.nav-mobile li:hover a {
	color:#3d3d3d;
}
.nav-mobile li a {
	color:#3d3d3d;
	width:100%;
	height:100%;
	display:block;
	transition:0.2s;
}
.nav-mobile li.subject {
	border-bottom:none;
	position:relative;
	padding-left:0px;
	margin-bottom:10px;
	float:none;
	width:100%;
}
.nav-mobile li.subject:after {
	position:absolute;
	width:5px;
	height:50px;
	left:0;
	top:0px;
}
.nav-mobile li.subject h2 {
	font-size:19px;
	margin:0px 0 18px 0;
	color:#282828;
}
.nav-mobile li.subject.nav-mobile-fb h2 {
	margin:0 0 5px 0;
}

.nav-mobile .close-btn {
	cursor:pointer;
	font-size:24px;
	color:#3d3d3d;
	position:absolute;
	top:8px;
	right:10px;
	line-height:1em;
}
.nav-mobile .nav-post-btn {
	padding:5px 0px;
	background:#39b716;
	width:70%;
	position:absolute;
	top:40px;
	left:15%;
	text-align:center;
	border-radius:3px;
}
.nav-mobile .nav-post-btn a {
	color:#fff;
	width:100%;
	height:100%;
	display:block;
}
.nav-mobile .login {
	position:absolute;
	top:-40px;
	right:55px;
	border-bottom:none;
	margin:0;
}
.nav-mobile .login a {
	color:#fff;
}
.nav-mobile .my-account, .nav-mobile .my-ads, .nav-mobile .my-favs {
	position:absolute;
	top:-35px;
	left:-10px;
	border:none;
}
.nav-mobile .my-account a, .nav-mobile .my-ads a, .nav-mobile .my-favs a {
	color:#fff;
	font-size:16px;
}
.nav-mobile .my-ads {
	left:103px;
}
.nav-mobile .my-favs {
	left:184px;
}
.nav-mobile .fa-facebook-official {
	font-size:23px;
	position:relative;
	top:2px;
	margin-right:10px;
}

.nav-mobile .language-btn {
	width:100%;
	height:40px;
	border:1px solid #fff;
}

.nav-mobile .language-btn span {
	width:50%;
	float:left;
	text-align:center;
	height:40px;
	line-height:40px;
}

.nav-mobile .language-btn span a {
	width:100%;
	color:#fff;
	height:100%;
	display:block;
}

.content .row {
	width:100%;
}
.inner-wrap {
	width:100%;
}
.nav-icon-wrap {
	margin-bottom:20px;
}
.nav-icon-wrap ul {
	height:43px;
	box-shadow:0px 2px 5px rgba(0,0,0,0.12);
	margin:0;
}
.nav-icon-wrap ul li {
	float:left;
	line-height:43px;
	text-align:center;
	width:20%;
	border-left:1px solid #d2d4d8;
	background:#f9f9f9;
	position:relative;
}
.nav-icon-wrap ul li:last-child(1){
	border-right:1px solid #d2d4d8;
}
.nav-icon-wrap ul li a {
	color:#3d3d3d;
	position:relative;
	width:100%;
	height:100%;
	display:block;
	font-size:16px;
}
.nav-icon-wrap ul li .has-line:before{
	background:#3d3d3d;
}
.nav-icon-wrap ul li a i {
	font-size:18px;
}
.nav-icon-wrap ul li a img {
	position:relative;
	top:-2px;
	width:36px;
	height:36px;
}


/*首頁 index *****************************************************/
.our-users-wrap {
	padding:0 10px;
}
.our-users-wrap .inner-wrap {
	width:80%;
}

.content-area, .content-area.index-area  {
	padding:0 10px;
	margin-bottom:30px;
}

.content-area .promo-wrap &gt; div:nth-child(1) {
	background-image:none;
	height:0px!important;
	margin-top:0px;
}
.hot-article-wrap {
	/*padding:0px 10px;*/
	/*margin:0px 20px;*/
	width:calc(33% - 14px);
}
.hot-artile {
	margin:0 0 20px 0;
	height:auto;
}

/*super-teaching-jobs */
.content-area .super-teaching-jobs .promo-list-super &gt; div {
	margin-bottom:0px;
}
.super-teaching-jobs .promo-list-super &gt; div:nth-child(1) {
	width:100%;
}
.content-area .super-teaching-jobs .promo-list-super &gt; div:nth-child(2),
.content-area .super-teaching-jobs .promo-list-super &gt; div:nth-child(3)
{
	width:calc(50% - 30px);
	float:left;
	overflow:visible;
	margin:25px 15px 0 15px;
	position:relative;
	top:0;
}
.content-area .promo-list &gt; div {
	width:calc(33% - 14px);
}
.super-teaching-jobs-txt {
	margin-top:0px;
}

/*右側廣告欄位 *****************************************************/
.content .ad-area {
	padding:0 10px;
	margin-top:0px;
}

.content .ad-area .featured-ad-wrap {
	height:auto;
}

/*浮動廣告 Rise Belt Bluebar TextAD *****************************************************/
.ad-area .mid-rise-wrap, .ad-area .bluebar-wrap {
	width:25%;
}
.belt-wrap, .mid-rise-wrap, .bluebar-wrap {
	display:none; 
}


/*minor 次要內容頁面 *****************************************************/
.content-minor {
	overflow:hidden;
}
.content-minor h1 {
	font-size:23px;
	margin:0 0 25px 0px;
}

.post-btn {
	position:relative;
	top:initial;
	right:initial;
	text-align:center;
	margin:0px auto 40px auto;
	max-width:500px
}


/*listing 項目列表 *****************************************************/
.listing-area {
	padding-bottom:40px;
	margin:0 0 10px 0;
}
.listing-area .listing-date {
	bottom:10px;
	left:5px;
	top:inherit;
	right:inherit;
}
.listing-area .listing-num {
	
}
.listing-area .col-xs-3 {
	padding:0px 5px;
}
.listing-area .headline-wrap {
	padding:10px 15px 10px 7px;
}
.listing-area p {
	padding:0 7px;
}

.listing-area .headline-img {
	width:170px!important;
}

.headline-font {
	/*font-size:22px!important;*/
	line-height:1.3em;
}

.headline-page h3.title, .headline-page p {
	/*font-size:20px;*/
}
.headline-page .more-btn {
	/*font-size:19px;*/
}
.headline-page .more-btn:hover:before {
	width:100%;
}


/*listing content 項目內容頁面 *****************************************************/

.listing-content .row {
	margin:0px;
}

.listing-content .post-num {
	
}
.listing-content .date {
	
}
.listing-content .col-xs-12 {
	padding:0 4px;
	width:100%;
	margin:0;
}
.listing-content .col-xs-12 .img-cilp {
	width:50%;
	margin:0px auto 40px auto;
}

/*.listing-content .img-cilp {
	margin-bottom:15px;
	width:50%;
	float:left;
}*/
.listing-content h2.title {
	margin:0 0 20px 0;
	padding:0 0 0 0px;
}
.listing-content article {
	margin-right:0px;
}
.listing-content .post-btn {
    margin:0 auto 15px auto;
    position:relative;
    top:0;
    right: 0;
}
.listing-content .favs-btn {
    max-width: 500px;
    display: block;
    margin:0 auto 15px auto;
    float: none;
}
.listing-content .favs-btn2 {
    margin:15px 0 0 0 ;
}
.listing-content .btn-group.btn-group-justified {
    margin:0 auto 30px auto;
    max-width: 500px;
}
.like-btn {
	border:none;
	border-bottom:1px solid #ff618e;
	float:left;
	display:inherit;
	margin:0px 0 0 10px;
	padding:5px 0px;
}
.listing-content .col-xs-8 {
	width:100%;
	padding: 0 0 0 30px;
}

.listing-content h2.title {
	/*font-size:23px;*/
}
.listing-content h3.title, .listing-content .inline-title, .listing-content article {
	/*font-size:19px!important;*/
}
.share-buttons {
    margin:20px 0 0 0px;
}

/*listing-content-edit 廣告內容頁面編輯 *****************************************************/
.listing-content-edit .col-xs-4 {
	width:100%;
}
.listing-content-edit .img-cilp {
	width:100%;
	float:none;
}
.listing-content-edit  h2.title {
	padding:0px;
	float:none;
}

/*Post AD 刊登廣告頁面 *****************************************************/
.post-ad-wrap .col-xs-4, .post-ad-wrap .col-xs-8 {
	width:100%;
}
.post-ad-wrap .col-xs-8 {
	padding-left:30px;
}
.post-ad-wrap article {
	margin-right:0px;
}
.post-ad-wrap article:nth-child(1){
	margin-top:30px;
}

.fees-wrap {
	margin:60px 0 40px 0;
}
.fees-area .fees-float {
	width:45%;
	margin:0 2.5% 10% 2.5%;
}
.fees-wrap-tutor .fees-area .fees-float {
	width:100%;
	margin:0 0 15% 0;
}
.upimage-btn {
	position:relative;
	right:0;
	top:0;
}
.pay-box {
	position:relative;
	padding-left:20px;
	margin:15px 0 20px 0;
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
	padding-top:4px;
}
.pay-box:before {
	position:absolute;
	height:50px;
	width:3px;
	background:#ededed;
	top:5px;
	left:0;
	content:"";
}
.pay-box p {
	margin:0 0 7px 0;
	color:#1f3a75;
	font-size:16px;
}
/*條款term*/
.term-content {
	width:80%;
	left:10%;
}

/*登入 註冊 忘記密碼頁面 *****************************************************/
.login-inner {
	width:100%;
}

/*我的帳號頁面 *****************************************************/
.edit-info-btn {
	position:relative;
	top:inherit;
	right:inherit;
	display:block;
	margin:0 0px 30px 0px;
}
.user-post-btn {
	position:relative;
	display:block;
	top:inherit;
	right:inherit;
	margin:0 15px 30px 15px;
}
.post-list {
	position:relative;
	top:-20px;
	right:inherit;
	margin:0 15px;
    font-size: 16px;
}
.user-page &gt; .row {
	margin-left:0px;
}
.user-page .name {
	margin:20px 0 15px 0;
}
.user-page &gt; h2 {
	margin:40px 0 50px 0px;
}
.content-minor.myads-page .my-account-btn , .content-minor.myfav-page .my-account-btn {
	position:absolute;
	top:20px;
	right:20px;
	border:none;
	border-bottom:1px solid #1f3a75;
	padding:0 0 3px 0;
}

/*focus item*/
.focus-item-wrap {
	width:90%;
	top:15%;
	left:5%;
}


/*info edit 個人資料編輯頁面 *****************************************************/
.info-edit-wrap &gt; .row {
	margin:0px;
}
.info-edit-btn-wrap {
	padding:0px;
}
.pic-wrap .img-cilp {
	display:block;
	margin-right:0px;
	width:100%;
}
.pic-wrap .img-cilp img {
	width:100%;
}
.pic-wrap span {
	display:block;
	margin-top:20px;
}
.info-edit-wrap .submit-btn {
	width:100%;
	position:relative;
	bottom:inherit;
	right:inherit;
}
.info-edit-wrap input[type="text"], .info-edit-wrap input[type="tel"], .info-edit-wrap input[type="password"]{
	width:100%;
}

/*管理圖片 *****************************************************/
.info-edit-img .pic-wrap {
	width:90%;
}
.info-edit-img .delete-img {
	width:40px;
	height:40px;
	top:-40px;
	right:-20px;
}
.delete-img a {
	font-size:22px;
}
.delete-img i {
	padding:8px 0px 0px 11px;
}
.info-edit-img .upload-wrap {
	width:100%;
}
.info-edit-wrap h3.title {
	margin:20px 0 2px 0;
}

/*上傳圖片*/
#select-file-area {
	height:auto;
	padding-top:12px;
	width:100%;
	float:none;
}
#select-file-area h3 {
	font-size:18px;
	margin:0 0 7px 0;
}
#select-file-area .fa-search {
	font-size:50px;
}
#select-file-area p {
	font-size:14px;
}
.preview-wrap {
	width:100%;
	float:none;
	margin:30px 0 0 0;
	padding:0px;
	border:none;
}
.preview-wrap .preview-close i {
	font-size:30px;
}
.preview-wrap .preview-size {
	font-size:14px;
}
.my-photo-wrap h3.title {
	margin-bottom:25px;
}
.my-photo-area {
	margin:0 0 20px 0;
	width:80%;
	float:none;
}
.pic-wrap .img-cilp img {
	max-width:100%;
	margin-bottom:30px;
}


/*lottery 發票*/
.lottery-wrap .lottery {
	width:100%;
}
.lottery-wrap h3.title {
	margin:0px 30px 20px 15px;
}
.lottery-wrap article {
	padding-left:0px;
}
.lottery-wrap .lottery-step {
	width:100%;
}

.lottery-wrap .lott_a {
	padding:15px 20px;
	left:0px;
	width:100%;
}

.zoom-wrap {
	display:block;
}

.zoom-img {
	width:80%;
	margin:0 auto;
}

/*表單*/
.search-wrap input[type="text"] {
	width:calc(100% - 101px);
}

/*社群分享按鈕 *****************************************************/
ul.share-buttons {
	left:25px;
}
ul.share-buttons li {
	margin-right:7px;
}
ul.share-buttons img {
	width:35px;
}

/*article 文章*/
#sect_menu {
	width:97%;
}
#sect_menu article a {
	width:48.5%;
	margin:0 7px 7px 0;
}
.article-header {
	height:auto!important;
}
.article-title-area {
	width:100%;
	margin:25px auto 10px auto;
}
.article-header-d {
	height:170px;
}
.selectspace{
  margin-top: 20px;  
}
.mobilelivcam div{
display:none;
}

.mobilelivcam &gt; div:first-child{
 display:block;
 }

.donate-link{
    /*width:100%;height: 500px; position: absolute; top: 30px;float: left;*/
   /* display: none;*/
   margin-top: 0px;
    
}
.mobilemsg{
   display: block; 
   text-align: left;
   background: #3f73eb;
}
.mobilemsg a{
        color: #02519E;
    text-decoration: none;
    background-color: #FC0;
    padding: 2px 4px;
    border: 2px solid #FFFF00;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    
}
.donate-area{
    display: none;
}</pre></body></html>