@import "animate.css";
.owl-carousel{
	padding-top:70px;
}
.share{
	text-align:right;
	line-height:30px;
	font-size:11pt;
	border-bottom:solid #ccc 1px;
	padding-bottom:10px;
	color:#4b204a;
	margin:0 2%;
}
.share img{
	width:30px;
	vertical-align: top;
}
.article img{
	width:90px;
}
a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a.busicon{
	  margin: 0 0.5px;
}
a.busicon:hover{
	color:#ff903f;
	
}
.educon p{
  text-align: justify;
text-justify:inter-ideograph;
}
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 100%;
	height: 40px;
	line-height:40px;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
	width:100%;
}
div#abgne_marquee ul li span{
	display:inline-block;
}
div#abgne_marquee ul li span + span{
	margin-left:10px;
}
div#abgne_marquee ul li{
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:16pt;
	height: 40px;
	line-height:40px;
	color:#fff;
	text-decoration: none;
}

.box_inner li i{
	text-indent:1px;
	color:#FF903F;
	font-size:16pt;
	padding:0 8px; 
}
.box_inner li em{
	text-indent:1px;
	color:#FF903F;
	font-size:16pt;
	padding:0 8px; 
}
.rd-mobilepanel_title{
	display:none;
}
.mo_foot{
	display:none;
}
.phone{display:none!important}
/*totop*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #d02414;

  z-index: 20;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.center{
	text-align:center;
}
.thumb2 .thumb_overlay{
	border-radius:50%;
	overflow:hidden;
}
.navbar-nav .list{
  text-align: right;
  padding: 5px 0 0;
  height: 30px;
}
.navbar-nav .list .sl{
  color: #d1392c;
    text-shadow: 1px 1px 2px #ccc;
  font-size: 15pt;
  line-height: 30px;
  vertical-align: top;
  display: inline-block;
  letter-spacing: 1px;
  margin-right: 15px;
  font-style:normal;
  font-weight:bold;
}
.day{
	heigth:auto;
	overflow:hidden;
	width:100%;
	margin:15px auto;
	border:solid 1px #ccc;
}
.day li i{
	color:#4b204a;
}
.day li.t{
	height:40px;
	line-height:40px;
	background:#8a5a89;
	color:#fff;
}
.day li.t2{
	line-height:40px;
	color:#fff;
	background:#8a5a89;
}
.day li{
	float:left;
	width:14.2857%;
	text-align:center;
	height:80px;
	border:solid 1px #ccc;
	line-height:80px;
}
.col-md-12 p{
	font-size:13pt;
	letter-spacing:1px;
	line-height:1.6;
	text-align: justify;
text-justify:inter-ideograph;
}
.dropdown-menu li a{
	color:#fff;
}
/*line*/
.leftline{
position: relative;
z-index: 0;
}

.leftline:hover{
background-color: transparent;
z-index: 50;
}

.leftline span{
	position: absolute;
	background-color: #f0f0f0;
	padding: 5px;
	left: -1000px;
	border: 5px solid #4b204a;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:183px;
	font-family: arial;
	font-weight: bold;
    line-height: 1.5;
	position: absolute;
	top: -210px;
}

.leftline span img{
border-width: 0;
padding: 2px;
}
.leftline:hover span{
	visibility: visible;
    top: -210px;
	right: -150%;
	left: auto;
}

.leftline2{
position: relative;
z-index: 0;
}

.leftline2:hover{
background-color: transparent;
z-index: 50;
}

.leftline2 span{
	position: absolute;
	background-color: #f0f0f0;
	padding: 5px;
	left: -1000px;
	border: 5px solid #4b204a;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:183px;
	font-family: arial;
	font-weight: bold;
    line-height: 1.5;
	text-align: center;
}

.leftline2 span img{
border-width: 0;
padding: 2px;
}
.leftline2:hover span{
	visibility: visible;
    top: 40px;
	right: -180%;
	left: auto;
}
/*ed*/
.edu .img{
	border-radius:8px;
	height:0;
	overflow:hidden;
	padding-bottom:56.21%;
}

.bgw{
	background:rgba(255,255,255,0.5);
	padding:15px!important;
	border-radius:15px;
}
.edli {
	margin:5px 0;
	letter-spacing:1px;
	line-height:1.8;
	font-size:12pt;
}
.edli li{
	list-style-position:inside;
	list-style-type:decimal;
	padding-left:2em;
	text-indent:-1.2em
}
.edli2 {
	margin:5px 0;
	letter-spacing:1px;
	line-height:1.8;
	font-size:14pt;
}
.edli2 li{
	list-style-position:inside;
	list-style-type:cjk-ideographic;
	padding-left:2em;
	text-indent:-1.7em;
}

