@charset "utf-8";

.media h4.media-heading {
	font-size: 17px !important;
}
/*Testmonial*/
.t-btn-Position{
	position: absolute;
    z-index: 100;
    margin-top: -43px;
    margin-left: 0%;
}

.clear { 
	text-align: center;
} 


hr {
    margin: 1.5 0;
    border: 0; 
    border-top: 1px solid #cfcbbd;
    border-bottom: 1px solid #ffffff;
}

#testimonial .media:first-child {
	margin: 20px 5px 20px 0;
	padding-bottom: 20px;
	/*border-bottom: solid 1px #bdc3c7;*/
}

#testimonial .row {
	/*row向左右兩邊各擴增*/
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: 0px; 
	margin-left: 0px;
}

h4.media-heading {
	margin-top: 10px;
	margin-bottom: 10px;
}

#testimonial .container .fadin {
	margin-bottom: 80px;
}

#onlineCourse .row {
	margin-top: 120px;
	margin-bottom: 80px;
}

#teachers .col-sm-4 {
	transition: all .5s ease;
}

#teachers .col-sm-4:hover {
	background: #8abf5e;
	color: #fff;
}

body {
	font-family: "Heiti TC Light", "Open Sans", "微軟正黑體", "Adobe 繁黑體 Std B", "MS Gothic";
	color: #798F99;
	background-color: #FFFFFF; /*#F7FCFF*/
	position: relative;
}
:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.row {
	/*row向左右兩邊各擴增*/
	margin-right: 0px; 
	margin-left: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	/*col向左右兩邊各縮小，這是製造每個col之間的空隙*/
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.btn-custom { background-color: hsl(199, 57%, 67%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4e7", endColorstr="#7abcda"); background-image: -khtml-gradient(linear, left top, left bottom, from(#aad4e7), to(#7abcda)); background-image: -moz-linear-gradient(top, #aad4e7, #7abcda); background-image: -ms-linear-gradient(top, #aad4e7, #7abcda); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aad4e7), color-stop(100%, #7abcda)); background-image: -webkit-linear-gradient(top, #aad4e7, #7abcda); background-image: -o-linear-gradient(top, #aad4e7, #7abcda); background-image: linear-gradient(#aad4e7, #7abcda); border-color: #7abcda #7abcda hsl(199, 57%, 64%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19); -webkit-font-smoothing: antialiased; }
.btn-custom:hover { background-color: hsl(199, 57%, 65%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2e0ee", endColorstr="#72b8d8"); background-image: -khtml-gradient(linear, left top, left bottom, from(#c2e0ee), to(#72b8d8)); background-image: -moz-linear-gradient(top, #c2e0ee, #72b8d8); background-image: -ms-linear-gradient(top, #c2e0ee, #72b8d8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2e0ee), color-stop(100%, #72b8d8)); background-image: -webkit-linear-gradient(top, #c2e0ee, #72b8d8); background-image: -o-linear-gradient(top, #c2e0ee, #72b8d8); background-image: linear-gradient(#c2e0ee, #72b8d8); border-color: #72b8d8 #72b8d8 hsl(199, 57%, 60%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased; }
.btn-custom a {
	color: #51626A;
	text-decoration: none;
}
.bluebg, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
   background-color: #70BBE0;
}
.divider {
	border-bottom: 1px dotted #D2D9DC;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*Modal*/
.modal-content {
	padding: 0px;
}
.modal-body {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.modal-body.level,.group,.personal,.privacy,.service,.signin,.lostpw {
	padding-top: 25px;
}
.modal-content iframe {
	height: 320px;
	overflow-y: auto;
}
.modal h4 {
	line-height: normal;
}
.modal .checkbox {
	padding: 0px 20px;
}
.modal .levelBox {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
}
.modal .levelBox#lv1 {
	background-color: #6ED5B6;
}
.modal .levelBox#lv2 {
	background-color: #89C6E5;
}
.modal .levelBox#lv3 {
	background-color: #B79DE9;
}
.modal .levelBox h4 {
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 10px;
}
.modal .levelBox h4 strong {
	display: inline-block;
	text-align: center;
	margin: 5px;
	padding: 5px 10px;
	background-color: #E6B03A;
	border-radius: 10px;
}
.modal .levelBox#lv1 h4 strong {
	background-color: #32AE88;
}
.modal .levelBox#lv2 h4 strong {
	background-color: #309CD2;
}
.modal .levelBox#lv3 h4 strong {
	background-color: #8B61DB;
}
.modal .levelBox table {
	width: 100%;
	margin: auto;
	font-size: 2vw;
}
.modal .levelBox table strong {
	font-size: 2.5vw;
}
.modal .levelBox th,.modal .levelBox td {
	text-align: center;
	padding: 5px 3px;
	border: #FFFFFF 1px dotted;
}
.modal .levelBox li strong {
	display: inline-block;
	margin-right: 10px;
	width: 50px;
}
.software h4 {
	color: #FFFFFF;
	background-color: #B2BFC4;
	border-radius: 5px;
	padding: 5px 10px;
}
.software .btn {
	padding: 15px 0px;
}
.software .btn a {
	text-decoration: none;
	text-align: center;
	color: #798F99;
}
.software .btn:hover {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #CFCFCF;
	box-shadow: 0px 0px 5px #CFCFCF;
	border-radius: 10px;
}
.software .btn a:hover {
	color: #4C5D64;
}
.software .btn img {
	width: auto;
	height: 60px;
}
.software .btn .rounded {
	border-radius: 10px;
}
.software .btn p {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	font-size: 1em;
}
.software .btn span {
	font-size: 0.9em;
}
.regForm {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.regForm .col-xs-4,.regForm .col-xs-5,.regForm .col-xs-6,.regForm .col-xs-7,.regForm .col-xs-8,.regForm .col-xs-12 {
	margin: 0px;
	padding: 0px 4px;
}
.regForm textarea {
	max-width: 100%;
	margin-top: 5px;
}
.regForm a {
	text-decoration: none;
}
.regForm .input-lg {
	padding: auto 0px;
	font-size: 1.1em;
}
.regForm form h2 small {
	margin-left: 10px;
	font-size: 0.5em;
	color: #798F99;
}
.regForm .colorgraph {
	border-color: #D2D9DC;
	border-style: dotted;
}
.regForm form input,.regForm form select {
	margin: 5px 0px;
}
.regForm form #sexTXT,.regForm form #sex {
	display: table-cell;
	padding-right: 20px;
	padding-bottom: 10px;
}
.regForm form .checkbox {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}
.regForm form .checkbox-inline {
	margin: 0px;
	padding: 0px;
}
.regForm .checkboxOther {
	margin: 0px;
	padding: 0px;
}
.regForm form .checkboxTXT {
	margin-top: -26px;
	margin-left: 30px;
	margin-right: -10px;
	padding: 5px;
}
.regForm form .checkboxTXT textarea {
	max-width: 185px;
}
.regForm .checkboxTitle {
	background-color: #A3BECC;
	padding: 5px 10px;
	color: #FFFFFF;
	border-radius: 5px;
}
.regForm .verification .verificationIMG {
	width: 200px;
	height: 80px;
	background-color: #E3EBEF;
	margin: 5px;
	border: 1px solid #D6E2E8;
}
.regForm .verification a,.regForm .submit a {
	margin: 5px 0px;
}
.regForm .submit {
	margin: 20px 0px;
}
.regForm .submit .agree {
	padding: 0px 25px;
}
/*Modal-end*/

