@charset "utf-8";
/* CSS Document */

/* This stylesheet generated by Transfonter (https://transfonter.org) on May 22, 2017 7:52 AM */
@font-face {
  font-family: 'yakitori';
  src: url('../fonts/yakitori.eot');
  src: url('../fonts/yakitori.eot?#iefix') format('embedded-opentype'),
    url('../fonts/yakitori.woff2') format('woff2'),
    url('../fonts/yakitori.woff') format('woff'),
    url('../fonts/yakitori.ttf') format('truetype'),
    url('../fonts/yakitori.svg#yakitori') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------------------------------------
  Fonts
------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family:'Noto Sans TC';
font-style:normal;
font-weight:300;
src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans TC';
font-style:normal;
font-weight:400;
src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans TC';
font-style:normal;
font-weight:500;
src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans TC';
font-style:normal;
font-weight:700;
src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}

/*top bar social*/
ul.topbar {
    list-style: none;
    margin-bottom: 2px;
}

ul.topbar li {
    display: block;
    float: right;
    margin-left: 30px;
}

ul.topbar li img {
    width: auto;
}

ul.topbar li img:hover {
    opacity: 0.5;
}

/*最新消息列表*/
.news-item-block {
    padding: 15px;
    background-color: #000;
    color: #fff;
    min-height: 300px;
}

.news-item-block article.news-list-item {
    padding: 5px 15px 20px 15px;
    border: 1px solid #323232;
    background-size: 47%;
    background-position: left top;
    background-repeat: no-repeat;
}

.news-item-block .news-item-wrap {
    width: 50%;
    float: right;
}

.news-item-block article.news-list-item h3 {
    font-size: 21px;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
}

.news-item-block article.news-list-item span {
    font-size: 13px;
    color: #767676;
    letter-spacing: 1px;
}

.news-item-block article.news-list-item p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 200;
    height: 6em;
    overflow: hidden;
}

.news-item-block article.news-list-item a.btn {
    font-size: 16px !important;
}

/*最新消息內文*/
.right-position {
    float: right;
}

.socials-box li {}

.post-info.row {
    margin-bottom: 30px;
}

span.data-time {
    font-size: 15px;
    color: #767676;
    letter-spacing: 1px;
}

.news-content,
.news-content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: lighter;
}


/*門市資訊*/
.store-title {
    font-size: 21px;
    color: #e60012;
}

.store-contacts {
    line-height: 28px;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.store-contacts li {
    display: inline-flex;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 0.2px;
}

.store-contacts .fa {
    color: #e60012;
    margin-right: 5px;
    margin-top: 8px;
}





/*比960小*/
@media only screen and (max-width: 960px) {}

/*比768大*/
@media only screen and (min-width: 768px) {}

/*比768小*/
@media only screen and (max-width: 768px) {

    /*最新消息列表*/
    .news-item-block {
        padding: 15px;
        background-color: #000;
        color: #fff;
        min-height: auto;
    }

    .news-item-block {
        padding: 15px;
        background-color: #000;
        color: #fff;
    }

    .news-item-block article.news-list-item p {
        display: none;
    }

    .news-item-block article.news-list-item a.btn {
        font-size: 12px !important;
        margin-top: 10px;
    }

    .logointro {}

    /* .logointro img {
        height: 320px !important;
    } */

}

@media (min-width: 1024px) {
    .col-sm-2.custom-column {
        width: 20%;
    }
}

@media only screen and (min-width:1400px) and (max-width:1900px) {}

@media only screen and (min-width:1121px) and (max-width:1399px) {}

@media only screen and (min-width:960px) and (max-width:1200px) {}

@media only screen and (min-width:768px) and (max-width:959px) {}

@media only screen and (min-width: 480px) and (max-width: 767px) {}

@media only screen and (max-width: 479px) {}

@media only screen and (min-width: 320px) and (max-width: 479px) {}

@media only screen and (max-width: 319px) {}

@media only screen and (max-width: 279px) {}

@media all and (max-width: 768px) and (orientation : landscape) {}

@media all and (max-width: 568px) and (orientation : landscape) {}

@media all and (max-width: 320px) and (orientation : landscape) {}