.edu .col-md-4 img{
	width:100%
}
.edu * + .row{
	height:auto;
	overflow:hidden;
}
.educon,.sertext{
	width:950px;
	margin:0 auto;

}
.sertext{
	text-align: left!important;
	  clear: both;
}
.sertext p{
	text-align: justify;
	text-justify:inter-ideograph;
}
.sertext li{
	text-align: justify;
	text-justify:inter-ideograph;
	text-indent: -1em;
	list-style-type: disc;
	padding-left: 1em;
	list-style-position:inside;
}
.educon p + p{
	margin-top:10px;
}
/*service*/
.service p{
	font-size:13pt;
}
.serbtn{
	margin: 20px 3px 0!important;
	padding:5px 10px!important;
	background:#4b204a;
	border-color:#4b204a;
	border-radius:5px;
}
.servicebtn{
	margin: 20px 5px 0!important;
	padding:5px 15px!important;
	background:#8a5a89;
	border:none;
}
.sertext{
	text-align:center;
	height:auto;
	overflow:hidden;
	padding:25px 0;
	font-size:14pt;
	letter-spacing:1px;
}
.service p + p{

}
.serli{
	width:900px;
	margin:0 auto;
}
.serli li{
	text-align:left;
	text-indent:-1em;
	list-style-position:inside;
	padding-left:1em;
	font-size:13pt;
	letter-spacing:1px
}
/*交通指引*/
.box_inner li{
	list-style-position:inside;
	text-align: left;
	list-style-type:decimal;
	padding-left: 1em;
	text-indent: -1.1em;
	font-size: 14pt;
}
.fright{
	float:right;
}
.logic{
	float: right;
	width: 45px;
	padding-top: 37px;
}
.navbar-brand{
	float: left;
	width: 310px;
}

.center{
	text-align:center!important;
}
.navbar-nav li{
	font-family:微軟正黑體;
}
.offs .article p{
	height:104px;
	overflow:hidden;
}
.badge {
  background: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
* + p.h3{
	font-size:13pt;
	text-align:left;
}

.circle {
	padding: 20px 15px;
	height: 290px;
	margin: 0;
	line-height:1.4
	
}
.circle p{
	text-align:center;
	  font-size:14pt;
	  margin-top:10px;
}
.circle h4{
  width: 80px;
  margin: 0 auto;
  height: 80px;
  border-radius: 50%;
  line-height: 77px;
  text-align: center;
  border: solid;

}
.dropdown a{
	cursor:pointer;
}
}

.mg-add {
  margin-top: 10px;
}
* + .row {
  margin-top: 37px;
}
.row + * {
  margin-top: 0px;
}
.row + .row {
  margin-top: 30px;
}
* + p.h3 {
  margin-top: 8px;
}
* + p {
  margin-top: 0px;
}
* + .btn {
  margin-top: 40px;
}
* + .btn-link {
  margin-top: 25px;
}
* + .block-icon {
  margin-top: 67px;
}
* + .offs {
  margin-top: 61px;
}
* + .inline-list {
  margin-top: 30px;
}
* + address {
  margin-top: 30px;
}
h2 + p + img {
  margin-top: 66px;
}
h2 + p + h5,
img + h5,
* + .index-list,
h2 + p + article,
* + blockquote,
* + .accordion2 {
  margin-top: 60px;
}
* + .marked-list {
  margin-top: 30px;
}
.marked-list + h2 {
  margin-top: 95px;
}
* + .accordion {
  margin-top: 67px;
}
* + .offs2 {
  margin-top: 33px;
}

/*content*/
.block-icon {
  max-width: 386px;
  display: inline-block;
  position: relative;
  padding: 208px 40px 48px;
}
.block-icon + .block-icon {
  margin-left: -4px;
}


.block-icon p {
  font-size: 15px;
  line-height: 24px;
}
.block-icon .icon {
  position: absolute;
  font: 400 50px 'FontAwesome';
  color: #fff;
  display: inline-block;
  width: 125px;
  height: 125px;
  line-height: 125px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 50px;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 1200px) {
.day li.t2 {
  font-size: 13px;
}
.circle {
  padding: 20px 15px;
  height: 340px;
  margin: 0;
  line-height: 1.4;
}
	.logic{
	float: none;
	width: 26px;
	padding-top: 0px;
	position: absolute;
	top: 3px;
	right: 15px;
}
.navbar-header{
	float: left;
	position:relative;
	width: 310px;
}
.serbtn {
  margin: 20px 1px 0!important;
  padding: 5px 5px!important;
  background: #4b204a;
  border-color: #4b204a;
  border-radius: 5px;
}
}

