body{

	background-color:#666666;

}



.container{

	width:1000px;

	background-color:#FFFEEB;

	box-sizing:border-box;

	margin:0px auto;

	padding:0px;

}



.clear{

	clear: both;

}



.line{

	width:100%; 

	height:2px; 

	background-color:lightgray; 

	margin-top:1px;

	margin-bottom:1px;

	box-sizing:border-box;

	clear:both;

}



/*--------------Fieldset default style--------------*/

.fieldset_default{

	display: block;

    -webkit-margin-start: 2px;

    -webkit-margin-end: 2px;

    -webkit-padding-before: 0.35em;

    -webkit-padding-start: 0.75em;

    -webkit-padding-end: 0.75em;

    -webkit-padding-after: 0.625em;

    min-width: -webkit-min-content;

    border-width: 2px;

    border-style: groove;

    border-color: threedface;

    border-image: initial;

	

}



/*--------------End of fieldset default style--------------*/







/*--------------Banner--------------*/

.banner{

	width:1000px;

	height:100px;

	background-color:;

}



.bannerleft{

	width:400px;

	height:100px;

	float:left;

}



.bannerleft img{

	width:400px;

	height:100px;



}



.bannerright{

	width:600px;

	height:100px;

	background-color:#444444;

	float:left;

	

}



		/*

		.bannerright img{

			width:318px;

			height:200px;

		}

		*/

.bannerright_top{

	width:600px;

	height:55px;

	float:left;

}



.navbar{

	width:600px;

	height:45px;

	float:left;

	z-index:7;

}



.navbar ul{

	list-style:none;

	margin:0px;

	padding:0px;

	

}



.navbar ul li{

	width:16.6666%;

	float:left;

	text-decoration:none;

	

}



.navbar ul li a{

	width:99.4px;

	height:45px;

	display:block;

	text-align:center;

	box-sizing:border-box;

	padding-top:8px;

	font-size:19px;

	font-weight:bold;

	font-family:Arial, KaiTi;

	color:white;



}



.navbar_list_box{

	background-color:lightgray;

	margin-top:-1px;

	display:none;

}



.navbar_list_box ul {

	width:200px;

}



.navbar_list_box ul  li{

	float:none;

	width:200px;

}



.navbar_list_box ul li a{

	width:200px;

	height:30px;

	font-size:15px;

	text-align:left;

	vertical-align:middle;

	line-height:2.0em;

	display:block;

	padding:0px;

	padding-left:10px;

	margin:0px;

	color:black;

}



.navbar_list_box ul li a:hover{

	color:#E27013;

	background-color:gray;

}



.side_navbar{

	width:200px;

	margin-top:100px;

	margin-left:-80px;

	float:left;

	display:block;



}



.side_navbar ul{

	width:200px;

	list-style:none;

	background-color:white;

	border:1px solid black;

	box-shadow:5px 5px 5px 0px gray;  

	padding:20px;

	float:right;

}



.side_navbar ul li a{

	width:200px;

	line-height:2.0em;

	text-align:center;

	font-size:15px;

	font-weight:bold;

	opacity: 1.0;

	

}



.side_navbar_title {

	display:none;

}



.side_navbar a:hover{

	opacity: 1.0;

	color:#E27013;

	text-decoration:underline;

}



.navbar ul li a:hover{

	color:#E27013;

	background-color:gray;

	

}



.navbar ul li a:hover  +.navbar_list_box{

	background-color:lightgray;

	margin-top:-1px;

	display:inline-block;

}



.navbar_list_box:hover {

	background-color:gray;

	display:inline-block;

	

}



.navbar_list_box ul li a:hover{

	background-color:lightgray;

	text-decoration:none;

}



.active, .active a{

	color:#E27013;

	text-decoration:underline;

	opacity: 1.0;

}

/*----------------Sticky--------------------*/



.side_navbar_sticky{

	width:200px;

	position:fixed;

	margin-left:-80px;

	display:block;



}



.side_navbar_sticky ul{

	width:200px;

	list-style:none;

	background-color:white;

	border:1px solid black;

	box-shadow:5px 5px 5px 0px gray;  

	padding:20px;

	padding-top:0px;

	float:right;

}



.side_navbar_sticky ul li a{

	width:200px;

	line-height:2.0em;

	text-align:center;

	font-size:15px;

	font-weight:bold;

	

}



.side_navbar_title_sticky{

	font-size:20px; 

	font-weight:bold; 

	color:white; 

	text-align:center; 

	display:block; 

	border:1px solid black;

	background-color:#444444;

	border-radius:10px 10px 0px 0px;

	

}



.side_navbar_sticky a:hover{

	color:#E27013;

	text-decoration:underline;

	

}

