/*網頁版圖片*/
.img-lg { display: inherit; }

/*手機板圖片*/
.img-sm { display: none; }

.container {
	width: 100%;
	max-width: 1000px;
}

#content {
	margin-top: 51px;
	color: #362e2b;
	position: absolute;  /*讓smoothwheel work*/
}


@media screen and (max-width: 991px)  {

#content {
	margin-top: 40px;
	
}

}



.txt-color-db { color: #006a85; }
.txt-color-r { color: #e61f4c; }
.txt-color-y { color: #f9bb00; }
.txt-color-b { color: #0184c8; }
.txt-color-g { color: #30a968; }

/*-----------------------------------------menu-nav-------------------------------------------*/
.mobile-nav {
	display: none;
}

.activity-nav {
	background-color: #000;
	opacity: 0.9;
	position: fixed;   /*nav的高度*/
	width: 100%;
	z-index: 100;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	margin-top: -40px;
}

.activity-nav ul li {
	float: left;
	width: 14%;
	text-align: center;
}
.activity-nav ul li:hover {
	background: #FFF;
	-webkit-transition: background .3s ease;
	   -moz-transition: background .3s ease;
	    -ms-transition: background .3s ease;
	     -o-transition: background .3s ease;
	        transition: background .3s ease;
}
.activity-nav ul li:hover a {
	color: #333;
	text-decoration: none;
}

.activity-nav ul li a {
	display: block;
	line-height: 40px;  /*btn高度*/
	color: #FFF;
}

.activity-nav ul li.active {
	background: #FFF;
}
.activity-nav ul li.active a {
	color: #333;
}

/*為底下content抓出上邊界nav的空間  68+40*/
.nav-margin-top {
	margin-top: 121px;
}

/*-----------------------------------------menu-nav end---------------------------------------*/

/*------------------------------------- 動畫效果 -------------------------------------*/
/*左右搖擺*/
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  15%, 20% {
    -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -3deg);
  }

  25%, 35%, 45%, 55% {
    -webkit-transform: scale3d(1.05, 1.05, .051) rotate3d(0, 0, 1, 2deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
  }

  30%, 40%, 50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(.95, .95, .95);
    transform: scale3d(.95, .95, .95);
  }

  15%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  25%, 35%, 45%, 55% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
  }

  30%, 40%, 50% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(.95, .95, .95);
    transform: scale3d(.95, .95, .95);
  }
}

.tada {
	-webkit-animation: tada 2s ease 0s infinite normal;
	   -moz-animation: tada 2s ease 0s infinite normal;
	     -o-animation: tada 2s ease 0s infinite normal;
	        animation: tada 2s ease 0s infinite normal;
}

/*上下跳動*/
@-webkit-keyframes jump {
  from { margin-top:0px; }
  to { margin-top:10px; }
}
@-o-keyframes jump {
  from { margin-top:0px; }
  to { margin-top:10px; }
}
@-moz-keyframes jump {
  from { margin-top:0px; }
  to { margin-top:10px; }
}
@keyframes jump {
  from { margin-top:0px; }
  to { margin-top:10px; }
}

/*大至小淡入*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  90% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  90% {
    opacity: 1;
  }
}

.zoomIn {
	-webkit-animation: zoomIn 1.5s ease .5s 1 normal;
	   -moz-animation: zoomIn 1.5s ease .5s 1 normal;
	     -o-animation: zoomIn 1.5s ease .5s 1 normal;
	        animation: zoomIn 1.5s ease .5s 1 normal;
}


/*------------------------------------- 動畫效果end -------------------------------------*/



/*--------------------------------------button樣式--------------------------------------------*/
/*所有button樣式*/
.btn-group {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding:0 0 10px 10%;
}

.btn-group a {
	position: relative;
	z-index: 1;
	float: left;
	text-align: center;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	-webkit-transition: color .3s;
	   -moz-transition: color .3s;
	    -ms-transition: color .3s;
	     -o-transition: color .3s;
	        transition: color .3s;
}
.btn-group a:hover {
	text-decoration: none;
}
.btn-group a:active {
	-webkit-transform: scale3d(0.95, 0.95, 0.95);
	   -moz-transform: scale3d(0.95, 0.95, 0.95);
	    -ms-transform: scale3d(0.95, 0.95, 0.95);
	     -o-transform: scale3d(0.95, 0.95, 0.95);
	        transform: scale3d(0.95, 0.95, 0.95);
}
.btn-group a:focus {
	text-decoration: none;
}

.btn-group a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
	-webkit-transform: scale3d(0.9, 0.9, 1);
	   -moz-transform: scale3d(0.9, 0.9, 1);
	    -ms-transform: scale3d(0.9, 0.9, 1);
	     -o-transform: scale3d(0.9, 0.9, 1);
	        transform: scale3d(0.9, 0.9, 1);
	-webkit-transition: box-shadow .3s, -webkit-transform .3s;
	   -moz-transition: box-shadow .3s, -moz-transform .3s;
	    -ms-transition: box-shadow .3s, -ms-transform .3s;
	     -o-transition: box-shadow .3s, -o-transform .3s;
	        transition: box-shadow .3s, transform .3s;
}
.btn-group a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
     -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
       -o-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}


