@charset "big5";
html,body{
    padding:0;
    margin:0
}
body{
    font-size:15px;
    line-height:1.6;
    font-family:"微軟正黑體", Verdana;
    background-color:#ffffff;
    -webkit-text-size-adjust:none
}
*{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0
}
h1,h2,h3,h4,h5,h6{
    font-size:100%
}
ul,ol,li{
    list-style:none
}
em,i{
    font-style:normal
}
hr{
    height:1px;
    margin:5px 0;
    border:medium none;
    color:#ccc;
    background-color:#ccc
}
a img{
    border:none
}
input,img{
    vertical-align:middle
}
a{
    text-decoration:none;
    color:#1f4a98
}
a: active{
    color:#ed6103
}
select{
    height:32px;
    width:100%;
    font-size:1rem;
    border:1px solid #cccccc;
    color:#464646;
    background-color:#FFF;
    border-radius:5px;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5))
}
.clear{
    clear:both;
    height:0;
    overflow:hidden
}
.space{
    padding:10px
}
.hide{
    display:none
}
.hl{
    color:#f60
}
.header{
    z-index:1;
    clear:both;
    height:70px;
    position:relative
}
.header:after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:7px;
    background-color:#2e61bc;
    -webkit-box-shadow:0px 0px 9px rgba(0, 0, 0, .7);
    -moz-box-shadow:0px 0px 9px rgba(0, 0, 0, .7);
    box-shadow:0px 0px 9px rgba(0, 0, 0, .7)
}
.header .logo a{
    position:absolute;
    top:20px;
    display:block;
    text-decoration:none;
    left:50%;
    margin-left:-80px;
    text-align:center
}
.logo-img{
    width:177px;
    height:42px
}
.header .nav{
    position:absolute;
    top:18px;
    right:5px
}
.header .nav p strong{
    color:#0b49c6
}
.channel .nav{
    position:absolute;
    top:35px;
    right:1px
}
.channel .nav .back{
    padding-right:20px
}
.footer{
    clear:both;
    padding:15px 0;
    background-color:#f6f7fb;
    border-top:5px #2e61bc solid
}
.footer .nav{
    text-align:center
}
.footer .nav li{
    margin:0 15px;
    display:inline-block
}
.footer .nav li a{
    font-weight:700
}
.footer .copyright{
    margin-top:5px;
    font:normal 14px/20px arial;
    text-align:center;
    color:#888
}
.tbar .inner-tbar{
    padding:0 10px;
    border-top:1px solid #3966bf;
    border-bottom:1px solid #3966bf;
    background-color:#3966bf;
    background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#3966bf), to(#3966bf))
}
.tbar .inner-tbar .title{
    color:#ffffff;
    font:bold 15px/35px arial
}
.text-btn .btn{
    color:#fff;
    font:bold 20px/45px arial;
    letter-spacing:.6em;
    text-align:center;
    text-shadow:#de6e00 0 -1px 0;
    display:block;
    border:1px solid #ff920d;
    -webkit-border-radius:5px;
    background-color:#ffa21c;
    background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#ffc039), to(#ff920d))
}
.gotop{
    clear:both;
    margin-top:18px;
    margin-bottom:10px;
    text-align:right
}
.gotop a:last-child{
    color:#ed6103;
    font:bold 14px 微軟正黑體;
    padding-left:20px
}
.channel .nav{
    top:30px
}
.tbar .inner-tbar .title a{
    float:right;
    color:#ffffff
}
.tbar .inner-tbar .title a img{
    padding-right:8px
}
@font-face{
    font-family:'ico';
    src:url("fontello.woff") format('woff'), url("fontello.ttf") format('truetype')
}
#svgdiy:before{
    font-family:"ico";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    color:#1755d1;
    margin-right:5px;
    text-align:center;
    font-variant:normal;
    font-size:18px;
    text-transform:none;
    line-height:24px
}
#svgdiy_white:before{
    font-family:"ico";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    color:#ffffff;
    margin-right:10px;
    text-align:center;
    font-variant:normal;
    font-size:18px;
    text-transform:none;
    line-height:24px
}
#svgdiy_blue:before{
    font-family:"ico";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    color:#3966bf;
    margin-right:10px;
    text-align:center;
    font-variant:normal;
    font-size:18px;
    text-transform:none;
    line-height:24px
}
#svgdiy.newpost:before{
    content:'\E802'
}
#svgdiy.history:before{
    content:'\E810'
}
#svgdiy_white.goback:before{
    content:'\F112'
}
#svgdiy_blue.goback:before{
    content:'\F112'
}
#sbmenu{
    clear:both;
    margin-top:20px
}
#sbmenu > ul{
    display:block;
    margin:2px;
    padding:0;
    list-style:none
}
#sbmenu > ul li{
    color:#06427F;
    cursor:pointer;
    font-family:"微軟正黑體", Verdana;
    transition:background .3s, box-shadow .3s;
    box-shadow:inset 0 -1px rgba(0, 0, 0, 0.2);
    display:block;
    font-size:16px;
    line-height:2em;
    outline:0;
    padding:.7em 1.8em .7em 1em;
    text-shadow:0 0 1px rgba(255, 255, 255, 0.1)
}
#sbmenu > ul li:hover{
    color:#1755d1
}
: hover{
    color:#FFF
}
#sbmenu > ul li:before{
    font-family:"ico";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    color:#1755d1;
    margin-right:12px;
    text-align:center;
    font-variant:normal;
    font-size:16px;
    text-transform:none;
    line-height:1em
}
#sbmenu > ul li.sep{
    margin-top:7px;
    padding-top:14px;
    border-top:1px solid #585858
}
#sbmenu> ul li.homepage:before{
    content:'\E80F'
}
#sbmenu> ul li.cart:before{
    content:'\f291'
}
#sbmenu> ul li.leaf:before{
    content:'\e81a'
}
#sbmenu> ul li.jet:before{
    content:'\f135'
}
#sbmenu> ul li.sell:before{
    content:'\E808'
}
#sbmenu > ul li.plus:before{
    content:'\e811'
}
#sbmenu > ul li.events:before{
    content:'\e802'
}
#sbmenu > ul li.settings:before{
    content:'\e803'
}
#sbmenu > ul li.logout:before{
    content:'\e81c'
}
#sbmenu > ul li.history:before{
    content:'\e810'
}
#sbmenu > ul li.info:before{
    content:'\f1e0'
}
#sbmenu > ul li.adopt:before{
    content:'\e813'
}
#sbmenu > ul li.user:before{
    content:'\e806'
}
#sbmenu > ul li.chat:before{
    content:'\e803'
}
#sbmenu > ul li.friends:before{
    content:'\e814'
}
#sbmenu > ul li.mail:before{
    content:'\f0e0'
}
.search-region dl{
    text-indent:10px
}
.search-region dl dt{
    margin-bottom:10px;
    font:bold 18px/22px arial;
    color:#BE6100
}
.search-region dl dd{
    margin-bottom:10px
}
.search-region dl dd ul{
    border:1px solid #ddd;
    border-width:1px 0 0 0
}
.search-region dl dd ul li{
    font:bold 16px/20px arial;
    cursor:pointer;
    padding:15px 10px 10px;
    border-bottom:1px solid #ddd
}
.search-region dl dd ul li: last-child{
    border-bottom:0
}
.search-region dl dd ul li b{
    float:right;
    font-weight:normal;
    padding-right:10px;
    background:transparent url(../images/arrow_icon.png) no-repeat scroll right center
}
.search-region dl dd ul li b span{
    color:#ED6103;
    margin-right:5px
}
.search-region dl.location{
    padding-top:10px
}
.search-region dl.location dd{
    color:#ff0000;
    font-weight:bold
}
nav:not(.mm-menu){
    display:none
}
.menu-trigger{
    float:left;
    margin-top:20px;
    margin-left:15px;
    top:22px;
    left:10px;
    width:36px;
    height:36px;
    background:#D0E4F8;
    cursor:pointer;
    border-radius:5px;
    -moz-transition:all 300ms;
    -webkit-transition:all 300ms;
    transition:all 300ms
}
.menu-trigger:before{
    content:'\F0C9';
    display:inline-block;
    width:36px;
    height:36px;
    color:black;
    font-family:"ico";
    font-style:normal;
    font-size:1.2em;
    font-weight:normal;
    font-variant:normal;
    text-align:center;
    text-transform:none;
    line-height:36px
}
.menu-trigger:hover{
    background:#06427F
}
.menu-trigger:hover:before{
    color:#fcfeff
}
 .icon_font:before{
     font-family: "ico";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     margin-left: 10px;
     margin-right: 3px;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
}
