@charset "utf-8";
@font-face {
    font-family: "wta";
    src: url(../fonts/wta01.woff);
}
body,td,th {
	font-family: wta01, Arial, "微軟正黑體";
	background-color: #E5E5E5;
}
a,img{
	border:0;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFC600;
}
a:active {
	text-decoration: none;
}
.clear_both {
	clear: both;
	height: 0px;
}
.list_line{
	border-bottom: 1px dotted #E4E4E4;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.Page_number{
	overflow: auto;
	text-align: center;
	font-size: 0.9em;
}
.Page_number ul{
	display: inline-block;
	margin: 0;
}
#index_ad img{
	width: 100%;
	height: 100%;
}
#logo img,#index_ad img,.index_photo_box img,.index_course_box_l img,.container_course_box img,.container_photo_box img,.container_l_box img{
	max-width: 100%;
	max-height: 100%;
}
#container_top_box img{
	max-height: 100%;
}
.index_news_box ul,.index_course_box ul,.index_photo_box ul,.container_photo_box ul,.container_course_box ul,.container_news_box ul,.container_l_box ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.contact_table{
	padding: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #D1D1D1;
}
.textfield_1{
	width: 100%;
	border: 1px solid #C7C7C7;
}
#Send{
	display: block;
	width: 123px;
	height: 33px;
	background-image: url(../images/index/bg_01.png);
	background-repeat: repeat-y;
	background-color: #2586C5;
	background-position: right top;
	line-height: 33px;
	font-size: 16px;
	overflow: hidden;
	padding-right: 33px;
	color: #FDFDFD;
}
#Send:hover{
	background-image: url(../images/index/bg_01.png);
	background-repeat: repeat-y;
	background-color: #78C1F0;
	background-position: right top;
	color: #5C5C5C;
	text-decoration: none;
}
#Refill{
	display: block;
	width: 123px;
	height: 33px;
	background-image: url(../images/index/bg_05.png);
	background-repeat: repeat-y;
	background-color: #757575;
	background-position: right top;
	line-height: 33px;
	font-size: 16px;
	overflow: hidden;
	padding-right: 33px;
	color: #FDFDFD;
}
#Refill:hover{
	background-image: url(../images/index/bg_05.png);
	background-repeat: repeat-y;
	background-color: #cbcbcb;
	background-position: right top;
	color: #5C5C5C;
	text-decoration: none;
}
.box_footer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 330px;
	padding-left: 40px;
}
.box_footer li{
	float: left;
	text-align: center;
	margin-left: 5px;
}
#container_box_l h2{
	font-family: Arial, "微軟正黑體";
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(../images/index/bg_01.png);
	height: 33px;
	line-height: 30px;
	background-repeat: repeat-y;
	background-color: #2586C5;
	background-position: right top;
	padding-left: 9px;
	color: #FFFFFF;
}
#container_box_l h2 a{
	text-decoration: none;
	color: #fff;
}
#container_box_l h3{
	font-family: Arial, "微軟正黑體";
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(../images/index/bg_02.png);

	height: 33px;
	line-height: 30px;
	background-repeat: repeat-y;
	background-color: #7ec738;
	background-position: right top;
	padding-left: 9px;
	color: #FFFFFF;
}
#container_box_l h4{
	font-family: Arial, "微軟正黑體";
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(../images/index/bg_04.png);
	width: 100%;
	height: 33px;
	line-height: 30px;
	background-repeat: repeat-y;
	background-color: #BF9607;
	background-position: right top;
	padding-left: 9px;
	color: #FFFFFF;
}
#container_box_l h4 a{
	color: #fff;
}
.album_picture{
	border-bottom: 1px dotted #C3C3C3;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.course_divider{
	border-bottom: 1px dotted #C3C3C3;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.container_news_content img{
	width: 99.5%;
}
.container_news_content{
	background-color: #FFFFFF;
	padding: 10px;
}
@media (min-width: 1200px){

#top_box {
	height: 150px;
	width: 1250px;


}
#logo {
	padding: 0px;
	height: 137px;
	margin-top: 15px;
	margin-left: 5px;
}
#defaultNavbar1 {
	margin-top: 70px;
	margin-left: 40px;
}
.top_nav_a {
	font-size: 20px;
	font-family: "wta", Arial, "微軟正黑體";
	
}
.top_nav_a img{
    width: 48px;
}
#index_ad{
	width: 1220px;
	background-image: url(../images/index/ad.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	padding-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 20px;
}
#index_container{
	width: 1250px;
	margin-bottom: 20px;
}
.index_box{
	width: 33.3%;
	float: left;
}
.index_box h1,#container_box_r h1,#container_box_l h1 {
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 20px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;

}