.container {
	width: 100%;
}
.navbar-brand {
	z-index: 300;
}
#logo {
	position: absolute;
	width: 90px;
	height: 33px;
	margin-top: -8px;
	margin-left: -10px;
}
.navbar-collapse.collapse.in {
	margin: 0px;
	border-color: #FFFFFF;
}
.navbar-fixed-top, .navbar-collapse {
	border-bottom-color: #427188;
}
.navbar-inverse {
	background-color: #0097E0;
	background-color: rgba(0,151,224,.85);
}
.nav {
	margin-top: 10px;
	margin-left: 5%;
	padding-bottom: 14px;
}
.nav li {
	padding: 0px;
	margin: 5px;
	display: inline-block;
}
.nav.navbar-nav li a {
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 40px;
	padding: 0px 20px;
	margin-bottom: 5px;
}
.nav.navbar-nav li a:hover {
	color: #FFFFFF;
	background-color: #F6AA00;
}
.nav.navbar-nav .log {
	margin-bottom: -10px;
}
.nav.navbar-nav .log a {
	color: #FFFFFF;
	line-height: 0px;
	padding: 20px 20px;
	margin-right: 26px;
	border-radius: 5px;
	border: 1px solid #FFFFFF;
	float: left;
}
.nav.navbar-nav .log a:hover {
	background-color: #F6AA00;
	border-color: #F6AA00;
}
.navbar-header .navbar-toggle {
	border-color: #FFFFFF;
}
.navbar-toggle {
	margin-top: 8px;
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: #F6AA00;
	border-color: #F6AA00;
}
#telDiv {
	position: absolute;
	width: 100%;
}
.telblock {
	margin: auto;
	padding: 0 10px;
}
.telDiv {
	width: 140px;
	float: right;
	margin-right: 55px;
}
.tel li {
	font-size: 1.2em;
	line-height: 47px;
	color: #FFFFFF;
}
.tel li strong a {
	color: #FFFFFF;
}
.tel .glyphicon {
	margin-right: auto;
}
.tel .website {
	font-size: 0.8em;
}
#topLink {
	position: absolute;
	top: 60%;
	left: 0%;
	background-color: rgba(246,170,0,0.8);
	z-index: 10;
	width: 100%;
}
#topLink a {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
#topLink:hover {
	background-color: rgba(0,151,224,0.8);
}
#topLink a h2 {
	padding: 10px;
	margin: 0px;
	font-size: 1.6em;
}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	font-size: 1em;
	opacity: 0.7;
	line-height: 100%;
}
.carousel .item .fill {
	background-position: center center;
}
.carousel-caption {
	bottom: 30px;
	left: 2%;
	right: 2%;
}
.carousel-caption h1 {
	font-size: 6.5vw;
}
.carousel-caption h1 span {
	display: block;
	font-size: 8vw;
	color: #F6AA00;
	padding-top: 5px;
}
#carousel1 .carousel-caption {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 2vw;
	padding-bottom: 40px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
