@charset "utf-8";

/* CSS Document */



.tag {

font-family:  'Noto Sans TC', Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif !important;


    background: #2c3e50;

    display: inline-block;

    color: #FFF;

    position: relative;

	padding-top: 4.5px;

	padding-bottom: 4.5px;

    padding-left: 4.5px;

	padding-right: 7.5px;

    border-radius: 4px;

    margin: 0 10px 10px 0;

    text-decoration: none;

	font-size:12px;

	font-weight: bold;

}

 

.tag:hover {

    background-color: #ffcc66;color:#000;

}

 

.tag:before {

    background: #fff;

    width: 10px;

    height: 10px;

    content: "";

    display: inline-block;

    border-radius: 20px;

    margin: 0 5px 0 0;

}

 

.tag:after {

    border: 13px solid;

    border-color: transparent transparent transparent #588fe5;

    height: 0;

    width: 0;

    position: absolute;

    right: -26px;

    top: 0;

    content: "";

    display: none;

}

 

 

.tag:hover:after {

	display: none; border-color: transparent transparent transparent #555;

}

.meta{

margin-left:75px;

}

@media screen and (max-width: 400px) {

.meta{

margin-left:0;

}

}