<style>
@charset "UTF-8";
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}
img {display: block;width: 100%;}
a {text-decoration: none;}

body{
	margin:0;
	padding:0;}

/*bar-----------------------------------
-----------------------------------------------------*/
.cate-bar {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
    font-family: century gothic,arial,microsoft jhenghei;
/*    -webkit-filter: drop-shadow(0px 4px 4px rgba(0,0,0, 0.3));
    filter: drop-shadow(0px 4px 4px rgba(0,0,0, 0.3));*/
    box-sizing: border-box;
    background: url(https://www.myfone.com.tw/buy/myfoneweb/buy/event2024/240312-asus/bar_m.jpg) 0 0 no-repeat;
    background-size: 100%;
}

.cate-nobar {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
    font-family: century gothic,arial,microsoft jhenghei;
/*    -webkit-filter: drop-shadow(0px 4px 4px rgba(0,0,0, 0.3));
    filter: drop-shadow(0px 4px 4px rgba(0,0,0, 0.3));*/
    box-sizing: border-box;
    background: url(https://www.myfone.com.tw/buy/myfoneweb/buy/event2024/240312-asus/bar_m2.jpg) 0 0 no-repeat;
    background-size: 100%;
}

.cate-bar span, .cate-nobar span {
	color: #ffff00;
}
.cate-bar .tit, .cate-nobar .tit {
	color: #FFFFFF;                /* 文字顏色 */
	font-size: 6vw;
	line-height: 1.8;
	font-weight: 700;
	margin-top: 2%;
}
.cate-bar a, .cate-nobar a {
	display: inline-block;
	margin-left: 8px;
	width: 12%;
}
.cate-bar a img, .cate-nobar a img {
	width: 100%;
}
@media screen and (min-width: 1000px) {
	.cate-bar .tit {
		font-size: 5vw;
		line-height: 1.8;
	}
}
@media screen and (min-width: 1280px) {
	.cate-bar .tit {
		font-size: 4vw;
		line-height: 1.8;
	}
}
@media screen and (max-width: 640px) {
/*	.cate-bar .tit {
		font-size: 6vw;
		line-height: 1.8;
	}*/
}


</style>