* {font-family: 'Rubik', sans-serif, PingFang SC, Microsoft JhengHei;color:#333333;}

a, a:hover {color:#A41408; text-decoration: none; cursor:pointer;}

.wrap {overflow: hidden;}


header {
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.logo{
	display:flex;
}

.logo img{
	width: 50px;
    margin: 12px;
}

/* bg & text color */

.bg-white {background-color: white;}

.bg-red {background-color: #A41408;}

.bg-title {background-color: #B8615E;letter-spacing:1px;}

.bg-pink {background-color:#F9E9E9;}

.bg-golden {background-color:#A7824D}

.text-white {color: white!important;}

.text-pink {color:#F9E9E9;}

.text-justify {text-align: justify;}

.d-block {margin:5px 0;}

span.cny {
    display: block;
    padding: 0 5px;
    font-size: 80%;
    line-height: 1.5;
    color: white; 
    background-color: #A80006;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 5px;
}

span.ps {
    display: block;
    font-size: 80%;
    color: #666;
}


/*table*/

td.activity-desc {width:290px;
text-align:justify;
}
td.contact {width:100px;}


.table-bordered, .table-bordered td, .table-bordered th {
    border: 0!important;
}

.table-bordered tr.bg-pink {
    border-top: 1px solid #fff!important;
}

.table-bordered tr.bg-white {
    border-top: 1px solid #F9E9E9!important;
}

.table td, .table th {
    vertical-align: middle!important;
	padding:5px;
}

.table-hover .bg-pink:hover {
    background-color: #F9E9E9;
}

div #traffic {
	position: fixed;
    top: 20px;
    right: 4px;
	transform: rotate(15deg);
    font-size: 1.4rem;	
	background-color: red;
    padding: 8px;
    border-radius: 30px;
	cursor:pointer;
	
}
div #traffic:hover{
    /* transform:rotate(0.1deg); */

}
div #traffic span{
    color:rgb(255,255,255);	
	font-weight: 800;
}

div #detail {
	position: fixed;
    top: 20px;
    right: 4px;
	transform: rotate(15deg);
    font-size: 1.4rem;	
	background-color: red;
    padding: 8px;
    border-radius: 30px;
	cursor:pointer;
}
div #detail:hover{
    /* transform:rotate(0.1deg); */

}
div #detail span{
    color:rgb(255,255,255);	
	font-weight: 800;
}

div .cnyb {
	background-color:#EB7A77;
	width:360px;
	border-radius: 40px;
	margin-bottom:20px;	
}

div .cnyb:hover span{
	color:rgb(255,255,255);
}

.act{
	text-align:left;
}

.act_c{
	text-align:center;
}