body{
font-family:"Microsoft YaHei",΢ÈíÑźÚ,"Microsoft JhengHei",»ªÎÄϸºÚ,STHeiti,MingLiu;
margin:0;
padding:0;
}
#celec-logo{
background-color:#00b3c9;
width:50px;
height:50px;
}

html{
padding:0;
margin:0;
}

#celec-logo img{
width:50px;
text-align:center;
padding-top:12px;
}

.content{
display:none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
color:#fff;
background-color:#fff;
}

.navbar-nav>li{
background-color:#fff;
width:96px;
text-align:center;
}

.navbar-default{
background-color:#fff;
}


.navbar-default .navbar-nav>.active>a>.linkb{

background-color:#00b3c9;
}
.linkb{
padding:5px 5px 5px 5px;
}


.navbar-default .navbar-nav>li>a:hover>.linkb, .navbar-default .navbar-nav>li>a:focus>.linkb{
background-color:#00b3c9;
color:white;
}

#intro-section{
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
background:url(../imgs/intropic.jpg) no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}



.news-page{

background:url(../imgs/news-bg.jpg) no-repeat center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}

.culture-page{

background:url(../imgs/culture-bg.jpg) no-repeat center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}


.career-page{
background:url(../imgs/career-bg.jpg)  center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}


.project-page{
background:url(../imgs/project-bg.jpg)  center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}


.contact-page{

background:url(../imgs/contact-bg.jpg) no-repeat center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}

.contact-page{

background:url(../imgs/contact-bg.jpg) no-repeat center center fixed;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";

}

#page-title{
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
background:url(../imgs/intropic.jpg) no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}

#page-title-team{
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
background:url(../imgs/team-bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}

#page-title-team2{
background-color:#43aaa3;
margin-bottom:0px;
margin-top:50px;
text-align:center;
color:white;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}

#team-title-bg{
background:url(../imgs/team-bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-bottom:50px;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}


.navbar-nav>li>a{
padding-top:10px;
padding-bottom:10px;
}

#centerjumb{
text-align:center;
background-color:#fff;
}

#clogo>.col-lg-3{
text-align:center;
margin-bottom:15px;
margin-top:15px;
}

#clogo>.col-lg-3>.clogo-border{
margin:0 auto;
border:1px solid #ddd;
height:115px;
width:115px;
}

		#homeslide {
			height: 500px;
			overflow: hidden;
			margin-top: 70px;
		}
		#homeslide .mSButtons {
			height: 80%;
		}
		#homeslide .frame {
			width: 100%;
			height: 100%;
		}
		#homeslide .frame .slide_element {
			height: 100%;
		}
		#homeslide .frame .slide_element > div {
			float: left;
			height: 100%;
			overflow: hidden;
		}
		#homeslide .frame .mSCover img {
			max-width: none;
		}
		#homeslide .credit {
			position: absolute;
			bottom: 10px;
			left: 10px;
			font-size: 11px;
			line-height: normal;
			font-weight: 300;
			text-shadow: rgba(0,0,0,0.7) 0 1px 0px;
			color: #CCC;
			background: #000;
			background: rgba(0,0,0,0.6);
			padding: 0 4px;
			white-space: nowrap;
			z-index: 1002;
			text-transform: uppercase;
		}
		#homeslide .credit a {
			color: #FFF;
			font-weight: 400;
		}
		.infoBlock {
			position: absolute;
			top: 30px;
			right: 30px;
			left: auto;
			max-width: 30%;
			padding-bottom: 0;
	
 /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.2);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
			overflow: hidden;
			padding: 20px;
			z-index: 1002;
		}
		.infoBlockLeftBlack {
			color: #FFF;
			background: #000;
			background: rgba(0,0,0,0.3);
			left: 90px;
			right: auto;
			opacity: 0;
		}
		.infoBlock2 {
			top: 90px;
			left: 100px;
		}
		.infoBlock h4 {
			font-size: 20px;
			font-weight: 600;
			line-height: 1.2;
			margin: 0;
			padding-bottom: 3px;
		}
		.infoBlock p {
			font-size: 16px;
			font-weight: 300;
			margin: 4px 0 0;
		}
		.infoBlock a {
			color: #FFF;
			text-decoration: underline;
		}
		
		@media (max-width: 1000px) {
			#homeslide {
				height: 400px;
				margin-top: 0;
			}
			.infoBlock {
				min-width: 40%;
			}
		}
		
		@media (max-width: 800px) {
			#homeslide {
				margin: 0 0px;
				height: 300px;
			}
			.infoBlock {
				padding: 10px;
				height: auto;
				max-height: 100%;
			}
			.infoBlock h4 {
				font-size: 14px;
				line-height: 17px;
			}
			.infoBlock h1{
				font-size: 16px;
				line-height: 16px;
			}
			.infoBlock h3{
				font-size: 13px;
				line-height: 13px;
			}
			.infoBlock p {
				font-size: 12px;
			}
		}
		