/*試聽、報名button樣式*/
a.listen, a.sign-up {
	width: 40%;
	background: #ecf6f1;
	padding: 0.5em 0;
	margin: 0 2%;
	color: #00708d;
	border: 1px solid #00708D;
	font-size: 1.25em;  
	font-weight: bold;
	letter-spacing: 5px;
	text-shadow: 1px -1px 0 #fff;
}
a.listen:hover, a.sign-up:hover {
	color: #fff;
	text-shadow: 1px -1px 0 #000;
}

a.listen::before, a.sign-up::before {
	box-shadow: inset 0 0 0 100px #ecf6f1;
}
a.listen:hover::before, a.sign-up:hover::before {
  box-shadow: inset 0 0 0 100px #007796;
}

/*護理金榜、護理名師群、更多課程資訊 button樣式*/
a.ranking, a.teacher-list, a.more {
	width: 100%;
	background: #fff;
	padding: 0.7em 0;
	margin: 2.5% 10%;
	color: #362E2B;
	border: 1px solid #362e2b;
	font-size: 1.6875em;  /*27px*/
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 1px -1px 0 #fff;
}
a.ranking:hover, a.teacher-list:hover, a.more:hover {
	color: #f9f6e8;
	text-shadow: 1px -1px 0 #000;
}

a.ranking::before, a.teacher-list::before, a.more::before {
	box-shadow: inset 0 0 0 100px #fff;
}
a.ranking:hover::before, a.teacher-list:hover::before, a.more:hover::before {
  box-shadow: inset 0 0 0 100px #362e2b;
}

/*--------------------------------------button樣式 end----------------------------------------*/


/*頂部區塊-浮動置頂CSS*/
#go347header{
	position: fixed;
	width:100%;
	z-index: 9999;
	top: 0;
	/*background-color:#FFFFFF;*/
}

 /*頂部固定區塊-區塊1*/
.fixed-top-area-1 {
    height: 60px;
    background-color:#FFA600;
    padding: 3px 0px;
    border-bottom: 1px solid #D48A01;
}

.web-content-width {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}
 /* 左上角LOGO */
    .weblogo{
		margin:auto;
		max-width:90px;
    }

/* 客服電話(B) */
    .freetel > div {
		font-size:1.5rem;
		color:#FFFFFF;
        float: right;
        letter-spacing: 1px;
        margin-top: 15px;
        padding: 0 1em;
    }
    .freetel > div + div {
        border-right: 1px solid #f7c568;
        -webkit-box-shadow: 1px 0 0 #c68a2b;
                box-shadow: 1px 0 0 #c68a2b;
    }

    /*如果使用者之視窗寬度 <= 767px，將會再載入這裡的 CSS。*/
    @media screen and (max-width: 767px) {
        .fixed-top-area-1{
            height: 72px;
        }

        .weblogo{
            margin: 0 auto;
        }

        .freetel > div {
            margin-top: 2px;
            width: 50%;
            text-align: center;
            padding: 0;
        }
    }
    /*如果使用者之視窗寬度 <= 480px，將會再載入這裡的 CSS。*/
    @media screen and (max-width: 480px) {
        .freetel > div{
            font-size: 11px;
            font-size: 1.1rem;
            letter-spacing: 0;
        }
    }
    /* 客服電話(E) */


/*-------------------------------------主視覺-------------------------------------------*/
#main-banner {
	width: 100%;
	background: url(images/bg.jpg) no-repeat;
	background-attachment: fixed;
	/*-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;*/
}

#main-banner2 {
	margin-top:1em;
	width: 100%;
    background: url(//347.com.tw/event/fixed/c_team/room-bg.jpg) no-repeat;
	background-attachment: fixed;
	/*-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;*/
}


