@charset "utf-8";
* {margin: 0px; padding: 0px;}
ul, ol, li {list-style:none;}
:focus {outline:none;}
img{border:none; }
body {
	margin-left: auto; margin-right: auto;
	font-family: "微軟正黑體", Arial, serif;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0em;
	}
p  {margin-bottom:20px;}
a {text-decoration: none; color:#000;}
a:hover {color:#000;}
.dropdown a:hover {text-decoration:none;}
.logo{width:30%;height: auto;margin-right:auto; margin-left:auto;}/*後臺用*/
.bg-light {background-color:transparent !important;}

nav, .dropdown-menu li {font-size:20px;}
.dropdown-menu{padding-left:10px;}
.dropdown-menu li{margin-bottom:8px;}
#slideshow {	position: relative;height:auto;}
#slideshow img{width: 100%;height: auto;}
.img-responsive {width: 100%; height: auto; display:block:}
.content {
    position: relative;
    background: #fff;
    margin:30px 0 0px 0;
	min-height:300px;
}
.navbar-brand{margin-right:0px;}

/********News**********/
.cateInfo     {font-size:11px;margin-bottom:20px; }
.blogDesc{margin-bottom:20px;}

/***********Index*******************/
.bg-gray  { background: rgb(199, 207, 209);}
.blueLineR:before
{   position:absolute;
	content : "";
    right:0;
    top:20%;
    height:70%;
    border-right:1px solid rgb(0, 153, 204);
}
.indexIcon1, .indexIcon2, .indexIcon3, .indexIcon4{width:100px; height:100px; margin:0 auto; background-repeat:no-repeat;}
.indexIcon1{background-image:url(../images/about.png);}
.indexIcon2{background-image:url(../images/team.png)}
.indexIcon3{background-image:url(../images/academy.png);}
.indexIcon4{background-image:url(../images/blog.png);}
.indexIcon1:hover{background-image:url(../images/about-h.png);}
.indexIcon2:hover{background-image:url(../images/team-h.png)}
.indexIcon3:hover{background-image:url(../images/academy-h.png);}
.indexIcon4:hover{background-image:url(../images/blog-h.png);}

/**********footer******************/
.footer-container{overflow:auto;}
.copyright{width:100%; float:none; font-size:12px; letter-spacing: 0px; text-align:center;}
.contactInfo{width:100%;float:none; padding-top:20px;padding-left:5%;line-height: 24px; text-align:center;font-size:15px;color: #000;}
.language{width:100%;float:none; padding-top:20px; padding-right:15%;padding-left:15%; padding-bottom:50px; }
.lan-item{width:50%; line-height:30px; text-align:center; float:left;}


/*************font****************/
.f18c600      {text-align:center;font-size:18px;font-weight:600; margin-top:10px;margin-bottom: 20px;}
.f16c600      {text-align:center;font-size:16px;font-weight:600; margin-top:10px;margin-bottom: 20px;}
.blackT       {color:#000;    font-size:15px; font-weight:700; margin-bottom:20px; margin-top:20px;}
.orangeT      {color:#ee7719; font-size:20px; font-weight:700; margin-bottom:20px; margin-top:20px;}
.orangeTs     {color:#ee7719; font-size:20px; font-weight:700; margin-bottom:20px; margin-top:20px; line-height: 30px; }
.underLine{text-decoration:underline;}
.blueT {color:rgb(0, 153, 204);font-size:24px; margin:15px 0; }

/****************margin/padding/width*************************/
.marginB20 {margin-bottom:20px;}
.marginB50 {margin-bottom:50px;}
.padding20{padding:20px;}
.padding50{padding:50px;}
.padRL20{padding-right:20px;padding-left:20px;}
.padRL50{padding-right:50px;padding-left:50px;}
.padTB20{padding-top:20px;padding-bottom:20px;}
.padTB10{padding-top:10px;padding-bottom:10px;}
.padTB50{padding-bottom:50px;padding-top:50px;}
.padTB30{padding-bottom:30px;padding-top:30px;}
.padR50{padding-right:50px;}
.padL10{padding-left:10px;}
.justify{text-align:justify;}


.info1{ font-size:20px; margin-bottom:100px;line-height:30px;}
.info2{ font-size:16px; line-height:24px;}

/************contact*****************/
.iframe-rwd {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) { 
	.nav-item{padding:0 15px; }
	.navbar-nav {padding-left: 0px;}
	.footer-container{overflow:hidden;}
	.copyright{width:45%; float:left; padding-right:5%;padding-left:5%;}
	.contactInfo{width:35%;float:left; padding-left:0;}
	.language{width:20%;float:left;padding:30px 0 0 0;}
	.navbar-brand{margin-right:0px;}
   
}
@media (min-width: 992px) { 
	

	
}

@media (min-width: 1200px) {  }