@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
6-2. Home2
7. Courses
8. Sidebar
9. Team
12. News
14. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	line-height: 1.85;
	font-weight: 400;
	color: #76777a;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 0.0625rem #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
/* ::selection
{
	
}
p::selection
{
	
} */
h1{font-size: 3rem;}
h2{font-size: 2.25rem;}
h3{font-size: 1.5rem;}
h4{font-size: 1.125rem;}
h5{font-size: 1rem;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #384158;
	margin-bottom: 0;
}
/* h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
} */
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}

.news_post_image
{   
	margin-top: 0rem ;
	margin-bottom: 3.125rem ;
	width: 100%;
	overflow: hidden;
}


.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 25rem;
    background: transparent;
}
.nopadding
{
	padding: 0rem !important;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
/* .header.scrolled
{
	top: -40px;
} */

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #14bdee;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
	width: 100%;
	height: 100%;
}
.top_bar_content
{
	width: 100%;
	height: 2.5rem;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 1rem;
	color: #FFFFFF;
	margin-left: 0rem;
}
.top_bar_contact_list li i,
.top_bar_contact_list li > div
{
	display: inline-block;
	font-size: 1rem;
	color: #FFFFFF;
}
.top_bar_contact_list li > div
{
	margin-left: 0.0625rem;
}
.top_bar_contact_list li:not(:last-child)
{
	margin-right: 1.3125rem;
}
.top_bar_login
{
	height: 100%;
}
.login_button
{
	width: 10rem;
	height: 100%;
	background: #f3f3f3;
	text-align: center;
}
.login_button a
{
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2.5rem;
	color: #384158;
}

/*********************************
3.2 Header Content
*********************************/

.header_container
{
	width: 100%;
	background: #FFFFFF;
}
.header_content
{
	height: 5.625rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 5rem;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	width: 3.75rem;
	height: 3.75rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
}
.logo_text
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 0.75;
	color: #384158;
	vertical-align: middle;
	margin-left: 0rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo_text span
{
	color: #14bdee;
}
.header.scrolled .logo
{
	width: 2.5rem;
	height: 2.5rem;
}
.header.scrolled .logo_text
{
	font-size: 1.5rem;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner
{
	
	margin-right: 1.875rem;
	
}
.main_nav,
.search_button,
.shopping_cart
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 1.25rem;
}
.main_nav li a
{
	
	font-size: 1rem; 
	font-weight: 600;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a
{
	color: #14bdee;
}
.main_nav li.active::after
{
	display: block;
	position: absolute;
	bottom: -0.125rem;
	left: 0;
	width: 100%;
	height: 0.125rem;
	background: #14bdee;
	content: '';
}
.search_button
{
	margin-left: 2.875rem;
	cursor: pointer;
}
.shopping_cart
{
	margin-left: 1.4375rem;
	cursor: pointer;
}
.search_button i,
.shopping_cart i
{
	font-size: 1.125rem;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
	color: #14bdee;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	width: 100%;
	background: #14bdee;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -4.5625rem;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 4.5625rem;
}
.search_input
{
	width: 100%;
	height: 2.5rem;
	border: none;
	outline: none;
	padding-left: 1.25rem;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container
{

}
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 1.25rem;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -25rem;
	width: 25rem;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 3.75rem;
	padding-top: 5.4375rem;
	padding-left: 3.125rem;
}
.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 1.875rem;
	right: 3.75rem;
	width: 1.125rem;
	height: 1.125rem;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 0.125rem;
	background: #232323;
	top: 0.5rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-0.125rem);
	-moz-transform: rotate(90deg) translateX(-0.125rem);
	-ms-transform: rotate(90deg) translateX(-0.125rem);
	-o-transform: rotate(90deg) translateX(-0.125rem);
	transform: rotate(90deg) translateX(-0.125rem);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 3.75rem;
}
.menu_nav ul li
{
	margin-bottom: 0.5625rem;
}
.menu_nav ul li a
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #14bdee;
}
.menu .search
{
	width: 100%;
	margin-bottom: 4.1875rem;
}
.search
{
	display: inline-block;
	width: 25rem;
	-webkit-transform: translateY(0.125rem);
	-moz-transform: translateY(0.125rem);
	-ms-transform: translateY(0.125rem);
	-o-transform: translateY(0.125rem);
	transform: translateY(0.125rem);
}
.menu .header_search_form
{
	width: 100%;
}
.search form
{
	position: relative;
}
.menu .search_input
{
	width: 100%;
	height: 2.5rem;
	background: rgba(0,0,0,0.1);
	border-radius: 0.1875rem;
	border: none;
	outline: none;
	padding-left: 0.9375rem;
	color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
} 
.menu .search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::input-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title_container
{
	max-width: 37.5rem;
	margin: 0 auto;
}
.section_title
{
	line-height: 1.2;
}
.section_subtitle
{
	line-height: 1.85;
	margin-top: 0.875rem;
}
.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*********************************
6. Home
*********************************/

