@media screen and (max-width: 599px) { /*手機*/
/*=========主框架=========*/

#WRAPPER {
	font-size: 20px;
	line-height: 30px;
}
#article {
	position: relative;
	top: -10px;
}

/*==========上欄==========*/

.header_pic {
	display:none;
}

/*ad box*/

.ad_box {
	overflow:hidden;
}

/*logo box*/

.logo_box {
	width: 100%;
}
.logo_box img{
	width: 50%;
	left: 25%;
	position: relative;
	margin:0 0 10px 0;
}

/*banner*/

.ad_banner {
	width:100%;
}
.ad_banner img{
	width:100%;
}
.ad_banner_btnL {
	z-index: 555;
	float: left;
	position: absolute;
	left: 0px;
	width: 10%;
	top: 2.2%;
	opacity:0.7;
}
.ad_banner_btnR {
	z-index: 555;
	float: left;
	position: absolute;
	right: 0px;
	width: 10%;
	top: 2.2%;
	opacity:0.7;
}

/*==========中欄==========*/

/*好好logo*/
.logo_familysquare {
	display:none;
}
/*分類顯示*/
.sort {
	display:none;
}

/*現在位置*/
.site {
	display: none;
}

/*分類選單－手機*/
#menu-button {
	line-height: 30px;
	display: block;
	overflow: hidden;
	height: 40px;
	margin: 10px;
	padding-left: 30px;
	border: 5px solid #efefef;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #efefef;
	background-image: url(../image/class/icon3.png);
	background-repeat: no-repeat;
	background-position: 10px;
}
#menu-button a {
	color: #fff;
}
#menu-button a:hover {
	text-decoration: none;
}
.menu-more {
	font-size: 15px;
	position: absolute;
	z-index: 887;
	right: 15px;
	padding: 0 5px;
	color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #2a78dd;
}
#menu {
	position: absolute;
	z-index: 999;
	width: 100%;
	background-color: #fff;
	/*box-shadow: 6px 6px 12px -2px rgba(20%,20%,40%,.5);*/
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.nav-bar {
	display: none;
}
.nav-bar li ul {
	display: none;
}
.nav-bar li:hover > ul {
	display: block;
}
.nav-bar > li > a {
	display: block;
	width: 100%;
	padding: 10px;
	padding-left: 30px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-color: #efefef;
	background-image: url(../image/class/icon3.png);
	background-repeat: no-repeat;
	background-position: 10px;
}
.nav-bar ul li {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.nav-bar ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
}
/*-----課程與活動-內容-----*/
.box_CT {
	padding: 0 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
.box_CT img {
/*max-width:300px;*/
}

/*廣告*/
.ad_activity{
	background-color:#000;
	overflow:hidden;
}
.ad_activity li{
	float:left;
	width:100%;
	z-index: 554;
	float: left;
	/*position: relative;*/
}
.ad_activity li img{
	width:100%;
}
.ad_activity_imgLR{
	display:none;
}
.ad_activity_btnL{
	z-index: 555;
	float: left;
	position: absolute;
	left: 0px;
	width:10%;
}
.ad_activity_btnR{
	z-index: 555;
	float: left;
	position: absolute;
	right: 0px;
	width:10%;
}
.ad_activity_ct{
	width:100%;
	color: #000;
	background-color: #ededed;
	padding:5px 0 5px 2%;
	font-size:0.8em;
	line-height:1.5em;
}
.ad_activity_number{
	display:none;
}

/*列表*/
.list_title{
	font-size:25px;
	line-height:25px;
	font-weight:bold;
	margin:20px 0;
	/*height:25px;*/
	overflow:hidden;
	color: #7f4f21;	
}

.listA {
	padding:20px 20px 1px 20px;
	margin-top:60px;
}
.listA li{
	width: 90%;
	margin-bottom:20px;
}
.listA_imgbox {
	height:200px;
	overflow:hidden;
}
.listA img{
	width:100%;
}
.listA_title{
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}
.listA_ct{
	margin-bottom:10px;
	font-size:0.8em;
	line-height:1.5em;
	height: 60px;
	overflow : hidden;
}
.listA_btn{
	margin:auto;
}

.listB {
	margin-top:45px;
	overflow:hidden;
}
.listB li{
	width: 100%;
	margin-top:10px;
}
.listB_imgbox {
	height:200px;
	overflow:hidden;
}
.listB img{
	width:100%;
	z-index: 554;
	float: left;
	position: relative;
	margin-bottom:15px;
}
.listB_ct{
	margin-bottom:10px;
	font-size:0.8em;
	line-height:1.5em;
	height: 70px;
	overflow : hidden;
}
.listB_btn{
	margin:auto;
}
.listB_btn2{
	width: 70px;
	z-index: 555;
	float: left;
	position: absolute;
}
.listB_box {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.listC {
	margin:0 0 50px 5%;
	overflow:hidden;
}
.listC li{
	width: 90%;
	margin-top:10px;
	padding: 10px;
	background-color: #EFEFEF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.listC_imgbox {
	height:200px;
	overflow:hidden;
}
.listC img{
	width:100%;
}
.listC_ct{
	margin-bottom:10px;
	font-size:0.8em;
	line-height:1.5em;
	height: 60px;
	overflow : hidden;
}
.listC_btn{
	margin:auto;
}
.llistC_box {
	margin-top:15px;
}

/*頁碼*/
.pageBar {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding:20px 0 2px 0;
	overflow:hidden;
}
.pageBar ul{
	width:156px;
	margin:auto;
}
.pageBar li{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.pageBar li a{
	display:block;
	border: 1px solid #999;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.pageBar li a:hover{
	text-decoration: none;
	background-color: #FFDF5A;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.pageBar_info{
	font-size: 20px;
	border: 1 solid #FFF;
}

/*-----課程與活動-內容 end-----*/

/*表格*/
.grid6 {
	background-color: #EFEFEF;
	padding: 20px;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	margin-top:70px;
	text-align: center;
}
.grid6_icon {
	height: 30px;
	float: left;
	margin-right: 10px;
}
.grid6_1 {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	margin: 10px auto;
	overflow: hidden;
}
.grid6_2 {
	width: 220px;
	margin: 5px auto 0 auto;
}

/*==========下欄==========*/

/*版權* 新版全樣式取代*/

/*=========共用=========-*/

}