@charset "utf-8";
/*  global  */
html { height:100%;}
body{ font-family: Arial,"Microsoft JhengHei"; height:100%;}
body,html { padding:0; margin:0;}

.wrap{ width:100%; height:100%;}
.container{ width:1000px; margin: 0 auto;}
.rwd-img { width:100%;}
.imgbox { overflow:hidden;}
img { display:block;}
a{text-decoration:none;}
a:hover { color:#fff; text-decoration:none;}
a:focus, a:hover { text-decoration:none; }

ul, section, div { position: relative;}
ul,section,div,li,span { box-sizing:border-box;}
ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
ul{ list-style:none; margin:0; padding:0; }
	.txtarea { color:#FFF;}
	.font-small { font-size:10pt;}
/*	bg	*/
	.bg-gray { background:#E6e6e6;}
	.bg-white { background:#FFFFFF;}
	.bg-img { background:url(../images/bgcolor_01.png) top center repeat-x #FFFFFF;}
	.newsimgbox { background:url(../images/pic_02.png) center no-repeat; height:481px; background-size: cover;}
	.courseimgbox { background:url(../images/pic_03.png) center no-repeat; height:481px; background-size: cover;}
	.teachersimgbox { background:url(../images/pic_04.png) center no-repeat; height:481px; background-size: cover;}

	
/*	btn	*/
	.btn-box { padding-left:5px; margin-top:60px; }
	.btn { display:inline-block; border:0; padding:5px 25px; border-radius:2px; cursor:pointer; }
	.btn-red { background:#E50150; color:#FFF; }
	
/*	float-box	*/
	.float-left { float:left;}
	.float-right{ float:right;}

/*	dialog*/
	#dialog-message { position:initial;}

/*	text-align	*/
	.text-center { text-align:center;}
	.text-left {text-align:left;}
	.text-right {text-align:right;}
	.text-justify { text-align:justify;}
	.break-all { word-break:break-all;}

/*	Loading	*/
	.nodata { padding:15px; margin:15px auto; color:#F00;}
	.loadingbox { width:100%; height:100%; left:0; top:0; z-index:9999; position:fixed; /*background:url(../images/loading.gif1) center no-repeat ;*/ background:rgba(0,0,0,0.5); text-align:center; display:none;}
	.loadingbox:before { content:""; display:inline-block; height:100%; vertical-align:middle;}
	.loadingalign { vertical-align:middle; display:inline-block;}
	.spinner { margin: 100px auto 0; width: 70px; text-align: center;}
	.spinner > div { width: 18px; height: 18px; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
	.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
	.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
	@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
	@keyframes sk-bouncedelay { 0%, 80%, 100% {    -webkit-transform: scale(0);   transform: scale(0); } 40% {    -webkit-transform: scale(1.0);   transform: scale(1.0); }}

/*	h-tag	*/
	.subject { background:url(../images/til_01.png) bottom center no-repeat; width:190px; margin:0 auto; padding:5px 5px 15px 5px; color:#007c79; text-align:center; font-size:22pt; z-index:991; position:relative;}
	.subject-white { background:url(../images/til_02.png) bottom center no-repeat; width:126px; margin:0 auto; padding:5px 5px 15px 5px; color:#FFF; }
	.margin-left-0 { margin:0;}

/*	form	*/
	.form-control { border-radius:5px;  border:1px solid #DDD;  padding:5px 15px; margin:5px 0; width:calc( 100% - 30px );}

	/*	menu	*/
	.headerbox { background:url(../images/fl_color_01.png) top center repeat-x;}
	.cus-menu-bg { background:url(../images/fl_color_02.png) bottom center repeat-x;}
	
	.header-logo { padding:10px 0;}
	.logobox { display:inline-block;}
	.menubtnbox { display:none;}
	.menubox { border:1px solid rgba(255,255,255,0.5); border-width:1px 0;}
	.menu { width:100%; padding:0 0;}
	.menu li { display:inline-block; width:calc( 100% / 8 - 5px ); text-align:center; position:relative; /*height:18px;*/ padding:0 0; min-height:30px;}
	.menu li:after { content:"";  display:inline-block;  /*border-right:1px solid #FFF;*/ height:14px; top:9px; position:absolute; right:0; }
	.menu li:last-child:after { content:"";  display:inline-block;  border-right:0 solid #FFF; }
	.menu a { color:#FFF; display:block; padding:5px 0;
							-webkit-transition: all 0.22s ease;
							 	 -moz-transition: all 0.22s ease;
											transition: all 0.22s ease;}
	.menu li>a:hover,
	.menu li.active{ background:#E50150;}
	
	
	.menubtn { color:#fff; font-size:30pt; }
	.closebtn { color:#fff; font-size:30pt; }
	.rwdmenubox { display:none; position:fixed; top:0; left:0; width:270px; height:100%; background-color:#00525b; z-index:99999; opacity:0;
								-moz-transform:translateX(-100%);
								-webkit-transform:translateX(-100%);
								-o-transform:translateX(-100%);
								-ms-transform:translateX(-100%);
								transform:translateX(-100%);	
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease;	
	} 
	.rwdmenubox.in {transform:translateX(0%); opacity:1;
								-webkit-transition: all 0.52s ease;
								 	 -moz-transition: all 0.52s ease;
												transition: all 0.52s ease;
	}
	.rwdmenu { margin-top:27px; text-align:center; }
	.rwdmenu li:after { border-bottom:1px solid #cbcaca; margin: 15px auto;  width: 180px;}
	.rwdmenu li a { font-size:14pt; color:#fff; /*text-shadow: 0px 0px 10px #fff;*/}
	
	.menubtn.none { display:none;}
	.fa-times { display:none;}
	.fa-times.show { display:block;}	
	
	.social li { display:inline-block; margin:5px 5px;}
	
	.footer { background:url(../images/downcolor_01.png) top center repeat-x;}
	.formbox { min-height:738px; padding:72px 0 0 0; }
	.footer-bg { background:#003638; color:#FFF; font-size:14px; }
	.cols-3 { width:calc( 100% / 3 - 15px ); float:left; padding:15px;}
	.cols-50 { width:calc( 100% / 2 - 15px ); float:left; padding:15px 5px;}
	.fullwidth-50 { width:50%; }
	.vertical-align:before { content:""; height:100%; vertical-align:middle; display:inline-block; }
	.vertical-align { vertical-align:middle; display:inline-block;}
	.traffic-detail { color:#FFF; font-size:10pt; letter-spacing:1px; }
	.traffic-detail ul { }
	.contact-list img { display:inline-block;}
	.gotop { position:fixed; bottom:30px; right:calc( (100% - 1000px ) / 2 - 80px );}

	
	*.nopadding { padding:0;}
	
	.cookie li { display:inline-block;}
	.cookie a,.cookie { color:#666;  font-size:10pt;}
	.cookie li:after { content:"/"; display:inline-block; margin:0 5px 0 10px; }
	.cookie li:last-child:after  { content:"";}
	.pager { text-align:center;}
	.pager,.pager a { color:#007c79;}
	.pager a { display:inline-block;}
	.pager a:hover { color:#AAA;}
	.pager li { display:inline-block; margin:0 3px; }
	.pager li.page-number:after { content:""; display:inline-block; margin:0 2px 0 4px;}
	.pager li.page-number:last-child:after { content:""; }
	/*	index	*/
		.pagebg { 
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+30,ffffff+70,cccccc+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 30%, #ffffff 70%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 30%,#ffffff 70%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 30%,#ffffff 70%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
 height:40px; width:100%;}
		
		.banner ul li,.banner a,.banner img { display:block;}
		.zindex991 { z-index:991;}
		.bg-gray.left-cir:before { content:""; width:370px; display:block; position:absolute; left:calc( 50% - 172px ); height:100%; z-index:990; background:#E6E6E6; border-radius:100% 0 0 100%; }
		.bg-white.left-cir:before { content:""; width:370px; display:block; position:absolute; left:calc( 50% - 172px ); height:100%; z-index:990; background:#FFFFFF; border-radius:0 100% 100% 0; }
		.margin-top-10 { margin-top:10%;}
		.list { padding:0 5px; width:auto; min-width:auto; }
		.list a { color:#007C79;}
		.list li { margin:15px 0; vertical-align:middle; }
		.date { float:left; margin-top:5px;}
		
		.content-desc { padding:0 5px; width:600px; line-height:2; color:#007C79; text-align:justify;}
		
		.gallery-list { position:relative; margin:30px auto;}
		.imgbox { height:235px; overflow:hidden; width:100%;}
		.gallery-list li {overflow:hidden; width:calc( 100% / 4 - 15px ); display:inline-block; float:left; margin:7.5px 7.5px; height: 370px; text-align:justify;}
		.gallery-list img {
							-webkit-transition: all 0.52s ease;
							 	 -moz-transition: all 0.52s ease;
											transition: all 0.52s ease;
		}
		/*
		.gallery-list a .hovershow { position:absolute; bottom:-30%; display:block; width:100%; background:rgba(0,124,121,0.5); padding:6px 8px; min-height:50px;
			
							-webkit-transition: all 0.52s ease;
							 	 -moz-transition: all 0.52s ease;
											transition: all 0.52s ease;
		}
		*/
		.gallery-list a { position:relative; width:100%; display:block; color:#666;}
		.gallery-list a:hover .hovershow { bottom:0;}
		.gallery-list a:hover img {
			transform:scale(1.2,1.2);
			-webkit-transform:scale(1.2,1.2);
			-moz-transform:scale(1.2,1.2);
		}
		.title-block { display:block; width:100%; padding:5px 0;}
		.readmorebox img {display:inline-block; }
		.readmorebox a { color:#AAA;}
	/*	about	*/
		.ineditor { min-height:300px; padding:30px 0;}
		.editorbox { margin:15px auto;}
	/*	news	*/
		.in-list { margin:30px auto;}
		.in-list li { padding:10px 15px; font-weight:bolder;}
		.in-list li a { display:block;}
		.in-list li:nth-child(even) ,
		.in-list li:nth-child(even) a { color:#007C79;}
		.in-list li:nth-child(odd) { background:#7DA4A1;}
		.in-list li:nth-child(odd),
		.in-list li:nth-child(odd) a { color:#FFFFFF;}
/*	RWD	*/
	
	
@media (min-width:1440px) and (max-width:1440px){
/* footer  */
.gotop { right:calc( (100% - 1000px ) / 2 - 210px );}	
}
@media (min-width:1024px) and (max-width:1439px){
/*  global  */
.container{ width:calc(100% - 30px); padding: 0 15px; margin: 0 auto;}
/*  footer  */
.gotop { right:calc( (100% - 1000px ) / 2 - 5px );}
.cols-3 { width: calc( 100% / 3 - 22px );}
.cols-50 { width: calc( 100% / 2 - 0px );}
/*  index  */
.list { padding:0 5px; width:auto; min-width:auto; }
.content-desc { width:500px;}
.news img,.course img,.teacher img { height:390px;}
}

@media (min-width:768px) and (max-width:1023px){
	.btn-box { margin-top:30px; }
/*  global  */
.container{ width:calc(100% - 30px); margin: 0 auto;}
/*  footer  */
.footer { background-size: contain;}
.gotop { right:calc( (100% - 768px ) / 2 - -17px );}
.cols-3 { width: calc( 100% / 2 - 41px );}
.cols-50 { width: calc( 100% / 2 - 0px );}
.contactform .cols-50 { width:100%;}
.footerlogo { display:none;}
.copyrightbox { margin-top:15px;}
/*  index  */
.list { padding:0 5px; width:auto; min-width:auto; }
.content-desc { width:300px;}
.news img,.course img,.teacher img { height:390px;}	
.gallery-list li { width: calc( 100% / 3 - 15px );}
}

@media (min-width:425px) and (max-width:767px){
	.btn-box { margin-top:30px; }
/*  global  */
.container{ width:calc(100% - 30px); margin: 0 auto;}
/*	bg	*/
.newsimgbox,.courseimgbox,.teachersimgbox { display:none;}
/*  hader  */
.menu { display:none;}
.logo img { width:100%;}
.socialbox {float:left; margin-top: 15px;}
.menubtnbox { display:block; float:right; margin-top: 15px;}
.rwdmenubox { display:block;}
.header-logo { padding: 0;}
/*  footer  */
.footer { background-size: contain; }
.gotop { right:calc( (100% - 425px ) / 2 - -17px );}
.footer .cols-3 { width:100%; padding:5px;}
.footer .cols-50 { width: 100%;}
.contactform .cols-50 { width:100%;}
.footerlogo { display:none;}
.copyrightbox { margin-top:0;}
.footersocial { display:none;}
/*  index  */
.list { padding:0 5px; width:auto; min-width:auto; }
.content-desc { width:100%; padding:0 15px;}
.news img,.course img,.teacher img { display:none;}	
.news cols-50,.course cols-50,.teacher cols-50 { width:100%; }	
.news .float-left,.course .float-left,.teacher .float-left { float:none;}
.bg-gray.left-cir:before { display:none;}
.subject { margin: 0 auto;}
.fullwidth-50 { width:100%;}
.gallery-list li { width:100%;  margin: 7.5px 0;}
.gallery-list li img { width:100%;}	
.btn-box { margin: 30px 15px; text-align: center;}
.text-left { text-align:none;}
}

@media (min-width:375px) and (max-width:424px){
.btn-box { margin-top:30px; }
/*  global  */
.container{ width:calc(100% - 30px); margin: 0 auto;}
/*	bg	*/
.newsimgbox,.courseimgbox,.teachersimgbox { display:none;}
/*  hader  */
.menu { display:none;}
.logo img { width:100%;}
.socialbox {float:left; margin-top: 15px;}
.menubtnbox { display:block; float:right; margin-top: 15px;}
.rwdmenubox { display:block;}
.header-logo { padding: 0;}
/*  footer  */
.footer { background-size: contain; }
.gotop { right:calc( (100% - 375px ) / 2 - -17px );}
.footer .cols-3 { width:100%; padding:5px;}
.footer .cols-50 { width: 100%;}
.contactform .cols-50 { width:100%;}
.footerlogo { display:none;}
.copyrightbox { margin-top:0;}
.footersocial { display:none;}
/*  index  */
.list { padding:0 15px; width:100%; }
.content-desc { width:100%; padding:0 15px;}
.news img,.course img,.teacher img { display:none;}	
.news cols-50,.course cols-50,.teacher cols-50 { width:100%; }	
.news .float-left,.course .float-left,.teacher .float-left { float:none;}
.bg-gray.left-cir:before { display:none;}
.subject { margin: 0 auto;}
.fullwidth-50 { width:100%;}
.gallery-list li { width:100%;  margin: 7.5px 0;}
.gallery-list li img { width:100%;}	
.btn-box { margin: 30px 15px; text-align: center;}
.text-left { text-align:none;}	
.bg-white.left-cir:before { display:none;}
}

@media (min-width:320px) and (max-width:374px){
	.btn-box { margin-top:30px; }
/*  global  */
.container{ width:calc(100% - 30px); margin: 0 auto;}
/*	bg	*/
.newsimgbox,.courseimgbox,.teachersimgbox { display:none;}
/*  hader  */
.menu { display:none;}
.logo img { width:100%;}
.socialbox {float:left; margin-top: 15px;}
.menubtnbox { display:block; float:right; margin-top: 15px;}
.rwdmenubox { display:block;}
.header-logo { padding: 0;}
/*  footer  */
.footer { background-size: contain; }
.gotop { right:calc( (100% - 320px ) / 2 - -17px ); bottom: 15px;}
.footer .cols-3 { width:100%; padding:5px;}
.footer .cols-50 { width: 100%;}
.contactform .cols-50 { width:100%;}
.footerlogo { display:none;}
.copyrightbox { margin-top:0; text-align:center;}
.footersocial { display:none;}
/*  index  */
.list { padding:0 15px; width:100%; }
.content-desc { width:100%; padding:0 15px;}
.news img,.course img,.teacher img { display:none;}	
.news cols-50,.course cols-50,.teacher cols-50 { width:100%; }	
.news .float-left,.course .float-left,.teacher .float-left { float:none;}
.bg-gray.left-cir:before { display:none;}
.subject { margin: 0 auto;}
.fullwidth-50 { width:100%;}
.gallery-list li { width:100%;  margin: 7.5px 0;}
.gallery-list li img { width:100%;}	
.btn-box { margin: 30px 15px; text-align: center;}
.text-left { text-align:none;}
.bg-white.left-cir:before { display:none;}
}


/*	hack	*/
.bx-wrapper .bx-pager { z-index:990; vertical-align:middle;}
.bx-pager-item { vertical-align:middle; }
.bx-wrapper .bx-pager:before { content:""; display:inline-block; vertical-align:middle; height:100%;  }
.bx-wrapper .bx-pager.bx-default-pager a { background:#CCCCCC; width:15px; height:15px; border-radius:50%; 
							-webkit-transition: all 0.12s ease;
							 	 -moz-transition: all 0.12s ease;
											transition: all 0.12s ease;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#9FCCC9; width:20px; height:20px; border-radius:50%; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#000;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#000;
}
:-moz-placeholder { /* Firefox 18- */
  color:#000;
}