.more {
	margin-right: 40px;
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
}
.index_news_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 210px;
}
.index_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.index_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_course_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 210px;
}
.index_course_box_l{
	width: 70%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;

	
}
.index_course_box_l_h1{
	font-size: 18px;
	line-height: 35px;
	margin-left: 10px;
}
.index_course_box_r{
	width: 28%;
	float: right;
}
.index_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
	height: 210px;
}
.index_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 40%;
	padding-right: 5px;
	padding-left: 0px;

}
.index_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
	height: 50px;
	background-size: 15px auto;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
#container{
	width: 1250px;
	margin-bottom: 20px;
}
.container_box{}

#container_box_l{
	width: 70%;
    float: left;
}
#container_box_r{
	width: 30%;
    float: right;
}
.container_box{}
.container_l_box{
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 16px;
}
.container_news_box {
	background-color: #FFFFFF;
	padding: 10px;
}
.container_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.container_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_course_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_course_box_l{
	width: 70%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;	
}
.container_course_box_l_h1{
	font-size: 18px;
	line-height: 35px;
	margin-left: 10px;
}
.container_course_box_r{
	width: 28%;
	float: right;
}
.container_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
	height: 210px;
}
.container_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 40%;
	padding-right: 5px;
	padding-left: 0px;

}
.container_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about_top{
	background-image: url(../images/about/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#news_top{
	background-image: url(../images/news/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#contact_top{
	background-image: url(../images/contact/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#photo_top{
	background-image: url(../images/photo/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#course_top{
	background-image: url(../images/course/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#container_top_box{
	width: 1250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 205px;
}
.news_list_img{
	width: 30%;
	float: left;
}
.news_list{
	width: 68%;
	float: right;
}
.news_list h4{
	margin: 0px;
	font-size: 18px;
}
.album_img{
	width: 24%;
	float: left;
	background-color: #F3F3F3;
	margin: 0 3px 20px 3px;
	line-height: 25px;
}
.photo_img{
	float: left;
	width: 24%;
	margin: 0 5px 5px 0;
	text-align: center;
	background-color: #F3F3F3;
}
.photo_img:before{
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.photo_img img
{
	vertical-align: middle;
}
}
@media (min-width: 992px) and (max-width: 1199px){
	

#top_box {
	height: 145px;
	width: 990px;


}
#logo {
	padding: 0px;
	width: 177px;
	height: 107px;
	margin-top: 15px;
	margin-left: 5px;
}
#defaultNavbar1 {
	margin-top: 40px;
	margin-left: 40px;
}
.top_nav_a {
	font-size: 16px;
	font-family: "wta", Arial, "微軟正黑體";
	
}
.top_nav_a img{
    width: 38px;
} 
#index_ad{
	width: 960px;
	background-image: url(../images/index/ad.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#index_container{
	width: 990px;
	margin-bottom: 20px;
}
.index_box{
	width: 33.3%;
	float: left;
}
.index_box h1 ,#container_box_l h1,#container_box_r h1{
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;

}
.more {
	margin-right: 40px;
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 14px;
	line-height: 30px;
}
.index_news_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 160px;
}
.index_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.index_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_course_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 160px;
}
.index_course_box_l{
	width: 60%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;

	
}
.index_course_box_l_h1{
	font-size: 18px;
	line-height: 35px;
	margin-left: 10px;
}
.index_course_box_r{
	width: 38%;
	float: right;
}
.index_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
	height: 160px;
}
.index_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 38%;
	padding-right: 5px;
	padding-left: 0px;

}
.index_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
	height: 50px;
	background-size: 15px auto;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
