@import url("reset.css");
@charset "utf-8";
body {
    font-size:62.5%; 
 background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #feffe8 28%, #d6dbbf 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#feffe8 28%,#d6dbbf 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#feffe8 28%,#d6dbbf 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;

}
.pc{ display:block;}
.m{ display:none !important;}


/*主視覺*/
.visual {
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    overflow:hidden;
}
.visual img{width:100%;}

/*內容區塊*/
.content { margin: 0 auto; padding:50px; width:75%;}
.content a.btn-order, .content a.btn-order:link, .content a.btn-order:visited {width:100%; display:block; font-size:21px; background:#5d8f53; color:#fff; padding:18px; margin:30px 0 0; text-align:center; border-radius: 1px; box-shadow:0px 1px 2px #aaa;}
.content a.btn-order:hover {background:#56894c;  box-shadow:0px 0px 5px #999; letter-spacing:1px;}




/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/top.png) no-repeat 0 0; height:80px; width:80px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/top1.png);}


/*rwd*/
@media screen and (max-width:1361px) {
.content { margin: 0 auto; padding:40px; width:90%;}

}
@media screen and (max-width:800px) {
.pc{ display:none !important;}
.m{ display:block !important;}
.content { margin: 0 auto; padding:20px; width:85%;}

}