#homeslide>.frame>.slide_element>.slide>.infoBlock button{
float:left;
}

.btn-primary{
background-color:#fff;
color:#000;
border-color:#fff;
}

.btn-primary:hover{
background-color:#fff;
color:#000;
border-color:#fff;
}

.footer{
background-color:#212121;
color:#bababa;
}

.footer-contact img{
margin-right:30px;
}

/* loading page */


#loading{
height:0px;
width:0px;
top:50%;
left:50%;
position:absolute;

}

.loading-content{
margin-top:-55px;
margin-left:-25px;
position:absolute;
text-align:center;
}

.title-line{
width:300px;
height:1px;
background-color:#fff;
margin:0 auto;
}



@media (max-width: 800px) {
	.title-line{
		width:150px;
		height:1px;
		background-color:#fff;
		margin:0 auto;
	}
}

.panel-title{
overflow:hidden;
}

.panel-body{
margin-right:-15px;
}

.career-title-right img{
margin:0 auto;
height:29px;
width:26px;
}

.career-jobtitle{
font-size:35px;
}

.career-location{
font-size:20px;
}

.panel-default>.panel-heading{
background-color:#fff;
}

.panel-group .panel+.panel{
margin-top:0px;
}

.panel-group .panel{
border:0px;
border-bottom:1px solid #000;
}

#career-panel-heading{
padding:30px 15px;
}

.panel-body{
padding:20px;
}

.panel-group .panel-heading+.panel-collapse .panel-body{
border-top:0px;
}

.panel-body button{
float:right;
margin-top:20px;
}

@media (max-width: 800px) {
	#intro-content img{
	width:120px;
	height:120px;
	}
}


@media (max-width: 1000px) {
	.btn{
	padding:6px 8px;
	}
}




.projects-container{
	max-width:1360px;
   min-width:240px;
   width:auto;
   margin:auto;
   padding:0px 30px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   overflow: hidden;
   padding-top:20px;

}
 
.megafolio-container{  width:100%; 
   position:relative;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.mega-entry .mega-entry-innerwrap{border:1px solid #FFF; }


.project_wrapper{
max-width:751px;
margin:auto;
margin-top:10px;
}

.form input{
display:inline-block;
background:none;
color:#fff;
border:1px solid #fff;
width:100%;
margin-bottom:10px;
font-size:12px;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

.form textarea{
display:inline-block;
background:none;
color:#fff;
border:1px solid #fff;
width:100%;
margin-bottom:17px;
font-size:12px;
padding:5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:auto;
height:100%;
}

.contact-form{
padding-top:30px;
max-width:400px;
margin:0 auto;
}

.btn_send{
background-color:#fff;
color:#000;
border-color:transparent;
font-size:17px;
}

/* contact info section */
.sep-v{
width:1px;
background-color:black;
height:127px;
float:center;
}

.contact-template{
margin-left:20px;
}

.contact-logo{
text-align:right;
padding-left:110px;
padding-right:30px;
font-size:20px;
}

.contact-text{
padding-left:10px;
}

.location-desc{
margin-top:35px;
margin-bottom:35px;
}

.contact-text{
text-align:left;
}

.contact-template td{
padding-top:10px;
padding-bottom:10px;
}


@media (max-width: 800px) {
.contact-logo,.contact-center{
display:none;
}
}

#googlemap{
text-align:center;
width:100%;
height:450px;
}


@media (max-width: 800px) {
#googlemap{
text-align:center;
width:100%;
height:250px;
}

}

.about-top, .about-midbot{
margin-top:30px;
padding-bottom:30px;
}

a{
color:#00b3c9;
text-decoration:none;
outline:none;
}

.about-top-content{
padding:8px;
font-size:15px;
}

.about-mid{
text-align:center;
color:white;
background:url(../../imgs/office.jpg) no-repeat center center;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
padding-top:100px;
padding-bottom:100px;
}

.about-mid h2{
padding-top:30px;
padding-bottom:20px;
}

.about-mid h3{
padding-bottom:30px;
}

@media (max-width: 800px) {
.about-mid h2{
font-size:22px;
}

.about-mid h3{
font-size:18px;
}
}

.about-top-content-frame, .about-midbot-content-frame{
max-height:510px;
overflow:scroll;
overflow-x:hidden;
}

#message{
height:62px;
resize:none;
}