#container{
	width: 992px;
	margin-bottom: 20px;
}
.container_box{}

#container_box_l{
	width: 70%;
    float: left;
}
#container_box_r{
	width: 30%;
    float: right;
}
.container_box{}
.container_l_box{
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 16px;
}
.container_news_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.container_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_course_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_course_box_l{
	width: 50%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 0px;	
}
.container_course_box_l_h1{
	font-size: 16px;
	line-height: 35px;
	margin-left: 10px;
}
.container_course_box_r{
	width: 48%;
	float: right;
}
.container_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
}
.container_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 50%;
	padding-right: 5px;
	padding-left: 0px;

}
.container_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about_top{
	background-image: url(../images/about/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#news_top{
	background-image: url(../images/news/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#contact_top{
	background-image: url(../images/contact/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#photo_top{
	background-image: url(../images/photo/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#container_top_box{
	width: 992px;
	height: 185px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.news_list_img{
	width: 30%;
	float: left;
}
.news_list{
	width: 68%;
	float: right;
}
.news_list h4{
	margin: 0px;
	font-size: 18px;

}
.album_img{
	width: 24%;
	float: left;
	background-color: #F3F3F3;
	margin: 0 3px 20px 3px;
	line-height: 25px;
}
.photo_img{
	float: left;
	width: 24%;
	margin: 0 5px 5px 0;
	text-align: center;
	background-color: #F3F3F3;
}
.photo_img:before{
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.photo_img img
{
	vertical-align: middle;
}
#course_top{
	background-image: url(../images/course/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}	
}

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

#top_box {
	height: 105px;
	width: 768px;


}
#logo {
	padding: 0px;
	width: 120px;
	height: 75px;
	margin-top: 10px;
	margin-left: 5px;
}
#defaultNavbar1 {
	margin-top: 30px;
	margin-left: 5px;
}
.top_nav_a {
	font-size: 15px;
	font-family: "wta", Arial, "微軟正黑體";
	
}
.top_nav_a img{
    width: 28px;
} 
#index_ad{
	width: 738px;
	background-image: url(../images/index/ad.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#index_container{
	width: 768px;
	margin-bottom: 20px;
}
.index_box{
	width: 33.3%;
	float: left;
}
.index_box h1 ,#container_box_l h1,#container_box_r h1{
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;

}
.more {
	margin-right: 40px;
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 14px;
	line-height: 30px;
}
.index_news_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 230px;
}
.index_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.index_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_course_box{
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 20px;
	height: 230px;
}
.index_course_box_l{
	width: 100%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;
}
.index_course_box_l_h1{
	font-size: 16px;
	line-height: 25px;
	margin-left: 2px;
}
.index_course_box_r{
	width: 100%;
	float: right;
}
.index_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 20px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
	height: 230px;
}
.index_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 50%;
	padding-right: 5px;
	padding-left: 0px;

}
.index_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
	height: 50px;
	background-size: 15px auto;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
#container{
	width: 768px;
	margin-bottom: 20px;
}
.container_box{}