/*----------------End of Sticky--------------------*/







/*--------------End of Banner--------------*/



/*--------------Home Content--------------*/

.content{

	width:1000px;

	font-family:Arial, KaiTi;

}



.content_top_left{

	width:480px;

	height:330px;

	margin-top:10px;

	margin-left:10px;

	margin-right:10px;

	border-radius:20px;

	float:left;

}



.content_top_left img{

	width:480px;

	height:330px;

	margin:0px auto;

	border-radius:20px;

	display:block;

}



.content_top_right{

	width:500px;

	height:330px;

	float:left;

}



.content_top_right_box{

	width:480px;

	height:315px;

	border:1px solid lightgray;

	border-radius:10px;

	background-color:white;

	margin:10px;

	padding-left:10px;

	box-sizing:border-box;

	float:left;

}



.content_top_right h1{

	font-size:40px;

	font-family:Impact, KaiTi;

	text-align:center;

	line-height:0.5em;

	color:black;

	

}



/*============ notice board ==================*/



.notice_board_area {

	clear:both;

	width:1000px;

	height:330px;

}



.notice_board {

	background-color:#444444;

	width:98%;

	height:100%;

	margin:0 auto;

	border-radius:5px;

}



.notice_board_left {

    background-color:white;

	float:left;

	width:460px;

	height:93%;

	margin-top:10px;

	margin-left:10px;

	margin-right:10px;

	padding-top:5px;

	padding-left:10px;

	border-radius:5px;

}



.notice_board_right {

	float:left;

	width:460px;

	height:93%;

	margin-top:10px;

	margin-left:10px;

	margin-right:10px;

	border-radius:5px;

}





/*============ end of notice board ==================*/





.content_bottom{

	width:1000px;

	height:230px;

	

}



.content_bottom_box{

	width:480px;

	height:340px;

	border:1px solid lightgray;

	border-radius:10px;

	background-color:white;

	margin:10px;

	margin-left:10px; 

	padding-left:10px;

	box-sizing:border-box;

	float:left;

}



.content_bottom h3{

	line-height:1.0em;

	color:#E27013;

	text-shadow: 1px 1px 1px black;

	text-align:center;

	margin-top:10px;

	font-family:Arial, KaiTi;

	font-weight:bold;

	

}



.timetable{

	border-spacing:2px;

	margin-top:20px;

}



.timetable th,.timetable td{

	width:225px;

	text-align:center;

	vertical-align:top;

	

}



.timetable th{

	font-size:17px;

}





.timetable_box{

	width:90%; 

	margin:0px auto;

	

}





.timetable_box th{

	font-size:15px;

}



.tableinfo {

	border-collapse:separate; 

	border-spacing: 0px 10px; 

}



.tableinfo th{

	width:80px;

	text-align:left;

	vertical-align:top;

}



.tablelogin{

	border-collapse:separate; 

	border-spacing: 10px 10px; 

	margin:0px auto;

}



.tablelogin th, .tablelogin td{

	width:100px;

}



.tablelogin td{

	text-align:left;

}



.tablelogincn{

	border-collapse:separate; 

	border-spacing: 10px 10px; 

	margin:0px auto;

}



.tablelogincn th, .tablelogincn td{

	width:70px;

	font-size:15px;

}



.tablelogincn td{

	text-align:left;

}

/*-------------- End of Home Content--------------*/





/*-------------- About Us--------------*/

.content_layout{

	width:850px;

	/*--height:800px;---*/

	background-color:;

	border:0px solid black;

	box-shadow:0px 0px 0px 0px gray; 

	margin-top:20px;

	margin-left:100px;

}





.content_box{

	width:650px;

	height:800px;

	margin-bottom:20px;

	padding-left:20px;

	padding-right:20px;

	box-sizing:border-box;

	border:2px solid gray;

	border-radius:30px;

	background-color:white;

	float:right;

}



.content_box_img{

	width:600px; 

	display:block; 

	margin:0px auto; 

	box-shadow:2px 2px 15px 5px gray;

	

}



.content_box p{

	margin-top:20px;

}



.content_box h2{

	font-size:40px;

	font-weight:bold;

	text-align:center;

	text-shadow: 1px 1px 1px black;

	color:#E27013;

	

}



.content_box table td{

	padding-left:20px;

}



.centerlogo{

	width:120px;

}



.displaynone{

	display:none;

}



.fieldset_default img{

	width:110px;

	height:121px;

}



.blackbelt_button{

	font-size:18px; 

	font-weight:bold; 

	width:48%; 

	padding:10px; 

	text-align:center; 

	border:1px solid black; 

	box-shadow:5px 5px 5px 0px gray; 

	margin-right:12px;

	margin-bottom:10px;

	float:left;

}



