* {
    font-family:"微軟正黑體", "新細明體";
}
h1, h2, h3, h4, h5, h6 {
    font-family: "微軟正黑體", "新細明體";
}
body {
    font-size: 16px;
    line-height: 1.4666666667;
    color: #000000;
    background-color: #ffffff;
    font-weight: 400;
}
.header-top.colored {
    background-color: #5b4097;
    border-bottom: 1px solid #DAB751;
}
.navbar-toggle-text{
    float:right;
}
.navbar-toggle-text span{
    color:#757575;
    display: inline;
}
.navbar-toggle-icon{
    float:left;
    padding-top: 5px;
    padding-right: 5px; 
}
.header {
    border-top: 1px solid #ffffff;
    border-bottom: 2px solid #f1f1f1;
    /* background-color: #004998; */
    /* background-image: linear-gradient(225deg,#3d3c79 , #15a7b2); */
    background-image: linear-gradient(225deg,#5b4097 , #9a4497);
}
.btn-default {
    color: #ffffff;
    background-color: #00529B;
    border-color: #00529B;
    filter: hue-rotate(70deg);
}
.dropdown-menu > li > a {
    padding: 8px 20px;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #f7f7f7;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
}
.blue-bg{
    /* background-color: #004998; */
    /* background-image: linear-gradient(225deg,#3d3c79 , #15a7b2); */
    background-image: linear-gradient(225deg,#5b4097 , #ab57a5);
    color: #cdcdcd;

}
.color-white{
    color:#fff;
}
.btn-yellow{
    color: #fff;;
    background-color: #d7b348;
    border-color: #DAB751;
}
.btn-yellow:hover {
    color: #fff;
    /* background-color: #00A29A; */
    /* border-color: #00A29A; */
    background-color: #ffca28;
    border-color: #ffca28;
    box-shadow: 0 0.2rem 0.2rem rgb(61 145 64 / 25%) !important;
}
.hr-1{
    margin-top: 5px;
    margin-bottom: 5px;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #cecece;
    border-color: #ddd;
}
.panel-default > .sidebar-active{
    color: #fff;
    background-color: #d7b348;
    border-color: #ddd;
}
.panel-heading:hover{
    color: #fff;
    background-color: #d7b348;
    border-color: #ddd;
}
.panel-heading .panel-title a{
    -webkit-transition:none;
    transition:none;
}
.separator-1 {
    width: 100%;
    margin: 5px auto 5px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.separator-1:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}
.team-member div{
    /*background-color: #FFC107;*/
    background: linear-gradient(#ffca28, #ffde7b);
}
.team-member img{
    box-shadow: 0px 0px 5px #757575;
}

.team-member-group img{
    box-shadow: 0px 0px 0px #757575;
}
.light-gray-bg.team-member-group {
    background-color: #fff;
}
.light-gray-bg.team-member-group:before {
    background-color: #fff;
}
.group_title_icon{
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
    border-radius: 100%;    
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 3px;
}
.group_title{
    font-weight: 700;
    color: #545454
}
.form-control-group{
    border-radius:0px;
    line-height:10px; 
    padding:0px;
    padding-top:0px;
    padding-left:6px;
    height:31px;
}
.form-control-group-btn{
    border-radius:0px;
    line-height:10px; 
    padding:0px;
    padding-top:0px;
    padding-left:10px;
    padding-right: 10px;
    height:31px;
}
.news_title{
    font-size: 25px;
    background-color: #8c52a9;
    padding: 5px;padding-left: 10px;
    color: #fff;
}
.news_date{
    margin: 5px;
    color: #795548;
    text-align: right;
}
 .table-striped > tbody > tr:nth-child(odd) > th {
    /* background-color: #3697d9; */
    background-color: #894397;
    color:#fff;
}
.blogpost header {
    padding: 5px 10px 20px;
}

.owl-controls .owl-page span, .owl-controls .owl-page span {
    background: #211e1e;
}

.marquee-1{
    background-color: #dfdfdf;
    color:black;
    padding: 6px 0;
}
.marquee-1 .marquee,.marquee-2 .marquee{
    width:100%;
    overflow: hidden;
}
.marquee-1 .marquee span,.marquee-2 .marquee span{
    background-color:#E91E63;
    padding:5px;
    margin-right:10px;
    color:#fff;
}
.marquee-1 .marquee a,.marquee-1 .marquee a{
    margin-right:30px;
    color:#000;
}


.marquee-2{
    background-color: #eeeeee;
    color:#fff;
    padding: 6px 0;
}
.marquee-2 .marquee{
    width:100%;
    overflow: hidden;
}
.marquee-2 .marquee span{
    /* background-color:#004998; */
    background-image: linear-gradient(225deg,#5b4097 , #9a4497);
    padding:5px;
    margin-right:10px;
    color:#fff;
}
.marquee-2 .marquee a{
    margin-right:30px;
    color:#000;
}

.box-banner{
    background-color:#eeeeee
}

.text-default {
    color: #b677b4 !important;
}

.line-h:hover .line-b,.line-h:active .line-b,.line-h:focus .line-b {
    display: none;
}
.instagram-h:hover .instagram-b,.instagram-h:active .instagram-b,.instagram-h:focus .instagram-b {
    display: none;
}
.tiktok-h:hover .tiktok-b,.tiktok-h:active .tiktok-b,.tiktok-h:focus .tiktok-b {
    display: none;
}

/*google api css*/
#google_translate_element img{
    display:inline;
}

/*end*/