/*change carousel transition to fade in*/
#carousel1.carousel .item {
    -webkit-transition: opacity 2s; 
    -moz-transition: opacity 2s; 
    -ms-transition: opacity 2s; 
    -o-transition: opacity 2s; 
    transition: opacity 2s;
}
#carousel1.carousel .active.left {
    left:0;opacity:0;z-index:2;
}
#carousel1.carousel .next {
    left:0;opacity:1;z-index:1;
}
/*change carousel transition to fade in - end*/
#carousel1.carousel .fill {
    hieght: auto;
}

.row.section {
	background-color: #E6EDF2;
	border-top: 1px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 2px #B9CED9;
	box-shadow: 0px 0px 2px #B9CED9;
	margin: 50px 0px 0px 0px;
}
.second-nav {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.second-nav .col-xs-4 {
	padding: 0px 5px;
}
.second-nav .btn.btn-default {
	color: #3B6276;
	width: 100%;
	background-size: 100% 100%;
	background-color: #70BBE0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/btnBG.png);
	border-color: #70BBE0;
	border-radius: 7px;
	font-size: 1em;
	line-height: 30px;
	margin: 5px 0px;
	padding: 0px 5px;
}
.second-nav .btn.btn-default:hover {
	color: #FFFFFF;
	background-color: #E6B03A;
	border-color: #E6B03A;
}
.second-nav .icon {
	margin-right: 5px;
}
.news a  {
	font-size: 0.9em;
	background-color: #fff;
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
	padding: 5px;
	margin: 0px;
}
.news a:hover  {
	background-color: #25A5E7;
	color: #fff;
}
.mainDiv {
	;background-color: #EAEAEA;
}

#content header {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #A3BECC;
	width: 30%;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 1.2em;
	border-radius: 0 0 20px 20px;
	z-index: 10;
	position: absolute;
	left: 35%;
}
.imgPanel {
	padding-top: 20px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#features {
	background-color: #E6EDF2;
	background-image: url(../img/features_bg1.jpg);
}
.imgPanel .panel-group {
	margin-bottom: 0px;
}
.imgPanel h1 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
}
.imgPanel .panel {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
.imgPanel .panel-heading {
	background-color: transparent;
	background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(66,173,226,0.70) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(66,173,226,0.70) 100%);
	background-image: -o-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(66,173,226,0.70) 100%);
	background-image: linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(66,173,226,0.70) 100%);
	border-color: transparent;
	border-radius: 10px 0px;
	padding: 0px;
}
.imgPanel .panel-heading:hover {
	background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(246,170,0,0.70) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(246,170,0,0.70) 100%);
	background-image: -o-linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(246,170,0,0.70) 100%);
	background-image: linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(246,170,0,0.70) 100%);
}
.imgPanel .panel-heading a {
	text-decoration: none;
	color: #FFFFFF;
}
.imgPanel .panel-heading .panel-title {
	padding: 10px 15px;
}
.imgPanel .glyphicon {
	padding-right: 5px;
	margin-bottom: -2px;
}
.imgPanel .panel .panel-body {
	border-color: transparent !important;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
	color: #FFFFFF;
	border-radius: 0px;
}
#classFeature {
	background-color: #206A77;
	background-image: url(../img/classFeature_bg2.jpg);
	background-size: 100%;
	background-position: left bottom;
	padding: 0;
}
#classFeature .classFeatureBG {
	background-image: url(../img/classFeature_bg.jpg);
	background-size: 100%;
	background-position: right 5%;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-bottom: 20px;
}
#classFeature header {
	margin-top: -60px;
	background-color: rgba(124, 185, 218, 0.6);
}
#classFeature .panel.panel-default {
	margin-bottom: 0;
}
#classFeature .panel .heading {
	text-align: right;
	margin: 0;
	margin-bottom: 15px;
}
#classFeature .panel .heading h1 {
	font-size: 36px;
	text-shadow: 0px 1px 2px #223512;
}
#classFeature .panel .heading h1 span {
	display: block;
	font-size: 25px;
	padding-bottom: 10px;
}
#classFeature .panel .heading a.btn {
	margin: 5px;
}
#classFeature .panel .heading .btn-info:hover, #classFeature .panel .heading .btn-info.collapsed:hover, #classFeature .panel .heading .btn-info:focus, #classFeature .panel .heading .btn-info:active, #classFeature .panel .heading .btn-info.active, #classFeature .panel .heading .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #F6AA00;
	border-color: #F6AA00;
}
#classFeature .panel .heading .btn-info.collapsed {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
#classFeature .panel .heading .btn-info.active {
    -webkit-animation-duration: 1s;
          animation-duration: 1s;
	-webkit-animation-fill-mode: both;
          animation-fill-mode: both;
	-webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