.blackbelt_fieldsetlegend {

	width:50%; 

	font-size:18px; 

	font-weight:bold; 

	text-align:center; 

	border:1px solid black; 

	box-shadow:5px 5px 5px 0px gray; 

	padding:10px; 

	background-color:black; 

	color:white;

}



.blackbelt_button:hover, .blackbelt_fieldsetlegend:hover{

	background-color:lightgray;

	color:white;

}



.blackbelt_member{

	background-image:url("../images/nametag.png");

	background-repeat:no-repeat;

	background-size:100% 100%;

	display:block;

	width:31.3333%;

	margin-left:1%;

	margin-right:1%;

	margin-bottom:2%;

	padding-top:5px;

	height:90px;

	float:left;

}



.blackbelt_member p{

	text-decoration:none;

	text-align:center;

	margin-top:10px;

	line-height:1.0em;

	color:black;

	font-weight:bold;

	font-family:KaiTi;

	

}



/*-------------- End of About Us--------------*/



/*-------------- Class Info--------------*/



.trainingschedule{

	width:600px; 

	border-spacing:2px; 

	border:1px solid #444444;

}





.trainingschedule table, .trainingschedule tr, .trainingschedule th, .trainingschedule td {

	text-align:center;

	border:3px solid #444444;

	font-weight:bold;

	

}





.trainingschedule th{

	background-color:#444444;

	color:#FFFEEB;



}



.mfa_specification {

	width:650px;

	height:200px;

	margin-bottom:20px; 

	

}



.mfa_specification img {

	width:240px; 

	height:180px; 

	margin-top:10px; 

	margin-left:5px;

	box-shadow:2px 2px 15px 5px gray;

	float:left;

}



.mfa_specification_text{

	width:350px;

	height:180px;

	margin-top:10px; 

	margin-left:20px;

	padding-left:10px;

	border:2px solid gray;

	border-radius:10px;

	background-color:white;

	float:left;

	

}



.mfa_specification_text h3{

	font-weight:bold;

	font-weight:underline;

}



.enrollment_content p{

	font-size:20px; 

	text-align:center; 

	font-weight:bold; 

}



.enrollment_content img{

	width:300px;

	height:150px;

	margin:0px auto; 

	display:block;

}



.enrollment_content table, .enrollment_content table td{

	border:1px solid black;

	border-spacing:2px;

}



.enrollment_content table td{

	width:33.3333%;

	text-align:center;

}



.faq_content{

	font-size:15px;

}



.faq_content table th, .faq_content table td{

	vertical-align:top;

}



/*-------------- End of Class Info--------------*/



/*-----------------------Event--------------*/

.event {

	width:600px;

	height:200px;

	margin-bottom:20px; 

}



.event table, .event table th, .event table td {

	border:2px solid black;

	padding-left:5px;

	padding-bottom:5px;

}



.event table th{

	text-align:center;

	background-color:black;

	border:1px solid white;

	color:white;

}



.event img:hover{

	border-radius:50px;

	background-color:#E27013;

	

}



.event_title{

	width:200px;

	padding-right:5px;

	text-align:left;

}



.event_date{

	width:100px;

	text-align:center;

}



.event_time{

	width:70px;

	text-align:center;

}



.event_venue{

	width:110px;

	text-align:center;

}



.event_info{

	width:50px;

	text-align:center;

}





/*---------------------End Of Event-----------*/



/*---------------------Galeery-----------*/

/*---Lightbox---*/



* {

  box-sizing: border-box;

}



.row > .photo {

  padding: 5px;

}



.photo {

	width:205px;

	height:150px;

	margin-left:1%;

	margin-bottom:2%;

	border-radius:10px;

	overflow:hidden;

	float:left;

}



.photo img{

	max-width:100%;

	display:block;

	border-radius:5px;

	border:2px solid gray;

	margin:0px auto;

}



/* The Modal (background) */

/*

.modal {

  display: none;

  position: fixed;

  z-index: 1;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: black;

}

*/



/* Modal Content */

/*

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  width: 90%;

  max-width: 1000px;

  font-size:20px;

}

*/



/* The Close Button */

.close {

  color: white;

  position: absolute;

  top: 10px;

  right: 25px;

  font-size: 35px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #999;

  text-decoration: none;

  cursor: pointer;

}



.mySlides {

  display: none;

  

}



.cursor {

  cursor: pointer

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



img {

  margin-bottom: -4px;

}



.caption-container {

  text-align: center;

  padding: 2px 16px;

  color: white;

}



.demo {

  opacity: 0.6;

}



.active,

.demo:hover {

  opacity: 1;

}



img.hover-shadow {

  transition: 0.3s;

}



.hover-shadow:hover {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)

}