.circle {
	position: absolute;
    z-index: 10;
    width: 50%;
    top: 32%;
	-webkit-animation: jump 1s ease 0s infinite alternate;
	   -moz-animation: jump 1s ease 0s infinite alternate;
	     -o-animation: jump 1s ease 0s infinite alternate;
	        animation: jump 1s ease 0s infinite alternate;
}

/*-------------------------------------主視覺 end-------------------------------------------*/


/*-------------------------------------  活動時間 // 活動資訊  -------------------------------------------*/

#event-time {
	background-color: #ddd;
	padding:10px;
	-webkit-box-shadow: 0px -15px 20px rgba(0, 0, 0, 0.25);
	        box-shadow: 0px -15px 20px rgba(0, 0, 0, 0.25);
}

h2 {
	font-size: 2em;  
    color: #FFF;
    font-style: italic;
    font-style: oblique;
    letter-spacing: 5px;
    text-align: center;
    line-height: 55px;
    text-shadow: 1px 1px 5px #666;
	float:left;
}

/*-------------------------------------  活動時間 // 活動資訊 end  -------------------------------------------*/


/*-------------------------------------各主題區塊-------------------------------------------*/
#event-content .container {
	padding: 5% 0;
	font-size: 16px;  /*1em單位*/
}

#event-item01 {	
	background-color: #28364a;
	padding:1em 0;
	text-align:center;
}

#event-item02 {
	background-color: #232323;
}

.event-txt {
	font-size: 1.5em;  /*24px*/
	letter-spacing: 5px;
	font-weight: bold;
	padding: 0.5em 0;
    line-height: 2em;
}

.number01 {
	font-family: "微軟正黑體", Arial, sans-serif, Helvetica;
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
}



.number01  a:link {
	color: #fff;
	text-decoration: none;
}
.number01  a:visited {
	color: #fff;
	text-decoration: none;
}
.number01  a:hover {
	color: #fff;
	background-color: #B87100;
	
}

.number02 {
	font-family: "微軟正黑體", Arial, sans-serif, Helvetica;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
}

.number02  a:link {
	color: #fff;
	text-decoration: none;
}
.number02  a:visited {
	color: #fff;
	text-decoration: none;
}
.number02  a:hover {
	color: #fff;
	background-color: #B87100;
	
}

.event-item02 .event-txt {
	letter-spacing: 2px;
}

.txt-class {
	font-size: 1.25em;  /*30px*/
	letter-spacing: 5px;
	padding-left: 0.2em;
}

.price {
	font-size: 5.625em;  /*90px*/
	font-style: italic;
    font-style: oblique;
    text-shadow: 3px -3px 0 #fff;
}

.price sup {
	font-size: 0.5em;  /*40px*/
	top: -0.7em;
}

.price span {
	font-size: 0.25em;
}

.text3 {
	font-size: 13pt;
    color: #535353;
    line-height: 2em;
    padding-left: 5%;
}


#event-content img {
	vertical-align: inherit;
}

#point8 {
	background-color: #f6f9e8;
	background-image: url(images/title-bg-g.jpg);
	background-repeat: repeat-x;
	padding-bottom: 5%;
}

#listen-video {
	background-color: #fff;
	background-image: url(images/title-bg-br.jpg);
	background-repeat: repeat-x;
	padding-bottom: 5%;
}

#listen-video figure {
	padding: 0.5em;
}

#listen-video figure figcaption {
	text-align: center;
	font-size: 1.125em;  /*18px*/
	letter-spacing: 1px;
	padding: 0.5em;
    margin: 1em 0;
	border: 1px solid;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
}

#teacher {
	background-color: #f9f6e8;
	background-image: url(images/title-bg-o.jpg);
	background-repeat: repeat-x;
	padding-bottom: 5%;
}

#teacher .container {
	background-image: url(images/teacher-bg.png);
	background-position: 0 65px;
	background-repeat: no-repeat;
}