.home
{
	width: 100%;
	height: 53.125rem;
}
.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: 41%;
	left: 0;
	width: 100%;
	height: auto;
}
.home_slider_title
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.2;
	color: #384158;
}
.home_slider_subtitle
{
	font-size: 1.5rem;
	color: #76777a;
	margin-top: 0.5625rem;
}
.home_slider_form_container
{
	width: 52rem;
	margin: 0 auto;
	margin-top: 2.1875rem;
}
.home_search_form div
{
	width: calc(100% - 8.75rem);
	height: 2.875rem;
	background: #FFFFFF;
	border-radius: 0.1875rem;
}
.home_search_input
{
	width: 33.33333333%;
	border: none;
	outline: none;
	height: 1.5625rem;
	padding-left: 1.25rem;
}
.home_search_input:not(:last-child)
{
	border-right: solid 0.0625rem #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
} 
.home_search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::input-placeholder
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.dropdown_item_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	/* -webkit-user-select: none; */
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
}
.home_search_button
{
	width: 7.5rem;
	height: 2.875rem;
	background: #14bdee;
	border: none;
	outline: none;
	border-radius: 0.1875rem;
	font-size: 1rem;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 3.125rem;
	background: #b6b7bd;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_prev
{
	left: 4.6875rem;
}
.home_slider_next
{
	right: 4.6875rem;
}
.home_slider_nav i
{
	line-height: 3.125rem;
	color: #FFFFFF;
	font-size: 1.375rem;
}
.home_slider_nav:hover
{
	background: #14bdee;
}

/*********************************
6-2. Home2
*********************************/

.home2
{
	width: 100%;
	height: 8.875rem;
	background: #f2f4f5;
	border-bottom: solid 0.0625rem #edeff0;
}
.breadcrumbs_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 0.8125rem;
	padding-left: 0.1875rem;
}
.breadcrumbs ul li
{
	display: inline-block;
	position: relative;
}
.breadcrumbs ul li:not(:last-child)::after
{
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f105';
	margin-left: 0.4375rem;
	margin-right: 0.25rem;
	color: #384158;
}
.breadcrumbs ul li a
{
	font-size: 1rem;
	font-weight: 400;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.breadcrumbs ul li a:hover
{
	color: #14bdee;
}

.bootgrid-header .actionBar{ display:none;}

/*********************************
7. Courses
*********************************/

.courses
{
	width: 100%;
	padding-top: 2.5rem;
	padding-bottom: 5rem;
}
.courses_search_container
{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	background: #f2f4f5;
}
.courses_search_form
{
	width: 100%;
	height: 5.75rem;
}
.courses_search_input
{
	width: 15rem;
	height: 2.875rem;
	border: solid 0.0625rem #d9d9d9;
	border-radius: 0.1875rem;
	background: #FFFFFF;
	padding-left: 1.25rem;
}
.courses_search_input:focus
{
	outline: solid 0.0625rem #14bdee;
}
.courses_search_form > input
{
	margin-right: 1.1875rem;
}
.courses_search_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	/* -webkit-user-select: none; */
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
}
.courses_search_button
{
	width: 10.0625rem;
	height: 2.875rem;
	background: #14bdee;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 0.1875rem;
	cursor: pointer;
}
.courses_row
{
	margin-top: 1.5625rem;
}
.course_col
{
	margin-bottom: 3.1875rem;
}
.course
{
	width: 100%;
	border-radius: 0.375rem;
	background: #FFFFFF;
	box-shadow: 0rem 0.0625rem 0.625rem rgba(29,34,47,0.1);
}
.course_col:nth-child(odd)
{
	padding-right: 1.875rem;
}
.course_col:nth-child(even)
{
	padding-left: 1.875rem;
}
.course_image
{
	width: 100%;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	overflow: hidden;
}
.course_image img
{
	max-width: 100%;
}
.course_body
{
	padding-top: 1.375rem;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
	padding-bottom: 1.4375rem;
}
.course_title
{

}
.course_title a
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #14bdee;
}
.course_teacher
{
	font-size: 0.9375rem;
	font-weight: 400;
	color: #384158;
	margin-top: 0.375rem;
}
.course_text
{
	margin-top: 0.8125rem;
}
.course_footer
{
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}
.course_footer_content
{
	width: 100%;
	border-top: solid 0.0625rem #e5e5e5;
	padding-top: 0.5625rem;
	padding-bottom: 0.6875rem;
}
.course_info
{
	display: inline-block;
	font-size: 1rem;
	font-weight: 400;
	color: #55555a;
}
.course_info:first-child
{
	margin-right: 1.125rem;
}
.course_info i
{
	color: #ffc80a;
}
.course_price
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	font-weight: 700;
	color: #14bdee;
}
.course_price span
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 0.625rem;
}
.courses_button
{
	width: 13.125rem;
	height: 2.875rem;
	border-radius: 0.1875rem;
	background: #14bdee;
	text-align: center;
	margin: 0 auto;
	margin-top: 2.5625rem;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.courses_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}