/*---End of Lightbox---*/



.gallerycontent{

	width:100%;

	padding-left:40px;

	padding-right:40px;

	padding-bottom:50px;

}



.gallerycontent_line{

	border:2px solid lightgray; 

	border-radius:20px; 

	background-color:white; 

	padding-top:10px; 

	padding-bottom:30px; 

	padding-left:40px; 

	padding-right:40px;

}



.gallerycontent_line legend{

	width:40%; 

	font-size:25px; 

	font-weight:bold; 

	padding:10px; 

	text-align:center; 

	text-shadow: 1px 1px 1px #FFFEEB;

	border:1px solid #444444; 

	background-color:#444444;

	color:#FFFEEB;

	box-shadow:5px 5px 5px 0px gray; 

	margin:0px auto; 

	margin-bottom:20px;

}



.gallerycontent h2{

	font-size:60px;

	font-weight:bold;

	font-family:Impact, KaiTi;

	text-shadow: 1px 1px 1px black;

	text-align:center;

	line-height:1.1em;

	color:#E27013;

	

	

}



.gallerybox{

	width:200px;

	height:200px;

	padding:10px;

	margin:10px;

	box-shadow:0px 1px 5px 1px orange;

	border-radius:10px;

	background-color:#FFFEEB;

	float:left;

	

}



.gallerybox img{

	width:180px;

	height:100px;

	margin-bottom:10px;

}



.gallerybox span{

	text-align:center;

	display:block;

	font-weight:bold;

	font-size:18px;

}





.gallerycontent img:hover{

	border:3px solid white;

	border-radius:5px;

	box-shadow:0px 1px 5px 1px gray;

}





/*---------------------End Of Galeery-----------*/



/*---------------------End Of Contact Us-----------*/

.contactbox1{

	width:480px;

	height:750px;

	background-color:white;

	border:1px solid #E27013;

	border-radius:10px;

	box-sizing:border-box;

	box-shadow:5px 5px 5px 0px orange; 

	margin:1%;

	padding-left:20px;

	padding-right:20px;

	float:left;

}



.contactbox1 h2{

	font-size:40px;

	font-weight:bold;

	text-align:center;

	text-shadow: 1px 1px 1px black;

	color:#E27013;

	

}



.contactbox1 form{

	margin-top:30px;

}



.contactbox1 label{

	line-height:1.5em;

	font-size:20px;

	font-weight:bold;

}



.contactbox2{

	width:470px;

	height:365px;

	background-color:white;

	border:1px solid #E27013;

	border-radius:10px;

	box-sizing:border-box;

	box-shadow:5px 5px 5px 0px orange;  

	margin:1%;

	padding-left:20px;

	padding-right:20px;

	float:left;

}



.contactbox2 h2{

	font-size:40px;

	font-weight:bold;

	text-shadow: 1px 1px 1px black;

	color:#E27013;

	

}



.facebookImg{ 

	width:200px; 

	height:55px;

	border-radius:10px; 

	background:#FFFEEB; 

	box-shadow:0px 1px 5px 1px blue; 

	margin-top:-10px; 

	margin-left:15px;

	float:left;

}



.youtubeImg{ 

	width:190px; 

	height:55px;

	border-radius:10px; 

	background:#FFFEEB; 

	box-shadow:0px 1px 5px 1px red; 

	margin-top:-10px; 

	margin-left:20px;

	float:left;

}



.contactbox2 .facebookImg:hover{

	box-shadow:2px 2px 10px 2px blue;

}



.contactbox2 .youtubeImg:hover{

	box-shadow:2px 2px 10px 2px red;

}



.tablecontact th{

	text-align:right;

	vertical-align:top;

	font-size:20px;

	padding-bottom:20px;

}



.tablecontact td{

	vertical-align:top;

	font-size:15px;

	padding-bottom:10px;

}



/*---------------------End Of Contact Us-----------*/





/*-----------------Footer------------------*/

.myfooter{

	width:1000px;

	height:60px;

	text-align:center;

	margin:0px;

	background-color:black;

}



.myfooter p a {

	color:#6B7073;

	text-decoration:none;

}



.myfooter a:hover {

	color:#FFF;

}



.myfooter p{

	color:#8d8d8d;

	font-size:12px;

	letter-spacing:.05em;

	line-height:20px;

	font-weight:bold;

	font-family:Arial, KaiTi;

}



.footnote {

	color:white;

	font-size:12px;

	letter-spacing:.05em;

	line-height:20px;

}



/*--------------End of Footer--------------*/