body, td, th {
	font-family: Arial, "微軟正黑體";
	font-size:20px;
}
@charset "utf-8";
/* CSS Document */
.red{color:#C00;
}
.intro_content {
    width: 100%;
    min-height: 80px;
    overflow: auto;
    margin: 10px 0 40px;
    padding: 0;
    font-size: 16px;
    line-height:2.5em;
    font-weight: bold;
}
element.style {
    overflow-x: hidden;
}
/*--------------- 社群icon(B) ---------------*/
.socialicons {
    width: 100%;
    max-width: 288px;
    margin: 0 auto;
    padding: 0;
}

.socialicons li {
    list-style-type: none;
    float: left;
	background-image:url(../img/SocialMedia_icons.png);
    background-repeat: no-repeat;
    background-color: #FFF;
    width: 62px;
    height: 62px;
    margin: 5px;
    border: 2px solid;
    -webkit-background-size: 500%;
         -o-background-size: 500%;
            background-size: 500%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: background-image .3s, background-color .3s;
       -moz-transition: background-image .3s, background-color .3s;
        -ms-transition: background-image .3s, background-color .3s;
         -o-transition: background-image .3s, background-color .3s;
            transition: background-image .3s, background-color .3s;
}
.socialicons li:hover {
    background-image: url(../img/SocialMedia_icons_hover.png);
    -webkit-box-shadow: 1px 1px 5px #aaa;
            box-shadow: 1px 1px 5px #aaa;
}
.socialicons li:focus, .socialicons li:active {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.socialicons li a {
    display: block;
    width: 100%;
    height: 100%;
}

li.icon-line {
    border-color: #00b900;
}
li.icon-line:hover {
    background-color: #00b900;
}

li.icon-youtube {
    border-color: #e62117;
    background-position: 25% 0;
}
li.icon-youtube:hover {
    background-color: #e62117;
}

li.icon-fb {
    border-color: #3b5998;
    background-position: 50% 0;
}
li.icon-fb:hover {
    background-color: #3b5998;
}

li.icon-g-plus {
    border-color: #db4e3f;
    background-position: 75% 0;
}
li.icon-g-plus:hover {
    background-color: #db4e3f;
}

li.icon-pixnet {
    border-color: #01479d;
    background-position: 100% 0;
}
li.icon-pixnet:hover {
    background-color: #01479d;
}

/*如果使用者之視窗寬度 <= 360px，將會再載入這裡的 CSS。*/
@media screen and (max-width: 360px) {
    .socialicons {
        max-width: 320px;
    }

    .socialicons li {
        margin: 1px;
    }
}

/* -- for Retina Display -- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and    (-moz-min-device-pixel-ratio: 2),
       only screen and      (-o-min-device-pixel-ratio: 2),
       only screen and         (min-device-pixel-ratio: 2) {
    .socialicons li {
        background-image: url(../img/SocialMedia_icons@2x.png);
    }

    .socialicons li:hover {
        background-image: url(../img/SocialMedia_icons_hover@2x.png);
    }
}

/*--------------- 社群icon(E) ---------------*/
.youtube-area{
	padding-top: 20px;
	padding-right:15px;
	padding-bottom:15px;
}
.Wbox{
	border:3px solid #FFF;
}