#teacher-box-01 {
	background: url(images/bg-teacher01.png) no-repeat;
	padding: 3.5% 1em 4.1% 18%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#teacher-box-02 {
	background: url(images/bg-teacher02.png) no-repeat;
	padding: 2% 13% 3% 1em;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	-webkit-animation: jump 3s ease-in-out 1.5s infinite alternate;
	   -moz-animation: jump 3s ease-in-out 1.5s infinite alternate;
	     -o-animation: jump 3s ease-in-out 1.5s infinite alternate;
	        animation: jump 3s ease-in-out 1.5s infinite alternate;
}
#teacher-box-03 {
	background: url(images/bg-teacher03.png) no-repeat;
	padding: 2% 6% 2.6% 8%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	-webkit-animation: jump 3s ease-in-out 0s infinite alternate;
	   -moz-animation: jump 3s ease-in-out 0s infinite alternate;
	     -o-animation: jump 3s ease-in-out 0s infinite alternate;
	        animation: jump 3s ease-in-out 0s infinite alternate;
}
#teacher-box-04 {
	background: url(images/bg-teacher04.png) no-repeat;
	padding: 3.5% 18% 5.5% 2em;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#teacher-box-05 {
	background: url(images/bg-teacher05.png) no-repeat;
	padding: 3% 2% 4.5% 18%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#teacher-box-06 {
	background: url(images/bg-teacher06.png) no-repeat;
	padding: 2.5% 13% 3.7% 3%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	-webkit-animation: jump 3s ease-in-out .5s infinite alternate;
	   -moz-animation: jump 3s ease-in-out .5s infinite alternate;
	     -o-animation: jump 3s ease-in-out .5s infinite alternate;
	        animation: jump 3s ease-in-out .5s infinite alternate;
}
#teacher-box-07 {
	background: url(images/bg-teacher07.png) no-repeat;
	padding: 2.5% 5% 1.6% 11%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	-webkit-animation: jump 3s ease-in-out 1s infinite alternate;
	   -moz-animation: jump 3s ease-in-out 1s infinite alternate;
	     -o-animation: jump 3s ease-in-out 1s infinite alternate;
	        animation: jump 3s ease-in-out 1s infinite alternate;
}
#teacher-box-08 {
	background: url(images/bg-teacher08.png) no-repeat;
	padding: 3.5% 18% 4.1% 3%;
	margin-bottom: 1%;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

#teacher h6 {
	font-size: 1.3125em;  /*21px*/
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 2em;
}

p.teacher-content {
	letter-spacing: 1px;
	font-size: 0.9375em;  /*15px*/
	line-height: 1.5em;
}

.price-box1 {
	margin:0 5px 5px 0;
	background-color:#D0D0D0;
	border-radius:20px 0;
	padding-bottom:13px;
	text-align:-webkit-center;
}

.price-box2 {
	margin:0 0 5px 5px;
	background-color:#D0D0D0;
	border-radius:20px 0;
	text-align:-webkit-center;
}

.price-box3 {
	margin:0 0 5px 5px;
	background-color:#D0D0D0;
	border-radius:20px 0;
	text-align:-webkit-center;
}
.student-box01 {
	line-height:1.5em;
	text-align: center;
    margin:10px 5px 0 0;

}

.table01 td {
	border: 1px solid #767676;
	margin:auto;
	padding:8px;
	color: #363636;
	font-size:1em;
	text-align:center;	
}
.table02 td {
	border: 1px solid #E1E1E1;
	margin:auto;
	padding:5px;
	color:#2E2E2E;
	font-size:0.8125em;
	text-align:center;	
}
.table03 td {
	border: 1px solid #E1E1E1;
	margin:auto;
	padding:8px 5px;
	color:#2E2E2E;
	font-size:0.8125em;
	line-height:1.5em;
	text-align:center;
}

.auto {
	margin:auto;
}

@media screen and (max-width: 767px)  {

.table01 td {
	font-size:0.8125em;	
}	

}



/*-------------------------------------各主題區塊 end-------------------------------------------*/



/*------------------------------------- 紛絲團 -------------------------------------------*/
#fb-link {
	background: url(images/btn-group-bg.jpg);
	padding: 50px 0;
}