#container_box_l{
	width: 70%;
    float: left;
}
#container_box_r{
	width: 30%;
    float: right;
}
.container_box{}
.container_l_box{
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 16px;
}
.container_news_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.container_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_course_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_course_box_l{
	width: 100%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;	
}
.container_course_box_l_h1{
	font-size: 16px;
	line-height: 35px;
	margin-left: 10px;
}
.container_course_box_r{
	width: 100%;
	float: right;
}
.container_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_photo_box{
	padding: 10px;
	background-color: #FFFFFF;

}
.container_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 50%;
	padding-right: 5px;
	padding-left: 0px;

}
.container_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about_top{
	background-image: url(../images/about/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#contact_top{
	background-image: url(../images/contact/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#news_top{
	background-image: url(../images/news/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#photo_top{
	background-image: url(../images/photo/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#course_top{
	background-image: url(../images/course/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#container_top_box{
	width: 768px;
	height: 145px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.news_list_img{
	width: 40%;
	float: left;
}
.news_list{
	width: 58%;
	float: right;
}
.news_list h4{
	margin: 0px;
	font-size: 16px;

}
.album_img{
	width: 32%;
	float: left;
	background-color: #F3F3F3;
	margin: 0 3px 20px 3px;
	line-height: 25px;
}
.photo_img{
	float: left;
	width: 32%;
	margin: 0 5px 5px 0;
	text-align: center;
	background-color: #F3F3F3;
}
.photo_img:before{
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.photo_img img
{
	vertical-align: middle;
}
}

@media (max-width: 767px){
	

#logo {
	padding: 0px;
	width: 75px;
	height: 45px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.top_nav_a {
	font-size: 15px;
	font-family: "wta", Arial, "微軟正黑體";
	
}
.top_nav_a img{
    width: 18px;
} 
#index_ad{
	width: 92%;
	background-image: url(../images/index/ad.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#index_container{
	width: 98%;
	margin-bottom: 20px;
}
.index_box{
	width: 100%;
	float: left;
}
.index_box h1 ,#container_box_l h1,#container_box_r h1{
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;

}
.more {
	margin-right: 40px;
	font-family: "wta", Arial, "微軟正黑體";
	font-size: 14px;
	line-height: 30px;
}
.index_news_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.index_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.index_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_course_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.index_course_box_l{
	width: 50%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;
}
.index_course_box_l_h1{
	font-size: 16px;
	line-height: 25px;
	margin-left: 2px;
}
.index_course_box_r{
	width: 48%;
	float: right;
}
.index_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
}
.index_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 50%;
	padding-right: 5px;
	padding-left: 0px;

}
.index_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer {
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
	height: 50px;
	background-size: 15px auto;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
#container{
	width: 100%;
	margin-bottom: 20px;
}
.container_box{}

#container_box_l{
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;

}
#container_box_r{
	width: 100%;

}
.container_box{}
.container_l_box{
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 14px;
}
.container_news_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_news_box li{
   	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: url(../images/top/01-1.png);
	background-repeat: no-repeat;
}
.container_news_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_course_box{
	background-color: #FFFFFF;
	padding: 10px;
}
.container_course_box_l{
	width: 100%;
	background-color: #e1e1e1;
	float: left;
	margin-right: 5px;	
}
.container_course_box_l_h1{
	font-size: 14px;
	line-height: 35px;
	margin-left: 10px;
}
.container_course_box_r{
	width: 100%;
	float: right;
}
.container_course_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container_photo_box{
	padding: 10px;
	background-color: #FFFFFF;
}
.container_photo_box li{
	float: left;
	margin-bottom: 5px;
	width: 50%;
	padding-right: 5px;
	padding-left: 0px;

}
.container_photo_box_footer{
	background-color: #FFFFFF;
	padding: 5px;
	text-align: right;
	background-image: url(../images/index/bg_03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#about_top{
	background-image: url(../images/about/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#news_top{
	background-image: url(../images/news/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#contact_top{
	background-image: url(../images/contact/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#photo_top{
	background-image: url(../images/photo/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#course_top{
	background-image: url(../images/course/top.jpg);
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-size: cover;
}
#container_top_box{
	width: 98%;
	height: 105px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.news_list_img{
	max-width: 100%;
	margin-bottom: 10px;

}
.news_list{
	width: 100%;

}
.news_list h4{
	margin: 0px;
	font-size: 16px;
}
.album_img{
	width: 47%;
	float: left;
	background-color: #F3F3F3;
	margin: 0 3px 20px 3px;
	line-height: 25px;
}
.photo_img{
	float: left;
	width: 47%;
	margin: 0 5px 5px 0;
	text-align: center;
	background-color: #F3F3F3;
}
.photo_img:before{
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.photo_img img
{
	vertical-align: middle;
}
}
img.valid_code {
    width: 88px;
    height: 24px;
}