@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {box-sizing: border-box;}

body {width:100%;margin:0 auto;background:#333 url('../images/style/bg1.gif');font:400 1.2rem/2rem Noto Sans TC , sans-serif ;color:#ccc;}

h1 {font:500 1.5rem Noto Sans TC , sans-serif ;margin:0;padding:0;}
h2 {font:500 1.5rem Noto Sans TC , sans-serif ;margin:0;padding:0;}
h3 {font:500 1.5rem Noto Sans TC , sans-serif ;margin:0;padding:0;}

p {}

.wrapper {width:95%;margin:0 auto;padding:0 auto;background:;overflow:hidden;}
@media (min-width: 800px) {.wrapper {width:1180px;}}


/* photo */
img {border:none;max-width:100%;}
.photo-center {text-align:center;}

/* link */
a {text-decoration:none;color:#f00;}

/* list */
#sidebar ol , .goods ul {list-style-type:none;margin:0;padding:0;}

/* header */
header {width:100%;margin:2rem auto;overflow:hidden;line-height:0;}
@media (min-width: 800px) {header {width:1180px;}}

/* nav */
#logo {display:none;margin:;padding:;text-align:center;background:;line-height:0;}
@media (min-width: 800px) {
nav {width:100%;min-width:1180px;background:#111 url('../images/style/bg2.gif');box-shadow:0px 0px 50px 0px rgba(255,255,255,0.1);}
#logo {float:;padding:0px;margin:0;display:block;}
}
/* footer */
footer {
width:100%;
margin:2rem auto 0;
padding:2rem;
text-align:center;
font-size:0.8rem;
background:#111 url('../images/style/bg2.gif');
color:#f1f1f1;
overflow:hidden;
box-shadow:0px 0px 50px 0px rgba(255,255,255,0.1);
}
@media (min-width: 800px) {footer {min-width:1180px;}}

/* sidebar */
#sidebar {width:300px;margin:0 auto;text-align:center;}
@media (min-width: 800px) {#sidebar {float:left;width:300px;}}


/* goods */
.goods {overflow:hidden;text-align:center;}
.goods li {float:left;width:48%;margin-bottom:2rem;padding-bottom:1.2rem;background:#FFF;border-bottom:5px #92cfd7 solid;}
.goods li:nth-child(2n) {border-color:#ffa396;float:right;}


.goods li p{
position:relative;
line-height:1.5em;
margin:0;
padding:0 5px;
height:3em;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size:1rem;
}

.goods li p a {color:#009ae1;}
.goods li p a:hover {color:#f90;}

@media (min-width: 800px) {
.goods li {float:left;width:196px;margin:0 22px 22px 0;}
.goods li:nth-child(2n) {float:left;width:196px;}
.goods li:nth-child(4n) {float:right;margin-right:0;}
}


/* page */
article {margin:0 0 2rem;}
#page h1 {color:#fff;text-align:center;border-bottom:5px #009ae1 solid;padding:1rem 0;margin-bottom:2rem;background:#111 url('../images/style/bg2.gif');
}
@media (min-width: 800px) {
#page {float:right;width:850px;background:;}

}

/* post */
.post h2 {color:#ffa396;border-bottom:5px #ffa396 solid;display: inline-block;padding-bottom:1rem;}
.post h3 {color:#d4bcb5;border-bottom:5px #d4bcb5 solid;display: inline-block;padding-bottom:1rem;}

/* list */
.list ul {list-style-type:none;margin:0;padding:0;}
.list li {border-bottom:1px solid #555;margin:0 0 10px 0;padding:0 0 10px 0;}
.list li a {color:#92cfd7;padding-right:30px;background:url('../images/style/view.png') right no-repeat;}
.list li a:hover {color:#f90;}

.list h3 {color:#d4bcb5;border-bottom:5px #d4bcb5 solid;display: inline-block;padding-bottom:1rem;margin-bottom:2rem;}

/* banner */
.banner {overflow:hidden;}
.banner ul {list-style-type:none;margin:0;padding:0;}

/*  */
.slogan {text-align:center;font-style:italic;}

/*  */