/*layout*/
body{ background:url(../img/oaad-h-bg.jpg) no-repeat;}

.b01-area{color:#fff; font-family:"微軟正黑體", Arial;}
.b01-area-s1{ padding:10px;  min-width: 25%; float:left; margin-left: 20px;}
.b01-area-s1 a{color:#fff; text-decoration:none;}
.b01-area-s1 a:hover{color:#ccc;}
.b01-area-s1 h1{ margin:0;}
.b01-area-s1 h1 img{ width:150px; height:auto; max-width:100%;}
.b01-area-s1 h2{ font-size:2em; margin:10px 0 0 0;vertical-align:middle;}
.b01-area-s1 h2 span{display:block; font-size:.45em;}
.b01-area-s1 h2 span:before {
    content: "Home";
    display: inline-block;
    font-size: .6em;
    background: #4aabab;
    padding: 1px 10px;
    border-radius: 3px;
    border: 1px solid #17c153;
    margin-right: 8px;
}
.b01-area-s1 h2 img{width:50px; max-width:100%; height:auto;}


.backpage a{ display:block; text-align:center; width:180px; height:30px;font-size: .96em; letter-spacing: 1px;line-height:30px; background:#338ac1;color:#fff; border-radius:15px;border:3px solid #0467a1; font-weight:bold; text-decoration:none;-webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.75); margin:10px 10px auto 10px;float: right; }
.backpage {text-align: left; display:none;}


/*media query*/
/*@media screen and (min-width: 831px){.backpage a{ display:none;}}*/
/*@media screen and (max-width: 830px){.backpage a{ float:none;}}*/