@media (min-width: 1px) {
	.navbar-header {
		width: 100%;
		height: 50px;
		//background-color: #034ba8;
		background: transparent;
	}
	.navbar-header-div-left {
		width: 30%;
		height: 100%;
		//padding-left: 15px;
		float: left;
	}
	.navbar-header-div-logo {
		width: 40%;
		height: 100%;
		float: left;
		padding-top: 13px;
	}
	.navbar-header-div-right {
		width: 30%;
		height: 100%;
		//padding-right: 15px;
		float: left;
	}
	.navbar-header-btn-menu {
                background-image:url('../images/btn/btn007.png');
                width: 20px;
                height: 20px;
        }
        .navbar-header-btn-menu:active{
                //background-image:url('../images/btn/testb.png');
        }
	.navbar-header-btn-message {
                background-image:url('../images/btn/btn006.png');
        }
        .navbar-header-btn-message:active{
                //background-image:url('../images/btn/bellb.png');
        }
	.navbar-header-btn-message-none {
                background-image:url('../images/btn/btn017c.png');
        }
        .navbar-header-btn-message-none:active{
                background-image:url('../images/btn/btn017c.png');
        }
	.navbar-header-btn-search {
                background-image:url('../images/btn/btn027a.png');
        }
        .navbar-header-btn-search:active{
                background-image:url('../images/btn/btn027b.png');
        }
	.navbar-header-btn-back {
                background-image:url('../images/btn/btn029.png');
		width: 14px;
		height: 24px;
        }
        .navbar-header-btn-back:active{
                //background-image:url('../images/btn/testb.png');
        }
	.navbar-header-btn-close {
                background-image:url('../images/btn/btn030a.png');
        }
        .navbar-header-btn-close:active{
                background-image:url('../images/btn/btn030b.png');
        }
	.navbar-header-btn-left {
                background-repeat:no-repeat;    /*不重複*/
                background-color : transparent; /*背景透明*/
                background-size: contain;
                border:0 none;                  /*邊框*/
                cursor:pointer;                 /*滑鼠移入變手指*/
                //width: 24px;
                //height: 24px;
		float: left !important;
		margin-top: 18px;
		margin-left: 24px;
		margin-right: 2px;
                outline:none;
        }

	.navbar-header-btn-right {
                background-repeat:no-repeat;    /*不重複*/
                background-color : transparent; /*背景透明*/
                background-size: contain;
                border:0 none;                  /*邊框*/
                cursor:pointer;                 /*滑鼠移入變手指*/
                width: 21px;
                height: 21px;
		float: right !important;
		margin-top: 18px;
		margin-right: 21px;
                outline:none;
        }

	.navbar-header-image-logo {
		display: none;
		width: 44px;
		height: 44px;
		position: absolute;
		top: 6px;
		left: 0;
		right: 0;
		margin: auto;
		background-image: url(../images/img/img001.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.navbar-header-text-logo {
		display: none;
		width: 100%;
		height: 100%;
		float: left !important;
		font-family: PingFangTC;
		font-size: 20px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #e9e9e9;
		text-align:center;
		margin: 0 auto;
	}

	.navbar-bottom-div {
		width: 100%;
		height: 55px;
		//background-color: #034ba8;
		background: transparent;
		display: none;
	}

	.navbar-bottom-select {
		width: calc(100% - 44px);
		height: 35px;
		border-radius: 4px;
		border: solid 1px #ffffff;
		background: transparent;
		margin: 10px 22px auto 22px;
		position: relative;
		color: #ffffff;
		text-align-last:center;
	}

	.select-without-appearance{
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.navbar-bottom-option {
		//height: 50px;
		color: black;
	}

	.header-select-div {
		width: calc(100% - 44px);
		height: 35px;
		margin: 10px 22px auto 22px;
	}

	.header-select  {
		display:inline-block;
		vertical-align:middle;
		position:relative;
		width: 100%;
	}

	.header-select select {
		line-height:normal;
		height:35px;
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		appearance:none;
		//width:200px;
		border-radius:6px;
		display:block;
		width:100%;
		border: solid 1px #ffffff;
		background: transparent;
		color: #ffffff;
		padding:6px 20px 7px 10px;
		margin:0;
		line-height:normal;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-align-last: center;
	}
	.header-select:not([disabled]):after{
		content:"";
		position:absolute;
		z-index:2;
		right:8px;
		top:50%;
		margin-top:-3px;
		height:0;
		width:0;
		border-top:6px solid #ffffff;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
		pointer-events:none;
	}

	.header-select option {
		color: #000000;
	}

	.sidebar-top {
		width: 100%;
		height: 50px;
	}

	#sidebar-shadow {
		width: 0%;
		height: 100%;
		//background-color: rgba(0, 0, 0, 0.9);
		position: absolute;
		z-index: 1999;
	}

	.collapse-sidebar {
		//background-color: #888888;
		//background: rgba(0, 0, 0, 0.9);
		//background-color: rgba(0, 90, 222, 0.07);
		background-image: linear-gradient(to bottom, #00509d, #002644);
		opacity: 0.98;
		width: 0px;
		max-width: 250px;
		overflow-x: hidden;
		height: 100%;
		top: 0px;
		z-index: 2000;
		transition: 0.5s;

		/* 內容會往下推 */
		//position: relative;
		//float: left;

		/* 會蓋在內容上 */
		position: absolute;
		left: 0px;
	}
	.nav-item {
		height: 40px;
		//padding-top: 9px;
		display: flex;
		flex-wrap: nowrap;
		word-break: keep-all;
		white-space: nowrap;
	}
	.nav-item-guest {
		height: 40px;
		padding-top: 9px;
	}
	.nav-item-img {
		width: 20px;
		height: 20px;
		margin-left: 36px;
		float: left;
	}
	.nav-item-p {
		font-family: NotoSansCJKtc;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
		margin-left: 13px;
		margin-top: 3px;
		float: left;
	}
	.nav-item-p-guest {
		font-family: NotoSansCJKtc;
		font-size: 15px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #c9c9c9;
		margin-left: 14px;
		margin-top: 3px;
		float: left;
	}
	.sidebar-line {
		border: solid 0.5px #ffffff;
		margin: 10px auto;
	}
	.sidebar-item {
		height: calc(100% - 80px);
	}
}

@media (max-width: 639px) and (orientation: landscape) {

}

@media (min-width: 640px) and (max-width: 666px) and (orientation: landscape) {

}

@media (min-width: 667px) and (max-width: 768px)and (orientation: landscape) {

}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){

}

@media (min-width: 1025px) and (orientation: landscape) {

}

@media (max-width: 420px) and (orientation: portrait) {
	
}

@media (min-width: 421px) and (max-width: 768px) and (orientation: portrait){

}

@media (min-width: 769px) and (orientation: portrait) {

}