#contactmsg{
font-size:16px;
}

.career-form-section{
padding:35px;
width:500px;
}
@media (max-width: 800px) {


.career-form-section{
padding:20px;
width:280px;
}

}

.ilightbox-holder .ilightbox-wrapper{
overflow-x:hidden;
}

.filter-menu{
position: relative;
}
.filters{
width:100%;
text-align:center;
padding:0;
margin:40px auto 35px;
}

ul{
list-style:none;
}

.filters li{
text-align:center;
display:inline-block;
font-size:15px;
padding-top:28px;
}

.filters li a{

padding:13px 20px;
color:#7a7a7a;
border:none;
background:#e9e9e9;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.inline{
font-size:0;
}
.filters li:first-child a{
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
padding-left: 25px;
}

.filters li:last-child a{
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
padding-right: 25px;
}

.filters li:hover a{
text-decoration:none;
background: #3c3c3c;
color: #fff;
}

.filters li a.selected{
background-color: #3c3c3c;
color: #fff;
}

/* news section */
.news-frame{
padding-top:30px;
padding-bottom:30px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.news-frame:hover{
background-color:#00b3c9;
text-decoration:none;
background:url(../imgs/office_blur.jpg) no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}

a:hover{
text-decoration:none;
}


.note-meta span{
color:#00b3c9;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.note-meta,.bot-meta{
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
color:#b5b5b5;
}
.news-section a{
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
text-decoration:none;
overflow:hidden;
}

.news-title{
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
font-size:45px;
color:#000;
}

.article-frame{
padding-top:30px;
padding-bottom:30px;
margin-top:-20px;
background-color:#eaeaea;
}

.article-date{
padding-top:10px;
font-size:34px;
}

.article-meta-title{
font-size:14px;
line-height:14px;
}
.news-title{
font-size:30px;
}

.article-img{
margin-top:20px;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
width:100%;
height:300px;
-webkit-background-size: cover; 
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/perfect-full-page-bg.jpg', sizingMethod='scale')";
}

.article-img img{




}

.news-text{
font-size:18px;
}

.news-text img{
max-width:100%;
}

@media (max-width: 800px) {

.news-text{
font-size:16px;
}

.news-title{
font-size:20px;
}

.article-date{
padding-top:10px;
font-size:20px;
}
}


/* team */


.people-detail-img{
padding-top:10px;
font-size:34px;
margin-top:10px;
margin-bottom:10px;
}

.team-pic{
	margin:0 auto;
	margin-bottom:10px;
}

.team-page-name{
font-size:20px;
margin-top:5px;
color:#FFF;
}

.team-page-name-white{
font-size:18px;
margin-top:5px;
color:#FFF;
}

.team-page-title{
font-size:18px;
color:#f2f2f2;
}

.team-page-name:hover{
color:#FFF;
}


.team-pic img{
max-height:110px;
max-width:88px;
}

.people-detail-img img{
max-height:110px;
max-width:88px;
}

.clogosection img{
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
   filter: gray; /* IE6-9 */
   -webkit-filter: grayscale(100%);
   -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
   -webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
max-width:113px;
}

.clogosection img:hover{
-webkit-filter: grayscale(0);/* Webkit */ 
filter:none;/* IE6-9 */ 
filter: grayscale(0);/* W3C */ 
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;

}

#team-slogan{
padding-top:100px;
padding-bottom:100px;
}

@media (max-width: 800px) {

h2{
font-size:20px;
}

}

.tup{
display:none;
}

@media (max-width: 558px) {

.tup{
display:block;
}


}