#classFeature .panel .heading .btn-info.active::after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid rgb(255, 255, 255);
	display: inline-block;
	content: "";
	margin-left: 5px;
}
#classFeature .collapse.in:before {
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    -webkit-animation-duration: 1s;
          animation-duration: 1s;
	-webkit-animation-fill-mode: both;
          animation-fill-mode: both;
	-webkit-animation-name: zoomIn;
          animation-name: zoomIn;
    margin: 20px 0;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0.5;
    -webkit-transform: scale3d(.3, 1, .3);
            transform: scale3d(.3, 1, .3);
  }
  10% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0.5;
    -webkit-transform: scale3d(.3, 1, .3);
            transform: scale3d(.3, 1, .3);
  }
  10% {
    opacity: 1;
  }
}
#classFeature .panel .panel-body {
	background-image: none;
	background-color: rgba(82, 133, 144, 0.3);
	border-radius: 10px;
	box-shadow: 0 0 5px #263E48;
	margin: 10px 0;
}
#classFeature .panel .panel-body .col-sm-6 {
	padding: 10px;
}
#classFeature .panel .panel-body .col-sm-6 img {
	width: 100%;
}
#classFeature .panel .panel-body .textbox {
	padding-top: 0 !important;
}
#classFeature .panel .panel-body h3 {
	margin-top: 0;
}

#witness {
	min-width: 100%;
	padding: 0px;
	background: #f7fcff; /* Old browsers */
	background: -moz-linear-gradient(left,  #f7fcff 0%, #feffff 25%, #ffffff 75%, #f7fcff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7fcff), color-stop(25%,#feffff), color-stop(75%,#ffffff), color-stop(100%,#f7fcff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f7fcff 0%,#feffff 25%,#ffffff 75%,#f7fcff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f7fcff 0%,#feffff 25%,#ffffff 75%,#f7fcff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f7fcff 0%,#feffff 25%,#ffffff 75%,#f7fcff 100%); /* IE10+ */
	background: linear-gradient(to right,  #f7fcff 0%,#feffff 25%,#ffffff 75%,#f7fcff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fcff', endColorstr='#f7fcff',GradientType=1 ); /* IE6-9 */
}
#witness .carousel2 {
	height: 300px;
}
#witness .carousel2 .carousel-control {
	color: #779DB2;
	text-shadow: none;
	background-image: none;
}
#witness .carousel2 .carousel-control .icon-prev, 
#witness .carousel2 .carousel-control .icon-next {
	color: #3B5868;
	font-size: 1em;
	line-height: 0px;
}
#witness .carousel2 .carousel-inner {
	margin: 0px;
	padding: 0px;
}
#witness .carousel2 .item {
	background-position: 70% center;
	height: 300px;
}
#witness .carousel2 .item .play {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	opacity: 0.5;
}
#witness .carousel2 .item .playbtn {
	width: 12%;
	height: auto;
	left: 44%;
	top: 16%;
	opacity: 0.5;
}
#witness #playbtn1,#witness #playbtn2,#witness #playbtn3,#witness #playbtn4,#witness #playbtn5,#witness #playbtn6,#witness #playbtn7,#witness #playbtn8,#witness #playbtn9,#witness #playbtn10,#witness #playbtn11,#witness #playbtn12,#witness #playbtn13,#witness #playbtn14,#witness #playbtn15,#witness #playbtn16,#witness #playbtn17,#witness #playbtn18,#witness #playbtn19,#witness #playbtn20 {
	z-index: 100;
	position: absolute;
}
#witness .carousel2 .item a:hover img {
	opacity: 0.8;
}
#witness .carousel2 .carousel-caption {
	color: #869AA3;
	text-shadow: none;
	text-align: left;
	width: 70%;
	margin-left: 40px;
	margin-bottom: 5%;
	padding: 10px;
	background-color: rgba(255,255,255,0.80);
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px rgba(176,199,211,1.00);
	box-shadow: 0px 0px 5px rgba(176,199,211,1.00);
}
#witness .carousel2 .carousel-caption h3 {
	display: table-cell;
	padding-bottom: 5px;
	font-size: 1.1em;
}
#witness .carousel2 .carousel-caption small {
	color: #869AA3;
	font-size: 0.8em;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #869AA3;
	padding-bottom: 5px;
}
#witness .carousel2 .carousel-caption h1 {
	font-size: 1.3em;
	margin-top: 5px;
}
#witness .carousel2 .carousel-caption p {
	display: none;
}
#witness .carousel2 .carousel-indicators li {
	background-color: #B1C7D3;
	background-color: rgba(177,199,211,.5);
}
#witness .carousel2 .carousel-indicators .active {
	background-color: #B1C7D3;
}
#teachers {
	background-color: #87C5E4;
	color: #3B6276;
	background-image: url(../img/Teachers-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	padding-top: 20px;
}
#teachers header {
	background-color: #6eaccd;
	margin-top: -20px;
}
#teachers .container {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#teachers .container .row {
	margin: 0px;
}
#teachers .img-circle {
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
}
#teachers .glyphicon-user {
	color: #E1E3E5;
	background-color: #EBECED;
	width: 150px;
	height: 150px;
	font-size: 80px;
	padding-top: 30px;
}
#teachers .glyphicon-user p {
	color: #D3D6D8;
	font-size: 16px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#teachers h3 {
	display: block;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #3B6276;
}
#teachers h3 span {
	display: block;
	background-color: #6eaccd;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.6em;
	width: 120px;
	padding: 5px 0px;
	margin-top: 2px;
	border-radius: 2px;
}
#teachers ul,#teachers ol {
	padding-left: 15px;
}
#teachers ul li {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bolder;
}
#teachers p {
	padding-top: 0px;
	padding-bottom: 0px;
}
#teachers .btn-blog {
	text-align: left;
}
#teachers .btn {
	color: #FFFFFF;
	text-decoration: none;
}
#teachers .blogBanner img {
	margin: 0px auto;
	width: 100%;
	height: auto;
	max-width: 100%;
	min-height: 35px;
}
#samples {
	padding-bottom: 30px;
}
#samples .container {
	padding-top: 60px;
}
#samples ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#samples .col-sm-3 {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
}
#samples .container .rounded {
	display: block;
	background-color: #70BBE0;
	border-radius: 10px;
	padding: 0px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #70BBE0;
}
#samples .container .rounded:hover {
	background-color: #E6B03A;
	border: 1px solid #E6B03A;
}
#samples .container .rounded img {
	border-radius: 10px 10px 0px 0px;
	height: auto;
}
#samples .container .rounded .glyphicon {
	font-size: 3em;
	height: auto;
	position: absolute;
	left: 44%;
	top: 30%;
	opacity: 0.7;
	text-shadow: 0px 0px 5px #C6C6C6;
}
#samples .container .rounded:hover .glyphicon {
	color: #E6B03A;
	text-shadow: none;
	opacity: 0.9;
}
#samples .container .rounded h4 {
	margin: 0px;
	padding: 5px 10px;
	font-size: 1.2em;
}

