@charset "utf-8";
/* CSS Document */
body{width: 100%;}

.safe-container{
	width:100%;
	max-height: 70px;
	background-color:#676767;
	padding:0px 50px;
	margin:0px auto;
	box-sizing: border-box;

}

.safe-container .b-middle{
	width:100%;
	max-width:1280px;
	min-width:320px;
	margin:0px auto;
	padding:10px 20px;
	color:#FFFFFF;
	vertical-align:middle;
	box-sizing: border-box;
}
.safe-container .b-middle .b-txt{
	position:relative;
	width: 90%;
	font-family: Arial,"微軟正黑體","Microsoft JhengHei","Heiti TC","黑體",sans-serif,serif;
	line-height:1.5em;
	font-size:14px;
	padding-right:10px;
	font-weight:bolder;
}

.safe-container .b-middle .btn-close{
	position:absolute;
	top:25px;
	right:15px;
	color: #FFFFFF;
}

   .safe-container .b-middle .btn-close, .safe-container .b-middle .btn-close a {
        color: #FFFFFF;
        font-size: 20px;
        text-decoration: none;
    }

/*.safe-container .b-middle .btn-close a {
	padding: 1px 4px;
	text-align: center;
	vertical-align: middle;
    border: 2px solid #FFF;
    border-radius: 50%;
    box-sizing: border-box;
	color: #FFFFFF;
	font-size:13px;
	word-break:keep-all;
	text-decoration: none;
	font-family: Arial,sans-serif,serif;
}*/


@media screen and (min-width: 1300px){
	
.safe-container .b-middle .b-txt{
	position:relative;
	width: 90%;
	font-family: Arial,"微軟正黑體","Microsoft JhengHei","Heiti TC","黑體",sans-serif,serif;
	line-height:1.5em;
	font-size:14px;
	padding-right:10px;
	font-weight:bolder;
}

.safe-container .b-middle .btn-close{
	position:relative;
	top:0px;
	right:0px;
	color: #FFFFFF;
}

    .safe-container {
        width: 100%;
        max-height: 45px; /*44->40(20200415)*/ /* 20220121 40->45 */
        background-color: #676767;
        padding: 0px 0px;
        margin: 0px auto;
        box-sizing: border-box;
    }
.safe-container .b-middle{
	width:100%;
	max-width: 2000px;
	margin:0px auto;
	padding:10px 10px;
	color:#FFFFFF;
	vertical-align:middle;
	text-align: center;
	box-sizing: border-box;
}
	
}
@media screen and (max-width: 991px){
.safe-container .b-middle .b-txt{
	position:relative;
	width: 90%;
	text-align: left;
	padding-right: 50px;
}

.safe-container .b-middle .btn-close{
	position:absolute;
	top:25px;
	right:15px;
	color: #FFFFFF;
}	
	
.safe-container .b-middle .btn-close, .safe-container .b-middle .btn-close a {
        color: #FFFFFF;
        font-size: 20px;
        text-decoration: none;
    }

	
.safe-container .b-middle{
	margin:0px 0px;
	padding:10px 50px 10px 20px;
	color:#FFFFFF;
	vertical-align:middle;
	box-sizing: border-box;
}
	
	.safe-container{
	margin:0px 0px 20px;
	max-height: 70px;
		padding: 0px 0px;
}
	
}

@media screen and (max-width: 797px){
	.safe-container{
	max-height: 88px;
	background-color:#676767;
	margin-bottom:10px;
}
	
}
	

@media screen and (max-width: 739px){
.safe-container{
	width:100%;
	max-height: 88px;
	background-color:#676767;
	padding:0px 0px;
	box-sizing: border-box;
	margin-bottom:0px;
}
/*.safe-container .b-middle .btn-close a {
	-webkit-appearance: none;
}*/
.safe-container .b-middle {padding:10px 8% 10px 4%;}

}

@media screen and (max-width: 469px){
.safe-container{
	max-height: 125px;
	background-color:#676767;
	margin-bottom:0px;
}

/*.safe-container .b-middle .btn-close a {
	-webkit-appearance: none;
	padding: 4px;
    border-radius: 50%;
	font-size:14px;
	text-decoration: none;
	color:#FFFFFF !important;
}*/
	.safe-container .b-middle {padding:10px 12% 10px 4%;}
		
}