@media (max-width: 991px) {
.owl-carousel{
	padding-top:0px;
	margin-top:-27px
}
	.serbtn{
		width:90%;
	}
	.block-icon + .block-icon {
    margin-left: 0;
  }
  .clearboth {
    clear: both;
  }
  * + .offs {
	  margin-top: 21px!important;
	}
	* + .btn {
	  margin-top: 5px!important;
	}
	.offs .article p {
	  height: 78px;
	  overflow: hidden;
	}
	 .block-icon__mod {
    max-width: 50%;
  }
   .marked-list {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
  .about .col-md-4{
		width:50%;
		float:left
  }
  .marked-list{
	width:49%;
	margin:0 0.5%;
	float:left;
  }
  .service .col-md-6{
	width:50%;
  }
  .ir{
	background-position:left!important;
  }
  .if{
	background-position:right!important;
  }
  .service .txt-sec{
	text-align:center
  }
  .service * + .btn {
	  margin-top: 10px!important;
	}
	.mo_foot a{color:#fff;text-decoration:none}
	.mo_foot{
	display:block;
	padding:5px;
	font-size:10pt;
	line-height:1.6;
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	left:0;
	height:auto;
	overflow:hidden;
	width:100%;
	z-index:9998;
	}
	.mo_foot li{
		width: 23%;
		margin: 0 1%;
		float: left;
		list-style-type: none;
		line-height: 40px;
		height: 40px;
		border-radius: 5px;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-indent: 20px;
		font-size:12pt;
	}
	li.line {
	background: #00c300 url(../images/lineicon.png)-11px -9px no-repeat;
	background-size: 58px;
	}
	li.service {
	background: #47639e url(../images/facebook.png)1px 4px no-repeat;
	background-size: 32px;
	}
	li.google {
	background: #d1392c url(../images/googleic.png)1px 4px no-repeat;
	background-size: 32px;
	}
	li.phone {
	background: #8a5a89 url(../images/phone.png)1px 4px no-repeat;
	background-size: 32px;
	}
}
@media (max-width: 768px) {
	.share{
		text-align:center;
		line-height:34px;
		padding:10px 0;
	}
	.share .phone{
	display:inline-block!important;
	
	}
	.share a{
		margin:0 6px;
	}
	.share img{
		width:34px;
	}
	h2, .h2 {
	  font-size: 28px;
	  line-height: 1.19047619;
	  font-weight: 500;
	  text-shadow: 3px 3px 4px #aaa;
	}
	* + .row {
	  margin-top: 20px;
	}
	div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 100%;
	height: 50px;
	line-height:25px;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
	width:100%;
}
div#abgne_marquee ul li span{
	display:block;
}
div#abgne_marquee ul li span + span{
	margin-left:0px;
}
div#abgne_marquee ul li{
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:12pt;
	height: 50px;
	line-height:25px;
	color:#fff;
	text-decoration: none;
}
	iframe {
		width:90%;
		margin:0 5%;
	}
	.educon,.sertext{
		width:100%;
	}

	.rd-mobilepanel_title{
	display:block;
}
  .block-icon {
    margin-top: 30px;
  }
}
.block-icon:hover .icon {
  -moz-box-shadow: 0 1px 4px 0px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 4px 0px rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 4px 0px rgba(255, 255, 255, 0.75);
}
.block-icon__mod {
  max-width: 25%;
  display: block;
  float: left;
  padding: 208px 10px 48px;
  .block-icon__mod {
    float: none;
    display: inline-block;
    max-width: 370px;
  }
}
/*inline-list*/
.inline-list li {
  display: inline-block;
}
.inline-list li a {
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  background: #fff;
  color: #464646;
  font-size: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.inline-list li a:hover {
  background: #8a5a89;
  color: #fff;
}
.inline-list li + li {
  margin-left: 15px;
}
/*Marked List  */
.marked-list li {
  text-align: left;
  padding-left: 25px;
  text-indent: -15px;
}
.marked-list li a {
  position: relative;
  padding-left: 15px;
  line-height: 40px;
}
.marked-list li a:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: -10px;
  font-weight: 400;
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #8a5a89;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.marked-list li a:hover:before {
  left: 1px;
}