/*images test*/

#images {
	padding-bottom: 30px;
	background: #c4b593;
}
#images .container {
	padding-top: 60px;
}
/*#images ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}*/
#images .col-sm-3 {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#images .container .rounded {
	display: block;
	background-color: #70BBE0;
	border-radius: 0;
	padding: 0px;
	margin-bottom: 0;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #fff;
}
#images .container .rounded:hover {
	display: block;
	background-color: #E6B03A;
	border: 1px solid #E6B03A;
}
#images .container .rounded .glyphicon {
	font-size: 3em;
	height: auto;
	position: absolute;
	left: 44%;
	top: 30%;
	opacity: 0.7;
	text-shadow: 0px 0px 5px #fff;
}
#images .container .rounded:hover .glyphicon {
	color: #E6B03A;
	text-shadow: none;
	opacity: 0.9;
}
/*banner overlay*/
.image-banner {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.image-banner img {
	display: block;
	transition: all .3s;
}
.image-banner:hover img {
	transform: scale(1.3);
}
.banner-description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, .65);
	padding: 15px 25px;
	opacity: 0;
	transition-property: all;
	transition-duration: 1s;
	transform: translateY(100%);
}
.image-banner:hover .banner-description {
	opacity: 1;
	transform: translateY(0);

}

/*end of banner overlay*/



