/*css Document*/
.headerImgDiv{
    position: relative;
    width: 100%;
    height: 145px;
    background-image: url(../images/fundayBlog.png);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center;
	border-bottom: 0.5px solid rgba(0,0,0,0.3);
	min-width: 1200px;
	background-color: #fff;
}

.headerBarDiv{
    position: relative;
    width: 100%;
	min-width: 1200px;
    height: 75px;
	border-bottom: 0.5px solid rgba(0,0,0,0.3);
	background-color: #fff;
}

.headerBar{
	position:relative;
	width:1050px;
	height:100%;
	margin:0 auto;
	font-family:PingFangTC-Regular,'Microsoft JhengHei','Poppins',sans-serif;
	font-weight:700;
	display: flex;
	justify-content: space-around;
}

.headerBarItem{
	position:relative;
	float:left;
	/* width:122px; */
	height:100%;
	/* margin:0 20px; */
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	color: #9b9b9b;
	line-height:75px;
	cursor:pointer;
}

.barItemChosen{
	color:#206cc4;
}
/* Mobile and tablet navigation for the shared blog header. */
@media screen and (max-width: 1199px) {
    .headerImgDiv {
        min-width: 0;
        height: 100px;
        background-size: auto 100px;
    }

    .headerBarDiv {
        min-width: 0;
        height: auto;
    }

    .headerBar {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        min-height: 126px;
        padding: 0;
    }

    .headerBarItem {
        float: none;
        width: 100%;
        height: 42px;
        font-size: 14px;
        line-height: 42px;
        letter-spacing: 0;
        white-space: nowrap;
    }
}