/*Index List */
.index-list {
  counter-reset: li;
}
.index-list li {
  position: relative;
  padding-left: 100px;
}
.index-list li:before {
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
  position: absolute;
  top: -25px;
  left: 0px;
  color: #8a5a89;
  font-size: 70px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .index-list li p {
    text-align: left !important;
  }
}
@media (max-width: 991px) {
	#map-canvas{
		width:95%!important;
		margin:0 2.5%!important;
	}
  .index-list {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.index-list li + li {
  margin-top: 36px;
}
.index-list__mod {
  margin-top: 43px;
}
.index-list__mod li:nth-child(n+1) {
  margin-top: 25px;
}
/* Address  ==*/
.address address {
  font-size: 16px;
  line-height: 26px;
}
* + .address {
  margin-top: 10px;
}
.address p a {
  display: block;
}
.address * + address {
  margin-top: -2px;
}
.address p + p.h4 {
  margin-top: 30px;
}
.address * + .phone {
  margin-top: 25px;
  margin-bottom: 18px;
}
/*Term-list */
.term-list {
  padding: 0 30px;
}
* + .term-list {
  margin-top: 60px;
}
.term-list * + dt {
  margin-top: 30px;
}
.term-list dt + * {
  margin-top: 22px;
}
.term-list dl + * {
  margin-top: 21px;
}
.term-list a[href^="mailto:"] {
  text-decoration: underline;
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 768px) {
	.serli{
		width:100%;
		margin:0 auto;
	}
	.phone{display:block!important;}
	* + address {
  margin-top: 0px!important;
}
  .term-list {
    padding: 0;
  }
  footer .row .col-xs-12{
	margin-top:0!important;
  }
  footer {
  padding-top: 13px!important;
  padding-bottom: 27px;
  color: #fff;
  background: #323232;
  border-bottom: 19px solid #4b204a;
}
}
@media (max-width:650px){
.about .col-md-4 {
  width: 50%;
  float: left;
  padding: 0;
}
.mo_foot li{
	font-size:9.5pt;
	text-indent:24px!important
}
	div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 100%;
		height: 40px;
		line-height:20px;
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#abgne_marquee ul {
		position: absolute;
		width:100%;
	}
	div#abgne_marquee ul li span{
		display:block;
	}
	div#abgne_marquee ul li{
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:11pt;
		height: 40px;
		line-height:20px;
		color:#fff;
		text-decoration: none;
	}
	.day li {
	  float: left;
	  width: 12.5%;
	  text-align: center;
	  height: 50px;
	  border: solid 1px #ccc;
	  line-height: 50px;
	}
	.day li.t2 {
	  line-height: 25px;
	  color: #fff;
	  background: #8a5a89;
	  width: 25%;
	  font-size: 10px;
	}
	.day li.t{
	 line-height: 40px;
	}
   .edu .col-md-4{
	width:100%;
  }
	.service .col-md-6{
	width:100%;
  }
  .service .row{
	background-position:center!important;
  }
  .marked-list{
	width:99%;
	margin:0 0.5%;
	float:none;
  }
  * + .accordion {
  margin-top: 10px;
}
}
@media (max-width:320px){
	
li.line {
	background: #00c300 url(../images/lineicon.png)-11px -9px no-repeat;
	background-size: 58px;
	  text-indent: 30px!important;
	}
	li.service {
	background: #47639e url(../images/facebook.png)1px 4px no-repeat;
	background-size: 32px;
	}
	li.google {
	background: #d1392c url(../images/google.png)1px 4px no-repeat;
	background-size: 24px;
	background-position:left center
	}
	li.phone {
	background: #8a5a89 url(../images/phone.png)1px 4px no-repeat;
	background-size: 32px;
	}
.mo_foot li{
		width: 23%;
		margin: 0 1%;
		float: left;
		list-style-type: none;
		line-height: 40px;
		height: 40px;
		border-radius: 5px;
		color: #fff;
		vertical-align: middle;
		text-align: center;
		text-indent: 20px;
		font-size:11px;
	}
div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 100%;
		height: 40px;
		line-height:20px;
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#abgne_marquee ul {
		position: absolute;
		width:100%;
	}
	div#abgne_marquee ul li span{
		display:block;
	}
	div#abgne_marquee ul li{
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:10.5pt;
		height: 40px;
		line-height:20px;
		color:#fff;
		text-decoration: none;
	}
}
/*Copyright*/
.rights {
  font-size: 18px;
  line-height: 24px;
}
* + .rights {
  margin-top: 15px;
}
/* 404 */
.page404 p + p {
  margin-top: 60px;
}
/*HEADER*/
header {
  background: #8a5a89;
}
/*CONTENT*/
main {
  background: #ffffff;
  padding-top:103px;
}
.ind main{
	padding-top:0;
}
/* FOOTER  Styles*/
footer {
  padding-top: 23px;
  padding-bottom: 27px;
  color: #fff;
  background: #323232;
  border-bottom: 19px solid #4b204a;
}
footer .footer-brand {
  color: #fff;
  font-size: 31px;
  line-height: 37px;
  display: inline-block;
  position: relative;
}
footer .footer-brand:before {
  position: absolute;
  left: 0px;
  top: 0px;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
footer .footer-brand a:hover {
  color: #fff;
}
@media (max-width:768px){
main {
  background: #ffffff;
  padding-top:0px;
}
}