body {
  color: #888 !important;
}
::selection{
	color:#fff;
	background:#F1C335;
}
/*==========================================================================
  01 - 問卷頁 page1 題目
========================================================================*/ 

/*
Social Media Share
=========================*/ 
.a2a_kit svg{background-color:#3387d4; border-color: #fff !important;}
.a2a_kit svg path{fill:#fff;}
.block1 .a2a_kit svg{ background:#C1272D; border-color: #ffffff !important;}
.block1 .a2a_kit svg path{fill:#fff;}



.f1-progress-line,.f1-step.active .f1-step-icon{
	background-color: #F1C335;
}
.f1-step.active p,.f1-step.activated p{
	color: #F1C335;
}
.f1-step.activated .f1-step-icon{
  border-color: #F1C335;
  color: #F1C335;
}
.red-mark{
	color: #FF060A;
	margin-left: 5px;
	font-weight: bold;
}
.form-box label{
	color: #333;
}
.myBg, #menu-59.mbr-navbar--stuck .mbr-navbar__section, .mbr-navbar--transparent .mbr-navbar__section{
	/* background-image: linear-gradient(to right, #C1272D, #5E0101) !important; */
  background: #003486 !important;
}
#form-page .top-content .text h1,#form-page .li-text a{
  /* color: #252525; */
}


/*==========================================================================
  01 - 問卷頁 page2 個人資料
========================================================================*/ 
input[type="text"], input[type="password"], textarea, textarea.form-control{
	color: #333;
}
.privacyLink{
	color: #0d60a5;
}
.privacyLink:hover{
	color: #22248d;
}
.f1 .input-error{
	border-color: #0d60a5;
}
button.btn.btn-next,button.btn.btn-start{
  background-color: #F1C335!important;
}


/*==========================================================================
  01 - 問卷頁 page3 完成
========================================================================*/ 
.myQuestion{
	color: #8377B4;
}
.myQuestion:hover{
	color: #9776D6;
}


/*==========================================================================
  02 - 影片頁
========================================================================*/ 
/*
頁首
=========================*/ 
.videoMemu{
	background-color: #fac802;
}
#menu-59 .mbr-navbar__items a{
	color: #fff !important;
}
.dark-theme_text-white a, .dark-theme_text-white:hover{
	color: #fff !important;
}
.form-wrapper{
	background-color: #f7f7f7;
}

/*
影片欄位
=========================*/ 
div.sewise-player-ui div.logo{
	background-color: transparent;
}
/*進度條顏色*/
div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-playedline,div.sewise-player-ui div.controlbar div.controlbar-volumeline div.controlbar-volumeline-volume{
	background-color: #22248d !important;
}
.system-environment-notice{
	font-size: 14px !important;
}

/*
  評論系統 調整
=========================*/
.videoQuestionSec .form-control {
  color: #333;
  background-color: #fff;
  border-color: #dfdfdf;
}
.videoQuestionSec .form-control:focus {
  border-color: #999;
}
.videoQuestionSec .form-control::-moz-placeholder {
  color: #777;
}
.videoQuestionSec .form-control:-ms-input-placeholder {
  color: #777;
}
.videoQuestionSec .form-control::-webkit-input-placeholder {
  color: #777;
}
.videoQuestionSec .form-control[disabled],
.videoQuestionSec .form-control[readonly],
.videoQuestionSec fieldset[disabled] .form-control {
  background-color: #f7f7f7;
}
.btn-o.commentSubmit{
	color: #22248d;
	border-color: #22248d;
}
.no-touch .btn-o.btn-green:hover, .btn-o.btn-green:focus, .btn-o.btn-green:active, .btn-o.btn-green.active, .open > .dropdown-toggle.btn-o.commentSubmit{
	background-color: #0d60a5;
}
.nav-tabs > li.active > a, .no-touch .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #22248d;
}
@media (max-width: 767px) {
  .navbar.navbar-no-bg{ 
    background: transparent !important;
  }
}

/*
  講義下載 按鈕
=========================*/
#download_btn{
	background-color:#F1C335;
	color: #000;
}
#download_btn:hover{
	background-color: #fac802;
}

/*
  講義下載 pop-up
=========================*/ 
.btn-success {
  background-color: #fac802;
}
.pop_btn .btn-close {
  color: #F1C335;
  background-color: #fff;
  border-color:  #F1C335;
}
.pop_btn .btn-close:hover {
  color: #fff;
  background-color: #F1C335;
  border-color:  #F1C335;
}
.pop_btn .btn-go {
  color: #ffffff;
  background-color: #F1C335;
}
.pop_btn .btn-go:hover {
  background-color: #0d60a5;
}
.videoEndAlertSpan{
	color: #F1C335;
}

/*
  頁尾
=========================*/ 
#footer1-76{
	background-image: linear-gradient(to right, #2b2dbe, #282bb2, #2629a5, #242699, #22248d);
}
.mbr-footer{
	color: #fff;
}

/*
  聯絡人資料
=========================*/ 
.contact_block .container{ 
  background: #eee;
  color: #111;
  border: 3px solid #ddd;
}
.contact_block .item a{
  color:#0d60a5;
}
.contact_block .item a:hover{
  color:#22248d;
}

/*
  問卷倒數顏色
=========================*/ 
#countdown .digit, .define p {
  color: #0d60a5!important;
}

/*
  多支影片-選單
=========================*/ 
.dropbtn {
	background-color:#22248d;
	color: #fff;
}
button.dropbtn::after {
  border-top: 6px solid #252525;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
} 
.dropdown-content {
  background-color: #f9f9f9;
}
.dropdown-content li a {
  color: #333;
  background: #fff ;
  border-bottom: 1px #ddd solid;   
}
.dropdown-content li.disable a {
  background: #ddd!important;
  color: #aaa !important;
}
.dropdown-content li.disable:first-child::before{
  background: #ddd!important;
}
.dropdown-content li:first-child::before {
  background: #fff;
}
.dropdown-content li a:hover {
  background-color: #F1C335;
  color:#fff;
}
.dropdown-content li:hover::before {
  background-color: #F1C335;
}
.dropdown:hover .dropbtn {
  background-color: #F1C335;
  color: #fff;
}