.fsbanner, .fsbanner > div > span {
	/* obrigatório */
	display:none;
}
div.fsbanner {
	/* obrigatorio */
	position:relative;
	overflow:hidden;
	/* opcional */
	height:600px;
	color:white;
	font-size:30px;
	font-family:"微軟正黑體";
	font-weight:bold;
	border-radius:5px;
   /* -webkit-text-stroke: 1px black; */
}
.fsbanner > div {
	position:absolute;
	background-size:cover;
	cursor:pointer;
	top:0px;
	left:0px;
}
.fsbanner > div .name {
	display:block;
	position:absolute;
	left:20%;
	top: 80px;
}
.fsbanner > div .name.minimized {
	/* css3 */
	/* transform: rotate(-90deg); */
	/*文字變直行*/
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	bottom: -100px;
    left: 7px;
}

.box-s{
	background-color: #306bf0;
}
.box-w{
	background-color: #03717d;
}
.box-o{
	background-color: #e67d0d;
}
.box-t{
	background-color: #166faf;
}
.box-s .s, .box-w .w, .box-o .o, .box-t .t{
	font-size: 600px;
	line-height: 600px;
	font-family: '華康新儷粗黑';
	position: relative;
	bottom: -85px;
}
.box-s .s{
	color: #14347d;
	left: 10%;
}
.box-w .w{
	color: #00454c;
	left: 5%;
}
.box-o .o{
	color: #8c5a25;
	left: 5%;
}
.box-t .t{
	color: #0d4873;
	left: 8%;
}
.swot-txt{
	position: absolute;
	font-size: 18px;
	line-height: 36px;
	font-family: "微軟正黑體";
	font-weight: 400;
	top: 30%;
	left: 40%;
}
.swot-list{
	list-style-type: disc;
	margin-left: 30px;
}

@media screen and (max-width:1024px){
	div.fsbanner{
		border-radius: 0;
	}
	.swot_area #demo-3{
		display: block;
		width: 100%;
		height: auto;
	}
	.fsbanner > div{
		position: relative;
	}
	.fsbanner > div .name{
		left: 30px;
	}
	.swot-txt{
		position: relative;
		left: 0;
		padding:30px;
	}
	.box-s .s,.box-w .w, .box-o .o,.box-t .t{
		left: 90%;
		top: 20px;
		font-size: 100px;
		line-height: 100px;
	}
}
@media screen and (min-width:320px) and (max-width:700px){
	.box-s .s,.box-w .w, .box-o .o,.box-t .t{
		left: 80%;
	}
}