.courses_button a
{
	display: block;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 2.875rem;
	color: #FFFFFF;
}
.pagination_row
{
	margin-top: 0.6875rem;
}
.pagination_container
{

}
.pagination_list li
{
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: #FFFFFF;
	border: solid 0.0625rem #ebebeb;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:not(:last-child)
{
	margin-right: 0.3125rem;
}
.pagination_list li:hover,
.pagination_list li.active
{
	background: #14bdee;
}
.pagination_list li a
{
	display: block;
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	color: #757686;
	line-height: 2.5rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:hover a,
.pagination_list li.active a
{
	color: #FFFFFF;
}
.courses_show_text
{
	display: inline-block;
}
.courses_show_content
{
	display: inline-block;
	width: 9rem;
	border: solid 0.0625rem #ecedee;
}
.courses_show_content span
{
	line-height: 2.5rem;
	padding-left: 1.25rem;
	font-size: 1rem;
	color: #384158;
}
.courses_show_text
{
	font-size: 1rem;
	font-weight: 400;
	color: #384158;
	margin-right: 1rem;
}
.courses_show_select
{
	position: relative;
	float: right;
	width: 3.125rem;
	height: 2.5rem;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	/* -webkit-user-select: none; */
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 1rem;
	color: #384158;
	border: none;
	outline: none;
}
.courses_show_select option
{
	padding-left: 1.25rem;
	text-align: right;
}

/*********************************
8. Sidebar
*********************************/

.sidebar
{
	width: 100%;
	padding-left: 2.5rem;
}
.sidebar_section:not(:last-child)
{
	margin-bottom: 3.75rem;
}
.sidebar_section_title
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.5rem;
	font-weight: 700;
	color: #384158;
	line-height: 0.75;
}
.sidebar_categories
{
	margin-top: 1rem;
}
.sidebar_categories ul li
{
	position: relative;
	width: 100%;
	height: 3.1875rem;
}
.sidebar_categories_li_2
{
	height: 4.375rem !important;
}
.sidebar_categories ul li:not(:last-of-type)
{
	border-bottom: solid 0.0625rem #e5e5e5;
}
.sidebar_categories ul li a
{
	display: block;
	position: relative;
	font-size: 1rem;
	color: #76777a;
	line-height: 3.1875rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories_li_2 a
{
	line-height: 1.5625rem !important;
	margin-top: 1.25rem !important;
}
.sidebar_categories ul li a::before
{
	display: inline-block;
	position: relative;
	font-family: 'FontAwesome';
	content: '\f101';
	margin-right: 0.25rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories ul li:hover a,
.sidebar_categories ul li:hover a::before
{
	color: #14bdee;
}
.sidebar_latest
{
	margin-top: 1.9375rem;
}
.latest:not(:last-child)
{
	margin-bottom: 1.25rem;
}
.latest_image div
{
	width: 5.625rem;
	height: 4.625rem;
	border-radius: 0.1875rem;
	overflow: hidden;
}
.latest_image div img
{
	max-width: 100%;
}
.latest_content
{
	padding-left: 1.3125rem;
	margin-top: -0.25rem;
}
.latest_title a
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	font-weight: 700;
	color: #383749;
	line-height: 1.625;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.latest_title a:hover
{
	color: #14bdee;
}
.latest_price
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1rem;
	font-weight: 700;
	color: #14bdee;
	line-height: 0.75;
	margin-top: 1rem;
}
.sidebar_gallery
{
	margin-top: 2.125rem;
}
.gallery_item
{
	position: relative;
	width: calc((100% - 2.25rem) / 3);
	margin-bottom: 1.125rem;
	cursor: pointer;
}
.gallery_item img
{
	width: 100%;
}
.gallery_item_overlay
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20,189,238,0.7);
	opacity: 0;
	pointer-events: none;
	font-size: 2.0625rem;
	font-weight: 300;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery_item:hover .gallery_item_overlay
{
	opacity: 1;
}
.colorbox
{
	outline: none;
}
.sidebar_tags
{
	margin-top: 2.5rem;
}
.tags_list li
{
	display: inline-block;
	padding-left: 1.1875rem;
	padding-right: 1.125rem;
	background: #f2f4f5;
	border-radius: 0.1875rem;
	margin-bottom: 0.625rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tags_list li:not(:last-child)
{
	margin-right: 0.3125rem;
}
.tags_list li:hover
{
	background: #14bdee;
}
.tags_list li:hover a
{
	color: #FFFFFF;
}
.tags_list li a
{
	display: block;
	font-size: 0.75rem;
	color: #76777a;
	text-transform: uppercase;
	line-height: 1.875rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_banner
{
	width: 100%;
	height: 13.3125rem;
}
.sidebar_banner_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.sidebar_banner_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #14bdee;
	opacity: 0.7;
}
.banner_title
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.banner_button
{
	width: 12.5rem;
	height: 2.875rem;
	background: #FFFFFF;
	border-radius: 0.1875rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button a
{
	display: block;
	color: #14bdee;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-left: -0.1em;
	text-transform: uppercase;
	line-height: 2.875rem;
	margin-top: 1.3125rem;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button:hover
{
	background: #14bdee;
}
.banner_button:hover a
{
	color: #FFFFFF;
}

/*********************************
9. Team
*********************************/

.team
{
	width: 100%;
	padding-top: 5.8125rem;
	padding-bottom: 3.75rem;
	background: #FFFFFF;
}
.team_row
{
	margin-top: 2.6875rem;
}
.team_col
{
	margin-bottom: 2.5rem;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 10rem;
	height: 8.75rem;
	border-radius: 0.375rem;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -5.375rem;
	z-index: 5;


}
.team_image img
{
	max-width: 100%;
	display:block; margin:auto;
}
.team_body
{
	width: 100%;
	padding-top: 6.75rem;
	padding-bottom: 1.5rem;
	background: #FFFFFF;
	border-radius: 0.375rem;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.member_body
{
	width: 100%;
	padding-top: 6.75rem;
	/* padding-bottom: 24px; */
	text-align: center;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #14bdee;
}
.team_subtitle
{
	font-size: 1rem;
	font-weight: 400;
	color: #76777a;
	margin-top: 0.375rem;
}
.member_name
{
	font-family: 'Roboto Slab', sans-serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	font-weight: 700;
	color: #384158;
}
.member_subtitle
{
	font-size: 1rem;
	font-weight: 400;
	color: #76777a;
	/* margin-top: 6px; */
}
.member_content_table
{
	margin-top: 1.25rem;
}
.member_title
{
	font-size: 1rem;
	font-weight: 400;
	color: #76777a;
	/* margin-top: 4px; */
	text-align: right;
}
.member_content
{
	font-size: 1rem;
	font-weight: 400;
	color: #76777a;
	/* margin-top: 4px; */
	text-align: left;
	margin-bottom: .5rem !important;
}
.social_list
{
	margin-top: 1rem;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 0.625rem;
}
.social_list ul li a i
{
	font-size: 1.125rem;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #14bdee;
}
.team_col .team_item
{
	padding-left: 0.375rem;
	padding-right: 0.375rem;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 0.375rem;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 0.375rem;
	padding-right: 0;
}


/*********************************
10. About
*********************************/
.about
{
	color: #353a49;
}

.about p
{
	color: #353a49;
	text-indent: 1.75rem;
}

.about ul
{
	margin-left:3.125rem;
	margin-top:0.625rem;
}

.about ol
{
	margin-left:3.125rem;
}

.about ul li
{
	list-style-type: disc; /*實心圓形符號*/
}

.about img
{
	width: 100%;
}

.about table
{
	width: 100%;
    text-align: center;
}

.about thead
{
	text-align: center;
	background-color: #14bdee;
}

.about h4 {
	margin-bottom: 0.625rem;
}

.about i {
	margin-right: 0.9375rem;
	color: #14bdee;
}

.about_img_m {
	width: 80%;
	margin-left: 10%;
}

.about_img_s {
	width: 60%;
	margin-left: 20%;
}

.about_img_w {
	width: 60%;
	margin-left: 20%;
}
.about4_title {
	width: 80%;
	margin-left: 10%;
	text-align: center;
}

.about4_title2 {
	margin-top: 20%;
}


/*********************************
12. News
*********************************/

.news
{
	width: 100%;
	padding-top: 10rem;
	padding-bottom: 6.25rem;
	/* background: #FFFFFF; */
}
.news_row
{
	margin-top: -3.125rem;
}
.news_post_large_container
{
	padding-right: 1.875rem;
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 0.375rem;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 1.4375rem;
}
.news_post_large_title a
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 1.25rem;
	font-weight: 700;
	color: #384158;
	line-height: 1.4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #14bdee;
}
.news_post_meta
{
	margin-top: 0.6875rem;
}
.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 0.875rem;
	margin-right: 0.6875rem;
}
.news_post_meta ul li a
{
	font-size: 1rem;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #14bdee;
}
.news_post_text
{
	margin-top: 0.8125rem;
}
.news_post_link
{
	margin-top: 1.1875rem;
}
.news_post_link a
{
	font-size: 0.875rem;
	font-weight: 400;
	text-transform: uppercase;
	color: #384158;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #14bdee;
}
.news_posts_small
{
	margin-top: -0.375rem;
}
.news_post_small:not(:last-child)
{
	padding-bottom: 1.9375rem;
	border-bottom: solid 0.0625 #e5e5e5;
}
.news_post_small:not(:first-child)
{
	padding-top: 1.8125rem;
}
.news_post_small_title a
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.55;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #14bdee;
}

/*********************************
14. Footer
*********************************/

.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #1e2434;
	padding-top: 2.125rem;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 1.4375rem;
}
.footer_logo_text
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 0.75;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #14bdee;
}
.footer_title
{
	font-family: 'Roboto Slab', serif, 'Microsoft JhengHei';
	font-size: 1.125rem;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.footer_logo_container
{
	margin-top: -0.875rem;
}
.footer_about_text
{
	margin-top: 1.9375rem;
}
.footer_about_text p
{
	color: #FFFFFF;
}
.footer_social
{
	margin-top: 1.4375rem;
}
.footer_social ul li
{
	display: inline-block;
	width: 2.8125rem;
	height: 2.8125rem;
	background: #4b505d;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 0.375rem;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 2.8125rem;
}
.footer_social ul li:hover
{
	background: #14bdee;
}
.footer_contact
{
	padding-left: 2.25rem;
}
.footer_contact_info
{
	margin-top: 0.8125rem;
	text-align-last: justify;
}
.footer_contact_info ul li
{
	font-size: 0.875rem;
	font-weight: 400;
	color: #b5b8be;
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 0.9375rem;
}
.footer_links
{
	padding-left: 5rem;
}
.footer_links_container ul
{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.footer_links_container
{
	margin-top: 2.0625rem;
}
.footer_links_container ul li a
{
	font-size: 0.875rem;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 0.9375rem;
}
.footer_links_container ul li a:hover
{
	color: #14bdee;
}
.footer_mobile
{
	display: inline-block;
	float: right;
}
.footer_mobile_content
{
	padding-top: 2.1875rem;
}
.footer_image:not(:last-child)
{
	margin-bottom: 0.625rem;
}
.copyright
{
	height: 3.375rem;
	border-top: solid 0.0625rem #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	font-size: 0.875rem;
	color: #b5b8be;
}
.cr_text a
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_text a:hover
{
	color: #14bdee;
}
.cr_list li:not(:last-child)
{
	margin-right: 3.125rem;
}
.cr_list li a
{
	font-size: 0.875rem;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_list li a:hover
{
	color: #14bdee;
}

@media only screen and (max-width: 62rem)
{
	.main_nav,
	.search_button
	{
		display: none;
	}
	.top_bar_contact_list li i,
	.top_bar_contact_list li > div,
	.login_button a
	{
		font-size: 0.75rem;
	}
	.login_button
	{
		width: 8.75rem;
	}
	.hamburger
	{
		display: inline-block;
		margin-left: 2.0625;
	}
}