/* line 8, ../../sass/user.scss */
.navbar-default {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 20px;
}
/* line 13, ../../sass/user.scss */
.navbar-default .navbar-brand {
  color: #000000;
}
/* line 15, ../../sass/user.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #EEEFEF;
}
/* line 19, ../../sass/user.scss */
.navbar-default .navbar-text {
  color: #000000;
}
/* line 24, ../../sass/user.scss */
.navbar-default .navbar-nav > li > a {
  /*color: #000000;*/
}
/* line 26, ../../sass/user.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #76171d;
  background-color: #EEEFEF;
  border-radius: 30px;
}
/* line 33, ../../sass/user.scss */
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #FFFFFF;
  border-radius: 30px;
}
/* line 37, ../../sass/user.scss */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #000000;
}
/* line 39, ../../sass/user.scss */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #76171d;
  background-color: #EEEFEF;
  border-radius: 30px;
}
/* line 45, ../../sass/user.scss */
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #EEEFEF;
}
/* line 54, ../../sass/user.scss */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #EEEFEF;
  background-color: #EEEFEF;
  border-radius: 5px;
}
/* line 62, ../../sass/user.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #76171D;
  background-color: #EEEFEF;
  border-radius: 30px;
}
/* line 69, ../../sass/user.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFFFFF;
  background-color: #EEEFEF;
  border-radius: 30px;
}
/* line 77, ../../sass/user.scss */
.navbar-default .navbar-toggle {
  border-color: #EEEFEF;
}
/* line 79, ../../sass/user.scss */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #EEEFEF;
}
/* line 82, ../../sass/user.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
/* line 86, ../../sass/user.scss */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #000000;
}
/* line 89, ../../sass/user.scss */
.navbar-default .navbar-link {
  color: #000000;
}
/* line 91, ../../sass/user.scss */
.navbar-default .navbar-link:hover {
  color: #EEEFEF;
}

@media (max-width: 767px) {
  /* line 101, ../../sass/user.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  /* line 103, ../../sass/user.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFFFFF;
    background-color: #EEEFEF;
  }
  /* line 109, ../../sass/user.scss */
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #EEEFEF;
    background-color: #EEEFEF;
  }
  
  /* 行動裝置   */
	.center-vertical{
		margin-top:10%;
	} 
	
	.foot_line{
		border-top:1px solid #717071;
		width:90%;
		margin:10% auto;
		text-align:center;
		padding-top:10px
	}  
  
}


/* 桌機 */
@media (min-width: 767px) {	
	.center-vertical{
		margin-top:15%;
	} 
	
	.foot_line{
		border-top:1px solid #717071;
		width:90%;
		margin:130px auto;
		text-align:center;
		padding-top:10px
	}

	.nav_margin_first{

		font-size:2rem;
	}	
	
	.nav_margin{		
		margin-left:8.8%;  //nav 每個選項的間距
		//font-size:22rem;
	}
	
}



/* line 118, ../../sass/user.scss */
.txt-course-info {
  font-size: 20px;
  background-image: url("../../src/imgs/course-bg.png");
  background-position: center;
}

/* line 124, ../../sass/user.scss */
.txt-course-info > span {
  background-image: url("../../src/imgs/course-label.svg");
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 2.5%;
  padding-right: 5%;
  padding-top: 1%;
  padding-bottom: 1%;
}

/* line 134, ../../sass/user.scss */
.pnl-course-info {
  margin-top: 2.5%;
  margin-bottom: 3%;
}

/* line 139, ../../sass/user.scss */
.pnl-course-info > article {
  margin-top: 2.5%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
  font-size: 16px;
}

/* line 147, ../../sass/user.scss */
.pnl-course-info > article > h5 {
  font-size: 16px;
}

/* line 151, ../../sass/user.scss */
.pnl-course-info > article > ol > li, .pnl-course-info > article > ul > li {
  text-indent: 0;
  margin-bottom: 1%;
}

/* line 156, ../../sass/user.scss */
.pnl-course-info > article > ol {
  margin-left: -2.5%;
  margin-bottom: 1%;
}

/* line 162, ../../sass/user.scss */
.pnl-course-info > article > ol > li > ol > li, .pnl-course-info > article > ol > li > ul > li, .pnl-course-info > article > ul > li > ol > li, .pnl-course-info > article > ul > li > ul > li {
  margin-bottom: 1%;
}

/* line 165, ../../sass/user.scss */
.pnl-course-info > article > ol > li > ol > li > ol > li, .pnl-course-info > article > ol > li > ol > li > ul > li, .pnl-course-info > article > ol > li > ol > li p, .pnl-course-info > article > ol > li > ul > li > ol > li, .pnl-course-info > article > ol > li > ul > li > ul > li, .pnl-course-info > article > ol > li > ul > li p, .pnl-course-info > article > ul > li > ol > li > ol > li, .pnl-course-info > article > ul > li > ol > li > ul > li, .pnl-course-info > article > ul > li > ol > li p, .pnl-course-info > article > ul > li > ul > li > ol > li, .pnl-course-info > article > ul > li > ul > li > ul > li, .pnl-course-info > article > ul > li > ul > li p {
  margin-bottom: 1%;
}

/* line 168, ../../sass/user.scss */
.pnl-course-info > article > ol > li {
  margin-left: 2%;
  margin-bottom: 1%;
}

/* line 173, ../../sass/user.scss */
.big-checkbox {
  width: 18px;
  height: 18px;
}

/* line 178, ../../sass/user.scss */
.sweetform > thead > tr {
  background-color: #e7e7e7;
}

/* line 182, ../../sass/user.scss */
body {
  font-family: Microsoft JhengHei;
}

/* line 186, ../../sass/user.scss */
.user-info1 {
  background-color: #EFEFEF !important;
}

/* Force the image from CKEditor to resize */
/* line 192, ../../sass/user.scss */
.article-content img {
  max-width: 100%;
  height: auto !important;
}

/* line 198, ../../sass/user.scss */
.fb-icon-bar {
  z-index: 1001;
  position: fixed;
  padding-left: 10px;
  top: 20%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 208, ../../sass/user.scss */
.fb-icon-bar a {
  display: block;
  text-align: center;
  padding-top: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  width: 45px;
  height: 45px;
  border-radius: 50px;
}

/* line 220, ../../sass/user.scss */
.fb-icon-bar a:hover {
  background-color: #3F4D77;
}

/* line 224, ../../sass/user.scss */
.facebook {
  background: #3B5998;
  color: white;
}

/* line 230, ../../sass/user.scss */
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
}

/* line 245, ../../sass/user.scss */
.back-to-top:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
}

#pnlFooter{
	background-color:#76171d;
	color:#ffffff;
	padding-top:0.8%;
	padding-bottom:0.8%;
}		

#pnlCopyright{
	background-color:#717071;
	color:#ffffff;
	padding-top:2.5%;
	padding-bottom:2.5%;
}

a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}