.fb-content {
    position: relative;
	background: url(images/fb_bg.png) no-repeat;
	max-width: 620px;
	font-size: 16px;
	margin: 0 auto;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.fb-content .fb-link-btn {
	color: #32466A;
	float: left;
	padding: 10% 0 8% 10%;
}
.fb-content .fb-link-btn:hover {
	text-decoration: none;
}
.fb-content .fb-link-btn:focus {
	text-decoration: none;
}

.fb-content .fb-link-btn:hover>.icon-fb {
	background: url(images/icon_fb_hover.gif);
	-webkit-transition: background .2s ease;
	   -moz-transition: background .2s ease;
	    -ms-transition: background .2s ease;
	     -o-transition: background .2s ease;
	        transition: background .2s ease;
}
.fb-content .fb-link-btn:focus>.icon-fb {
	-webkit-transform: scale3d(0.95, 0.95, 0.95);
	   -moz-transform: scale3d(0.95, 0.95, 0.95);
	    -ms-transform: scale3d(0.95, 0.95, 0.95);
	     -o-transform: scale3d(0.95, 0.95, 0.95);
	        transform: scale3d(0.95, 0.95, 0.95);
}

.fb-link-btn p.fb-name {
	font-size: 2em;  /*32px*/
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 0.3em;
	line-height: 1.5em;
}

.fb-link-btn p.fb-intro {
	line-height: 2em;
    font-size: 1.125em;  /*8px*/
    max-width: 9em;
    float: left;
}

.fb-link-btn .icon-fb {
	background: url(images/icon_fb.gif);
	width: 74px;
	height: 74px;
	float: left;
	margin-top: 8%;
}

/*------------------------------------- 紛絲團end -------------------------------------------*/




/*----------------------------------*/



/*視窗寬度  768 ~ 991  之間以下切換*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	/*-------------------------------------各主題區塊-------------------------------------------*/
	#event-content .container {
		font-size: 12px;  /*1em單位*/
		padding: 5% 2%;
	}

	#teacher h6 {
		font-size: 1em;
		letter-spacing: 0px;
	}

	p.teacher-content {
		letter-spacing: 0px;
		font-size: 0.8125em;  /*13px*/
	}
	/*-------------------------------------各主題區塊 end-------------------------------------------*/

	.fb-content .fb-link-btn {
		padding: 10% 5% 8% 6%;
		font-size: 13px;
	}
	
}





/*視窗寬度小於767以下切換*/
@media screen and (max-width: 767px)  {
	
	.text3 {
	font-size: 1em;
    padding-left: 2%;
	}

	/*網頁版圖片*/
	.img-lg { display: none; }

	/*手機板圖片*/
	.img-sm { display: inherit; }

	h2 {
		letter-spacing: 5px;
	}

	a.ranking, a.teacher-list, a.more {
		margin: 2.5% auto;
		width: 95%;
		font-size: 1.5em;  /*24px*/
	}


	/*-------------------------------------各主題區塊-------------------------------------------*/
	#event-content .container {
		font-size: 15px;  /*1em單位*/
		padding: 5%;
	}

	#teacher-box-01 {
		padding: 6% 8% 7% 34%;
	}
	#teacher-box-02 {
		padding: 4% 13% 6% 8%;
	}
	#teacher-box-03 {
		padding: 5% 10% 6% 18%;
	}
	#teacher-box-04 {
		padding: 7% 35% 8% 7%;
	}
	#teacher-box-05 {
		padding: 7% 8% 7% 34%;
	}
	#teacher-box-06 {
		padding: 5% 13% 6% 6%;
	}
	#teacher-box-07 {
		padding: 5% 12% 8% 23%;
	}
	#teacher-box-08 {
		padding: 6% 35% 7% 7%;
	}

	p.teacher-content {
		max-width: 23em;
	}

	/*-------------------------------------各主題區塊 end-------------------------------------------*/

	.fb-content .fb-link-btn {
		padding: 10% 5% 7% 10%;
	}

	.fb-link-btn p.fb-intro {
		display: none;
	}

	.fb-link-btn .icon-fb {
		margin: 0 auto;
    	float: none;
	}
	
	.number01 {
	font-size: 1em;
	line-height: 1.5em;

}



/*視窗寬度小於480以下切換*/
@media screen and (max-width: 480px)  {
	h2 {
		font-size: 1em;
		letter-spacing: 3px;
	}

	/*-------------------------------------各主題區塊-------------------------------------------*/
	#event-content .container {
		font-size: 11px;  /*1em單位*/
	}

	.icon-cross {
		width: 16px;
	}

	#teacher h6 {
		font-size: 0.8125em;  /*13px*/
		letter-spacing: 0px;
	}

	p.teacher-content {
		letter-spacing: 0px;
		font-size: 0.625em;  /*10px*/
		max-width: 19em;
	}
	/*-------------------------------------各主題區塊 end-------------------------------------------*/
	#fb-link .container, .fb-content {
		font-size: 11px;  /*1em單位*/
	}

	.fb-content .fb-link-btn {
		padding: 10% 8% 7% 11%;
	}
}



/*視窗寬度小於380以下切換*/
@media screen and (max-width: 380px)  {

	/*-------------------------------------各主題區塊-------------------------------------------*/
	#event-content .container {
		font-size: 10px;  /*1em單位*/
	}

	#event-content .container p, #event-content .container span, #event-content .container a,
	#fb-link .container a {
		letter-spacing: 0 !important;
	}
	/*-------------------------------------各主題區塊 end-------------------------------------------*/
	#fb-link .container, .fb-content {
		font-size: 10px;  /*1em單位*/
	}

	.fb-content .fb-link-btn {
		padding: 10% 5% 8% 6%;
	}
}