#topic {
	background-color: #E0E8ED;
}
#topic .container {
	padding-top: 80px;
	padding-bottom: 60px;
	padding-left: 5px;
	padding-right: 5px;
}
#topic .divider {
	margin: 40px 20px;
	height: 1px;
	background-color: #EEF2F5;
	border-bottom: 1px solid #9CB9C7;
}
#topic .topic-txt > span {
	display: inline-block;
	border-left: 5px solid #798F99;
	border-right: 1px solid #798F99;
	border-bottom: 1px solid #798F99;
	border-top: 1px solid #798F99;
	padding: 0px 5px;
	font-size: 1.1em;
}
#topic .topic-txt .divider {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 1px;
	background-color: #EEF2F5;
	border-bottom: 1px dotted #9CB9C7;
}
#topic .topic-img {
	margin-bottom: 10px;
}
#topic .topic-txt h4 {
	display: inline-block;
	line-height: 30px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 1.1em;
}
#topic .topic-txt h4 span:nth-child(2) {
	font-size: 0.8em;
	border-left: 1px solid #798F99;
	margin-left: 7px;
	padding-left: 7px;
}
#topic .topic-txt h4 .glyphicon {
	font-size: 1.2em;
	padding-right: 5px;
}
#topic .topic-txt h2 {
	font-size: 2em;
}
#topic .topic-txt h2, #topic .topic-txt h3 {
	margin: 0px;
	padding: 10px 0px;
}
#topic .btn {
	margin-top: 10px;
	font-size: 1em;
}
#about {
	padding-bottom: 20px;
}
#about .container {
	padding-top: 40px;
}
#about .col-sm-6 {
	margin-top: 40px;
}
#about h3 {
	border-left: 5px solid #798F99;
	padding-left: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
}
#about h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#about ul li,#about ol li {
	margin-left: -20px;
}
#about ul li {
	padding-bottom: 15px;
}
#witness,#samples,#topic,#about{
	-webkit-box-shadow: 0px -1px 1px #CDD5D9;
	box-shadow: 0px -1px 1px #CDD5D9;
}
#footer {
	color: #4F5962;
	background: #FFFFFF;
	border-top: 1px solid #DEE8EB;
	text-align: center;
	margin-top: 0px;
}
#footer .container {
	padding-top: 30px;
}
#footer span, #footer small {
	display: block;
}
#footer small {
	margin-top: 10px;
}
#footer .footer-link {
	margin-bottom: 30px;
	border-bottom: 1px dotted #4F5962;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#footer .footer-link a {
	color: #4F5962;
	text-decoration: none;
	margin: 10px 5px;
}
#footer .footer-link a:hover {
	color: #70BBE0;
}
#footer .footer-link #link-span {
	margin-bottom: 10px;
}
#footer .footer-link #link-span #Privacy,#footer .footer-link #link-span #Recruit {
	display: block;
}
#footer a.url-amc {
	display: inline-block;
	padding: 3px 7px;
	background-color: #4F5962;
	border-radius: 5px;
	color: #FFFFFF;
}
#footer a.url-amc:hover,#footer a.url-mail:hover {
	background-color: #70BBE0;
	color: #FFFFFF;
}
#footer a.url-mail {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
}
#footer #footer-logo,#footer #logo-fb {
	display: block;
	margin-bottom: 20px;
}
#footer #logo-fb {
	border-bottom: 1px dotted #4F5962;
	margin-top: 20px;
	padding-bottom: 30px;
}
#footer .footerTXT h4 {
	font-size: 1.2em;
}
#freetry {
	position: fixed;
	bottom: 0px;
	width: 100%;
	margin: 0px auto;
	padding-top: 10px;
	background-color: #EC6103;
	background-color: rgba(236,97,3,0.85);
	text-align: center;
	display: none;
	z-index: 200;
}
#freetry .btnFree {
	width: 250px;
	height: 30px;
	display: block;
	margin-top: -40px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	background-color: #EC6103;
	background-color: rgba(236,97,3,0.85);
	border-radius: 10px 10px 0 0;
	CCborderRadiusTL: 10px;
    CCborderRadiusTR: 10px;
	border-width: 0px;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
}
#freetry .mainForm, #freetry label, #freetry .submitForm {
	margin: 0px;
	padding: 5px;
}
#freetry .form-group {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#freetry .submitTxt {
	margin-bottom: 5px;
}
#freetry #sex {
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 0px;
}
#freetry #sex span {
	padding-left: 10px;
}
#freetry small {
	color: #FDD9C0;
	padding-top: 10px;
}
#freetry small a {
	color: #FDD9C0;
	text-decoration: underline;
}
#freetry a:hover {
	color: #FFFFFF;
}
}

@media (min-width:360px){
.second-nav .btn.btn-default {
	font-size: 1.2em;
}
.row.section {
	margin: 50px 0px 0px 0px;
}
}

@media (min-width:450px){
#witness .carousel2 .carousel-caption {
	width: 50%;
}
.t-btn-Position{
	position: absolute;
    z-index: 100;
    margin-top: -43px;
    margin-left: 87%;
}
}

@media (min-width:768px){
body {
  position: relative;
}
.t-pic {
	float: left;
    margin-right: 10px;
}
.t-btn-Position{
	position: absolute;
    z-index: 100;
    margin-top: -43px;
    margin-left: 92%;
}
#signin .modal-lg {
	max-width: 400px;
	margin: 30px auto;
}
.modal-lg {
	width: 80%;
}
.modal-content {
	padding: 20px;
}
.modal-content iframe {
	height: 510px;
}
.floatR {
	float: right;
}
.navbar-fixed-top {
	height: 70px;
}
#logo  {
	width: 114px;
	height: auto;
	margin-top: -5px;
}
.nav {
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 17%;
}
.nav li {
	margin: 0px 5px;
}
.nav.navbar-nav li a {
	font-size: 0.85em;
	line-height: 70px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.nav.navbar-nav li a:hover, .nav.navbar-nav > .active > a,  .nav.navbar-nav > .active > a:hover,  .nav.navbar-nav > .active > a:focus {
	color: #F6AA00;
	background-color: transparent;
	background-image: none;
}
.nav.navbar-nav .log {
	margin-top: 2px;
}
.nav.navbar-nav .log a {
	font-size: 0.7em;
	color: #FFFFFF;
	padding: 10px 5px;
	margin-top: 23px;
	margin-left: 2px;
	margin-right: 2px;
}
.nav.navbar-nav .log a:hover {
	color: #FFFFFF;
	background-color: #F6AA00;
	border-color: #F6AA00;
}
.telDiv {
	margin-top: 5px;
	margin-right: 0px;
}
.telDiv .tel {
  right: 0;
}
.telDiv .tel li {
	line-height: 75px;
}
.telDiv .tel .glyphicon {
	margin-right: -2px;
}
#topLink {
	top: 60%;
	width: auto;
	border-radius: 0px 20px 20px 0px;
}
#topLink a h2 {
	font-size: 2em;
	text-align: left;
	padding: 20px;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
}
.carousel-indicators .active {
	width: 17px;
	height: 17px;
}
/*carousel control show only on hover*/
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }
/*carousel control show only on hover-end*/
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	font-size: 5em;
}
.carousel-caption h1 {
	font-size: 4vw;
}
.carousel-caption h1 span {
	font-size: 5vw;
}
#carousel1 .carousel-caption {
	padding-bottom: 60px;
}
.second-nav .btn.btn-default  {
	font-size: 1.3em;
	line-height: 50px;
}
.news a  {
	font-size: 1.5em;
	padding: 7px;
}
.row.section {
	margin: 68px 0px 0px 0px;
}
.mainDiv p, .mainDiv li {
	font-size: 1em;
}
#content header {
	line-height: 50px;
	font-size: 1.5em;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	width: 20%;
	left: 40%;
}

#witness .carousel2 .item {
	background-size: auto 130%;
	background-position: 80% 0%;
}
#witness .carousel2 .item .playbtn {
	width: 10%;
	left: 45%;
	top: 50%;
}
#witness .carousel2 .carousel-control .icon-prev, 
#witness .carousel2 .carousel-control .icon-next {
	font-size: 3em;
	opacity: 0.4;
}
#witness .carousel2 .carousel-caption {
	color: #667D87;
	margin-bottom: 70px;
	margin-left: 10%;
	width: 42%;
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px rgba(176,199,211,1.00);
	box-shadow: 0px 0px 0px rgba(176,199,211,1.00);
}
#witness .carousel2 .carousel-caption small {
	display: table-cell;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	font-size: 1em;
}
#witness .carousel2 .carousel-caption h3 {
	font-size: 1.2em;
}
#witness .carousel2 .carousel-caption h1 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #869AA3;
	padding-top: 5px;
	margin-top: 0px;
	font-size: 1.5em;
}

#footer {
	padding-bottom: 150px;
}
#footer span {
	display: inline-block;
	margin: 0px 10px;
}
#footer .footer-link a {
	margin: 10px 10px;
}
#footer #link-span {
	margin: 0px;
}
#footer .footer-link #link-span #Privacy,#footer .footer-link #link-span #Recruit {
	display: inherit;
}
#footer #footer-logo {
	float: left;
	margin-right: 20px;
}
#footer #footer-logo img {
	width: auto;
	height: 72px;
}
#footer .footerTXT {
	text-align: left;
	float: left;
	margin-top: 20px;
}
#footer #logo-fb {
	float: left;
	border-bottom: 0px;
	margin-top: -2px;
	margin-left: 10px;
}
#footer #globaltrust {
	float: right;
	margin-top: -7px;
}
#freetry .form-group {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 5px;
}
#freetry .form-s {
	width: 100%;
}
#freetry .submitTxt {
	padding-top: 5px;
}
}

@media (min-width:992px){

.t-pic {
	float: left;
    margin-right: 10px;
}
.modal-lg {
	width: 70%;
}
#level .modal-lg {
	width: 90%;
}
.container {
	width: 98%;
}
#logo  {
	width: 150px;
	margin-top: -3px;
}
.navbar-fixed-top {
	height: 85px;
}
.nav {
	margin-left: 2%;
	padding-left: 150px;
}
.nav.navbar-nav li a {
	font-size: 1.1em;
	line-height: 85px;
}
.nav.navbar-nav .log {
	margin-top: 4px;
}
.nav.navbar-nav .log a {
	font-size: 1em;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 23px;
	border-radius: 7px;
}
.telblock {
	padding: 0 2%;
}
.telDiv {
	width: 205px;
}
.tel li {
	line-height: 85px;
	font-size: 1.8em;
}
#topLink {
	top: 65%
}
#topLink a h2 {
}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	font-size: 6em;
}
.carousel-caption h1 {
	font-size: 3vw;
}
.carousel-caption h1 span {
	font-size: 4vw;
}
.fixednav {
	padding-top: 87px;
}
.second-nav .btn.btn-default  {
	font-size: 1.6em;
	line-height: 70px;
}
.news a  {
	font-size: 1.7em;
}
#content header {
	width: 22%;
	left: 39%;
}
.imgPanel {
	height: 630px;
	background-position: 35% top;
}
.imgPanel .panel-body h3 {
	margin-top: 20px;
}
.row.section {
	margin: 80px 0px 0px 0px;
}
#witness .carousel2 {
	height: 500px;
}
#witness .carousel2 .item {
	background-position: 70% 0%;
	height: 500px;
}
#witness .carousel2 .carousel-control .icon-prev, 
#witness .carousel2 .carousel-control .icon-next {
	font-size: 5em;
	opacity: 0.3;
}
#witness .carousel2 .carousel-caption {
	margin-left: 150px;
	margin-bottom: 200px;
}
#witness .carousel2 .carousel-caption h3 {
	font-size: 1.5em;
}
#witness .carousel2 .carousel-caption small {
	font-size: 1.1em;
}
#witness .carousel2 .carousel-caption h1 {
	font-size: 1.9em;
}
#witness .btn {
	font-size: 1.2em;
}
#teachers {
	padding-bottom: 40px;
}
#teachers h3 span {
	font-size: 0.6em;
	width: 120px;
	padding: 5px 0px;
	margin-top: 2px;
}
#samples .row {
	margin-top: 10px;
	margin-bottom: 10px;
}
#samples .col-sm-3 {
	padding-left: 10px;
	padding-right: 10px;
}
#samples .container .rounded h4 {
	font-size: 1em;
}

/*images test*/

#images .row {
	margin-top: 10px;
	margin-bottom: 10px;
}
#images .col-sm-3 {
	padding-left: 0;
	padding-right: 0;
}
#images .container .rounded h4 {
	font-size: 1em;
}

#topic .btn {
	font-size: 1.3em;
}
#footer {
	padding-bottom: 200px;
}
#freetry .submitForm {
	margin-top: 36px;
	padding: 0px;
}
#freetry .submitBtn {
	margin-top: 1px;
	padding-left: 0px;
}
#freetry .submitTxt {
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
}

@media (min-width:1200px){
.t-pic {
	float: left;
    margin-right: 10px;
}
.t-btn-Position{
	position: absolute;
    z-index: 100;
    margin-top: -50px;
    margin-left: 85%;
}
#testimonial .row {
	/*row向左右兩邊各擴增*/
	margin-top: 124px;
	margin-bottom: 58px;
	margin-right: 0px; 
	margin-left: 0px;
}

.container {
	max-width: 1180px;
}
#logo  {
	margin-left: -20px;
}
.modal-lg {
	width: 800px;
}
#level .modal-lg {
	width: 80%;
}
.modal .levelBox table {
	font-size: 1vw;
}
.modal .levelBox table strong {
	font-size: 1.5vw;
}
.modal .level .container {
	max-width: 90%;
}
.nav {
	margin-left: 3%;
}
.nav.navbar-nav li a {
	font-size: 1.2em;
	padding-left: 3px;
	padding-right: 3px;
}
.nav.navbar-nav .log {
	margin-top: 5px;
}
.nav.navbar-nav .log a {
	font-size: 1.15em;
}
.telblock {
	width: 1180px;
	padding: 0 20px;
}
.telDiv {
	width: 290px;
}
.tel li {
	line-height: 85px;
	font-size: 2.5em;
}
#topLink {
	top: 40%
}
#topLink a h2 {
	font-size: 3em;
}
.second-nav .btn.btn-default  {
	font-size: 1.8em;
}
.news a  {
	font-size: 2em;
}
#content header {
	width: 14%;
	left: 43%;
}
.imgPanel {
	padding-top: 60px;
	height: 720px;
	background-position: center top;
}
.row.section {
	margin: 82px 0px 0px 0px;
}
#witness .carousel2 {
	height: 600px;
}
#witness .carousel2 .item {
	background-size: auto 130%;
	background-position: 80% 0%;
	height: 600px;
}
#witness .carousel2 .item .playbtn {
	width: 8%;
	left: 46%;
}
#witness .carousel2 .carousel-caption {
	margin-bottom: 300px;
	margin-left: 20%;
	width: 32%;
}
#witness .carousel2 .carousel-caption h3 {
	font-size: 1.7em;
}
#witness .carousel2 .carousel-caption small {
	font-size: 1.2em;
}
#witness .carousel2 .carousel-caption h1 {
	font-size: 2.1em;
}

/*images test*/

#images .row {
	margin-top: 20px;
	margin-bottom: 20px;
}
#images .col-sm-3 {
	padding-left: 0;
	padding-right: 0;
}
#images .container .rounded h4 {
	font-size: 1.1em;
}


#teachers {
	text-align: center;
}
#teachers h3,#teachers li,#teachers p{
	text-align: left;
}
#teachers .blogBanner img {
	margin: 0px auto;
	border-radius: 10px;
	width: auto;
}
#footer {
	padding-bottom: 100px;
}
#freetry #tryform {
	padding-left: 4%;
}
#freetry .submitTxt {
	margin-top: 10px;
}
}